@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;0,700;0,800;1,600;1,700;1,800&display=swap');
#devenirplfin .bg-green{background-color: #11D98C;}
#devenirplfin .bg-yellow{background-color: #F7F400;}
#devenirplfin .bg-pink{background-color: #F50179;}
#devenirplfin .bg-aqua{background-color: #62D5E8;}
#devenirplfin .bg-blue{background-color: #002855;}
#devenirplfin .bg-lime{background-color: #C4FEB2;}
#devenirplfin .bg-purple{background-color: #952FEB;}



/***********************************************************************************/
/*** Grid
/***********************************************************************************/  
#grid{z-index:2; position:relative; display:flex; flex-wrap: wrap;  margin-left:-15px; margin-right:-15px;  }

#grid:after{clear: both; display: table; line-height: 0; content: "";}
/*** Column 2 ***/
#grid .row-2{width:50%; display:flex; flex-direction: column; margin:0; padding-left: 15px; padding-right: 15px; margin-bottom:30px;} 
/*** Column 3 ***/
#grid .row-3{width:33.3%; display:flex; flex-direction: column; margin:0; padding-left: 15px; padding-right: 15px; margin-bottom:30px;}
/*** Column 4 ***/
#grid .row-4{ width:25%; display:flex; flex-direction: column; margin:0; padding-left: 15px; padding-right: 15px; margin-bottom:30px;}

.card .wrap{ height: 100%}




header .top .menu-secondaire-fr-container .secondary-menu > li.cta.blue > a{
	background-color:#F50179;
	background:#F50179;
	border: 2px solid #F50179;
}
header .top .menu-secondaire-fr-container .secondary-menu > li.cta.blue a:before{display: none!important;}
body header .top .menu-secondaire-fr-container .secondary-menu > li{margin-left: 10px;}
body.home header,
body.single header,
body.page-id-22 header,
body.error404 header,
body.search-results header{padding-bottom: 0;} 




.menuplfin > a{/*display: none!important;*/}
.page-template-devenirplfin22-accueil header .menu-principal-fr-container ul.primary-menu > li > ul > li > a,
.page-template-devenirplfin22-page header .menu-principal-fr-container ul.primary-menu > li > ul > li > a{  
	/*font-size: 15px;
	line-height: 19px; 
	letter-spacing: 0.4px; 
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0; 
	font-family: 'Montserrat', sans-serif;*/}
.page-template-devenirplfin22-accueil header .menu-principal-fr-container ul.primary-menu > li > ul > li > a:hover, 
.page-template-devenirplfin22-page header .menu-principal-fr-container ul.primary-menu > li > ul > li.current-menu-item > a,
.page-template-devenirplfin22-accueil header .menu-principal-fr-container ul.primary-menu > li > ul > li > a:hover, 
.page-template-devenirplfin22-page header .menu-principal-fr-container ul.primary-menu > li > ul > li.current-menu-item > a{
	color: #62D5E8;
}
.page-template-devenirplfin22-accueil #newsletter:after{background-color: #F50179;}
.page-template-devenirplfin22-page #newsletter:after{background-color: #002855;}
.page-template-devenirplfin22-page .webinaire{margin-bottom: 0!important; padding-bottom: 0!important;}


.page-template-devenirplfin22-accueil h2,
.page-template-devenirplfin22-page h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700; 
	text-transform: uppercase;
	font-size:48px;
	letter-spacing: 0;
	line-height: 55px;
}
.page-template-devenirplfin22-accueil h3,
.page-template-devenirplfin22-page h3{ 
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;   
	font-size: 30px;
	letter-spacing: 0;
	text-transform: initial;
	line-height: 38px;
}
.page-template-devenirplfin22-accueil h4,
.page-template-devenirplfin22-page h4{ 
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;   
	font-size: 16px;
	letter-spacing: 0;
	text-transform: uppercase;
	line-height: 18px;
}
.page-template-devenirplfin22-accueil h5,
.page-template-devenirplfin22-page h5{font-size: 18px; line-height: 31px;}
.page-template-devenirplfin22-accueil p,
body .page-template-devenirplfin22-page p,
.page-template-devenirplfin22-page .webinaire .content p{font-size: 18px; line-height:28px;}
.page-template-devenirplfin22-accueil p b,
.page-template-devenirplfin22-page p b{position: relative;} 
.page-template-devenirplfin22-accueil p b:after,
.page-template-devenirplfin22-page p b:after{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	position: absolute;
	content: "";
	top: 8px;
	left: 0;
	right: 0; 
	bottom: 0;
	background-color: #C4FEB2;
	z-index: -1;
}

