/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://wordpress.org/themes/twentytwenty/
 Description:  Thème enfant du thème Twenty Twenty
 Author:       Cyril AGATE
 Author URI:   https://developer.wordpress.org/themes/advanced-topics/child-themes/
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         css
 Text Domain:  twentytwentychild
*/

/* COULEURS */
/* bleu : #04689a; */
.blanc {color:white;}
body {
	--colorRed : #e50505;
	--colorGrey : #cccccc;
	--colorBlack : #242424;
}

* {
	font-family: 'Inter', sans-serif;
	color:#242424;
}
main {padding-bottom:80px;}
body.page-template header.entry-header {padding-bottom:0;}
.entry-content h2 {
	padding:0;
	font-size:20px;
	font-weight:700;
	letter-spacing: 0;
}
.entry-content h3 {
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
	letter-spacing: 0;
}
.entry-content blockquote h3 {
	font-size:16px;
	margin-top:0 !important;
}
p, ul li {
	font-size:15px;
	font-weight:300;
}
em a {
	color:#04689a;
}
h4 {font-weight:300;}
.display_vertical {
	display:inline-block;
	vertical-align:top;
}
.pointilles_horiz {
	width: 50px;
	z-index: 1;
	position: relative;
	border-top: 1px dashed;
}
.pointilles_verti {
	height: 50px;
	z-index: 1;
	position: relative;
	border-left: 1px dashed;
}
table {
	margin-top:0;
	margin-bottom:20px;
	font-size:14px;
}
th {vertical-align: middle;}


/* HEADER */
#site-header {
	background:white !important;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index:2;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header-inner {
	max-width:1200px;
	margin:auto;
	padding:1rem 0;
}
#logo-spl {
	margin-top:10px;
	margin-left: 5px;
}
@media (min-width: 700px) {
	.site-logo img {max-height: 7rem;}
}
@media (max-width: 699px) {
	.site-logo + a img {max-height: 6rem;}
}
.site-logo, .site-logo + a {display:inline-block;}
.home .site-logo {animation: animHeader 1000ms backwards ease;}
.home .site-logo + a {animation: animHeader 1000ms 100ms backwards ease;}
.logo-inactive {opacity:0.2;}
.site-description {display:none;}
.primary-menu > li {margin: 0px 25px;}
body:not(.overlay-header) .primary-menu > li > a {
	color: #242424 !important;
	font-size: 16px;
	text-decoration: none;
	font-weight: 600;
	padding:5px 0;
	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;
	overflow: hidden;
}
body:not(.overlay-header) .primary-menu > li > a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
  	background: #04689a;
 	height: 2px;
 	-webkit-transition-property: right;
 	transition-property: right;
 	-webkit-transition-duration: 0.3s;
 	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
 	transition-timing-function: ease-out;
}
body:not(.overlay-header) .primary-menu > li > a:hover, body:not(.overlay-header) .primary-menu > li > a:focus, body:not(.overlay-header) .primary-menu > li > a:active {color: #04689a !important;}
body:not(.overlay-header) .primary-menu > li > a:hover:before, body:not(.overlay-header) .primary-menu > li > a:focus:before, body:not(.overlay-header) .primary-menu > li > a:active:before {right:0;}
.home nav.primary-menu-wrapper ul.primary-menu > li:first-of-type {animation: animHeader 1000ms backwards ease;}
.home nav.primary-menu-wrapper ul.primary-menu > li:nth-of-type(2) {animation: animHeader 1000ms 100ms backwards ease;}
.home nav.primary-menu-wrapper ul.primary-menu > li:nth-of-type(3) {animation: animHeader 1000ms 200ms backwards ease;}
.home nav.primary-menu-wrapper ul.primary-menu > li:nth-of-type(4) {animation: animHeader 1000ms 300ms backwards ease;}
.home nav.primary-menu-wrapper ul.primary-menu > li:nth-of-type(5) {animation: animHeader 1000ms 400ms backwards ease;}
#site-header ul {margin-top:0;}
button.search-toggle .toggle-text {display:none;}
button.search-toggle .toggle-inner:after {
	content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 21px;
    height: 60px;
    width: 60px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #04689a;
    transition: opacity 0s 0.05s ease,-webkit-transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease,-webkit-transform 0.2s ease;
}
button.search-toggle .toggle-inner:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #04689a;
    transition: opacity 0s 0.05s ease,-webkit-transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease,-webkit-transform 0.2s ease;
}
button.search-toggle .toggle-inner:hover > svg > path {color:white;}
.home .search-toggle-wrapper {animation: animHeader 1000ms 500ms backwards ease;}
/* liens actifs */
body:not(.home) .primary-menu > li.current-menu-item > a, body:not(.home) .primary-menu > li.current-menu-parent > a, body:not(.home) .primary-menu ul.sub-menu > li.current-menu-item > a {color: #04689a !important;}
body:not(.home) .primary-menu > li.current-menu-item > a:before, body:not(.home) .primary-menu > li.current-menu-parent > a:before {right:0;}
/* sous-menu */
ul.primary-menu li > span.icon {display:none;}
ul.primary-menu ul.sub-menu {display:none;}
ul.primary-menu ul.sub-menu:after {content:none;}
ul.primary-menu ul.sub-menu li {
	color:#242424;
	height:25px;
	font-size:15px;
	letter-spacing: -0.015em;
}
ul.primary-menu ul.sub-menu li a {
	padding:0;
	text-decoration: none;
	font-weight:500;
}
ul.primary-menu ul.sub-menu li a:hover {color:#04689a;}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu {
	display:block;
	left: -30px;
    top: 50px;
    padding: 0 0 10px 30px;
    background: white !important;
    width: 246px;
	box-shadow: 0 5px 5px rgb(0 0 0 / 3%);
}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu li:first-of-type {animation: animItemSubMenu 300ms backwards ease-out;}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu li:nth-of-type(2) {animation: animItemSubMenu 300ms 80ms backwards ease-out;}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu li:nth-of-type(3) {animation: animItemSubMenu 300ms 160ms backwards ease-out;}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu li:nth-of-type(4) {animation: animItemSubMenu 300ms 240ms backwards ease-out;}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu li:nth-of-type(5) {animation: animItemSubMenu 300ms 320ms backwards ease-out;}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu li:nth-of-type(6) {animation: animItemSubMenu 300ms 400ms backwards ease-out;}
ul.primary-menu li.menu-item-has-children:hover ul.sub-menu li:nth-of-type(7) {animation: animItemSubMenu 300ms 480ms backwards ease-out;}
@keyframes animHeader {
	0% {
		opacity:0;
		transform: translateY(-15px);
	}
	45% {opacity:0;}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
@keyframes animItemSubMenu {
	0% {
		opacity:0;
		transform: translateY(-2px);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}


/* BANDEAU EN-TËTE */
figure.featured-media.bandeau {margin-top:0;}
body.page-template-template-nouveau .featured-media-inner, body.page-template-template-nosprojets .featured-media-inner {left:0;}


/* PAGE ACCUEIL */
body.home header.entry-header {display:none;}
#main-page-accueil {
	height:500px;
	background-image:url('/wp-content/uploads/mas_des_agriculteurs-nimes.jpg');
	animation: animHeader 1000ms 200ms backwards ease;
}
#main-page-accueil h1, #main-page-accueil h4, #main-page-accueil .bold {
	color:white;
	z-index:1;
}
#main-page-accueil > * {
	position:relative;
	margin-left:100px;
}
#main-page-accueil h1 {
	top:180px;
	margin-top:0px;
	font-size:50px;
	animation: animTitre 2000ms backwards ease;
}
#main-page-accueil .bg_bleu {
	background:#04689a;
	height:57px;
	left:-10px;
	opacity:0.8;
	animation: animBG 1000ms 300ms backwards cubic-bezier(.4,.4,0,1);
	transform-origin: top;
}
#main-page-accueil .bg_bleu1 {
	width:506px;
	top:93px;
}
#main-page-accueil h4 {
	top:60px;
	font-size:18px;
	animation: animTitre 2000ms 130ms backwards ease;
}
@keyframes animTitre {
	0% {
		opacity:0;
		transform: translateY(-15px);
	}
	45% {opacity:0;}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
#main-page-accueil #bg_gris {
	background:#242424;
	opacity:0.7;
	width:317px;
	height:55px;
	left:-10px;
	top:-15px;
	animation: animBG 1000ms 430ms backwards cubic-bezier(.4,.4,0,1);
	transform-origin:top;
}
@keyframes animBG {
	0% {transform: scaleY(0);}
	50% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
#main-page-accueil .pointilles_horiz {
	top: -43px;
    left: 332px;
	animation: animPointillesHoriz 1000ms 900ms backwards ease;
	transform-origin:left;
}
@keyframes animPointillesHoriz {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}
#main-page-accueil .pointilles_verti {
    top: 9px;
	left: 35px;
	animation: animPointillesVerti 1000ms 900ms backwards ease;
	transform-origin:top;
}
@keyframes animPointillesVerti {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}
}
#main-page-accueil > * {margin-left: 8%;}
@media (max-width:398px) {
	#main-page-accueil h1 {font-size:33px;}
	#main-page-accueil h4 {
		font-size:15px;
		top:66px;
	}
	#main-page-accueil .bg_bleu {
		height:35px;
		top:86px;
	}
	#main-page-accueil .bg_bleu1 {width:83px;}
	#main-page-accueil .bg_bleu2 {
		height:39px;
		width:274px;
	}
	#main-page-accueil #bg_gris {
		width: 268px;
    	height: 49px;
    	top: 2px;
	}
	#main-page-accueil .pointilles_horiz {display:none;}
	#main-page-accueil .pointilles_verti {top:20px;}
}

@media (min-width:399px) and (max-width:466px) {
	#main-page-accueil h1 {font-size:33px;}
	#main-page-accueil h4 {
		font-size:15px;
		top:100px;
	}
	#main-page-accueil .bg_bleu {height:35px;}
	#main-page-accueil .bg_bleu1 {
		width:340px;
		top:123px;
	}
	#main-page-accueil .bg_bleu2 {display:none;}
	#main-page-accueil #bg_gris {
		width: 268px;
    	height: 49px;
    	top: 37px;
	}
	#main-page-accueil .pointilles_horiz {
    	top: 12px;
    	left: 278px;
	}
	#main-page-accueil .pointilles_verti {top: 46px;}
}
@media (min-width:467px) and (max-width:566px) {
	#main-page-accueil h1 {top: 170px;}
	#main-page-accueil .bg_bleu1 {
    	width: 120px;
    	top: 37px;
	}
	#main-page-accueil .bg_bleu2 {
    	width: 403px;
    	top: 37px;
	}
	#main-page-accueil h4 {top: 20px;}
	#main-page-accueil #bg_gris {top: -50px;}
	#main-page-accueil .pointilles_horiz {top: -75px;}
	#main-page-accueil .pointilles_verti {top: -23px;}
}
@media (min-width:567px) {
	#main-page-accueil .bg_bleu2 {display:none;}
}

