@charset "UTF-8";
/* CSS Document */

/*responsive*/

.medscreen,
.smallscreen {
	display: none;
}

.aideSite{
	position: fixed;
	top: 10px;
	right: 10px;
	border: #999 solid 2px;
	/*border: rgba(0, 0, 0, 0.3) solid 2px;*/
	color: #999;
	/*color: rgba(0, 0, 0, 0.3);*/
	text-align: center;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
	z-index: 9999;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.aideSite:before{content:'?';}
	.aideSite:hover{
		color: #f9b200;
		border: #f9b200 solid 2px;
	}

@media screen and (max-width: 1024px){
	.aideSite{
		display: none !important;
	}
}

/*Specific*/

/********************************************************
*							*
		          HEADER
*							*
********************************************************/

header{
	position: fixed;
	top: 0;
	left: 65px;
	width: 24%;
	width: -webkit-calc(25% - (65px / 4));
	width: -moz-calc(25% - (65px / 4));
	width: -ms-calc(25% - (65px / 4));
	width: -o-calc(25% - (65px / 4));
	width: calc(25% - (65px / 4));
	height: 100%;
	background: url('../img/utils/transp/noir40.png');
	background: rgba(0,0,0,0.4);
	text-align: center;
	z-index: 1;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/*Pour design du menu*/
	/*left: 300px;*/

	-webkit-transition: left 0.2s ease;
	   -moz-transition: left 0.2s ease;
	    -ms-transition: left 0.2s ease;
	     -o-transition: left 0.2s ease;
	        transition: left 0.2s ease;
}
.home header{
	width: 48%;
	width: -webkit-calc(50% - (65px / 2));
	width: -moz-calc(50% - (65px / 2));
	width: -ms-calc(50% - (65px / 2));
	width: -o-calc(50% - (65px / 2));
	width: calc(50% - (65px / 2));
	background-color: transparent;
	text-align: left;
}

.header-inner{
	padding: 20px 30px 220px 30px;
	min-height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.home .header-inner{
	position: relative;
	padding: 30px 40px;
	z-index: 0;
}


/************ RESTE DU HEADER ****************/

/* Logo */

#logo{
	display: block;
	width: 159px;
	height: 158px;
	background-image: url('../img/logo.png');
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 auto 0 auto;
	-webkit-transition: -webkit-transform 0.1s ease-out;
	   -moz-transition: -moz-transform 0.1s ease-out;
	    -ms-transition: -ms-transform 0.1s ease-out;
	     -o-transition: -o-transform 0.1s ease-out;
	        transition: transform 0.1s ease-out;
}
.home #logo{
	float: left;
	margin: 0;
	position: relative;
	z-index: 1;
}
	#logo:hover{
		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
		    -ms-transform: scale(1.05);
		     -o-transform: scale(1.05);
		        transform: scale(1.05);
	}

/* Trigger du menu */

#menuTrigger{
	display: none;
	/*margin-top: 20px;
	-webkit-appearance:none;*/
}
/*.home #menuTrigger{
	position: absolute;
	right: 40px;
	top: 30px;
	margin-top: 0;
}

#menuTrigger span{
	position: relative;
	overflow: hidden;
}


#menuTrigger i{
	border: none;
}

#menuTrigger:before{
	content: '';
	position: absolute;
	top: 0;
	right: 40px;
	width: 2px;
	height: 100%;
	background-color: #fff;
}*/

/*@media screen and (max-width: 1200px){
	#menuTrigger span strong{display: none;}
}*/


/* Pulse du trigger */
/*@media screen and (min-width: 1024px){ 
	
	#menuTrigger span{background-color: transparent;}

	#menuTrigger span:before,
	#menuTrigger span:after{
		content:'';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: -1;
	}
	#menuTrigger span:before{background-color: #0085c5;}
	#menuTrigger span:after{
		top: 100%;
		background-color: #a0b80d;
		-webkit-animation: MENU-SLIDE 8.0s infinite;
		     -o-animation: MENU-SLIDE 8.0s infinite;
		        animation: MENU-SLIDE 8.0s infinite;
		-webkit-animation-delay: 2.0s;
		     -o-animation-delay: 2.0s;
		        animation-delay: 2.0s;
	}

	#menuTrigger:hover span:before,
	#menuTrigger:hover span:after{
		-webkit-animation: none;
		-o-animation: none;
		animation: none;
	}


	#menuTrigger i{
		-webkit-animation: MENU-PULSE 4.0s infinite;
			 -o-animation: MENU-PULSE 4.0s infinite;
				animation: MENU-PULSE 4.0s infinite;
		-webkit-animation-delay: 4.5s;
			 -o-animation-delay: 4.5s;
				animation-delay: 4.5s;
	}

	#menuTrigger:hover i{
		-webkit-animation: none;
		-o-animation: none;
		animation: none;
	}

}*/



/* Boutons sociaux */

header .social{
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}

.home header .social{
	margin-left: 180px;
	overflow: hidden;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	top: 90px;
}

header .social:before,
header .social:after{
	content:'';
	position: absolute;
	top:18px;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
}

header .social:before{right: 50%; margin-right: 80px;}
header .social:after{left: 50%; margin-left: 80px;}
.home header .social:before{right: 0; margin-right: 140px;}
.home header .social:after{display: none;}

