@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Wendy+One&display=swap');

/* ===== COMMUN ===== */
:root{
	--color-black: #000000;
	--color-grey: #bfbfbf;
	--color-white: #FFFFFF;
	--color-blue: #15BAAA;
	--color-pastel-blue: #f3f7f7;
	--color-dark-blue: #0f5b5b;
	--color-purple: #943356;
	--color-orange: #d85527;
	--color-yellow: #ebbe00;
	
	--font-icon: "Font Awesome 6 Free";
}

body{font-family: "Lato", sans-serif; font-weight:300; line-height: 1.3; overflow-x: hidden;}

h1, h2, .titre{font-family: "Wendy One", sans-serif;}
h1{font-weight:normal; font-size:30px;}
h3{font-weight:800; margin-bottom:15px; color:var(--color-purple);}

a{color:var(--color-purple); text-decoration:none}
a:hover{color:var(--color-orange);}
img{max-width:100%; height:auto;}
p{margin-bottom:15px;}
strong{font-weight:800;}
li{list-style: none;}

.wrapper{position:relative; z-index:1; margin:0 var(--space-body);}
.row{display:flex; justify-content: space-between;}
.hidden{display:none;}

.wpcf7-submit, .wp-block-button a{background:var(--color-yellow); color:var(--color-white); text-transform: uppercase; font-size:0.8em; font-weight: 800; padding:15px 30px; letter-spacing:0.5px; border:0; border-radius:50px; cursor:pointer;}
.wp-block-button a:after{content:"\f061"; font-family:var(--font-icon); font-weight:900; display:inline-block; margin-left:10px;}
.wpcf7-submit:hover, .wp-block-button a:hover{background:var(--color-purple);}

.margin-top-xs{margin-top:var(--xs);}
.margin-top-md{margin-top:var(--md);}
.margin-top-lg{margin-top:var(--lg);}

.padding-top-lg{margin-top:var(--lg);}

/* ===== HEADER ===== */

#header-main, #footer-main{color:var(--color-white); position:relative;}
#header-main a, #footer-main a{color:var(--color-white);}
#header-main a:hover, #footer-main a:hover{color:var(--color-black);}

#header-main{position:relative; z-index:2;}

.icons{justify-content: space-between; align-items: flex-start;}
.icons .menu{display:flex; gap:5px; flex-direction: column; height:var(--xs); width:35px; justify-content: space-between; cursor:pointer;}
.icons .menu .bar{width:100%; height:3px; background:var(--color-white); border-radius: 20px; display:block;}
.icons .menu .bar.bottom{width:70%;}

.icons .notification{font-size:30px; line-height: 0;}

#header-main nav .menu{display:flex;}
#header-main nav .menu{text-transform:uppercase; font-weight:800; letter-spacing: 1px; font-size:14px;}
#header-main nav .menu .current-menu-item > a{color:var(--color-purple); background:var(--color-white);}

.menu-menu-surtop-container li a{background:var(--color-purple); padding:15px var(--xs); display:block;}
.menu-menu-surtop-container li:nth-child(2n) a{background:var(--color-orange);}
.menu-menu-surtop-container li:nth-child(3n) a{background:var(--color-yellow);}


/* ===== FOOTER ===== */

#footer-main{margin:200px 0 0; background: var(--color-blue); background: radial-gradient(circle,rgba(21, 186, 170, 1) 0%, rgba(15, 91, 91, 1) 100%); font-weight:400; content-visibility: visible;}
#main-home:before, #footer-main:before{content:""; background: var(--color-blue); background: radial-gradient(circle,rgba(21, 186, 170, 0) 0%, rgba(15, 91, 91, 1) 100%); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
#main-home:after, #footer-main:after{content:""; background: url('../img/pattern.jpg'); background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.08; mix-blend-mode: lighten;}

#footer-main .row{align-items: center;}

