/***** COMMUN *****/
body{font-family: 'Montserrat'; font-size:16px; color:#000; font-weight:400; line-height:1.5; overflow-x:hidden;}

img{max-width:100%; height:auto;}
a{color:#00999E; text-decoration:none;}
a:hover{color:#F1B600;}
strong{font-weight:600;}

h1, h2{text-transform:uppercase; font-weight:bold;}
h1{font-size:54px; line-height:1.2;}
h2{font-size:30px; margin:0 0 50px;}

.wrapper{margin:0 10%; position:relative}
.wp-block-button a, .btn-default{border-radius:6px; padding:10px 20px; font-weight:600; background:#F1B600; color:#FFF; border:3px solid #F1B600;}

.wp-block-button.btn-border a{background:none; color:#F1B600;}
.wp-block-buttons .wp-block-button:nth-of-type(2){margin:0 0 0 50px;}

/***** HEADER *****/
#responsive-bar, #responsive-menu{display:none;}
#responsive-bar ul, #navbar, #header-main .wrapper, #main-menu, #menu-menu-principal-en-1, #menu-menu-principal-1, .menu-reseaux-sociaux-en-container, .menu-reseaux-sociaux-en-container .menu,  .menu-reseaux-sociaux-container .menu, #language ul{display:flex; justify-content:space-between; align-items:center;}

#logo{flex:15%; padding:10px 0 0;}
#logo img{max-width:110px;}
.sticky #logo img{height:75px; width:auto;}
#header-nav{flex:85%; position:relative; z-index:10;}

#navbar{margin:0 0 55px; justify-content:right;}
#navbar > div{margin:0 8px;}
#navbar .btn-default{background:#00999E; border-top-left-radius: 0; border-top-right-radius: 0; color:#FFF; display:block; border:3px solid #00999E;}
#navbar .btn-default:hover{background:#F1B600; border:3px solid #F1B600;}
.sticky #navbar{display:none;}

#search form{background:#EEE; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding:10px 20px;}
#search form input{background:none; border:0;}
#search form input:focus::placeholder {color: #EEE;}
.submit-form:hover{opacity:0.5;}

#language a{color:#888888}
#language a:hover{color:#000;}
#language .wpml-ls-current-language a{color:#000;}
#language li:first-child:after{content:"|"; float: right; margin: -22px -2px 0; color:#888888;}
.wpml-ls-legacy-list-horizontal{padding:0;}

#main-menu .menu-menu-principal-en-container,
#main-menu .menu-menu-principal-container{width:calc(100% - 120px); text-align: center;}
#menu-menu-principal-en-1 a, #menu-menu-principal-1 a{color:#000; padding:10px 20px; font-weight: 500; display:block; font-size:18px;}
#menu-menu-principal-en-1 li, #menu-menu-principal-1 li{position:relative;}
#menu-menu-principal-en-1 li:hover a, #menu-menu-principal-1 li:hover a{position:relative; z-index:11}
#menu-menu-principal-en-1 .menu-contact a, #menu-menu-principal-1 .menu-contact a{background:#01395E; color:#FFF; border-radius:6px;}
#menu-menu-principal-en-1 .menu-contact a:hover, #menu-menu-principal-1 .menu-contact a:hover{background:#F1B600;}

.menu-menu-principal-en-container .sub-menu,
.menu-menu-principal-container .sub-menu{height:0; padding:0 20px; width:135%;  min-width:170px; overflow:hidden; position:absolute; background:#F1B600; left:-25%; top:0; -webkit-transition: all 500ms linear 500ms; -moz-transition: all 500ms linear 500ms; -ms-transition: all 500ms linear 500ms; -o-transition: all 500ms linear 500ms; transition: all 500ms linear 500ms; text-align:left;}
.menu-menu-principal-en-container li:hover .sub-menu,
.menu-menu-principal-container li:hover .sub-menu{background:#F1B600; height:300px; z-index:10; padding:75px 20px 25px;}

.menu-menu-principal-en-container #menu-menu-principal-en-1 .sub-menu a, 
.menu-menu-principal-container #menu-menu-principal-1 .sub-menu a{background:#F1B600; padding:10px 0;}
.menu-menu-principal-en-container #menu-menu-principal-en-1 .sub-menu a:hover,
.menu-menu-principal-container #menu-menu-principal-1 .sub-menu a:hover{color:#FFF;}

.menu-reseaux-sociaux-en-container, .menu-reseaux-sociaux-container{width:100px;}
.menu-reseaux-sociaux-en-container .menu li, .menu-reseaux-sociaux-container .menu li{margin:0 15px; font-size:25px; }
.menu-reseaux-sociaux-en-container .menu li a, .menu-reseaux-sociaux-container .menu li a{color:#01395E;}
.menu-reseaux-sociaux-en-container .menu li a:hover, .menu-reseaux-sociaux-container .menu li a:hover{color:#F1B600;}

#menu-menu-principal-en-1 .current-menu-parent > a,
#menu-menu-principal-1 .current-menu-parent > a{color:#00999e;}

/***** FOOTER *****/
#footer-menu, #footer-adresses, #menu-menu-footer, #menu-menu-footer-en{display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap;}
#footer-main{background:#0C202C; color:#FFF; padding:50px 0;}
#footer-main a{color:#FFF;}
#footer-main a:hover{color:#00999E;}

#footer-newsletter form .form-footer{display:flex; align-items: center; flex-wrap: wrap; margin:-75px 0 0; border-bottom:2px solid #FFF;width: 33%; float: right;}
#footer-newsletter .inscription_newsletter{width:calc(95% - 30px); margin:0;}
#footer-newsletter input{background: none; border:0;  color:#FFF; font-style:italic; }
#footer-newsletter .submit{position:relative; width:30px; height:30px; cursor:pointer;}
#footer-newsletter .submit i{position:absolute; top:0; left:0; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer;}
#footer-newsletter .submit input{ border-bottom:0; position:relative; z-index:1; font-size:0; width:30px; height:30px; cursor:pointer;}
#footer-newsletter .submit:hover{color:#f1b600;}

#footer-adresses{font-size:12px; margin:25px 0 0; align-items:center;}
#footer-adresses > div{margin:15px 0 0;}
#footer-adresses .tel{color:#F1B600;}

#footer-contact{font-size:22px; flex:40%;}
#footer-contact div{font-weight:bold; line-height: 1.5;}
#footer-contact .btn-default{display: block; width: 175px; margin: 35px 0; padding: 20px 30px;}
#footer-contact .btn-default:hover{color:#FFF;}

.menu-menu-footer-en-container, .menu-menu-footer-container{flex:60%; line-height: 2; font-weight:300;}
.menu-menu-footer-en-container li, .menu-menu-footer-container li{flex:33%;}
#footer-main .menu-title > a{color:#F1B600;}


/***** BODY *****/
#content-main{margin:50px 0 0;}
#content-main figure, #content-main figure img{border-radius:60px;}
#content-main p{margin-bottom:25px;}

.wp-block-image, .wp-block-columns{margin-bottom:0;}

.bloc-hidden{display:none;}
.border-after:after{content:""; height:1px; width:175px; display:block; margin:15px auto 0; background:#00999E;}
.bloc-color{background:#01395E; color:#FFF;  padding:50px 10%;margin:75px 0 0;}
.align-center{text-align:center;}

#contact-page{background:#FFF; padding:10px 25px; -webkit-box-shadow: 0 0 34px 2px rgba(0,0,0,0.10); box-shadow: 0 0 34px 2px rgba(0,0,0,0.10); margin-top:50px; margin-bottom:-30px; display:flex; align-items: center; justify-content: center; border-radius:25px; font-weight:600;}
#contact-page:before{content:""; width:100px; height:100px; background:url('../img/demande_contact.png') no-repeat center; display:inline-block; vertical-align: middle;}
#contact-page .text{margin:0 100px 0 50px;}

    /*** HOME ***/
	#page-accueil h1{margin:0 0 30px; font-size:40px;}

	#home-main-img{margin:0 0 0 5%; min-height:525px;}
	#home-main-img .wp-block-button a{min-width:210px;}
	#home-main-img figure, #home-main-img figure img{border-top-right-radius: 0; border-bottom-right-radius: 0;}

	#home-presentation{margin:75px 0; padding:0 10%; position:relative;}
	#home-presentation:before{content:""; background:#F9F9F9; width:100%; height: 100%; position:absolute; top:0; left:0; z-index:-1; -moz-transform: skewX(0deg) skewY(-4deg); -webkit-transform: skewX(0deg) skewY(-4deg); -o-transform: skewX(0deg) skewY(-4deg); -ms-transform: skewX(0deg) skewY(-4deg); transform: skewX(0deg) skewY(-4deg);}
	#home-presentation figure, #home-presentation figure img{border-top-left-radius: 0; border-bottom-left-radius: 0; position:relative;}
	#home-presentation.carre figure:after{content:""; width:200px; height:200px; background:#00999E; position:absolute; bottom:-50px; right:-50px; opacity:0.75; border-radius:20px;}
	#home-presentation .wp-block-media-text__content{margin:0 0 0 12%; padding-right:0;}
	#home-presentation h2{margin-top:25px;}
	#home-presentation p{text-align:justify;}

	#home-offres{margin:0 2% 0 10%;}
	#home-offres h2:before{content:""; height:175px; width:18px; background:#00999E; display:block; margin:-140px 25px 0 0; float:left; position: relative;}
	#home-offres .item-offres{width: calc(33% - 90px);display: flex; flex-wrap: wrap; align-items: flex-end;}

	#home-secteurs{margin-top:75px; margin-bottom:150px; position:relative;}
	#home-secteurs:after{content:""; background:#00999E; width:100%; height:200px; position:absolute; bottom: -100px; left: 12%; z-index: -1;}
	#home-secteurs .wp-block-column{align-items:stretch}
	#home-secteurs .wp-block-column .wp-block-cover{padding-top:75px; padding-bottom:40px; height:100%;}
	#home-secteurs .wp-block-column:first-child .wp-block-cover{border-top-left-radius: 40px; border-bottom-left-radius: 40px; overflow: hidden;}
	#home-secteurs .wp-block-column:last-child .wp-block-cover{border-top-right-radius: 40px; border-bottom-right-radius: 40px; overflow: hidden;}
	#home-secteurs h3{position: absolute; bottom: 40px; right: 0; left: 0; margin: 0 auto;}
	#home-secteurs .wp-block-column p{font-weight:600; font-size:16px; margin: 25px 8% 50px; color:#FFF; line-height:2;}

	.wp-block-categories-list{display:flex; align-items: center; justify-content: center; margin: -25px 0 40px; font-size:18px;}
	.wp-block-categories-list li::after{content:"|"; display:inline-block; vertical-align: middle; margin:0 30px;}
	.wp-block-categories-list li:last-child::after{display:none;}
	.wp-block-categories-list li a{color:#01395E;}

	#home-engagements .wp-block-column.bloc-text{margin:0 0 0 7%; font-weight:300}
	#home-engagements .wp-block-group{border:4px solid #FFF; border-radius:8px; font-weight: bold; padding:25px 10px; text-transform:uppercase; margin:0 0 25px; font-size:14px; height:150px;display: flex; justify-content: center; align-items: center;}
	#home-engagements .wp-block-group:hover{border:4px solid #F1B600; }
	#home-engagements .wp-block-group p{margin:0;}
	#home-engagements .wp-block-group a{color:#F1B600; text-transform:none; font-size:12px; display:block; margin:10px 0 0;}
	#home-engagements .wp-block-group:hover a, #home-engagements .wp-block-group a:hover{color:#00999E;}

	#home-news .wp-block-buttons > .wp-block-button{display:block; text-align:center;}

    /*** PAGES ***/

	#header-page{background:#01395e; color:#FFF; margin:0 0 50px; padding:50px 0; text-align:center;}
	#header-page .breadcrumb{opacity:0.75; font-size:12px; font-weight:600;}
	#header-page .breadcrumb .separator{margin:0 10px; border-radius:100%; background:#FFF; width:5px; height:5px; display:inline-block; vertical-align: middle;}
	#header-page .breadcrumb a{color:#FFF; font-weight:400;}
	#header-page .breadcrumb a:hover{color:#f1b600;}
	#header-page h1{margin:25px 0 0;}
	#header-page .excerpt-page{color:#f1b600; margin:0 15%;}

	#content-page ul{margin:30px 5%;}
	#content-page li{list-style:none; margin:10px 0;}
	#content-page li:before{content:""; background:#f1b600; width:7px; height:7px; border-radius:100%; display:inline-block; margin:0 15px 0 -22px;}

	#content-page h2{font-size: 25px; font-weight:500; text-transform:inherit; margin:50px 0 15px; word-break: keep-all; overflow-wrap: normal;}
	#content-page h2:before{content:""; background:#f1b600; width:15px; height:30px; display:inline-block; margin:0 15px 0 0;}

	#content-page .bloc-color{margin-left:-12%; margin-right:-12%;}
	#content-page h2.border-after:before{display:none;}	

	#content-page .wp-block-media-text.has-media-on-the-right:first-child .wp-block-media-text__media{margin-right:-25%; position:relative;}
	#content-page .wp-block-media-text.has-media-on-the-right:first-child .wp-block-media-text__media img{border-top-right-radius: 0; border-bottom-right-radius: 0;}	
	#content-page .wp-block-media-text.has-media-on-the-right:first-child .wp-block-media-text__media:after{content:""; width:200px; height:200px; background:#00999E; position:absolute; bottom:-50px; left:-50px; opacity:0.75; border-radius:20px;}

	#content-page .bloc-border-right{margin-right:10%;}
	#content-page .bloc-border-right figure{margin:100px 0 0 -35%;}
	#content-page .bloc-border-right figure img{border-top-left-radius: 0; border-bottom-left-radius: 0;}
	#content-page .bloc-border-right .wp-block-media-text__content{margin-right:-25%;}
	#content-page .bloc-border-right h2{font-weight:700;}
	#content-page .bloc-border-right h2:before{display:none;}
	#content-page .bloc-border-right h2:after{content:""; height:175px; width:18px; background:#00999E; display:block; margin:-140px 25px 0; float:right; position: relative;}
	#content-page .bloc-border-right p{margin-right:68px;}


		/*** PAGE PARENT ***/
		.list-pages{display:flex; flex-wrap:wrap; justify-content: center; margin:0 0 50px;}
		.item-page{width:calc(33% - 100px); margin:25px; padding:25px; border:1px solid #DDD; text-align:center;}
		#content-page .item-page h2{margin:25px 0 40px;}
		.item-page .excerpt{font-size:14px; margin:0 0 40px;}
		.item-page .thumb-page{max-height:200px; overflow:hidden;}

		/*** PARCOURS DE RECRUTEMENT ***/
		.parcours{margin:0 0 100px;}
		.parcours .wp-block-group{border-radius:25px; margin:200px 25px 0; padding:50px 50px 0; background:#FFF; position:relative;}
		.parcours .wp-block-column:first-child .wp-block-group:after, .parcours .wp-block-column:last-child .wp-block-group:before{content:""; width:25px; height:25px; background:#01395e; border-radius:100%; border:25px solid #FFF; display:block; position:absolute;}
		#content-main .wrapper .parcours h2{margin-top:0; color:#f1b600;}
		#content-main .wrapper .parcours h2:before{display:none;}
		#content-main .wrapper .parcours h2 strong{position:absolute; right: 25px; top: -100px; font-size: 200px; opacity: .05; font-weight: 700; color: #000;}

		.parcours .wp-block-column:first-child .wp-block-group:first-child{margin-top:50px;}
		.parcours .wp-block-column:first-child .wp-block-group:after{right:-80px; top:-25px;}

		.parcours .wp-block-column:last-child:before{content:""; width:2px; height:100%; background:#01395e; float:left; margin:0 0 0 -15px;}
		.parcours .wp-block-column:last-child .wp-block-group{text-align:right;}
		.parcours .wp-block-column:last-child .wp-block-group:before{left:-80px; top:50px;}
		#content-main .wrapper .parcours .wp-block-column:last-child .wp-block-group h2 strong{right:inherit; left:0; top:-100px;}


		/*** PROCESSUS ***/
		.title-tabs a{border:4px solid #FFF; border-radius:8px; font-weight: bold; padding:25px 10px; text-transform:uppercase; margin:0 0 25px; font-size:14px; color:#FFF; display:block; text-align:center;}
		.title-tabs .active a, .title-tabs a:hover{background:#FFF; color:#00999e;}
		.tabs h3{color:#f1b600; font-weight:700; margin:25px 0 15px; text-transform:uppercase; font-size:20px;}
		.tabs h3:after{content:""; background:#f1b600; width:200px; height:2px; margin:0 0 0 25px; display:inline-block; vertical-align: middle;}


		/*** REFERENCES ***/
		#page-our-references .wp-block-media-text, #page-nos-references .wp-block-media-text{position:relative; margin:0 0 25px;}
		#page-our-references .wp-block-media-text:after, #page-nos-references .wp-block-media-text:after{content:""; height:1px; width:50%; background:#CCC; position:absolute; bottom:0; left:25%;}
		.wrap_list_ref > .wp-block-column{text-align: center;padding: 20px 50px;box-shadow: 0 0 30px 0px rgba(0,0,0,0.05);}
		#page-our-references .wp-block-quote:after, #page-our-references .wp-block-quote:before,
		#page-nos-references .wp-block-quote:after, #page-nos-references .wp-block-quote:before{display:none;}

		#page-our-references .wp-block-gallery img, #page-nos-references .wp-block-gallery img{width:80%; opacity:0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
		#page-our-references .wp-block-gallery a:hover img, #page-nos-references .wp-block-gallery a:hover img{opacity:1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);}
		
		.wrap_list_ref > .wp-block-column .wp-block-quote::after, .wrap_list_ref > .wp-block-column .wp-block-quote::before {content: "\f10d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;color: #00999e;margin: 0 auto 20px auto;float: none;display: block;}
	.wrap_list_ref > .wp-block-column .wp-block-quote::after{content:"\f10e";margin: 20px auto 0 auto;}

		/*** QUI SOMMES-NOUS ? ***/
		.bloc-atout .wp-block-column{border-radius:30px; background:#FFF; padding:50px; margin:25px; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); text-align:center;}
		#content-main .team img, #content-main .team figure, #content-main .bloc-atout .wp-block-column figure, #content-main .bloc-atout .wp-block-column img{border-radius:0;}
		.team strong, .bloc-atout .wp-block-column strong{color:#00999e;}

		#content-main .team p{font-weight:600; margin:0;}
		.team{justify-content: center;}
		#content-page .team .wp-block-column{flex:20% 0 0; cursor:pointer; position:relative;}
		.team .wp-block-column .wp-block-group:before, .team .wp-block-column:after{content:"\f107"; font-family: "Font Awesome 5 Free"; font-weight:900; display:block; text-align:center;}
		.team .wp-block-column:hover:after{color:#f1b600;}
		.team .wp-block-image{margin:50px 0 25px; overflow:hidden; text-align:center;}
		.team .wp-block-image img{transition-duration: 0.3s; transition-property: transform;}
		.team .wp-block-image img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
		#content-page .wp-block-social-links{margin:0;}
		#content-page .wp-block-social-links li:before{display:none;}
		.team .wp-block-column.active .bloc-hidden{display:block;}
		.team .wp-block-column .wp-block-group{background: #00999e; color:#FFF; padding:25px; text-align:center; position:absolute; left:-25%; width:150%; font-size:14px; z-index:10;}
		.team .wp-block-column .wp-block-group:before{content:"\f106"; color:#FFF;}


		/*** ENGAGEMENTS ***/
		#charte-deontologique p{position:relative; margin:100px 25px 0 150px; display:flex;}
		#charte-deontologique strong{display:block; font-size: 60px; font-weight:300; line-height:75px; margin:0 25px 0 -150px; color:#f1b600;}
		#charte-deontologique strong:after{content:""; width:80px; height:2px; background:#01395e; margin:25px auto 0; display:block;}

		#content-main .wrap_engage img {border-radius: 0;}
		.wrap_engage .wp-block-media-text{box-shadow: 0 0 30px 0px rgba(0,0,0,0.05); background: #fff; margin: 30px auto; text-align: center;}
		.wrap_engage .wp-block-media-text .titre-bloc{color:#00999e;}
		.wrap_part > .wp-block-column {text-align: center; padding: 20px; background: #fff; margin-bottom: 20px; color:#000; min-height:325px;}
		#content-main .wrap_part > .wp-block-column figure img {border-radius:0; margin: 0 auto 10px; object-fit: contain;}
		#content-main .wrap_part > .wp-block-column p {margin:0;}


		/*** SECTEURS ***/
		#page-our-sectors .wp-block-columns, #page-nos-secteurs .wp-block-columns{justify-content: center;}
		#page-our-sectors .wp-block-column, #page-nos-secteurs .wp-block-column{border-radius:30px; background:#FFF; padding:50px 50px 100px; margin:25px; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); max-width:25%; position:relative;}
		#page-our-sectors .wp-block-column .wp-block-image, #page-nos-secteurs .wp-block-column .wp-block-image{margin-top:-40px; margin-right:-25px;}
		#page-our-sectors .wp-block-column .wp-block-buttons, #page-nos-secteurs .wp-block-column .wp-block-buttons{position:absolute; bottom: 50px; margin:0 auto; left:0; right:0;}
		#page-our-sectors .wp-block-column h2, #page-nos-secteurs .wp-block-column h2{margin-left:-25px;}


		/*** CONTACT ***/
		#page-contact .title-tabs{border:1px solid #FFF; margin:0 0 50px;}
		#page-contact .title-tabs .wp-block-column, #page-contact .title-tabs p{margin:0;}
		#page-contact .title-tabs a{color:#FFF; border:0; border-right:1px solid #FFF; margin:0; border-radius:0; background:rgba(255,255,255,0.25);}
		#page-contact .title-tabs .wp-block-column:last-child a{border-right:0;}
		#page-contact .title-tabs .active a, #page-contact .title-tabs a:hover{color:#01395e; background:#FFF;}
		#page-contact #form{background: #00999e; padding: 50px 5%; color: #fff; border-radius: 25px; margin-bottom:100px;}

		#page-contact #coordonnees .title-tabs{border:1px solid #01395e; margin:50px 0;}
		#page-contact #coordonnees .title-tabs a{color:#01395e; border-right:1px solid #01395e;}
		#page-contact #coordonnees .title-tabs .wp-block-column:last-child a{border-right:0;}
		#page-contact #coordonnees .title-tabs .active a, #page-contact #coordonnees .title-tabs a:hover{color:#FFF; background:#01395e;}

		#coordonnees{justify-content: space-between}
		#coordonnees .wp-block-column > .wp-block-columns{margin:50px 0 0;}
		#coordonnees .tel-contact:before, #coordonnees .email-contact:before, #coordonnees .wp-block-group__inner-container .wp-block-group:before{content:"\f277"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:50px; display:block; margin:0 25px 0 0; color:#00999e; flex:0 0 55px;}
		#coordonnees .wp-block-group p{margin-bottom:0;}
		#coordonnees .wp-block-group ul{margin:0 15%;}
		#coordonnees .wp-block-group .wp-block-columns{margin:50px 0 0;}
		#coordonnees .content-tabs .wp-block-group{display:flex; align-items: center; margin:0 0 40px;}

		#coordonnees .wp-block-group.entree-pieton:before{content:"\f554";}
		#coordonnees .wp-block-group.parking-visiteur:before{content:"\f540";}
		#coordonnees .wp-block-group.transport:before{content:"\f239";}

		#coordonnees .infos-contact{align-items:center;}
		#coordonnees .wp-block-group__inner-container .infos-contact:before{content:"\f0e0";}

		#page-contact #form .wpcf7-form label{width:25%;}
		#page-contact #form .wpcf7-form .wpcf7-form-control-wrap{width:60%;}
		.grecaptcha-badge{display:none;}
		.page-id-19 .grecaptcha-badge{display:block;}

    /*** CATALOGUE ***/

		.head-filtre{display:flex; flex-wrap:wrap; justify-content: center; color:#FFF;}
		.head-filtre .item-tax{margin:25px 50px; display:flex; text-align:left; font-size:14px; align-items: center;}
		.head-filtre .item-tax:before{content:"\f013"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:30px; float:left; margin:0 25px 0 0; }
		.head-filtre strong{display:block; margin:0 0 5px; font-size:16px;}
		.head-filtre a{color:#f1b600; disply:block;}
		.head-filtre .info-link:hover:after, .head-filtre a strong, .head-filtre a:hover{color:#FFF; }
		.head-filtre .info-link:after{content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; display:inline-block; vertical-align:middle; margin: 30px 0 0 30px; color:#f1b600;}

		#description_categorie{margin-bottom:100px;}

		/*FORM SEARCH*/
		.form-search{background:#FFF; padding:25px 50px; border-radius: 25px;-webkit-box-shadow: 0 0 34px 2px rgba(0,0,0,0.10); box-shadow: 0 0 34px 2px rgba(0,0,0,0.10); margin-top:-70px; margin-bottom:50px;}
		.form-search form{ display:flex;position: relative; justify-content: center;}
		.form-search .input-form{width:calc(24% - 50px); padding:0 25px;}
		.form-search input, .form-search select{border:0; padding:8px 16px; width: 100%;}
		.form-search select{font-family: 'Montserrat', serif; text-transform:uppercase; background:#FFF;}
		.form-search option, .form-search select .option{font-family: 'Montserrat', serif; text-transform:uppercase; }
		.form-search input{border-bottom:1px solid #eee;}
		.form-search input::placeholder{font-style:italic;}
		.form-search input:focus{border:0;}
		.input-text{position:relative;}
		.input-text i{position:absolute; right:15px; top:10px;}
		#searchsubmit{background:#f1b600; border-bottom:0; border-radius:100%; width:85px; height:83px; position: absolute; right: -75px; top: -25px; color:#FFF; font-weight:700;}
		#searchsubmit:hover{background:#000; cursor:pointer;}
		.reset-btn{position:absolute; bottom:-45px; right:0; font-size:12px; color:#AAA;}

		/*PAGINATION*/
		.pagination{margin:50px 0;}
		.pagination:before{content:""; height:1px; width:25%; background:#000; margin:0 auto 50px; display:block;}
		.pagination .page-numbers{margin:0 25px;}
		.pagination a{color:#000;}
		.pagination a:hover, .pagination .current{color:#00999e}


		/*** OFFRE ***/
		.list-offres{display:flex; flex-wrap:wrap; justify-content: center;}

		.item-offres{border-radius:30px; background:#FFF; padding:30px 30px 100px; margin:25px 15px 50px; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); width: calc(25% - 90px); position:relative;display: flex; flex-wrap: wrap; align-items: flex-end;}
		.offres-logo{margin:0 0 40px; width:100%; height:200px; position:relative;}
		.offres-logo picture, .offres-logo img{object-fit: cover; height:100%; width:100%;}
		.img_entreprise{position:absolute; bottom:0; margin:0 auto; left:0; right:0; width:120px; height:80px; background:#FFF; display:flex; justify-content: center; align-items: center; padding:10px 15px;}
		#img_secteur .img_entreprise picture, .offres-logo .img_entreprise picture{display: flex; align-items: center; justify-content: center; height:100%}
		#img_secteur .img_entreprise img, .offres-logo .img_entreprise img{object-fit: contain; max-height:100%; max-width:100%; width:auto; height:auto;}
		.offres-poste{font-weight:700; text-transform:uppercase; text-align:center; display:block;min-height: 48px;}
		.offres-secteurs, .offres-localisation{margin:25px 0 0; flex:100%; font-size:16px;}
		.item-offres .btn-default{display: block; text-align: center; margin: 15px 0 0; font-size: 16px; width:calc(100% - 100px); position:absolute; bottom:30px;}
		.head-filtre .item-tax.localisation:before{content:"\f3c5";}
		.head-filtre .item-tax.niveau:before{content:"\f501";}
		.head-filtre .item-tax.ref:before{content:"\f029";}
		.date_publication{opacity:0.5; font-size:14px;}

		#content-page .infos_offre h2{text-transform:uppercase;}

		.postulez-offre{margin:-70px auto 50px; text-align:center;}
		.postulez-offre a{margin:-10px 15px 0;}
		.postulez-offre a i{margin:0 10px 0 0;}
		#img_secteur{max-height:300px; text-align:center; position:relative; overflow:hidden;}
		#img_secteur .img_entreprise{width:25%; height:150px;}

		#offres-associes{border-top:1px solid #EEE; margin: 75px 0 50px; padding: 55px 0 0;}
			
		/*** FICHE METIER ***/
		.item-offres .titre{display:flex; align-items: center; text-align:left;}
		.item-offres .titre:before{content:""; width:75px; height:75px; background:url('/wp-content/uploads/recrutement-secteur-digital.png') no-repeat; background-size:cover; display:block; flex:0 0 75px; margin:0 10px 0 0;}

		.item-offres.biomass-biogas .titre:before, .item-offres.biomasse-biogaz .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-biomasse-biogaz.png'); }
		.item-offres.digital .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-digital.png'); }
		.item-offres.mobility .titre:before, .item-offres.e-mobilite-mobilite-electrique .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-mobilite-electrique.png'); }
		.item-offres.energy-efficiency .titre:before, .item-offres.efficacite-energetique .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-efficacite-energetique.png'); }
		.item-offres.wind-energy .titre:before, .item-offres.energie-eolienne .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-energie-eolienne.png'); }
		.item-offres.climate-engineering .titre:before, .item-offres.genie-climatique .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-genie-climatique.png'); }
		.item-offres.geothermy .titre:before, .item-offres.geothermie .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-geothermie.png'); }
		.item-offres.hydraulic .titre:before, .item-offres.hydraulique .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-hydraulique.png'); }
		.item-offres.nuclear .titre:before, .item-offres.nucleaire .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-nucleaire.png'); }
		.item-offres.solar-pv-and-solar-thermal .titre:before, .item-offres.solaire-pv-et-solaire-thermique .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-photovoltaique.png'); }
		.item-offres.environment .titre:before, .item-offres.environnement .titre:before{background-image:url('/wp-content/uploads/recrutement-secteur-environnement.png'); }

		.single-fiche #content-main .wrapper > .wp-block-columns > .wp-block-column:last-child{background:#00999e; padding:50px 5%; color:#FFF; border-radius:25px;}
		.single-fiche #content-main .wrapper > .wp-block-columns > .wp-block-column:last-child h2:before{background:#FFF;}
		.single-fiche .wp-block-column .wp-block-quote{font-style: italic; position:relative; padding: 50px 5% 0; font-weight: 500;}
		.single-fiche .wp-block-column .wp-block-quote:before, .single-fiche .wp-block-column .wp-block-quote:after{content:"\f10d"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:60px; font-style: normal; opacity:0.5; position:absolute;}
		.single-fiche .wp-block-column .wp-block-quote:before{top:0; left:0;}
		.single-fiche .wp-block-column .wp-block-quote:after{content:"\f10e"; right:0; bottom:30px;}

		.head-filtre .item-tax.diplome:before{content:"\f19d";}
		.head-filtre .item-tax.experience:before{content:"\f15c";}

		.partenaire-fiche{border-top:1px solid; padding:25px 0 0;}
		#content-main .partenaire-fiche p{font-style:italic; font-size:12px; margin:0 0 10px;}
		#content-main .partenaire-fiche img{border-radius:0; max-width:100px;}

		.slider-temoignage .owl-nav .owl-prev{position:absolute; left:-20%; top:45%;}
		.slider-temoignage .owl-nav .owl-next{position:absolute; right:-20%; top:45%;}
		.slider-temoignage .owl-nav button{width:100px; height:100px; background:rgba(255,255,255,0.5); margin:0 5px; font-size:30px;}
		.slider-temoignage .owl-nav button:hover{background:#FFF;}

		.list-fiches{display:flex; flex-wrap:wrap; justify-content: center;}
		.list-fiches .item-offres p{font-size:14px; padding:5px;}


		/*** TEMOIGNAGE ***/
		.list-temoignages{display:flex; flex-wrap:wrap; justify-content: center;}

		.item-temoignage{width:calc(33% - 150px); margin:50px; padding:5px 25px 60px; border:1px solid #DDD; position:relative;border: none;box-shadow: 0 0 30px 0px rgba(0,0,0,0.05);}
		.item-temoignage .text{position:relative;text-align: center;}
		.item-temoignage .auteur{width:100%; font-weight:600; margin:50px 0 0; font-size:12px; color:#00999e;text-align: center;margin-bottom: 30px;min-height: 141px;text-transform: uppercase;}
		.thumb-auteur{flex:0 0 75px; height:75px; border-radius:100%; overflow:hidden; margin:0 auto 30px auto;width: 75px;}
		.thumb-auteur img{object-fit: cover; height: 100%;}


		/*** NEWS ***/
		.head-filtre .item-tax.actualites:before{content:"\f15c";}
		.head-filtre .item-tax.conseils:before{content:"\f05a";}
		.head-filtre .item-tax.presse:before{content:"\f1ea";}

		.list-news{display:flex; flex-wrap:wrap; justify-content: center; position:relative;}
		.item-news .thumb-news{height:250px; overflow:hidden; display:block;}
		.item-news .thumb-news img{object-fit: cover; width:100%; height:100%; transition-duration: 0.3s; transition-property: transform;}
		.item-news a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
		.item-news{margin:0 30px 50px; width:calc(33% - 60px);}
		.tax-news{font-size:12px; color:#AAA; margin: 15px 6% 0; display:block;}
		.date-news{font-size:14px; color:#00999E; margin: 5px 6% 0; display:block;}
		.title-news{font-weight:600; color:#01395E; font-size:18px; display:block; margin: 15px 6%;}
		.title-news:hover{color:#F1B600;}
		.link-news{color: #F1B600; display:block; text-align:right; font-weight:600; margin:25px 0 0; font-size:14px;   position: absolute; right: 0; bottom: -25px;}
		.link-news:hover{color:#01395E;}

		.single figure{margin:25px 0;}

/*** MODAL ***/

    /* The Modal (background) */
    .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
  
    /* Modal Content */
    .modal-content {
    background-color: #fff;
    margin: auto;
    padding: 75px 100px 50px;
    width: 80%; position:relative;}

    /* The Close Button */
    .close {color: #000;
        position:absolute; top:25px; right:50px;
        line-height: 75px;
        font-size:75px;}
    
    .close:hover, .close:focus {color: #e5c621; text-decoration: none; cursor: pointer;}


/*** ANIMATIONS ***/

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal > .menu-item{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #FFF;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal > .menu-item:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f1b600;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal > .menu-item:hover, .hvr-shutter-out-horizontal > .menu-item:focus, .hvr-shutter-out-horizontal > .menu-item:active {
  color: white;
}
.hvr-shutter-out-horizontal > .menu-item:hover:before, .hvr-shutter-out-horizontal > .menu-item:focus:before, .hvr-shutter-out-horizontal > .menu-item:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Right */
.wp-block-button a, .btn-default{display: inline-block;}
.wp-block-button a, .btn-default, #home-engagements .wp-block-group{
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
}
.wp-block-button a:before, .btn-default:before, #home-engagements .wp-block-group:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  color:#F1B600;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#footer-contact .btn-default:before{background:#0c202c;}
#home-engagements .wp-block-group:before,
#navbar .btn-default:before,
.wp-block-button.btn-border a:before{background: #F1B600; color: #FFF;}
.wp-block-button.btn-border a:hover,
.wp-block-button.btn-border a:focus,
.wp-block-button.btn-border a:active{color:#FFF;}

.wp-block-button a:hover, .btn-default:hover, 
.wp-block-button a:focus, .btn-default:focus, 
.wp-block-button a:active, .btn-default:active {
  color:#F1B600;
}
#home-engagements .wp-block-group:hover:before,
.wp-block-button a:hover:before, .btn-default:hover:before, 
.wp-block-button a:focus:before, .btn-default:focus:before, 
.wp-block-button a:active:before, .btn-default:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

/*.hidden {
    opacity: 0
}*/
.visible {
    opacity: 1
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    
    to {
        opacity: 1;
        transform: none;
    }
    }
    
    .fadeInLeft {
    animation-name: fadeInLeft;
    }

    @keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    
    to {
        opacity: 1;
        transform: none;
    }
    }
    
    .fadeInRight {
    animation-name: fadeInRight;
    }
    
    @keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    
    to {
        transform: translate3d(0, 0, 0);
    }
    }
    
    .slideInUp {
    animation-name: slideInUp;
    }

    @keyframes zoomIn {
        from {
          opacity: 0;
          transform: scale3d(.3, .3, .3);
        }
      
        50% {
          opacity: 1;
        }
      }
      
      .zoomIn {
        animation-name: zoomIn;
      }

	.bloc-atout .wp-block-column,
	.parcours .wp-block-column:first-child .wp-block-group,
	.parcours .wp-block-column:last-child .wp-block-group,
	#home-news .item-news, .list-offres #home-offres .item-offres {
        -webkit-animation-delay: 250ms;
        -moz-animation-delay: 250ms;
        -o-animation-delay: 250ms;
        animation-delay: 250ms;
    }

 	.bloc-atout .wp-block-column:nth-of-type(1),
	.parcours .wp-block-column:first-child .wp-block-group:nth-of-type(1) ,
	.parcours .wp-block-column:last-child .wp-block-group:nth-of-type(1) ,
    #home-news .item-news:nth-of-type(1), #home-offres .list-offres .item-offres:nth-of-type(1) {
        -webkit-animation-delay: 500ms;
        -moz-animation-delay: 500ms;
        -o-animation-delay: 500ms;
        animation-delay: 500ms;
    }
    
 	.bloc-atout .wp-block-column:nth-of-type(2),
	.parcours .wp-block-column:first-child .wp-block-group:nth-of-type(2),
	.parcours .wp-block-column:last-child .wp-block-group:nth-of-type(2),
    #home-news .item-news:nth-of-type(2), #home-offres  .list-offres .item-offres:nth-of-type(2) {
        -webkit-animation-delay: 1000ms;
        -moz-animation-delay: 1000ms;
        -o-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }
    
 	.bloc-atout .wp-block-column:nth-of-type(3),
	.parcours .wp-block-column:first-child .wp-block-group:nth-of-type(3) ,
	.parcours .wp-block-column:last-child .wp-block-group:nth-of-type(3) ,
    #home-news .item-news:nth-of-type(3), #home-offres .list-offres .item-offres:nth-of-type(3) {
        -webkit-animation-delay: 1500ms;
        -moz-animation-delay: 1500ms;
        -o-animation-delay: 1500ms;
        animation-delay: 1500ms;
    }