@media (min-width:567px) and (max-width:578px) {
	#main-page-accueil h1 {font-size:49px;}
	#main-page-accueil .bg_bleu {width: 496px;}
}

@media (min-width:567px) and (max-width:699px) {
	#main-page-accueil h1 {top: 170px;}
	#main-page-accueil h4 {top: 70px;}
	#main-page-accueil #bg_gris {top: 0px;}
}
#interet-general-page-accueil {max-width:1000px;}
#interet-general-page-accueil > div {
	display:inline-block;
	vertical-align:baseline;
	width:49%;
}
#interet-general-page-accueil > div:first-of-type {animation: animHeader 1000ms 700ms backwards ease;}
#interet-general-page-accueil > div:last-of-type {
	width:43%;
	margin-left:7%;
	animation: animHeader 1000ms 800ms backwards ease;
}
@media (max-width:650px) {
	#interet-general-page-accueil > div {
		display:block;
		width:100%;
	}
	#interet-general-page-accueil > div:last-of-type {
		width:100%;
		margin-left:0;
	}
}
#interet-general-page-accueil h2 {margin-top:0;}
#chiffres_cles-page-accueil {
	border-top:1px dashed #242424;
	border-bottom:1px dashed #242424;
	max-width:1000px;
	padding: 20px 0;
}
#chiffres_cles-page-accueil > div {
	display:inline-block;
	vertical-align:top;
	width:23%;
	margin-left:2%;
	text-align:center;
}
#chiffres_cles-page-accueil > div p {
	display:inline-block;
	vertical-align:baseline;
	font-size: 45px;
	letter-spacing: -2px;
	font-weight: 700;
	text-align:left;
	margin-bottom:0;
}
#chiffres_cles-page-accueil > div p:first-of-type {
}
#chiffres_cles-page-accueil > div p:last-of-type {
	font-size:10px;
	line-height:13px;
	padding-left:7px;
	letter-spacing:normal;
}
#chiffres_cles-page-accueil > div:first-of-type {margin-left:0px;}
@media (max-width:416px) {
	#chiffres_cles-page-accueil > div {
		display:block;
		width: 100%;
		margin-left:0;
		text-align: left;
	}
}
@media (min-width:417px) and (max-width:599px) {
	#chiffres_cles-page-accueil > div {width:47%;}
}
@media (min-width:600px) and (max-width:867px) {
	#chiffres_cles-page-accueil > div {margin-left:0;}
	#chiffres_cles-page-accueil > div p {
		display: block;
		text-align: center;
	}
	#chiffres_cles-page-accueil > div p:last-of-type {
		padding-left:0;
		margin-top: -5px;
	}
}
@media (min-width:868px) and (max-width:1055px) {
	#chiffres_cles-page-accueil > div {margin-left:1%;}
}
#metiers-page-accueil {max-width:1000px;}
#metiers-page-accueil h2 {
	margin-top:50px;
	text-align:center;
}
#metiers-page-accueil > div {
	display:inline-block;
	vertical-align:top;
	width:29%;
}
#metiers-page-accueil > div:nth-of-type(2) {margin: 0 59px;}
@media (max-width:513px) {
	#metiers-page-accueil > div:first-of-type {margin-top:40px;}
	#metiers-page-accueil > div:nth-of-type(2) {margin:0;}
	#metiers-page-accueil > div {
		display: block;
		width: 100%;
	}
}
@media (min-width:514px) and (max-width:867px) {
	#metiers-page-accueil > div:first-of-type {margin-top:40px;}
	#metiers-page-accueil > div:nth-of-type(2) {margin:0;}
	#metiers-page-accueil > div {
		display: block;
		width: 100%;
	}
	#metiers-page-accueil > div > a {
		display:inline-block;
		width:38%;
	}
	#metiers-page-accueil > div > div {
		display:inline-block;
		vertical-align:top;
		width:59%;
		margin-left:2%;
	}
	#metiers-page-accueil h3 {margin-top:0 !important;}
}
@media (min-width:868px) and (max-width:1096px) {
	#metiers-page-accueil > div:nth-of-type(2) {margin: 0 5%;}
}
#metiers-page-accueil > div div.conteneurPhoto {overflow:hidden;}
#metiers-page-accueil > div div.conteneurPhoto img {
	transform:scale(1);
	-webkit-transition: transform 0.3s;
  	transition: transform 0.3s;
}
#metiers-page-accueil > div:hover div.conteneurPhoto img {transform:scale(1.05);}
#metiers-page-accueil h3 {
	margin: 18px 0 10px 0;
    padding: 0;
    font-size: 16px;
}
#metiers-page-accueil h3 a {
	color:#242424;
	text-decoration:none;
}
#metiers-page-accueil > div:hover h3 a {color:#04689a;}
#actu-page-accueil {
	background:#f1f1f3;
	padding:0 2%;
}
#actu-page-accueil h2 {
	text-align:center;
    padding-top: 40px;
}
#actu-page-accueil ul {
	max-width:1000px;
	margin:auto;
	margin-bottom:0;
	padding-bottom: 40px;
}


/* FLUX ACTUALITES
 * (en homepage et fiches opération */
.single-portfolio ul.wp-block-latest-posts {margin-top:0 !important;}
@media (min-width:590px) and (max-width:635px) {
	.single-portfolio ul.wp-block-latest-posts {padding-right:40px;}
}
#actu-page-accueil ul.wp-block-latest-posts li, .single-portfolio ul.wp-block-latest-posts li {
	display:inline-block;
	vertical-align:top;
	background:white;
	position:relative;
	top:0;
	z-index:0;
}
#actu-page-accueil ul.wp-block-latest-posts li {
	width:23%;
	margin: 0 0 0 2%;
}
#actu-page-accueil ul.wp-block-latest-posts li:first-of-type {margin-left:0;}
.single-portfolio ul.wp-block-latest-posts li {
	width:170px;
	margin: 0 0 0 29px !important;
}
@media (max-width:414px) {
	.single-portfolio ul.wp-block-latest-posts li {margin-left:0 !important;}
}
@media (min-width:415px) and (max-width:635px) {
	.single-portfolio ul.wp-block-latest-posts li:nth-of-type(2n+1) {margin-left:0 !important;}
}
@media (min-width:636px) {
	.single-portfolio ul.wp-block-latest-posts li:nth-of-type(3n+1) {margin-left:0 !important;}
}
#actu-page-accueil div.wp-block-latest-posts__featured-image {
	height:230px;
	overflow:hidden;
}
.single-portfolio div.wp-block-latest-posts__featured-image {
	width:170px;
	height:170px;
	overflow:hidden;
}
div.wp-block-latest-posts__featured-image img {
	transform:scale(1);
	-webkit-transition: transform 0.3s;
  	transition: transform 0.3s;
}
ul.wp-block-latest-posts li:hover div.wp-block-latest-posts__featured-image img {transform:scale(1.05);}
p.type_contenu_NOS_ACTU {
	position: absolute;
	background: #04689a;
	color: white;
	opacity: 1;
	top: 161px;
	padding: 0px 5px;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing:0;
}
#actu-page-accueil p.type_contenu_NOS_ACTU {
	top: 221px;
	left: 15px;
}
ul.wp-block-latest-posts li h5 {
	line-height:10px;
	margin: 15px 0 2px 0;
}
#actu-page-accueil ul.wp-block-latest-posts li h5 {margin: 20px 15px 2px 15px;}
ul.wp-block-latest-posts li h5 a {
	color:#242424;
	text-transform: uppercase;
	font-size:14px;
}
ul.wp-block-latest-posts li .actuMeta {
	font-size: 11px;
  	font-weight: 700;
}
#actu-page-accueil ul.wp-block-latest-posts li .actuMeta {margin: 0 15px;}
ul.wp-block-latest-posts li .actuLieu:before {
	content:url(/wp-content/uploads/picto_lieu-noir.png);
	margin-right:2px;
}
ul.wp-block-latest-posts li .actuSlash {padding: 0 5px;}
ul.wp-block-latest-posts li .actuDate {
	font-size:10px;
	opacity:0.6;
}
ul.wp-block-latest-posts li div.wp-block-latest-posts__post-excerpt {
	font-size:13px;
	margin-bottom:5px;
	font-weight:300;
}
#actu-page-accueil ul.wp-block-latest-posts li div.wp-block-latest-posts__post-excerpt {margin: 8px 15px 5px 15px;}
ul.wp-block-latest-posts li:hover h5 a {color:#04689a;}
@media (max-width:1130px) {
	#actu-page-accueil div.wp-block-latest-posts__featured-image {height: auto;}
}
@media (max-width:360px) {
	#actu-page-accueil {padding: 0 7%;}
	#actu-page-accueil ul.wp-block-latest-posts li {
		width: 100%;
		margin: 20px 0 0 0;
	}
}
@media (min-width:361px) and (max-width:709px) {
	#actu-page-accueil {padding: 0 4%;}
	#actu-page-accueil ul.wp-block-latest-posts li {
		width: 47%;
		margin: 0 0 0 4%;
	}
	#actu-page-accueil ul.wp-block-latest-posts li:nth-of-type(3) {
		margin-left:0;
		margin-top: 30px;
	}
	#actu-page-accueil ul.wp-block-latest-posts li:last-of-type {margin-top: 30px;}
}
@media (min-width:710px) and (max-width:1020px) {
	#actu-page-accueil ul.wp-block-latest-posts li {
		width: 30%;
		margin-left:4%;
	}
	#actu-page-accueil ul.wp-block-latest-posts li:last-of-type {display:none;}
}


/* FILTRES (MENU COLLANT)
 * Sur les pages */
span.liens-ancre {
	position: relative;
    top: -100px;
}
div.filtres-menu-collant {
	text-align: center;
	position: -webkit-sticky;
	position: sticky;
	top:-1px;
	z-index:1;
	margin:auto;
	background:white;
}
@media (min-width:1000px) {
	div.barre-verticale {text-align: right;}
}
div.filtres-menu-collant ul {
	margin:auto;
	padding:11px 0 20px 0;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}