#footer-main #newsletter-form{background:url('../img/bullet.png') no-repeat; background-size:100% 100%; text-align:center; flex-direction: column; color:var(--color-black); font-size:10px; padding:70px; position: relative; top:-130px; margin:0 auto -100px; max-width:calc(524px - 140px); display:block !important;}
#newsletter-form .titre{font-size:16px; margin:0 0 20px;}
#newsletter-form > p{color:var(--color-black); margin:0; opacity:0.75;}
#newsletter-form .row{align-items:center;}
#footer-main #newsletter-form .champs{border:0; padding:0;}
#footer-main #newsletter-form input{border-top:0; border-right:0; boder-bottom:1px solid var(--color-grey); border-left:0; padding:10px 0; background:var(--color-white); width:calc(100% - var(--xs));}
#newsletter-form input::placeholder{font-style: italic; color:var(--color-grey);}
#newsletter-form .wpcf7-submit{border:0; color:var(--color-yellow); background:none; font-size:20px;}
#newsletter-form .wpcf7-form span{margin:0; width:100%;}
 
#address-footer{text-align:center;}
#address-footer .address{margin: 15px 0; font-size:13px; line-height:1.7;}
#address-footer .address .alias{font-weight:800;}

#footer-main #copyright{flex-wrap: wrap; padding:15px 0 var(--xs); border-top:1px solid var(--color-white);}
#footer-main #copyright img{max-height:50px; width:auto;}

#footer-main .menu{font-size:14px; justify-content: flex-start; gap:0;}
#footer-main .menu li:after{content:"-"; display:inline-block; margin:0 15px;}
#footer-main .menu-menu-copyright-container{margin:0 0 0 var(--xs);}
#footer-main .menu-menu-copyright-container .row{gap: 0;}
.logo_partenaires{gap:var(--md);}