.page-template-devenirplfin22-accueil p b,
.page-template-devenirplfin22-page p b{
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;  
	text-transform: uppercase;
}

.page-template-devenirplfin22-accueil p strong,
.page-template-devenirplfin22-page p strong{position: relative;} 
.page-template-devenirplfin22-accueil p strong:after,
.page-template-devenirplfin22-page p strong:after{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	position: absolute;
	content: "";
	top: 8px;
	left: 0;
	right: 0; 
	bottom: 0;
	background-color: #C4FEB2;
	z-index: -1;
}

.page-template-devenirplfin22-accueil p strong,
.page-template-devenirplfin22-page p strong{
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;  
	text-transform: uppercase;
}


#devenirplfin .bottom{ 
	height:100px;
	position:absolute; 
	bottom:0; 
	left:0;
	right:0; 
	background-color: #002855;
	display: flex;
	align-items: center;
	justify-content: flex-end;
} 
.devenirplfin-cta{
	display: inline-flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #002855;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 19px;
	padding: 18px 24px;
	letter-spacing: 0.4px;
	background-color: #62D5E8;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	min-width: 230px;
} 

/***********************************************************************************/
/***  HERO
/***********************************************************************************/
body #devenirplfin.devenirplfin-hero h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;   
	font-size: 38px;
	letter-spacing: 0;
	text-transform: initial;
	line-height: 45px;
} 
body #devenirplfin.devenirplfin-hero h3 strong{position: relative; display: inline-flex;} 
body #devenirplfin.devenirplfin-hero h3 strong:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #F7F400;
	z-index: -1;
}
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-stage-outer{z-index: 2}
#devenirplfin.devenirplfin-hero .wrapper .owl-item{ position: relative;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap{
	height: 640px; 
	min-height: initial;
	position: relative; 
	display: flex; 
	flex-direction: row;
	padding-bottom: 100px;
} 
#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .img{
	width: 50%;
	max-width: 632px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat; 
	position: absolute;
	left: 0; 
	top: 0;
	bottom: 100px;
	z-index: 1; 
}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .band{
	position: absolute;
	left: 0; 
	top: 100px; 
	background-color: #62D5E8;
	height: 65px;
	width: 35%;
}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-1.wrap .band,
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-3.wrap .band{background-color: #002855;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{  
	padding-top: 100px;
	padding-right: 80px;
	padding-bottom: 80px;
	width: 58%;
	z-index: 2;
	position: relative;
	display: block;
	margin-left: auto;
}
#devenirplfin.devenirplfin-hero .bottom{padding-right: 80px; padding-left: 80px;}
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-dots{display: none!important;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-3 h2{ font-size: 70px; line-height: 80px;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-3 h2 strong{position: relative; display: inline-block;}
#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-3 h2 strong:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #F7F400;
	z-index: -1;
}  
#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .content{width: 50%;}



/*** Navigation ***/
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav{ position: absolute; top:50%; left: -80px; right: -80px; z-index: 1;}
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-prev, #home-plfin .owl-theme .custom-nav .owl-next {
	position: absolute; 
	background: none; 
	border: none;
	z-index: 100; 
} 
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-prev{ left:0; }
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-next{ right:0; }

#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-prev,
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-next{ 
	width: 16px;
	height: 29px; 
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
} 
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-prev{
	background-image: url(/wp-content/themes/ATYPIC/public/img/campagne/2022/devenirplfin-arrow-left.svg););
}
#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-next{
	background-image: url(/wp-content/themes/ATYPIC/public/img/campagne/2022/devenirplfin-arrow-right.svg););
}


/***********************************************************************************/
/***  INTRO
/***********************************************************************************/ 
#devenirplfin.devenirplfin-intro{padding-top: 80px; padding-bottom:  80px;}
#devenirplfin.devenirplfin-intro .wrapper{display: flex; flex-direction: row;}
#devenirplfin.devenirplfin-intro .wrapper .left{width: 550px; padding-right: 40px; display: flex; align-self: center; flex-direction: column;}
#devenirplfin.devenirplfin-intro .wrapper .right{flex: 1; }
#devenirplfin.devenirplfin-intro .wrapper .left h2{ font-size: 41px; line-height: 50px;}

