/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Julie

00 - COULEURS
01 - SPRITE
03 - TITRES
04 - LIENS
05 - BOUTONS
06 - CONTENU WYSIWYG
07 - PADDING ET LARGEURS
08 - MENU SCROLL UP
09 - POPUP ACTUALITE
10 - MENU HAMBURGERS
11 - ICONES SOCIALES
12 - CLASS GENERIQUES
13 - BLOCS DES MEDIAS
14 - ELEMENT PAGE TEXTE EN BLOC
15 - ICO
16 - TIMELINE
*/


/* ----------
00 - COULEURS
-------------*/
:root{
	/* @changelog 2022-03-31 [EVOL] (Nicolas) Charte graphique 2022 */

	/* Blanc */
	--white: #fff;    			
	--white--75o: rgba(255, 255, 255, 0.75);
	--white--50o: rgba(255, 255, 255, 0.50);
	--white--25o: rgba(255, 255, 255, 0.25);
	--white--10o: rgba(255, 255, 255, 0.10);

	/* Noir */
	--black: #000;
	--black--75o: rgba(0, 0, 0, 0.75);
	--black--50o: rgba(0, 0, 0, 0.50);
	--black--25o: rgba(0, 0, 0, 0.25);
	--black--10o: rgba(0, 0, 0, 0.10);  			
	--black--4o: rgba(0, 0, 0, 0.04);  			

	/* Jaune */
	--yellow: #FFD72D;    		
	--yellow--50o: #FFEB96;
	--yellow--20o: #FFF7D5;

	/* Orange */
	--orange: #FFB450;    		
	--orange--50o: #FFD9A7;
	--orange--20o: #FFF0DC;

	/* Pêche */
	--peche: #F56E5A;    		
	--peche--50o: #FAB6AC;
	--peche--20o: #FDE2DE;

	/* Vermillon */
	--vermillon: #F55019;    	
	--vermillon--50o: #FAA78C;
	--vermillon--20o: #FDDCD1;

	/* Rouge */
	--red: #DC003C;
	--red--50o: #ED7F9D;
	--red--20o: #F8CCD8;

	/* Vert 3 */
	--green-3: #00C314;
	/* --green-4--50o: #7FD489;
	--green-4--20o: #CCEED0; */

	/* Vert 4 */
	--green-4: #00A914;
	--green-4--50o: #7FD489;
	--green-4--20o: #CCEED0;



	/*Blanc*/
	/* --color00: #fff;     */
	/*Noir*/
	/* --color01: #000;     */
	/*Bleu*/
	/* --color02: #5ba7c1;  */
	/*Rouge*/
	/* --color03: #e87473;  */
	/*Vert*/
	/* --color04: #abc206;  */
	/*Bleu gris*/
	/* --color05: #40525d;  */
	/*Gris foncé*/
	/* --color06: #282828;  */
	/*Gris*/
	/* --color07: #e4e5e7;  */
	/*Gris clair*/
	/* --color08: #f2f2f2;  */
}

.bg-color00{
	background-color: var(--color00);background-color: #fff;
}

/* ----------
01 - SPRITE
-------------*/
.sprite{
	background-image: url('/images/charte/sprite.png');
	background-repeat: no-repeat;
	background-size: 400px auto;
}


/* ------
03 - TITRES
---------*/
h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6{
	line-height: 1;
	margin: 32px 0 16px;
}
h1, .like-h1 {
	color: var(--white);
    font-size: 4.5rem;
}
	@media (min-width: 992px) {
		h1, .like-h1 {
			color: var(--white);
			font-size: 6.4rem;
		}
	}
h2, .like-h2 {
    font-size: 4.1rem;
}
	@media (min-width: 992px) {
		h2, .like-h2 {
			font-size: 4.8rem;
		}
	}
h3, .like-h3 {
    font-size: 3.1rem;
}
	@media (min-width: 992px) {
		h3, .like-h3 {
			font-size: 3.6rem;
		}
	}
h4, .like-h4 {
    font-size: 2.2rem;
}
	@media (min-width: 992px) {
		h4, .like-h4 {
			font-size: 2.6rem;
		}
	}
h5, .like-h5 {
    font-size: 1.8rem;
}
	@media (min-width: 992px) {
		h5, .like-h5 {
			font-size: 2.2rem;
		}
	}

h6, .like-h6 {
    font-size: 1.8rem;
}

/* 

h2, .like-h2 {
    font-size: 4.8rem;
}
	@media (min-width: 992px) {
		h2, .like-h2 {
			font-size: 5.6rem;
		}
	}
h3, .like-h3 {
    font-size: 4.1rem;
}
	@media (min-width: 992px) {
		h3, .like-h3 {
			font-size: 4.8rem;
		}
	}
h4, .like-h4 {
    font-size: 3.1rem;
}
	@media (min-width: 992px) {
		h4, .like-h4 {
			font-size: 3.6rem;
		}
	}
h5, .like-h5 {
    font-size: 2.2rem;
}
	@media (min-width: 992px) {
		h5, .like-h5 {
			font-size: 2.6rem;
		}
	}
h6, .like-h6 {
    font-size: 1.8rem;
}
	@media (min-width: 992px) {
		h6, .like-h6 {
			font-size: 2.2rem;
		}
	}

*/