/* ===== BODY ===== */

    /*** HOME ***/
	#main-home{color:var(--color-white); position:relative; overflow:hidden; background: var(--color-blue); background: radial-gradient(circle,rgba(21, 186, 170, 1) 0%, rgba(15, 91, 91, 1) 100%); margin: -260px calc(-1.5 * var(--space-body)) var(--md); padding: 260px var(--space-body) 0;}
	#main-home > div{position:relative; z-index:1; display:flex; gap:var(--md);}
	#main-home .wp-block-buttons{margin:30px 0;}
	.text-bulle{background:url('../img/bulle_visuel_marron.png') no-repeat; background-size:100% 100%; flex-direction: column; color:var(--color-black); text-transform:uppercase; text-align:center; font-size:14px; margin:0 auto -175px; padding-top:75px; padding-bottom:180px;}

	.block-das a{color:var(--color-black); font-weight:800;}
	.block-das .image{border-radius:15px; overflow:hidden; display:block; margin:0 0 15px;}
	.block-das .image img{object-fit: cover; display:block; height:100%;}

	#implantation-marron h2{margin:0 0 var(--md);}
	#implantation-marron p{line-height:1.7; margin-bottom:30px}
	#implantation-marron strong{color:var(--color-purple);}

	#news-home, .list-news{margin:75px 0;}
	.block-news .row{justify-content: flex-start; align-items: center; gap:var(--xs);}
	.block-news .image{overflow:hidden; border-radius:30px;}
	.block-news .image img{object-fit: cover; height:100%;}
	.block-news .date{display:block;}
	.block-news .title{font-weight:700; display:block; margin:10px 0;}
	.block-news .excerpt{font-weight:400;}

	#partner-home .wp-block-group{gap:var(--md); margin:var(--md) 0 0;}
	#partner-home .wp-block-group figure{max-width:calc(50% - var(--xs));}
	#partner-home a img{filter: grayscale(1); max-height: 125px; width: auto;}
	#partner-home a:hover img{filter: grayscale(0);}

    /*** PAGES INTERIEURES ***/
	.head-page{background:var(--color-purple); position:relative; overflow:hidden; margin: -260px calc(-1.25 * var(--space-body)) var(--md); padding: 260px var(--space-body) 0;}
	.head-page:after{content:""; background: url('../img/pattern-page.jpg') center; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; mix-blend-mode: soft-light;}
	.head-page:before{content:""; background:var(--color-purple); background: radial-gradient(circle,rgba(105, 20, 51, 0) 0%, rgba(105, 20, 51, 1) 100%); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

	.head-page .inner{position: relative; z-index: 1; background:var(--color-white); border-radius: 100%; top: 45px; padding: 80px 120px 60px; text-align:left; -webkit-box-shadow: 5px -3px 0 5px var(--color-black); box-shadow: 5px -3px 0 5px var(--color-black); box-sizing: border-box;}
	.head-page p{font-size:0.8em; margin:var(--xs) 0;}

	.head-page .inner h1{font-size: 1.5em;}

	.aioseo-breadcrumbs{font-size:0.6em; margin-bottom:10px; text-transform:uppercase; letter-spacing: 2px; line-height:1.5; position: relative; z-index: 1;}
	.aioseo-breadcrumb-separator{margin:0 5px;}

	#content-page h2, #content-single h2{color:var(--color-blue);}

	#contact-footer-page{color:var(--color-white); position:relative; background: var(--color-blue); background: radial-gradient(circle,rgba(21, 186, 170, 1) 0%, rgba(15, 91, 91, 1) 100%); margin:150px 0 0; padding:0 50px; border-radius:15px; align-items:center;}
	#contact-footer-page .text-bulle{margin:-50px auto -175px; padding-top:75px; padding-bottom:180px;}
	#contact-footer-page .wpcf7-form{gap:0; margin:50px 0 25px;}
	#contact-footer-page .champs{border:0; padding:0;}

		/*** BLOCS STYLE ***/

			/* BLOC LIST */
			.list-check, #content-page ul.wp-block-list:not(.list-check), #content-single > div ul.wp-block-list{margin:var(--xs) 2.5% var(--xs) 5.5%;}
			.list-check .wp-block-group, #content-page ul.wp-block-list li, #content-single > div ul.wp-block-list li{margin:10px 0; position:relative; }
			#content-page ul.wp-block-list:not(.list-check) li:before, #content-single > div ul.wp-block-list li:before{content:""; width:10px; height:10px; display:inline-block; background:var(--color-orange); border-radius:100%; margin:3px 10px 0 -21px; vertical-align: top; -webkit-box-shadow: 2.5px 2.5px 0 0px var(--color-black); box-shadow: 2.5px 2.5px 0 0px var(--color-black);}

			.list-check li::before, .list-check li::after, 
			.list-check .wp-block-group::before, .list-check .wp-block-group::after{content:""; position:absolute; left:-35px; top:0.55em; height:3px; background:var(--color-yellow); border-radius:999px; transform-origin:left center; opacity:0;}
			.list-check li::before, .list-check .wp-block-group::before{width:10px; transform:rotate(45deg) scaleX(0);}
			.list-check li::after, .list-check .wp-block-group::after{left:-30px; top:calc(0.55em + 7px); width:16px; transform:rotate(-45deg) scaleX(0);}
			.list-check li.animate::before, .list-check .wp-block-group.animate::before{animation:drawLeft 240ms ease-out forwards;}
			.list-check li.animate::after, .list-check .wp-block-group.animate::after{animation:drawRight 340ms ease-out 180ms forwards;}


			/* BLOC COLONNES */
			.flex-col{gap:30px; margin:30px 0 0;}
			.flex-col .wp-block-group{border-radius:30px; padding:var(--md); background:var(--color-dark-blue); color:var(--color-white); position:relative;}
			.flex-col figure{border-radius:100%; width:200px; height:200px; overflow:hidden; -webkit-box-shadow: 5px -3px 0 5px #15b5a5; box-shadow: 5px -3px 0 5px #15b5a5; margin:0 auto var(--xs);}
			.flex-col strong{font-size:1.25em;}
			.flex-col ul{margin:var(--xs) 0 0;}
			.flex-col a{color:var(--color-white);}
			.flex-col a:after{content:"\f061"; color:var(--color-yellow); display:block; font-family:var(--font-icon); position:absolute; right:var(--md); bottom:var(--xs);}
			.flex-col a:hover{opacity:0.5;}

			/* BLOC GRILLES */
			.grid-col figure{width:75px; flex-shrink: 0; margin:0 var(--md);}
			.grid-col .wp-block-group{margin:10px;}
			.grid-col strong{color:var(--color-purple);}

			/* BLOC AVEC BACKGROUND */
			.bg-dark{background:var(--color-dark-blue); color:var(--color-white); border-radius:15px; padding:var(--md);}
			.bg-blue{background:var(--color-blue); color:var(--color-white); border-radius:15px; padding:var(--md);}

			.bg-pastel{background:var(--color-pastel-blue); padding:var(--md) calc(1.5 * var(--space-body)); margin-right: calc(-1.25 * var(--space-body)); margin-left: calc(-1.25 * var(--space-body));}

			.overlay{margin-right: calc(-1.25 * var(--space-body)); margin-left: calc(-1.25 * var(--space-body));}
			.overlay-top{position:relative; z-index:1;}
			.overlay-bottom{margin-top:calc(-1 * var(--lg)); padding-top:calc(2 * var(--lg));}
			.overlay-right{position:relative; right: var(--space-body);}
			.overlay-left{padding-top: calc(1.25* var(--lg)); padding-bottom: calc(1.25* var(--lg));}

			/* BLOC FAQ */
			.faq .schema-faq-item{margin:0 0 var(--xs);}
			.faq .question{cursor:pointer;}
			.faq .question:before{content:"+"; color:var(--color-orange); font-size:1.2em; font-weight:800; margin-right:10px; dislay:inline-block;}
			.faq .answer{display:none; margin-left:10%; border-left:3px solid var(--color-orange); padding:0 0 0 15px;}
			.faq .active .answer{display:block;}

				.link-contact a{color:var(--color-black); }
				.link-contact a:before{content:"\f178"; font-family:var(--font-icon); font-weight:900; margin-right:10px;}
				.link-contact a:hover{color:var(--color-yellow);}

			/* BLOC BLOCKQUOTE */
			blockquote{font-style: italic; line-height:1.7; border-left:3px solid var(--color-yellow); padding:0 var(--xs); margin:var(--xs) 0 var(--xs) var(--md); position:relative;}
			blockquote:before{content:"\f10e"; font-family:var(--font-icon); font-weight:900; display:block; color:var(--color-yellow); position:absolute; top:35%; left:-10px; background:#FFF;}

	/*** BLOG ***/
	#content-archive .head-page, #content-single .head-page{text-align:center; background:var(--color-blue);}
	#content-archive .head-page:before, #content-single .head-page:before{background: radial-gradient(circle,rgba(21, 186, 170, 0) 0%, rgba(15, 91, 91, 1) 100%);}

	#content-archive .aioseo-breadcrumbs, #content-archive .aioseo-breadcrumbs a,
	#content-single .aioseo-breadcrumbs, #content-single .aioseo-breadcrumbs a{color:var(--color-white);}
	#content-archive .aioseo-breadcrumbs a:hover, #content-single .aioseo-breadcrumbs a:hover{color:var(--color-black);}
	#content-archive h1, #content-single h1{color:var(--color-white); position: relative; z-index: 1; padding-bottom:var(--md); font-size:var(--md);}

	#list-articles{flex-wrap:wrap; gap:25px;}
	.bloc-articles{border-radius: 30px; background:var(--color-pastel-blue);}
	.bloc-articles .image{border-radius: 30px 30px 0 0; overflow:hidden; height:250px; display:block;}
	.bloc-articles .image img{object-fit: cover; width:100%; height:100%;}
	.bloc-articles a .title {font-weight:800; margin:30px 20px 15px; color:var(--color-blue); display:block;}
	.bloc-articles .resume{margin:15px 20px 0; font-size:0.8em; font-weight:400; display:block; color:var(--color-black);}
	.bloc-articles .link{color:var(--color-black); font-weight:800; text-transform:uppercase; float:right; margin:0 20px 30px;}
	.bloc-articles .link:after{content:"\f0da"; color:var(--color-black); font-family:var(--font-icon); margin-left:10px;}
	.bloc-articles a:hover{opacity:0.5;}

	.back-news{text-align:center; margin:50px 0 0;}


/*** MARQUE EMPLOYEUR ***/

#page-carriere h2{color:#000; font-size:30px; font-weight:700; margin:0 0 50px; line-height:1.5;}
#page-carriere p{font-size:16px; color:#333333; font-weight:500; margin:0 0 30px; display:block;}
#page-carriere .wp-block-button a{font-weight:600; text-transform:inherit; font-size:20px;}

	/** FORCES **/
	#page-carriere #force{margin:125px auto 0; width:80%; gap:40px; position:relative;}
	.bloc-hide{display:none;}
	.bloc-hide p{margin:0 0 20px;}
	#page-carriere #force .sub-title{text-transform:uppercase; color:#888888; font-size:14px;}
	#page-carriere #force .wp-block-button a:after{content:"\f175"; display:inline-block; font-family: 'Font Awesome 6 Free'; border:2px solid; border-radius:100%; width:30px; height:30px; line-height:30px; text-align:center; margin:0 0 0 30px; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}
	.bloc-hide figure, .bloc-hide figure img, #page-carriere #force figure, #page-carriere #force figure img{border-radius:20px;}

	#page-carriere #force #scroll_carriere .wp-block-group{margin-bottom:50px;}

@keyframes animCar{
	0%{
		transform: scale(0.3);
		opacity: 0;
	}
	70%{
		opacity: .1;
	}
	80%{
		transform: scale(1);
	}
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.jcarousel-pagination a:hover::after{
	opacity: 0 !important;
}

.jcarousel-pagination a.active::after{
	transform: scale(0.3);
	animation: animCar ease-in-out 1.4s infinite;
}


.jcarousel-pagination a{
	margin: 70px 0 50px !important;
}

.jcarousel-pagination::after {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background: #E9E9E9;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 1.5%;
}

	/** CHOIX **/
	#page-carriere #choix-assurance{background:var(--color-purple); padding:75px; position:relative;}
	#page-carriere #choix-assurance h2, #page-carriere #choix-assurance p{color:var(--color-white);}
	#page-carriere #choix-assurance h2{position:absolute; top:75px; left:0; right:0; margin:0 auto; text-transform:uppercase; border:1px solid var(--color-yellow); border-radius:20px; padding:25px 50px; width:25%; line-height:1.5; font-size:36px;}

	#page-carriere #visuel{margin:0 auto 50px; height:620px; position: relative; max-width:80%;}
	#page-carriere #visuel .wp-block-image{clip-path: url(#cross);}
	#page-carriere #visuel .wp-block-image figure, #page-carriere #visuel .wp-block-image img{width:100%;}

	#page-carriere #choix-assurance .texte{gap:50px; max-width:80%; margin:0 auto;}
	#page-carriere #choix-assurance .texte p{font-size:25px; line-height:1.5; font-weight:300;}
	#page-carriere #choix-assurance .texte a{color:var(--color-yellow); font-size:17px; font-weight:700; border-bottom: 1px solid; padding: 0 0 15px;}
	#page-carriere #choix-assurance .texte a:after{content:"\f175"; display:inline-block; font-family:var(--font-icon); border:2px solid; border-radius:100%; width:20px; height:20px; line-height:20px; font-size:10px; text-align:center; margin:0 0 0 20px; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}

	#page-carriere #choix-assurance .focus{background:var(--color-yellow); text-align:center;}
	#page-carriere #choix-assurance .focus p{color:var(--color-black); font-weight:bold; padding:25px; display:block; font-size:28px;}
	#page-carriere #choix-assurance .focus:before{content:"\f071"; font-family:var(--font-icon); font-weight:900; font-size:50px; margin:50px 0 0; display: block;}

/** TEMOIGNAGES **/
	#page-carriere #testimonial{background:var(--color-white); padding:75px 100px; margin-top:-50px;  margin-bottom:50px; position:relative;}
	#page-carriere #testimonial strong{color:var(--color-dark-blue); font-weight:800; font-size:20px;}
	#page-carriere #testimonial blockquote p{font-style:italic; font-size:25px; font-weight:800; line-height:1.5; margin:0 0 50px;}
	#page-carriere #testimonial blockquote cite{font-size:16px; font-style:inherit; color:#888888; font-weight:700;}
	#page-carriere #testimonial blockquote cite strong{font-size:20px; display:block; color:#333333; margin:0 0 10px; font-weight:800;}

	#page-carriere #offres{min-height:100px;}

/** CANDIDATURE **/
#page-carriere #candidature{gap:0;}
	#page-carriere #candidature .citation{background:var(--color-white); position:relative; overflow:hidden;}
	#page-carriere #candidature .citation figure {position: absolute;bottom: -50%;left: 63%; margin: 0;height: 140%;max-width: none;}
	#page-carriere #candidature .citation figure img{height:100%; max-width:none; width:auto;}
	#page-carriere #candidature .citation blockquote{padding:125px 0 0 10%; width:61%; max-width:550px;}
	#page-carriere #candidature blockquote p{font-size:30px; color:var(--color-dark-blue); font-style:italic; font-weight:bold; line-height:1.5; margin-bottom:50px;}
	#page-carriere #candidature blockquote cite{font-size:16px; font-style:normal; color:#888888; font-weight:700;}
	#page-carriere #candidature blockquote cite strong{font-size:20px; display:block; color:#333333; margin:0 0 15px;  font-style:normal; }

	
	#page-carriere #candidature #form{background:var(--color-dark-blue); padding:50px 5%; position:relative;}
	#page-carriere #candidature #form h2{color:var(--color-white);}
	#page-carriere #candidature #form form{margin-right:0;}
	#page-carriere #candidature #form p{margin:0; color:var(--color-white); width:100%;}
	#page-carriere #candidature #form .input-form{display:flex; width:100%; justify-content: space-between;}
	#page-carriere #candidature #form .champs-form:nth-child(odd){margin-right:30px;}
	#page-carriere #candidature #form .wpcf7-form-control-wrap{width:100%; margin:0;}
	#page-carriere #candidature #form textarea::placeholder, #page-carriere #candidature #form input::placeholder{color:var(--color-pastel-blue);}
	#page-carriere #candidature #form textarea, #page-carriere #candidature #form input{background:var(--color-dark-blue); border:1px solid var(--color-pastel-blue); border-radius:10px; padding:15px; font-size:14px; color:var(--color-white); width:100%; display:block;}
	#page-carriere #candidature #form input[type="submit"]{background:var(--color-yellow); border:0; font-weight:bold; color:var(--color-white); font-size:18px; margin-top:20px;}
	#page-carriere #candidature #form input[type="checkbox"]{width:25px;}
	#page-carriere #candidature #form .wpcf7-list-item{display:flex;}
	#page-carriere #candidature #form .wpcf7-list-item-label{text-align:left; font-size:14px; line-height: 1.5;
    margin: 0 0 0 25px;}
	#page-carriere #candidature #form .g-recaptcha-response{display:none;}


/*** ANIMATIONS ***/


/* on garde la rotation dans les keyframes */
@keyframes drawLeft{
  0%{transform:rotate(45deg) scaleX(0); opacity:0}
  40%{opacity:1}
  100%{transform:rotate(45deg) scaleX(1); opacity:1}
}
@keyframes drawRight{
  0%{transform:rotate(-45deg) scaleX(0); opacity:0}
  25%{opacity:1}
  100%{transform:rotate(-45deg) scaleX(1); opacity:1}
}

/* accessibilité */
@media (prefers-reduced-motion: reduce){
  .list-check li::before, .list-check li::after, 
  .list-check .wp-block-group::before, .list-check .wp-block-group::after{
    animation:none; opacity:1; transform:none;
  }
}