@media (max-width:1299px) {
	div.filtres-menu-collant {
		border-top:1px solid #dbdbdb;
		border-bottom:1px solid #dbdbdb;
	}
	div.filtres-menu-collant ul {
		width: calc(100% - 8rem);
		border:0px;
	}
}
@media (min-width:1300px) {
	div.filtres-menu-collant ul {max-width:1200px;}
}
div.filtres-menu-collant li {
	display: inline-block;
	font-size:15px;
	margin:0;
	padding-left:35px;
}
div.filtres-menu-collant.barre-verticale li:first-of-type {padding-right:10px;}
div.filtres-menu-collant.barre-verticale li:first-of-type:after {
	content:'\007C';
	color:#dbdbdb;
	position: relative;
	left: 16px;
}
div.filtres-menu-collant a {
	text-decoration:none;
	color:#242424;
	font-weight: 600;
 	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
  	-webkit-transition-timing-function: ease-out;
 	transition-timing-function: ease-out;
}
div.filtres-menu-collant a:hover {
	color:#04689a;
}
div.filtres-menu-collant a:before {
	content: '';
    display: block;
    position: relative;
    top: 17px;
    left: -16px;
    width: 1rem;
    height: 1rem;
    border: 1px solid #242424;
    background-color: #fff;
    border-radius: 50%;
 	-webkit-transition-duration: 0.2s;
 	transition-duration: 0.2s;
  	-webkit-transition-timing-function: ease-out;
 	transition-timing-function: ease-out;
}
div.filtres-menu-collant a:hover:before {
    background-color: #04689a;
}
div.filtres-menu-collant.barre-verticale li:first-of-type a:before {
	content: '\2190';
	width:0;
	height:0;
	top:0;
	left: -20px;
	border:0px;
}
div.filtres-menu-collant.barre-verticale li:first-of-type a:hover:before {color: #04689a;left: -25px;}


/* ANIMATIONS SURVOL BOUTONS "+"
 * dans blocs Actus et métiers */
.plusLireSuite {
	font-size:20px;
	color:#242424;
	font-weight:700;
	text-decoration:none;
}
#actu-page-accueil ul.wp-block-latest-posts .plusLireSuite {margin-left:14px;}
.plusLireSuite:after {
	content: "";
    display: block;
    position: relative;
    bottom: 29px;
    height: 30px;
    width: 30px;
    opacity: 1;
	z-index:-1;
	margin-bottom: -15px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #04689a;
    transition: opacity 0s 0.05s ease,-webkit-transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease,-webkit-transform 0.2s ease;
}
#actu-page-accueil ul.wp-block-latest-posts .plusLireSuite:after {left:10px;}
ul.wp-block-latest-posts li:hover .plusLireSuite, #metiers-page-accueil > div:hover .plusLireSuite {color:white;margin-left:9px;}
#actu-page-accueil ul.wp-block-latest-posts li:hover .plusLireSuite {margin-left:18px;}
ul.wp-block-latest-posts li:hover .plusLireSuite:after, #metiers-page-accueil > div:hover .plusLireSuite:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #04689a;
    transition: opacity 0s 0.05s ease,-webkit-transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease;
    transition: opacity 0s 0.05s ease,transform 0.2s ease,-webkit-transform 0.2s ease;
}


/* FICHE PROJET */
p.projet-lieu-ville {
	font-size: 20px;
	font-weight: 700;
	margin-top:10px;
	opacity:0.6;
}
p.projet-lieu-ville:before {
	content:url(/wp-content/uploads/picto_lieu2-noir.png);
	position: relative;
	top:1px;
	left:-5px;
}
div.intro-text p {
	font-size:18px;
	letter-spacing: normal;
	max-width:580px;
	margin:auto;
}
div.conteneur-projets {
	max-width:1200px;
	margin:auto;
}
div.conteneur-projets p.lieu_actu {display:none;}
aside.info-projets {
	max-width:260px;
	float:right;
}
aside div.info-projets-champs_perso {
	padding-left:30px;
	border-left:1px dashed #242424;
}
aside div.info-projets-contact {padding-left:30px;}
aside div.info-projets-contact .author-bio {
	padding-left:0;
	position:relative;
}
aside div.info-projets-contact .author-bio:before {
	content:'\2192';
    position: absolute;
    left: -34px;
    top: 25px;
}
aside div.info-projets-contact .author-avatar {display:none;}
aside div.info-projets-contact h2.author-title {
	font-size:2rem;
	margin: -12px 0 -9px 0;
}
aside div.info-projets-contact b {font-size:14px;}
aside.info-projets .lien_pdf_infos_projets {margin-top:50px;}
aside.info-projets .lien_pdf_infos_projets a {
	color: #242424;
    font-weight: 700;
    border: 1px solid #242424;
    text-decoration: none;
    padding: 10px 20px;
  	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;
  	-webkit-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}
aside.info-projets .lien_pdf_infos_projets a:before {
  	content: "";
  	position: absolute;
  	z-index: -1;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	background: #04689a;
  	-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;
}
aside.info-projets .lien_pdf_infos_projets a:after {
	content: '\203A';
	position:relative;
	left: 7px;
	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;}
aside.info-projets .lien_pdf_infos_projets a:hover:after {
	position:relative;
	left: 11px;
}
aside.info-projets .lien_pdf_infos_projets a:hover, aside.info-projets .lien_pdf_infos_projets a:focus, aside.info-projets .lien_pdf_infos_projets a:active {
	color: white;
	border: 1px solid #04689a;
}
aside.info-projets .lien_pdf_infos_projets a:hover:before, aside.info-projets .lien_pdf_infos_projets a:focus:before, aside.info-projets .lien_pdf_infos_projets a:active:before {
  	-webkit-transform: scaleX(1);
  	transform: scaleX(1);
}
@media (max-width:399px) {
	div.conteneur-projets div.info-projets-champs_perso > p {
		width: 100%;
    	margin-right:0;
	}
}
@media (min-width:400px) and (max-width:619px) {
	div.conteneur-projets aside.info-projets div.info-projets-champs_perso > p {width: 44%;}
	div.conteneur-projets aside.info-projets div.info-projets-champs_perso > p:nth-of-type(2n+2) {margin-right:0;}
}
@media (min-width:620px) and (max-width:1200px) {
	div.conteneur-projets aside.info-projets div.info-projets-champs_perso > p {width: 28%;}
	div.conteneur-projets aside.info-projets div.info-projets-champs_perso > p:nth-of-type(3n+3) {margin-right:0;}
	div.conteneur-projets aside.info-projets .author-bio {margin-top: 4rem;}
}
@media (max-width:1200px) {
	div.conteneur-projets aside.info-projets {
		float:none;
		max-width: 58rem;
    	width: calc(100% - 4rem);
		margin:auto;
		margin-bottom: 30px;
		padding-left:0;
		padding-bottom:30px;
		border-left: 0px;
		border-bottom: 1px dashed #242424;
	}
	div.conteneur-projets div.info-projets-champs_perso > p {
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
	}
	div.conteneur-projets aside.info-projets div.info-projets-champs_perso > p.lien_pdf_infos_projets {margin-top:5px;}
	aside div.info-projets-champs_perso {
		padding-left:0px;
		border-left:0px;
	}
}
@media (max-width:1200px) {
	figure.wp-block-gallery {
		margin-left:auto;
		margin-right:auto;
	}
}
div.author-bio h2.author-title {margin: -12px 0;}


/* FICHE OPERATION, SUIVI CHANTIER, APPELS D'OFFRES, MARCHES PUBLICS, EVENEMENT & REVUE DE PRESSE */
.single-portfolio .post-meta-wrapper, .single-appelsdoffres .post-meta-wrapper, .single-marchspublics .post-meta-wrapper, .single-revuedepresse .post-meta-wrapper, .single-suivi .post-meta-wrapper, .single-evenement .post-meta-wrapper, .single-evenement .post-meta-wrapper {max-width:68rem;}
.single-portfolio ul.post-meta, .single-portfolio div.entry-categories-inner,
.single-appelsdoffres ul.post-meta, .single-appelsdoffres div.entry-categories-inner,
.single-marchspublics ul.post-meta, .single-marchspublics div.entry-categories-inner,
.single-revuedepresse ul.post-meta, .single-revuedepresse div.entry-categories-inner,
.single-suivi ul.post-meta, .single-suivi div.entry-categories-inner,
.single-evenement ul.post-meta, .single-evenement div.entry-categories-inner
{opacity:0.6;}
.single-portfolio ul.post-meta li.post-date span.meta-text a, .single-portfolio ul.post-meta li.ville_publication,
.single-appelsdoffres ul.post-meta li.post-date span.meta-text a, .single-appelsdoffres ul.post-meta li.ville_publication, .single-appelsdoffres ul.post-meta li.noms_liens_operation,
.single-marchspublics ul.post-meta li.post-date span.meta-text a, .single-marchspublics ul.post-meta li.ville_publication, .single-marchspublics ul.post-meta li.noms_liens_operation,
.single-revuedepresse ul.post-meta li.post-date span.meta-text a, .single-revuedepresse ul.post-meta li.ville_publication, .single-revuedepresse ul.post-meta li.noms_liens_operation, .single-revuedepresse ul.post-meta li.source_presse,
.single-suivi ul.post-meta li.post-date span.meta-text a, .single-suivi ul.post-meta li.ville_publication, .single-suivi ul.post-meta li.noms_liens_operation,
.single-evenement ul.post-meta li.post-date span.meta-text a, .single-evenement ul.post-meta li.ville_publication, .single-evenement ul.post-meta li.noms_liens_operation {
	font-size: 18px;
    font-weight: 700;
	color: #242424;
}
.single-portfolio li.ville_publication:before, .single-appelsdoffres li.ville_publication:before, .single-marchspublics li.ville_publication:before, .single-revuedepresse li.ville_publication:before, .single-suivi li.ville_publication:before, .single-evenement li.ville_publication:before {
	content:url(/wp-content/uploads/picto_lieu2-noir.png);
	position: relative;
	top:1px;
	left:-5px;
}
.single-revuedepresse div.intro-text {display:none;}


/* FICHE PROJET, MARCHES PUBLICS & APPELS D'OFFRES */
.archive.tag .entry-categories, .archive div.post-meta-single-top, div.post-meta-single-top li.post-author, div.post-meta-single-bottom, .single-portfolio .post-meta-single-top .post-date {display:none;}
.single-portfolio .featured-media img {margin-left: 8px;}
.type_contenu_sous_h1 {
	font-weight:700;
	margin-bottom:10px;
	opacity:0.6;
}


/* FICHE APPELS D'OFFRES et MARCHES PUBLICS */
.boutonAppelsOffres, .boutonMarchesPublics {margin-top:40px;}
.autresBoutonsMarchesPublics {
	display: flex;
	gap: 0 5px;
	flex-flow: wrap;
	justify-content: center;
}
.boutonAppelsOffres a, .boutonMarchesPublics a {
	color:#04689a !important;
	border:1px solid #04689a;
	text-decoration:none;
	padding: 10px 20px;
}
#boutonAvisMarchesPublics a {
    background: #04689a;
    color: white !important;
}
.derniersAppelsOffres h6 {margin-top:0px;}
.derniersAppelsOffres {
	max-width: 58rem;
	width: calc(100% - 4rem);
	margin:auto;
}


/* PROJETS & APPELS D'OFFRES (= ARCHIVES)
   (NB de juillet 2021 : les "projets" sont désormais appelés "opérations" */