/* ------------
04 - LIENS
--------------*/
a, a:link, a:visited{
	color: var(--vermillon);
	text-decoration: none;
}
#wrapperInner p a:not([class]),
#wrapperInner .contenu-page-inte ul li a:not([class]) {
    color: var(--vermillon);
    text-decoration: underline;
}

/* ------------
06 - CONTENU WYSIWYG
--------------*/
p {
    margin: 0 0 10px 0px;
    color: var(--black--75o);
}
strong{
	/* font-weight: normal; */
}
em{
	font-style:italic;
}
	em strong, strong em{
		font-style: italic;
		font-weight: normal;
	}
u{
	text-decoration:underline;
}
strike{
	text-decoration: line-through;
}
address{
	color: #007AAA;
}
pre{
	background:#ccc;
	border:1px solid #007aaa;
	font-size:1.1em;
	margin:20px auto;
	overflow:auto;
	padding:5%;
	width:80%;
}
code{
	background:#007aaa;
	color:#fff;
	font-size:1.1em;
	padding:2px;
}
cite{
	color:#000;
	font-size:1.1em;
	padding:0 3px 0 3px;
}
acronym{
	border-bottom:1px dashed #007aaa;
	cursor:help;
}
q{
	color:#007aaa;
	font-style:italic;
}
	q:after{
		content: " ' Source: "attr(cite)" ";
		font-size:1em;
	}

ul{
	color: #666;
	margin: 5px 0 5px 15px;
}
#wrapperInner ul {
	margin: 0;
}
	ul li{
		list-style-type: none;
		padding: 0 0 0 15px;
		color: #626262;
	}
	#wrapperInner ul li {
		position: relative;
		margin: 0 0 7px 0;
	}
	#wrapperInner ul li::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 0px;
		background-color: var(--black--75o);
		border-radius: 50%;
		margin-right: 5px;
		width: 5px;
		height: 5px;
	}

		#wrapperInner ul li.list-style--none::before {
			content: none;
		}

ol{
	color: #666;
	list-style: outside decimal-leading-zero;
	margin: 5px 0 5px 25px;
}

hr{
	border-bottom:2px ridge #666;
	border:0;
}
.separator{
	clear:both;
	visibility:hidden;
	margin: 5px 0 5px 0;
}
dl{
	margin:10px 5px;
}
	dt{
		color:#000;
		font-size:1.1em;
		font-weight:bold;
	}
	dd{
		font-style:normal;
		margin:0;
		padding:0;
		text-indent:10px;
	}
.bloc-texte-colonnes .bloc-texte-inte table {
	border: 3px solid var(--orange--20o);
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: transparent;
	margin: auto;
	width: 100%;
	margin-bottom: 15px;
	border-radius: 10px;
}
	table caption{
		color: #ccc;
		font-size: 14px;
		font-weight:bold;
		margin:5px 0;
		text-align:left;
	}
th {
	background-color: var(--orange--20o);
	color: var(--vermillon);
	padding: 10px 20px;
	font-weight: normal;
	font-size: 1.6rem;
	text-align: left;
}
thead th:not(:first-child) {
    border-left: 1px solid var(--white);
}
td {
    padding: 10px 20px;
    border: 1px solid var(--orange--20o);
}
td img{
	padding:3px;
}



/*------------
07 - PADDING ET LARGEURS
--------------*/
.pl0{
	padding-left: 0 !important;
}
.pr0{
	padding-right: 0 !important;
}

.p0{
	padding: 0 !important;
}

.p30{
	padding: 30px;
}


.w100p{
	width: 100%;
}



/* ------------------------
08 - MENU SCROLL UP
--------------------------*/
.scrollUp.nav-down{
	position: fixed;
	top: 0;
	width: 100%;
	z-index : 10000;
	-webkit-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}
.scrollUp.nav-up{
	-webkit-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}