/***********************************************************************************/
/***  PROMO
/***********************************************************************************/ 
#devenirplfin.devenirplfin-promo .wrapper{display: flex; flex-direction: row; align-self: center; margin-bottom: 80px;}
#devenirplfin.devenirplfin-promo .wrapper .left{ width:680px; position: relative;}
#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img{ background-color: #F7F400;  height: 100%; min-height: 405px; display: flex; flex-direction: row;}
#devenirplfin.devenirplfin-promo .wrapper .right{flex: 1; padding-right: 80px; padding-left: 60px; display: flex; align-self: center; } 
#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .img{
	width: 394px; 
	position: relative;
	z-index: 2;
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
}
#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .titre{
	flex: 1;
	padding-top: 55px;
	position: relative;
	z-index: 2;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;    
	font-size: 32px;
	line-height: 33px;
	padding-right: 40px;
}
#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .bottom{
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #002855;
	display: flex;
	align-items: center;
	justify-content: flex-end; 
	z-index: 1;
}
#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .band {
	position: absolute;
	left: 0;
	width: 350px; 
	top: 55px;
	background-color: #62D5E8;
	height: 50px;
}
#devenirplfin.devenirplfin-promo.promo2 .wrapper{flex-direction: row-reverse;}
#devenirplfin.devenirplfin-promo.promo2 .wrapper .left .bloc-img{background-color: #952FEB;}
#devenirplfin.devenirplfin-promo.promo2 .wrapper .right{padding-left: 80px; padding-right: 60px;}



/***********************************************************************************/
/***  BOTTOM
/***********************************************************************************/   
#devenirplfin.devenirplfin-bottom{padding-top: 80px; background-color: #F50179;}
#devenirplfin.devenirplfin-bottom .wrapper{
	display: flex;
	flex-direction: row;
}
#devenirplfin.devenirplfin-bottom .wrapper .card.card-left{padding-right:20px; }
#devenirplfin.devenirplfin-bottom .wrapper .card.card-right{padding-left:20px; }
#devenirplfin.devenirplfin-bottom .wrapper .card{ width:50%; position: relative;}
#devenirplfin.devenirplfin-bottom .wrapper .card .wrap{background-color: #fff; position: relative;}
#devenirplfin.devenirplfin-bottom .wrapper .card .wrap .top{
	padding:60px 80px 40px 80px;
} 
#devenirplfin.devenirplfin-bottom .wrapper .card .wrap .top h2{font-size: 35px; line-height:45px;}
#devenirplfin.devenirplfin-bottom .wrapper .card .wrap .top p{padding-bottom: 0; margin-bottom: 0;}
#devenirplfin.devenirplfin-bottom .wrapper .card .wrap .bottom{position: relative; padding-left: 80px; padding-right: 80px;}



/***********************************************************************************/
/***  SLIDER
/***********************************************************************************/ 
#devenirplfin.devenirplfin-slider{
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #62D5E8;
} 
#devenirplfin.devenirplfin-slider .owl-carousel .wrap{display: flex; flex-direction: column; justify-content: center; align-items: center;}
#devenirplfin.devenirplfin-slider .owl-carousel .wrap h4{display: block; text-align: center;}
#devenirplfin.devenirplfin-slider .owl-carousel .wrap p{
	display: block;
	font-size: 13px;
	line-height: 21px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: center;
}
#devenirplfin.devenirplfin-slider .owl-carousel .wrap .img{ 
	background-position: center;
	background-repeat: no-repeat;
	height: 115px;
	width: 115px;
	margin-bottom: 30px;
}
#devenirplfin.devenirplfin-slider .bot-cta{display: flex; align-self: center; justify-content: center;}
#devenirplfin.devenirplfin-slider .bot-cta .devenirplfin-cta{border: 2px solid #002855;}

/*** Navigation ***/
#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav{ position: absolute; top:40%; left: -80px; right: -80px; z-index: 1;}
#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-prev, #home-plfin .owl-theme .custom-nav .owl-next {
	position: absolute; 
	background: none; 
	border: none;
	z-index: 100; 
} 
#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-prev{ left:0; }
#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-next{ right:0; }

#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-prev,
#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-next{ 
	width: 16px;
	height: 29px; 
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
} 
#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-prev{
	background-image: url(/wp-content/themes/ATYPIC/public/img/campagne/2022/devenirplfin-arrow-left.svg););
}
#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-next{
	background-image: url(/wp-content/themes/ATYPIC/public/img/campagne/2022/devenirplfin-arrow-right.svg););
}