.archive hr.post-separator, .blog hr.post-separator {display:none;}
.archive figcaption {display:none;}
.archive main#site-content, .blog main#site-content {margin: auto;}
@media (min-width: 1300px) {
	.archive main#site-content, .blog main#site-content {max-width:1200px;}
	.archive main#site-content > article:nth-of-type(4n+1), .blog main#site-content > article:nth-of-type(4n+1) {margin-left:0;}
}
@media (min-width: 990px) and (max-width: 1299px) {
	.archive main#site-content, .blog main#site-content {max-width:889px;}
	.archive main#site-content > article:nth-of-type(3n+1), .blog main#site-content > article:nth-of-type(3n+1) {margin-left:0;}
}
@media (min-width: 640px) and (max-width: 989px) {
	.archive main#site-content, .blog main#site-content {max-width:580px;}
	.archive main#site-content > article:nth-of-type(2n+1), .blog main#site-content > article:nth-of-type(2n+1) {margin-left:0;}
}
@media (max-width: 639px) {
	.archive main#site-content, .blog main#site-content {max-width:270px;}
	.archive main#site-content > article, .blog main#site-content > article {margin-left:0;}
}
.archive article, .blog article {
	display:inline-block;
	vertical-align:bottom;
	width: 270px;
	margin-left: 35px;
	margin-top:20px;
}
.archive article:first-of-type, .blog article:first-of-type {padding-top:0px !important;}
.blog div.entry-categories, .blog li.ref_projet_actu {display:none;}
.blog ul.post-meta li.post-date, .blog ul.post-meta li.lieu_actu {
	font-size:12px;
	font-weight:700;
}
.archive article header div.entry-header-inner, .blog article header div.entry-header-inner {width:270px;}
.archive article h2, .blog article h2 {
	line-height: 6px;
	padding:10px 0 25px 0;
}
.archive article h2 a, .blog article h2 a {
	font-size: 18px;
	letter-spacing: 0px;
}
.blog li.lieu_actu:before {
	content:url(/wp-content/uploads/picto_lieu-noir.png);
	position: relative;
	left:-3px;
}
h1, .heading-size-1, h1.archive-title {font-size: 2rem;}
@media (min-width: 700px) {
	h1, .heading-size-1, h1.archive-title {font-size: 4rem;}
}
.archive h1 span.color-accent, .blog h1 span.color-accent {display:none;}
.archive .sous-titre-metiers-actus, .blog .sous-titre-metiers-actus {
	margin-bottom:0px;
	font-weight:700;
}
.blog div.post-meta-single-top {margin-top:-27px;}
.blog div.post-meta-single-top ul.post-meta {
	opacity:0.6;
	font-size:12px;
	font-weight:700;
	margin-bottom:10px;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
.blog article:hover div.post-meta-single-top ul.post-meta {opacity:1;}
.blog div.post-meta-single-top ul.post-meta li.post-date svg {
	width:1.1rem;
	padding-bottom:2px;
}
.archive article p.projet-lieu-ville, .blog article p.projet-lieu-ville {
	font-size: 12px;
	margin: -14px 0 -2px 0;
	padding-bottom:12px;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
.archive .metaDonneesArchives {margin: -14px 0 -2px 0;}
.archive .metaDonneesArchives li {
	display:inline-block;
	font-size:12px;
	font-weight:700;
	opacity:0.6;
	margin-bottom:1em;
}
.archive .metaDonneesArchives li.date_publication-archives {margin-right:30px;}
.archive .metaDonneesArchives li.ville_publication-archives {margin-left: 0;}
.archive .metaDonneesArchives li.ville_publication-archives:before {
    content: url(/wp-content/uploads/picto_lieu-noir.png);
    position: relative;
    left: -3px;
}
.archive article:hover h2 a, .blog article:hover h2 a {color:#04689a;}
.archive article:hover p.projet-lieu-ville, .blog article:hover p.projet-lieu-ville {opacity:1;}
.archive article p.projet-lieu-ville:before, .blog article p.projet-lieu-ville:before {
	content:url(/wp-content/uploads/picto_lieu-noir.png);
	left: -3px;
	top: 0px;
}
.archive article figure, .blog article figure {margin-top:0px;}
.archive article figure div.featured-media-inner, .blog article figure div.featured-media-inner {
	width:100%;
}
.archive article figure div.featured-media-inner p, .blog article figure div.featured-media-inner p {
	display:none;
	position: absolute;
    top: 34px;
    left: 30px;
}
.archive article > div.post-inner, .blog article > div.post-inner {display:none;}
.archive article:hover div.featured-media-inner p, .blog article:hover div.featured-media-inner p {
	display:block;
	max-width: 210px;
	max-height:180px;
	overflow:hidden;
}
.archive article:hover div.featured-media-inner p:not(:first-of-type), .blog article:hover div.featured-media-inner p:not(:first-of-type) {display:none;}
.archive article div.featured-media-inner a.liresuite, .blog article div.featured-media-inner a.liresuite {
	display:none;
	position:absolute;
	bottom:-240px;
	left:30px;
	z-index:1;
	font-size:13px;
	font-weight:700;
	color:#04689a;
	text-decoration:none;
}
.archive article div.featured-media-inner a.liresuite:before, .blog article div.featured-media-inner a.liresuite:before {
	content:'';
	position:absolute;
	top:9px;
	left:-30px;
	width:20px;
	border-top:1px dashed #04689a;
}
.archive article:hover div.featured-media-inner a.liresuite, .blog article:hover div.featured-media-inner a.liresuite {display:block;}
.archive article .featured-media, .blog article .featured-media {
	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;
  	overflow: hidden;
}
.archive article .featured-media:after, .blog article .featured-media:after {
	content: "";
  	position: absolute;
	z-index: 0;
  	left: 0;
  	right: 100%;
  	bottom: 0;
	background: rgba(255,255,255,0.95);
  	height: 270px;
  	-webkit-transition-property: right;
  	transition-property: right;
  	-webkit-transition-duration: 0.20s;
  	transition-duration: 0.20s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
.archive article:hover .featured-media:after, .archive article:focus .featured-media:after, .archive article:active .featured-media:after, .blog article:hover .featured-media:after, .blog article:focus .featured-media:after, .blog article:active .featured-media:after {right:0;}
.archive article .featured-media .aplatBlanc, .blog article .featured-media .aplatBlanc {
	position: absolute;
  	top: 0;
  	width: 100%;
  	z-index: 1;
	opacity:0;
	left:-4px;
	-webkit-transition-property: all;
  	transition-property: all;
  	-webkit-transition-duration: 0.20s;
  	transition-duration: 0.20s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
	-webkit-transition-delay:0.10s;
	transition-delay:0.10s;
}
.archive article:hover .featured-media .aplatBlanc, .blog article:hover .featured-media .aplatBlanc {
	opacity:1;
	left:0;
}



/* PAGE NOS PROJETS */

/* page Nos projets : bouton filtrer et réinitialiser */
.lien_reset_filtre {
	margin-top:10px;
	font-size:13px;
}
.lien_reset_filtre a {color:#04689a;}
button.bouton_filtre_projets {
	color: #242424;
	background:none;
	font-size:15px;
    font-weight: 700;
    border: 1px solid #242424;
    text-decoration: none;
	text-transform:capitalize;
    padding: 10px 20px;
	margin-top:15px;
  	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;
  	-webkit-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}
button.bouton_filtre_projets:before {
  	content: "";
  	position: absolute;
  	z-index: -1;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	background: #04689a;
  	-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;
}
button.bouton_filtre_projets:after {
	content: '\203A';
	position:relative;
	left: 7px;
	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
button.bouton_filtre_projets:hover:after {
	position:relative;
	left: 11px;
}
button.bouton_filtre_projets:hover, button.bouton_filtre_projets:focus, button.bouton_filtre_projets:active {
	color: white;
	border: 1px solid #04689a;
}
button.bouton_filtre_projets:hover:before, button.bouton_filtre_projets:focus:before, button.bouton_filtre_projets:active:before {
  	-webkit-transform: scaleX(1);
  	transform: scaleX(1);
}

/* page Nos projets : effet ascenceur des filtres */
.accordeonVille {
	height:430px;
	overflow:hidden;
	transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-webkit-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
}
.accordeonTypeProjet {
	height:162px;
	overflow:hidden;
	transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-webkit-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
}
.accordeonTypeMission {
	height:140px;
	overflow:hidden;
	transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-webkit-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
}
.filtreInactif {height:20px;}
.filtreInactif legend {padding-bottom:0px !important;}
.filtreInactif > div {display:none;}

/* page Nos projets : réglages mise en page */
.titreFiltre {margin-bottom:0px;}
.titreFiltre:hover {cursor:pointer;}
#filtres_projets {margin-top:-140px;}
.page-id-23 h1 {text-align:left;}
#map_et_filtres_projets #map_projets {
	display:inline-block;
	width:974px;
	max-width:974px;
}
@media (min-width:1240px) {
	.page-id-23 div.entry-header-inner , #descriptif_nos_projets {max-width:750px;}
}
@media (min-width:1010px) and (max-width:1240px) {
	.page-id-23 div.entry-header-inner {width: calc(100% - 8rem - 410px);}
	#descriptif_nos_projets {
		max-width: 100rem;
		width: calc(100% - 8rem - 410px);
	}
	#map_et_filtres_projets #map_projets {width: calc(100% - 8rem - 250px);}
}
.page-id-23 div.post-inner {padding-top:2rem;}
#map_et_filtres_projets {
	max-width:1200px;
	margin:auto;
}
#map_et_filtres_projets #filtres_projets, #map_et_filtres_projets #map_projets {
	display:inline-block;
	vertical-align:top;
}
#map_et_filtres_projets #filtres_projets {
	height:auto;
	width:220px;
}
#map_et_filtres_projets p {max-width:974px;}
#map_et_filtres_projets ul {margin:0;}
#map_et_filtres_projets ul li {
	list-style: none;
	margin:0 20px 15px 0;
}
#map_et_filtres_projets ul li:nth-child(-n+3) {
	background:#f8f8f8;
	padding:20px;
}
#map_et_filtres_projets ul fieldset {
	border:0;
	padding: 0;
}
#map_et_filtres_projets ul fieldset select {
	font-size:15px;
	font-weight: 700;
	padding: 3px 0 3px 24px;
	border:1px solid #efefef;
	background:#f9f9f9;
}
#map_et_filtres_projets ul fieldset select option {font-size:14px;}
#map_et_filtres_projets ul fieldset select:hover {cursor:pointer;}
#map_et_filtres_projets ul fieldset legend {
	padding:0 0 10px 5px;
	font-size:15px;
}
#map_et_filtres_projets ul fieldset legend::before {
	content:'\203A';
	display: inline-block;
	transform: translateX(145px) rotate(-90deg);
	transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-webkit-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
}
#map_et_filtres_projets ul fieldset.filtreInactif legend::before {transform: translateX(145px) rotate(90deg);}
#map_et_filtres_projets ul label {font-size:14px;}
#map_et_filtres_projets ul fieldset div:hover, #map_et_filtres_projets ul fieldset div:hover label {
	cursor:pointer;
	background:#f9f9f9;
}
#map_et_filtres_projets ul fieldset div {padding: 0 5px;}
#map_et_filtres_projets ul input[type="checkbox"] {
	border:1px solid #efefef;
	background:white;
	border-radius:4px;
}
#map_et_filtres_projets ul input[type="checkbox"]:focus, #map_et_filtres_projets ul fieldset select:focus {outline:0;}
@media (max-width:1010px) {
	#map_et_filtres_projets #filtres_projets {
		width:100%;
		margin:20px;
	}
	#map_et_filtres_projets ul li {
		display:inline-block;
		vertical-align:top;
	}
	#map_et_filtres_projets ul fieldset {width: 160px;}
	#descriptif_nos_projets {
		max-width: 100rem;
		width: calc(100% - 8rem);
	}
	#map_et_filtres_projets #map_projets {
		width: calc(100% - 4rem);
		margin: 2rem;
	}
}
@media (max-width:699px) {
	#map_et_filtres_projets #filtres_projets {margin-left:0px;}
	#descriptif_nos_projets {width: calc(100% - 4rem);}
	#map_et_filtres_projets #map_projets {
		width: 100%;
		margin:0;
	}
}