/* ------------------------
09 - POPUP ACTUALITE
--------------------------*/
.popup-wrap{
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	padding: 15% 30%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
	.box-simple-popup{
		background: #fff;
		position: relative;
	}
		.box-simple-popup .box-titre{
			background: #46a1bf;
			color: #fff;
			padding: 15px 30px;
		}

		.box-simple-popup .popup-btn-close{
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDIYgjAAAAL3RSTlMAFS3T6/HlN8nbDhskQvb6Cga+smmlA1tOAZeSi3jtuM/Eg10pHhBiVD443alvI7Ki/2AAAAHWSURBVFjDpdfZbuJAEEbhH0JM2GKzZAJjsy9ZZun3f7vpJGJKiJJKOZzLrvZ3YbXUtnLj0bLZ7Qe6ofasaWZtfTUq0kdlMxZsMEmfbY/KzdO5dSXUsDgLxTHrj+l/k4p657ZSkywkHrJnjdRLt4ntzgVQq0xYNM9aZxCL5llT3SUsmmc12iUsmme969RxROxNJb2VV8vbPvR6J+Xmj1eDhz7zBvps5InQC0TgQbG7cj0sdu8DLxJj764lATHwgBh4QAy8WDwhz0RnM/CsN2878IIHwjEW3/0hEINXjET/EOQBFINjCkTu+WLP924QoWci87hoHr3EuWci8KBoHhdjj4uTSrj2yvV48zIFFzDwQpF7JnLPrxhSD4jAM5F7t4vPrsfF50AzEXvrwhO5Nx0PXZF7ki9yLxCB54sH7vlip8293N+eIwLPGnxP3PseFmeBF4qx9zt7TPS9px8SEAMPibEXi8CLRO75Ypd7vnjfBZ7VunPEwIPi3veQuBpKx9L1oLhZqL5a/Jk9LM7168pbSFys5XpcXKv0PC5OtfE8Lu609DwutlUV0DNxY8LTxZd+vRCq/3D5BzOcpI+KF9Gquky5sq701eFl+Wc01g21XpfL15Zy/wAQgcwfcwB9iQAAAABJRU5ErkJggg==') no-repeat 0 0 / 40px 40px;
			cursor: pointer;
			height: 40px;
			position: absolute;
			right: -20px;
			top: -20px;
			width: 40px;
		}
		.box-simple-popup .popup-btn-close span{
			display: none;
		}




/* ----------
10 - MENU HAMBURGERS
-------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{
	background-color: transparent;
	color: inherit;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	margin: 0;
	overflow: visible;
	padding: 5px 15px 0;
	text-transform: none;
	
	-webkit-transition-property: opacity, -webkit-filter;
	
	transition-property: opacity, -webkit-filter;
	
	-o-transition-property: opacity, filter;
	
	transition-property: opacity, filter;
	
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	        -o-transition-duration: 0.15s;
	   transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	        -o-transition-timing-function: linear;
	   transition-timing-function: linear;
}
	.hamburger:hover, .hamburger:focus{
		opacity: 0.7;
	}

.hamburger-box{
	display: inline-block;
	height: 24px;
	position: relative;
	width: 40px;
}

.hamburger-inner{
	display: block;
	margin-top: -2px;
	top: 50%;
}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
		background-color: #00b4cd;
		border-radius: 4px;
		height: 4px;
		position: absolute;
		width: 40px;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.15s;
		        -o-transition-duration: 0.15s;
		   transition-duration: 0.15s;
		-webkit-transition-timing-function: ease;
		        -o-transition-timing-function: ease;
		   transition-timing-function: ease;
	}
	.hamburger-inner::before, .hamburger-inner::after{
		content: "";
		display: block;
	}
	.hamburger-inner::before{
		top: -10px;
	}
	.hamburger-inner::after{
		bottom: -10px;
	}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner{
	-webkit-transition-duration: 0.3s;
	        -o-transition-duration: 0.3s;
	   transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	        -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	   transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
	.hamburger--spin .hamburger-inner::before{
		-webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
		-o-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
		transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
	}
	.hamburger--spin .hamburger-inner::after{
		-webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-o-transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

.hamburger--spin.is-active .hamburger-inner{
	-webkit-transform: rotate(225deg);
	        -ms-transform: rotate(225deg);
	    transform: rotate(225deg);
	-webkit-transition-delay: 0.14s;
	        -o-transition-delay: 0.14s;
	   transition-delay: 0.14s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	   transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
	.hamburger--spin.is-active .hamburger-inner::before{
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
		-o-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
		transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
	}
	.hamburger--spin.is-active .hamburger-inner::after{
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		        -ms-transform: rotate(-90deg);
		    transform: rotate(-90deg);
		-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	}



/* ----------
11 - ICONES SOCIALES
-------------*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
	.jssocials-share a{
		
	}
		.jssocials-share .jssocials-share-logo{
			background-image: url('/images/charte/sprite-partages-rs.png');
			background-repeat: no-repeat;
			background-size: 130px auto;
			display: block;
			height: 33px;
			width: 33px;
		}
		.jssocials-share .jssocials-share-label{
			display: none;
		}

		.jssocials-share-email .jssocials-share-logo{ background-position: 0 0 }
		.jssocials-share-email:hover .jssocials-share-logo, .jssocials-share-email:focus .jssocials-share-logo{ /*background-position: 0 -34px*/ opacity: 0.7; }

		.jssocials-share-twitter .jssocials-share-logo{ background-position: -32px 0 }
		.jssocials-share-twitter:hover .jssocials-share-logo, .jssocials-share-twitter:focus .jssocials-share-logo{ /*background-position: -32px -34px*/ opacity: 0.7; }

		.jssocials-share-facebook .jssocials-share-logo{ background-position: -64px 0 }
		.jssocials-share-facebook:hover .jssocials-share-logo, .jssocials-share-facebook:focus .jssocials-share-logo{ /*background-position: -64px -34px*/ opacity: 0.7; }

		.jssocials-share-googleplus .jssocials-share-logo{ background-position: -97px 0 }
		.jssocials-share-googleplus:hover .jssocials-share-logo, .jssocials-share-googleplus:focus .jssocials-share-logo{ /*background-position: -97px -34px*/ opacity: 0.7; }