/***********************************************************************************/
/***  DÉJÀ PLFIN
/***********************************************************************************/  
#devenirplfin.devenirplfin-bottom{padding-top: 80px; padding-bottom:  0px;}
#devenirplfin.devenirplfin-bottom .wrapper{display: flex; flex-direction: column;}
#devenirplfin.devenirplfin-bottom .wrapper .wrap{
	display: flex; 
	flex-direction: row;
	padding-top: 80px; 
	padding-bottom: 60px;
	background-color: #fff;
}
#devenirplfin.devenirplfin-bottom .wrapper .wrap .left{width: 500px; padding-right: 40px; display: flex; align-self: center; flex-direction: column;}
#devenirplfin.devenirplfin-bottom .wrapper .wrap .right{flex: 1; }
#devenirplfin.devenirplfin-bottom .wrapper .bottom{position: initial;}

/***********************************************************************************/
/***  BLOC CARTES
/***********************************************************************************/ 
#block-cartes #grid .row-3{}
#block-cartes #grid .row-3 .wrap{background-color: #62D5E8; display: flex; position: relative;  align-items: center; justify-content: center;}
#block-cartes #grid .row-3 .wrap:hover .img{opacity: 0}
#block-cartes #grid .row-3 .wrap .img{ 
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-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;
	opacity: 1;
}
#block-cartes #grid .row-3 .wrap .content{
	background-color: #eaebeb;
	padding: 40px 30px;
	position: relative;
	z-index: 1;
	min-height: 420px;
	display: flex; 
	align-items: center;
	justify-content: center;
	opacity: 0;
}
#block-cartes #grid .row-3 .wrap:hover .content{opacity:1;}
#block-cartes #grid .row-3 .wrap .content p{  
	font-size: 1em;
	font-weight: 400; 
	line-height: 1.8em; 
	margin-bottom: 0;

}

#block-cartes #grid .row-3 .wrap .content .wrap-content{text-align: center;}
.page-template-devenirplfin22-page #block-cartes #grid .row-3 .wrap .content{background-color: #62D5E8;  font-family: 'Lato', sans-serif;}



/***********************************************************************************/
/*** Header
/***********************************************************************************/ 
.breadcrumbs > span:last-child{display: none!important;}
.breadcrumbs > span.divider{display: none!important;}
.page-header .wrapper .header-bot .top .breadcrumbs .bread-item:before{
	content: "/"; 
	position: relative; 
	font: 900 0.73em/20px 'Lato', sans-serif;
	text-transform: uppercase;
	color: #002855;
	letter-spacing: 0.5px;
	margin: 0 5px;
}
.page-header .wrapper .header-bot .top .breadcrumbs .bread-item a{display: inline-flex;}

.page-template-devenirplfin22-page .breadcrumbs{margin-bottom: 20px;}

.page-template-devenirplfin22-page .page-header{margin-bottom: 80px;}
.page-template-devenirplfin22-page .page-header .wrapper{
	min-height: 400px; 
	position: relative; 
	background-color: #62D5E8;
	display: flex;
	flex-direction: row;
} 
.page-template-devenirplfin22-page .page-header .wrapper .header-top {
	/*position: arelative;
	width: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	z-index:2;  
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat; 
	max-width: 632px;*/
	display: none!important;
}

.page-template-devenirplfin22-page .page-header .wrapper .header-top:before{display: none!important;}
.page-template-devenirplfin22-page .page-header .wrapper .header-top .image{
	background-image: url(http://planifiez.local/wp-content/themes/ATYPIC/public/img/campagne/2022/devenirplfin-hero-2.png)!important;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat; 
} 
.page-template-devenirplfin22-page .page-header .wrapper .header-bot{ 
	width: 100%;
	max-width: 1320px;
	position: relative;
	flex: 1;
	z-index: 2;  
	display: flex; 
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 80px 270px 80px 270px;
} 
.page-template-devenirplfin22-page .page-header .wrapper .header-bot .top{
	padding: 0; 
	margin: 0;
}
.page-template-devenirplfin22-page .page-header .wrapper .header-bot .bot{
	padding: 0; 
	margin: 0;
}
.page-template-devenirplfin22-page .page-header .wrapper .header-bot .bot h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 48px;
	letter-spacing: 0;
	line-height: 55px;
	text-align: center;
}