/* ARCHIVES OPERATIONS */

/* Header */
#archives_operation .header_operation {overflow: unset;}
#archives_operation .image_bg_operation {
	width: 100%;
	height: 500px;
	overflow: hidden;
}
#archives_operation .header_operation-textes {top: 27%;}

/* Filtres */
#archives_operation .filtres_operations {
	height:fit-content;
	height: -moz-fit-content;
	width:100%;
	background:rgba(0,0,0,0.3);
	position:absolute;
	bottom:0;
}
#archives_operation .filtres_operations_texte {
	width:fit-content;
	width: -moz-fit-content;
	max-width: 1200px;
	margin: auto;
}
.filtres_operations_texte > div {
	display:inline-block;
	vertical-align:top;
	padding:0 50px;
	margin-top:20px;
	border-right:1px solid rgba(255,255,255,0.1);
}
.filtres_operations_texte > div:last-of-type {border-right:0;}
.filtres_operations_texte > div:first-of-type > div {
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}
.filtres_operations_texte > div:first-of-type > div:last-of-type {margin-right:0px;}
#archives_operation .filtres_operations p {
	color:white;
	font-weight:500;
	letter-spacing:0;
}
#archives_operation .filtres_operations label {
	color:rgba(255,255,255,0.8);
	font-size:15px;
	font-weight:300;
	padding-left:2px;
}
#archives_operation .filtres_operations input {
	border-radius: 25%;
	background: none;
	border-color: rgba(255,255,255,0.5);
}
#archives_operation .filtres_operations input:checked {
	background:#04689a;
	border-color: #04689a;
}
#archives_operation .filtres_operations input:checked ~ label {color:white;}
#archives_operation .filtres_operations_texte > div > div:hover, #archives_operation .filtres_operations label:hover {
	cursor:pointer;
	color:white;
}
#archives_operation .filtres_operations_bouton {
	width:fit-content;
	width: -moz-fit-content;
	margin: auto;
	transform: translateY(20px);
}
#archives_operation button {
	background:#04689a;
	border-color:#04689a;
	color:white;
}
#archives_operation .bouton_filtres_smartphone {
	border:1px solid white;
	text-align:center;
	color:white;
	width:fit-content;
	width: -moz-fit-content;
	margin:30px auto 0 auto;
	padding:10px 20px;
	display:none;
}
#archives_operation .bouton_fermer_filtres_smartphone {
	display:none;
	text-align: center;
	margin-top: 10px;
}
#archives_operation .bouton_filtres_smartphone:hover, #archives_operation .bouton_fermer_filtres_smartphone:hover {cursor:pointer;}
.bouton_fermer_filtres_smartphone:before {
	content:'\00D7';
	position: relative;
	right: 5px;
}
@media (max-width:910px) {
	#archives_operation .header_operation-textes {top: 50%;}
	#archives_operation .filtres_operations {
		background: rgba(0,0,0,0.95);
		height: fit-content;
		min-height: 100%;
		top:0;
		transform: translateX(-100%); -webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	#archives_operation .filtres_operations.active {
		transform: translateX(0%);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.filtres_operations_texte {transform: translateX(38px);}
	.filtres_operations_texte > div {
		border:none;
		display:block;
		padding:10px;
		margin: 10px;
	}
	#archives_operation .filtres_operations p {margin-bottom: 0;}
	#archives_operation .filtres_operations_bouton {transform: translateY(0px);}
	#archives_operation .bouton_filtres_smartphone, #archives_operation .bouton_fermer_filtres_smartphone {display:block;}
}

/* pont spl/sat */
#archives_operation .boxed1200px.filtreSPLSAT {
	margin-top:40px;
	margin-bottom:20px;
}
.filtreSPLSAT p {
	font-size: 13px;
	font-weight:500;
}
p.filtreSPLSAT_operations {
	font-size: 14px;
	margin-right:10px;
}
.filtreSPLSAT p {
	display:inline-block;
}
.filtreSPLSAT p > *:not(.filtreSPLSAT_operations) {
	padding: 3px 10px;
	border-radius: 20px;
	border:1px solid #04689a;
}
.filtreSPLSAT_SAT {
	background:#04689a;
	color:white;
	margin-right:12px;
}
.filtreSPLSAT_SPL {
	text-decoration: none;
}
.filtreSPLSAT_SPL span {
	color:#04689a;
}
.filtreSPLSAT_SPL:hover {
	background:#04689a;
}
.filtreSPLSAT_SPL:hover span {
	color:white;
}
.filtreSPLSAT_SPL:hover span:before {
	content:'+';
	position:relative;
	bottom:1px;
	padding-right:6px;
}

/* Alignement blocs contenu */
#archives_operation .boxed1200px {
	width: calc(100% - 8rem);
	max-width:1200px;
	margin:auto;
}

/* Blocs opération */
.archive main#archives_operation {margin: auto;}
#archives_operation article {margin: 20px 13px 0 13px;}
@media (min-width: 1300px) {
	.archive main#archives_operation .boxed1200px {max-width:1200px;}
}
@media (min-width: 990px) and (max-width: 1299px) {
	.archive main#archives_operation .boxed1200px {max-width:889px;}
	#archives_operation article {margin: 20px 12px 0 11px;}
}
@media (min-width: 640px) and (max-width: 989px) {
	.archive main#archives_operation .boxed1200px {max-width:580px;}
	#archives_operation article {margin: 20px 9px 0 8px;}
}
@media (max-width: 639px) {
	.archive main#archives_operation .boxed1200px {max-width:270px;}
	#archives_operation article {margin: 50px 0 0 0;}
}




/* GABARIT OPERATION */

/* Header_operation */
.header_operation {
	width:100%;
	height:500px;
	position:relative;
	overflow:hidden;
}
.header_operation img {
	width:100%;
	height:100%;
	object-fit: cover;
	animation: anim_header_operation 40000ms backwards ease infinite;
}
.header_operation-bg {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
}
.header_operation-textes {
	width:100%;
	position:absolute;
	top: 50%;
	-ms-transform: translateY(-45%);
	transform: translateY(-45%);
	padding:0 4rem;
}
.header_operation-textes * {
	text-align:center;
	color:white;
}
.header_operation-textes h1 {
	font-size:4rem;
	max-width:900px;
	margin:auto;
}
.header_operation li {
	list-style-type: none;
	padding-left:21px;
	width: fit-content;
	width: -moz-fit-content;
	margin: 20px auto 0 auto;
	font-size: 16px;
	font-weight: 600;
}
.header_operation svg {
	float: left;
	width: 11px;
	padding-top: 4px;
	margin-left: -22px;
	fill: white;}
@keyframes anim_header_operation {
	0% {transform: scale(1);}
	50% {transform: scale(1.05);}
	100% {transform: scale(1);}
}