/**
* alert
*/
.alert
{
	background: green;
	color:#FFF;
	padding:10px;

	width:100%;
	text-align: center;
}

.alert.alert-error
{
	background: rgb(194, 24, 12);
}


/* 12 - CLASS GENERIQUES */

.anti-margin--12 {
    margin: 0 -12px;
}

@media (min-width: 768px) {
	.anti-margin-md--12 {
		margin: 0 -12px;
	}
}

.w100 {
	width: 100%
}
.w90 {
	width: 90%
}
.w80 {
	width: 80%
}
.w75 {
	width: 75%
}
.w70 {
	width: 70%
}
.w65 {
	width: 65%
}
.w60 {
	width: 60%
}
.w50 {
	width: 50%
}
.w55 {
	width: 55%
}
.w40 {
	width: 40%
}
.w37 {
	width: 37%
}
.w35 {
	width: 35%
}
.w30 {
	width: 30%
}
.w25 {
	width: 25%
}
.w20 {
	width: 20%
}
.w10 {
	width: 10%
}

.w1-2 {
	width: calc(100% / 2.1)
}

.w1-3 {
	width: calc(100% / 3.2)
}

.w1-4 {
	width: calc(100% / 4.3)
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.flex-jcc {
	-webkit-box-pack: center;
	        -ms-flex-pack: center;
	    justify-content: center
}

.flex-acc {
	-ms-flex-line-pack: center;
	    align-content: center
}

.flex-aic {
	-webkit-box-align: center;
	        -ms-flex-align: center;
	    align-items: center
}

.flex-aife {
	-webkit-box-align: end;
	        -ms-flex-align: end;
	    align-items: flex-end
}

.flex-jsb {
	-webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	    justify-content: space-between
}

.flex-jsa {
	-ms-flex-pack: distribute;
	    justify-content: space-around
}
.flex-jse {
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	    justify-content: space-evenly;
}

.flex-dc {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        -ms-flex-direction: column;
	    flex-direction: column;
}

.flex-g1 {
	-webkit-box-flex: 1;
	        -ms-flex-positive: 1;
	    flex-grow: 1;
}
.pad20 {
	padding: 20px
}
.pad15 {
	padding: 15px
}
.pad30 {
	padding: 30px
}
.pad100_0 {
	padding: 100px 0;
}
.pad90_0 {
	padding: 90px 0;
}
.pad80_0 {
	padding: 80px 0;
}
.pad70_0 {
	padding: 70px 0;
}
.pad60_0 {
	padding: 60px 0;
}

.pad50_0 {
	padding: 50px 0;
}

.pad40_0 {
	padding: 40px 0;
}

.pad30_0 {
	padding: 30px 0;
}

.pad20_0 {
	padding: 20px 0;
}
.chosen-results {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        -ms-flex-direction: column;
	    flex-direction: column;
}
	.chosen-results li{
		width: 100%;
		padding: 5px 5px !important;
		color: var(--color05) !important;
	}
	.chosen-results li:hover{
		color: white !important;
	}
.sf-field-post-meta-ville .chosen-results li{
	width: 100%;
	padding: 12px 8px !important;
	color: var(--color03) !important;
	font-size: 1.6rem;
	background-color: #f2f2f2 !important;
	border-bottom: 1px solid #dbdbdb;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
	position: relative;
}
/* .sf-field-post-meta-ville .chosen-results li::after{
	content: "";
	background-image: url('../img/charte/sprite.svg');
	width: 30px;
	height: 30px;
	display: block;
	background-position: -9px -506px;
	background-size: 400px;
} */
.sf-field-post-meta-ville .chosen-results li:hover::after{
	opacity: 0;
}
.sf-field-post-meta-ville .chosen-results li.highlighted{
	color: var(--color05) !important;
	background: #f2f2f2 !important;
}
/* .sf-field-post-meta-ville .chosen-results li.highlighted::after{
	content: "";
	background-image: url('../img/charte/sprite.svg');
	width: 30px;
	height: 30px;
	display: block;
	background-position: -38px -506px;
	background-size: 400px;
	opacity: 1;
} */




/* ------------
13 - BLOCS DES MEDIAS
--------------*/
/*Cover*/
.cover {
	overflow: hidden;
}
	.cover img{
		-o-object-fit: cover;
		   object-fit: cover;
		font-family: 'object-fit: cover';
		height: 100%;
		width: 100%;
	}

/* 14 - ELEMENT PAGE TEXTE EN BLOC */

.bloc-texte-colonnes,
.bloc-texte-image,
.slider-page,
.bloc-galerie-image,
.fileDownload,
.gliciere  {
	margin: 0 0 25px 0;
}

.bloc-introduction {
    background-color: var(--vermillon--20o);
	font-size: 2.2rem;
	margin-bottom: 16px;
    padding: 16px;
}

	@media (min-width: 768px) {
        .bloc-introduction {
			margin-bottom: 32px;
            margin-left: auto;
            padding: 32px;
            max-width: calc(100% / (12 / 10));
        }
    }

	.bloc-texte-image .cover {
		overflow: hidden;
		max-height: 440px;
	}

.bloc-texte-colonnes iframe {
	max-width: 100%;
}

	@media (max-width: 1439px) {
		.bloc-texte-colonnes iframe {
			height: 25vw;
		}
	}

	@media (max-width: 767px) {
		.bloc-texte-colonnes iframe {
			height: 310px;
		}
	}

	@media (max-width: 629px) {
		.bloc-texte-colonnes iframe {
			height: 45vw;
		}
	}

.slider-page .image-diapo {
	height: 620px;
	overflow: hidden;
}
	.slider-page button.slick-arrow {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        -ms-transform: translateY(-50%);
		    transform: translateY(-50%);
		background-color: #fff;
		border-radius: 50%;
		border: transparent;
		text-indent: -5000px;
		overflow: hidden;
		width: 40px;
		height: 41px;
		background-image: url('../img/charte/sprite.svg');
		background-repeat: no-repeat;
		background-size: 400px auto;
		z-index: 1;
		background-position: -11px -44px;
		left: -18px;
		outline: transparent;
		cursor: pointer;
		-webkit-transition: background-color .2s;
		-o-transition: background-color .2s;
		transition: background-color .2s;
	}
	.slider-page button.slick-arrow:hover {
		background-color: #cecece
	}
	.slider-page button.slick-arrow.slick-next {
		left: auto;
		right: -18px;
		-webkit-transform: translateY(-50%) rotate(180deg);
		        -ms-transform: translateY(-50%) rotate(180deg);
		    transform: translateY(-50%) rotate(180deg);
	}

.bloc-galerie-image ul li {
	height: 250px;
	padding: 0;
	margin: 0 10px !important;
	overflow: hidden;
}
	.bloc-galerie-image ul li a {
		height: 100%;
		width: 100%;
	}
	.bloc-galerie-image ul li .hover {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		background-color: rgba(0, 0, 0, 0.6);
		opacity: 0;
		-webkit-transition: width .2s, height .2s, opacity .2s;
		-o-transition: width .2s, height .2s, opacity .2s;
		transition: width .2s, height .2s, opacity .2s;
		-webkit-transform: translate(-50%, -50%);
		        -ms-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
	}
	.bloc-galerie-image ul li:hover .hover {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
.bloc-galerie-image ul li::before {
	display: none;
}
.bloc-galerie-image button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    text-indent: -5000px;
    overflow: hidden;
    background-color: #fff;
    border: transparent;
    width: 25px;
    height: 25px;
    border-radius: 50%;
	z-index: 1;
    left: -30px;
    background-image: url('../img/charte/sprite.svg');
    background-repeat: no-repeat;
    background-size: 400px auto;
    padding: 0;
	outline: transparent;
	cursor: pointer;
    background-position: -72px -52px;
}
.bloc-galerie-image button.slick-next {
    right: -30px;
    left: initial;
    -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
}
.bloc-galerie-image button.slick-prev {
			-webkit-transform: translateY(-50%);
}
.fileDownload-item {
		margin: 0 0 15px 0;
    background-color: #FFF7D5;
}
	.fileDownload-item p {
		margin: 0;
	}
	.fileDownload-item p.title {
    color: var(--vermillon);
    text-transform: uppercase;
    font-size: 1.6rem;
	}
	.fileDownload-item .link{
		padding-right: 20px;
	}
	.fileDownload-item .cover {
		position: relative;
		/* margin-right: 32px; */
		width: 33%;
	}
		.fileDownload-item .cover::before {
			content: "";
			display: block;
			padding-top: 50%;
			width: 100%;
		}
	.fileDownload-item img {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.fileDownload-item .cover .ombre{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		-webkit-transform: translate(-50%, -50%);
		        -ms-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
		border-radius: 10px;
		background: rgba(0, 0, 0, 0.6);
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.2s, height 0.2s;
		-o-transition: opacity 0.5s, width 0.2s, height 0.2s;
		transition: opacity 0.5s, width 0.2s, height 0.2s;
	}
	.fileDownload-item .cover:hover .ombre{
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.fileDownload-item div.title {
		width: 33%;
	}
	.fileDownload-item .link a {
		margin: 0 0 0 10px;
	}

.blocLiensUtiles-item {
	margin: 0 13px 30px 13px;
	background-color: #FFF7D5;
}

.ancres {
    display: block;
    margin-top: calc(-32px - 28px); /* Compensation de la hauteur de la WP-bar + Espace voulu*/
    height: calc(32px + 28px); /* Hauteur de la WP-bar + Espace voulu */
    visibility: hidden;
}


.gliciere-item {
	border: 3px solid var(--orange--20o);
    margin: 0 0 24px 0px;
}
	.gliciere-item .titre {
		cursor: pointer;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		font-size: 1.6rem;
		text-align: center;
		padding: 32px;
	}
		@media (min-width: 768px) {
			.gliciere-item .titre {
				flex-direction: row;
				text-align: left;
			}
		}
	.gliciere-item h3{
		color: var(--black);
		font-size: 2.2rem;
		font-weight: 600;
		margin: 0 0 10px;
	}
		@media (min-width: 768px) {
			.gliciere-item h3{
				font-size: 2.6rem;
				margin: 0;
				padding-right: 15px;
			}
		}
	.gliciere-item .titre::after {
		content: "\e90b";
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--vermillon);
		color: var(--white);
		border-radius: 50%;
		font-family: 'icomoon';
		font-size: 1.2rem;
		width: 24px;
		height: 24px;
		min-width: 24px;
		min-height: 24px;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg);
	}
	.gliciere-item.active {
		background-color: var(--yellow--20o);
	}
	.gliciere-item.active .titre {
		padding: 32px 32px 16px;
	}
		.gliciere-item.active .titre::after {
			-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
				transform: rotate(-90deg);
		}
	.gliciere-item .contenu {
		display: none;
		padding: 0 30px 10px;
	}

		@media (min-width: 768px) {
			.gliciere-item .contenu {
				padding-right: 70px;
			}
		}

	.gliciere-item .contenu a[class*="bouton-"] {
		margin: 5px 0;
	}
.blocVignettesCarrefours-item {
	margin-bottom: 50px;
	background-color: #FFF7D5;
}
	.blocVignettesCarrefours-item h2 {
		font-size: 3rem;
	}
.blocVignettesCarrefours-item:nth-child(3n+2) {
    margin: 0 40px 50px 40px;
}
	.blocVignettesCarrefours-item .content{
		padding: 20px;
	}
	/*.blocVignettesCarrefours-item .image img{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}*/
	.blocVignettesCarrefours-item  .image .ombre span{
		color: white;
		font-size: 2rem;
	}
	.blocVignettesCarrefours-item  .image .ombre{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		-webkit-transform: translate(-50%, -50%);
		        -ms-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
		background: rgba(0, 0, 0, 0.6);
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.2s, height 0.2s;
		-o-transition: opacity 0.5s, width 0.2s, height 0.2s;
		transition: opacity 0.5s, width 0.2s, height 0.2s;
	}
	.blocVignettesCarrefours-item  .image:hover .ombre{
		width: 100%;
		height: 100%;
		opacity: 1;
	}
/* .chosen-container .chosen-results {
	color: #444;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
} */



/* ----------
15 - ICO
-------------*/
.ico{
	background-image: url('/wp-content/themes/mediapilote/img/charte/sprite.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
    width: 40px;
	height: 40px;
	display: block;
}

span.ico.zoom {
    background-position: -12px -107px;
}
span.icoTwo.zoomTwo {
    background-position: -335px -103px;
}
span.icoTwo {
    background-image: url('../img/charte/sprite.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
    width: 42px;
	height: 42px;
	display: block;
}

span.ico.file.view {
	background-color: var(--vermillon);
    border-radius: 50%;
	background-position: -64px -102px;
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}
span.ico.file.download {
	background-color: var(--vermillon);
    border-radius: 50%;
    background-position: -118px -104px;
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}

span.ico.file.view:hover,
span.ico.file.download:hover {    
	background-color: var(--black)
}

span.ico.histoire {
    background-position: -7px -174px;
    width: 48px;
    height: 49px;
    min-width: 48px;
    min-height: 49px;
}
span.ico.gouvernance {
    background-position: -91px -174px;
    width: 59px;
    height: 49px;
    min-width: 59px;
    min-height: 49px;
}
span.ico.mission {
    background-position: -180px -171px;
    width: 57px;
    height: 55px;
    min-width: 57px;
    min-height: 55px;
}
span.ico.logementSocial {
    width: 90px;
    height: 90px;
    background-position: -115px -11px;
    border-radius: 100%;
    border: 3px solid var(--color02);
}
span.ico.commentDevenirLocataire {
    width: 90px;
    height: 90px;
    background-position: -193px -11px;
    border-radius: 100%;
    border: 3px solid var(--color02);
}
span.ico.seeMore {
    width: 40px;
    height: 40px;
    background-position: -169px -103px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.59);
}
span.ico.espace-locataire {
    width: 55px;
    height: 58px;
    background-position: -180px -249px;
    margin: 0 auto;
}
span.ico.payer-loyer {
    width: 56px;
    height: 57px;
    background-position: -256px -249px;
    margin: 0 auto;
}
span.ico.seeMoreLink {
    background-position: -280px -102px;
    width: 42px;
    height: 42px;
}
span.ico.missionSociale {
    background-position: -293px -14px;
    width: 80px;
    height: 63px;
}
span.ico.devenirLoc {
    width: 59px;
    height: 61px;
    background-position: -9px -338px;
}
span.ico.devenirProp {
    width: 65px;
    height: 65px;
    background-position: -94px -336px;
}
span.ico.jesuisElu {
    width: 43px;
    height: 63px;
    background-position: -193px -336px;
}
span.ico.jesuisLoc {
    width: 56px;
    height: 56px;
    background-position: -180px -251px;
}
span.ico.testimony {
    width: 53px;
    height: 46px;
    background-position: -259px -349px;
}
span.ico.contact {
    background-position: -53px -421px;
    width: 34px;
    height: 27px;
    min-width: 34px;
}
span.ico.search {
	background-position: -109px -423px;
    width: 29px;
	height: 30px;
	cursor: pointer;
}
/* span.ico.facebook {
	background-position: -110px -467px;
    width: 40px;
	height: 40px;
	cursor: pointer;
} */
/* span.ico.youtube {
	background-position: -9px -466px;
    width: 40px;
	height: 40px;
	cursor: pointer;
} */
/* span.ico.linkedin {
	background-position: -59px -467px;
    width: 40px;
	height: 40px;
	cursor: pointer;
} */
span.ico.etudiant {
	background-position: -172px -409px;
    width: 90px;
	height: 90px;
	border-radius: 100%;
	border: 3px solid var(--color02);
}

/* AUTRE */

.box-shadow {
 -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
         box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}
.box-shadow02 {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
            box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
}

.br10 {
	border-radius: 10px
}

.center {
	text-align: center
}

.relative{
	position: relative;
}
.absolute{
	position: absolute;
}

/* .searchandfilter ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    margin: 0 0 40px 0 !important;
} */
	.searchandfilter ul li {
		padding: 0;
		margin: 0 20px 10px !important;
	}
	.searchandfilter ul li::before {
		display: none;
	}
.modaal-wrapper header, 
.modaal-wrapper footer,
.modaal-wrapper .headerPage {
	display: none;
}
.modaal-wrapper  #page {
	padding: 20px 0 0 0;
}

/* 16 - TIMELINE */

/* CSS DU PLUGIN */
.cd-timeline {
	overflow: hidden;
	margin: 2em auto;
}

.cd-timeline__container {
	position: relative;
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 2em 0;
}

	@media (max-width: 767px) {
		.cd-timeline__container {
			width: 100%;
		}
	}

	.cd-is-hidden {
	  visibility: hidden;
	}
  
	.cd-timeline__img.cd-timeline__img--bounce-in {
	  visibility: visible;
	  -webkit-animation: cd-bounce-2 1.2s;
	          animation: cd-bounce-2 1.2s;
	}
  
	.cd-timeline__content--bounce-in {
	  visibility: visible;
	  -webkit-animation: cd-bounce-1 0.6s;
	          animation: cd-bounce-1 0.6s;
	}
  
  @-webkit-keyframes cd-bounce-1 {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0.5);
	          transform: scale(0.5);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale(1.2);
	          transform: scale(1.2);
	}
  
	100% {
	  -webkit-transform: scale(1);
	          transform: scale(1);
	}
  }
  
  @keyframes cd-bounce-1 {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0.5);
	          transform: scale(0.5);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale(1.2);
	          transform: scale(1.2);
	}
  
	100% {
	  -webkit-transform: scale(1);
	          transform: scale(1);
	}
  }
  @-webkit-keyframes cd-bounce-2 {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0.5);
	          transform: scale(0.5);
	}
  
  
	100% {
	  -webkit-transform: scale(1);
	          transform: scale(1);
	}
  }
  @keyframes cd-bounce-2 {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0.5);
	          transform: scale(0.5);
	}
  
  
	100% {
	  -webkit-transform: scale(1);
	          transform: scale(1);
	}
  }
  
  /* AJOUT CSS JULIE */