header .social a{
	display: inline-block;
	width: 40px;
	height: 40px;
	padding-top: 8px;
	font-size: 20px;
	text-align: center;
	border-radius: 100%;
	border: #fff solid 2px;
	color: #fff;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	header .social a:hover{background-color: #1a2a3d;}

/*Partie basse du header*/

header .bas{
	position: relative;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-top: 30px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.home header .bas{
	padding: 30px 40px 20px 40px;
	padding-bottom: 20px;
	
}


/*Boutons espace citoyen et portail click*/

header .bas .btn{
	display: block;
	margin-left: 30px;
	margin-right: 30px;
}
header .bas .btn + .btn{margin-top: 5px;}
.home header .bas .btn{
	float: right;
	margin: 0 0 0 5px;
}
.home header .bas .btn + .btn{margin-top: 0;}

@media screen and (max-width: 1350px){
	header .bas .btn{
		margin-left: 10px;
		margin-right: 10px;
		font-size: 0.813em;
		padding: 13px 5px;
	}
}

/*Champ recherche*/

header form{
	position: relative;
	display: block;
	width: auto;
	padding: 15px 30px 0 30px;
	border-top: #fff solid 2px;
	margin-top: 10px;
}
.home header form{
	float: left;
	border-top: 0;
	margin-top: 0;
	padding: 0;
	width: 200px;
}

input.champRecherche{
	color: #fff;
	padding-left: 35px;
	border-bottom: #fff solid 2px;
}
	input.champRecherche:focus{border-bottom: #f9b200 solid 2px;}

header .champRecherche::-moz-placeholder {color: rgba(255, 255, 255, 0.7);}
header .champRecherche::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.7);}

.champRecherche + button{
	position: absolute;
	left: 30px;
	top: 20px;
	display: block;
	font-size: 20px;
	color: #fff;
}
.home .champRecherche + button{
	left: 0;
	top: 6px;
}
	.champRecherche + button:hover{color: #f9b200;}


@media screen and (max-width: 1350px){
	.home header form{
		width: 130px;
	}
}

.outilsPage{
	margin: 0 auto 10px auto;
}
.home .outilsPage{
	position: absolute;
	right: 45px;
	bottom: 85px;
	margin: 0;
}

.outilsPage a{
	display: inline-block;
	width: 20px;
	border-radius: 100%;
	margin-left: 5px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.outilsPage span{
	position: relative;
	top: -6px;
	font-size: 0.6em;
}
	.outilsPage a:hover{color: #f9b200;}

/* BOUTONS DE NAVIG RAPIDE */

header .navRapide{display: none;}

.home header .navRapide{
	display: block;
	border-bottom: #fff solid 2px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.home header .navRapide > ul{
	position: relative;
	float: left;
}
.home header .navRapide > ul:after{
	content:'';
	display: table;
	clear: both;
}

.home header .navRapide > ul > li{
	float: left;
	margin-left: 10px;
}
.home header .navRapide > ul > li:first-child{margin-left: 0;}

.home header .navRapide > ul > li > a{
	display: block;
	position: relative;
	font-family: 'Museo', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	padding: 15px 60px 10px 15px;
	color: #1a2a3d;
	font-size: 1.125em;
	text-align: left;
}
.home header .navRapide > ul > li > a strong{
	display: block;
	font-size: 1.556em;
	color: #0085c5;
}
.home header .navRapide > ul > li > a:before{
	font-family: 'line icon';
	content:'\e650';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;
	font-size: 30px;
	display: block;
	color: #0085c5;
	-webkit-transition: margin 0.3s;
	   -moz-transition: margin 0.3s;
	    -ms-transition: margin 0.3s;
	     -o-transition: margin 0.3s;
	        transition: margin 0.3s;
}

	.home header .navRapide > ul > li:hover > a{
		background-color: #1a2a3d;
		color: #fff;
	}
	.home header .navRapide > ul > li:hover > a:before{
		margin-top: -25px;
	}

@media screen and (max-width: 1250px){
	.home header .navRapide > ul > li > a{font-size: 1em;}
}

/* SOUS-MENAVRAPIDE */

.home header .navRapide li ul{
	display: none; /*IE fix*/
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	background-color: #1a2a3d;
	padding: 5px 10px;
	margin-bottom: 0px; /*Répercuter la même valeur sur le height du :after*/
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.home header .navRapide li:hover ul{
		display: block;
		opacity: 1;
		margin-bottom: 11px;
		-webkit-animation: FADEIN-FUIS-FOUETTE 0.5s ease;
			    animation: FADEIN-FUIS-FOUETTE 0.5s ease;
	}

.home header .navRapide li ul:before{
	content:'';
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	height: 11px;
	width: 100%;
	background-color: #fff;
	opacity: 0;
	visibility: hidden\9; /*ie fix*/
}
.home header .navRapide li ul:after{
	content:'';
	position: absolute;
	left: 92px;
	top: 100%;
	display: block;
	width:0;
	height:0;
	border-style: solid;
	border-width: 10px;
	border-color: #1a2a3d transparent transparent transparent;
}
.home header .navRapide li.souhaite ul:after{left: 294px;}

.home header .navRapide li ul li{margin-top: 5px;}
.home header .navRapide li ul li:first-child{margin-top: 0;}

.home header .navRapide li ul li a{
	font-family: 'Museo', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	display: block;
	padding: 10px 50px 10px 5px;
	color: #fff;
	font-size: 1em;
	border-top: #fff solid 1px;
	line-height: 1.2em;
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
}
.home header .navRapide li ul li:first-child a{border-top: none;}

.home header .navRapide li ul li a:after{
	content:'\e64c';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'line icon';
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -9px;
	display: block;
	font-size: 18px;
	color: #fff;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: right 0.3s, color 0.3s;
	   -moz-transition: right 0.3s, color 0.3s;
	    -ms-transition: right 0.3s, color 0.3s;
	     -o-transition: right 0.3s, color 0.3s;
	        transition: right 0.3s, color 0.3s;
}

	.home header .navRapide li ul li a:hover{color: #0085c5;}
	.home header .navRapide li ul li a:hover:after{
		color: #0085c5;
		right: 0;
	}

@media screen and (max-width: 1250px){
	.home header .navRapide li ul:after{left: 86px;}
	.home header .navRapide li.souhaite ul:after{left: 274px;}
}




/********************************************************
*							*
		          BANDEAU
*							*
********************************************************/

.slideBandeau{
	position: fixed;
	top: 0;
	left: 65px;
	width: 100%;
	width: -webkit-calc(100% - 65px);
	width: -moz-calc(100% - 65px);
	width: -ms-calc(100% - 65px);
	width: -o-calc(100% - 65px);
	width: calc(100% - 65px);
	background-color: #fff;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}

/*.slideBandeau .slides{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}*/

.slideBandeau .slides{
	height: 100%;
	width: 100%;
}

.slideBandeau .slides li{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-color: center center;
	background-size: cover;
}

.slideBandeau .slides .alignY{
	display: table;
	width: 100%;
	height: 100%;
}

.slideBandeau .slides .bandeau-texte{display: none;}

/*bandeau Home*/

.home .slideBandeau{
	position: absolute;
	left: 0;
	width: 100%;
	/*width: -webkit-calc(50% - (65px / 2));
	width: -moz-calc(50% - (65px / 2));
	width: -ms-calc(50% - (65px / 2));
	width: -o-calc(50% - (65px / 2));
	width: calc(50% - (65px / 2));*/
	z-index: 0;
}

.home .slideBandeau .slides .bandeau-texte{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 0 40px;
	color: #fff;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.home .slideBandeau .slides .bandeau-texte:not(a){padding-bottom:80px;}

.home .slideBandeau .slides .headLine{
	width: 100%;
	padding-top: 70px;
}


.home .slideBandeau .slides .bandeau-texte span{
	font-family: 'Museo', Arial, sans-serif;
	display: block;
	/*width: 100%;*/
	font-size: 3.375em;
}

.home .slideBandeau .slides .bandeau-texte small{
	font-family: 'Museo', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-size: 2.5em;
	padding: 5px 20px;
	max-width: 90%;
	margin-top: 10px;
	-webkit-transition: background-color 0.3s;
	   -moz-transition: background-color 0.3s;
	    -ms-transition: background-color 0.3s;
	     -o-transition: background-color 0.3s;
	        transition: background-color 0.3s;
}

.home .slideBandeau .slides i{
	float: right;
	margin-top: 10px;
	font-size: 70px;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}

	.home .slideBandeau .slides a.bandeau-texte:hover small{background-color: #0085c5;}
	.home .slideBandeau .slides a.bandeau-texte:hover i{color: #0085c5;}

@media screen and (max-width: 1250px){
	.home .slideBandeau .slides i{font-size: 60px;}
}
	
/*Pagination slide*/

.slideBandeau .slidePagin{display: none;}
.home .slideBandeau .slidePagin{
	display: none;
	/*display: block;
	position: absolute;
	left: 40px;
	top: 50%;
	margin-top: -95px;
	z-index: 100;*/
}

/*.slidePagin li{
	float: left;
	margin-right: 8px;
}

.slidePagin a{
	display: block;
	width: 14px;
	height: 14px;
	border: #fff solid 2px;
	box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.slidePagin a:hover{border: #0085c5 solid 2px;}

.slidePagin li.slides_here{
	-webkit-transform: scale(1.3);
	   -moz-transform: scale(1.3);
	    -ms-transform: scale(1.3);
	     -o-transform: scale(1.3);
	        transform: scale(1.3);
}
.slidePagin li.slides_here a{
	border: none;
	background-color: #0085c5;
}

@media screen and (max-width: 1250px){
	.home .slideBandeau .slidePagin{margin-top: -75px;}
}*/



/********************************************************
*							*
		          MENU
*							*
********************************************************/

/* MODIFICATEURS DE POSITION */
.decale{left: 300px;}
.decale[data-niveau2]{left: 600px;}
.decale[data-niveau3]{left: 900px;}


/* MENU */
nav{
	/*display: none;*/
	position: fixed;
	height: 100%;
	width: 300px;
	max-width: 65px;
	top: 0;
	/*left: -300px;*/
	overflow: hidden;
	background-color: #0085c5;

	left : 0;
	opacity: 1;
	z-index: 0;
	-webkit-transition: z-index 0s 0.2s, max-width 0.2s;
	   -moz-transition: z-index 0s 0.2s, max-width 0.2s;
	    -ms-transition: z-index 0s 0.2s, max-width 0.2s;
	     -o-transition: z-index 0s 0.2s, max-width 0.2s;
	        transition: z-index 0s 0.2s, max-width 0.2s;
}

/*nav.open,*/
nav:hover{
	/*left:0;*/
	max-width: 300px;
	overflow: initial;
	z-index: 1000;
	/*opacity: 1;*/
	-webkit-transition: z-index 0s 0.2s, max-width 0.2s 0.2s;
	   -moz-transition: z-index 0s 0.2s, max-width 0.2s 0.2s;
	    -ms-transition: z-index 0s 0.2s, max-width 0.2s 0.2s;
	     -o-transition: z-index 0s 0.2s, max-width 0.2s 0.2s;
	        transition: z-index 0s 0.2s, max-width 0.2s 0.2s;
}



/* SURVOL MENU TRIGGER */
/*nav.pictos{
	left :-235px;
	opacity:1;
}

nav.pictos > ul > li > a:before{
	left: auto; 
	right: 22px;
}

nav.pictos ul li.parentLink > a:after{
	display: none;
}

nav.pictos .menuClose{
	display: none;
}*/

/*nav:after{
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 5px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index:50;
}*/

nav .menuClose{
	display: none;
	position: absolute;
	top: 18px;
	right: 20px;
	z-index: 20;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s, color 0.3s;
	   -moz-transition: -moz-transform 0.3s, color 0.3s;
	    -ms-transition: -ms-transform 0.3s, color 0.3s;
	     -o-transition: -o-transform 0.3s, color 0.3s;
	        transition: transform 0.3s, color 0.3s;
}

	/*nav .menuClose:hover{
		color: #f9b200;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}*/

nav h2{
	padding: 0 13px;
	height: 55px;
	line-height: 55px;
	background-color: #1a2a3d;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer; 
}

nav ul{
	position: relative;
}

nav li{
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6)
}

nav li a{
	position: relative;
	display: block;
	padding: 20px 50px 20px 30px;
	color: #fff;
	font-weight: 300;
}
nav li.actif > a{
	color: #1a2a3d;
}

nav > ul > li > a{
	padding-left: 70px;
	white-space: nowrap;
}
nav > ul > li > a:before{
	font-family: 'line icon';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 22px;
	top: 50%;
	margin-top: -12px;
	display: block;
	font-size: 24px;
}

nav > ul > li.mairie > a:before{content:'\e6d0';}
nav > ul > li.vieQuo > a:before{content:'\e628';}
nav > ul > li.cadreVie > a:before{content:'\e605';}
nav > ul > li.scl > a:before{content:'\e6a0';}
nav > ul > li.emploiEco > a:before{content:'\e6a3';}
nav > ul > li.outilsPratiques > a:before{content:'\e60d';}
nav > ul > li.menuActus > a:before{content:'\e6c8';}
nav > ul > li.menuAgenda > a:before{content:'\e667';}
nav > ul > li.menuTV > a:before{content:'\e686';}



/* MENU PRINCIPAL COVID */

nav > ul > li.covid > a{
	background: #D0333C url('../img/pictos/picto-covid.png') no-repeat 17px center / 30px;
}

nav > ul > li.covid:hover > a,
nav li.covid ul,
nav li.covid ul:after{
	background-color: #bf2f37;
}

nav li.covid ul:after{opacity: 0.98;}


nav li.covid li:hover > a,
nav li.covid ul ul,
nav li.covid ul ul:after{
	background-color: #ab2e35
}

nav li.covid ul ul:after{opacity: 0.98;}


nav li.covid li li:hover > a{background-color: #96282e}




nav ul li.parentLink > a:after{
	content:'\e64c';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'line icon';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12px;
	display: block;
	font-size: 24px;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: right 0.3s;
	   -moz-transition: right 0.3s;
	    -ms-transition: right 0.3s;
	     -o-transition: right 0.3s;
	        transition: right 0.3s;
}

	nav li:hover > a{
		background-color: #077bb3;
		color: #fff;
	}
	nav li.parentLink:hover > a:after{right:10px;}


/* DEUXIEME NIVEAU MENU */

nav li ul{
	position: absolute;
	top: 0;
	left: -9999px;
	/*left: 0;*/ /*Pour design*/
	width: 300px;
	background-color: #077bb3;
	background-color: rgba(7, 123, 173, 0.98);
	opacity: 0;
	z-index: 1;

	-webkit-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	   -moz-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	    -ms-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	     -o-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	        transition: opacity 0.3s 0.3s, left 0s 0.5s;
}

	@media screen and (min-width: 1025px){
		nav li:hover > ul{
			left: 100%;
			opacity: 1;
			-webkit-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			   -moz-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			    -ms-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			     -o-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			        transition: opacity 0.2s 0.2s, left 0s 0.2s;
		}
	}

	

nav li ul:before{
	position: absolute;
	top: -55px;
	left: 0;
	width: 100%;
	height: 55px;
	line-height: 55px;
	font-family: 'Museo', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 30px;
	color: #fff;
	background-color: #1a2a3d;
	background-color: rgba(26, 42, 61, 0.98);
	cursor: pointer;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
nav li.covid ul:before{content:'Infos Covid-19';}
nav li.mairie ul:before{content:'Mairie pratique';}
nav li.vieQuo ul:before{content:'Vie quotidienne';}
nav li.cadreVie ul:before{content:'Qualité de ville';}
nav li.scl ul:before{content:'Sport, culture & loisirs';}
nav li.emploiEco ul:before{content:'Emploi et économie';}
nav li.outilsPratiques ul:before{content:'Outils pratiques';}

nav li ul:after{ /*extension du bleu du menu jusqu'en bas de la page*/
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 900px;
	background-color: #077bb3;
	background-color: rgba(7, 123, 173, 0.98);
}
	nav li li:hover > a{background-color: #066795;}
	nav li li.parentLink:hover a:after{right:10px;}


/* 3e NIVEAU MENU */

nav li li ul{
	left: -9999px;
	width: 300px;
	background-color: #066795;
	background-color: rgba(6, 103, 149, 0.98);
	opacity: 0;

	-webkit-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	   -moz-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	    -ms-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	     -o-transition: opacity 0.3s 0.3s, left 0s 0.5s;
	        transition: opacity 0.3s 0.3s, left 0s 0.5s;
}

nav li li ul li a{
	padding: 8px 30px;
	font-size: 0.875em;
}

	@media screen and (min-width: 1025px){
		nav li li:hover > ul{
			left: 100%;
			opacity: 1;
			-webkit-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			   -moz-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			    -ms-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			     -o-transition: opacity 0.2s 0.2s, left 0s 0.2s;
			        transition: opacity 0.2s 0.2s, left 0s 0.2s;
		}
	}


nav li li > ul:before{content:'' !important;}
nav li li ul:after{ /*extension du bleu du menu jusqu'en bas de la page*/
	background-color: #066795;
	background-color: rgba(6, 103, 149, 0.98);
}
	nav li li li:hover a{
		background-color: #1a2a3d;
		background-color: rgba(26, 42, 61, 0.98);
	}



/* Bouton retour */

nav #menu_retour{
	padding-right: 20px;
	padding-left: 50px;
}
nav #menu_retour:after{
	content:'\e64d';
	right: auto;
	left: 20px;
}


/* MENU SECONDAIRE */

nav .menuSec{
	opacity: 0;
	border-bottom: none;
	-webkit-transition: opacity 0.1s;
	   -moz-transition: opacity 0.1s;
	    -ms-transition: opacity 0.1s;
	     -o-transition: opacity 0.1s;
	        transition: opacity 0.1s;
}
	nav:hover .menuSec{
		opacity: 1;
		-webkit-transition: opacity 0.2s 0.3s;
		   -moz-transition: opacity 0.2s 0.3s;
		    -ms-transition: opacity 0.2s 0.3s;
		     -o-transition: opacity 0.2s 0.3s;
		        transition: opacity 0.2s 0.3s;
	}

nav .menuSec > a{
	display: none !important;
}

nav .menuSec > ul,
nav .menuSec:hover > ul{
	display: block;
	position: relative;
	top: auto;
	left: auto;
	background-color: transparent;
	padding: 20px 40px 20px 70px;
	width: auto;
	opacity: 1;
}

nav .menuSec ul:before,
nav .menuSec ul:after{
	display: none;
}

nav .menuSec li{
	border-bottom: none;
}

nav .menuSec a{
	display: block;
	color: #fff;
	padding: 3px 0;
	font-size: 0.875em;
	font-weight: 400;
	text-transform: uppercase;
}
nav .menuSec a:after{display: none;}

	nav .menuSec a:hover{
		background-color: transparent;
		color: #1a2a3d;
	}

/********************************************************
*							*
		          FOOTER
*							*
********************************************************/

footer{
	background-color: #1a2a3d;
	padding: 20px 30px; 
	border-top: #fff solid 1px;
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
	color: #fff;
}

/*#logoFoot{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 115px;
	height: 113px;
	background-image: url('../img/logo-foot.png');
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.footGauche{
	position: relative;
	float: left;
	width: 50%;
	border-right: #fff solid 2px;
	border-right: rgba(255, 255, 255, 0.2) solid 2px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding: 20px 30px 15px 140px;
	min-height: 130px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.footGauche ul a{
	display: block;
	color: #fff;
	padding: 3px 0;
	font-size: 0.875em;
	font-weight: 500;
	text-transform: uppercase;
}
	.footGauche ul a:hover{color: #0085c5;}

.footDroite{
	float: left;
	width: 50%;
	padding: 10px 0 15px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.footDroite h3{
	font-size: 1.2em;
	color: #f9b200;
	font-family: 'Museo', Arial, sans-serif;
}
.footDroite p{
	font-size: 0.875em;
	text-align: center;
}
*/
/*.footDroite form{
	display: inline-block;
	max-width: 300px;
	position: relative;
}

.footDroite input.champNewsletter{
	color: #fff;
	padding-right: 30px;
	border-bottom: #fff solid 2px;
}

	.footDroite input.champNewsletter:focus{border-bottom: #f9b200 solid 2px;}

.footDroite .champNewsletter::-moz-placeholder {color: rgba(255, 255, 255, 0.7);}
.footDroite .champNewsletter::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.7);}

.champNewsletter + button{
	position: absolute;
	right: 0;
	top: 5px;
	display: block;
	font-size: 20px;
	color: #fff;
	margin-right: 0;
}

	.champNewsletter + button:hover{color: #f9b200;}*/


.footBas{
	text-align: center;
	/*border-top: #fff solid 2px;
	border-top: rgba(255, 255, 255, 0.2) solid 2px;
	padding-top: 20px;*/
}

.copyright{
	display: block;
	font-size: 0.750em;
	font-style: italic;
	font-weight: 300;
	color: #fff;
	color: rgba(255, 255, 255, 0.2);
}

#logo-6tk {
	position: relative;
	background-image: url("../img/logo-6tk.png");
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	height: 27px;
	width: 117px;
	text-indent: -9999px;
	margin-top: 15px;
	-webkit-transition: background-position 0.3s;
	   -moz-transition: background-position 0.3s;
	    -ms-transition: background-position 0.3s;
	     -o-transition: background-position 0.3s;
	        transition: background-position 0.3s;
}
	#logo-6tk:hover{background-position: left bottom;}


@media screen and (max-width: 1250px){
	.footGauche,
	.footDroite{
		float: none;
		width: 100%;
		padding: 15px 0;
		border-right: none;
		text-align: left;
	}
	.footGauche{
		padding-left: 140px;
		border-bottom: #fff solid 2px;
		border-bottom: rgba(255, 255, 255, 0.2) solid 2px;
	}
	.footDroite{
		padding-right: 10px;
		padding-left: 10px;
	}
	.footDroite p{text-align: left;}
	.footDroite form{max-width: 100%;}
}

/********************************************************
*							*
		          CONTENU
*							*
********************************************************/


/*
*
*
*	GENERAL
*
*
*/

.content{
	position: relative;
	width: 75%;
	margin-left: 25%;
	padding-top: 142px;
	z-index: 1;
}
.home .content{
	width: 50%;
	margin-left: 50%;
	padding-top: 0;
}

.content section:only-of-type{
	min-height: 100vh;
	min-height: -webkit-calc( 100vh - 140px );
	min-height: -moz-calc( 100vh - 140px );
	min-height: calc( 100vh - 140px );
}

.card{
	display: block;
	padding: 30px 30px 30px 30px;
	background-color: #fff;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noItem{
	position: relative;
	display: block;
	padding: 30px 30px 30px 120px;
	background-color: #fff;
	color: #999;
	font-weight: 300;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noItem:before{
	content:'\e6f8';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'line icon';
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -25px;
	display: block;
	font-size: 50px;
}

.categ{
	display: block;
	margin-bottom: 5px;
	font-size: 0.875em;
	text-transform: uppercase;
	-webkit-transition: color 0.3s, background-color 0.3s, border 0.3s;
	   -moz-transition: color 0.3s, background-color 0.3s, border 0.3s;
	    -ms-transition: color 0.3s, background-color 0.3s, border 0.3s;
	     -o-transition: color 0.3s, background-color 0.3s, border 0.3s;
	        transition: color 0.3s, background-color 0.3s, border 0.3s;
}

.date-photo{
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.date-photo span{
	display: block;
	font-family: 'Museo', Arial, sans-serif;
	font-size: 4em;
	line-height: 0.9em;
	font-weight: normal;
}
.date-photo small{
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.875em;
}
.date-photo .categ{margin-top: 5px;}


.datePubli{
	position: relative;
	display: block;
	font-size: 0.875em;
	padding: 3px 0 3px 25px;
	color: #a4a4a4;
	font-weight: 300;
	font-style: italic;
	-webkit-transition: color 0.3s, background-color 0.3s, border 0.3s;
	   -moz-transition: color 0.3s, background-color 0.3s, border 0.3s;
	    -ms-transition: color 0.3s, background-color 0.3s, border 0.3s;
	     -o-transition: color 0.3s, background-color 0.3s, border 0.3s;
	        transition: color 0.3s, background-color 0.3s, border 0.3s;
}
.datePubli:before{
	content: '\e669';
	font-family: 'line icon';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-style: normal;
}

span.souligneFleche{
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: 500;
	padding: 0 5px 5px 5px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	margin-bottom: 25px;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}
.souligneFleche:before{
	content:'\e651';
	font-family: 'line icon';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	bottom: -16px;
	right: -19px;
	font-size: 30px;
	display: block;
	line-height: 22px;
}

.fleche-plus{
	float: right;
	position: relative;
	text-transform: uppercase;
	font-size: 0.875em;
	vertical-align: middle;
	min-height: 14px;
	padding: 22px 60px 22px 0;
	-webkit-transition: color .3s ease;
	   -moz-transition: color .3s ease;
	    -ms-transition: color .3s ease;
	     -o-transition: color .3s ease;
	        transition: color .3s ease;
}
.fleche-plus i{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 60px;
	margin-left: 10px;
}

.fleche-retour{
	float: right;
	position: relative;
	text-transform: uppercase;
	font-size: 0.875em;
	vertical-align: middle;
	min-height: 14px;
	padding: 22px 0 22px 60px;
	-webkit-transition: color .3s ease;
	   -moz-transition: color .3s ease;
	    -ms-transition: color .3s ease;
	     -o-transition: color .3s ease;
	        transition: color .3s ease;
}
.fleche-retour i{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 60px;
	margin-left: 10px;
}

.fleche-plus + .fleche-retour{margin-right: 40px;}

.overlayNoir:before{
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
	z-index: 0;
	-webkit-transition: background-color 0.3s;
	   -moz-transition: background-color 0.3s;
	    -ms-transition: background-color 0.3s;
	     -o-transition: background-color 0.3s;
	        transition: background-color 0.3s;
}

/*
*
*
*	MINIMALECT
*
*
*/
.minict_wrapper {
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	color: #444444;
	width: 100%;
	border: 1px solid #1a2a3d;
	border-radius: 0;
}

.minict_wrapper span:empty:before {
	color: #444444;
}

/*fin*/

/*
*
*
*	ONGLETS
*
*
*/

.onglets{
	position: relative;
	margin-top: 20px;
	background-color: #dadada;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
}

.onglets li{
	display: block;
	float: left;
	width: 150px;
	height: 60px;
}
.onglets li:not(:first-child){border-left: #dedede solid 1px;}


.onglets a{
	display: block;
	line-height: 60px;
	font-size: 0.875em;
	font-weight: 600;
	text-align: center;
	color: #a6a6a6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	.onglets a:hover{color: #0085c5;}

.onglets .active a{
	border-top: #f9b200 solid 3px;
	background-color: #fff;
	color: #f9b200;
	line-height: 57px;
}

/*
*
*
*	ACCUEIL
*
*
*/

.flash-agenda{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.flashHome,
.agendaHome{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
*	Flash Info Home
*/

.flashHome{
	position: relative;
	width: 50%;
	background-color: #0085c5;
	color: #fff;
	z-index: 0;
}

.flashHome-interne{
	padding: 30px 30px 60px 30px;
	overflow: hidden;
}

.flashHome .slideContainer{
	height: 100%;
}

.flashHome-slide{
	overflow: initial;
}

.flashHome-slide li{
	display: block;
	opacity: 0;
	background-color: #0085c5;
	/*height: 100%;*/
}
.flashHome-slide .active-slide{
	opacity: 1;
}

.flashHome-slide li a{display: block;}
.flashHome-slide li a:after{
	content:'';
	display: table;
	clear: both;
}

.flashHome h2{
	color: #fff;
	margin-bottom: 15px;
}
.flashHome p{
	text-align: left;
	color: #fff;
}
.flashHome .fleche-plus{
	color: #fff;
	margin-top: -10px;
	margin-bottom: 0;
}

	a.flashHome:hover{background-color: #f9b200;}

/* fleches defilement */

.flashHome .navigation li{
	position: absolute;
	bottom: 10px;
	z-index: 9999;
}
.flashHome .navigation .arrow--prev{left: 20px;}
.flashHome .navigation .arrow--next{right: 20px;}

.flashHome .navigation a{
	font-size: 40px;
	line-height: 40px;
	color: #1a2a3d;
}
	.flashHome .navigation a:hover{color: #fff;}

/* Pagination */

.flashHome-pagin{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	padding: 0 80px;
	z-index: 9998;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.flashHome-pagin li{
	float: none;
	display: inline-block;
	margin: 2px;
}

.flashHome-pagin a{
	display: block;
	height: 24px;
	width: 24px;
	line-height: 23px;
	background-color: transparent;
	border-radius: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #1a2a3d;
}
	
	.flashHome-pagin a:hover{
		background-color: #fff;
		color: #0085c5;
	}
	.flashHome-pagin .active a{
		background-color: #1a2a3d;
		color: #0085c5;
	}


/*
*	Agenda Home
*/

.agendaHome{
	position: relative;
	width: 100%;
	padding: 30px 30px 20px 30px;
	background-color: #1a2a3d;
	color: #fff;
}
.flashHome + .agendaHome{width: 50%;}

.agendaHome .slideContainer{
	width: 100%;
	position: relative;
	margin: 10px 0 20px 0;
}

.agendaHome .slideAgenda{
	height: 125px;
	width: 100%;
	overflow: hidden;
}

.agendaHome .slideAgenda ul li a{
	display: block;
	position: relative;
	padding-left: 80px;
	padding-top: 10px;
}

.agendaHome .slideAgenda figure{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2.125em;
	color: #0085c5;
	width: 63px;
	height: 66px;
	text-align: center;
	padding-top: 25px;
	background-image: url('../img/pictos/agenda-date.png');
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}

.agendaHome .slideAgenda li .categ{
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}

.agendaHome .slideAgenda h3{
	font-family: 'Museo', Arial, sans-serif;
	font-size: 1.250em;
	line-height: 1.2em;
	color: #fff;
}

.agendaHome .fleche-plus{color: #fff;}
	.agendaHome .fleche-plus:hover{color: #0085c5;}


.slideContainer .systekaPagin{
	position: absolute;
	left: 5px;
	top: 80px;
	z-index:10;
}	

.slideContainer .systekaPagin li a{
   color:black;
   text-decoration: none;
}

.slideContainer .systekaPagin li{
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}

.slideContainer .systekaPagin li a{
	display: block;
	width: 14px;
	height: 14px;
	border: #fff solid 2px;
	box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.slideContainer .systekaPagin li a:hover{border: #0085c5 solid 2px;}

.slideContainer .systekaPagin li.active a{
   -webkit-transform: scale(1.3);
	   -moz-transform: scale(1.3);
	    -ms-transform: scale(1.3);
	     -o-transform: scale(1.3);
	        transform: scale(1.3);
	border: none;
	background-color: #0085c5;
}


/*.agendaHome .slidesjs-pagination{
	position: absolute;
	left: 35px;
	top: 165px;
	z-index:10;
}

.agendaHome .slidesjs-pagination li{
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}

.agendaHome .slidesjs-pagination a{
	display: block;
	width: 14px;
	height: 14px;
	border: #fff solid 2px;
	box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.agendaHome .slidesjs-pagination a:hover{border: #0085c5 solid 2px;}

.agendaHome .slidesjs-pagination li a.active{
	-webkit-transform: scale(1.3);
	   -moz-transform: scale(1.3);
	    -ms-transform: scale(1.3);
	     -o-transform: scale(1.3);
	        transform: scale(1.3);
}
.agendaHome .slidesjs-pagination li a.active{
	border: none;
	background-color: #0085c5;
}*/

.agendaHome .slideAgenda li a:hover figure{color: #f9b200;}
.agendaHome .slideAgenda li a:hover .categ{color: #f9b200;}

/*
*	Publications home
*/
/*
.publiHome{
	padding: 30px 30px 20px 30px;
}

.publiHome .miniPubli{
	display: block;
	position: relative;
	float: left;
	width: 47%;
	color: #1a2a3d;
	min-height: 150px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 120px;
	background-color: #fff;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	   -moz-transition: -moz-transform 0.3s, background-color 0.3s;
	    -ms-transition: -ms-transform 0.3s, background-color 0.3s;
	     -o-transition: -o-transform 0.3s, background-color 0.3s;
	        transition: transform 0.3s, background-color 0.3s;
}
.publiHome .clear + .miniPubli{margin-right: 6%;}

@media screen and (max-width: 1250px){
	.publiHome .miniPubli{
		float: none;
		width: 100%;
	}
	.publiHome .clear + .miniPubli{margin-right: 0;}
}

.publiHome figure{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.publiHome h3{
	line-height: 1.2em;
}

	.publiHome .miniPubli:hover{
		color: #f9b200;
		-webkit-transform: scale(1.01) rotate(1deg);
		   -moz-transform: scale(1.01) rotate(1deg);
		    -ms-transform: scale(1.01) rotate(1deg);
		     -o-transform: scale(1.01) rotate(1deg);
		        transform: scale(1.01) rotate(1deg);
	}*/





/*
*	Actu home
*/

.actuHome{
	display: block;
	padding: 60px 60px;
	color: #444;
	background-image: url('../img/utils/pattern3.png');
	background-color:#e9e9e9;
}

.actuHome.test{
	background: rgba(0,0,0,0.05);
	padding-top: 20px;
	padding-bottom: 20px;
}

.actuHome + .actuHome{
	background-color: rgba(26, 42, 61, 0.1);
	background-image: none;
	/* border-top: #1a2a3d solid 3px; */
}

.actuHome-item{
	display: block;
	color: #444;
}

.actuHome figure,
.actuHome article{
	float: left;
	display: block;
	width: 48%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.actuHome figure{
	position: relative;
	/*background-image: url('../img/photos/actu-test1.JPG');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;*/
	max-height: 250px;
	overflow: hidden;
	background-color: transparent;
}
.actuHome figure img{
	width: 100%;
}

.actuHome article{
	margin-left: 4%;
	padding-top: 10px;
	-webkit-transition: color 0.3s, background-color 0.3s;
	   -moz-transition: color 0.3s, background-color 0.3s;
	    -ms-transition: color 0.3s, background-color 0.3s;
	     -o-transition: color 0.3s, background-color 0.3s;
	        transition: color 0.3s, background-color 0.3s;
}

.actuHome .categ{
	color: #999;
}

	.actuHome a:hover .fleche-plus{color: #1a2a3d;}
	.actuHome a:hover .souligneFleche{color: #1a2a3d;}



.actuHome-second{
	position: relative;
	display: block;
	padding: 60px;
}

@media screen and (max-width: 768px){
	.actuHome-second{
		padding: 60px 20px;
	}
}


@media screen and (min-width: 769px){
	.actuHome-second::before{
		display: block;
		content: '';
		position: absolute;
		top: -20px;
		left: 98px;
		width: 1px;
		height: calc(100% + 20px);
		background: #9ca3aa;
	}
}

.actuHome-second li:not(:last-child) .actuHome-second-liste-card{
	margin-bottom: 1rem;
}



.actuHome-second-liste-card{
	display: flex;
	align-items: center;
}

.actuHome-second figure{
	position: relative;
	margin-right: 1rem;
	flex: 0 0 5rem;
	width: 5rem;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media screen and (max-width: 768px){
	.actuHome-second figure{
		flex: 0 0 5rem;
		width: 5rem;
		height: 5rem;
	}
}

.actuHome-second .categ{
	color: #999;
}

.actuHome-second .fleche-plus{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.actuHome-second a:hover .fleche-plus{
	color: #1a2a3d;
}


.actuHome-second article{
	position: relative;
	width: 100%;
	padding-right: 50px;
}

.actuHome-second .slick-prev,
.actuHome-second .slick-next{
	left: 26px;
	width: 22px;
	height: 24px;
	color: #9ca3aa;
	font-size: 33px;
	transition: color 0.3s;
}

.actuHome-second .slick-prev:focus,
.actuHome-second .slick-next:focus{
	color: #9ca3aa;
}

.actuHome-second .slick-prev::before,
.actuHome-second .slick-next::before{
	display: none;
}

.actuHome-second .slick-prev{
	top: -34px;
}

.actuHome-second .slick-next{
	top: auto;
	bottom: -29px;
}

.actuHome-second .slick-prev:hover,
.actuHome-second .slick-next:hover{
	color: #1a2a3d;
}

.actuHome-second .slick-disabled{
	cursor: default;
	color: #ddd;
}

.actuHome-second .slick-disabled:hover,
.actuHome-second .slick-disabled:focus{
	color: #ddd;
}


/*
*	Web TV Home
*/

.webTVhome{
	position: relative;
	display: block;
	padding: 25px 30px;
	height: 350px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.webTVhome:before{
	content:'';
	position: absolute;
	top: 75px;
	left:0;
	display: block;
	height: 2px;
	width: 100%;
	background-color: #fff;
}



/*.webTVhome h2{
	margin-top: 30px;
	font-size: 2.5em;
	color: #fff;
}

.webTVhome h2 span{
	display: block;
	text-transform: uppercase;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 0.6em;
	font-weight: 300;
}*/

.webTVhome .basTV{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 30px 20px 90px;
	width: 100%;
	border-top: #fff solid 2px;
	background-color: #1a2a3d;
	background-color: rgba(0, 133, 197, 0.9);
	color: #fff;
	text-align: left;
	-webkit-transition: background-color 0.3s;
	   -moz-transition: background-color 0.3s;
	    -ms-transition: background-color 0.3s;
	     -o-transition: background-color 0.3s;
	        transition: background-color 0.3s;
}

.webTVhome .basTV i{
	position: absolute;
	top: 3px;
	left: 30px;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 60px;
	color: #fff;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}
	.webTVhome:hover .overlayNoir{background-color: transparent;}
	.webTVhome:hover .basTV{background-color: #f9b200;}

.webTVhome .basTV .categ{
	display: block;	
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 700;
}
.webTVhome .basTV em{
	display: block;
	font-style: normal;
	font-size: 0.875em;
}

/*
*	Newsletter Home
*/

.newsletterHome{
	padding: 30px 30px 20px 30px;
	background-color: #1a2a3d;
	color: #fff;
	position: relative;
}

.newsletterHome .loader{
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.newsletterHome-text{
	float: left;
	width: 65%;
	color: #fff;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.newsletterHome-text h2{margin-bottom: 0;}
.newsletterHome-text p{
	margin-top: 0;
	text-align: left;
}

.newsletterHome-form{
	position: relative;
	float: left;
	display: block;
	width: 50%;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.newsletterHome-champ[type='email']{
	color: #fff;
	padding-right: 30px;
	border-bottom: #fff solid 2px;
}

	.newsletterHome-champ[type='email']:focus{border-bottom: #fff solid 1px;}

.newsletterHome-champ::-moz-placeholder {color: rgba(255, 255, 255, 0.5);}
.newsletterHome-champ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.5);}

.newsletterHome-champ + [type="submit"]{
	position: absolute;
	right: 0;
	top: 5px;
	display: block;
	font-size: 20px;
	color: #fff;
	margin-right: 0;
}

	.newsletterHome-champ + [type="submit"]:hover{color: #f9b200;}



/* ERREUR / SUCCES */
.newsletterHome .erreur{
	padding: 5px 0 0 0;
	background-color: transparent;
	color: #f9b200;
}

.newsletterHome .succes{
	position: relative;
	display: block;
	padding: 0 0 0 55px;
	background-color: transparent;
	color: #a0b80d;
}

.newsletterHome .succes i{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #a0b80d;
	border-radius: 100%;
	font-size: 20px;
}


/******************************************************************
*								    *
			ARBO SOUS-MENU
*								    *
******************************************************************/

/*.arboSousMenu{
	float: left;
	width: 23%;
	margin-right:3%;
}*/

.arboSousMenu--mobile{display: none;}

.arboSousMenu li{
	display: block;
	background-color: #0085c5;
	margin-bottom: 1px;
}


/* SOUS-MENU COVID */
.arboSousMenu.covid li{
	background-color: #D0333C;
}

.arboSousMenu.covid li a:hover,
.arboSousMenu.covid li li a:hover{
	background-color: #bf2f37;
}



.arboSousMenu li a{
	position: relative;
	display: block;
	padding: 15px 35px 15px 15px;
	font-size: 0.875em;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	/*white-space: nowrap;*/
}
.arboSousMenu li.parentLink > a:after{
	content:'\e651';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'line icon';
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -8px;
	display: block;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: right 0.3s;
	   -moz-transition: right 0.3s;
	    -ms-transition: right 0.3s;
	     -o-transition: right 0.3s;
	        transition: right 0.3s;
}
.arboSousMenu li.parentLink.ouvert > a:after{content:'–';}


.arboSousMenu li.active > a{
	color: #1a2a3d;
	font-weight: 500;
}
	.arboSousMenu li a:hover{
		background-color: #1a2a3d;
		color: #fff;
	}

.arboSousMenu li ul{
	display: none;
	padding: 10px 10px 10px 10px;
	background-color: #077bb3;
	background-color: rgba(0, 0, 0, 0.05);
}
.arboSousMenu li ul.ouvert{display: block;}

.arboSousMenu li li{
	background-color: transparent;
	margin-bottom: 0;
}

.arboSousMenu li ul a{
	text-transform: none;
	padding: 5px 10px;
	font-weight: 300;
}
	
	.arboSousMenu li li a:hover{
		background-color: #0085c5;
		color: #fff;
	}

.arboSousMenu li li.active > a{
	color: #1a2a3d;
	font-weight: 500;
}
	

/*.arboSousMenu + .contenuPage{
	float: left;
	width: 74%;
}*/


/******************************************************************
*								    							*
						PAGES INTERNES
*								    							*
******************************************************************/

.titre1.souligneFleche{
	position: relative;
	margin-bottom: 25px;
	padding: 30px 0 5px 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #fff;
	text-transform: uppercase;
}
.titre1.souligneFleche:before{
	bottom: -16px;
	right: -18px;
}



.titrePage{
	float: left;
	background-color: #f9b200;
	padding: 10px 20px;
	margin-bottom: 30px;
	color: #fff;
}

/******************************************************************
*								    							*
						CMS
*								    							*
******************************************************************/


.cms{margin-bottom: 40px;}

.cms * + .titre2{
	margin-top: 30px;
}

.cms .titre2{
	float: left;
	background-color: #f9b200;
	padding: 10px 20px;
	color: #fff;
}

.covid .cms .titre2{
	background-color: #D0333C;
} 

.cms * + .titre3{margin-top: 30px;}

.cms > .titre3{
	display: inline-block;
	position: relative;
	padding: 8px 10px 8px 40px;
	margin-top: 30px;
	font-weight: 600;
	text-transform: uppercase;
	color: #1a2a3d;
	background-color: #fff;
}
.cms > .titre3:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-family: 'line icon';
	content:'\e64c';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	width: 30px;
	height: 100%;
	line-height: 34px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #0085c5;
}

.cms .titre4{
	display: inline-block;
	padding: 8px 10px 8px 10px;
	margin-top: 20px;
	background-color: #fff;
	color: #1a2a3d;
	border-left: 5px solid #0085c5;
}	 


.cms .titre2 + .clear + .titre3{margin-top: 15px;}
.cms .titre3 + .clear + .titre4{margin-top: 15px;}

.cms .titre2 + .clear + *{margin-top: 10px;}
.cms .titre2 + .clear + .imgCentre,
.cms .titre2 + .clear + .slideshow{margin-top: 0;}
.cms .titre3 + .clear + *{margin-top: 12px;}
.cms .titre4 + .clear + *{margin-top: 10px;}



.colonne{margin-top: 20px;}

.decentreD{
	position: relative;
	background-color: #fff;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	padding: 30px 30px 30px 30px;
}
.decentreD:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 120px;
	max-height: 50%;
	background-color: #0085c5;
}
/*.decentreD:after{
	content:'';
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 50%;
	height: 100%;
	background-color: #fff;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
}*/

.colonne .col1tier {
	float: left;
	width: 35%;
	margin-left: 3%;
}

.col2tiers {
	float: left;
	width: 62%;
	margin-left: 3%;
}

.colDemi {
	float: left;
	width: 48.5%;
	margin-left: 3%;
}

.colImg {
	text-align: center;
}

.colImg img {max-width: 100%;}

.colonne .colGauche{margin-left: 0;}

.colonne p {
	margin-bottom: 0;
	margin-top: 10px;
}
.colonne p:first-child {margin: 0;}

.colonne ul {
	margin-top: 20px;
	margin-left: 3px;
	margin-bottom: 10px;
}

.colonne ul li {
	padding-left: 15px;
	background-image:url('../img/utils/puce-liste.png');
	background-repeat: no-repeat;
	background-position: left 3px;
	-webkit-transition: background-position 0.3s, color 0.3s;
	-moz-transition: background-position 0.3s, color 0.3s;
	-ms-transition: background-position 0.3s, color 0.3s;
	-o-transition: background-position 0.3s, color 0.3s;
	transition: background-position 0.3s, color 0.3s;
	margin-bottom:10px;
	font-weight: 300;
}

.imgCentre {
	position: relative;
	text-align: center;
	margin-top: 30px;
	padding: 30px;
	background-color: #fff;
	overflow: hidden;
}
.imgCentre img{
	max-width: 100%;
}
.imgCentre:after{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 120px;
	max-height: 50%;
	background-color: #f9b200;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.cms .btn-download{
	margin-top: 30px;
}

.cms .btn-download + .clear + .btn-download{margin-top: 10px;}


.displayWrap{margin-top: 30px;}

/*
*
*
*	FORMULAIRES CMS
*
*
*/

.formCms{
	margin-top: 20px;
	padding: 20px 30px;
}
.cms .formCms.decentreD:before{background-color: #f9b200;}

.cms .formCms h2{
	margin-top: 0;
	margin-bottom: 15px;
}

.formCms form{
	margin-bottom: 0;
}

/*
*
*
*	SLIDESHOWS
*
*
*/

.slideshow {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
}
.slideshow:after{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 120px;
	max-height: 50%;
	background-color: #f9b200;
	z-index: 500;
}

.slideshow li{
	width: 100%;
	height: 400px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.slideshow img{
	max-width: 100%;
	max-height: 100%;
}

.slideshow .rslides_nav{
	font-family: 'iconfont';
	position: absolute;
	top: 50%;
	margin-top: -15px;
	font-size: 30px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden\9; /*pour IE*/
	z-index: 10;

	-webkit-transition: color 0.3s, opacity 0.3s;
	-moz-transition: color 0.3s, opacity 0.3s;
	-ms-transition: color 0.3s, opacity 0.3s;
	-o-transition: color 0.3s, opacity 0.3s;
	transition: color 0.3s, opacity 0.3s;
}
.slideshow .prev{left: 15px;}
.slideshow .prev:before{content:'\e6f2';}
.slideshow .next{right: 15px;}
.slideshow .next:before{content:'\e6f3';}

	.slideshow:hover .rslides_nav{
		opacity: 1;
		visibility: visible\9;  /*pour IE*/
	}
	.slideshow .rslides_nav:hover{color: #a1d36e;}

.slideshow .legende{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 30px;
	margin-top: -50px;
	background-color: #f9b200;
	color:#fff;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
	    -ms-transition: opacity 0.3s ease;
	     -o-transition: opacity 0.3s ease;
	        transition: opacity 0.3s ease;
}

.slideshow li .legende .leg-titre{
	display: block;
	font-size: 1.25em;
	font-family: 'Museo', Arial, sans-serif;
	font-weight: 400;
	color: #fff;
}

.slideshow .legende .leg-description {
	display: block;
	font-size: 1em;
	margin-top: 5px;
	font-weight: 300;
	margin-bottom: 0;
	text-align: left;
}

	.slideshow li:hover .legende{
		opacity: 0;
	}



/*
*
*
*	GOULAG MEUP
*
*
*/

.ggmap {
	margin-top: 20px;
}

.gm-style-iw{
	max-width: 500px !important;
	min-width: 300px !important;
}

.gm-style-iw strong{
	display: block;
	margin-bottom: 5px;
	font-family: 'Museo', Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #0085c5;
}

.gm-style-iw p{
	font-size: 16px;
}

.gm-style-iw .fleche-plus{
	float: right;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 600;
	padding: 19px 50px 19px 0;
}
.gm-style-iw .fleche-plus i{
	font-size: 50px;
}

/*
*
*
*	LIENS INTERNES
*
*
*/

.liensInternes {
	margin-top: 20px;
}

.liensInternes .suggestion{
	position: relative;
	float: left;
	width: 49%;
	display: block;
	margin: 0 0 10px 2%;
	background-color: #0085c5;
	-webkit-transition: background-color 0.3s, background-image 0.3s, box-shadow 0.3s;
	-moz-transition: background-color 0.3s, background-image 0.3s, box-shadow 0.3s;
	-ms-transition: background-color 0.3s, background-image 0.3s, box-shadow 0.3s;
	-o-transition: background-color 0.3s, background-image 0.3s, box-shadow 0.3s;
	transition: background-color 0.3s, background-image 0.3s, box-shadow 0.3s;
}
.liensInternes .suggestion:nth-child(2n+1){margin-left: 0;}

.suggestion aside{
	position: absolute;
	width: 80px;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.suggestion article {
	position: relative;
	width: auto;
	padding: 15px 10px 15px 95px;
	height: 50px;
	margin-bottom: 0;
	background-color: transparent;
	background-image: none;
}

.cms .suggestion .titreLien {
	display: block;
	color: #fff;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}
.cms .suggestion .descriptLien {
	display: block;
	color: #fff;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.875em;
	margin-top: 3px;
	min-height: 30px;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

	.suggestion:hover{background-color: #f9b200;}
	.suggestion:hover .titreLien {color: #fff;}
	.suggestion:hover .descriptLien {color: #fff;}

/*
*
*
*	LIENS EXTERNES
*
*
*/

.liensExternes{
	margin-top: 20px;
}

.liensExternes li{
	float: left;
	width: 32%;
	min-height: 160px;
	margin-bottom: 2%;
	text-align: center;
	padding: 15px 10px;
	background-color: #fff;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.liensExternes li:not(:nth-child(3n+1)){margin-left: 2%;}
.liensExternes li:nth-child(3n+1){clear: both;}

.liensExternes a{
	color: #0085c5;
}

.liensExternes figure{
	display: inline-block;
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	margin-bottom: 10px;
}
.liensExternes span{
	display: block;
	text-align: center;
	line-height: 1.1em;
	font-size: 1.1em;
	font-weight: 300;
}
.liensExternes small{
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 3px;
	font-size: 0.875em;
	color: #ccc;
}


/*
*
*
*	PUBLICATIONS CMS
*
*
*/

.cms-publi{
	position: relative;
	color: #1a2a3d;
	height: 150px;
	margin-top: 20px;
	padding: 20px 20px 20px 120px;
	background-color: #fff;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	   -moz-transition: -moz-transform 0.3s, background-color 0.3s;
	    -ms-transition: -ms-transform 0.3s, background-color 0.3s;
	     -o-transition: -o-transform 0.3s, background-color 0.3s;
	        transition: transform 0.3s, background-color 0.3s;
}


.cms-publi figure{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cms-publi .titre3{
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 5px;
}

.cms-publi .datePubli{
	display: block;
	font-size: 0.875em;
	margin-top: 0;
}

	.cms-publi:hover{
		color: #f9b200;
	}


.cms-publi-btn{
	position: absolute;
	bottom: 0;
	right: 0;
	letter-spacing: -0.23em	
}

.cms-publi-btn .btn{
	letter-spacing: normal;
}


/*
*
*
*	ANNUAIRE CMS
*
*
*/

.cms-annuaire{
	position: relative;
	margin-top: 20px;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cms-annuaire.decentreD:before{background-color: #a0b80d;}

.cms-annuaire .titre3{
	color: #a0b80d;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 3px;
}
.cms-annuaire .categ{
	margin-top: 0;
	color: #7c7c7c;
}

.annuaire-infos{
	width: 100%;
	margin-top: 20px;
	margin-bottom: -10px;
	color: #888;
}

.annuaire-infos li{
	position: relative;
	padding: 10px 0 10px 40px;
	font-weight: 300;
}
.annuaire-infos li:not(:first-child){border-top: #b2b2b2 solid 1px;}

.annuaire-infos li i{
	position: absolute;
	top: 7px;
	left: 10px;
	color: #b2b2b2;
	font-size: 20px;
}

.annuaire-infos li p{margin: 0;}

.annuaire-infos li a{color: #a0b80d;}
	.annuaire-infos li a:hover{color: #0085c5;}

.annuaire-description{
	margin-top: 20px;
	padding: 10px 20px;
	background-color: #e9e9e9;
}

/*
*
*
*	GALERIE CMS
*
*
*/

.cms-galerie{
	position: relative;
	margin-top: 20px;
	min-height: 200px;
}

/********************************************************
*														*
*														*
		        PAGE FORMULAIRE (Bloc coordonnées)
*														*
*														*
********************************************************/

.module-form{
	position: relative;
	margin-bottom: 50px;
}
.module-form:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 120px;
	max-height: 50%;
	background-color: #a0b80d;
}
/*.module-form:after{
	content:'';
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 50%;
	height: 100%;
	background-color: #fff;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}*/

.blocCoord{
	position: relative;
	padding: 0;
	padding-left: 50%;
	background-color: #0085c5;
	color: #fff;
}

.blocCoord .titre2{
	padding: 15px 20px;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.blocCoord ul{
	position: relative;
	padding: 0 20px 0 50px;
}
.blocCoord ul:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 100%;
}

.blocCoord li{
	position: relative;
	margin-top: 0;
	font-size: 0.875em;
	font-weight: 300;	
	line-height: 1.3em;
	padding: 15px 15px 15px 15px;
}
.blocCoord li:first-child{margin-top:0;}

.blocCoord li strong{text-transform: uppercase;}

.blocCoord i{
	position: absolute;
	top: 13px;
	left: -25px;
	color: #fff;
	font-size: 24px;
}

@media screen and (max-width: 768px){
	.blocCoord{
		padding-left: 0;
	}
}

.mapMairie{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

@media screen and (max-width: 768px){
	.mapMairie{
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: 250px;
	}
}

.form-success{
	position: relative;
	padding-left: 160px;
}

.form-success .icon-tick-rond{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 30px;
	width: 100px;
	font-size: 100px;
	color: #a0b80d;
}

.form-success .btn{margin-top: 5px;}

/********************************************************
*														*
*														*
		          PAGE 404 et ERREUR
*														*
*														*
********************************************************/

.erreur404 .titre2{
	float: left;
	background-color: #f9b200;
	padding: 10px 20px;
	margin-bottom: 20px;
	color: #fff;
}

/********************************************************
*														*
*														*
		          		POPUPS
*														*
*														*
********************************************************/

/*
*
*
*	STYLES GENERAUX DE POPUP
*
*
*/

.pop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	/*display: none;*/ /*ENLEVER CETTE LIGNE UNE FOIS EN FRONT*/
	table-layout: fixed;
	background: url('../img/utils/noir-op40.png');
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	z-index: 9999;
	-webkit-animation: OVERLAY-FADEIN 0.5s 1;
	-moz-animation: OVERLAY-FADEIN 0.5s 1;
	-ms-animation: OVERLAY-FADEIN 0.5s 1;
	-o-animation: OVERLAY-FADEIN 0.5s 1;
	animation: OVERLAY-FADEIN 0.5s 1;
	
}

.pop-center{
	display: table-cell;
	vertical-align: middle;
}

.pop-interne{
	position: relative;
	display: inline-block;
	background-color: #fff;
	max-width: 600px;
	text-align: left;
	-webkit-animation: POP-SLIDE-IN 0.7s 1 ease;
	-moz-animation: POP-SLIDE-IN 0.7s 1 ease;
	-ms-animation: POP-SLIDE-IN 0.7s 1 ease;
	-o-animation: POP-SLIDE-IN 0.7s 1 ease;
	animation: POP-SLIDE-IN 0.7s 1 ease;
}

.pop-close{
	position: absolute;
	top: 14px;
	right: 15px;
	font-size: 30px;
	color: #1a2a3d;
	cursor: pointer;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}
	.pop-close:hover{color: #f9b200;}

.pop-header{
	padding: 20px 60px 20px 40px;
	text-align: left;
	font-size: 1.5em;
	background-color: #0085c5;
	color: #fff;
}

.pop-content{
	padding: 30px 40px;
}

.pop-content p:first-child{margin-top: 0;}

/********************************************************
*														*
*														*
		         VISITE GUIDEE DU SITE
*														*
*														*
********************************************************/


.visite-guidee{
	position: fixed;
	left: -9999px;
	padding-left: 100px;
	z-index: 999999;
	opacity: 0;
	-webkit-transition: opacity 0.3s, left 0s 0.3s;
	   -moz-transition: opacity 0.3s, left 0s 0.3s;
	    -ms-transition: opacity 0.3s, left 0s 0.3s;
	     -o-transition: opacity 0.3s, left 0s 0.3s;
	        transition: opacity 0.3s, left 0s 0.3s;
}
.visite-guidee.active{
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s, left 0s;
	   -moz-transition: opacity 0.3s, left 0s;
	    -ms-transition: opacity 0.3s, left 0s;
	     -o-transition: opacity 0.3s, left 0s;
	        transition: opacity 0.3s, left 0s;
}


@media screen and (max-width: 1024px){
	.visite-guidee{
		display: none !important;
	}
}


.visite-guidee svg{
	position: absolute;
	top: -30px;
	left: 0;
	width: 100px;
	height: 100px;
}

.visite-guidee svg path {
	fill: none;
	fill-opacity: 0;
	stroke: #e33f06;
	stroke-width: 40;
	stroke-dasharray: 1640;
	stroke-dashoffset: 1640;
}
.visite-guidee.active svg path{
	-webkit-animation: DRAW 0.6s 1 ease-in;
	-o-animation: DRAW 0.6s 1 ease-in;
	animation: DRAW 0.6s 1 ease-in;
	-webkit-animation-delay: 0.15s;
	-o-animation-delay: 0.15s;
	animation-delay: 0.15s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.visite-guidee div{
	position: relative;
	display: inline-block;
	max-width: 280px;
	padding: 15px 30px 20px 20px;
	margin-top: 5px;
	margin-left: 80px;
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 20px;
	color: #1a2a3d;
	background-color: #fff;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
	-webkit-transition: opacity 0.3s, margin 0.3s;
	   -moz-transition: opacity 0.3s, margin 0.3s;
	    -ms-transition: opacity 0.3s, margin 0.3s;
	     -o-transition: opacity 0.3s, margin 0.3s;
	        transition: opacity 0.3s, margin 0.3s;
}
.visite-guidee.active div{
	opacity: 1;
	margin-left: 0;
	-webkit-transition: opacity 0.5s 0.8s, margin 0.5s 0.8s;
	   -moz-transition: opacity 0.5s 0.8s, margin 0.5s 0.8s;
	    -ms-transition: opacity 0.5s 0.8s, margin 0.5s 0.8s;
	     -o-transition: opacity 0.5s 0.8s, margin 0.5s 0.8s;
	        transition: opacity 0.5s 0.8s, margin 0.5s 0.8s;
}

.visite-guidee div:before{
	content:'';
	display: block;
	width:0;
	height:0;
	position: absolute;
	top: 20px;
	right: 100%;
	border-style: solid;
	border-width: 8px;
	border-color: transparent #fff transparent transparent;
}

.visite-guidee-close{
	position: absolute;
	top: 3px;
	right: 5px;
	color: #1a2a3d;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	cursor: pointer;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}
.visite-guidee-close:hover{
	color: #0085c5;
}

.visite--menu{
	position: fixed;
	top: 0;
}
.visite--menu.active{left: -20px;}

/*.home .visite--menu{
	top: 0px;
}
.home .visite--menu.active{left: -20px;}*/



/********************************************************
*														*
*														*
		         		PAGE 404
*														*
*														*
********************************************************/

.erreur404 .card{
	margin-top: 0;
}

.erreur404-btn{
	margin-top: 20px;
}