/* Fil ariane */
.filAriane {
	width: calc(100% - 8rem);
	max-width: 1200px;
	margin:10px auto 20px auto;
}
.filAriane a {color:#04689a;}

/* Partage réseaux sociaux */
.partageReseauxSociaux {
	width: calc(100% - 8rem);
	max-width: 1200px;
	margin: 10px auto 20px auto;
}
.partageReseauxSociaux b {
	font-size:12px;
	position:relative;
	top:-5px;
	margin-right:7px;
	opacity:0.9;
}
.partageReseauxSociaux img {
	display:inline;
	transition:0.1s;
	opacity:0.8;
}
.partageReseauxSociaux a:hover img {
	transform:scale(1.5);
	opacity:1;
}

/* Réglages généraux (tout sauf header_operation) */
.post-inner-operation {padding-top: 1rem;}
.post-inner-operation .boxed1200px {
	width: calc(100% - 8rem);
	max-width:1200px;
	margin:auto;
}
.post-inner-operation h2 {
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
}
.post-inner-operation form {width:350px;}
.post-inner-operation form p {margin-bottom:10px;}
.post-inner-operation input[type="email"] {
	border: 1px solid rgb(240,240,240);
	color: #242424;
	font-weight: 300;
	font-size: 14px;
}
.post-inner-operation input[type="submit"] {margin-top:-10px;}
.post-inner-operation input[type="submit"], .post-inner-operation .bouton {
	font-size:15px;
	text-transform: none;
	position:relative;
}
.post-inner-operation input[type="submit"], .post-inner-operation .bouton a {
	background:#04689a;
	padding:10px 20px;
	color:white;
	text-decoration: none;
	font-weight:600;
	letter-spacing:0;
}
.post-inner-operation input[type="submit"]:after, .post-inner-operation .bouton a:after {
	content: '\203A';
	position: relative;
	left: 7px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.post-inner-operation input[type="submit"]:hover:after, .post-inner-operation .bouton a:hover:after {left: 11px;}
.post-inner-operation .entry-content > * {
	display:inline-block;
	vertical-align:top;
}
.post-inner-operation .descriptif_operation {
	width: 70% !important;
	max-width: 900px !important;
	margin-right: 6%;
}
.descriptif_operation .wp-block-columns:first-of-type, .descriptif_operation .wp-block-columns:first-child .wp-block-column *:first-child, .descriptif_operation > *:first-child, .descriptif_operation .wp-block-column > h3:first-child {margin-top:0;}
figure.programme-vente-saint-gilles {
	margin:0 !important;
	border:1px solid #bbb;
}
.post-inner-operation figcaption {
	font-size: 14px;
	font-weight: 300;
}

/* Infos opération (aside) */
.lien_suivi_ope {
	padding: 10px 0 30px 0;
	position: relative;
}
.lien_suivi_ope svg {
	position: absolute;
	top:15px;
	left:13px;
	width:9px;
}
.lien_suivi_ope a {
	padding: 9px 15px 9px 30px;
	border: 1px solid #242424;
	text-decoration: none;
	color: #242424;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	position: relative;
}
.lien_suivi_ope:hover svg path {fill:white;}
.lien_suivi_ope:hover a {
	color:white;
	border-color:#04689a;
}
.lien_suivi_ope a:after {
	content: '';
	position: absolute;
	background: #04689a;
	width:0%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.lien_suivi_ope:hover a:after {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.post-inner-operation aside {
	width:23% !important;
	margin-bottom:50px !important;
}
.post-inner-operation aside .operation-infos {
	padding-left: 50px;
	border-left: 1px dashed #242424;
}
@media (max-width:999px) {
	.post-inner-operation .descriptif_operation {width: 100% !important;}
	.post-inner-operation aside .operation-infos {
		padding-left: 0px;
		padding-top: 40px;
		border-left: 0px;
		border-top: 1px dashed #242424;
	}
	.post-inner-operation aside {
		max-width: 100% !important;
		width: 100% !important;
	}
	.post-inner-operation aside p {
		display:inline-block;
		vertical-align:top;
		margin-right:4%;
		margin-bottom:2em;
		width:29%;
		min-width: 150px;
	}
}
@media (max-width:410px) {
	.post-inner-operation aside p {
		margin-bottom:2em;
		width:100%;
		min-width: 100%;
	}
}
.post-inner-operation aside .documentation_operation {padding: 50px 0 15px 0;}

/* Contact */
.operation-charge_d_operation, .operation-contact_commercial, .operation-contact_gestionnaire {
	padding-left:30px;
	margin-top:80px;
	position:relative;
}
.operation-contact_commercial {margin-top:40px;}
.operation-charge_d_operation h3, .operation-contact_commercial h3, .operation-contact_gestionnaire h3 {
	font-size: 2rem;
	margin: -12px 0 0 0;
	letter-spacing: -0.0415625em;
}
.operation-charge_d_operation b, .operation-contact_commercial b, .operation-contact_gestionnaire b {font-size: 0.95em;}
.operation-charge_d_operation h3:before, .operation-contact_commercial h3:before, .operation-contact_gestionnaire h3:before {
	content:'\2192';
	color: #04689a;
	position: absolute;
	left: -8px;
	top: 24px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
.contacts_operation.boxed1200px {
	background:rgb(250,250,250);
	margin-top:80px;
}
.contacts_operation > div {
	display:inline-block;
	vertical-align:top;
	margin: 30px 50px;
}
.contacts_operation label {
	font-size: 15px;
	font-weight: 300;
}

/* Slider */
.slider_operation .n2-ss-slider-2.n2-ow {min-height: 300px;}
.slider_operation .nextend-arrow {top:47% !important;}

/* Flux actus */
.operation-actus {
	background: linear-gradient(45deg, black 50%, #242424 50%);
	background-size: 2px 2px;
	height:fit-content;
	height: -moz-fit-content;
}
.operation-actus > div > p {
	text-align:center;
	max-width: 330px;
	margin: auto;
	color:white;
}
.operation-actus h2 {
	padding-top:40px;
	margin-bottom:10px;
	text-align:center;
	text-transform: uppercase;
	color:white;
}
.operation-actus a:hover {text-decoration:none;}
.bloc_actus_operations {
	margin: auto;
	width: fit-content;
	width: -moz-fit-content;
}
.operation-actus .fleche_actus_operations {
	color: white;
	display: inline-block;
	vertical-align: top;
	font-size: 2em;
	opacity:0.1;
	transform: translateY(120px);
	transition: opacity 0.2s ease-out;
}
.operation-actus .fleche_actus_operations:before {
	content:'';
	width:30px;
	height:30px;
	background: rgba(0,0,0,0.2);
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.1);
	position: absolute;
	top: 9px;
	left: -9px;
	z-index: -1;
}
.operation-actus .fleche_actus_operations.active {opacity:1;}
.operation-actus .fleche_actus_operations:hover {cursor:default;}
.operation-actus .fleche_actus_operations.active:hover {cursor:pointer;}
.operation-actus .frame_actus_operations {
	display: inline-block;
	vertical-align: middle;
	margin: 0 50px;
	overflow: hidden;
}
@media (min-width:1300px) {
	.operation-actus .frame_actus_operations {width:1064px;}
}
@media (min-width:1010px) and (max-width:1299px) {
	.operation-actus .frame_actus_operations {width:790px;}
}
@media (min-width:740px) and (max-width:1009px) {
	.operation-actus .frame_actus_operations {width:515px;}
}
@media (max-width:739px) {
	.operation-actus .frame_actus_operations {width:160px;}
	.operation-actus ul.wp-block-latest-posts li h5 {width: 140px;}
}
@media (max-width:400px) {
	.operation-actus .frame_actus_operations {margin: 0 20px;}
}
.operation-actus ul {
	width: max-content;
	transform: translateX(-35px);
	transition:transform 0.4s ease-out;
}
.operation-actus ul.wp-block-latest-posts li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:0;
	z-index:0;
	width:240px;
	margin-top:0 !important;
	margin-left:35px;
	background:none;
	transition: opacity 0.1s ease-out;
}
.operation-actus div.wp-block-latest-posts__featured-image {
	width:100%;
	max-width:264px;
	height:200px;
	overflow:hidden;
}
div.wp-block-latest-posts__featured-image img {
	transform:scale(1);
	-webkit-transition: transform 0.3s;
  	transition: transform 0.3s;
}
ul.wp-block-latest-posts li:hover div.wp-block-latest-posts__featured-image img {transform:scale(1.05);}
.operation-actus p.type_contenu_NOS_ACTU {
	position: absolute;
	background: #04689a;
	color: white;
	opacity: 1;
	top: 191px;
	left: 20px;
	padding: 0px 5px;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing:0;
}
.operation-actus ul.wp-block-latest-posts li h5 {
	line-height:10px;
	margin: 20px 20px 2px 20px;
}
.operation-actus ul.wp-block-latest-posts li h5 a {
	color:white;
	text-transform: uppercase;
	font-size:15px;
}
.operation-actus ul.wp-block-latest-posts li .actuMeta {
	font-size: 12px;
	font-weight: 700;
	margin: 0 20px;
}
.operation-actus ul.wp-block-latest-posts li .actuDate {
	font-size:11px;
	opacity:0.6;
	color:white;
}
ul.wp-block-latest-posts li .actuLieu:before {
	content:url(/wp-content/uploads/picto_lieu-noir.png);
	margin-right:2px;
}
ul.wp-block-latest-posts li .actuDate {
	font-size:10px;
	opacity:0.6;
}
ul.wp-block-latest-posts li:hover h5 a {color:#04689a;}
.single-operation ul.wp-block-latest-posts .plusLireSuite:after {left:15px;}
.single-operation ul.wp-block-latest-posts li:hover .plusLireSuite {margin-left:23px;}

/* Filtres flux actus */
.operation-actus .filtres_actu {
	max-width:none;
	margin-top:15px;
	font-size: 15px;
	letter-spacing:0.3px;
}
.filtres_actu .filtre {
	color:white;
	margin: 0 20px;
	opacity:0.5;
	position:relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.filtres_actu .filtre:before {
	content:'';
	position:absolute;
	bottom:-6px;
	left:0;
	width:0%;
	height:2px;
	background:#04689a;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.filtres_actu .filtre:hover:before, .filtres_actu .filtre.active:before {
	width:100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.filtres_actu .filtre:hover, .filtres_actu .filtre.active {
	opacity:1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	cursor:pointer;
}
.filtres_actu .separateur {
	color:white;
	opacity:0.2;
	font-size: 1.5em;
	position: relative;
	top: -3px;
}
@media (max-width:680px) {
	.filtres_actu .filtre {
		display: block;
		width: fit-content;
		width: -moz-fit-content;
		margin: 7px auto;
	}
	.filtres_actu .separateur {display: none;}
	.filtres_actu .filtre:before {bottom: -2px;}
}

/* Localisation */
.operation-localisation > * {text-align:center;}
.operation-localisation h2 {text-transform: uppercase;}
.operation-localisation_legende {
	width:fit-content;
	width:-moz-fit-content;
	margin: -15px auto 20px auto;
	text-align:left;
}
.operation-localisation_legende p {
	display:block;
	position:relative;
	margin:0 30px;
	font-size:13px;
	font-weight:500;
}
.operation-localisation_legende p:before {
	content:'';
	width:20px;
	height:15px;
	position:absolute;
	top:2px;
	left:-25px;
	border: 1px solid rgba(0,0,0,0.2);
}
.operation-localisation_legende_livree:before {
	background:#6dd5b2;
}
.operation-localisation_legende_enCours:before {
	background:#40c2f3;
}
.operation-localisation_legende_signe:before {
	background:#abb8c3;
}
.operation-localisation_legende_reservee:before {
	background:#ed9b89;
}
.operation-localisation_legende_aVendre:before {
	background:rgba(238,116,31,0.7);
}
.operation-localisation_legende_nonDispo:before {
	background:rgba(4,91,135,0.7);
}
@media (min-width:650px) {
	.operation-localisation_legende {
		text-align:center;
	}
	.operation-localisation_legende p {
		display:inline-block;
	}
}

/* Call To Action vidéo */
.cta-carte-localisation {
	display:inline-block;
	position:relative;
	height:220px;
	width:100%;
	overflow:hidden;
}
.cta-carte-localisation > * {
	position:absolute;
}
.cta-carte-localisation p {
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	font-weight:bold;
}
.cta-carte-localisation div {
	background:rgba(255,255,255,0.6);
	height:100%;
	width:100%;
}
.cta-carte-localisation span {
	background:#04689a;
	color:white;
	font-size:0.8em;
	padding:2px 6px;
}
.cta-carte-localisation video {
	height:100%;
	object-fit:cover;
	transition:0.5s;
}
.cta-carte-localisation:hover video {
	transform:scale(1.05);
}

/* Autres opérations */
.autres-operations h2 {
	text-transform: uppercase;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
}
.single-operation .pagination-single {margin-top:30px;}
.single-operation .pagination-single a {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:200px;
	padding: 0 60px;
	position:relative;
}
.single-operation .pagination-single a span {
	font-size:20px;
	color:white;
	z-index:1;
	padding: 80px 0;
}
.single-operation .pagination-single a, .single-operation .pagination-single a span.arrow {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.single-operation .pagination-single a.previous-post span.arrow {transform: translateX(0px);}
.single-operation .pagination-single a.next-post span.arrow {transform: translateX(0px);}
.single-operation .pagination-single a:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
}
.single-operation .pagination-single a:hover span {text-decoration:none;}
.single-operation .pagination-single a:hover, .single-operation .pagination-single a:hover span.arrow {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.single-operation .pagination-single a.previous-post:hover span.arrow {transform: translateX(-10px);}
.single-operation .pagination-single a.next-post:hover span.arrow {transform: translateX(10px);}



/* SUIVI CHANTIER */
.operation-suivi_chantier h2 {
	text-align:center;
	margin-bottom:3px;
}
.bloc_suivi_chantier {
	width:fit-content;
	width:-moz-fit-content;
	margin:auto;
	margin-top:30px;
	position:relative;
	display: flex;
	justify-content: flex-end;
}
.fleche {
	width:30px;
	height:49px;
	position:absolute;
	background:white;
}
.fleche .bg_fleche {
	height:100%;
	width:100%;
	position:absolute;
}
.fleche p {
	position:absolute;
	bottom:0;
	margin-bottom:0;
	opacity:0;
}
.fleche.active p {
	opacity:1;
	transition:0.4s;
}
.fleche.active p:hover {cursor:pointer;}
.fleche_gauche {left:-30px;}
.fleche_gauche.active p:hover {transform:translateX(-5px);}
.fleche_droite.active p:hover {transform:translateX(5px);}
.fleche_droite p {right:0;}
.suivi_chantier-date_range {
	text-align:center;
	margin-bottom:10px;
}
.suiviChantierDate_Fleche {padding:0 7px;}
.bullets_suivi_chantier {
	width: fit-content;
	width:-moz-fit-content;
	margin: auto;
}
.bullets_suivi_chantier:hover {cursor:default;}
.bullets_suivi_chantier div {
	height:11px;
	width:11px;
	border-radius:50%;
	border: 1px solid #242424;
	background:#04689a;
	opacity:0.1;
	margin:auto;
	margin:4px;
	display:inline-block;
	transition:0.3s;
}
.bullets_suivi_chantier div.active {opacity:1;}
.bullets_suivi_chantier div:not(.active):hover {
	opacity:1;
	cursor:pointer;
}
.frame_suivi_chantier {
	max-width:1200px;
	white-space: nowrap;
	overflow:hidden;
}
.suivi_chantier-solo {
	display:inline-block;
	vertical-align:top;
	width:240px;
	position:relative;
	transition:0.6s;
}
.suivi_chantier-solo:hover {cursor:pointer;}
.suivi_chantier-solo.inactive:hover {cursor:default;}
.suivi_chantier-timeline {position:relative;}
.suivi_chantier-timeline:before {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 2px;
}
.suivi_chantier-solo:last-of-type .suivi_chantier-timeline:before {content:none;}
.suivi_chantier-timeline > * {
	position: absolute;
	border-radius: 50%;
	left: 8px;
	top:2px;
	transform: translateX(-50%) translateY(-50%);
}
.suivi_chantier-solo .rond_sm {
	width:10px;
	height:10px;
	background:#04689a;
}
.suivi_chantier-solo:hover .rond_sm {
	animation: animTimeline 1000ms backwards ease;
}
.suivi_chantier-solo .rond_md {
	width:16px;
	height:16px;
	background:white;
	border:1px solid #242424;
}
.suivi_chantier-solo .rond_bg {
	width:30px;
	height:30px;
	background:white;
}
.suivi_chantier-contenu {
	white-space: normal;
	padding-right:40px;
}
.suivi_chantier-date b {
	font-size: 0.85em;
}
.suivi_chantier-date_annee {
	opacity:0.2;
}
.suivi_chantier-solo h3 {
	font-size:17px;
	margin-top:35px;
	margin-bottom:5px;
	transition:0.4s;
}
.suivi_chantier-solo:hover h3 {
	color:#04689a;
	transition:0.4s;
}
.suivi_chantier-extrait {
	margin-bottom:7px;
}
.suivi_chantier-photos p {
	font-size:11px;
	font-weight:bold;
	position:relative;
	left:0px;
	transition:0.4s;
}
.suivi_chantier-solo:hover .suivi_chantier-photos p {
	left:20px;
}
.suivi_chantier-photos:before {
	content: '';
	position: absolute;
	width:0px;
	height:1px;
	background:#242424;
	transition:0.4s;
	bottom:18px;
}
.suivi_chantier-solo:hover .suivi_chantier-photos:before {
	width:15px;
}
.suivi_chantier-contenu_pour_popup {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	width:100vw;
	height:100vh;
	white-space: initial;
	background:rgba(0,0,0,0.9);
	cursor:default;
}
.suivi_chantier-contenu_pour_popup > div {
	position:absolute;
	max-width: 800px;
	width: 100vw;
	height:90vh;
	left: 50%;
	top:5vh;
	transform: translateX(-50%);
	overflow-x:hidden;
	overflow-y:auto;
}
.suivi_chantier-fermeture_popup {
	float: right;
	position:sticky;
	top:40px;
	height: 40px;
	width: 40px;
	transform: translateX(-50%);
	border-radius:50%;
	background:#04689a;
	color:white;
	font-size: 25px;
	text-align:center;
	padding-top:4px;
	opacity:0.5;
	transition:0.1s;
	cursor:pointer;
}
.suivi_chantier-fermeture_popup:hover {
	opacity:1;
}
.suivi_chantier-contenu_popup {
	padding:10% 11% 6% 11%;
	background:white;
}
.suivi_chantier-popup_date {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 4px;
}
.suivi_chantier-popup_date_annee {
	opacity:0.2;
}
.suivi_chantier-contenu_pour_popup h3 {
	font-size:25px;
	margin-top: 0;
	margin-bottom:3rem;
}
.suivi_chantier-contenu_popup > div {
	margin-top: 15px;
}
.suivi_chantier-footer_popup {
	display:flex;
	justify-content:space-between;
	padding:5% 11% 10% 11%;
	background:rgb(250,250,250);
}
.suivi_chantier-footer_popup p {
	font-size:13px;
	margin-bottom:0;
}
.suivi_chantier-footer_popup-previous:hover h4,
.suivi_chantier-footer_popup-next:hover h4 {
	color:#04689a;
}
.suivi_chantier-footer_popup h4 {
	font-size:16px;
	font-weight:700;
	margin:0;
}
.suivi_chantier-footer_popup > div {
	position:relative;
	padding:0 40px;
	cursor:pointer;
}
.suivi_chantier-solo:first-of-type .suivi_chantier-footer_popup-previous,
.suivi_chantier-solo:last-of-type .suivi_chantier-footer_popup-next {
	opacity:0;
	cursor:default;
}
.suivi_chantier-footer_popup-previous:before,
.suivi_chantier-footer_popup-next:before {
	position:absolute;
	top:10px;
	transition:0.4s;
}
.suivi_chantier-footer_popup-previous:before {
	content:'←';
	left:0;
}
.suivi_chantier-footer_popup-previous:hover:before {
	transform:translateX(-5px);
}
.suivi_chantier-footer_popup-next {
	text-align:right;
}
.suivi_chantier-footer_popup-next:before {
	content:'→';
	right:0;
}
.suivi_chantier-footer_popup-next:hover:before {
	transform:translateX(5px);
}
@media (min-width:920px) and (max-width:1270px) {
	.frame_suivi_chantier {max-width: 750px;}
	.suivi_chantier-solo {width: 150px;}
}
@media (max-width:919px) {
	.bloc_suivi_chantier .fleche {display:none;}
	.frame_suivi_chantier {
		overflow: initial;
		transform:none;
	}
	.suivi_chantier-solo {
    display: block;
		width: auto;
		height:fit-content;
		height:-moz-fit-content;
	}
	.suivi_chantier-solo:before {
		content:'';
		width:1px;
		height:100%;
		background:rgba(0,0,0,0.2);
		position:absolute;
		left:7px;
		top: 40px;
    z-index: 1;
	}
	.suivi_chantier-solo:last-of-type:before {content:none;}
	.suivi_chantier-date, .suivi_chantier-contenu, .suivi_chantier-photos {
		position:relative;
		left:30px;
		top: 2px;
	}
	.suivi_chantier-contenu, .suivi_chantier-photos {top: -28px;}
	.suivi_chantier-contenu {padding-right:30px;}
	.suivi_chantier-timeline {z-index: 1;}
	.suivi_chantier-timeline:before {content:none;}
	.suivi_chantier-contenu_pour_popup > div {
		height:100vh;
		top:0;
	}
}



/* ARCHIVES REVUE DE PRESSE */

#archives_revuedepresse {
	margin:auto;
	position:relative;
	padding:0;
	margin-bottom:80px;
}
#header_revuedepresse {
	height: 200px;
	position: relative;
}
#header_revuedepresse img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#header_revuedepresse .header_revuedepresse-bg {
	position: absolute;
	top: 0;
	background: rgba(0,0,0,0.6);
	height: 100%;
	width: 100%;
}
#header_revuedepresse .header_revuedepresse-textes {
	position: absolute;
	top: 54%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
}
#header_revuedepresse .header_revuedepresse-textes * {color:white;}
#header_revuedepresse h1 {
	font-size:4rem;
	padding-bottom:10px;
}
#header_revuedepresse .header_revuedepresse-textes p {font-size:18px;}
#archives_revuedepresse-all {
	width:fit-content;
	width:-moz-fit-content;
	margin:auto;
	position:relative;
}
#archives_revuedepresse-all:before {
	content:'';
	width:1px;
	height:100%;
	background:rgba(0,0,0,0.2);
	position:absolute;
	left:108px;
}
#archives_revuedepresse-all a {text-decoration:none;}
#archives_revuedepresse .revuedepresse-solo {
	width:fit-content;
	width:-moz-fit-content;
	position: relative;
	margin:auto;
}
#archives_revuedepresse .revuedepresse-solo:first-of-type {
	margin-top:30px;
	padding-top: 20px;
}
#archives_revuedepresse .revuedepresse-solo > div {
	display:inline-block;
	vertical-align:top;
}
#archives_revuedepresse .revuedepresse-date {
	width:85px;
	text-align:right;
	margin-top:6px;
}
#archives_revuedepresse .revuedepresse-date p {font-size: 0.7em;}
#archives_revuedepresse .revuedepresse-date_annee {
	display:block;
	opacity:0.2;
}
#archives_revuedepresse .revuedepresse-timeline {
	width:30px;
	position:relative;
	margin: 0 4px;
}
#archives_revuedepresse .revuedepresse-timeline > * {
	position:absolute;
	border-radius:50%;
	top:15px;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}