/***********************************************************************************/
/*** Questionnaire
/***********************************************************************************/ 
body.page-template-devenirplfin22-page .gform_wrapper .site-content p,
body.page-template-devenirplfin22-page .gform_wrapper .site-content p, 
body.page-template-devenirplfin22-page .gform_wrapper .site-content li{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 12px!important;
}
body.page-template-devenirplfin22-page .gform_wrapper .site-content li{
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 10px;
}
body.page-template-devenirplfin22-page .gform_wrapper ol{padding-left: 0;}

body .gform_wrapper .gsection.collapsible-sections-field{background-color: #002855!important;}
body .gform_wrapper .gsection.collapsible-sections-field .gsection_title{color:#fff;}
body .gform_wrapper .gsection.collapsible-sections-field.collapsible-sections-open{background-color: rgb(245 1 121 / 90%)!important;}
body .gform_wrapper .gsection.collapsible-sections-field.collapsible-sections-open .gsection_title{color:#002855;}
body .gform_wrapper.gravity-theme .gfield.gfield--width-full{font-size: 18px; line-height: 28px;}

body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon .gfield_radio{margin-top: 0;}
body .gform_wrapper .ouinon .gchoice .gfield-choice-input{height: 40px; width:0; visibility: hidden;}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon .gfield_radio .gchoice label{
	width: 50%;
	height: 40px; 
	flex: 1; 
	align-items: center; 
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 12px!important; 
	letter-spacing: 0.3px;
	text-align: center;
	background-color: #ccc;  
	border-radius: 22px;
	-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;
	cursor: pointer;
	align-items: center; 
	justify-content: center;
}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon .gfield_radio .gchoice label:hover{background-color: #62d5e8!important;}
body .gform_wrapper.gravity-theme .ouinon .gfield-choice-input+label{max-width: none;}
body .gform_wrapper.gravity-theme .ouinon input[type="radio"]:checked + label{
	background-color: #05c3de!important;
}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon .gfield_radio{display: flex; flex-direction: row; justify-content: center;}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon input[type="radio"]:checked + label{background-color: #62d5e8!important;}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon .gchoice{
	margin-top: 0;
	display:flex; 
	width:140px; 
	flex-direction: row;
	margin-left: 5px;
	margin-right: 5px; 
} 
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon .gchoice label:before{display: none!important;}

body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .ouinon .gchoice label:after{display: none!important;}




body.page-template-devenirplfin22-page .gform_wrapper .gform_footer input[type=submit]{
	display: none!important;
}



/***********************************************************************************/
/*** RADIO
/***********************************************************************************/
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio{margin-top: 0;}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio > .gchoice{margin-bottom: 14px;}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio .gchoice input{
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
} 
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio .gchoice label {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: flex-start;
	font-size: 17px;
	line-height: 24px;

}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio .gchoice label:before {
	content:'';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #b4b4b4;
	background-color: #fff;
	box-shadow:none;
	padding: 7px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 3px;
	border-radius: 100%;
}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio .gchoice label:hover:before{ border: 2px solid #41c0d5;}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio .gchoice input:checked + label:before{
	background-color: #fff;
	border: 2px solid #41c0d5;
}
body.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gfield_radio .gchoice input:checked + label:after{
	content: ''; 
	position: absolute;
	top: 8px;
	left: 5px;
	width: 8px;
	height: 8px;
	display: block;
	background-color: #41c0d5;
	border-radius: 100%;
}


body.page-template-devenirplfin22-page .gform_wrapper p{    font-size: 19px!important;
    line-height: 30px!important;}







/***********************************************************************************/
/*** Tableau
/***********************************************************************************/ 

#block-info #grid{
	border-top: 1px solid #002855;
	border-right: 1px solid #002855;
	border-left: 1px solid #002855;
}
#block-info #grid:last-child{ 
	border-bottom: 1px solid #002855;
}

#block-info #grid .row-2{margin-bottom: 0; border-bottom: 1px solid #ccc; }
#block-info #grid .row-2:last-child{width: initial; flex: 1}
#block-info #grid .row-2:last-child .wrap *{


}
#block-info #grid .row-2:last-child .wrap p{
	font-size: 1em;
	font-weight: 400;
	line-height: 1.8em; 
	margin-bottom: 0!important;
}
#block-info #grid .row-2{border-bottom: 0 solid transparent;}
#block-info #grid .row-2:first-child{max-width: 290px; background-color: #e6f9fc;}
#block-info #grid .row-2:first-child .wrap{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0;
	text-transform: uppercase;
	line-height: 18px;
}
#block-info #grid .row-2 .wrap{padding-top: 14px; padding-bottom: 14px;}