.cd-timeline__block.js-cd-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
            -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: justify;
            -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 0 94px 0;
}

	@media (max-width: 767px) {
		.cd-timeline__block.js-cd-block {
			display: flex;
			flex-direction: column;
		}
	}

.cd-timeline__block.js-cd-block > div.cd-timeline__content.js-cd-content {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
            -ms-flex-align: center;
        align-items: center;
	-webkit-box-pack: end;
	        -ms-flex-pack: end;
	    justify-content: flex-end;
}

	@media (max-width: 767px) {
		.cd-timeline__block.js-cd-block > div.cd-timeline__content.js-cd-content {
			justify-content: center;
			margin-bottom: 16px;
			width: 100%;
		}
	}

	.cd-timeline__block.js-cd-block > div.cd-timeline__content.js-cd-content p {
		display: -webkit-box;
		display: -ms-flexbox;
			display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		    align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		    justify-content: center;
		background-image: url("../img/charte/bg-dates.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
		color: var(--white);
		border-radius: 50%;
		font-size: 3.6rem;
		width: 122px;
		height: 122px;
	}
	span.cd-timeline__other p::before {
		content: "";
		width: 18px;
		height: 18px;
		background-image: url('/images/charte/sprite.png');
		background-repeat: no-repeat;
		background-size: 400px auto;
		background-position: -211px -52px;
		position: absolute;
		top: 0;
		left: -33px;
	}

	.cd-timeline__img.cd-timeline__img--picture.js-cd-img {
		text-align: center;
	}

	@media (min-width: 768px) {
		.cd-timeline__img.cd-timeline__img--picture.js-cd-img {
			position: relative;
			text-align: left;
			margin-left: 40px;
			padding-left: 40px;
			width: 75%;
		}

			.cd-timeline__img.cd-timeline__img--picture.js-cd-img::before {
				content: "";
				position: absolute;
				top: -32px;
				left: 0;
				bottom: -32px;
				display: flex;
				background-color: var(--peche--20o);
				width: 1px;
			}
	}


		.cd-timeline__img.cd-timeline__img--picture.js-cd-img h2 {
			color: var(--peche);
			font-size: 2.6rem;
			font-weight: 600;
			margin: 0 0 16px;
		}
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 35px 50px 35px;
	}
	.lg-w1-2 {
		width: calc(100% / 2.1);
	}
}
@media screen and (max-width: 1199px), (max-device-width: 1199px){
	.slider-page .image-diapo {
		height: 480px;
	}
	.bloc-galerie-image ul li {
		height: 210px;
	}
	.md-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.md-w100 {
		width: 100% !important;
	}
	.md-w1-2 {
		width: calc(100% / 2.1);
	}
	.md-w50 {
		width: 50%
	}
	.bloc-galerie-image button {
		left: -20px;
	}
	.bloc-galerie-image button.slick-next {
		right: -25px;
	}
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 25px 50px 25px;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1023px), (max-device-width: 1023px){
	.sm-w100 {
		width: 100%
	}
	.sm-w1-2 {
		width: calc(100% / 2.1);
	}
	.sm-w50 {
		width: 50%
	}
	.sm-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.sm-flex-row{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        -ms-flex-direction: row;
		    flex-direction: row;
	}
	.sm-flex-jsb{
		-webkit-box-pack: justify;
		        -ms-flex-pack: justify;
		    justify-content: space-between;
	}
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 15px 50px 15px;
	}
	.blocVignettesCarrefours-item h2 {
		font-size: 2rem;
	}
}
/*03 MINI-TABLETTE*/
@media screen and (max-width: 767px), (max-device-width: 767px){
	.xs-w50 {
		width: 50%
	}
	.xs-w1-2 {
		width: calc(100% / 2.1);
	}
	.xs-w100 {
		width: 100%
	}
	.xs-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.bloc-texte-image .cover {
		-webkit-box-ordinal-group: 2;
		        -ms-flex-order: 1;
		    order: 1;
		margin: 20px 0 0 0;
	}
	.bloc-galerie-image button.slick-next {
		right: 0;
	}
	.bloc-galerie-image button {
		left: 0;
	}
	.slider-page button.slick-arrow {
		left: 5px;
	}
	.slider-page button.slick-arrow.slick-next {
		right: 5px;
	}
	.fileDownload-item .cover{
		margin-bottom: 20px;
	}
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 0 50px 0;
	}
		.blocVignettesCarrefours-item h2 {
			font-size: 3rem;
		}
	.searchandfilter ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
		.searchandfilter ul li {
			margin: 10px 0 !important;
			width: 100%;
		}
			.searchandfilter ul li label {
				width: 100% !important;
			}
}
/*03 MOBILE*/
@media screen and (max-width: 599px), (max-device-width: 599px){
}

/**
* loader
*/
.is_loading
{
	background: url("../img/loader.gif") center center;
}

/*
	grecaptcha-badge
*/
/* .grecaptcha-badge
{
	display:none !important;
} */

/*
Fix home IE
*/
.is_internetExplorer .templateHomepage-blocOne-itemTwo  h1, .is_internetExplorer .templateHomepage-blocOne-itemTwo p{
	width: 100%;
}