#archives_revuedepresse .rond_sm {
	width:10px;
	height:10px;
	background:#04689a;
}
#archives_revuedepresse .revuedepresse-solo:hover .rond_sm {animation: animTimeline 1000ms backwards ease;}
@keyframes animTimeline {
	0% {opacity:0;}
	100% {opacity:1;}
}
#archives_revuedepresse .rond_md {
	width:16px;
	height:16px;
	background:white;
	border:1px solid #242424;
}
#archives_revuedepresse .rond_bg {
	width:30px;
	height:30px;
	background:white;
}
#archives_revuedepresse .revuedepresse-contenu {
	width: 42vw;
	max-width: 470px;
	margin-bottom:50px;
}
#archives_revuedepresse .revuedepresse-solo:last-of-type .revuedepresse-contenu {margin-bottom:10px;}
#archives_revuedepresse h2 {
	font-size:18px;
	margin:4px 0 6px 0;
	transition:0.4s;
}
#archives_revuedepresse .revuedepresse-solo:hover h2 {
	color:#04689a;
	transition:0.4s;
}
#archives_revuedepresse .revuedepresse-extrait {margin-bottom:8px;}
#archives_revuedepresse .actuMeta {
	font-size: 12px;
	font-weight:700;
}
#archives_revuedepresse .actuSlash {padding:0 3px;}
#archives_revuedepresse .actuSource {
	font-size:10px;
	opacity:0.8;
}
#archives_revuedepresse .revuedepresse-photo {
	width:100px;
	height:100px;
	margin: 8px 0 0 15px;
	overflow:hidden;
}
#archives_revuedepresse .revuedepresse-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform:scale(1);
	transition:0.4s;
}
#archives_revuedepresse .revuedepresse-solo:hover .revuedepresse-photo img {
	transform:scale(1.1);
	transition:0.4s;
}
#archives_revuedepresse nav {
	width: fit-content;
	width: -moz-fit-content;
	margin: 60px auto 0 auto;
}
#archives_revuedepresse nav a, #archives_revuedepresse nav .dots {
	color: rgba(36,36,36,0.3);
	text-decoration:none;
}
#archives_revuedepresse nav a:hover {color: rgba(36,36,36,1);}
#archives_revuedepresse .nav-links {font-size:14px;}
#archives_revuedepresse .nav-links .page-numbers {margin: 0 1.21rem;}
@media (max-width: 600px) {
	#archives_revuedepresse-all:before {left: 15px;}
	#archives_revuedepresse .revuedepresse-date {
		width: fit-content;
		width: -moz-fit-content;
		position: absolute;
		top: -26px;
		left: 38px;
	}
	#archives_revuedepresse .revuedepresse-solo:first-of-type .revuedepresse-date {top: -6px;}
	#archives_revuedepresse .revuedepresse-date_annee {display: inline;}
	#archives_revuedepresse .revuedepresse-timeline {margin-left: 0;}
	#archives_revuedepresse .revuedepresse-contenu {margin-bottom: 80px;}
	#archives_revuedepresse .revuedepresse-photo {
		width: 80px;
		height: 80px;
	}
}
@media (max-width: 310px) {
	#archives_revuedepresse .revuedepresse-photo {
		width: 60px;
		height: 60px;
	}
}





