/***********************************************************************************/
/*** Header
/***********************************************************************************/
header{background-color:#fff; display:block; width:100%; position:relative; z-index:10; padding-bottom: 69px;}

/***********************************************************************************/
/*** Header - Menu principal
/***********************************************************************************/
header ul li:before{ display:none; }
header ul li a{text-decoration:none;}
header .top{ padding-top:30px; display:flex; position:relative; } 
header .top .logo{width:347px;}header .top .logo svg{width:100%;}


/*** Menu secondaire ***/ 
header .top .menu-secondaire-fr-container{position:absolute; top:40px; right:0;}
header .top .menu-secondaire-fr-container .secondary-menu{ padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items: center; }
header .top .menu-secondaire-fr-container .secondary-menu > li{ display:inline-block; padding:0 0 0 0; margin:0 0 0 30px; }
header .top .menu-secondaire-fr-container .secondary-menu > li:first-child{margin-left:0;}
header .top .menu-secondaire-fr-container .secondary-menu > li > a{ 
	text-align: center;
	font: 400 0.78em/20px 'Lato', sans-serif;
	letter-spacing: 0;
	color: #75787B;
	opacity: 1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
header .top .menu-secondaire-fr-container .secondary-menu > li > a:hover{color:#05C3DE;}
header .top .menu-secondaire-fr-container .secondary-menu > li.cta > a{ display:block; color:#fff; text-transform: none; font-family: 'StRyde'; font-size:16px; padding:10px 18px; letter-spacing:0.4px; } 
header .top .menu-secondaire-fr-container .secondary-menu > li.cta > a:after{ 
	content:">"; 
	color:#fff;
	font-size:20px; 
	padding-left:15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*** Menu principal ***/
header .bot{position:relative; z-index:2 }
header .menu-principal-fr-container{text-align: center; }
header .menu-principal-fr-container ul.primary-menu{ 
	padding:50px 0 30px 0;
	margin:0 0 0 0; 
	display:inline-flex; 
	margin:auto;
	justify-content: center; 
	align-items: center; 
	background-color:#fff; 
	width:100%;
	text-align: center;
}
header .menu-principal-fr-container ul.primary-menu > li{ padding:0 0 0 0; margin:0 0 0 0; list-style: none; list-style: none; position:initial;}
header .menu-principal-fr-container ul.primary-menu > li > a{ 
	font-family: 'Lato', sans-serif;
	padding:3px 2px 0 2px;
	margin:0 40px;
	display:block; 
	text-align: center; 
	font: 900 1.18em/1.13em 'Lato', sans-serif;
	letter-spacing: 0;
	color: #002565;
	text-transform: uppercase;
	position:relative;
	opacity: 1;
	z-index:5;
	overflow:hidden;  
}
header .menu-principal-fr-container ul.primary-menu > li > a:before{ 
	position:absolute; 
	content:""; 
	background-color:#05C3DE; 
	height:11px; 
	bottom:-11px; 
	left:0; 
	right:0; 
	z-index:-1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
header .menu-principal-fr-container ul.primary-menu > li:hover > a:before,
header .menu-principal-fr-container ul.primary-menu > li.current-page-ancestor > a:before,
header .menu-principal-fr-container ul.primary-menu > li.current-menu-item > a:before{bottom:0;}
/*** Menu principal - Sous-menus ***/ 
header .menu-principal-fr-container ul.primary-menu > li > ul{ 
	top: 100%;
	padding:0;
	height: 70px;
	margin:0 0 0 0; 
	position:absolute; 
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	left:0; 
	background-color:#002855;  
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	visibility:hidden;
	opacity:0;
	z-index:3;
	max-width:100%;
} 
header .menu-principal-fr-container ul.primary-menu > li > ul > li{ padding:0 0 0 0; margin:0 0 0 0; display:inline-block; margin:6px 20px;  overflow:hidden;}
header .menu-principal-fr-container ul.primary-menu > li > ul > li > a{
	font-family: 'StRyde';
	font-size: 1em;
	font-weight: 500; 
	line-height: 1.8em;
	color: #fff;
	position:relative; 
	z-index:2;
	overflow:hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
header .menu-principal-fr-container ul.primary-menu > li > ul > li > a:hover,
header .menu-principal-fr-container ul.primary-menu > li > ul > li.current-menu-item > a{color:#05C3DE;} 
header .menu-principal-fr-container ul.primary-menu > li > ul > li.read-all{display:none;} 
body.home header .menu-principal-fr-container ul.primary-menu > li > ul{ display:none!important;}

/***********************************************************************************/
/*** Home - Hero
/***********************************************************************************/
#home-hero{ position: relative; overflow:hidden; max-height:720px;}
#home-hero .carousel{display:flex; position:relative; height:100%; }
#home-hero .carousel .wrapper{ display:flex; height:100%; z-index:2; flex-wrap: wrap; flex-direction: column;}
#home-hero .carousel .wrapper .owl-carousel{position:relative; z-index:3;}
#home-hero .carousel .wrapper .owl-carousel:before{position:absolute; top:100px; left:-60px; right:-60px; bottom:100px; content:""; background-color:#05C3DE; z-index:0;}
#home-hero .carousel .owl-carousel,
#home-hero .carousel .owl-stage,
#home-hero .carousel .owl-stage-outer,
#home-hero .carousel .owl-item, 
#home-hero .carousel .slide{height:100%;}
#home-hero .carousel .wrapper .owl-carousel .slide{position:relative; background-size:cover; background-repeat: no-repeat; background-position: center; height:100%; }
#home-hero .carousel .wrapper .owl-carousel .slide .wrap{ display: flex; align-items:center;  height:100%; position:relative;}
#home-hero .carousel .wrapper .owl-carousel .slide .wrap .content{  padding-right:65px; padding-left:45px; width:50%; position:absolute; right:0; text-align:left;}
#home-hero .carousel .dark h1{color:#fff;}
#home-hero .carousel .dark .cta.blue.linear a{ color:#fff; border:2px solid #fff; z-index:3;}
#home-hero .carousel .dark .cta.blue.linear a:before{ opacity:0; background-color:#fff; }
#home-hero .carousel .dark .cta.blue.linear:hover a{color:#002855;}
#home-hero .carousel .dark .cta.blue.linear:hover a:before{opacity:1;}

/*** Navigation ***/
#home-hero .owl-theme .custom-nav{ position: absolute; top:50%; left: 0; right: 0; }
#home-hero .owl-theme .custom-nav.disabled{display:none!important;}
#home-hero .owl-theme .custom-nav .owl-prev, #home-hero .owl-theme .custom-nav .owl-next { position: absolute; height: 40px; width:40px; background: none; border: none; z-index: 100; }
#home-hero .owl-theme .custom-nav img{display:block;}
#home-hero .owl-theme .custom-nav .owl-prev{ left:80px; }
#home-hero .owl-theme .custom-nav .owl-next{ right:80px; }
#home-hero .owl-theme .custom-nav button div{
	height:40px;
	width:40px;
	color:#fff;
	text-align:center;
	line-height:34px;
	background-color:#05C3DE;
	font-size:36px;
	border-radius: 100%;
}
#home-hero .owl-theme .custom-nav .owl-prev div{padding-right:3px;}
#home-hero .owl-theme .custom-nav .owl-next div{padding-left:3px;}

/***********************************************************************************/
/*** Home - News
/***********************************************************************************/
#home-news{padding-top:60px; padding-bottom:70px; position:relative;}
#home-news:after{content:""; position:absolute; bottom:0; left:0; right:0; background-color:#eaebeb; height:400px; z-index:1;}
#home-news .wrapper{z-index:3;}
#home-news .wrapper h2{position:relative; display:block; padding-top:20px; margin-bottom:30px; }
#home-news .wrapper h2:before{ position:absolute; content:""; height:10px; width:214px; background-color:#05C3DE; top:0; left:0; right:0; display:block; margin:auto;}
#home-news .wrapper .grid .column.column-3 .column-wrap{padding-bottom:50px;}
#home-news .wrapper .cta{display:block;text-align:center;}

/***********************************************************************************/
/*** Home - Pl. Fin.
/***********************************************************************************/
#home-plfin{position:relative; padding-top:60px; padding-bottom:70px; background-color:#05C3DE; }
#home-plfin .wrapper h2{position:relative; display:block; padding-top:20px;}
#home-plfin .wrapper h2:before{ position:absolute; content:""; height:10px; width:214px; background-color:#fff; top:0; left:0; right:0; display:block; margin:auto;}
#home-plfin .wrapper p.center{font-size:20px; line-height:36px; margin-bottom:50px;}
#home-plfin .wrapper .carousel .owl-carousel{padding-left:65px; padding-right:65px;}
#home-plfin .wrapper .carousel .owl-carousel .slide .wrap{display:block; position:relative; text-align: center;}
#home-plfin .wrapper .carousel .owl-carousel .slide .wrap h3.h5{font-family:'Lato', sans-serif; font-weight:900; text-transform:uppercase; margin-top:30px; margin-bottom:10px; }
#home-plfin .wrapper .carousel .owl-carousel .slide .wrap .icon img{ display:block; max-width:115px; width:100%; margin:auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#home-plfin .wrapper .owl-dots{display:none;}
#home-plfin .wrapper .cta{display:block;text-align:center; padding-top:50px;}

/*** Navigation ***/
#home-plfin .owl-theme .custom-nav{ position: absolute; top:50%; left: 0; right: 0; }
#home-plfin .owl-theme .custom-nav .owl-prev, #home-plfin .owl-theme .custom-nav .owl-next { position: absolute; height: 40px; width:40px; background: none; border: none; z-index: 100; } 
#home-plfin .owl-theme .custom-nav .owl-prev{ left:80px; }
#home-plfin .owl-theme .custom-nav .owl-next{ right:80px; }
#home-plfin .owl-theme .custom-nav button div{
	height:40px;
	width:40px;
	color:#fff;
	text-align:center;
	line-height:34px;
	background-color:#002855;
	font-size:36px;
	border-radius: 100%;
}
#home-plfin .owl-theme .custom-nav .owl-prev div{padding-right:3px;}
#home-plfin .owl-theme .custom-nav .owl-next div{padding-left:3px;}

/***********************************************************************************/
/*** Home - Newsletter
/***********************************************************************************/
#newsletter{ position:relative; background-color:#002855;}
#newsletter:after{content:""; position:absolute; top:0; left:0; right:0; background-color:#eaebeb; height:140px; z-index:1;}
.home #newsletter:after{ background-color:#05C3DE; }
#newsletter .wrapper{background-color:#fff; z-index:3; padding-top:70px; padding-bottom:45px;}
#newsletter .wrapper h2{position:relative; display:block; padding-top:20px;}
#newsletter .wrapper h2:before{ position:absolute; content:""; height:10px; width:214px; background-color:#05C3DE; top:0; left:0; right:0; display:block; margin:auto;}
#newsletter .wrapper #formulaire{ max-width:780px; position:relative; display:block; margin:auto;}
#newsletter .wrapper #formulaire .row{ display:flex; justify-content: space-between; align-items: flex-end; padding-bottom:10px;}
#newsletter .wrapper #formulaire .row .item{width:47%;}
#newsletter .wrapper #formulaire .row .item > input{
	padding-left:10px;
	padding-right:10px;
	background-color:#fff; 
	border: 2px solid #eaebeb; 
	border-radius: 6px; 
	display:block; 
	width:100%; 
	height:40px;
	font: 400 13px/20px 'Lato', sans-serif;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
} 
#newsletter .wrapper #formulaire .row .item > input:focus{border: 2px solid #05C3DE; }
#newsletter .wrapper #formulaire .row .item .name-input{font: 900 13px/20px 'Lato', sans-serif; padding-bottom:5px;}
#newsletter .wrapper #formulaire .row .item.gender{height:40px; }
#newsletter .wrapper #formulaire .row .item.gender ul{ margin:0 0 0 0; padding:0 0 0 0; position:relative; display: flex; align-items: center; height:100%;}
#newsletter .wrapper #formulaire .row .item.gender li{ margin:0 0 0 0; padding:0 0 0 0; position:relative; display: flex; align-items: center; position:relative; }
#newsletter .wrapper #formulaire .row .item.gender li:before{display:none;}
#newsletter .wrapper #formulaire .row .item.gender li:last-child{margin-left:20px;}
#newsletter .wrapper #formulaire .row .item.gender li label{ position:relative; z-index:7; padding-left:22px; cursor: pointer;}
#newsletter .wrapper #formulaire .row .item.gender li label .xsmall{font-weight:400;padding-bottom:0;}  
#newsletter .wrapper #formulaire .row .item.gender li .check{
	display: block; 
	border: 2px solid #75787b; 
	background-color:#fff; 
	border-radius: 100%;
	height: 14px;
	width: 14px;
	position:absolute; 
	top:3px;
	left:0;
	z-index: 5;
	transition: border .2s linear; 
	-webkit-transition: border .2s linear;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}  
#newsletter .wrapper #formulaire .row .item.gender li input[type=radio]{position:absolute; width:14px; height:14px; display:block; left:0; top:3px; cursor: pointer; z-index:6; visibility: hidden;} 
#newsletter .wrapper #formulaire .row .item.gender li input[type=radio]:checked ~ .check {border: 5px solid #05c3de;}   

#newsletter .wrapper #formulaire .footer{ display:block; margin-top:35px; }
#newsletter .wrapper #formulaire .footer .bt-submit{display:block; text-align: center;}
#newsletter .wrapper #formulaire .footer .bt-submit input{
	margin:auto;
	position:relative;
	text-transform:uppercase; 
	font-family: 'Lato', sans-serif;
	font-weight:900; 
	font-size:12px;
	line-height:19px; 
	letter-spacing: 0.3px;
	padding:11px 40px 9px 40px;
	border-radius:24px;   
	z-index:2;
	color:#fff; 
	border:2px solid #05C3DE;
	background-color:#05C3DE;
	background:#05C3DE;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
} 

/***********************************************************************************/
/*** Home - partenaires
/***********************************************************************************/
#partners{background-color:#002855;}
#partners .wrapper h2{position:relative; display:block; margin-bottom:10px; }
#partners .wrapper{padding-bottom:40px; background-color:#fff;}
#partners .wrapper .partners{ position:relative; display:flex; align-items: center; flex-wrap: wrap; justify-content: center; }
#partners .wrapper .partners .wrap{width:20%; display:block; padding:25px 45px; }
#partners .wrapper .partners .wrap div{height:60px; width:100%; display:block; position:relative; background-repeat: no-repeat; background-size: contain; background-position: center;}
#partners .wrapper .partners .wrap div a{position:absolute; display:block; top:0; left:0; right:0; bottom:0;}

/***********************************************************************************/
/*** Page - Header
/***********************************************************************************/
.page-header{ position:relative; overflow:hidden; }
.page-header .wrapper .header-top{height:550px; position:relative; display:block; z-index:2;}
.page-header .wrapper .header-top:before{
	position: absolute;
	top: 100px;
	left: -60px;
	right: -60px;
	bottom: 100px;
	content: "";
	background-color: #05C3DE;
	z-index: 0;
}
.page-header .wrapper .header-top .image{position:absolute; top:0; left:0; right:0; bottom:0; background-repeat: no-repeat; background-size: cover; background-position: center;}
.page-header .wrapper .header-bot{padding-top:20px;}
.page-header .wrapper .header-bot .top{ display:flex; padding-bottom:40px; align-items: baseline;} 
.page-header .wrapper .header-bot .top .breadcrumbs{ flex: 1;}
.page-header .wrapper .header-bot .bot{padding-bottom:30px; font-size: 13px; line-height: 20px;  font-family: 'Lato', sans-serif; padding-bottom:12px; letter-spacing:0.3px;}
.page-header .wrapper .header-bot .bot .categories{margin-bottom:10px; text-transform: uppercase;}
.page-header .wrapper .header-bot .bot .categories a{text-decoration: none; color:#05C3DE; padding:0 9px 0 5px; position:relative; }
.page-header .wrapper .header-bot .bot .categories a:first-child{padding-left:0;}
.page-header .wrapper .header-bot .bot .categories a:before{ width:1px; content:""; position:absolute; background-color:#05C3DE; top:0; bottom:1px; right:0; }
.page-header .wrapper .header-bot .bot .categories a:last-child:before{display:none;}


.page-header .wrapper .header-bot .bot .date{display:block; color:#dcddde; font-style:italic; font-family:'Lato', sans-serif; font-weight:400; font-size:13px; line-height:18px;} 
.page-header .wrapper .header-bot .bot .date .fas{font-weight:400; font-size:16px; font-style:normal; padding-right:8px;}



/***********************************************************************************/
/*** Page + single - Content
/***********************************************************************************/
.site-content{padding-top:0;margin-bottom:60px;}
.page:not(.home) .page-header .wrapper .header-bot .bot h1,
.archive.category .page-header .wrapper .header-bot .bot h1{margin-bottom:0;}
.page:not(.home) #newsletter{padding-top:80px;}
.page:not(.home) #newsletter:after{height:210px;}
.page:not(.home) #newsletter .wrapper{ padding-top:60px; }
.page:not(.home) #newsletter .wrapper
.page:not(.home) #newsletter:after{ background-color:#eaebeb;}
.page:not(.home) .cta{margin-bottom:1rem; margin-top:1rem;}

.site-content p+h2,
.site-content p+.h2{margin-top:1.7rem;}
.site-content p+h3,
.site-content p+.h3{margin-top:1.6rem;}

.page:not(.home) .site-content p, 
.single.site-content p­,
.page:not(.home) .site-content ul, 
.single .site-content ul,
.page:not(.home) .site-content ol, 
.single .site-content ol{margin-bottom:1.3rem;}

.site-content p, 
.site-content p, 
.site-content li{font-size:1.2em; line-height:1.72em; }

/*.site-content p > a, .site-content li > a{ 
	display:inline-block;
	position:relative;   
	background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, #05c3de 55%, #05c3de 85%, rgba(255, 255, 255, 0) 85%); 
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, #05c3de 55%, #05c3de 85%, rgba(255, 255, 255, 0) 85%); 
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, #05c3de 55%, #05c3de 85%, rgba(255, 255, 255, 0) 85%); 
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, #05c3de 55%, #05c3de 85%, rgba(255, 255, 255, 0) 85%); 
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, #05c3de 55%, #05c3de 85%, rgba(255, 255, 255, 0) 85%); 
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, #05c3de 55%, #05c3de 85%, rgba(255, 255, 255, 0) 85%); 
} */
.site-content p > a, .site-content li > a{ 
	position: relative;
	text-decoration: none;
	    font-weight: 700;
	background-color:#50d5e8;
	border-bottom: 2px solid transparent;
} 

.site-content p > a:hover, .site-content li > a:hover{background-color: transparent; border-bottom: 2px solid #002565;}

/***********************************************************************************/
/*** Archive 
/***********************************************************************************/
body.archive.category .archive{position:relative; z-index:2; background-color:#eaebeb; padding-bottom:60px;} 

body.archive.category .archive:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	height: 140px;
	z-index: 1; 
}

body.archive h1{
	position: relative;
	display: block;
	padding-top: 20px;
	margin-bottom: 30px;
}
body.archive h1:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 214px;
	background-color: #05C3DE;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
}

body.archive .site-content{padding-bottom:20px;}
body.archive .grid{margin-top:30px;}

/***********************************************************************************/
/*** Single - Recent posts
/***********************************************************************************/ 
#recent-posts{ padding-bottom:70px; position:relative;}
#recent-posts:after{content:""; position:absolute; bottom:0; left:0; right:0; background-color:#eaebeb; height:400px; z-index:1;}
#recent-posts .wrapper{z-index:3;}
#recent-posts .wrapper h2{position:relative; display:block; padding-top:20px; margin-bottom:30px; }
#recent-posts .wrapper h2:before{ position:absolute; content:""; height:10px; width:214px; background-color:#05C3DE; top:0; left:0; right:0; display:block; margin:auto;}
#recent-posts .wrapper .grid .column.column-3 .column-wrap{padding-bottom:50px;}
#recent-posts .wrapper .cta{display:block;text-align:center;}

/***********************************************************************************/
/*** 404
/***********************************************************************************/
.error404 #newsletter:after{ background-color:#fff;}
.content-search{margin-top:30px;}
#searchform > div{display:flex; flex-wrap: wrap;  max-width:340px;}
#searchform > div input{
	flex:1;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
	border: 2px solid #eaebeb;
	border-radius: 6px;
	display: block; 
	height: 40px;
	width:100%;  
	font: 400 13px/20px 'Lato', sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#searchform > div button{
	margin-left:6px;
	border:2px solid #05c3de;
	background-color:#05c3de;
	color:#fff;
	height:40px;
	width:60px;
	border-radius: 33px;
	display:block;
	line-height:39px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#searchform > div button .fa-search:before{
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#searchform > div button:hover{background-color:#fff;}
#searchform > div button:hover .fa-search:before{ color:#05C3DE;}

/***********************************************************************************/
/*** Outils + Expertises
/***********************************************************************************/
.list{position:relative; margin-top:20px;}
.list .element{ display:flex; margin-bottom:40px; }
.list .element:last-child{margin-bottom:0;}
.list .element .img{ position:relative; width:115px; height:115px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.list .element .img a{position:absolute; top:0; left:0; right:0; bottom:0; display:block; }
.list .element .content{flex:1; display:flex; flex-wrap: wrap; align-items: center;}
.list .element .content{padding-left:40px;}
.list .cta{display:block; text-align: center;}
.list .element .content .cta{text-align:left;}

/***********************************************************************************/
/*** Footer
/***********************************************************************************/
footer{ padding-top:80px; padding-bottom:40px; background-color:#002855; overflow:hidden; }
footer .wrapper{display:flex; flex-flow: row wrap; flex-wrap: wrap;}
footer .column{ position:relative; }
footer .column .wrap{color:#fff; height:100%;}
footer .column .wrap a{color:#fff;} 

/*** Menu ***/
footer .column:first-child{ position:relative; flex:1; height:100%; }
footer .column:first-child .wrap div > ul{ padding:0 0 0 0; margin:0 0 0 0; display: flex; flex-wrap: wrap; flex-direction: column; height:250px; }
footer .column:first-child .wrap div > ul li{ padding:0 0 0 0; margin:0 0 0 0; }
footer .column:first-child .wrap div > ul ul{ padding:0 0 0 0; margin:0 0 0 0; }
footer .column:first-child .wrap div > ul > li{ flex: 0 0 auto; margin-bottom:8px; }
footer .column:first-child .wrap div > ul > li.menu-item-has-children{margin-bottom:24px;}
footer .column:first-child .wrap ul li:before{display:none;}
footer .column:first-child .wrap ul li > a{ font: 900 13px/20px 'Lato', sans-serif;  color:#fff; letter-spacing:0.4px; } 
footer .column:first-child .wrap div > ul > li:not(.secondary) > a{text-transform: uppercase;}
footer .column:first-child .wrap div > ul > li.menu-item-has-children{padding-bottom:8px;}
footer .column:first-child .wrap ul li > ul > li a,
footer .column:first-child .wrap ul > li.secondary > a{font-size:13px; line-height:19px; font-family:'Lato', sans-serif; font-weight:400; color:#fff;  } 
footer .column:first-child .wrap ul > li.secondary{margin-bottom:0;}

/*** Social ***/
footer .column:last-child .wrap{ width:350px; display:flex; flex-direction: column; align-items: flex-end;}
footer .column:last-child .wrap .social{flex:1; display:flex; flex-wrap: wrap; }
footer .column:last-child .wrap .social a{height:20px; width:20px; line-height:21px; text-align: center;}
footer .column:last-child .wrap .social a i.fab{font-weight:400;  }
footer .column:last-child .wrap .social a:first-child i.fab{ font-size:15px; }
footer .column:last-child .wrap .social a:nth-child(2){line-height:19px; margin-left:34px;}
footer .column:last-child .wrap .social a:nth-child(2) i.fab{ font-size:14px; }
footer .column:last-child .wrap .social a:last-child{font-size:15px; margin-left:34px; line-height:23px;}

/*** Logo ***/
footer .column:last-child .wrap .logo{ margin-bottom:20px; }
footer .column:last-child .wrap .logo img{ width: 100%; max-width: 160px; display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

/***********************************************************************************/
/*** CUSTOM SHORTCODES
/***********************************************************************************/
.fullHalfLeft, .fullHalfRight{ position:relative; display:flex; margin-bottom:0; margin-top:-60px; padding-top:1.3rem; padding-bottom:1.3rem;}
.fullHalfLeft .wrapper, .fullHalfRight .wrapper{ display:flex; min-height:290px; align-items: center; }
.fullHalfLeft .img, .fullHalfRight .img{position:absolute; width:40%; height:100%; background-size:cover; background-position:center; background-repeat: no-repeat; top:0; bottom:0;}
.fullHalfLeft .content, .fullHalfRight .content{width:60%; display:block; padding-top:1.3rem; padding-bottom:1.3rem; }
.fullHalfLeft .content{ margin-left:auto; }  
.fullHalfRight .img{ right:0; }  
.fullHalfLeft .content .p-80{padding-left:40px;} 
.fullHalfRight .content .p-80{padding-right:40px;}  

.numberList{ position:relative; margin-bottom:0; margin-top:-50px; padding-bottom:0; margin-bottom: 1rem; }
.numberList .listItem{display:block; text-align:center; position:relative; }
.numberList .listItem .nb-liste{ font: 600 64px/1em 'Lato', sans-serif; position:relative; display:block; margin-bottom:-5px; } 
.numberList .listItem h4:before{
	position: absolute;
	content: "";
	height:8px;
	width: 130px;
	background-color: #05C3DE;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	z-index:-1;
}
.numberList .listItem h4{ position:relative; padding-top:21px; font-size:21px; line-height:25px; font-family: "StRyde";  }
.numberList .wrapper{ position:relative; display:flex; flex-wrap: wrap; justify-content: center; }
.numberList .wrapper .listItem{width:33.3%; display:block; padding:25px 45px; position:relative;}
.numberList .wrapper .listItem{padding:0 10px 1.3rem 10px;}


/***********************************************************************************/
/*** HERO CAMPAGNE
/***********************************************************************************/ 
#home-hero.campagne .carousel .wrapper .owl-carousel .slide{background-position: center; background-size: cover;}
#home-hero.campagne{max-height:720px;}

#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap{align-items: flex-start; justify-content: flex-start; padding-left:100px; padding-right:100px;}
#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap .content-campagne{ padding-top:115px; max-width:480px; text-align:left;} 
#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap .content-campagne .cta{margin-top:40px;}
#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap .content-campagne .cta a{
	display: block;
	color: #fff;
	text-transform: none;
	font-family: 'StRyde';
	font-size: 16px;
	padding: 10px 18px;
	letter-spacing: 0.4px;
	font-weight:400;
	line-height:20px;
}
#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap .content-campagne .cta a:after{
	content: ">";
	color: #fff;
	font-size: 20px;
	padding-left: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap .content-campagne.slide-1 svg#light{display:none;}
#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap .content-campagne.slide-2 svg#dark{display:none;}
#home-hero.campagne .carousel .wrapper .owl-carousel .slide .wrap .content-campagne.slide-3 svg#dark{display:none;}



/***********************************************************************************/
/*** Promotion
/***********************************************************************************/ 

.promotion{position:relative; margin-bottom:80px; }
.promotion .img{position:absolute; top:0; bottom:0; left:0; width:50%; background-size: cover; background-repeat: no-repeat; background-position:center;}
.promotion .wrapper{display:flex; flex-wrap: wrap;}
.promotion .wrapper > div{width:50%; position:relative; min-height:350px; display:flex; flex-wrap: wrap; align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat;}
.promotion .wrapper > div:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(0, 40, 85,0.4) 0%, rgba(0, 40, 85, 0) 100%) 0% 0% no-repeat padding-box;
}
.promotion .wrapper > div .wrap{ padding-right:80px; padding-left:80px; position:relative; z-index:2;}
.promotion .wrapper > div .wrap h2{color:#fff;}
.promotion .wrapper > div.left{position:relative;}
.promotion .wrapper > div.left .cta a .responsive{display:none;}


.promotion .wrapper > div.left .cta a{color:#fff; border:2px solid #fff; letter-spacing:0.3px; text-align: center;}
.promotion .wrapper > div.right{position:relative; }
.promotion .wrapper > div.right .wrap{  }
.promotion .wrapper > div.right .wrap .social{display:block; position:relative; display:flex; flex-wrap:wrap;align-items: flex-end;  }
.promotion .wrapper > div.right .wrap .social a{ font-size:22px; margin-right:40px; height:26px; display:flex; flex-wrap:wrap;align-items: flex-end; color:#fff; text-decoration: none;}  
.promotion .wrapper > div.right .wrap .social a:last-child{margin-right:0;} 



body .gform_wrapper .top_label .gfield_label, body .gform_wrapper legend.gfield_label{
	color: #002855;
	font-weight: 500;
	font: 16px/20px "StRydeMedium";
	margin-bottom: 5px; 
	text-transform: initial;
	padding-bottom: 0px;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_radio{margin-top:8px!important;}
body .gform_wrapper .gfield_radio li label{margin-left:8px;}
body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{ color: #05C3DE; font-size: 11px; line-height: 18px; text-transform: uppercase; font-family: 'Lato', sans-serif;}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
	border: 2px solid #eaebeb;
	border-radius: 6px;
	display: block;
	width: 100%;
	height: 40px;
	font: 400 13px/20px 'Lato', sans-serif;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus{border: 2px solid #05C3DE; }
body .gform_wrapper textarea.medium{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
	border: 2px solid #eaebeb;
	border-radius: 6px;
	display: block;
	width: 100%; 
	font: 400 13px/20px 'Lato', sans-serif;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
body .gform_wrapper textarea.medium:focus{border: 2px solid #05C3DE; }
body .gform_wrapper ul.gfield_radio > li .check{
	display: block; 
	border: 2px solid #75787b; 
	background-color:#fff; 
	border-radius: 100%;
	height: 14px;
	width: 14px;
	position:absolute; 
	top:9px;
	left:0;
	z-index: 5;
	transition: border .2s linear; 
	-webkit-transition: border .2s linear;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}    
body .gform_wrapper .gfield_radio li input[type=radio]{ position:relative; width:15px; height:15px; left:0; top:9px; cursor: pointer; z-index:6; opacity:0; margin-top:0!important;} 
body .gform_wrapper .gfield_radio li input[type=radio]:checked ~ .check {border: 5px solid #05c3de;}   
body .gform_wrapper .gfield_radio li label{  font-size: 1.2em; line-height: 1.5em;}
body {margin-top:0!important; }

body .gform_wrapper ul.gfield_radio li{position:relative; top:0; display:flex; align-items:top;}
body .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label{ font-weight:initial!important;}

body .gform_wrapper .gform_footer{text-align:center;}
body .gform_wrapper .gform_footer input[type=submit]{
	margin: auto;
	position: relative;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 0.3px;
	padding: 11px 40px 9px 40px;
	border-radius: 24px;
	z-index: 2;
	color: #fff;
	border: 2px solid #05C3DE;
	background-color: #05C3DE;
	background: #05C3DE;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}






/*** Vidéo ****/  
.publicités h2{position: relative; z-index:4; display: block; padding-top: 20px; margin-bottom: 20px; text-align: center;}
.publicités h2:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 214px;
	background-color: #05C3DE;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
}
.publicités{background-color:#eaebeb; position:relative; padding-bottom:20px; padding-top:70px;}
.publicités:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	height: 300px;
	z-index: 1;
} 
.publicités .pub{ position: relative; display: flex; margin-top:0; padding:0 0 0 0; }
.publicités .pub .wrapper{display:flex; align-items: center; background-color:#fff; z-index:2; border-radius: 6px; overflow: hidden; }
.publicités .pub .img{height:auto!important; width:50%; cursor: pointer;}
.publicités .pub .img .video{ position:relative;  z-index:2;}
.publicités .pub .img .video .iframe{ position: relative; }
.publicités .pub .img .video .iframe iframe{position: absolute; top: 0;left: 0;width: 100%; height:100%;}
.publicités .pub .img .video .bg-video{position:relative; background-color:#002855;}
.publicités .pub .img .video .bg-video img{ width:100%; display:block; z-index: -1; opacit1; }   
.publicités .pub .img .video .bg-video .play{position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items: center; justify-content: center; } 
.publicités .pub .img .video .bg-video .play svg{width:100px;}

.publicités .pub.left .content .wrap{padding-top:40px; padding-bottom:40px;}
.publicités .pub.left .p-80{padding-left:40px;}
.publicités .pub.right .p-80{padding-right:40px;}
.publicités .pub.right .wrapper{flex-direction: row-reverse;}
.publicités .pub .content{ width:50%; }  
.publicités .pub .content .cta{margin-top:0; margin-bottom:0;}
.publicités .cta.concours{padding-top:40px; margin:0 0;}




#newsletter span.br{display:block;}
#newsletter h2.concours{ font-size: 42px; }
#newsletter h2.concours span.orange{color:#E6621C;}
#newsletter .signature{
	max-width: 780px;
	position: relative;
	display: block;
	margin: auto;
	padding:10px 16px 0 16px;
}
#newsletter .signature svg{ width:500px;  }




/***********************************************************************************/
/*** WEBINAIRES
/***********************************************************************************/ 
.webinaires h2{position: relative; z-index:4; display: block; padding-top: 20px; margin-bottom: 20px; text-align: center;}
.webinaires h2:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 214px;
	background-color: #05C3DE;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
}
.webinaires{background-color:#eaebeb; position:relative; padding-bottom:20px; padding-top:70px;}
.webinaires:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	height: 300px;
	z-index: 1;
} 
.webinaire{ position: relative; display: flex; margin-top:0; padding:0 0 0 0; margin-bottom:40px; }
.webinaires .webinaire:last-child{margin-bottom:0;}
.webinaire .wrapper{display:flex; align-items: center; background-color:#fff; z-index:2; border-radius: 6px; overflow: hidden; }
.webinaires .webinaire:nth-child(odd) .wrapper{flex-direction:row-reverse;} 
.webinaire .img{height:auto!important; width:50%; cursor: pointer;}
.video{ position:relative;  z-index:2;}
.video .iframe{ position: relative; display:none;}
.video .iframe iframe{position: absolute; top: 0;left: 0;width: 100%; height:100%;}
.video .bg-video{position:relative; background-color:#002855;}
.video .bg-video img{ width:100%; display:block; z-index: -1; opacity:0.9; }   
.video .bg-video .play{position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items: center; justify-content: center; }
.video .bg-video .play svg{width:100px;}
.webinaire.left .content .wrap{padding-top:40px; padding-bottom:40px;}
.webinaire.left .p-80{padding-left:40px;}
.webinaire.right .p-80{padding-right:40px;}
.webinaire.right .wrapper{flex-direction: row-reverse;}
.webinaire .content{ width:50%; }  
.webinaire .content p{ font-family: 'StRydeLight'; font-size: 15px; font-weight: 400; line-height: 1.7em; color: #002565;}
.webinaire .content h3{margin-bottom:0.5rem; }
.webinaire .content .category{
	color: #05C3DE;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	margin-bottom:0.5rem;
	font-weight: 400;
}
.webinaire .content .foot{display:flex; align-items: center;}
.webinaire .content .foot .info{
	font-family: 'StRydeMedium';
	font-weight: 500;
	font-size: 1em;
	line-height: 1.8em;
	color: #002565;
	flex:1;
	display:flex; 
	align-items: center;
}
.webinaire .content .foot .info img{display:inline-block; max-width: 22px; margin-right:8px;}
.webinaire .content .cta{margin-top:0; margin-bottom:0;} 
.webinaire .content .cta a{min-width:140px; text-align: center; padding-top:11px; padding-bottom:11px;}
.head{margin-bottom:30px;}

.webinaire.rosemarie .wrapper{  margin-top:60px; } 
.webinaire.rosemarie .content p{ 
	font-family: 'StRydeLight';
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;   
}





#home-hero .carousel .wrapper .owl-carousel .slide.concours{
	background-color:#082042;
	background:#082042;
	background-image:none!important;
}
#home-hero .carousel .wrapper .owl-carousel .slide.concours .wrap .content{width:45%;}
#home-hero .carousel .wrapper .owl-carousel .slide.concours .wrap .content{padding-left:65px;}
#home-hero .carousel .wrapper .owl-carousel .slide.concours .wrap:before{
	background-image:url(/wp-content/themes/ATYPIC/public/img/liqpf-sinvite-chez-vous.svg);
	position:absolute; 
	left:65px;
	right:45%;
	top:0;
	bottom:0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	content:"";
	background-size: contain;

}




/***********************************************************************************/
/*** CONCOURS - General
/***********************************************************************************/ 
span.br{display:block;}
.page-header.concours .wrapper .header-bot .bot h1,
.concours .head h2{ 
	display:block; 
	text-align:center; 
	position:relative; 
	padding-top: 24px;
	padding-bottom:0 
	margin-top:30px;
	margin-bottom: 1.2rem;
	margin:auto;
}
.page-header.concours .wrapper .header-bot .bot h1:before,
.concours .head h2:before{
	position: absolute;
	content: "";
	height: 10px;
	width: 214px;
	background-color: #05C3DE;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
} 

.concours .foot{display:block; text-align: center;}
.concours .foot span{margin-left:10px; margin-right:10px;}
.concours span.cta a{min-width:235px; text-align: center;}

/***********************************************************************************/
/*** CONCOURS - Intro
/***********************************************************************************/  
section#intro h3.h4{ font: 22px/28px "StRydeMedium"; margin-bottom:1rem; margin-top:0.5rem;}

/***********************************************************************************/
/*** CONCOURS - Videos
/***********************************************************************************/ 
section#videos{position:relative;}
section#videos:before{height:210px; background-color:#05c3de; position:absolute; left:0; right:0; bottom:0; content:""; z-index:1; }
section#videos .site-content{margin-bottom:0; padding-bottom:90px;}
section#videos .concours .wrapper{display:flex; position:relative; z-index:2;}
section#videos .concours .wrapper .video{ width:50%; cursor: pointer; position:relative;}

/***********************************************************************************/
/*** CONCOURS - Quizz
/***********************************************************************************/ 
section#quiz{background-color:#05c3de; padding-top: 0px; padding-bottom:90px; position:relative;} 
section#quiz .site-content{margin-bottom:0; position:relative; z-index:2; }
section#quiz .concours .wrapper{ margin-bottom:0; padding-top:70px; padding-bottom:60px; background-color:#fff; text-align: center;}
section#quiz .concours .wrapper .prix{display: flex; flex-flow: row wrap; flex-wrap: wrap;}
section#quiz .concours .wrapper .prix > div{width:50%; text-align: center;}
section#quiz .concours .wrapper .prix > div .small{color:#05c3de;}
section#quiz .concours .wrapper .prix > div h3{ font-size:1.5em; } 

/***********************************************************************************/
/*** CONCOURS - Articles
/***********************************************************************************/ 
section#articles{background-color:#ffff; padding-top: 0px; padding-top:80px; position:relative;}  
section#articles .site-content{margin-bottom:0; position:relative; z-index:2; } 
section#articles .site-content .foot span.cta{margin-left:5px; margin-right:5px; }  
section#articles .site-content .slider-concours{padding-left:80px; padding-right:80px; position:relative;} 
section#articles .site-content .owl-carousel .item .wrap .img{height: 280px; background-size: cover; background-position: center; background-repeat: no-repeat; position:relative;}
section#articles .site-content .owl-carousel .item .wrap .img a{display:block; width:100%; height:100%;}
section#articles .site-content .owl-carousel .item .wrap .content{padding:30px 0 0 0; flex:1; position: relative; display:flex; flex-direction: column;} 
section#articles .site-content .owl-carousel .item .wrap .content .txt{ line-height: 1.7em; flex:1; }

section#articles .site-content .owl-carousel .item .wrap .content .cta.blue.linear a{min-width: initial; padding: 9px 18px 8px 18px;} 
section#articles .site-content .owl-carousel .owl-stage { display: flex; }
section#articles .site-content .owl-carousel .owl-stage .item{height:100%; background-color:#fff;}
section#articles .site-content .owl-carousel .owl-stage .item .wrap{display:flex; flex-direction: column; height:100%; padding-left:2px; padding-right:2px;}
/*** Navigation ***/
section#articles .site-content .slider-concours .owl-theme .custom-nav{ position: absolute; top:50%; left: 0; right: 0; }
section#articles .site-content .slider-concours .owl-theme .custom-nav .owl-prev, 
section#articles .site-content .slider-concours .owl-theme .custom-nav .owl-next { position: absolute; height: 40px; width:40px; background: none; border: none; z-index: 100; } 
section#articles .site-content .slider-concours .owl-theme .custom-nav .owl-prev{ left:10px; }
section#articles .site-content .slider-concours .owl-theme .custom-nav .owl-next{ right:10px; }
section#articles .site-content .slider-concours .owl-theme .custom-nav button div{
	height:40px;
	width:40px;
	color:#fff;
	text-align:center;
	line-height:34px;
	background-color:#05c3de;
	font-size:36px;
	border-radius: 100%;
}
section#articles .site-content .slider-concours .owl-theme .custom-nav .owl-prev div{padding-right:3px;}
section#articles .site-content .slider-concours .owl-theme .custom-nav .owl-next div{padding-left:3px;} 
section#articles .site-content .slider-concours .owl-theme .owl-dots{display:none!important;}
/***********************************************************************************/
/*** CONCOURS - Concours
/***********************************************************************************/ 
section#concours{ padding-top: 70px; padding-bottom:0; position:relative;}  
section#concours .site-content{ margin-bottom:0; }
section#concours .site-content p{display:block; text-align: center;}

body .formulaire .gform_wrapper .gfield_radio li label {
	font-size: 1.2rem;
	line-height: 1.5;
	font-family: 'StRydeLight';
	font-weight:400;
}
body .formulaire .gform_wrapper .gform_footer input[type=submit]{min-width:220px; text-align: center;}

/***********************************************************************************/
/*** CONCOURS - Promote
/***********************************************************************************/ 
section#promote{background-color:#eaebeb; padding-top: 0px; padding-bottom:0; position:relative;} 
section#promote:before{height:210px; background-color:#fff; position:absolute; left:0; right:0; top:0; content:""; z-index:1; }
section#promote .site-content{margin-bottom:0; padding-top:70px;} 
section#promote .concours .wrapper{ display: flex; flex-flow: row wrap; flex-wrap: wrap; position:relative; z-index:2;} 

section#promote .wrapper > div:first-child .wrap .cta a{background-color:#f6b7b2;}
section#promote .wrapper > div{ width:50%;  background-size: cover; background-position: center right; background-repeat: no-repeat; }
section#promote .wrapper > div .wrap{  padding:80px 60px; min-height:350px; display:flex; align-items: center;}
section#promote .wrapper > div .wrap .content h2{color:#fff;}


section#promote .site-content h2{ 
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	letter-spacing: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-bottom: 0 ;
	line-height: 1;
	color:#fff!important;
}
section#promote .wrapper > div .wrap .content span.linear a{
	margin-top:1em;
	background-color:#ef5553;
	min-width:200px;
	border:4px solid #231f20; 
	font-size: 14px;
	font-family: 'Montserrat', sans-serif; 
	line-height: 18px;
	font-weight:700;
	padding: 15px 30px 14px 30px;
	border-radius: 30px;
	color:#fff!important;
} 
section#promote .wrapper > div .wrap{background-color:rgb(0 40 85 / 65%)}
section#promote .wrapper > div{border:4px solid #000;}
section#promote .wrapper > div.right {border-left:0px solid #000;}




section#promote .wrapper > div .wrap .content .social a{color:#fff; text-decoration: none;}
section#promote .wrapper > div .wrap .content .social a{display:inline-flex; margin-right:40px;}
section#promote .wrapper > div .wrap .content .social a:last-child{margin-right:0;}
section#promote .wrapper > div .wrap .content .social i{color:#fff; font-size:22px;}


body .mobile-modal__Wrapper-urpdwm-0,
body [data-qa="mobile-modal"]{z-index:11111111111111111;}

body .mobile-modal__Wrapper-urpdwm-0 iframe,
body [data-qa="mobile-modal"] iframe{height:100%!important;}

.jRMtza iframe{height:100%!important;}


#home-hero .carousel .wrapper .owl-carousel .slide.spf-20{background-position: left top!important}
section#promote.promote-page section#promote .site-content{padding-top:0;}



/*************************************/
/*************************************/
/*************************************/


#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .img {background-color:#212322;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .content{background-color:#212322;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .content h2{color:#fff;} 
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .content h3{color:#ced2d8;font-size: 30px;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .bottom {background-color: #313d45;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .devenirplfin-cta{background-color: #e95b0f; color: #212322;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .img{
	width: 50%;
    max-width: 632px;
    background-position: 10% 50%;
    background-size:75% auto ;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 100px;
    z-index: 1;
}







#block-video .webinaire.large .img {width: 100%;}
#block-video .webinaire.large .content{display:none;}
#block-video .webinaire.droite .wrapper{flex-direction: row-reverse;}







.devenirplfin-hero .slide-4 h2, .devenirplfin-hero .slide-4 .h2{color:#fff;margin-bottom:10px;text-transform:none;}
.devenirplfin-hero .slide-4 h3, .devenirplfin-hero .slide-4 .h2{margin-bottom:10px;}
.devenirplfin-hero .slide-4 p.info{font-size:26px;font-weight:700;line-height:1em;    font-family: 'Montserrat', sans-serif;margin-top:30px;}
.devenirplfin-hero .slide-4 p.info span{font-size:14px;font-weight:700;line-height:1em;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-4.wrap .band{background-color: #002855;}



















@media screen and (max-width: 800px){ 
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap{flex-direction: column;height: 100%; padding-top: 60px;}
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .content{width: 100%!important; max-width: 700px;padding-top:00px;}

	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-full.wrap .img{
		width: 100%!important; 
		background-position: center center; 
		position:initial;
		height: 300px;
		background-size: 55% auto;
		max-width: initial!important;
	}




	#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-4.wrap .band{display:block!important;}
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-4.wrap .img{display:none;}
}  