/***********************************************************************************/
/*** CTA
/***********************************************************************************/ 
#block-bouton{display: flex;}
#block-bouton.center{justify-content:center;}
#block-bouton.right{justify-content: flex-end;}
.page-template-devenirplfin22-page #block-bouton .cta.aqua{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.page-template-devenirplfin22-page #block-bouton .cta.aqua a{
	display: inline-flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #002855;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 19px;
	padding: 18px 24px;
	letter-spacing: 0.4px;
	background-color: #62D5E8!important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	min-width: 230px;
	border-radius: 0;
	border: 0px solid transparent;
}
.page-template-devenirplfin22-page #block-bouton .cta.aqua a:before{display: none!important;}

.page-template-devenirplfin22-page #block-bouton .cta.blue{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.page-template-devenirplfin22-page #block-bouton .cta.blue a{
	display: inline-flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 19px;
	padding: 18px 24px;
	letter-spacing: 0.4px;
	background-color: #002855!important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
	min-width: 230px;
	border-radius: 0;
	border: 0px solid transparent;
}
.page-template-devenirplfin22-page #block-bouton .cta.blue a:before{display: none!important;}

.page-template-devenirplfin22-page .gform_wrapper:not(.gform_legacy_markup_wrapper) .gsection.collapsible-sections-field, 
.page-template-devenirplfin22-page  .gform_wrapper:not(.gform_legacy_markup_wrapper) .collapsible-sections-field{
	margin-top: 10px!important; 
}
.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gsection{margin-top: 30px; border-bottom: 2px solid #62d5e8;}
.page-template-devenirplfin22-page .gform_wrapper.gravity-theme .gsection.collapsible-sections-end-field  h3{
	padding-bottom: 0;
	margin-bottom: 0; 
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 23px;
	letter-spacing: 0;
	text-transform: uppercase;
	line-height: 25px;
} 

























.sub-menu .menuplfin > a, .sub-menu .menuplfin > a{display: block!important;color:#fff;}
.sub-menu .menuplfin > a:hover, .sub-menu .menuplfin > a:hover{    color: #62D5E8;}

.sub-menu .menuplfin.current-menu-item a, .sub-menu .menuplfin.current-menu-item a{color: #62D5E8;}


.sub-menu li > .sub-menu{
	display:none;
	position: absolute;
    left: -20px;
    top: 20px;
    background-color: #002855;
    width:250px;
    padding:20px;
    margin:0px;

}
.sub-menu li:hover > .sub-menu{
	display:block;

}
.sub-menu li > .sub-menu > li.menuplfin{
	padding:0px;
	text-align:left;

}
.sub-menu li > .sub-menu > li.menuplfin > a{
	 padding: 10px 0px;
    line-height: 1.2em;
    font-size: 14px;

}
header .menu-principal-fr-container ul.primary-menu > li > ul > li{overflow:visible!important;}
header .menu-principal-fr-container ul.primary-menu > li.menuplfin > ul{opacity:1;visibility:visible;}

.devenirplfin-promo.promoAccueil.promo1{padding:100px 0px 0px 0px;}



#devenirplfin.devenirplfin-promo.promoAccueil.promo1 .wrapper .left .bloc-img .img{background-size: cover;  width: 100%;}



.page-id-2892 .grecaptcha-badge,
.page-id-2853 .grecaptcha-badge,
.page-id-2893 .grecaptcha-badge{
	width: 0px!important;
	height: 0px!important;
	opacity: 0!important;
}










/***********************************************************************************/
/*** Responsive
/***********************************************************************************/ 
@media screen and (max-width: 1500px){
	#devenirplfin.devenirplfin-hero .wrapper{padding-left: 80px; padding-right:80px;}
	#devenirplfin.devenirplfin-slider .wrapper{padding-left: 80px; padding-right:80px;} 
	#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-prev{left: 20px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-next{right: 20px;}
	#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-next{right: 20px;}
	#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-prev{left: 20px;}
	#devenirplfin.devenirplfin-promo .wrapper .right{padding-right: 80px; padding-left: 80px;}
	#devenirplfin.devenirplfin-promo.promo2 .wrapper .right{padding-right: 80px; padding-left: 80px;}
}

@media screen and (max-width: 1320px){
	.page-template-devenirplfin22-page  .webinaire .img, .page-template-devenirplfin22-page  .webinaire .content{margin-top: 0!important; margin-bottom: 60px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .slide-3 h2{
		font-size: 48px; 
		line-height: 55px;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{
		padding-top: 80px; 
		padding-bottom: 40px; 
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .band{top: 80px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h2{
		font-size: 38px; 
		line-height: 43px;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .content h2{
		font-size: 48px; 
		line-height: 53px;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h3{
		font-size:25px; 
		line-height: 35px;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{width: 55%;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .img{width: 45%;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .img{ background-position: center 50px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .content{display: flex; align-items: center;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap{height: 600px; min-height: initial;} 
	#devenirplfin.devenirplfin-promo .wrapper .left{width: 50%}
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .img{
		width: 300px;
		background-size: auto 100%;
		background-position: top right;

	}
#devenirplfin.devenirplfin-promo.promoAccueil.promo1 .wrapper .left .bloc-img .img{height:100%;	}
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img{flex-direction: column-reverse; }

	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .band{display: none} 
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .titre{
		font-size: 25px;
		line-height: 30px;
		text-align: center;
		padding:40px 40px 0px 40px;
	}
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .img{
		width: 100%; 
		height: 300px; 
		background-size: contain; 
		background-position: center top;
	}
	.page-template-devenirplfin22-accueil #devenirplfin.devenirplfin-promo h2{
		font-size: 38px;
		line-height: 43px;
	}
	#block-cartes,
	.page-template-devenirplfin22-page .page-header .wrapper .header-bot{padding-left: 60px; padding-right: 60px;}

}

@media screen and (max-width: 1100px){

	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{padding-right:40px; padding-top: 60px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .band { 
		top: 60px; 
		height: 55px; 
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap{height: 500px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .content h2{
		font-size: 38px!important; 
		line-height: 43px!important;
	}

}
@media screen and (max-width: 1050px){
	#devenirplfin.devenirplfin-hero .wrapper{padding-left: 40px; padding-right:40px;}
	#devenirplfin.devenirplfin-slider .wrapper{padding-left: 40px; padding-right:40px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav{left: -40px; right: -40px;}
	#devenirplfin.devenirplfin-slider .wrapper .owl-carousel .owl-nav{left: -40px; right: -40px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-prev{left: 10px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav .owl-next{right: 10px;}
	#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-next{right: 10px;}
	#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav .owl-prev{left: 10px;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{width: 60%;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .img{width: 40%; background-position: top right;}
	#devenirplfin.devenirplfin-intro .wrapper{flex-direction: column;}
	#devenirplfin.devenirplfin-intro .wrapper .left{width: 100%; padding-right: 0;}
	#devenirplfin.devenirplfin-promo .wrapper .right{padding-right: 40px; padding-left: 40px;}
	#devenirplfin.devenirplfin-promo.promo2 .wrapper .right{padding-right: 40px; padding-left: 40px;}
	#block-cartes,
	.page-template-devenirplfin22-page .page-header .wrapper .header-bot{padding-left: 40px; padding-right: 40px;}
	#block-cartes #grid .row-3 .wrap .content{min-height: 380px; }

}

@media screen and (max-width: 900px){
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h2 {
		font-size: 32px;
		line-height: 38px;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h3 {
		font-size: 18px;
		line-height: 28px;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{width: 53%;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .img{width: 50%; background-position: top right;}
	#devenirplfin.devenirplfin-bottom .wrapper .wrap .left{width: 270px;}
	#grid .row-3{width: 50%;}
}

@media screen and (max-width: 800px){ 
	.owl-carousel .owl-stage{display: flex;}
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap{flex-direction: column-reverse;height: 100%; padding-top: 60px;}
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{width: 100%!important; max-width: 700px;}
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .img{
		width: 100%!important; 
		background-position: top center; 
		position:initial;
		height: 300px;
		background-size: 55% auto;
		max-width: initial!important;
	}  
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content{
		padding:0 20px 0 20px; 
		width: 100%;
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h2{text-align: center;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h3{text-align: center;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h3{margin-bottom: 0;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h2{
		font-size: 38px!important; 
		line-height: 43px!important;
	}

	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .img {
		width: 100%;
		position: initial;
		height: 200px;
		background-size: 80% auto;
		background-position: center center;
	} 
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .band{
		display: none!important;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h3 {
		font-size: 22px;
		line-height: 31px;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .content h2 {
		font-size: 50px !important;
		line-height: 58px !important;
	}
	#devenirplfin.devenirplfin-hero #devenirplfin .bottom{justify-content: center;}
	.page-template-devenirplfin22-accueil h2, .page-template-devenirplfin22-page h2{
		font-size: 38px !important;
		line-height: 43px !important;
	}
	.page-template-devenirplfin22-accueil h3, .page-template-devenirplfin22-page h3 { 
		font-size: 24px; 
		line-height: 30px;
	}
}


@media screen and (max-width: 750px){ 
	#devenirplfin.devenirplfin-promo .wrapper{flex-direction: column!important;}
	#devenirplfin.devenirplfin-promo .wrapper .left{width: 100%!important; margin-bottom: 60px;}
	#devenirplfin.devenirplfin-promo .wrapper .right{padding-left: 0!important; padding-right: 0!important;}
	#devenirplfin.devenirplfin-promo{padding-left: 40px!important; padding-right: 40px!important;}
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .img{ margin: auto; }
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img{min-height: initial;}
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .titre{margin-bottom: 10px;}
	#devenirplfin.devenirplfin-bottom .wrapper .wrap{flex-direction: column;}
	#devenirplfin.devenirplfin-bottom .wrapper .wrap .left{padding-right: 0; text-align: center; width: 100%;}
	#devenirplfin.devenirplfin-bottom .wrapper .wrap .right{text-align: center;}
	#devenirplfin .bottom{justify-content: center;}
	#devenirplfin.devenirplfin-bottom .wrapper .wrap{padding-bottom: 40px;}



	#devenirplfin.devenirplfin-promo.promoAccueil.promo1 .wrapper .left .bloc-img{height:300px;}
}

@media screen and (max-width: 600px){ 
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h2,
	.page-template-devenirplfin22-accueil h2, .page-template-devenirplfin22-page h2 {
		font-size: 34px !important;
		line-height: 38px !important;
	}
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .img{ 
		background-size: 100% auto;
	}  
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .content h2 {
		font-size: 45px !important;
		line-height:50px !important;
	}
	#grid .row-3{width: 100%; padding-left: 0; padding-right: 0;}
	#block-cartes #grid{max-width: 400px; margin: auto;}
}

@media screen and (max-width:550px){ 
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h2 {
		font-size: 34px !important;
		line-height: 38px !important;
	} 
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-2 .content h2 {
		font-size: 29px !important;
		line-height: 33px !important;
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .content h2 {
		font-size: 40px !important;
		line-height:50px !important;
	}
	body #devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap.slide-3 .img { 
		background-size: 100% auto; 
	}
	#devenirplfin.devenirplfin-hero .wrapper .owl-item .wrap .content h3{
		font-size: 18px;
		line-height: 28px;
	}
	#devenirplfin.devenirplfin-hero .wrapper{padding-right: 0px; padding-left: 0px;}
	#devenirplfin.devenirplfin-promo .wrapper .right{padding-right:0px; padding-left: 0px;}
	#devenirplfin.devenirplfin-promo.promo2 .wrapper .right{padding-right: 20px; padding-left: 20px;}
	#devenirplfin.devenirplfin-slider .wrapper{padding-right: 20px; padding-left: 20px;}
	.owl-carousel .owl-stage-outer{z-index: 1; position: relative;}
	#devenirplfin.devenirplfin-hero .wrapper .owl-carousel{z-index:2}
	#devenirplfin.devenirplfin-hero .wrapper .owl-carousel .owl-nav,
	#devenirplfin.devenirplfin-slider .wrapper .owl-carousel .owl-nav{left: 0; right: 0;  z-index: 3}
	#devenirplfin.devenirplfin-slider .owl-carousel .owl-nav{top: 20%}
	#devenirplfin.devenirplfin-promo{padding-left: 20px!important; padding-right: 20px!important;}
	#devenirplfin.devenirplfin-promo .wrapper .left .bloc-img .titre{padding-left: 20px; padding-right: 20px;}
	#block-cartes,
	.page-template-devenirplfin22-page .page-header .wrapper .header-bot{padding-left:20px; padding-right: 20px;}
	.page-template-devenirplfin22-page .page-header .wrapper .header-bot .bot h1{font-size: 40px; line-height: 46px; margin-bottom: 0!important;}
	.page-template-devenirplfin22-page .page-header .wrapper{min-height: 350px;}
	#block-info #grid{flex-direction: column;}
	#block-info #grid .row-2{width: 100%!important; max-width: initial!important;}
}