/* AVANCEES PROJET */
body.avancesprojet-template h1 {
	max-width:580px;
	margin:auto;
	text-align:left;
}
div.picto_cadenas {
	margin-left: 12px;
	width: 15px;
	display: inline-block;
}
div.picto_cadenas:before {
	content : url(/wp-content/themes/twentytwenty-child/assets/svg/picto_cadenas.svg);
	position:relative;
	left: -10px;
}
body.avancesprojet-template div.intro-text {text-align:left;}
body.avancesprojet-template div.post-meta-wrapper {display:none;}
body.avancesprojet-template hr {height:0.9px;}
body.avancesprojet-template input[type="submit"], body.avancesprojet-template a.wp-block-button__link {
	background:#04689a;
	font-size:15px;
}
body.avancesprojet-template div.wp-block-button {margin-top:0;}
@media (max-width:900px) {
	body.avancesprojet-template div.wp-block-column {flex-basis:100% !important;}
}
@media (max-width:781px) {
	body.avancesprojet-template div.wp-block-column {margin-left:0;}
}
.single-avancesprojet nav.pagination-single {display:none;}


/* CONTACT */
div#page-contact {
	width:787px;
	max-width: 1200px;
}
div#page-contact > div:last-of-type {margin-left:66px;}
div#page-contact label span:first-of-type{
	font-size:13px;
	font-weight:700;
}
div#page-contact input[type="text"], div#page-contact input[type="email"], div#page-contact textarea {
	color:#242424;
	font-size:15px;
	font-weight:300;
}
div#page-contact input[type="text"], div#page-contact input[type="email"]  {
	border-top:0;
	border-left:0;
	border-right:0;
	display:inline;
	width:400px;
	padding: 7px 7px;
	margin-left: 4px;
}
div#page-contact label#label-nom input {width:471px;}
div#page-contact label#label-email input {width:518px;}
div#page-contact input[type="submit"] {
	color:#242424;
	background:white;
	border:1px solid #242424;
	text-decoration:none;
}
div#page-contact input[type="submit"]:hover {
	color:white;
	background:#04689a;
	border:1px solid #04689a;
}
div#page-contact textarea {margin-top:5px;}
@media (max-width:849px) {
	#page-contact > div.display_vertical {
		display:block;
		width: calc(100% - 8rem);
		margin:auto;
	}
	div#page-contact > div:last-of-type {
		margin-left:auto;
		margin-top: 40px;
	}
	div#page-contact textarea {width:90vw;}
}
@media (max-width: 699px) {
	#page-contact > div.display_vertical {width: calc(100% - 4rem);}
}


/* ACTIONNAIRES */
#actionnaires {
	margin:auto;
	max-width: 1200px;
}
#actionnaires > div {
	margin-right:61px;
	margin-bottom:70px;
}
#actionnaires > div > div:first-of-type {width:110px;}
#actionnaires > div > div:last-of-type {
	width:230px;
	margin-left:10px;
}
#actionnaires h4 {
	font-size:20px;
	font-weight:500;
	margin: 0;
}
h4.nouveau:after {
	content: 'nouveau';
    background: #e50505;
    color: white;
    padding: 0 5px 1px 5px;
    font-size: 0.6em;
    position: relative;
    left: 7px;
    top: -1px;
    letter-spacing: 0;
	display:inline;
}
@media (max-width:630px) {
	h4.nouveau:after {
		left: 0;
		display:inline-block;
	}
}
#actionnaires > div > div:last-of-type p {margin:0 0 0.1em 0;}
#actionnaires > div > div:last-of-type p.pourcentageActionnaires {
	font-size: 2em;
	font-weight: 700;
	margin:-7px 0 0 0;
}
.decimalesActionnaires {font-size: 0.35em;}
.decimalesActionnaires:after {
	content: '%';
    position: relative;
    top: -17px;
    left: -21px;
    font-size: 1.1em;
}
@media (max-width:860px) { 
	#actionnaires {
		width: calc(100% - 4rem);
		max-width:427px;
	}
	#actionnaires > div {
		margin-bottom:60px;
		margin-right:0;
		width:100%;
	}
	#actionnaires > div > div:last-of-type {
		width: calc(100% - 125px);
		max-width: 301px;
	}
}
@media (min-width:861px) and (max-width:1280px) { 
	#actionnaires {width:778px;}
	#actionnaires > div:nth-child(2n+2) {margin-right:0;}
}
@media (min-width:1281px) {
	#actionnaires > div:nth-child(3n+3) {margin-right:0;}
}


/* SEARCH RESULTS */
body.search-results main article p.type_contenu_sous_h1:nth-of-type(2), body.search-results main article div.entry-categories {display:none;}


/* FOOTER */
.seconde-colonne-footer {display:flex;}
.divider-colonne-footer {
	background: rgba(255,255,255,0.1);
	width: 1px;
	height: 100px;
}
.adresse-footer {
	padding-right:50px;
}
.adresse-footer p {
	color:white;
	font-size:14px;
	font-weight:500;
}
.adresse-footer p:last-of-type {margin-bottom:0;}
.adresse-footer span {
	color:white;
	font-size:0.8em;
}
.footer-social-wrapper h5 {
	font-size:15px;
	margin:0 0 10px 0;
}
.has-footer-menu .footer-social {
	justify-content: flex-start;
}
div.footer-nav-widgets-wrapper.header-footer-group {
	margin-top:0px;
	border-top:0;
}
div.footer-inner {background:#242424;}
.footer-menu-wrapper {position:relative;}
nav.footer-menu-wrapper li a {
	font-size:14px;
	letter-spacing:0;
	font-weight:500;
	color:white;
	padding:3px 0;
  	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;
  	overflow: hidden;
}
nav.footer-menu-wrapper li a:before {
  	content: "";
  	position: absolute;
  	z-index: -1;
  	left: 0;
  	right: 100%;
  	bottom: 0;
  	background: white;
  	height: 1px;
  	-webkit-transition-property: right;
  	transition-property: right;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
nav.footer-menu-wrapper li a:hover:before, nav.footer-menu-wrapper li a:focus:before, nav.footer-menu-wrapper li a:active:before {right:0;}
nav.footer-menu-wrapper li a:hover {
	text-decoration:none;
	color: white;
}
#site-footer {
	padding: 1.53rem 0;
	background-color:white !important;
}
@media (min-width:1000px) {
	ul.footer-menu {margin: -1.5rem 0 0 0;}
	div.footer-top nav li {margin: 1.5rem 0 0 9vw;}
	div.footer-top nav li:first-of-type {margin-left:0;}
	nav.footer-menu-wrapper li {position:relative;}
nav.footer-menu-wrapper li:after {
	content:'';
	width:1px;
	height:25px;
	background:rgba(255,255,255,0.1);
	position:absolute;
	left:-1.5vw;
}
nav.footer-menu-wrapper li:first-of-type:after {content:none;}
}
.footer-top {padding:30px 40px;}
div.footer-top nav li {margin-left:3vw;}
div.footer-top nav.footer-social-wrapper {
	margin-top:0;
	flex:none;
}
.footer-social-wrapper ul {margin-left:0;}
nav.footer-social-wrapper a {background:white;}
@media (max-width:999px) {
	#site-footer div.section-inner {padding: 0 1.6rem;}
	.divider-colonne-footer {height:142px;}
}
@media (max-width:699px) {
	.footer-top {justify-content:space-around;}
	div.footer-top nav li {margin-left:0;}
	.divider-colonne-footer {height:193px;}
	.seconde-colonne-footer {display:block;}
	div.footer-top nav.footer-social-wrapper {
		margin-left:0;
		margin-top:30px;
		width:fit-content;
		width:-moz-fit-content;
	}
	.adresse-footer {padding-right:0;}
}
@media (max-width:499px) {
	.footer-top {justify-content:space-between;}
}
@media (max-width:399px) {
	.footer-top {display:block;}
	.divider-colonne-footer {display:none;}
	.adresse-footer {margin-top:30px;}
}
nav.footer-social-wrapper ul {flex-wrap:nowrap;}
nav.footer-social-wrapper ul li {margin-left: 1vw;}
nav.footer-social-wrapper ul li:first-of-type {margin-left: 0;}
p.powered-by-wordpress {display:none;}
p.footer-copyright {font-size:1.3rem;}