@charset "UTF-8";
/*
Theme Name: krea3-opensans
Theme URI: https://www.krea3.fr/
Description: Theme mairie
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
Domain Path: /languages
*/

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

/************************html, body, main************************************************************/
html,body{width:100%}
html{scroll-behavior:smooth;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0;padding:0;font-family:var(--police-secondaire) ;font-size:100%;color:#666;background:var(--couleur-blanc);}
main{width:100%;padding:0}

.largeur92{
    display:block;
    width:96%;
    padding:0;
    margin:0 auto 0 auto;
    max-width:1500px;
}

/************************STYLES AUDE*******************************/

/**************************Recherche**************************/
#volet {width: 100%;color: var(--couleur-blanc);	}
#volet a.ouvrir{color: var(--couleur-blanc);text-decoration: none;font-size: 1.3em;}
#volet a.ouvrir:hover{color:var(--couleur-noir);background: var(--couleur-blanc);}	
#volet a.fermer {color: var(--couleur-noir);text-decoration: none;font-size: 2em;padding: 20px !important;width: 60px !important;height: 60px !important;}
#volet {position: fixed;top: -100vh;  /* test fixed + scroll, on retire la position top */ -webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;transition: all .5s ease-in;}
#volet a.ouvrir, #volet a.fermer {position: absolute;-moz-radius: 0 0 8px 8px;height:40px;width:40px;text-align:center;overflow:hidden;padding: 8px;margin:0;/***-webkit-transition: all .1s ease-in;-moz-transition: all .1s ease-in;transition: all .1s ease-in;***/}
#volet a.ouvrir {bottom:-45px;/***right:227px;***/right:10px;width: 40px;
    height: 40px;
    font-size: 1.3rem;
    color: var(--couleur-blanc);
    display: block;
    text-align: center;
    background: var(--couleur-noir);
    border-radius: 50%;}
#volet a.fermer {right:20px;top:0px;}

#volet #content-recherche #searchform input[type="text"] {
    width: 80% !important;
    color: var(--couleur-noir) !important;
}

#volet #searchform input[type="submit"] {
    background: url(assets/images/loupe.png) no-repeat scroll center center / 40px 40px !important;
}

/***#volet a.ouvrir img, #volet a.fermer img{
    height: 30px;
    width: 30px;
	padding:0;
	margin:10px;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in;
}***/
		
#volet a.fermer {display: none;}
#volet:target {top: 0px;right:0;}

/* code pour la fermeture */
#volet:target a.fermer {display: block;}
#volet:target a.ouvrir {top:-40px;color:var(--couleur-noir);}
#volet_clos:target #volet {top: -100vh;}
		
/* test fixed + scroll */
#volet_clos {position: fixed; top: 0;right:0;width:100%;z-index:950;}
#volet #recherche_header {background:var(--gris-clair);height: 100vh;width: 100%;display:table;text-align:center;}
#volet #recherche_header h2 {font-size: 2.3em !important;margin: 0 0 20px 0 !important;display: block;position: relative;padding: 0 0 10px 0;margin: 0;color: var(--couleur-noir);font-family: var(--police);;}
#volet #content-recherche{vertical-align:middle;display:table-cell;text-transform: uppercase;}
#volet #recherche_site{margin:0;padding:0 10px 0 10px;position: relative;z-index: 5;width: 80%;max-width: 600px;}
#volet #recherche_site li{color: #666;list-style-type: none;margin: 0 auto;padding: 0 0 0 0px;width: 100%;}
#volet #recherche_site #searchform{width:100%;}
#volet #recherche_site label{display:none;}
#volet #recherche_site input[type="text"] {background: rgba(255,255,255,0.8);border: 2px solid var(--couleur-gris-tres-clair) !important;color: var(--couleur-blanc) !important;font-family: var(--police-secondaire2);font-size: 1.3em !important;font-weight: 400 !important;height: 80px !important;margin: 0 10px 0 0 !important;text-align: left;width: 80% !important;}
#volet #recherche_site #s::-webkit-input-placeholder {color: rgba(0,0,0,0.5);}
#volet #recherche_site #s:-moz-placeholder { /* Firefox 18- */color: rgba(0,0,0,0.5); }
#volet #recherche_site #s::-moz-placeholder {  /* Firefox 19+ */color: rgba(0,0,0,0.5);  }
#volet #recherche_site #s:-ms-input-placeholder {  color: rgba(0,0,0,0.5);}
#volet #content-recherche #searchform input[type="submit"]{background: url(assets/images/loupe.png) no-repeat scroll center center / 40px 40px !important;
    float: right;
    display: block;
    font-size: 0;
    font-weight: normal;
    height: 55px !important;
    margin: 10px 0 0 0 !important;
    padding: 0;
    text-align: center;
    text-indent: -5000px;
    width: 55px !important;
    border: none !important;
    cursor: pointer;}
#volet #icon-recherche {background: #4091B4 none repeat scroll 0 0;display:block;float:right;height: 40px;line-height: 40px;padding: 0;margin:0;width: 40px;border-radius:50%;color:var(--couleur-blanc);font-size:60px;text-align:center;overflow:hidden;}
#volet #icon-recherche img{height: 40px;width: 40px;padding:0;margin:0;}
#volet #content_large #searchform input[type="submit"] {height: 70px !important;width: 70px !important;}
#volet #searchform input[type="submit"] {background: url(assets/images/loupe.png) no-repeat scroll center center / 45px 45px !important;float: right;display: block;font-size: 0;font-weight: normal;height: 80px !important;margin: 0;padding: 0;text-align: center;text-indent: -5000px;width: 80px !important;border-radius: 50%;border: 5px solid rgba(255,255,255,0.3);cursor: pointer;}
#volet #recherche_site input[type="submit"]:hover{background: url(assets/images/loupe.png) no-repeat scroll center center / 40px 40px;cursor:pointer;border: 1px solid rgba(255,255,255,0.8);}
#volet #fond-recherche {top: 0;right: 50px;font-size: 40em;color: rgba(223, 120, 107, 0.1);position: absolute;z-index: 0;}
/**********************fin recherche********************/

/************************header**********************/
#header{
	background:var(--couleur-blanc);
	position:relative;
	top:0;
	z-index:500;
	width:100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-reduit{
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	right:0 !important;
}

#logo{
	display: block;
	float:left;
    position: relative;
    margin: 15px 0;
    padding: 0;
    width: 200px;
    height: auto;
    z-index: 200;
}

#top-header{
    display: block;
    height:auto;
	background:var(--couleur-noir);
	color:var(--couleur-blanc);
}

#top-header a#accessibilite{
    text-decoration:none;
	color:var(--couleur-blanc);
	display:inline-block;
	padding:15px;
}

#top-header a#accessibilite svg{
    margin:0 10px 0 0;
}

.liens-reseaux{
	color:var(--couleur-blanc);
	position:relative;
	display:inline-block;
	float:right;
	margin:0 30px 0 0;
}

.liens-reseaux ul{
    list-style-type:none;
	text-align:right;
	margin:0;
	padding:0;
}

.liens-reseaux li{
    display: inline-block;
    padding: 5px;
}

.liens-reseaux li a {
    width: 40px;
    height: 40px;
    font-size: 1.3rem;
    color: var(--couleur-blanc);
    display: block;
    text-align: center;
    background: var(--couleur-noir);
    border-radius: 50%;
}

.liens-reseaux li a:hover{
    background: var(--couleur-blanc);
	color:var(--couleur-noir);
}

.liens-reseaux li svg {
    padding: 9px 0px 0px;
    height: 1em;
}

.listing-hidden {
    display: none;
    visibility: hidden;
}

#header #menu {
    text-align: right;
    position: relative;
    width: 100%;
    font-size: 1em;
    padding: 0;
    display: block;
	font-family:var(--police-secondaire) ;
}

#header #menu #nav{
	height: 102px !important;
    padding: 35px 50px 30px 300px;
}

#header #menu #nav > li > ul {
    z-index: 100;
	background: var(--couleur-blanc);
    width: 100%;
    max-width: 100%;
	height:auto;
	display:block !important;
	padding:2% !important;
	border-top: 4px solid var(--couleur-noir);
	border-bottom: 1px solid var(--couleur-gris-clair);
}

#nav > li > ul > li {
    display: block !important;
    position: relative;
    width: auto !important;
    text-align: left;
	padding:0;
	border-right:1px solid var(--couleur-noir);
}

#nav > li > a {
    font-weight:var(--demi-gras) !important;
	border:none !important;
}

#nav > li > ul > li > a::before {
    display: block;
    content: "";
    background: var(--couleur-noir);
    position: absolute;
    top:0;
    left: 30px;
    width: 0;
    height: 0;
    z-index: 5;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#nav > li > ul > li:hover > a::before {
	width: 20px;
	height: 4px;
}

#header #menu #nav > li > ul > li > a {
    border-right: none !important;
	border-bottom: none !important;
	width:auto;
	display:inline-block;
	position: relative;
	padding: 15px 30px 15px 30px;
	margin:0;
}
#header #menu #nav > li > ul > li:hover > a{
	color:var(--couleur-noir);
}

#header #nav > li > ul > li > a {
    font-size: 0.9em;
	text-transform:uppercase;
}

#nav > li {
	display: inline-block !important;
    float: none !important;
    height: 49px !important;
    padding: 0 !important;
}

#nav > li a{
	
}

#nav > li > ul {
    top: 100px !important;
    width: 100% !important;
    max-width: 100% !important;
}

#nav > li > a {
	font-family:var(--police);
	font-size:1em !important;
    padding: 9px 20px 36px 20px !important;
	font-weight:normal !important;
} 

#diapo-accueil::before{
    content: "";
    position: absolute;
	z-index:5;
    pointer-events: none;
    top: -0px;
    left: -0px;
    width: calc(100% + 0px + 0px);
    height: calc(100% + 0px + 0px);
    border-color: inherit;
    background:var(--couleur-noir);
    opacity: 0.25;
}


#diapo-accueil{
	height: auto;
	background:var(--couleur-noir);
	width:100%;
	display:block;
	position:relative;
	z-index:0;
	margin:0 !important;
}

#diapo-accueil img{
    height: auto;
	width:100%;
	display:block;
	position:relative;
	z-index:0;
}

#content-recherche{
	display:block;
	position:absolute;
	top:30%;
	left:10%;
	width:100%;
	height:auto;
	z-index:10;
	text-align:left;
	max-width: 592px;
}

#h1accueil{
	color:var(--couleur-blanc);
	font-size:2.3em !important;
	margin:0 0 20px 0 !important;
	padding:0 !important;
	display:block;
	clear:both;
	font-family:var(--police);
	font-weight:normal;
}

#content-recherche #recherche_site{
    background:var(--couleur-blanc);
	border-radius:5px;
	padding:10px 20px !important;
	width:100%;
}

#content-recherche #searchform input[type="submit"] {
    background: url(assets/images/loupe.png) no-repeat scroll center center / 25px 25px !important;
    float: right;
    display: block;
    font-size: 0;
    font-weight: normal;
    height: 35px !important;
    margin: 3px 0 0 0;
    padding: 0;
    text-align: center;
    text-indent: -5000px;
    width: 35px !important;
	border:none!important;
	cursor: pointer;
}

#content-recherche #searchform input[type="text"] {
    width: 80% !important;
    max-width: 550px;
}

#acces-rapides{
    background:var(--gris-tres-clair);
	position:relative;
	height:auto;
	width:100%;
	z-index:8;
}

#acces-rapides .largeur92{
    max-width: 1272px;
}

#acces-rapides ul{
    margin:0 auto !important;
	padding:0 !important;
}

#acces-rapides li{
    position: relative;
    display: inline-block;
    text-align:center;
    color: #fff;
    background-color: transparent;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    min-height: 158px;
    padding: 54px 20px;
    z-index: 0;
	width:32%;
}

#acces-rapides li a{
    color:var(--couleur-noir);
	text-decoration:none;
	text-align:left;
	font-family:var(--police);
	vertical-align:middle;
	display:inline-block;
	margin:0 0 0 35px;
}

#acces-rapides li a span{
	font-weight:700;
	display:block;
	clear:both;
}

#acces-rapides li svg{
    color:var(--couleur-noir);
	font-size:2em;
	vertical-align:middle;
	display:inline-block;
}
/************************Fin header**********************/

#image-header-page {
    z-index: 0;
}

#main-accueil{
    position:relative;
	z-index:5;
}


/************************ligne1**********************/

#ligne1{
    display:block !important;
	width:100% !important;
	color:var(--couleur-noir);
	padding:0;
	margin:50px 0 !important;
	overflow:hidden;
}

#content-ligne1{
	max-width:1300px !important;
}

.gauche-ligne1{
    display:table-cell;
	vertical-align:middle;
	position:relative;
	width:20%;
	min-width:300px;
	padding: 0 30px 0 0;
}

.gauche-ligne1 a{
    display:inline-block;
	background:var(--couleur-noir);
	color:var(--couleur-blanc);
	text-decoration:none;
	padding:10px 15px 8px 15px;
	text-transform:uppercase;
	border:1px solid var(--couleur-noir);
}

.gauche-ligne1 a:hover{
	background:transparent;
	color:var(--couleur-noir);
}

.droite-ligne1{
    display:table-cell;
	vertical-align:middle;
	position:relative;
	width:auto;
	padding:50px 0;
	text-align:left;
}

.droite-ligne1 a{
    display:inline-block;
	vertical-align:top;
	position:relative;
	width:32.8%;
	padding:0;
	text-align:left;
	text-decoration:none;
	color:var(--couleur-noir);
	text-transform:uppercase;
	overflow:hidden;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin:0 0 4px 0;
}

.droite-ligne1 a span.titre-actu{
    z-index: 10;
    color: var(--couleur-blanc);
    position: absolute;
    padding: 30px 0;
    display: block;
    bottom: 0;
	background:rgba(255,255,255,0);
}

.droite-ligne1 a:hover span.titre-actu{
    color: var(--couleur-noir);
}

.droite-ligne1 a::before{
    z-index: 10;
    content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    display: block;
	background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
		-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.droite-ligne1 a:hover::before{
	background:rgba(255,255,255,0.7);
}

.droite-ligne1 a span.titre-actu span{
    padding:0 20px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	display:block;
	position:relative;
	background: rgba(0, 0, 0, 0.01);
}

.actu-img{
    display: block;
	position:relative;
	z-index:0;
	width:100%;
	height:auto;
}

.droite-ligne1 img{
    display: block;
	width:100%;
	height:auto;
    margin:0;
	transition: transform .3s;
}

.droite-ligne1 a:hover img{
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.2);
}

#ligne1 h2{
    font-family:var(--police);
    font-weight: 700;
	margin:0 0 20px 0;
	font-size:2em;
	display:block;
}

#ligne1 h2::after{
    display:block;
	content:"";
	width:50px;
	height:5px;
	margin:20px 0 0 0;
	background:var(--couleur-noir);
	position:relative;
}


.gauche-ligne1 span{
    display:block;
	padding:20px 0 40px 0;
	position:relative;
}
/************************Fin ligne1**********************/

/************************ligne2**********************/

#ligne2{
    display:block;
	width:100%;
	padding:50px 0;
	margin:0 auto;
	text-align:left;
}

#ligne2 .largeur92{
    display:table;
	max-width:1300px;
}

#ligne2 #gauche-ligne2{
    display:table-cell;
	width:70%;
	vertical-align:middle;
	padding: 30px 60px 30px 0;
}

#ligne2 #droite-ligne2{
    display:table-cell;
	width:auto;
	vertical-align:middle;
	padding:0;
}

.titre-ligne2 a{
    display:inline-block;
	background:var(--couleur-noir);
	color:var(--couleur-blanc);
	text-decoration:none;
	padding:10px 15px 8px 15px;
	text-transform:uppercase;
	margin:0 0 50px 0;
	border:1px solid var(--couleur-noir);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.titre-ligne2 a:hover{
	color:var(--couleur-noir);
	background:transparent;
}

#ligne2 h2{
    font-family:var(--police);
    font-weight: 700;
	margin:10px 0 !important;
	font-size:2em;
	display:block;
	color:var(--couleur-noir);
	text-align:left !important;
}

.agenda1{
	text-decoration:none;
	display:block;
	position:relative;
	overflow:hidden;
}

.agenda1 img{
	display:block;
	position:relative;
	z-index:0;
	transition: transform .3s;
}

.agenda1:hover img{
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.2);
}

.agenda1-texte{
	display:block;
	color:var(--couleur-blanc);
	text-decoration:none;
	padding:80px 40px 40px 40px;
	position:absolute;
	bottom:0;
	z-index:50;
	background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
	width:100%;
}

.agenda1 .date-manif{
	font-family:var(--police);
	display:block;
	font-weight: 700;
	font-size:1.3em;
	margin:0 0 20px 0;
}

.agenda2{
    clear:both;
	display:block;
	height:auto;
	color:var(--couleur-noir);
	border-bottom:1px solid var(--gris-clair);
	text-decoration:none;
	margin:0;
}

.agenda2 .date-manif{
	font-family:var(--police);
	display:block;
	font-weight: 700;
	font-size:1.3em;
	margin:0 0 20px 0;
}

.agenda2-img{
	width:230px;
	height:230px;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}


.agenda2 img{
    width:100%;
	height:auto;
	display:block;
	transition: transform .3s;
}

.agenda2:hover img{
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.2);
}

.agenda2-texte{
	display:table-cell;
	vertical-align:middle;
	height:auto;
	width:auto;
	color:var(--couleur-noir);
	text-decoration:none;
	padding:0 0 30px 0 !important;
	position:relative;
}

.agenda2 .agenda2-texte::before{
	display:block;
	content:"";
	width:50px;
	height:4px;
	background:var(--couleur-noir);
	margin:0 0 20px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.agenda2:hover .agenda2-texte::before{
	width:100%;
}

.titre-agenda{
    font-size:1.2em;
	text-transform:uppercase;
}

/************************Fin ligne2**********************/

/************************Ligne3**********************/

#ligne3{
    display:table;
	width:100%;
	background:var(--couleur-citykomi);
	text-align:center;
	position:relative;
	padding:0 !important;
}

#gauche-ligne3{
    display:table-cell;
	width:auto;
	vertical-align:middle;
	padding:0 60px;
	text-align:left;
}

#droite-ligne3{
    display:table-cell;
	width:60%;
	vertical-align:middle;
	padding:0 60px;
}

#droite-ligne3 img{
    display:block;
	width:100%;
	padding:0 !important;
	margin:0 !important;
}

#ligne3 h2{
    font-family:var(--police);
    font-weight: 700;
	margin:0 0 20px 0;
	font-size:2em;
	display:block;
	color:var(--couleur-blanc);
}

#ligne3 h2::after{
    display:block;
	content:"";
	width:50px;
	height:5px;
	margin:20px 0 0 0;
	background:var(--couleur-blanc);
	position:relative;
}

#texte-ligne3{
    display:block;
	clear:both;
	padding:20px 0;
	color:var(--couleur-noir);
	position:relative;
}

#texte-ligne3 span{
    font-weight:700;
	color:var(--couleur-noir);
	font-size:1.2em;
}

#ligne3 a {
    display: table;
    background: var(--couleur-blanc);
    color: var(--couleur-noir);
    text-decoration: none;
    padding: 10px 15px 8px 15px;
    text-transform: uppercase;
    border: 1px solid var(--couleur-blanc);
}

#ligne3 a:hover{
    background:transparent;
    color: var(--couleur-blanc);
}


/************************Ligne3**********************/

#ligne4{
    display:block;
	width:100%;
	color:var(--couleur-blanc);
	text-align:center;
	position:relative;
	padding:0 !important;
}

#ligne4 a{
    display:block;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.5);
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	right:0;
	left:0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#ligne4 a:hover{
	background:rgba(255,255,255,0);
	cursor:pointer;
}

#ligne4 a:hover svg{
	color:var(--couleur-noir);
}

#ligne4 iframe{
    z-index:0;
	position:relative;
	display:block;
}

#ligne4 a svg{
	color:var(--couleur-principale);
	display:block;
	clear:both;
	margin:80px auto 0 auto;
	position:relative;
	z-index:20;
	font-size:4em;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#ligne4 .btn_venir{
	background:var(--couleur-principale);
	color:var(--couleur-blanc);
	text-decoration:none;
	display:inline-block;
	margin:20px auto 0 auto;
	position:relative;
	padding: 12px 20px 10px 20px;
	z-index:20;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#ligne4 a:hover .btn_venir{
	background:var(--couleur-noir);
}

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

#content-footer{
    background:var(--couleur-noir);
	color:var(--couleur-blanc);
	padding:80px 0;
	font-family: var(--police-secondaire);
	text-align:left;
}

#content-footer .largeur92{
    display:table;
	width:92% !important;
    max-width: 1200px;
}

#contact-footer{
    padding: 3px 15px;
    color: var(--couleur-blanc) !important;
	margin:15px 0;
	display:inline-block;
	border:1px solid var(--couleur-blanc);
}

#contact-footer:hover{
    color: var(--couleur-noir) !important;
	background:var(--couleur-blanc);
}

#content-footer #coordonnees{
    display:inline-block;
	width:50%;
} 

#content-footer #coordonnees h2{
    font-family:var(--police); 
    font-weight: 700;
	font-size:1.6em;
	margin:0 0 20px 0;
	padding:0;
} 

#content-footer #coordonnees .liens-reseaux {
    float: none !important;
	clear:both;
	display:table;
	position:relative;
} 

#content-footer #coordonnees .liens-reseaux ul {
    margin: 20px 0 0 0;
}

#content-footer #coordonnees .liens-reseaux::before {
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    margin: 30px 0 0 0;
    background: var(--couleur-blanc);
    position: relative;
}   

.tel-footer{
	padding: 3px 15px;
    color: var(--couleur-blanc) !important;
	margin:15px 0;
	display:inline-block;
	border:1px solid var(--couleur-blanc);
}  

.tel-footer:hover{
	color: var(--couleur-noir) !important;
	background:var(--couleur-blanc);
}  

ul#menu_footer{
    margin:0 !important;
	padding:0 0 0 50px !important;
	display:block;
	float:right;
	border-left: 1px solid var(--couleur-blanc);
}

ul#menu_footer li {
    display: block !important;
}

#content-footer a {
	text-decoration:none !important;
}

ul#menu_footer li a {
    color: var(--couleur-blanc) !important;
	font-family: var(--police-secondaire);
	font-weight:300;
	display: table-cell !important;
    padding: 0 20px !important;
    height: 35px;
    vertical-align: middle;
}
/************************Fin FOOTER**********************/

/***********************************************RESPONSIVE******************************************/
@media screen and (max-width:1350px) {
#diapo-accueil {height: auto !important;}
}

@media screen and (max-width:680px) {
#nav > li {display: block !important;}	
.tel-footer {margin: 10px 0 0 0 !important;display:inline-block;}
ul#menu_footer li a {padding: 0 !important;}
#header #menu #nav {padding:50px 20px 20px 20px !important;}
#content-footer {padding: 30px 0 !important;}
}

@media screen and (min-width:481px) and (max-width:680px) {
.droite-ligne1 a {width: 48% !important;margin: 0 0 5px 0 !important;}
#ligne1 {margin: 50px 0 0px 0 !important;}
.droite-ligne1 {padding: 50px 0 30px 0 !important;}
#accessibilite span{display:none !important;}
}

@media screen and (max-width:480px){
#top-header a#accessibilite {padding: 10px 0 7px 0 !important;}
#ligne1{padding:0 30px;}
.droite-ligne1 a {width: 100% !important;display:block !important;margin: 0 0 50px 0 !important;}
#diapo-texte{display:none;}
.droite-ligne1 {padding: 50px 0 0 0;}
#diapo-accueil #content-recherche {display:none !important;}
#acces-rapides li {padding: 15px !important;display:block !important;width:100% !important;}
#acces-rapides li {text-align: left !important;min-height: auto !important;}
#acces-rapides li a span {display: inline-block !important;clear: none !important;}
#acces-rapides li svg { width: 40px !important;}
#acces-rapides li a {margin: 0 0 0 15px !important;}
.liens-reseaux li a {width: 25px !important;height: 25px !important;font-size: 1rem !important;}
.liens-reseaux li svg {padding: 5px 0 !important;}
#volet a.ouvrir {height: 25px !important; width: 25px !important; font-size: 1rem !important;bottom: -31px;padding: 4px !important;}
}

@media screen and (min-width:680px) and (max-width:890px) {
	#header #menu #nav {padding: 50px 20px 20px 20px !important;}
}

@media screen and (min-width:891px) and (max-width:1216px) {
	#header #menu #nav {padding: 50px !important;}
}

@media screen and (min-width:891px) and (max-width:1216px){
.site-header{height: 95px !important;}
}

@media screen and (max-width:1023px){
#diapo-texte {top:40% !important;}
.site-header{height: 95px !important;}
.agenda2-img {width: 120px;height: 120px;}
}

@media screen and (max-width:950px) {
.gauche-ligne1, .droite-ligne1{width:100% !important;display:block !important;}
#gauche-ligne2, #droite-ligne2{width:100% !important;display:block !important;}
#gauche-ligne3, #droite-ligne3{width:100% !important;display:block !important;}
#gauche-ligne3{padding:30px !important;}
#gauche-ligne2{padding: 30px 0 !important;}
#liens-reseaux {position: relative !important;top: 0 !important;right: 0 !important;}
#liens-reseaux ul{text-align:center !important;margin:20px auto;}
#liens-reseaux li {display: inline-block !important;}
#top-header {width:100% !important;margin: 0 !important;}
#ligne2 {padding: 0 0 50px 0 !important;}
.droite-ligne1 {padding:50px 0 0 0 !important;}
}

@media screen and (min-width:481px) and (max-width:949px) {
	.agenda2 {
    clear: none !important;
    display: inline-block !important;
	width:49%;
	padding:0 25px 0 0;
}
}

@media screen and (max-width:782px) {
#content-footer #coordonnees {display: block !important; width: 100% !important;}
ul#menu_footer {margin: 0 !important;padding: 0 !important;float: none !important; border-top: 1px solid var(--couleur-blanc); border-left: none !important;width:100% !important;}
ul#menu_footer li {display: inline-block !important;}
#content-recherche {left: 20px !important;top:10% !important;}
#content-recherche #recherche_site {max-width: 80% !important;}
}

@media screen and (min-width:481px) and (max-width:781px) {
	#acces-rapides li svg {margin: 0 auto !important;display:block !important;}
    #acces-rapides li a {text-align: center !important;margin: 10px auto 0 auto !important;}
	#acces-rapides li {padding: 54px 5px !important;}
}

@media screen and (min-width:1217px) and (max-width:1550px) {
	#nav > li > a{font-size: 0.9em !important;}
}

@media screen and (max-width:1216px) {
#header #menu {position: absolute;top: 0px;}
#header #menu #nav {height: 80px; background: var(--couleur-blanc);border-bottom:1px solid var(--couleur-noir);}
#logo img{width: auto !important;height: 60px !important;}
#header #menu {z-index: 400;padding:0;}
#header #menu #nav {}
#header #nav > li {display: block !important; float: none !important; height: auto !important; width: auto; margin: 0 auto; padding: 5px 0;}
#header #menu #nav {height: auto !important; position: relative; z-index: 50;}
#header .largeur92{margin:0 auto !important;width:100% !important;max-width:100% !important;}
.toggleMenu {right: 0px !important; top:10px !important; position: absolute !important;}
#header .toggleMenu {background: url(assets/images/menu/icon_menu.png) var(--couleur-blanc) no-repeat center 40px;height: 80px !important;width: 70px;padding: 10px 10px 5px 10px; position: absolute; right: 0; font-size: 0.9em;}
#header .toggleMenu.active {background: url(assets/images/menu/icon_menu_close.png) var(--couleur-blanc) no-repeat center 30px;}
#header #menu #nav > li > ul {top: auto !important;width: 100% !important;padding:0 20px 20px 20px !important;}
#nav > li > ul > li {border-left: 1px solid var(--couleur-noir);border-right:none !important;}
#nav > li.hover > ul {columns: 1 auto !important;position:relative !important;}

#nav > li > ul > li {padding: 5px !important;}
#header #nav > li > ul > li > a {font-size: 1em !important; padding: 10px 0 0 30px !important;}
#nav > li > a {border:none !important;}
#nav > li > ul > li > a::after {bottom: 0 !important; left: 0 !important;}
#header #menu #nav > li > ul {border: 1px solid var(--couleur-blanc) !important;}

.actu-content {padding: 10px !important;}
.content-1actu {
    padding: 20px 0 0 0;
}
.droite-ligne2{width: 60%;}
.gauche-ligne2 {width: 40%;}
#nav > li > a {font-size: 1.1em !important;}
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
.titre-ligne2 h2 {
    font-size: 2.5em !important;
    margin: 0 0 40px 0 !important;}
}

/*****************************************Fin RESPONSIVE******************************************/
/************************FIN STYLES AUDE*******************************/

/*Icon Scroll down*/
.down-arrow, .down-arrow:before {position: absolute;z-index:2;left: 50%;}
.down-arrow {width: 40px;height: 40px;bottom:80px;margin: -20px 0 0 -20px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.down-arrow:before {content: "";width: 30px;height: 30px;top: 50%;margin: -10px 0 0 -10px;border-left: none;border-top: none;border-right: 6px var(--couleur-blanc) solid;border-bottom: 6px var(--couleur-blanc) solid;animation-duration: 2s;animation-iteration-count: infinite;animation-name: arrow;}

@keyframes arrow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(10px, 10px);
  }
}


.clearer{display:block;width:100%;clear:both;}
p{font-size:17px;}
blockquote::before {content: '“';display: block;color: #333;font-size: 8em;position: absolute;top: 0;left: -20%;}
blockquote {margin: 70px 20% 40px 20%;padding: 50px;border-top: 3px solid #333;border-bottom: 3px solid #333;height: auto;color: #666;font-weight: 500;font-style: italic;position: relative;}
blockquote p {text-align: left;font-size: 1.2em;line-height: 1.3em;padding: 0;margin: 0;color: #666;font-family: sans-serif;font-weight: 500;font-style: italic;}
/************************  Ligne outils  ************************************************************/
/*#ligne-outils{}*/
/*****************Fil d'ariane***********************************************************************/
#fil_ariane{margin:0 0 0 0;padding:15px 10px 10px 0;text-align:left;font-size:1em;float:left;}
#fil_ariane a{text-decoration:none;}
#fil_ariane a:hover{text-decoration:underline;}

#ligne-outils a {
    color: var(--couleur-noir);
    font-weight: var(--demi-gras);
    font-family: var(--police);
}

/**********************Outils***********************************************************************/
#outils{width:auto;display:table;float:right;}
#outils ul{display:table-cell;vertical-align:middle;list-style-type:none;}
#outils ul li a{display:block;text-decoration:none;}
/******************Image header**************************************************************************/
#image-header-page{width:100%;height:auto;position:relative;display:block;}
#image-header-accueil{width:100%;height:auto;position:relative;display:block;}
#image-header-page img{display:block;width:100%;height:auto;}
#image-header-accueil img{display:block;width:100%;height:auto;}
/******************carnet-voyage-header-page**************************************************************************/
#carnet-voyage-header-page{width:100%;height:auto;position:relative;display:block;}
#carnet-voyage-header-page #map_canvas{display:block;width:100%;height:auto;border:none;}
/******************La page*********************************************************************************/

#content{float:left;width:75%;height:auto !important;min-height:400px;}
#content_large{clear:both;width:100%;position:relative;}
/* les galeries gutenberg recadrer ne marche pas avec ces propriétés */
/*#content img, #content_large img{max-width:100%;height:auto;}*/

/* page-scroll-indicator */
 progress#scrollProgress{width:100%;height:5px;position:fixed;top:0;left:0;-webkit-appearence:none;-moz-appearence:none;appearance:none;}
 progress#scrollProgress::-webkit-progess-bar{background-color:#333;}
 progress#scrollProgress::-webkit-progess-value{background-color:#333;}
 progress#scrollProgress::-moz-progess-bar{background-color:#333;}
 /* fin page-scroll-indicator */
 
/*************************************** Gauche ************************************************************/
#gauche{display: block;
    float: left;
    width: 25%;
    border-right: 4px solid var(--couleur-principale);
    background: var(--couleur-blanc);
    position: relative;
    z-index: 5;
    padding: 41px 0 0 0;}
/****************************Menu page********************************************************************/

/*bouton filtrer pour les petits écrans*/
/****************************Menu page********************************************************************/

/*bouton filtrer pour les petits écrans*/
#bt-filtrer{display:none;}
.sidebar ul#menu_pages,
.sidebar ul#menu_annuaire{height:auto !important;height:40px;min-height:40px;	font-size:1em;}
.sidebar ul .pagenav ul{text-transform:none;text-align:left;margin-top:10px;padding-left: 0;}
/*Les pages (niveau3)*/
.sidebar ul li{list-style-type: none;
    color: var(--couleur-noir);
    font-size: 1.5em;
    font-weight: var(--demi-gras);
    font-family: var(--police);}

.sidebar ul li li::before {
    content: "";
    height: 5px;
    width: 50px;
    display: block;
    background: #eee;
    margin: 0 0 20px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 0 !important;
}

.sidebar ul li li:hover::before {
    width: 100px;
    background: var(--couleur-principale);
}

.sidebar ul li li {
   font-size: 0.6em !important;
    position: relative;
    padding: 14px 0 !important;
}

.sidebar ul#menu_pages a{font-weight:var(--reguliere);color:var(--couleur-noir);text-decoration:none;}
.sidebar ul#menu_annuaire a{font-weight:300;}
/*mettre une majuscule aux mois dans les actus (demande Beuzeville) */
.sidebar ul#menu_pages.menu-actu a:first-letter{text-transform:uppercase;}
/*****************Menu déroulant gauche*****************************************************************************/
.sidebar ul li.pagenav ul li.niv-2 ul{display:none;}
.sidebar ul li.pagenav ul li.niv-2.taxonomy_item.page_item.has_children ul{display:block;}
.sidebar ul li.pagenav ul li.current_page_item ul{display:block;}
.sidebar ul li.pagenav ul li.current_page_parent ul{display:block;}
.sidebar ul li.pagenav ul li.current_page_ancestor ul{display:block;}
/**************Sidebar carto**********************************************************************************************/
#sidebar-carto{margin:0;padding:40px 30px 40px 0;font-family:sans-serif;font-size:1em;}
.filtres-carte{margin:0;padding:0 0 0 20px;}
.filtres-carte #titre-filtrer{display:block;padding:0 0 15px 0;margin-bottom:15px;}
.filtres-carte > ul {margin:0;padding:0;}
/** Les types ex: Agenda, Associations, Localisations... **/
.filtres-carte > ul > li {display: block;margin:0;padding:0;height:auto;height: 60px;overflow: hidden;border-top:none;}
.filtres-carte > ul > li > div{height: 60px;display:table;width:100%;}
.filtres-carte > ul > li > div > a{display:table-cell;vertical-align:middle;margin:0;padding:0 50px 0 0;position:relative;}
/*:after ou before pour appeler l'icone*/
.filtres-carte > ul > li > div > a:after {display: none;font-family: "Font Awesome 5 Solid";content: "\f078";}
/*c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/
.filtres-carte > ul > li > div > a > .svg-inline--fa {position: absolute;width: 40px;top:20px;right: 0;-webkit-transition: left .4s ease;-moz-transition: left .4s ease;-o-transition: left .4s ease;transition: left .4s ease;}
.filtres-carte > ul > li.show > div > a:after{content: "\f00d";}
/*affichage du conteneur (bloc) des sous catégories quand on clique*/
.filtres-carte > ul > li.show, .filtres-carte > ul > li > ul.children > li  {height: auto;overflow: visible;}
/*Une sous catégorie*/
.filtres-carte > ul > li ul li {height:auto;min-height: 42px;cursor: pointer;opacity: 0;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform: translate3d(-20px, 0, 0);-moz-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}
#sidebar-carto ul ul li:first-child {border-top: none;}
/*affichage des sous catégories (texte) quand on clique*/
.filtres-carte > ul > li.show li{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;-moz-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;padding-right:0;position:relative;}
.filtres-carte > ul > li.show li span{display:block;position:relative;width:100%;padding-right:40px;}
/*La case à cocher / C'est sur :after ou before pour appeler l'icone*/
.filtres-carte > ul > li > ul > li > span:after, .filtres-carte ul.children > li > span:after {font-family: "Font Awesome 5 Solid";display:none; /* masquer le :after pour le svg */content: "\f192"; }
/*La case à cocher mode "cochée"*/
.filtres-carte > ul > li > ul > li.show > span:after, .filtres-carte ul.children > li.show > span:after {content: "\f111";display:none; }
/*Positionnement et couleur case à cocher FontAwesome 5 / c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/
.filtres-carte > ul > li > ul > li > span > svg{position: absolute !important;width: 40px;right: 0;bottom:3px;-webkit-transition: left .4s ease;-moz-transition: left .4s ease;-o-transition: left .4s ease;transition: left .4s ease;}
/****************************Formulaire de contact************************************************************/
.krea3_formulaire label{display: block;width: 35%;float: left;padding: 10px;text-align: right;font-size: 1em;}
.descriptioncontact{display: block;font-size: 0.75em;margin: 4px 0 20px 0;padding-left: calc(35% + 10px);}
.krea3_formulaire input, .krea3_formulaire select,
.krea3_formulaire textarea{width: 45%;margin-left:10px;border: #EBEBEB 1px solid;font-size: 1em;padding: 10px;}
.krea3_formulaire input[type="submit"]{width: auto;height: auto;border: none;margin: 0 0 0 calc(35% + 10px);cursor:pointer;}
/****************************Plan du site********************************************************************/
#krea3_plan_site ul{margin:0 0 0 0;padding:0 5px 10px 0;}
/*niveau 1*/
#krea3_plan_site li{list-style-type:none;margin:10px 0 40px 0;padding:0 4% 0 4%;}
#krea3_plan_site > li{padding:30px 4% 30px 4%;}
#krea3_plan_site li a{text-decoration:none;display:block;position:relative;}
/****************************Plan du site********************************************************************/
#krea3_plan_site{margin:0;padding:0;}
#krea3_plan_site ul{margin:0 0 0 0;padding:0 5px 10px 0;}
/*niveau 1*/
/*niveau 1*/
#krea3_plan_site li{list-style-type:none;margin:10px 0 10px 0;padding:0 4% 0 4%;font-size:1.3em;font-weight:700;font-family: sans-serif;  }
#krea3_plan_site > li{padding:0 4%;}
#krea3_plan_site li a{text-decoration:none;text-transform:uppercase;color:#222222;font-weight:700;display:block;padding:10px 0 20px 0;margin:0;background:#fff;display:inline-block;}
#krea3_plan_site li a:hover{text-decoration:underline;color:#333}
/*niveau 2*/
#krea3_plan_site ul li{border-bottom:1px solid rgba(0,0,0,0.1);padding:5px 30px;margin:2px 10px 2px 0;font-size:0.9em;text-transform: none;background-position: left top;background-size: 18px auto;}
#krea3_plan_site ul li a{font-weight:normal;color:#333;text-transform:none;padding:0;border-bottom:none;margin:0;}
#krea3_plan_site ul li a:hover{color:#192535;}
/*niveau 3*/
#krea3_plan_site ul li ul li{border:none;font-size:0.9em;margin-left:20px;padding:0 0 0 0;background:#fff;}
#krea3_plan_site ul li ul li a{color:#333;}
/*niveau 4*/
#krea3_plan_site ul li ul li ul li{padding:0 10px 0 10px;}
/**************************Styles à dupliquer dans tinymce.css**********************************************/
a{word-break: break-word;}
a.fancybox{text-decoration:none;}
img{border:none;max-width:100%;}
/******************************Liens Enfants / Menu page par défaut****************************************/

/*****************************moteur recherche site*********************************************************/
ul#recherche_site{list-style-type:none;margin:0 0 0 0;padding:4px 0 0 0;display:inline-block;}
ul#recherche_site label{display:none;}
#searchform input[type="text"]{border:rgba(0,0,0,0.1);height:40px;display:block;float:left;margin:0 10px 0 0;padding:0 10px 0 10px;width:180px;font-size:1em;}
#searchform input[type="submit"]{font-weight:normal;font-size:0px;text-indent: -5000px;display:block;float:left;height:40px;width:40px;background-position:0 -225px;margin:0;padding:0;}
#searchform input[type="submit"]:hover{cursor:pointer;}
/***************************Page de résultats *****************************************************************/
/*Le formulaire quand aucun résultat*/
#la-page #searchform{text-align:center;}
#la-page #searchform div{display:inline-block;}
#la-page #searchform input[type="text"]{background: rgba(0,0,0,0.1) none repeat scroll 0 0;border: medium none !important;color: #333 !important;font-size: 1.6em !important;font-weight: 300 !important;height: 40px !important;margin: 0 10px 0 0 !important;text-align: center;width:70% !important;max-width:400px!important;}
#la-page #searchform input[type="submit"]{border:1px solid #F0F0F0;background-color:#F0F0F0;}
label.screen-reader-text{display:none;} /*Pour cacher le "Recherche pour" des résultats de recherche*/
.page-resultats-recherche div.hentry{display:block;padding:0 0 20px 0;margin:20px 0 20px 0;border-bottom:1px solid var(--couleur-gris-clair);}
/*Le titre lien d'un résultat*/
h3.entry-title a{text-decoration:none;}
h3.entry-title a:hover{text-decoration:underline;}
/*Résultats suivants / précédents*/
#nav-above, #nav-below{clear:both;}
#nav-above{margin:0 0 20px 0;}
#nav-below{margin:30px 0 0 0;}

ul#menu_footer{display:table;font-family: sans-serif;padding:10px 10px 10px 10px;margin:0 auto 0 auto;font-size:0.9em;}
ul#menu_footer li:last-child{padding-right:10px;}
ul#menu_footer li{display:block;vertical-align:middle;margin:0;padding:10px;}
ul#menu_footer li a{display:inline-block;color:#333;text-decoration:none;padding:0;font-weight:var(--demi-gras);border:none;}
ul#menu_footer li a img, ul#menu_footer li a span{display:inline-block;vertical-align:middle;}
ul#menu_footer li a:hover{text-decoration:underline;}
ul#menu_footer li:last-child a:hover{text-decoration:none;}
ul#menu_footer li:last-child a:hover span{text-decoration:underline;}
/*********************************************************************************************/
/* =Fin des styles généraux du site
---------------------------------------------------------------------------------------------*/

/****************************************/
/*Ci-dessous style des annuaires / agenda / actus / navigation / carto
/***************************************/
#erreur_contact_prestataire{color:var(--couleur-blanc);padding: 20px;margin-bottom: 10px;}
#erreur_contact_prestataire.error{background-color:#bf2b21;}
#erreur_contact_prestataire.success{background-color:#34AC18;}
/****************video accueil***************************************/
#video-accueil{position:relative;width: 100%; height: 100vh; padding-top:0;}
/*Image de fond quand js désactivé (car la vidéo ne s'affiche pas sans js)*/
#fond-video-no-js{position:absolute;top:0;width:100%;background: url(assets/images/video.jpg) no-repeat;background-size:cover;height:80vh;z-index:-1;}
#diapo-accueil video{z-index:999!important;}
/****************FAQ***************************************/
#faq{font-family:sans-serif;}
/*La question*/
#faq h3{padding:10px 0 10px 0;font-family: sans-serif;font-weight:var(--reguliere);color:#333;font-size:1.6em;margin-top:30px;background-color:var(--couleur-blanc);border:none;border-bottom:1px solid rgba(0,0,0,0.1);}
#faq h3 span{margin-right:20px;margin-left:10px;}
/*La réponse*/
#faq .ui-widget-content{border:1px solid rgba(0,0,0,0.1);border:none;padding:20px 0 40px 0;font-size:1.1em;font-weight:var(--reguliere);}
/************Fin FAQ***************************************/

/*********************Abonnement Newsletter************************************/
ul#inscription-newsletter{margin:0;padding:0;list-style-type:none;font-family:sans-serif;	color:var(--couleur-blanc);}
ul#inscription-newsletter h2.widgettitle{display:none;}
ul#inscription-newsletter li{margin:0;padding:0;}
ul#inscription-newsletter form.subscribe-form{text-align:center;padding:40px 30px 40px 30px;background-color:#F0F0F0;}

ul#inscription-newsletter form.subscribe-form input{
	display:inline-block;
	vertical-align: middle;
	margin:0;
	padding:0;
}

ul#inscription-newsletter form.subscribe-form input[type="text"]{background-color:rgba(0,0,0,0.1);border:none;color:#333;font-size: 1.2em;font-weight: 300;height: 42px;margin:0 10px 0 0;text-align: center;width:65%;max-width:400px;}
/*Couleur du placeholder "votre@email.com" Rq : ne pas les regrouper sinon ça ne fonctionne pas*/
ul#inscription-newsletter ::-webkit-input-placeholder {color: rgba(0,0,0,0.7);}
ul#inscription-newsletter :-moz-placeholder { /* Firefox 18- */color: rgba(0,0,0,0.7);}
ul#inscription-newsletter ::-moz-placeholder {  /* Firefox 19+ */color: rgba(0,0,0,0.7);}
ul#inscription-newsletter :-ms-input-placeholder {color: rgba(0,0,0,0.7);}
/*Fin couleur du placeholder*/
ul#inscription-newsletter form.subscribe-form input[type="submit"]{border:1px solid #333;color:var(--couleur-blanc);font-size:1.2em;font-weight:300;height:40px;width:60px;background-color:#333;margin:0;padding:0;border-radius:5px;}
ul#inscription-newsletter p.success,
ul#inscription-newsletter div.response{text-align:center;font-size:1.3em;color:#333;font-weight:var(--demi-gras);}
ul#inscription-newsletter p.success{border:1px solid #333 !important;padding:10px;margin:5px 0 5px 0;}
/*********************Fin Abonnement Newsletter********************************/

/********************Page rando***********************/
#mb_module{position:relative;z-index:0; /*Sinon certains éléments du module ign rando passe par dessus le menu*/}
/****************Fin Page rando***********************/

/*********************Page carnet de voyage********************************/
#ajouter-carnet-voyage{display:table-cell;vertical-align:middle;padding:0 10px 0 10px;}
#ajouter-carnet-voyage a{text-decoration:none;font-family: sans-serif;color:#333;text-transform:uppercase;font-weight:var(--demi-gras);font-size:1.3em;}
#ajouter-carnet-voyage a:hover{text-decoration:underline;color:#666;}
#ajouter-carnet-voyage a svg{color:#333;}
/*Page carnet de voyage*/
ul#nav_popup_carnet{margin:0 0 20px 0;padding:0;text-align:center;font-family:sans-serif;}
ul#nav_popup_carnet li{display:inline-block;margin:5px;padding:0;}
ul#nav_popup_carnet li a{display:block;border:1px solid rgba(0,0,0,0.03);background-color:#333;padding:10px;font-size:1.1em;font-weight:var(--reguliere);text-decoration:none;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
ul#nav_popup_carnet li:last-child a{background-color:#333;}
ul#nav_popup_carnet li a svg{margin-right:5px;color:rgba(0,0,0,0.4);}
ul#nav_popup_carnet li a:hover{border:1px solid #333;}
/*Carnet de voyage avec carte : un numéro correspond à un picto de la carte*/
.carnet-voyage-number{display: inline-block;color: var(--couleur-blanc);padding: 0 10px 0 10px;border-radius: 5px;}
/*********************Fin Page carnet de voyage********************************/

/* =Médias
--------------------------------------------------------------------------------------- */
/* couleur des bordures des vignettes des galeries */
.plusgallery a:hover {background-color: var(--couleur-blanc) !important;}
/* intensité du masque de fond d'une galerie */
#pgzoomview {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);}
/* couleur des liens de navigation (flèches) des galeries */
#pgzoomview a:hover {background-color: #656565 !important;}
/* =Réglages diaporamas
----------------------------------------------- */ 
.camera_thumbs_cont {background: none!important;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;position: relative;width: 100%;clear: both!important;}
.camera_thumbs_cont > div {clear: both !important;float: left;height: 150px;width: 100%;}
.camera_thumbs_cont ul {overflow: hidden;padding: 3px 4px 8px;position: relative;text-align: center;width: 100% !important;}
/* contrainte pour le diapo dans les pages */
#owl-carousel{width:100%;max-width: 1300px;}
/* =vidéos
----------------------------------------------- */
/* besoin d'un padding pour les vidéos mp4 */
.wp-video{padding-bottom: 50px;}
/* =Cartographie interactive
--------------------------------------------------------------------------------------- */
/* En mode carte, on affiche la carte et on masque la grille */
.cbp-vm-view-map #map_canvas {display: block;}
/* =Langues
---------------------------------------------------------------------------------------------*/
.fa.icone-langue{height: 47px;width: 70px;margin-right:-20px;}
.fa.icone-langue.algerien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/algerien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.allemand {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/allemand.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.americain {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/americain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.andorre {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Andorra.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.anglais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/anglais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.arabe {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/arabe.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.argentin {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/argentin.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.armenien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/armenien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.australien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/australien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.belge {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/belge.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.bresilien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/bresilien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.canadien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/canadien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.chinois {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/chinois.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.danois {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/danois.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.espagnol {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/espagnol.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.finlandais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Finland.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.francais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/francais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.greque {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/greque.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.hebreu {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/hebreu.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.indien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/indien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.irlandais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/irlandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.islandais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/islandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.israelien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/israel.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.italien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/italien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.japonais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/japonais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.luxembourgeois {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Luxembourg.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.madagascard {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Madagascard.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.maltais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Malta.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.marocain {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/marocain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.mexicain {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/mexicain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.monaco {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Monaco.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.neerlandais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/neerlandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.neo-zelandais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/neo-zelandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.nepalais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/nepalais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.nigerien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Niger.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.nigeria {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/Nigeria.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.norvegien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/norvegien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.peruvien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/peruvien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.polonais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/polonais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.portugais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/portugais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.roumain {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/roumain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.russe {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/russe.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.senegalais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/senegalais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.suedois {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/suedois.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.suisse {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/suisse.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.thailandais {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/thailandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.tunisien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/tunisien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.turc {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/turque.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.turque {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/turque.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.vietnamien {
	background: rgba(0, 0, 0, 0) url("images/pictos/flags/vietnamien.png") no-repeat scroll 100% 100% / 50% 50%;
}
/* =Table responsive pour les prix et les périodes
--------------------------------------------------------------------------------------- */
.footable {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;border-spacing: 0;color: #333;font-family: sans-serif;font-size: 14px;width: 100%;}
.footable.breakpoint > tbody > tr > td.expand {background: url('assets/images/footable/plus.png') no-repeat 5px center;padding-left: 40px;}
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {background: url('assets/images/footable/minus.png') no-repeat 5px center;}
.footable.breakpoint > tbody > tr.footable-row-detail {background: #58585a none repeat scroll 0 0;color: var(--couleur-blanc)fff;}
.footable > tbody > tr:hover {background: #58585a;color: var(--couleur-blanc);}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {cursor: pointer;}
.footable > tbody > tr > td, .footable > thead > tr > th {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: 10px;text-align: left;}
.footable > thead > tr > th, .footable > thead > tr > td {background-color: #58585a;color: var(--couleur-blanc);border-top: none;text-shadow: 0 1px 0 rgba(255,255,255,.5);position: relative;}
.footable > tbody img {vertical-align:middle;}
/**********Boutons de partage facebook, twitter, g+ *****/
#partager{position:fixed;z-index:2000;right:0;top:200px;background-color:rgba(0,0,0,0.1);padding:8px 0 8px 3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
#share_buttons{display:block;margin:0;padding:0;}
#share_buttons a{display:block;width:32px;height:32px;margin:8px;padding:0;}
/******Fin Boutons de partage facebook, twitter, g+ *****/ 
/***Outil taille du texte***/
#taille_texte span{display:block;color:var(--couleur-noir);margin:0 auto;}
.jfontsize-button {display:inline-block;width:40px;height:40px;margin:0;}
.jfontsize-button:hover {border:none;}
/***Fin Outil taille du texte***/
#recherche-top{display:inline-block;vertical-align:middle;}
/****************tableau responsive*************************************/
table.tableau-responsive{ width:100%; max-width:700px;border-collapse: collapse; font-family:sans-serif;font-size:1.4em;color:#333;margin:30px 0 30px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   box-sizing: border-box;         }
/*Le titre du tableau "Vols charters..."*/
table.tableau-responsive caption{ font-size:2em;line-height:0.8em;color:#333;padding:10px;text-align:left;font-weight:var(--reguliere);}
table.tableau-responsive caption span{ font-size:0.7em;color:#3BA8C9;font-weight:300;}
/* Zebra striping */
table.tableau-responsive tr:nth-of-type(odd) { background:#f7f7f7; }
table.tableau-responsive th { background:#333; color: white; font-weight:300; }
table.tableau-responsive td, th { padding: 6px; border-bottom:2px solid #333;text-align: left; font-weight:300; }
/*Les jours*/
/*entete des jours*/
table.tableau-responsive th.jour-th{width:165px;}
table.tableau-responsive th.jour-th .jour-th-small{display:none;} /*Intitulé "Jours" seulement visibles sur petits écrans*/
table.tableau-responsive th.jour-th ul{list-style-type:none;margin:0;padding:0;}
table.tableau-responsive th.jour-th ul li{display:block;float:left;width:20px;text-align:center;border-right:1px solid rgba(0,0,0,0.1);}
/*Les noms des Destinations*/
table.tableau-responsive td.destination-td{text-transform:uppercase;font-weight:bold;}
/*Les noms des Arrivées*/
table.tableau-responsive td.arrivee-td a{color:#333;font-weight:300;}
table.tableau-responsive td.arrivee-td a:hover{color:#3BA8C9;}
/*les blocs des jours dans le tableau*/
table.tableau-responsive td.jour-td ul{list-style-type:none;margin:0;padding:0;}
table.tableau-responsive td.jour-td ul li{display:block;float:left;width:20px;height:35px;text-align:center;border-right:1px solid rgba(0,0,0,0.1);background-color:transparent;}
table.tableau-responsive td.jour-td ul li:first-child{border-left:1px solid rgba(0,0,0,0.1);}
/*Les week-ends*/
table.tableau-responsive td.jour-td ul li.sam.off, table.tableau-responsive td.jour-td ul li.dim.off{background-color:rgba(0,0,0,0.05);}
table.tableau-responsive td.jour-td ul li.on{background-color:#3BA8C9;border-right:1px solid rgba(255,255,255,0.5);}
/*table.tableau-responsive td.jour-td ul li span{display:none;}*/ /* Lettres L M M J V S D seulement visibles sur petits écrans*/
/*les blocs des jours dans le tableau*/
table.tableau-responsive td.jour-td ul li span{display:inline-block; padding-top:7px; color:rgba(0,0,0,0.3);}
table.tableau-responsive td.jour-td ul li.on span{color:var(--couleur-blanc);}
/*Les Nouveautés*/
table.tableau-responsive tr.nouveaute-fr td.arrivee-td a:hover, table.tableau-responsive tr.nouveaute-en td.arrivee-td a:hover{color:#333;}
table.tableau-responsive tr.nouveaute-fr td.arrivee-td a:before, table.tableau-responsive tr.nouveaute-en td.arrivee-td a:before{font-size:0.6em;text-transform:uppercase;display:inline-block;vertical-align:middle;border:1px solid #3BA8C9;font-weight:var(--reguliere);padding:3px;border-radius:3px;margin-right:5px;}
table.tableau-responsive tr.nouveaute-fr td.arrivee-td a:before{content:"Nouveau";}
table.tableau-responsive tr.nouveaute-en td.arrivee-td a:before{content:"New";}
/*Les vols secs*/
table.tableau-responsive tr.vol-sec{background-color:#E6F1F7;}
table.tableau-responsive tr.vol-sec td.arrivee-td a:after{content:url(images/etoile-vol-sec.png);display:inline-block;width:18px;height:18px;margin-left:5px;}
/*Le footer du tableau*/
table.tableau-responsive tfoot p{margin:0;padding:0;font-size:0.9em;}
table.tableau-responsive tfoot p.legende-vol-sec{color:#e65733;font-weight:var(--reguliere);}
table.tableau-responsive tfoot p.legende-vol-sec:before{content:url(images/etoile-vol-sec.png);display:inline-block;width:18px;height:18px;margin-right:5px;}
/***********************************************************************/
.cookiebanner{background:rgba(0,0,0,0.8) !important;width:300px;bottom:20px !important;right:20px !important;left:auto !important;max-width:100%;z-index:200;padding:30px !important;}
.cookiebanner a{color:var(--couleur-blanc);}
.cookiebanner-close{background-color:var(--couleur-blanc) !important;padding:2px 4px 2px 4px !important;margin-left:10px;border-radius:5px;}
/***********************Page carto*********************/
/***Partie gauche***/
.page_carto #filtres{max-width: 100%;width: 300px;display: block;float: left;padding: 0;}
.page_carto #filtres form.recherche-listing {background-color: #f4f4f4;margin: 0;padding: 0 5px;background-color:#F4F4F4;padding:8px 5px 8px 5px;margin:0 0 20px 0;text-align:left;}
form.recherche-listing fieldset{padding:0;border:none;}
.page_carto #header_filtres {background-color: #f0f0f0;padding: 5px 5px 15px;margin:10px 0 0 0;}
.page_carto #nb_result{background: transparent none repeat scroll 0 0 !important;font-family:sans-serif;color: #194b5e;font-size: 2.2em;font-weight:var(--gras);margin: 15px 0 12px;padding: 5px 0;}
.page_carto #nb_result #label{font-size:0.75em;}
.page_carto #recherche-cartographie fieldset {display: block;margin: 0 auto;width: 95%;}
.page_carto span.titre_filtre {font-size: 1em;color: #666666;display: block;padding: 10px 0;text-align: center;text-transform: uppercase;}
.page_carto input#nouvelle_recherche_agenda {background: #567898;border: 1px solid #567898;font-size: 1.2em;height: auto;text-transform: uppercase;transition: all 0.5s ease-in 0s;width: 90%;color:var(--couleur-blanc);font-family:sans-serif;font-size:0.8em;padding:10px;margin:0 5px 0 5px;}
.page_carto #reset_recherche_carto {border: 1px solid #666;color: #666 !important;display: block;font-size: 0.75em;font-style: italic;margin:10px 0 0 0;max-width: 100%;padding:7px;text-decoration: none;text-transform: none;transition: all 0.5s ease-in 0s;cursor:pointer;text-align:center;width:115px;}
.page_carto ul{list-style-type:none;padding-left:0;text-align:left;}
.page_carto ul li{margin-left:0;}
.page_carto #filtres .filtre {padding: 10px;}
.page_carto #filtres .filtre h4{cursor: pointer;}
.page_carto #filtres .filtre h4::before {content: "\f078";font-family: FontAwesome;margin-right: 10px;}
.page_carto #filtres .filtre h4.active::before {content: "\f077";font-family: FontAwesome;}
/***Partie droite***/
.page_carto #cbp-vm.card {width: calc(100% - 330px);margin:10px 0;}
.page_carto .cbp-vm-switcher {float: right;padding: 0;}
.page_carto #map_canvas{border:none;}
/*infos bulle*/
.info-windows {border-radius: 5px;background:var(--couleur-blanc);padding: 10px;min-width:300px;}
.info-windows .lien-itineraire{background-color: var(--couleur-gris-clair);border: medium none;border-radius: 3px;color: #333;display: inline-block;clear: both;font-weight: bold;margin: 0 10px 5px 0;padding: 10px;text-align: center;width: auto;font-size: 1em;text-decoration: none;}
.i-box i{margin:0 10px 0 0;}
.i-box h3 {border-bottom: 1px solid var(--couleur-gris-clair);font-family:sans-serif;margin: 0 0 15px;padding: 0 0 10px;}
#map_canvas img, #carte img{max-width: none;}
.info-windows .i-box img.wp-post-image {display: block;float: left;margin: 0 20px 20px 0;max-width: 110px;width: 110px;height:auto;}
.i-box p {display: block;margin: 20px 0 15px 20px;}
/*Boutons*/
.i-box #show-itineraire {background-color: var(--couleur-gris-clair);border: medium none;border-radius: 3px;color: #333;display: inline-block;font-weight: bold;margin: 0 0 5px 0;padding: 10px;text-align: center;width: auto;cursor:pointer;font-size:1em;}
.i-box .lien-savoir-bulle {background-color: #666;border: medium none;border-radius: 3px;color: var(--couleur-blanc);display: inline-block;clear:both;font-weight: bold;margin: 0 0 5px 0;padding: 10px;text-align: center;width: auto;font-size:1em;text-decoration:none;}
/*Itineraire*/
.page_carto #titre_calcul_itineraire {font-weight:300;font-size:2em;}
.page_carto #wrapper_input_calcul_itineraire input {background: #ededed none repeat scroll 0 0;border: medium none;color: #333;font-family:sans-serif;font-size: 1.8em;font-weight: 300;height: 50px;margin: 0 auto 20px;text-align: center;width: 50%;}
.page_carto .adp{width:100%;}
/********************Fin page carto*********************/
/*************Page Listing des ACTUS*********************/
/*Listing*/
.extrait_actu_page{border-bottom:1px solid var(--couleur-gris-clair);margin:0 0 20px 0;padding:20px;clear:both;font-size:0.9em;}
.extrait_actu_page h2{margin:0;padding:0 0 10px 0;color:#333;font-size:1.6em;}
.extrait_actu_page h2 a{text-decoration:none;font-weight:var(--reguliere);color:#333;}
.extrait_actu_page h2 a:hover{text-decoration:underline;}
.extrait_actu_page small{display:block;margin:15px 0 0 0;color:#194b5e;font-weight:var(--gras);text-transform:uppercase;font-size:0.7em;font-family:sans-serif;color:#333;}
.extrait_actu_page .vignette{/*width:30%;*/max-width:150px;height:auto;float:left;border:1px solid var(--couleur-gris-clair);margin:0 20px 10px 0;padding:0;}
.extrait_actu_page .vignette img{display:block;width:100%;height:auto;}
.extrait_actu_page a.lire_actu{display:block;float:right;text-decoration:none;background-color:#333;border-radius:20px;color:var(--couleur-blanc);font-size:0.9em;margin:10px 0 0 0;padding:5px 20px 5px 20px;font-family:sans-serif;font-weight:300;-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;-ms-transition: background-color 0.3s ease;-o-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
.extrait_actu_page a.lire_actu:hover{background-color:#333;}
#date_publication_article_single{display:block;font-family:sans-serif;text-align:right;margin:20px 0 0 0;color:#333;font-weight:var(--reguliere);text-transform:uppercase;font-size:0.7em;}
/********************************************************************************/
/******Page Listing des AGENDA / ANNUAIRES *****/
form.recherche-listing{background-color:#f8f8f8;padding:8px 5px 8px 5px;margin:0 auto 20px auto;width:100%;max-width:1090px;text-align:center;}
form.recherche-listing fieldset,form.recherche-listing p{display:inline-block;vertical-align:middle;}
form.recherche-listing p{margin:5px;}
form.recherche-listing fieldset{padding:0;border:none;}
form.recherche-listing input{border:1px solid var(--couleur-blanc);padding:10px;}
form.recherche-listing input[type="button"]{background-color:#333;border:1px solid #333;color:var(--couleur-blanc);text-transform:uppercase;}
form.recherche-listing input[type="button"]:hover{opacity:0.7;}
/*le select*/
span.select-wrapper {position: relative;display: inline-block;background-color:var(--couleur-blanc);}
.select-wrapper select {color:#666;display: inline-block;border: 1px solid var(--couleur-blanc);background-color:var(--couleur-blanc);padding:8px 20px 8px 8px;margin: 0;font: inherit;outline:none; /* remove focus ring from Webkit */ line-height: 1.2;-webkit-appearance:none;appearance:none; /* remove the strong OSX influence from Webkit */}
/* Since we removed the default focus styles, we have to add our own */
.select-wrapper select:focus {-webkit-box-shadow: 0 0 3px 1px var(--couleur-gris-clair);-moz-box-shadow: 0 0 3px 1px var(--couleur-gris-clair);box-shadow: 0 0 3px 1px var(--couleur-gris-clair);}    
/* Style de la flèche */
.select-wrapper:after {font-family: FontAwesome;content:"\f107";position: absolute;top: 0;right: 0;bottom: 0;font-size:1.6em;padding:0 7px 0 7px;line-height:35px;background-color:#dbdbdb;color: var(--couleur-blanc);pointer-events:none;}
/*:after ou before pour appeler l'icone*/
.select-wrapper:after {display: none;font-family: "Font Awesome 5 Solid";content: "\f107";}
/*c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/
.select-wrapper > .svg-inline--fa {position: absolute;top: 0;right: 0;bottom: 0;font-size:2.45em;padding:0 7px 0 7px;line-height:35px;background-color:#dbdbdb;color: var(--couleur-blanc);pointer-events:none;}
.no-pointer-events .select-wrapper:after {content: none;}
/*Fin select*/

/*Bouton Réinitialiser*/
a#reset_recherche_agenda, a#reset_recherche_annuaire, a#reset_recherche_carto{background-color:var(--couleur-blanc);border:1px solid rgba(0,0,0,0.1);color:#666;font-size:1em;font-weight:300;font-family: sans-serif; text-decoration:none;padding:10px;margin:0 5px 0 5px;display:inline-block;}
a#reset_recherche_carto{color:#E84627;}
a#reset_recherche_agenda:hover, a#reset_recherche_annuaire:hover, a#reset_recherche_carto:hover{border:1px solid rgba(0,0,0,0.3);}
/*Bouton Rechercher quand javascript désactivé*/
input#nouvelle_recherche_agenda{background-color:#565859;border:1px solid #565859;color:var(--couleur-blanc);font-family: sans-serif; font-size:0.8em;padding:10px;margin:0 5px 0 5px;}
/*Image loading (chargement des résultats)*/
#spinner{text-align:center;}
/* masquer un élément quand js activé */
.listing-hidden{display:none; visibility:hidden;}
/* afficher un élément quand js désactivé */
.listing-visible{display:block; visibility:visible;}
/*Fin Formulaire de recherche agenda*/
/*********************/
/*Formulaire de recherche annuaire*/
#filtres-annuaires{display:block;float:left;width:22%;padding:10px 0 10px 0;margin:0 0 20px 0;}
#filtres-annuaires form fieldset{border:none;padding:0;}
ul#la-recherche-annuaire{list-style-type:none;margin:0;padding:20px;background-color:#F8F8F8;}
/*Blocs "Afficher les résultats" et "Affinez..." */
ul#la-recherche-annuaire li.bloc-recherche{margin:0;padding:0;border-bottom:1px solid rgba(0,0,0,0.05);}
/*Bloc "Afficher" */
ul#la-recherche-annuaire li.bloc-recherche1{border-top:1px solid rgba(0,0,0,0.05);padding:0 0 20px 0;}
/*Titre "Afficher les résultats" et "Affinez..."*/
.titre-recherche-annuaire{display:block;margin:20px 0 0 0;font-size:1.2em;font-weight:bold;color:#333;}
li.bloc-recherche ul{list-style-type:none;margin:10px 0 0 0;padding:0 0 20px 0;}
/*Les liens de catégorie ou type*/
li.bloc-recherche li a{text-decoration:none;color:#666;font-weight:normal;}
.bloc-recherche li.current_page_item a{color:#333;font-weight:bold;}
/*Boutons nouvelle recherche et réinitialiser*/
.bloc-recherche li.bouton-recherche-annuaire{margin:0;padding:0;}
li.bouton-recherche-annuaire input#nouvelle_recherche_annuaire{font-size:0.8em;padding:3px 10px 3px 10px;color:var(--couleur-blanc);background-color:#565859;border:1px solid #565859;font-weight:normal;margin:0 0 10px 0;}
input#nouvelle_recherche_annuaire:hover{background-color:transparent;}
/*Ce lien s'affiche quand js désactivé*/
li.bouton-recherche-annuaire a{color:#565859;font-weight:bold;text-decoration:underline;font-size:0.8em;}
/*Fin Boutons nouvelle recherche et réinitialiser*/
/*Les filtres dans Affinez votre recherche*/
li.bloc-de-filtres{margin:20px 0 0 0;padding:0;}
/*L'intitulé du bloc de filtre ex : Localisation*/
span.type-de-filtre{font-weight:bold;color:#333;}
li.bloc-de-filtres ul{font-size:0.9em;}
li.bloc-de-filtres ul input[type="checkbox"]{margin-right:7px;}
/*Fin des filtres dans Affinez votre recherche*/
/*Fin Formulaire de recherche annuaire*/
/****PAGINATION listing*****/
/* conteneur de la pagination */
.listing-pagination{clear:both;text-transform: uppercase;display: block;padding:30px 0 0 0;}
/* un element contenant un numero de page */
.page-numbers{background:#f8f8f8 !important;border-radius: 4px;font-size: 12px;margin: 0 2px 1.5em !important;overflow: hidden;padding: 8px 14px !important;color: #333 !important;text-decoration: none;transition: all 0.3s ease 0s;}
/* passage de la souris sur un lien de la pagination */
a.page-numbers:focus, a.page-numbers:hover,
span.page-numbers.current{background-color: #333!important;color: var(--couleur-blanc)!important;}
/*= Pagination loader - ajout François*/
/*
#pagination-loader {width: 40px;height: 40px;margin: 1.5em auto;background: #ccc;border-radius: 50%;-webkit-animation: pulse 1s infinite alternate;animation: pulse 1s infinite alternate;display: none;}
@-webkit-keyframes pulse {
	from {
		opacity: 1;
		width: 40px;
		height: 40px;
	}
	
	to {
		opacity: 0.5;
		width: 35px;
		height: 35px;
	}
}

@keyframes pulse {
	from {
		opacity: 1;
		width: 40px;
		height: 40px;
	}
	
	to {
		opacity: 0.5;
		width: 35px;
		height: 35px;
	}
}
*/
/******FIN PAGINATION listing*****/

/* Le listing annuaire / agenda */

/* Le wrapper du listing : une div > une section > un ul */
.listing{margin:0;padding:0;text-align:center;font-family: sans-serif; }
.listing ul{display:block;margin:0 auto 0 auto;text-align:center;list-style-type:none;padding:0;}
#content .listing ul{width:1110px;}
#content_large .listing ul{width:1480px;}
/* Fin wrapper du listing*/

/* Un bloc */
.listing li.un-bloc-listing{display:block;float:left;margin:8px;padding:0;background-color:var(--couleur-blanc);border:1px solid rgba(0,0,0,0.1);}
/* Le contenu d'un bloc agenda*/
.listing .listing-item-agenda{width:350px;height:350px;display:block;position:relative;overflow:hidden;}
/* Le contenu d'un bloc annuaire*/
.listing .listing-item, 
.listing .listing-item-annuaire{width:350px;height:350px;display:block;position:relative;overflow:hidden;}
/* L'image */
.listing .listing-item img{display:block;width:100%;height:auto;position:relative;z-index:0;}
/* La date (Agenda)*/
.date-manif-listing{position:absolute;top:10px;left: 50%; /* poussé de la moitié de hauteur du référent */ transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */ font-weight:500;display:block;margin-bottom:10px;font-size:1em;background-color:#333;border-radius:2px;padding:0 5px 0 5px;color:var(--couleur-blanc);z-index:2;text-transform:uppercase;}
.date-manif-listing .agenda_jour_texte, .date-manif-listing .du-au{font-weight:300;font-size:0.8em;}
.date-manif-listing .saut-ligne-date{display:block;}
/* Fin de la date */

/* Bloc de texte en absolu sur fond couleur dans un bloc listing : ex la ville (Annuaire)*/
.texte-absolute-listing{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);font-weight: 400;display: block;margin-bottom: 10px;font-size: 0.8em;background-color: rgb(79, 68, 100);color: rgb(255, 255, 255);z-index: 2;text-transform: uppercase;border-radius: 2px;padding: 3px 5px;}
.texte-absolute-listing p {font-weight: 100;display: block;font-size: 1em;color: rgb(255, 255, 255);z-index: 2;margin: 0px;text-transform:uppercase;}
/*Le picto*/
.texte-absolute-listing p > span{padding-right: 5px;}
/* Fin bloc de texte en absolu */

/* Le lien avec effet de survol contenant le titre et le résumé*/
.listing .listing-item > a, .listing .listing-item > .commerce{display:block;text-decoration:none;font-weight:100;color:#333;width:100%;height:150%;position:absolute;z-index:1;bottom:-50%;background-color:rgba(0,0,0,0.1);-webkit-transition: background-color 1s ease, bottom 1s ease;-moz-transition: background-color 1s ease, bottom 1s ease;-ms-transition: background-color 1s ease, bottom 1s ease;-o-transition: background-color 1s ease, bottom 1s ease;transition: background-color 1s ease, bottom 1s ease;}
.listing .listing-item > a:hover, .listing .listing-item > .commerce:hover{background-color:rgba(255,255,255,1);bottom:0%;}
/* Le titre */
.listing .listing-item a h3, .listing .listing-item .commerce h3{margin:0;display:table;width:100%;height:66.66%;position:relative;color:#333;font-weight:var(--gras);font-size:1.2em;padding-bottom:0;}
/* span pour bien positionner le texte du titre*/
.listing .listing-item a h3 > span, .listing .listing-item .commerce h3 > span{display:table-cell;vertical-align:bottom;width:100%;text-align:center;}
/* span pour styliser titre*/
.listing .listing-item a h3 span span.bordure-titre-listing, .listing .listing-item .commerce h3 span span.bordure-titre-listing{display:block;background-color:rgba(255,255,255,0.9);padding:10px;height:auto;min-height:88px;word-break: break-word;}
/* La catégorie (hébergement, annuaire et agenda) ou la rubrique parent (pages)*/
.listing .listing-item a h3 span.type{display:block;text-transform:uppercase;font-weight:var(--reguliere);font-size:0.65em;}
/*Icon appareil photo pour listing photothèque*/
.listing .listing-item a h3 span.type svg{color:#333;}
/*La ville pour le listing agenda*/
.listing .listing-item a h3 span.ville-agenda-listing{display:inline-block;background-color:#DBDBDB;padding:0 3px 0 3px;border-radius:2px;margin-right:5px;}
/*Le tarif pour le listing agenda*/
span.tarifs-manif-listing{font-weight:var(--reguliere);font-size:0.9em;}
span.tarifs-manif-listing span.agenda.tarif{display:inline-block;padding:0 3px 0 3px;}
/* Classement Hébergement (etoiles, epis, etc)*/
.listing .listing-item a h3 span.icones{display:block;font-weight:300;font-size:0.6em;padding-top:5px;}
.listing .listing-item a h3 span.icones svg.fa-pagelines{color:#746493;}
.listing .listing-item a h3 span.icones svg.fa-star{color:#4f4464;}
.listing .listing-item a h3 span.icones svg.fa-key{color:#8b8793;}
/*Infos et réservation Hébergement*/
.bt-resa-bloc-listing{display:inline-block;padding:10px;margin-top:5px;border:2px solid #333;font-weight:var(--gras);font-size:0.9em;text-transform: uppercase;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.bt-resa-bloc-listing:hover{background-color:#333;}
/* Le résumé (visible au survol) */
.listing .listing-item a p, .listing .listing-item .commerce p{font-size:0.9em;font-weight:100;padding:5px 10px 10px 10px;margin:0;}
/************Listing CENTRALE HEBERGEMENTS spécificités (carte et liste côte à côte)*************/
#centrale-dispo-container::after {clear: both;}
#centrale-dispo-container::before, #centrale-dispo-container::after {content: "";display: block;height: 0;overflow: hidden;}
/* Div qui contient la liste des hébergements dans listing de la centrale*/
#centrale-dispo-container article{float: left;width:750px;padding:0;}
/* Div qui contient la carte du listing de la centrale*/
#centrale-dispo-container aside.centrale-dispo {width: calc(100% - 750px);float: left;}
#centrale-dispo-container aside.centrale-dispo.sticky {top: 130px !important;}
/*Mise en avant d'un bloc listing quand sélectionné sur la carte*/
.listing li.un-bloc-listing.selected{border:1px solid rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.listing li.un-bloc-listing.selected .texte-absolute-listing{background-color:#333;}
/*********Fin listing centrale spécificités*************/

/* Fin listing annuaire / agenda */

/*Afficher sous catégories d'un annuaire préfiltré*/
#categories-annuaire-prefiltre{margin:20px 0 10px 0;padding:0;}
#categories-annuaire-prefiltre #titre-filtrer{display:inline-block;background-color:#333;color:var(--couleur-blanc);font-family: sans-serif; font-weight:300;font-size:0.7em;text-transform:uppercase;text-align:center;padding:10px;margin:0;}
#categories-annuaire-prefiltre ul{border:1px solid var(--couleur-gris-clair);margin:0;padding:15px 20px 15px 20px;font-family:sans-serif; }
#categories-annuaire-prefiltre ul li{border: 1px solid #565859;color: #565859;display: inline-block;margin:5px;padding:0;}
#categories-annuaire-prefiltre ul li a{color: #333;font-weight:300;font-size:0.85em;text-decoration: none;display:block;border:2px solid var(--couleur-blanc);padding: 3px 10px;-webkit-transition: border 1s ease;-moz-transition: border 1s ease;-ms-transition: border 1s ease;-o-transition: border 1s ease;transition: border 1s ease;}
#categories-annuaire-prefiltre ul li a:hover{border:2px solid #565859;}
/*Filtre actif*/
#categories-annuaire-prefiltre ul li.filtre-actif{border:1px solid #333;}
#categories-annuaire-prefiltre ul li.filtre-actif a, #categories-annuaire-prefiltre ul li.filtre-actif a:hover{border:2px solid #146E8D;color:#146E8D;}
/*Fin afficher sous catégories d'un annuaire préfiltré*/
/**Fin Page Listing AGENDA ANNUAIRES*****/
/**************************************************************/
/****** Entete titre + nav dans single annuaire/ agenda / actu*****/
#entete-fiche, #entete-listing{display:table;width:100%;margin:0 auto 20px auto;}
#entete-fiche{padding-bottom:0px;margin-bottom:30px;}
h1.titre-fiche{border-bottom:none;}
h1.titre-fiche, h2.titre-fiche, h1.titre-listing, h2.titre-listing{display:table-cell;vertical-align:middle;}
/*Pour le style bloc navigation voir plus loin .nav-fiche .nav-actus*/
/***Fin Entete titre + nav single annuaire/ agenda / actu*****/
/************************************************************/
/******Page single d'un agenda/annuaire*****/
#colonne1-agenda, #colonne1-annuaire{display:block;float:left;width:66%;padding:0;}
#colonne1-agenda-large, #colonne1-annuaire-large{display:block;float:none;width:100%;padding:0;}
/* La date de la manif*/
ul#date-manif-fiche{list-style-type:none;margin:0 0 30px 0;padding:0;font-family: sans-serif;}
ul#date-manif-fiche li{display:inline-block;border:5px solid #333;padding:10px;margin:0 10px 10px 0;color:#333;font-size:1.3em;font-weight:var(--gras);}
/**Icon + infos : Famille / chiens acceptés / Groupes / Mobilité réduite, etc.**/
#colonne1-agenda p.btn, #colonne1-agenda-large p.btn, #colonne1-annuaire p.btn, #colonne1-annuaire-large p.btn{display:inline-block;border:1px solid rgba(0,0,0,0.1);padding:5px 10px 5px 5px;border-radius:2px;}
/*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/
#colonne1-agenda p.btn svg, #colonne1-agenda-large p.btn svg, #colonne1-annuaire p.btn svg, #colonne1-annuaire-large p.btn svg{margin:0 10px 0 10px;}
#annuaire-taxonomies, #commerce-taxonomies, #entreprise-taxonomies, #association-taxonomies, #hebergement-taxonomies, #agenda-taxonomies{clear:both;padding:0 0 5px 0;margin:10px 0 20px 0;font-family:sans-serif;font-weight:300;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
#annuaire-taxonomies span.taxo, #commerce-taxonomies span.taxo, #entreprise-taxonomies span.taxo, #association-taxonomies span.taxo, #hebergement-taxonomies span.taxo, #agenda-taxonomies span.taxo{font-weight:var(--demi-gras);color:#333;}
.tranche-prix{margin:20px 0 0 0;font-style:italic;color:#838383;font-size:0.9em;font-weight:200;}
#colonne2-agenda, #colonne2-annuaire{display:block;width:30%;float:right;padding:0 0 30px 0;font-family:sans-serif;color: #565859;font-weight:300;}
.bloc-fiche{border-top:1px solid rgba(0,0,0,0.1);padding:20px 0 20px 0;margin:20px 0 20px 0;}
#description-fiche{padding:20px;margin:20px 0 20px 0;background-color:#f3f7fa;}
#description-fiche p{font-size:1.1em;}
.bloc-fiche h2, #description-fiche h2{font-size:2.2em;margin:0;padding:20px 0 10px 0;}
/****************Fiche rando**********************/
#informations-rando-fiche a{background-color:transparent;color: #333;text-decoration:none;}
.options-annuaire.options-rando{background-color:#4f4464;color:var(--couleur-blanc);border-radius:10px;padding:20px;margin:20px 0 20px 0;}
.options-annuaire.options-rando h3{color:var(--couleur-blanc);text-align:center;margin:0;padding:20px 0 20px 0;}
.options-annuaire.options-rando ul{list-style-type:none;color:var(--couleur-blanc);margin:0;padding:0;}
.options-annuaire.options-rando ul li{color:var(--couleur-blanc);border-bottom:1px solid rgba(0,0,0,0.2);padding:5px 0 5px 0;}
.options-annuaire.options-rando ul li:first-child{border-top:1px solid rgba(0,0,0,0.2);}
.options-annuaire.options-rando ul li svg{display:inline-block;vertical-align: middle;margin-right:10px;}
/*************fin fiche rando*******************/
/*************** Le bloc Coordonnées ****************/
#coordonnees-fiche{position:relative;display:block;clear:both;color:#666;}
#organisateur-agenda > span{display:inline-block;color:#333;font-weight:var(--demi-gras);}
#organisateur-agenda p{display:inline-block;margin:0;padding:0;}
#coordonnees-fiche .adresse-fiche{padding:10px 0 10px 0;margin:0 0 10px 0;}
#coordonnees-fiche .adresse-fiche > span{display:inline-block;background-color:rgba(0,0,0,0.3);border-radius:5px;padding:5px;font-size:1.4em;margin-bottom:10px;}
/*masquer le span gps de la div.adresse-fiche dans les coordonnées de la fiche annuaire*/
#coordonnees-fiche .adresse-fiche > span[itemprop="geo"]{display: none;}
/*masquer la tranche de prix car nécessaire pour SEO mais pas intéressant sur les fiches*/
span.hidden[itemprop="priceRange"]{display:none;}
#coordonnees-fiche p.btn{display:inline-block;border:5px solid #333;padding:10px 15px 10px 15px;border-radius:2px;color:#333;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#coordonnees-fiche p.btn:hover{border:5px solid #333;background-color:rgba(0,0,0,0.03);}
#coordonnees-fiche p.btn a{color:#333;font-weight:var(--demi-gras);text-decoration:none;}
#coordonnees-fiche  p.btn a:hover, #coordonnees-fiche  p.btn a:active{text-decoration:underline;}
/*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/
#coordonnees-fiche  p.btn svg{margin:0 10px 0 10px;}
#coordonnees-fiche ul{list-style-type: none;}
/******************Les tarifs*********/
#tarifs-fiche{padding-bottom:10px;}
/*L'intitulé de tarif*/
/*Pas le même code html selons les différents annuaires agenda, parfois un p parfois un span*/
#tarifs-fiche span.tarif, #tarifs-fiche p.tarif{display:block;float:left;margin:0 10px 10px 0;padding:0 10px 0 0;border-right:1px solid #333;color:#333;font-weight:var(--demi-gras);}
#tarifs-fiche span.tarif > span, #tarifs-fiche p.tarif > span{font-size:1.5em;}
/* periodes */
ul.les-periodes-ouverture{margin:0;padding:0;list-style-type:none;}
/*Une période d'ouverture : Du ... au ...*/
ul.les-periodes-ouverture > li{margin:0 0 20px 0;color:#333;font-weight:var(--demi-gras);font-size:1.2em;}
ul.les-periodes-ouverture > li:last-child{margin-bottom:0;}
/*Ensemble de ligne horaire d'une période Lundi : de 9h00 à 20h00 Mardi : de 9h00 à 20h00 etc. */
ul.les-periodes-ouverture > li ul{margin:10px 0 0 0;padding:0 0 0 20px;list-style-type:none;font-weight:300;font-size:0.8em;}
/*Une seule ligne horaire Lundi : de 9h00 à 20h00  ul.les-periodes-ouverture > li ul li.periode_jour_horaires{}*/
/*Complement horaire */
ul.les-periodes-ouverture > li ul li.complement_horaires{padding:5px 0 0 0;color:#333;font-weight:var(--reguliere);font-size:1.1em;}
/*Jour de fermeture */
ul.les-periodes-ouverture > li ul li.jour_fermeture_horaires{padding:5px 0 0 0;color:#333;font-weight:var(--reguliere);font-size:1.1em;}
/**********Adresse / Carte / calcul itinéraire********/
.adresse-fiche > span:first-child{display:none; /*on cache le texte "Lieu" car on l'a mis en h2 avant*/}
.adresse-fiche .address, .adresse-fiche > p{color:#333;font-weight:var(--demi-gras);padding-bottom:20px;font-size:1.1em;}
#carte-fiche{display:block;clear:both;}
a.btn_itineraire{display:block;text-align:center;padding:20px;background-color:var(--couleur-blanc);border:5px solid #333;color:#333;text-decoration:none;font-size:1.1em;margin-top:20px;border-radius:2px;font-weight:300;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
a.btn_itineraire:hover{background-color:#F4F3F2;border:5px solid #333;color:#333;}
a.btn_itineraire svg{margin-right:10px;font-size:1.4em;vertical-align:middle;}
/**********Form contact prestataire******************/
.krea3_formulaire input#submit-contact-prestataire{margin-left:0;margin-top:20px;}
/***************Offres associées / Suggestions********/
#listing-offres-associees{padding-top:10px;width: 100%;max-width: 1245px;margin: 0 auto 0 auto;}
#content_large #listing-offres-associees ul{width:100%;}
/*espace entre les blocs offres associées*/
#listing-offres-associees li.un-bloc-listing{margin:4px;}
#listing-offres-associees .listing-item{width:300px;height:300px;}
/*************** Le bloc réservation ****************/
#sticky-bloc-fiche{padding:20px;border:none;background-color:var(--couleur-blanc);border:1px solid rgba(0,0,0,0.1);position:relative;display:block;clear:both;text-align:center;color:#333;margin:0 0 30px 0;}
#sticky-bloc-fiche h2{margin:0;padding:10px 0 15px 0;color:#333;font-weight:var(--reguliere);font-family:sans-serif;}
/*Le lien Je réserve*/
a.btn_je_reserve{display:block;padding:20px;background-color:#333;color:#333;text-decoration:none;font-size:1.1em;margin-top:30px;border-radius:2px;font-weight:var(--gras);text-transform:uppercase;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
a.btn_je_reserve:hover{background-color:#333;color:var(--couleur-blanc);}
a.btn_je_reserve svg{margin-right:10px;font-size:1.4em;vertical-align:middle;}
/* L'adresse */
#sticky-bloc-fiche .adresse-fiche{padding:15px 0 0 0;margin:20px 0 20px 0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
#sticky-bloc-fiche .adresse-fiche p{color:#333;}
/* Les liens tel, fax*/
#sticky-bloc-fiche p.btn a{color:#333;font-weight:var(--reguliere);font-size:1.2em;text-decoration:none;}
#sticky-bloc-fiche  p.btn a:hover, #sticky-bloc-fiche  p.btn a:active{text-decoration:underline;	}
/*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/
#sticky-bloc-fiche  p.btn svg, #sticky-bloc-fiche  p.btn svg{margin:0 10px 0 10px;color:#333;}
/*Liens mail et site*/
#sticky-bloc-fiche  p.btn_site, #sticky-bloc-fiche  p.btn_mail{border-top:1px solid rgba(0,0,0,0.1);padding:15px 0 0 0;margin:20px 0 0 0;}
#sticky-bloc-fiche p.btn_site{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px;}
#sticky-bloc-fiche  p.btn_site a, #sticky-bloc-fiche  p.btn_mail a{display:block;overflow-wrap:break-word;font-weight:200;font-size:1em;}
/*************Fin du bloc réservation ****************/
.ui-menu .ui-menu-item{font-size:1.2em;padding:5px;}
.adp, .adp table {margin: 0 auto;width: 70%;}
#carte-fiche .adp-directions, #carte-fiche .adp-summary{color:#565859 !important;font-size:1.3em;}
#carte-fiche .adp-legal{color:#565859;}
#carte-fiche .adp-placemark {background:#565859 none repeat scroll 0 0;border: 1px solid #565859;font-weight:var(--demi-gras) !important;color:var(--couleur-blanc);font-size:1.3em;}
/*******Liens sociaux fiche*****/
ul#liens-sociaux-fiche{margin:20px 0 20px 0;padding:0;list-style-type:none;}
ul#liens-sociaux-fiche li a{display:table;text-decoration:none;font-weight:normal;}
ul#liens-sociaux-fiche span.icon-social:before{font-family: FontAwesome;display:table-cell;content: "\f09a";vertical-align: middle;padding:10px;background-color:#333;color:var(--couleur-blanc);border-radius:2px;}
ul#liens-sociaux-fiche span.text-social{display:table-cell;vertical-align: middle;display:none;}
/*******HEBERGEMENT*********/
#barre-icones-entete{list-style-type:none;text-align:center;padding:0;margin:0;}
#barre-icones-entete ul{padding:0;margin:0;}
#barre-icones-entete li{display:inline-block;}
/*********************FIN AGENDA ANNUAIRES********************/
/*************************************************************************/
/****La navigation interne (annuaires, agenda, actus, resultats recherche...)****/
/*Le bloc contenant les éléments de navigation*/
.nav{list-style-type:none;}
/*Cas 1 le bloc est dans annuaires / agenda / actu */
.nav-listing, .nav-fiche, .nav-actus{margin:0;padding-left:10px;padding-right:10px;display:table-cell;vertical-align:middle;min-width:100px;}
/*.nav-fiche{largeur à ajouter selon le nombre de boutons de nav (varie selon site avec carnet de voyage, pdf, etc.)}*/
.nav-actus{width:200px;}
/*flèches de pagination actu en bas de page*/
#nav-bas-listing .nav-actus{min-width:none; width:100%; padding-left:0; float:right;}
.nav-listing li, .nav-fiche li, .nav-actus li{display:inline-block;margin:0;padding:0;}
/* les icones retour précédent suivant */
.nav-actus .svg-inline--fa{width: 40px;height: 40px;}
/*Fin cas 1*/
/*Cas 2  le bloc est dans résultats de recherche */
.nav-results{margin:0;display:table;width:100%;}
.nav-results-top{padding:0 0 10px 0;}
.nav-results-bottom{padding:30px 0 10px 0;}
.nav-results li{display:table-cell;width:50%;}
/*Positionnement des boutons résultats suivants et résultats précédents*/
.nav-results li.nav-precedent{padding-right:10px;}
.nav-results li.nav-suivant{padding-left:10px;}
.nav-results li.nav-precedent a{float:left;}
.nav-results li.nav-suivant a{float:right;}
/*Fin cas 2*/
/*Un bouton de navigation*/
.nav li a{display:table;color:#333;text-decoration:none;font-weight:normal;-webkit-transition: background-color 3s ease;-moz-transition: background-color 3s ease;-ms-transition: background-color 3s ease;-o-transition: background-color 3s ease;transition: background-color 3s ease;}
/*Couleur bouton au survol*/
.nav li a:hover{background-color: #333;}
/*Pour les boutons mode liste et mode carte*/
.nav li a.cbp-vm-selected{background-color: #333;}
/*Régler ici la couleur pour chaque bouton si besoin*/
.nav li.nav-mode-liste a,
.nav li.nav-mode-carte a{background-color:transparent; color:#bdbdbd;}
.nav li.nav-mode-carte a{margin-right:10px;}
.nav li.nav-mode-liste a.cbp-vm-selected,
.nav li.nav-mode-carte a.cbp-vm-selected{background-color:transparent; color:#333;}
.nav li.nav-retour-annuaire a{background-color:transparent; color:#333; margin-right:15px;}
.nav li a span{display:table-cell;vertical-align:middle;}
.nav li a span.icon-nav{padding:15px;}
.nav li a span.text-nav{padding:15px 15px 15px 0; font-family:sans-serif; font-weight:100;}
.nav li.nav-suivant span.text-nav{padding:15px 0 15px 15px;}
/*On cache le texte dans annuaires / agenda / actu*/
.nav-listing li a span.text-nav,
.nav-fiche li a span.text-nav,
.nav-actus li a span.text-nav{display:none;}
/*Sauf pour le carnet de voyage*/
.nav-fiche li.nav-ajout-carnet a span.text-nav, .nav-actus li.nav-ajout-carnet a span.text-nav, .nav-fiche li.nav-suppression-carnet a span.text-nav, .nav-actus li.nav-suppression-carnet a span.text-nav{display:table-cell;}
/***Appel des img icones des liens de navigation****/
.nav li span.icon-nav:before{font-family: "Font Awesome 5 Solid";display: none;}
/*Mode liste*/
.nav li.nav-mode-liste span.icon-nav:before{content: "\f00a";}
/*Mode carte*/
.nav li.nav-mode-carte span.icon-nav:before{content: "\f041";}
/* retour listing agenda */
.nav li.nav-retour-agenda span.icon-nav:before{content: "\f053";}
/* retour listing annuaire */
.nav li.nav-retour-annuaire span.icon-nav:before{content: "\f00a";}
/* fleches précédent / suivant */
.nav li.nav-precedent span.icon-nav:before{content: "\f053";}
.nav li.nav-suivant span.icon-nav:before{content: "\f054";}
/*Ajout / suppression carnet de voyage*/
.nav li.nav-ajout-carnet span.icon-nav:before{content: "\f067";}
.nav li.nav-suppression-carnet span.icon-nav:before{content: "\f1f8";}
/*Générer un pdf*/
.nav li.nav-pdf span.icon-nav:before{content: "\f1c1";}
/*Fermer le wrapper itineraire*/
.nav li.nav-fermer-itineraire span.icon-nav:before{content: "\f00d";}
/*Ouvrir l'itineraire sur Google Maps*/
.nav li.nav-google-map span.icon-nav:before{content: "\f278";}
/****Fin navigation interne (annuaires, agenda, resultats recherche...)****/
/*************************************************************************/
/* Flèche retour en haut de page */
#scroll{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);border-radius: 4px;bottom: 4%;color: var(--couleur-blanc)FFF;cursor: pointer;font-size: 16px;line-height: 40px;position: fixed;right: 20px;text-align: center;transition: background-color 0.3s linear 0s;width: 40px;z-index: 2000;display: block;}
#scroll a{text-decoration:none; color:var(--couleur-blanc);}
/******************************************
* Align box
******************************************/
img.centered, .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/**
 * css pour les légendes
 */
/*On style le bloc image*/
.wp-caption {border:1px solid var(--couleur-gris-clair); padding:10px; max-width:100%; background-color:var(--couleur-blanc);}
/*Ajout d'espace pour aérer autour de l'image*/
.alignleft{margin-right:10px;}
.alignright{margin-left:10px;}
/*On centre l'image.*/
.wp-caption img {margin:0;padding:0;border:0 none; max-width:100%;}
/*Alignement, taille et couleur de la légende*/
.wp-caption p,.wp-caption-text {font-family:sans-serif;text-align:center;font-size:1em;line-height:1.4em;font-weight:bold; color:#333; padding:10px 0 0 0;margin:0; font-weight:var(--reguliere);}
/*Ajout des arrondis sur le caption*/
.wp-caption {-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px}
/*Ajout d'une ombre sous le caption*/
.wp-caption{/*-moz-box-shadow:0 3px 4px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 4px rgba(0,0,0,.5);box-shadow:0 3px 4px rgba(0,0,0,.5); */ -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; }
.resize {width: 160px;height : auto;}
.resize {width: auto;height : 120px;}
.nav-previous a, .nav-next a{padding:10px 20px;}
/* =Cartographie annuaires + single
---------------------------------------------------------------------------------------------*/
#map_canvas{box-shadow:none !important;border:8px solid var(--couleur-blanc);}
.cbp-vm-switcher #map_canvas{width: 100%;}
h4#titre_calcul_itineraire{font-weight:var(--reguliere);padding-bottom:10px;}
#wrapper_itineraire{padding:20px;margin-bottom:20px;text-align:center;border:2px solid #E8E8E8;}
#wrapper_input_calcul_itineraire{margin:0;}
#directionsPanel{margin-top:2em;}
#fermer_itineraire{margin:30px auto 0 auto;float:none;clear:both;max-width:100px;}
.adp-summary, .adp-legal {margin: 20px auto;padding: 0 3px 3px;text-align: center;width: 50%;}
#calcul-itineraire-fiche #carte {height: 400px;width: 100%;}
.info-windows{border-radius:5px;padding:10px;}
.i-box p{display:block;margin:20px 0 15px 20px;}
.i-box h3{font-family: sans-serif;	border-bottom:1px solid var(--couleur-gris-clair);padding:0 0 10px 0;margin:0 0 15px 0;}
.info-windows .i-box img.wp-post-image {float: left;max-width: 110px !important;width: 110px !important;margin:0 20px 20px 0;display:block;}
#map_canvas img { max-width: none; } /* résoudre le bug en Responsive Design */
#pano img {  border: none !important; max-width: none !important;} /* résoudre le bug en Responsive Design */
#map img { max-width: none; } /* résoudre le bug en Responsive Design */
#carte img{max-width: none; }
/* =Listings
---------------------------------------------------------------------------------------------*/
/* masquer un élément */
.listing-hidden{display:none;visibility: hidden;}
/* afficher un élément */
.listing-visible{display: block;visibility: visible;}
/* une grille responsive simple */
.cbp-vm-switcher .row {width : 100%;}
.cbp-vm-switcher .row > div {margin : 0 0.5% 1%;float: left;min-height:370px;}	
.cbp-vm-switcher .row > div h2 {font-size: 1.2em;}
.cbp-vm-switcher .row .w-1 { width : 7.3%; }
.cbp-vm-switcher .row .w-2 { width : 15.6%; }
.cbp-vm-switcher .row .w-3 { width : 24%; }
.cbp-vm-switcher .row .w-4 { width : 32.3%; }
.cbp-vm-switcher .row .w-5 { width : 40.6%; }
.cbp-vm-switcher .row .w-6 { width : 49%; }
.cbp-vm-switcher .row .w-7 { width : 57.3%; }
.cbp-vm-switcher .row .w-8 { width : 65.6%; }
.cbp-vm-switcher .row .w-9 { width : 74%; }
.cbp-vm-switcher .row .w-10 { width : 82.3%; }
.cbp-vm-switcher .row .w-11 { width : 90.6%; }
.cbp-vm-switcher .row .w-12 { width : 99%; }
/* ==========================================================================
   Remodal necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal_lock, body.remodal_lock {overflow: hidden;}
/* Anti FOUC */
.remodal, [data-remodal-id] {visibility: hidden;}
/* Overlay necessary styles */
.remodal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;display: none;overflow: auto;-webkit-overflow-scrolling: touch;text-align: center;}
.remodal-overlay:after {display: inline-block;height: 100%;margin-left: -0.05em;content: '';}
/* Fix iPad, iPhone glitches */
.remodal-overlay > * {-webkit-transform: translateZ(0px);transform: translateZ(0px);}
/* Modal dialog necessary styles */
.remodal {position: relative;display: inline-block;}
/* ==========================================================================
   Remodal default theme
   ========================================================================== */
/* Default theme font */
/*@import url(http://fonts.googleapis.com/css?family=Exo+2:700,400&subset=latin,cyrillic);*/
.remodal, .remodal * {font-family:sans-serif;}
/* Background for effects */
.remodal-bg {-webkit-transition: -webkit-filter 0.2s linear;-moz-transition: -moz-filter 0.2s linear;-o-transition: -o-filter 0.2s linear;transition: filter 0.2s linear;}
body.remodal_active .remodal-bg {-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}
/* Overlay default theme styles */
.remodal-overlay {opacity: 0;background: rgba(33, 36, 46, 0.95);-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
body.remodal_active .remodal-overlay {opacity: 1;}
/* Modal dialog default theme styles */
.remodal {width: 100%;min-height: 100%;padding: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;background: #f4f4f4;background-clip: padding-box;color: #182a3c;-webkit-box-shadow: 0px 0px 8px #171a24;box-shadow: 0px 0px 8px #171a24;-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);transform: scale(0.95);-webkit-transition: -webkit-transform 0.2s linear;-moz-transition: -moz-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;transition: transform 0.2s linear;}
body.remodal_active .remodal {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
/* Modal dialog vertical align  */
.remodal, .remodal-overlay:after {vertical-align: middle;}
/* Close button */
.remodal-close {position: absolute;top: 5px;right: 5px;width: 28px;height: 28px;text-decoration: none;-webkit-border-radius: 50%;border-radius: 50%;border: 2px solid #3e5368;-webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.remodal-close:after {display: block;font-size: 28px;font-family: sans-serif;content: "×";line-height: 23px;cursor: pointer;text-decoration: none;color: #3e5368;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.remodal-close:hover, .remodal-close:active {background: #3e5368;}
.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after {color: #f4f4f4;}
/* Dialog buttons */
.remodal-confirm, .remodal-cancel {display: inline-block;width: 120px;padding: 9px 0;margin: 0 0 5px 0;font-size: 10pt;cursor: pointer;text-decoration: none;text-align: center;-webkit-border-radius: 50px;border-radius: 50px;background-clip: padding-box;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.remodal-confirm {border: 2px solid #16a085;background: #f4f4f4;color: #16a085;}
.remodal-confirm:hover, .remodal-confirm:active {background: #16a085;color: #f4f4f4;}
.remodal-cancel {border: 2px solid #c0392b;background: #f4f4f4;color: #c0392b;}
.remodal-cancel:hover, .remodal-cancel:active {background: #c0392b;color: #f4f4f4;}
/***********************************A personnaliser à chaque site********************************/
.remodal {background: url(assets/images/post-it/fond_postit.png) var(--couleur-blanc) no-repeat scroll top center;/*background-size:contain;*/border-radius: 6px;margin: 20px auto;max-width: 700px;min-height: 0;padding-top:70px;color:#666;}
.remodal h1, .remodal h2, .remodal p, .remodal ul, .remodal ol{text-align:left;}
.remodal h1 {color:#3f474c; font-size:1.7em; margin:0 0 15px 0; padding:0; font-family: sans-serif;	 font-weight:var(--gras);}
.remodal h2 {color:#3a9cc1; font-size:1.4em; margin:15px 0 10px 0; padding:0; font-family: sans-serif;	 font-weight:var(--gras);}
.remodal-confirm {background: none repeat scroll 0 0 #f4f4f4;background-color:#3f474c;border:2px solid rgba(0,0,0,0.1);color:var(--couleur-blanc);font-family:sans-serif;	font-weight:var(--demi-gras);font-size:0.9em;}
.remodal-confirm:active, .remodal-confirm:hover {background: #3a9cc1;color: #f4f4f4;}
/* Close button */
.remodal-close {border: 2px solid #3a9cc1;}
.remodal-close:after {color: #3a9cc1;}
.remodal-close:hover, .remodal-close:active {background: #3a9cc1;}
.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after {color: var(--couleur-blanc);}
/*****************************formulaires administrables***********************************************/
form.visual-form-builder{font-family:inherit;margin:20px 0;}
form.visual-form-builder li{width:auto !important;}
.visual-form-builder ul{list-style:none;margin:0 14px;padding:0;font-size:0.8em;}
.visual-form-builder li{clear:both;margin:0;padding:6px 1% 9px;width:64%;list-style-type:none;}
.visual-form-builder li div span, span.full input, span.full select{display:block;float:left;width:100%;}
.visual-form-builder span.left{float:left;width:48%;}
.visual-form-builder span.right{float:right;width:48%;}
.visual-form-builder span.right input, .visual-form-builder span.right select, .visual-form-builder span.left input, .visual-form-builder span.left select{width:100%;}
.visual-form-builder span.time{float:left;margin:0 0.3em 0 0;}
.visual-form-builder li div label, .visual-form-builder li span label{font-size:90%;}
.visual-form-builder fieldset{background-color:#F8F8F8;border-radius:3px;border:1px solid var(--couleur-gris-clair);margin:15px 0;clear:both;}
.visual-form-builder .legend{margin:5px 14px;padding:0 6px;color:#990000;border-bottom:1px solid var(--couleur-gris-clair);font-size:inherit;}
.visual-form-builder .legend h3{font-size:20px;}
.visual-form-builder label, label.desc{display:block;margin:0;padding-bottom:3px;color:var(--couleur-noir);}
label.desc, span.vfb-desc-address{font-weight:bold;}
.visual-form-builder label.choice{font-size:100%;line-height:150%;margin:-17px 0 0 23px;padding:0 0 5px;width:88%;}
.visual-form-builder label span{color:#BC1212;vertical-align:middle;}
input.text, textarea.textarea, select.select{font-size:100%;font-family:inherit;margin:0;padding:2px 0;border:1px solid #D3D3D3;}
input.medium, select.medium{width:50%;}
input.large, select.large, textarea.textarea{width:100%;}
textarea.medium{height:10em;}
textarea.large{height:20em;}
.submit{font-size:1.1em;}
input.checkbox, input.radio{font-size:1.1em;display:block;height:13px;width:13px;margin:4px 0 0;}
label.error{color:red;font-weight:bold;font-size:90%;}
input.error, select.error, textarea.error{border:1px solid red;}
p#form_success{color:green;font-weight:bold;}
#ui-datepicker-div { display: none; }
.ed_button{font-family: sans-serif;font-size:12px;background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e9e8e8 100%);background-image: -o-linear-gradient(top, #fcfcfc 0%, #e9e8e8 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #e9e8e8));background-image: linear-gradient(top, #fcfcfc 0%, #e9e8e8 100%);min-width:26px;margin:3px 1px 4px;padding:2px 4px;box-shadow:0 1px 0 #e3e3e3;border-radius:3px 3px 3px 3px;border:#C3C3C3 1px solid;text-transform:lowercase;}
.ed_button:hover{background:none repeat scroll 0 0 #dddddd;border-color:#aaaaaa;cursor:pointer;}
.ed_button.ed_bold{font-weight:bold;}
.ed_button.ed_italic{font-style:italic;}
.ed_button.ed_link{color:var(--couleur-noir)0FF;text-decoration:underline;}
.ed_button.ed_del{text-decoration:line-through;}
.item-instructions{background-color:#e3e3e3;border-radius:3px;}
form.visual-form-builder input#sendmail{background-color:#333;border:1px solid #333;color:var(--couleur-blanc);padding:10px;margin-top:20px;cursor: pointer;border-radius:3px;}
form.visual-form-builder input#sendmail:hover{background-color:#3e3e3e;border:1px solid #3e3e3e;}
form.visual-form-builder span.vfb-address-desc{font-weight:bold;}
form.visual-form-builder span.vfb-address-desc span{color: #BC1212;}
/*****************************fin formulaires administrables ***********************************************/
/* =jQuery UI 
--------------------------------------------------------------------------------------- */
/* Rechercher par nom */
.ui-autocomplete {background-image: none;background-color: #347491;color: var(--couleur-blanc);text-decoration: none;}
.ui-menu .ui-menu-item {background-image: none !important;background-color: var(--couleur-blanc)fff;color: #666;}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item.ui-state-focus {background-image: none !important;background-color: #333;color: var(--couleur-blanc)fff;/*font-size: 0.8em;*/}
.ui-menu .ui-menu-item a {color: var(--couleur-blanc)fff;border: none !important;font-size: 0.8em;}
.ui-menu .ui-menu-item :hover {background: var(--couleur-blanc)fff none;color: var(--couleur-noir)000;}
/* Titre accordeon ferme */
#infos-fiche h3.ui-accordion .ui-accordion-header {cursor: pointer;position: relative;margin-top: 1px;zoom: 1;}
#infos-fiche h3.ui-helper-reset {margin: 10px 0 0 0;padding: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #f1f1f1;background: #FBFBFB;font-weight: normal;color: #106470;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #106470;text-decoration: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{font-weight: normal;border: 1px solid #f1f1f1;background: #ededed;color: #666;}
.ui-state-hover a, .ui-state-hover a:hover {color: #666;text-decoration: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: 1px solid #f1f1f1;background: var(--couleur-blanc)fff;font-weight: normal;color: #666;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color: #666;text-decoration: none;}
.ui-widget :active {outline: none;}
/* Partie qui s'ouvre */
.ui-widget-content {border: 1px solid #f1f1f1;background-color: var(--couleur-blanc)fff;color: #666;font-size: 0.8em;z-index: 80 !important;}
/*les span adresse, tel, email, etc.*/
.ui-widget-content span {font-weight: bold;}
/* Supprimer icone du carnet du ui dialog */
.ui-widget-header {background: none;background-color: #666;color: var(--couleur-blanc);}
/* Replacer le titre du ui dialog a gauche */
span#ui-id-1 {padding: 0;}
/* Slider */
.ui-slider .ui-slider-handle {background-color: #666;}
.ui-slider-range {background-color: #333;}
.ui-accordion .ui-accordion-header {margin-bottom: 0;margin-top: 2px;font-size: 1em;}
.ui-widget.ui-datepicker {font-size: 90%;padding: 0;width: auto;}
/* partie haute du calendrier */
.ui-widget.ui-datepicker.ui-widget-content {font-family:sans-serif;background: #F4F4F4;border: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;z-index: 200 !important;}
.ui-widget.ui-datepicker.ui-widget-content span{color: var(--couleur-blanc);}
.ui-widget.ui-datepicker .ui-datepicker-header {border: none;background: #666;font-weight: normal;font-size: 15px;}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-state-hover {background: transparent;border-color: transparent;cursor: pointer;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
/* les textes */
.ui-widget.ui-datepicker .ui-datepicker-title {margin-top: .4em;margin-bottom: .3em;color: #666;}
.ui-widget.ui-datepicker .ui-datepicker-prev-hover, .ui-widget.ui-datepicker .ui-datepicker-next-hover, .ui-widget.ui-datepicker .ui-datepicker-next,  .ui-widget.ui-datepicker .ui-datepicker-prev{top: .9em;border: none;}
.ui-widget.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-widget.ui-datepicker .ui-datepicker-next-hover {right: 2px;}
.ui-widget.ui-datepicker .ui-datepicker-next span, .ui-widget.ui-datepicker .ui-datepicker-prev span{background-position: -32px 0;margin-top: 0;top: 0;font-weight: normal;}
.ui-widget.ui-datepicker .ui-datepicker-prev span {background-position: -96px 0;}
.ui-widget.ui-datepicker table {margin: 0;}
.ui-widget.ui-datepicker thead {background-color: #666;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);}
.ui-widget.ui-datepicker th {padding: 1em 0;font-size: 13px;font-weight: normal;color: #333;border: none;}
/* couleur des cases du tableau */
.ui-widget.ui-datepicker td {border: none;padding: 0;background: #F1F1F1;opacity: 1;}
.ui-widget.ui-datepicker td .ui-state-default {background: transparent;border: none;text-align: center;padding: .5em;margin: 0;font-weight: normal;font-size: 16px;color: #333;}
.ui-widget.ui-datepicker td .ui-state-active, .ui-widget.ui-datepicker td .ui-state-hover{background: #666;color:var(--couleur-blanc);}
.ui-widget.ui-datepicker .ui-state-disabled, .ui-widget.ui-datepicker .ui-widget-content .ui-state-disabled, .ui-widget.ui-datepicker .ui-widget-header .ui-state-disabled {opacity: 1;filter: Alpha(Opacity = 100);background-image: none;}
.ui-widget.ui-datepicker .ui-state-disabled .ui-state-default, .ui-widget.ui-datepicker .ui-widget-content .ui-state-disabled .ui-state-default, .ui-widget.ui-datepicker .ui-widget-header .ui-state-disabled .ui-state-default{opacity: 0.5}
.ui-datepicker-header.ui-widget-header {border: none !important;}
/* =Profils / tags
---------------------------------------------------------------------------------------------*/
/*page je suis*/
#je-suis-no-js{background-color:#F8F8F8;font-family:sans-serif;text-align:center;color:#666;font-weight:100;font-size:1em;padding:20px;margin:30px auto 30px auto;}
#je-suis-no-js span{font-size:1.2em;display:inline-block;padding:0 0 15px 0;vertical-align: middle;text-transform:uppercase;color:#333;font-weight:var(--gras);}
#je-suis-no-js ul{margin:0;padding:0;list-style:none;}
#je-suis-no-js ul li{display:inline-block;margin:5px;border:1px solid #333;font-size:1.8em;}
#je-suis-no-js ul li a{display:block;color:#333;font-weight:var(--reguliere);text-decoration:none;padding:5px 10px 5px 10px;border:1px solid #F8F8F8;-webkit-transition: border 1s ease;-moz-transition: border 1s ease;-ms-transition: border 1s ease;-o-transition: border 1s ease;transition: border 1s ease;}
#je-suis-no-js ul li a:hover, #je-suis-no-js ul li a:focus{border:1px solid #333;}
#je-suis-no-js ul li a:focus{color:var(--couleur-blanc);background-color:#333;font-weight:200;}
/*fin de Je suis quand js désactivé*/
/*Filtres dans une page profil de Je suis*/
#filtres-dans-je-suis{margin:20px 0 10px 0;padding:0;}
#filtres-dans-je-suis #titre-filtrer{display:inline-block;background-color:#146E8D;color:var(--couleur-blanc);font-family:sans-serif;font-weight:300;font-size:0.7em;text-transform:uppercase;text-align:center;padding:10px;margin:0;}
#filtres-dans-je-suis ul{border:1px solid var(--couleur-gris-clair);margin:0;padding:15px 20px 15px 20px;font-family:sans-serif;}
#filtres-dans-je-suis ul li{border: 1px solid #4c5356;color: #4c5356;display: inline-block;margin:5px;padding:0;}
#filtres-dans-je-suis ul li a{color: #333;font-weight:300;font-size:0.85em;text-decoration: none;display:block;border:2px solid var(--couleur-blanc);padding: 3px 10px;-webkit-transition: border 1s ease;-moz-transition: border 1s ease;-ms-transition: border 1s ease;-o-transition: border 1s ease;transition: border 1s ease;}
#filtres-dans-je-suis ul li a:hover, #filtres-dans-je-suis ul li a:focus{border:2px solid #4c5356;}
/*Filtre actif*/
#filtres-dans-je-suis ul li.filtre-actif{border:1px solid #146E8D;}
#filtres-dans-je-suis ul li.filtre-actif a, #filtres-dans-je-suis ul li.filtre-actif a:hover, #filtres-dans-je-suis ul li.filtre-actif a:focus{border:2px solid #146E8D;color:#146E8D;}
/* =Disponibilités hébergements
---------------------------------------------------------------------------------------------*/
form#recherche-dispo{max-width:100%;margin-bottom:0;}
#centrale-dispo-container{margin-top:20px;}
#choix-dates-centrale, #prix-filtres-effacer-centrale{display:inline-block;vertical-align: middle;}
span.duree_sejour{display: inline-block;vertical-align: middle;color: #4a6a92;font-weight: 400;}
/*Bouton recherche centrale dispo*/
a#rechercher_hebergements, a#plus_criteres_centrale, a#reset_recherche_centrale, a#afficher_tarifs, .centrale.annuler-criteres, .centrale.reset-criteres, .centrale.appliquer-criteres{background-color:var(--couleur-blanc);border:1px solid rgba(0,0,0,0.1);color:#666;font-size:1em;font-weight:300;font-family:sans-serif;text-decoration:none;padding:10px;margin:0 5px 0 5px;display:inline-block;}
a#plus_criteres_centrale, a#afficher_tarifs{color:#E84627;}
a#rechercher_hebergements:hover, a#plus_criteres_centrale:hover, a#reset_recherche_centrale:hover, a#afficher_tarifs:hover, .centrale.annuler-criteres:hover, .centrale.reset-criteres:hover{border:1px solid rgba(0,0,0,0.3);}
.centrale.appliquer-criteres{color:#333;border:2px solid #E84627;font-weight:var(--demi-gras);}
.centrale.appliquer-criteres:hover{color:#E84627;}
a#afficher_tarifs.active, a#plus_criteres_centrale.active{background-color:#E84627;color:var(--couleur-blanc);}
/* tarifs */
#wrapper-tarifs {margin:20px 0 20px 0;padding:20px;background-color:var(--couleur-blanc);border:1px solid rgba(0,0,0,0.1);}
#tarifs-chiffres{padding:0 0 10px 0;color:#E84627;}
#slider-tarif{width: 100%;max-width: 300px;margin: 0 auto 0 auto;}
#actions-tarif{padding-top:5px;}
button.bt-effacer-tarif, button.bt-appliquer-tarif{background-color:var(--couleur-blanc);font-size:1em;font-family:sans-serif;text-decoration:none;padding:10px;margin:5px;display:inline-block;}
button.bt-effacer-tarif{border:1px solid rgba(0,0,0,0.1);color:#666;font-weight:300;}
button.bt-effacer-tarif:hover{border:1px solid rgba(0,0,0,0.3);}
button.bt-appliquer-tarif{color:#333;border:2px solid #E84627;font-weight:var(--demi-gras);}
button.bt-appliquer-tarif:hover{color:#E84627;}
/*Les critères : s'ouvre au clic sur "Plus de critères"*/
.plus_de_criteres{border:1px solid rgba(0,0,0,0.1);/*overflow-y: scroll;*/ position: relative;}
.plus_de_criteres .filtres.centrale.plus-de-criteres{height: 350px;padding:0 20px 20px 20px;clear: both;overflow: scroll;}
.plus_de_criteres .filtres.centrale.plus-de-criteres div {clear: both;width:100%;max-width:1000px;margin:0 auto 0 auto;}
.filtres.centrale.plus-de-criteres div p{width: 100%;border-bottom: 1px solid #f8f8f8;text-align: left;padding:20px 0 5px 0;}
.plus_de_criteres span.titre-filtre {color:#333;font-weight:bold;}
.plus_de_criteres ul {list-style-type: none;clear: both;padding-left: 0;padding-bottom: 20px;}
.plus_de_criteres li {width: 50%;float: left;margin-bottom: 8px;cursor: pointer;}
/*Annuler / Supprimer les filtres séléctionnés / Appliquer*/
.buttons.centrale.plus-de-criteres{background-color:var(--couleur-blanc);border-top:1px solid rgba(0,0,0,0.1);position:relative;bottom:0;left:0;padding:15px 10px 15px 10px;text-align: right;}
.buttons.centrale.plus-de-criteres a{margin:3px;}
/*********************************************************************************************/
/* =Disponibilités fiches hébergements
---------------------------------------------------------------------------------------------*/
/* legende Dispo / S'affiche au dessus des calendriers dans la fiche */
.code-dispo {margin:20px 0 10px 0;font-family:sans-serif;width: 100%;}
.code-dispo > span {display:inline-block;margin-right: 30px;font-size: 1em;color:#333;}
span.carre {width: 30px;height: 30px;border:1px solid rgba(0,0,0,0.1);margin-right: 10px;display: inline-block;vertical-align:middle;}
/*span.dispo {}*/
span.dispo .carre {background-color: var(--couleur-blanc);}
/*span.complet {}*/
span.complet .carre {background:url(assets/images/hachures.png) var(--couleur-blanc);}
/* calendrier des dispos dans les fiches hebergement */
/*Un bloc calendrier  = Titre + Mois + Jours semaines et cases*/
.calendar_wrapper {display:inline-block;vertical-align:top;width:48%;padding:20px 10px 10px 10px;margin:10px 5px 10px 5px;border:1px solid rgba(0,0,0,0.1);}
/*Titre chambre*/
.calendar_wrapper h3{color:#333;font-size:1.1em;margin:0;padding:0;font-weight:var(--gras);text-transform:uppercase;}
/*Conteneur Mois + Année + flèches*/
.custom-header {display:block;padding:5px 5px 0 5px;margin:10px 0 5px 0;height:auto;min-height:30px;position: relative;text-align:center;}
/*Mois + année*/
.custom-header span.custom-month {text-transform: uppercase;font-weight: 300;font-size: 18px;line-height:20px;margin:0;padding:0 40px 0 40px; /*pour laisser la place aux flèches de navigation*/}
/*L'année seule, nécessaire en js pour François mais à cacher*/
.custom-header span.custom-year{display:none;}
/******************/
/*Les flèches de navigation calendrier*/
/*le conteneur des 2 flèches*/
.custom-header nav{position:absolute;width:100%;top:0;left:0;}
/*les flèches*/
.custom-header nav span.custom-prev, .custom-header nav span.custom-next{display:block;position: absolute;top:0;width: 30px;height: 30px;text-align:center;cursor:pointer;}
.custom-header nav span.custom-prev{left:0;}
.custom-header nav span.custom-next{right:0;}
.custom-header nav span:before {font-family: FontAwesome;font-size:14px;display:inline-block;vertical-align: middle;}
.custom-header nav span.custom-prev:before {content: '\f053';}
.custom-header nav span.custom-next:before {content: '\f054';}
/*Fin des flèches de navigation calendrier*/
/******************/
/*Conteneur Jours semaines et cases*/
.fc-calendar-container {position: relative;height: 350px;width: auto;padding: 10px;background: #F4F3F2;}
/*Jours semaines et cases*/
.fc-calendar {width: 100%;height: 100%;}
/* Lun Mar Mer Jeu Ven Sam Dim */
.fc-calendar .fc-head {height: 30px;line-height: 30px;	background: transparent;color: #333;font-family:sans-serif;font-weight: bold;text-transform: uppercase;font-size: 12px;}
/* Le conteneur des cases */
.fc-calendar .fc-body {position: relative;width: 100%;height: 100%;height: -moz-calc(100% - 30px);height: -webkit-calc(100% - 30px);height: calc(100% - 30px);border: 1px solid #F4F3F2;border-bottom: none;padding-bottom: 4px;}
/*Une ligne / semaine du calendrier*/
.fc-calendar .fc-row {width: calc(100% + 7px);border-bottom: 1px solid #F4F3F2;}
.fc-calendar .fc-row:last-child {border-bottom: none;}
/*Différents cas : 4, 5 ou 6 lignes selon les mois*/
.fc-four-rows .fc-row  {height: 25%;}
.fc-five-rows .fc-row  {height: 20%;}
.fc-six-rows .fc-row {height: 16.66%;height: -moz-calc(100%/6);height: -webkit-calc(100%/6);height: calc(100%/6);}
/*Un jour Lun Mar, etc.*/
.fc-calendar .fc-head > div,
/*Une case*/
.fc-calendar .fc-row > div{float: left;height: 100%;width:  14.28%;width: -moz-calc(100%/7);width: -webkit-calc(100%/7);width: calc(100%/7 - 1px);position: relative;text-align: center;}
.fc-calendar .fc-row > div{cursor: pointer;}
/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div, .ie9 .fc-calendar .fc-head > div {width: calc(100%/7 - 1px);/* 14.2%;*/}
/*Une case jour*/
.fc-calendar .fc-row > div {border-right: 1px solid #F4F3F2;overflow: hidden;position: relative;background: var(--couleur-blanc);cursor: pointer;display:table;}
.fc-calendar .fc-row > div:last-child, .fc-calendar .fc-head > div:last-child {border-right: none;}
/*Le chiffre d'une case jour*/
.fc-calendar .fc-row > div > span.fc-date {display:table-cell;padding:4px;vertical-align:middle;font-weight:var(--gras);color:#333;}
/*On peut choisir d'avoir le nom du jour ex : "Ven 1", dans chaque case
Ici on cache le jour "Ven""*/
.fc-calendar .fc-row > div > span.fc-weekday {display: none;}
/*Aujourd'hui*/
.fc-calendar .fc-row > div.fc-today {background:#333;box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);}
.fc-calendar .fc-row > div.fc-today > span.fc-date{color: var(--couleur-blanc);font-weight:300;}
/*.fc-calendar .fc-row > div.fc-out {opacity: 0.6;}*/
/*Case jour vide*/
.fc-calendar .fc-row > div:empty {background: transparent;}
/*Case jour complet*/
.fc-calendar .fc-row > div.complet{background:url(assets/images/hachures.png) var(--couleur-blanc);}
.fc-calendar .fc-row > div.complet.fc-today {background:url(assets/images/hachures.png) #333;}
.fc-calendar .fc-row > div.complet > span.fc-date, .fc-calendar .fc-row > div.complet.fc-today > span.fc-date{color:rgba(0,0,0,0.2);text-decoration: line-through;font-weight:300;}
/*Case jour en attente*/
.fc-calendar .fc-row > div.attente, .fc-calendar .fc-row > div.attente.fc-today {background:url(assets/images/hachures.png) #82bfdd;}
.fc-calendar .fc-row > div.attente > span.fc-date, .fc-calendar .fc-row > div.attente.fc-today > span.fc-date{color:rgba(0,0,0,0.2);text-decoration: line-through;font-weight:300;}
/*Le petit cadenas pour que les prestataires se connectent*/
#annuaire-disponibilites > a{display:block;padding:10px 0 0 0;clear:both;}
/* Fin personnalisation des elements du calendrier des dispos */
/**********************************************************/
/*Lien je suis disponible*/
#je-suis-disponible{display:block;float:right;margin:0 5px 5px 5px;}
#je-suis-disponible a{display:block;background-color:#82bfdd;padding:5px;border-radius:2px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#je-suis-disponible a:hover{background-color:#333;color:var(--couleur-blanc);}
#je-suis-disponible a:before{display:inline-block;vertical-align:middle;content:'Je suis disponible';padding-right:5px;font-size:0.8em;font-weight:var(--reguliere);}
#je-suis-disponible a svg{display:inline-block;vertical-align:middle;}
/*Lien de deconnexion*/
#deconnexion-prestataire{display:block;float:right;margin:0 5px 5px 5px;}
#deconnexion-prestataire a{display:block;background-color:#333;padding:5px;border-radius:2px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#deconnexion-prestataire a:hover{background-color:#333;color:var(--couleur-blanc);}
#deconnexion-prestataire a:before{display:inline-block;vertical-align:middle;content:'Déconnexion';padding-right:5px;font-size:0.8em;font-weight:var(--reguliere);}
#deconnexion-prestataire a svg{display:inline-block;vertical-align:middle;}
/*Fin lien de déconnexion*/
#h1-prestataire{display:block;clear:both;}
/*l'adresse email du prestataire : "Bienvenue (adresse email)"*/
#h1-prestataire span#adresse-mail-presta{display:block;font-size:0.7em;}
/*bouton mettre à jour les tarifs*/
input#submit-tarifs{font-family:sans-serif;	text-transform:uppercase;width:auto; height:auto; border:none;background-color:#333;color:var(--couleur-blanc);font-weight:var(--reguliere);margin:0;padding:10px 20px 10px 20px;font-size:0.8em;font-weight:normal;text-align:center;border-radius:20px;}
input#submit-tarifs:hover, input#submit-tarifs:focus{background-color:#666;cursor:pointer;}
/* = Fin disponibilités fiches hébergements
---------------------------------------------------------------------------------------------*/
/*******************************************************
			Styles pour le widget réserver
*******************************************************/
.md-modal {z-index: 2000;font-family:sans-serif;}
.md-show {visibility: visible; /*Par défaut le formulaire est centré mais cela est gênant sur Honfleur car les 2 form Hébergement et Billetterie ne sont pas de même hauteur*/ top:20vh;transform: translateX(-50%) translateY(0);}
.md-overlay {z-index: 1002; /*pour passer par dessus le menu*/}
.md-content {color: #333;background: #e74c3c;}
/*L'onglet Votre hébergement ou Billetterie*/
.md-content ul.tabs li{background:rgba(255,255,255,0.7);color:#666;text-transform:uppercase;font-size:0.8em;}
/*L'onglet Votre hébergement ou Billetterie actif*/
.md-content	ul.tabs li.current{background:#333;color:#333;font-weight:var(--gras);}
/*La couleur de fond du formulaire*/
.md-content	.tab-content{background: var(--couleur-blanc);border:4px solid #333;}
.md-content > div {font-weight: 400;font-size: 1em;}
.md-content > div fieldset{border:1px solid rgba(0,0,0,0.1);}
.md-content > div legend {color:#4a6a92;font-family: sans-serif;font-size:1.2em;}
.md-content #content-tab-billetterie{margin-top:15px;padding:0 15px 15px 15px;border:1px solid rgba(0,0,0,0.1);position:relative;}
.md-content span#title-billeterie{color:#4a6a92;font-family: sans-serif;font-size:1.2em;background-color:var(--couleur-blanc);position:absolute;top:0;left:15px;transform: translateY(-50%);}
.md-content p.texte-billetterie{font-size:1.3em;font-weight:var(--gras);margin-top:30px;}
.md-content > div p {margin: 0;padding: 10px 0;}
.md-content > div label{width:40%;padding-right:10px;color:#333;font-weight:var(--gras);text-align:right;display:inline-block;}
.md-content > div div.bloc-dates-hebergement{/*border-top:2px solid #333;*/background-color:#F0F0F0;margin-top:10px;padding:10px 10px 0 10px;}
.md-content > div div.bloc-dates-hebergement label{color:#4a6a92;font-weight:var(--reguliere);}
/*Je n'ai pas de date précise*/
.md-content > div#tab-hebergement fieldset > p.pas-de-date-precise {margin-bottom:10px;padding-bottom:10px;background-color:#F0F0F0;text-align:center;}
.md-content > div#tab-hebergement fieldset > p.pas-de-date-precise label{width:auto;color:#333;font-weight:bold;}
/*block qui contient le lien "Rechercher un hébergement" et "Acheter et Réserver" */
.md-content p.boutons-form-je-reserve {text-align:center;}
.md-content  p.boutons-form-je-reserve a{display:inline-block;padding:10px;background-color:#333;color:#333;border-radius:2px;text-decoration:none;font-weight:300;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.md-content  p.boutons-form-je-reserve a:hover{background-color:#333;color:var(--couleur-blanc);}
/*Le bouton Fermer*/
.md-content button {border:4px solid #333;border-radius:2px;background-color:#333;color:#333;margin:10px auto 10px auto;padding:10px 15px 10px 15px;font-size:0.8em;font-weight:300;text-transform:uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.md-content button:hover{background-color:#333;border:4px solid #333;color:var(--couleur-blanc);cursor: pointer;}
/*Fin du bouton Fermer*/
/* Pour avoir un fond transparent sous le bloc formulaire*/
md-show.md-effect-12 ~ .md-overlay {background: transparent;} 
.md-effect-12 .md-content h3, .md-effect-12 .md-content {background: transparent;}
/* Fin pour avoir un fond transparent sous le bloc formulaire*/
/*Le form conteneur de la phrase*/
#nl-form{margin:0;padding:20px;clear:both;}
#nl-form a {border-bottom: 1px solid #201e1b;color: #201e1b;text-decoration: none;transition: color 0.3s ease 0s;}
/*Le bouton "Qu'avez-vous à me proposer ?"*/
.nl-button{background: none repeat scroll 0 0 #39332E;border: 0 none !important;border-radius: 3px;color: var(--couleur-blanc) !important;display: inline-block;font-size: 1.1rem;font-weight: 200;line-height: 1.1rem;padding: 0.833em 1.667em;text-align: center;text-decoration: none;transition: all 0.3s ease 0s;margin-top:10px;cursor:pointer;}
/*Fin bouton "Qu'avez-vous à me proposer ?"*/
#nl-form .title-normal, .title-light, .title-normal {margin-bottom: 10px;text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 2px 2px 8px rgba(0, 0, 0, 0.1), 0 0 50px rgba(0, 0, 0, 0.5);transition: all 0.3s ease 0s;}
#nl-form .title-large.title-normal, .title-large.title-normal, .title-light.title-large {font-size: 3.5rem;line-height: 5.1rem;}
#nl-form .title-medium.title-normal, .title-light.title-medium, .title-medium.title-normal {font-size: 2.1rem;line-height: 2.1rem;}
#nl-form .title-small.title-normal, .title-light.title-small, .title-small.title-normal {font-size: 1.8rem;line-height: 1.8rem;}
.title-normal {font-size: 4rem;line-height: 5.5rem;text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.4), 0 0 75px rgba(0, 0, 0, 0.7);}
.title-group {margin: 0 auto;padding: 6.429em 0;text-align: center;transition: all 0.3s ease 0s;width: 100%;}
.title-group.title-group-small {padding: 1em 0;}
.title-group.title-group-xsmall {padding: 0;}
#nl-form .title-group .title-small.title-normal, .title-group #nl-form .title-small.title-normal, .title-group .title-light.title-small, .title-group .title-small.title-normal {margin: 0;}
/*La phrase*/
#nl-form .title-normal {font-size: 2rem;line-height: 2.6rem;text-shadow:none;color:#39332E;}
.nl-form ul {list-style: none outside none;margin: 0;padding: 0;}
.nl-form button, .nl-form input, .nl-form select {-moz-appearance: none;appearance: none;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;color: inherit;display: inline-block;font-family: inherit;font-size: inherit;font-weight: inherit;line-height: inherit;margin: 0;padding: 0;}
.nl-form input:focus {outline: 0 none;}
.nl-field {display: inline-block;position: relative;}
.nl-field.nl-field-open {z-index: 10000;}
.nl-field-toggle, .nl-form input, .nl-form select {border-bottom: 3px solid #a3161c !important;cursor: pointer;display: inline-block;line-height: inherit;position: relative;text-decoration: none;}
/* La flèche du select*/
/*.nl-field-toggle:after, .nl-form input:after, .nl-form select:after {}*/
/*Le texte sélectionné*/
.nl-field-toggle, .nl-form input, .nl-form select {color: #58585A !important;}
/*les choix ouverts*/
.nl-field ul {background: none repeat scroll 0 0 #a3161c;left: -0.5em;list-style: none outside none;margin: 0;opacity: 0;padding: 0;position: absolute;top: 160%;transform: translateY(-40%) scale(0.9);transition: visibility 0s ease 0.3s, opacity 0.3s ease 0s, transform 0.3s ease 0s;visibility: hidden;}
.nl-field.nl-field-open ul {opacity: 1;transform: translateY(-100%) scale(1);transition: visibility 0s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;visibility: visible;}
.nl-field ul li {color: var(--couleur-blanc);position: relative;}
.nl-dd ul li {cursor: pointer;font-size: 1.2rem;line-height: 3.5rem;margin: 0;padding: 0 2.5em 0 0.5em;text-align: left;text-shadow: none;white-space: nowrap;}
.nl-dd ul li.nl-dd-checked {color: #201e1b;}
/*Select au survol*/
.no-touch .nl-dd ul li:hover {background: none repeat scroll 0 0 /*rgba(255, 255, 255, 0.2)*/ #97141a;}
.nl-dd ul li.nl-dd-checked:before, .nl-field-go:before, .nl-submit:before {font-family: FontAwesome,sans-serif;font-style: normal;font-variant: normal;font-weight: 400;text-transform: none;}
/*Icon checked du select*/
/*.nl-dd ul li.nl-dd-checked:before {}*/
.nl-ti-text ul {min-width: 8em;}
.nl-ti-text ul li.nl-ti-input input {border-bottom: 0 none;color: var(--couleur-blanc);padding: 0.2em 2em 0.2em 0.5em;width: 100%;}
.nl-form .nl-field-go {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);color: transparent;cursor: pointer;height: 100%;position: absolute;right: 0;text-align: center;top: 0;width: 1.8em;}
.nl-field-go:before {color: var(--couleur-blanc);content: "";display: block;font-size: 75%;line-height: 2.5;width: 100%;}
.nl-ti-text ul li.nl-ti-example {border-top: 1px dashed rgba(255, 255, 255, 0.7);color: rgba(0, 0, 0, 0.2);font-size: 40%;font-style: italic;font-weight: 400;padding: 0.4em 1em;}
.nl-ti-text ul li.nl-ti-example em {color: var(--couleur-blanc);}
.nl-submit-wrap {margin-top: 0.4em;}
.nl-form .nl-submit {background: none repeat scroll 0 0 #a3161c;color: var(--couleur-blanc);cursor: pointer;font-size: 40%;font-weight: 700;letter-spacing: 3px;line-height: 3;padding: 0 1em 0 0;position: relative;text-transform: uppercase;}
.nl-submit:before {background: none repeat scroll 0 0 #a3161c;color: var(--couleur-blanc);content: "";float: left;margin: 0 0.8em 0 0;padding: 0 0.7em;}
.nl-overlay {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;left: 0;opacity: 0;position: fixed;top: 0;transition: visibility 0s ease 0.3s, opacity 0.3s ease 0s;visibility: hidden;width: 100%;z-index: 900;}
.nl-field.nl-field-open ~ .nl-overlay, .nl-overlay.open {opacity: 1;transition-delay: 0s;visibility: visible;}
.line-dashed {border-bottom: 2px dashed #a3161c !important;color: #ffcc7b !important;cursor: pointer;display: inline-block;text-align: left;width: 400px;}
.line-dashed span {text-shadow: none;}
/* position du recaptcha en bas à droite */
.grecaptcha-badge{bottom:70px !important;}
p span.term{display: inline-block;border: 1px solid rgba(0,0,0,0.1);padding: 5px 10px 5px 5px;border-radius: 2px;margin-right: 0.8em;background-color: #15A8A6;margin-bottom: 0.8em;color: var(--couleur-noir);}
/********La meteto*****/
.gallery-full-css .control-operator:target ~ .controls .control-button {color: #ccc;color: rgba(255, 255, 255, 0.4);border-bottom:none;}
.gallery-full-css .control-button:first-of-type, 
.gallery-full-css .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), 
.gallery-full-css .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), 
.gallery-full-css .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), 
.gallery-full-css .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), 
.gallery-full-css .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {color: white;color: rgba(255, 255, 255, 0.8);border-bottom:1px solid #4a6a92;}
.gallery-full-css .carte-item:first-of-type {position: static;top: 0;left: 0;pointer-events: auto;opacity: 1;}
.gallery-full-css .carte-item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;transition: opacity .5s;}
.gallery-full-css .control-operator {display: none;}
.gallery-full-css .control-operator:target ~ .carte-item {pointer-events: none;opacity: 0;animation: none;}
.gallery-full-css .control-operator:target ~ .controls .control-button {animation: none;}

@keyframes controlAnimation-2 {
	0% {
	   color: #ccc;
	   color: rgba(255, 255, 255, 0.4);
	}
	14.3%, 50% {
	   color: white;
	   color: rgba(255, 255, 255, 0.8);
	}
	64.3%, 100% {
	   color: #ccc;
	   color: rgba(255, 255, 255, 0.4);
	}
}

@keyframes galleryAnimation-2 {
	0% {
	   opacity: 0;
	}
	14.3%,
	50% {
	   opacity: 1;
	}
	64.3%,
	100% {
	   opacity: 0;
	}
}

.gallery-full-css .control-operator:nth-of-type(1):target ~ .carte-item:nth-of-type(1) {pointer-events: auto;opacity: 1;}
.gallery-full-css .control-operator:nth-of-type(2):target ~ .carte-item:nth-of-type(2) {pointer-events: auto;opacity: 1;}
.items-2.autoplay .control-button {animation: controlAnimation-2 14s infinite;}
.items-2.autoplay .carte-item {animation: galleryAnimation-2 14s infinite;}
.items-2 .control-button:nth-of-type(1),.items-2 .carte-item:nth-of-type(1) {animation-delay: -2s;}
.items-2 .control-button:nth-of-type(2),.items-2 .carte-item:nth-of-type(2) {animation-delay: 5s;}

@keyframes controlAnimation-3 {
	0% {
	   color: #ccc;
	   color: rgba(255, 255, 255, 0.4);
	}
	9.5%,
	33.3% {
	   color: white;
	   color: rgba(255, 255, 255, 0.8);
	}
	42.9%,
	100% {
	   color: #ccc;
	   color: rgba(255, 255, 255, 0.4);
	}
}

@keyframes galleryAnimation-3 {
	0% {
	   opacity: 0;
	}
	9.5%,
	33.3% {
	   opacity: 1;
	}
	42.9%,
	100% {
	   opacity: 0;
	}
}

.gallery-full-css .control-operator:nth-of-type(1):target ~ .carte-item:nth-of-type(1) {pointer-events: auto;opacity: 1;}
.gallery-full-css .control-operator:nth-of-type(2):target ~ .carte-item:nth-of-type(2) {pointer-events: auto;opacity: 1;}
.gallery-full-css .control-operator:nth-of-type(3):target ~ .carte-item:nth-of-type(3) {pointer-events: auto;opacity: 1;}
.gallery-full-css .control-operator:nth-of-type(4):target ~ .carte-item:nth-of-type(4) {pointer-events: auto;opacity: 1;}
.gallery-full-css .control-operator:nth-of-type(5):target ~ .carte-item:nth-of-type(5) {pointer-events: auto;opacity: 1;}
.items-3.autoplay .control-button {animation: controlAnimation-3 21s infinite;}
.items-3.autoplay .carte-item {animation: galleryAnimation-3 21s infinite;}
.items-3 .control-button:nth-of-type(1),.items-3 .carte-item:nth-of-type(1) {animation-delay: -2s;}
.items-3 .control-button:nth-of-type(2),.items-3 .carte-item:nth-of-type(2) {animation-delay: 5s;}
.items-3 .control-button:nth-of-type(3),.items-3 .carte-item:nth-of-type(3) {animation-delay: 12s;}
.items-5.autoplay .control-button {animation: controlAnimation-5 35s infinite;}
.items-5.autoplay .item {animation: galleryAnimation-5 35s infinite;}
.items-5 .control-button:nth-of-type(1),.items-5 .item:nth-of-type(1) {animation-delay: -2s;}
.items-5 .control-button:nth-of-type(2),.items-5 .item:nth-of-type(2) {animation-delay: 5s;}
.items-5 .control-button:nth-of-type(3),.items-5 .item:nth-of-type(3) {animation-delay: 12s;}
.items-5 .control-button:nth-of-type(4),.items-5 .item:nth-of-type(4) {animation-delay: 19s;}
.items-5 .control-button:nth-of-type(5),.items-5 .item:nth-of-type(5) {animation-delay: 26s;}
#la-meteo .gallery-full-css{position: relative;margin: 0;padding: 0;}
/*Div qui contient toute la météo*/
#la-meteo .gallery-full-css .carte-item {width:100%;margin:20px 0 20px 0;padding:0;height:auto;overflow: hidden;text-align: center;background-color:var(--couleur-blanc);font-family: sans-serif; }
/*La div qui contient les div Matin / Aprem / Soir*/
figure .krea3meteo_jour{margin:40px 0 20px 0;text-align: center;clear:both;}
/*Les 3 div Matin / Aprem / Soir*/
figure .krea3meteo_matin, figure .krea3meteo_apres-midi, figure .krea3meteo_soir{display: inline-block;width:30%;height:220px;margin:10px 10px 10px 10px;padding-top:20px;color:#333;font-family: sans-serif; font-weight:var(--reguliere);font-size:1.3em;}
/*Les blocs matin midi soir*/
figure .krea3meteo_matin{background: linear-gradient(to right, #fdd5c1, #82bfdd);}
figure .krea3meteo_apres-midi{background-color:#82bfdd;}
figure .krea3meteo_soir{background: linear-gradient(to right, #82bfdd, #0f2950);}
/*Les intitulés matin midi soir*/
figure .krea3meteo_matin span.periode-meteo, figure .krea3meteo_apres-midi span.periode-meteo, figure .krea3meteo_soir span.periode-meteo{font-family: sans-serif;display:block;margin:0;padding:0 0 20px 0;font-size:1.7em;}
figure .krea3meteo_matin span.periode-meteo{color:rgba(0,0,0,0.4);}
figure .krea3meteo_apres-midi span.periode-meteo{color:rgba(0,0,0,0.4)}
figure .krea3meteo_soir span.periode-meteo{color:rgba(0,0,0,0.4)}
/*Picto + température*/
.picto-temperature{font-size:2em;font-weight:bold;margin:0 auto 0 auto;padding:5px 0 0 0;}
figure .krea3meteo_matin .picto-temperature{color:var(--couleur-blanc);}
figure .krea3meteo_apres-midi .picto-temperature{color:var(--couleur-blanc);}
figure .krea3meteo_soir .picto-temperature{color:var(--couleur-blanc);}
.picto-temperature img{display:inline-block;vertical-align:middle;}
/*Vent*/
.vent-meteo{color:var(--couleur-blanc);font-style:italic;}
/*Pour la météo d'Aujourd'hui qui a besoin d'un petit ajustement*/
#krea3meteogen .carte-item:first-of-type{position:relative;top:20px;}
/*Aujourd'hui / Demain / Lundi / etc.*/
#la-meteo .gallery-full-css .controls {position: absolute;top: -3px;left: 0;text-align: center;}
#krea3meteogen .carte-item, #krea3meteogen .controls{font-family: sans-serif; left:0;background:var(--couleur-blanc);width:100%;margin:10px auto 0 auto;padding:0;display:block;}
/*La couleur d'un lien Aujourd'hui / Demain*/
#la-meteo .gallery-full-css .control-button {color:#0f2950 !important;background-color:transparent !important;font-weight:var(--reguliere);display:inline-block;margin:0 10px 20px 10px;}
#la-meteo .gallery-full-css .control-button:hover {color:#0f2950 !important;}
/*Pour que le lien Aujourd'hui soit de la même couleur que les autres quand il n'est pas sélectionnée*/
#la-meteo .gallery-full-css .control-operator:target ~ .controls .control-button {color:#666;border-bottom:none;}
/*La période sélectionnée (Aujourd'hui, demain, etc)*/
#la-meteo .gallery-full-css .control-button:first-of-type, 
#la-meteo .gallery-full-css .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), 
#la-meteo .gallery-full-css .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), 
#la-meteo .gallery-full-css .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), 
#la-meteo .gallery-full-css .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), 
#la-meteo .gallery-full-css .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
    border-bottom:5px solid #e58072;
    padding-bottom:5px;
}
.nav-fiche .nav-suivant, .nav-fiche .nav-precedent{display:none !important;}
/***********************************************************************/
.krea3_formulaire .phrase_form_contact_rgpd {text-align: center;border-top: 1px solid var(--couleur-blanc);border-bottom: 1px solid var(--couleur-blanc);}
label[for="rgpd"] {width: 100% !important;text-align: center !important;background: var(--couleur-gris-tres-clair);border-radius: 5px;padding: 20px;margin: 0;}
label[for="rgpd"] input#rgpd {width: 20px;}
/* La description du champ*/
.descriptioncontact{display:block;font-size:0.75em;color:#333;margin: 5px 0 20px 0;padding-left: calc(35% + 15px);}
ul.row.ul-list-type-none, ul.row{list-style-type: none!important;}
/*************************** Agenda ***************************************/
/*------------------
  Event section
---------------------*/
.event-video {border-radius: 14px;overflow: hidden;position: relative;margin-right: 8px;}
.event-video img {width: 100%;}
.event-video .video-popup {position: absolute;left: calc(50% - 43px);top: calc(50% - 42px);}
.event-item {margin-bottom: 30px;border-radius: 14px;overflow: hidden;-webkit-box-shadow: 0px 5px 6px rgba(72, 105, 114, 0.15);box-shadow: 0px 5px 6px rgba(72, 105, 114, 0.15);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.event-item:hover {-webkit-box-shadow: 0px 12px 32px rgba(72, 105, 114, 0.15);box-shadow: 0px 12px 32px rgba(72, 105, 114, 0.15);}
.event-item:last-child {margin-bottom: 0;}
.event-item .ei-img {width: 222px;float: left;margin-right: 30px;}
.event-item .ei-text {overflow: hidden;padding-top: 30px;padding-right: 15px;}
.event-item .ei-text h4 {font-weight: 400;font-family: sans-serif;margin-bottom: 15px;}
.event-item .ei-text h4 a {color: #333333;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.event-item .ei-text h4 a:hover {color: #f65d5d;}
.event-item .ei-text ul {list-style: none;}
.event-item .ei-text ul li {font-size: 14px;margin-bottom: 5px;}
.event-item .ei-text ul li i {color: #f65d5d;font-size: 16px;position: relative;top: 3px;margin-right: 10px;}
.events-page-section .event-item {margin-bottom: 50px;}
.event-filter-warp {padding: 35px 45px;border-radius: 13px;margin-top: -60px;position: relative;z-index: 999;background: var(--couleur-blanc);-webkit-box-shadow: 0px 5px 6px rgba(72, 105, 114, 0.15);box-shadow: 0px 5px 6px rgba(72, 105, 114, 0.15);}
.event-filter-warp p {padding-top: 10px;margin-bottom: 0;}
.event-filter-form {margin-left: -30px;text-align: right;}
.event-filter-form .ef-item {width: 202px;position: relative;display: inline-block;margin-right: 9px;}
.event-filter-form .ef-item input {width: 100%;height: 49px;padding-left: 29px;padding-right: 40px;border-radius: 50px;border: 1px solid #e6e6e6;background: #fafafa;font-size: 14px;}
.event-filter-form .ef-item i {position: absolute;right: 20px;top: 16px;font-size: 16px;color: #a6a6a6;}
/*********************************************Formulaire***************************/
/***********STYLES RGPD************/
.cc-color-override-1845025546.cc-revoke{border: 1px solid var(--couleur-gris-clair) !important;}
.cc-color-override-1845025546.cc-window{border-top: 1px solid var(--couleur-gris-clair) !important;}
.krea3_formulaire .phrase_form_contact_rgpd{text-align:center;border-top:1px solid var(--couleur-blanc);border-bottom:1px solid var(--couleur-blanc);}
label[for="rgpd"] {width: 100% !important;text-align: center !important;border:1px solid var(--couleur-gris-clair);border-radius: 5px;padding: 20px;margin: 0;}
label[for="rgpd"] input#rgpd {width: 20px;}
.krea3_formulaire{font-family: sans-serif; font-weight:300;}
.krea3_formulaire p.obligatoire{margin-left:30%;padding:0 0 10px 0;color:#be092c;}
p.error{text-align:center;background-color:#fc4d60;color:var(--couleur-blanc);font-weight:300;padding:10px;margin:0 0 20px 0;}
.krea3_formulaire p{margin:2px 0 2px 0;clear:both;background-color:transparent;}
.krea3_formulaire fieldset{margin-bottom: 10px;margin-top:0;padding:20px 10px 20px 10px;border:1px solid var(--couleur-gris-clair);background-color:#f8f8f8;}
.krea3_formulaire fieldset legend.obligatoire{padding: 0 10px;font-size: 1.1em;margin-left:35%;color:#ab0e13;font-weight:500;}
/* Label */
.krea3_formulaire label{color:var(--couleur-noir);display: block;width:35%; float: left;padding-right: 5px;text-align: right;font-size:1.1em;font-weight:300;}
.descriptioncontact{display:block;font-size:0.75em;margin:0 0 20px 0;padding-left:calc(35% + 10px);color:#333;}
.krea3_formulaire input, .krea3_formulaire select,
.krea3_formulaire textarea{margin-left: 1%;width:45%; border: #EBEBEB 1px solid;font-size: 1.2em;font-family: sans-serif;}
.krea3_formulaire input[type="submit"]{font-family: sans-serif;text-transform:uppercase;width:auto; height:auto; border:none;background-color:#1f3966;color:var(--couleur-blanc);font-weight:var(--reguliere);margin:0 45%;padding:10px 20px 10px 20px;font-size:1.2em;font-weight:normal;text-align:center;}
.krea3_formulaire input[type="submit"]:hover, .krea3_formulaire input[type="submit"]:focus{background-color:#ea1c23;cursor:pointer;}
/*********************************** Fin Formulaire***********************************************/
.krea3-editorial-navbar-inner{list-style-type:none;}
.krea3-editorial-navbar-inner li{padding:8px;border-top:1px solid var(--couleur-gris-clair);}
.krea3-editorial-navbar-inner a{text-decoration:none;color:#333;font-weight:500;font-size:0.8em;}
.krea3-editorial-navbar-inner a.active {font-weight: 700;}
/*============ Styles articles  =============*/
.single-post-area .blog_details {box-shadow: none;padding: 0;}
.single-post-area .social-links {padding-top: 10px;}
.single-post-area .social-links li {display: inline-block;margin-bottom: 10px;}
.single-post-area .social-links li a {color: #cccccc;padding: 7px;font-size: 14px;transition: all 0.2s linear;}
.single-post-area .social-links li a:hover {color: #2a2a2a;}
.single-post-area .blog_details {padding-top: 26px;}
.single-post-area .blog_details p {margin-bottom: 20px;font-size: 15px;}
.single-post-area .blog_details h2 {color: #2a2a2a;}
.single-post-area .quote-wrapper {background: rgba(130, 139, 178, 0.1);padding: 15px;line-height: 1.733;color: #888888;font-style: italic;margin-top: 25px;margin-bottom: 25px;}
.single-post-area .quotes {background: var(--couleur-blanc);padding: 15px 15px 15px 20px;border-left: 2px solid #333;}
.single-post-area .arrow {position: absolute;}
.single-post-area .arrow .lnr {font-size: 20px;font-weight: 600;}
.single-post-area .thumb .overlay-bg {background: rgba(0, 0, 0, 0.8);}
.single-post-area .navigation-top {padding-top: 15px;border-top: 1px solid #f0e9ff;}
.single-post-area .navigation-top p {margin-bottom: 0;}
.single-post-area .navigation-top .like-info {font-size: 14px;}
.single-post-area .navigation-top .like-info i, .single-post-area .navigation-top .like-info span{font-size: 16px;margin-right: 5px;}
.single-post-area .navigation-top .comment-count {font-size: 14px;}
.single-post-area .navigation-top .comment-count i, .single-post-area .navigation-top .comment-count span{font-size: 16px;margin-right: 5px;}
.single-post-area .navigation-top .social-icons li {display: inline-block;margin-right: 15px;}
.single-post-area .navigation-top .social-icons li:last-child {margin: 0;}
.single-post-area .navigation-top .social-icons li i, .single-post-area .navigation-top .social-icons li span{font-size: 14px;color: #999999;}
.single-post-area .navigation-top .social-icons li:hover i, .single-post-area .navigation-top .social-icons li:hover span {color: #333;}
.single-post-area .blog-author {padding: 40px 30px;background: #fbf9ff;margin-top: 50px;}
.single-post-area .blog-author img {width: 90px;height: auto;border-radius: 0;margin-right: 30px;}
.single-post-area .blog-author a {display: inline-block;color: #2a2a2a;}
.single-post-area .blog-author a:hover {color: #333;}
.single-post-area .blog-author p {margin-bottom: 0;font-size: 15px;}
.single-post-area .blog-author h4 {font-size: 16px;}
.single-post-area .navigation-area {border-bottom: 1px solid var(--couleur-gris-clair);padding-bottom: 30px;margin-top: 55px;}
.single-post-area .navigation-area p {margin-bottom: 0px;}
.single-post-area .navigation-area h4 a{text-decoration:none;}
.single-post-area .navigation-area h4 {font-size: 18px;line-height: 25px;color: #2a2a2a;}
.single-post-area .navigation-area .nav-left {text-align: left;}
.single-post-area .navigation-area .nav-left .thumb {margin-right: 20px;background: var(--couleur-noir);}
.single-post-area .navigation-area .nav-left .thumb img {transition: all 300ms linear 0s;width:80px;min-width:80px;}
.single-post-area .navigation-area .nav-left .lnr {margin-left: 20px;opacity: 0;transition: all 300ms linear 0s;}
.single-post-area .navigation-area .nav-left:hover .lnr {opacity: 1;}
.single-post-area .navigation-area .nav-left:hover .thumb img {opacity: .5;}
.single-post-area .navigation-area .nav-right {text-align: right;}
.single-post-area .navigation-area .nav-right .thumb {margin-left: 20px;background: var(--couleur-noir);}
.single-post-area .navigation-area .nav-right .thumb img {transition: all 300ms linear 0s;width:80px;min-width:80px;}
.single-post-area .navigation-area .nav-right .lnr {margin-right: 20px;opacity: 0;transition: all 300ms linear 0s;}
.single-post-area .navigation-area .nav-right:hover .lnr {opacity: 1;}
.single-post-area .navigation-area .nav-right:hover .thumb img {opacity: .5;}
/* commentaires */
.comments-area {background: transparent;border-top: 1px solid var(--couleur-gris-clair);padding: 45px 0;margin-top: 50px;}
.comments-area h4 {margin-bottom: 35px;color: #2a2a2a;font-size: 18px;}
.comments-area h5 {font-size: 16px;margin-bottom: 0px;}
.comments-area a {color: #2a2a2a;}
.comments-area .comment-list {padding-bottom: 48px;}
.comments-area .comment-list:last-child {padding-bottom: 0px;}
.comments-area .comment-list.left-padding {padding-left: 25px;}
.comments-area .thumb {margin-right: 20px;}
.comments-area .thumb img {width: 70px;border-radius: 50%;}
.comments-area .date {font-size: 14px;color: #999999;margin-bottom: 0;margin-left: 20px;}
.comments-area .comment {margin-bottom: 10px;color: #777777;font-size: 15px;}
.comments-area .btn-reply {background-color: transparent;color: #888888;padding: 5px 18px;font-size: 14px;display: block;font-weight: 400;}
.comment-form {border-top: 1px solid var(--couleur-gris-clair);padding-top: 45px;margin-top: 50px;margin-bottom: 20px;}
.comment-form .form-group {margin-bottom: 30px;}
.comment-form h4 {margin-bottom: 40px;font-size: 18px;line-height: 22px;color: #2a2a2a;}
.comment-form .name {padding-left: 0px;}
.comment-form .email {padding-right: 0px;}
.comment-form .form-control {border: 1px solid #f0e9ff;border-radius: 5px;height: 48px;padding-left: 18px;font-size: 13px;background: transparent;}
.comment-form .form-control:focus {outline: 0;box-shadow: none;}
.comment-form .form-control::placeholder {font-weight: 300;color: var(--couleur-blanc);}
.comment-form .form-control::placeholder {color: var(--couleur-blanc);}
.comment-form textarea {padding-top: 18px;border-radius: 12px;height: 100% !important;}
.comment-form ::-webkit-input-placeholder {font-size: 13px;color: var(--couleur-blanc);}
.comment-form ::-moz-placeholder {font-size: 13px;color: var(--couleur-blanc);}
.comment-form :-ms-input-placeholder {font-size: 13px;color: var(--couleur-blanc);}
.comment-form :-moz-placeholder {font-size: 13px;color: var(--couleur-blanc);}
/*============ Fin styles articles  =============*/

/* Responsive
============================================================================================ */
@media screen and (max-width: 1380px) {
}

@media screen and (max-width: 1300px) {
    .title-group {
        max-width: 90%;
    }
}

@media screen and (min-width:1280px) and (max-width:1550px) {
    #content_large .listing ul {
        width: 1110px;
    }
    #content .listing ul {
        width: 740px;
    }
}

@media screen and (min-width:1280px) and (max-width:1365px) {
    #listing-offres-associees .listing-item {
        width: 280px;
        height: 280px;
    }
}

@media screen and (max-width:1280px) {
    .fc-calendar-container {
        height: 280px;
    }
    .fc-calendar .fc-row>div>span.fc-date {
        font-size: 15px;
    }
}

@media screen and (max-width:1279px) {
    #content #colonne1-agenda, #content #colonne2-agenda, #content #colonne1-annuaire,
        #content #colonne2-annuaire {
        width: 100%;
        display: block;
        clear: both;
        padding: 0;
    }
    #content #colonne2-agenda, #content #colonne2-annuaire {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1024px) {
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    /* Div qui contient la liste des hébergements dans listing de la centrale*/
    #centrale-dispo-container article {
        width: 600px;
    }

    /* Div qui contient la carte du listing de la centrale*/
    #centrale-dispo-container aside.centrale-dispo {
        width: calc(100% - 600px);
    }
    .listing-centrale  .listing-item-annuaire {
        width: 280px;
        height: 280px;
    }
}

@media screen and (min-width:1024px) {
    /*Pour que la liste ne dépasse pas de son conteneur (car pour les autres annuaires sans carte à côté on a des tailles fixes supérieures au 750px de #centrale-dispo-container article)*/
    #centrale-dispo-container article ul.listing-centrale {
        width: 100%;
    }
    body {
        margin: 0 auto 0 auto;
        font-size: 18px;
    }
    @media screen and (max-width:1279px) {
        #autres-sites {
            position: relative;
        }
        header {
            position: relative;
            top: 0;
        }
        #logo-site {
            margin: 0 0 0 90px;
        }
		
        .toggleMenu {
            height: 100px !important;
        }

        /*Le diaporama*/
        #diapo-accueil {
            position: relative;
            margin-top: 0;
        }
        #ligne2 h2 {
            font-size: 2em !important;
            padding:0 !important;
        }
        #texte-survol-carte-svg p {
            font-size: 0.9em;
        }
        #ligne3 {
            padding: 0 !important;
        }
        .bloc-thematique-accueil h2 {
            width: 120px;
        }
        .bloc-thematique-accueil {
            padding: 60px 0 0 0;
        }
        #image-header-page {
            margin-top: 0;
        }
    }
    @media screen and (orientation: landscape) {
        #top-footer {
            padding-right: 120px;
        }
    }
}

@media screen and (min-width:1024px) and (orientation: landscape) {
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .event-filter-form {
        text-align: left;
        margin-left: 0;
    }
}

@media screen and (max-width:1023px) {
    #entete-fiche {
        display: block;
    }
    h1.titre-fiche {
        display: block;
    }
    .nav-fiche, .nav-actus {
        margin: 0;
        padding-left: 0;
        display: block;
    }
    /* Force table to not be like tables anymore */
    table.tableau-responsive, table.tableau-responsive caption, table.tableau-responsive thead,
        table.tableau-responsive tbody, table.tableau-responsive th, table.tableau-responsive td,
        table.tableau-responsive tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    table.tableau-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.tableau-responsive tr {
        border: 1px solid #ccc;
    }
    table.tableau-responsive td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid var(--couleur-gris-clair);
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    table.tableau-responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*On récupère le data title pour l'afficher*/
    table.tableau-responsive td:before {
        content: attr(data-title);
    }
    table.tableau-responsive tfoot td {
        padding-left: 6px;
    }
    table.tableau-responsive tfoot td:before {
        width: 0%;
    }
    /* Div qui contient la liste des hébergements dans listing de la centrale*/
    #centrale-dispo-container article {
        float: none;
        width: 100%;
    }

    /* Div qui contient la carte du listing de la centrale*/
    #centrale-dispo-container aside.centrale-dispo {
        float: none;
        clear: both;
        width: 100%;
    }
    #content_large #colonne1-agenda, #content_large #colonne2-agenda,
        #content_large #colonne1-annuaire, #content_large #colonne2-annuaire {
        width: 100%;
        display: block;
        clear: both;
        padding: 0;
    }
    #content_large #colonne2-agenda, #content_large #colonne2-annuaire {
        margin-top: 20px;
    }
}

@media screen and (max-width:1023px) and (min-width:891px) {
    body {
        font-size: 17px;
    }
    main.largeur92 {
        width: 100%;
    }
    #autres-sites {
        position: relative;
    }
    header {
        border-bottom: none;
        position: relative;
        top: 0;
    }
    #logo-site {
        margin: 0 0 0 90px;
    }
    nav#menu-principal:not(.site-menu-warp) {
        width: 100%;
        text-align: left;
        margin: 0;
        padding-left: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000; /* Pour passer par dessus diapo accueil*/
    }
    .toggleMenu {
        height: 100px !important;
    }
    #menu {
        border-bottom: none;
        background-color: transparent;
    }
    /*Le diaporama*/
    #diapo-accueil {
        position: relative;
        margin-top: 93px;
    }
    #ligne2 {
        display: block;
        width: 100%;
    }
    #ligne2 h2 {
        width: 100%;
        padding: 0;
        margin: 10px 0 !important;
        text-align: left !important;
    }
    #thematiques-accueil {
        display: block;
        margin: 0 auto 0 auto;
        width: 100%;
        max-width: 710px;
    }
    .colonne-thematique {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .colonne-thematique a {
        display: block;
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
        border: 5px solid var(--couleur-blanc);
    }
    .colonne-thematique.milieu {
        display: block;
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
    }
    .colonne-thematique.milieu a {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .colonne-thematique a>span {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    #texte-survol-carte-svg h3 {
        font-size: 2.2em;
    }
    #texte-survol-carte-svg p {
        font-size: 0.9em;
    }
    #fond-ligne3 {
        background-position: top 130px center;
        border-bottom: 40px solid var(--couleur-blanc);
    }
    #ligne3 {
        background-size: 500px 444px;
        padding: 0 !important;
    }
    .bloc-thematique-accueil h2 {
        width: 120px;
    }
    .bloc-thematique-accueil {
        padding: 60px 0 0 0;
    }
    #mur-instagram {
        width: 70%;
    }
    #facebook-accueil {
        width: 30%;
    }
    #image-header-page {
        margin-top: 0;
    }
    @media screen and (orientation: landscape) {
        #top-footer {
            padding-right: 60px;
        }
    }
    ul#menu_footer {
        max-width: 650px;
        margin: 0 auto 0 auto;
    }

    /*Partenaires footer*/
    ul#partenaires-footer {
        padding-bottom: 40px;
        max-width: 600px;
    }
    ul#partenaires-footer li {
        padding: 0 10px 0 10px;
    }
}

@media ( max-width : 991px) {
    .single-post-area .sidebar-widgets {
        padding-bottom: 0px;
    }
    .comment-form .email {
        padding-left: 0px;
    }
}

@media screen and (max-width: 920px) {
}

@media screen and (max-width:890px) {
    .descriptioncontact {
        padding-left: 0;
    }
    .krea3_formulaire fieldset legend.obligatoire {
        margin-left: 0;
    }
    .krea3_formulaire input[type="submit"]{
        margin-left:0;
    }
}

@media screen and (max-width:890px) and (min-width:481px) {
    /*hauteur de diapo différente selon l'orientation du téléphone*/
    @media screen and (orientation: landscape) {
    }
    #diapo-accueil {
        position: relative;
        margin-top: 0;
    }

    /*hauteur de diapo différente selon l'orientation du téléphone*/
    @media screen and (orientation: portrait) {
        #diapo-accueil {
            position: relative;
            width: 100%;
            height: 50vh;
        }
    }
}

@media screen and (max-width: 890px) and (min-width: 481px) {
    body {
        font-size: 15px;
    }
    main.largeur92 {
        width: 100%;
    }
    #conteneur {
        width: 100%;
        margin: 0 auto 0 auto;
        z-index: 0;
    }
    #autres-sites {
        display: none;
    }
    header {
        border-bottom: none;
        position: relative;
        height: 90px;
        top: 0;
    }
    #logo-site {
        width: 110px;
        margin: 15px 0 0 70px;
    }
    nav#menu-principal {
        width: 100%;
        text-align: left;
        margin: 0;
        padding-left: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000; /* Pour passer par dessus diapo accueil*/
    }
    #nav li li a {
        border: none !important;
    }
    #menu {
        border-bottom: none;
        background-color: transparent;
    }
    #top-header {
        width: calc(100% - 200px);
        margin: 0 0 0 200px;
    }
    @media screen and (max-width:639px) {
        ul#acces-rapides-header {
            display: block;
            height: auto;
            margin: 0;
            padding: 10px 5px 0 0;
            border-left: none;
            border-bottom: none;
        }
        ul#acces-rapides-header li {
            display: block;
            float: left;
            padding: 0 3px 0 3px;
        }
        ul#acces-rapides-header li a {
            display: inline-block;
        }
    }
    #searchform input[type="text"] {
        width: 160px;
    }

    /*hauteur de diapo différente selon l'orientation du téléphone*/
    @media screen and (orientation: landscape) {
        #taille_texte {
            top: 95px;
        }
        /*Bouton agenda fixe*/
        
        #agenda-cote {
            padding-top: 10px;
        }
        .agenda.accueil {
            max-width: 250px;
        }
        #top-footer {
            padding-right: 60px;
        }
    }

    /*Le diaporama*/
    #diapo-accueil {
        position: relative;
        margin-top: 0;
    }

    /*hauteur de diapo différente selon l'orientation du téléphone*/
    @media screen and (orientation: portrait) {
        #diapo-accueil {
            position: relative;
            width: 100%;
            height: 50vh;
        }
    }
    #ligne2 {
        display: block;
        width: 100%;
    }
    #ligne2 h2 {
        width: 100%;
        padding: 0;
        margin: 40px 0 40px 0;
        text-align: left !important;
        font-size: 2em !important;
    }
    #thematiques-accueil {
        display: block;
        margin: 0 auto 0 auto;
        width: 100%;
        max-width: 710px;
    }
    .colonne-thematique {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .colonne-thematique a {
        display: block;
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
        border: 3px solid var(--couleur-blanc);
    }
    .colonne-thematique.milieu {
        display: block;
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
    }
    .colonne-thematique.milieu a {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .colonne-thematique a>span {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    #fond-ligne1 {
        padding-bottom: 30px;
    }
    #ligne1 {
        display: block;
        width: 100%;
        margin: 0;
    }
    #gauche-ligne1, #droite-ligne1 {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #droite-ligne1 {
        max-width: 600px;
        margin: 0 auto 0 auto;
    }
    #gauche-ligne1 {
        height: auto;
        min-height: 250px;
    }
    #texte-survol-carte-svg {
        position: absolute;
        bottom: 0;
        padding: 20px;
        margin: 0 20px 0 20px;
    }
    #texte-survol-carte-svg h3 {
        font-size: 2em;
    }
    #texte-survol-carte-svg p {
        font-size: 0.9em;
    }
    #fond-ligne3 {
        background-position: top 100px center;
    }
    #ligne3 {
        background-size: 400px 356px;
        padding: 180px 0 40px 0;
    }
    .bloc-thematique-accueil {
        display: block;
        position: relative;
        width: 80%;
        max-width: 400px;
        float: none;
        margin: 20px auto 0 auto;
        padding: 78px 0 30px 0;
    }
    #ligne1 {
        display: block;
        width: 100%;
    }
    #mur-instagram {
        display: block;
        width: 100%;
    }
    #facebook-accueil {
        display: block;
        width: 100%;
    }
    h1 {
        font-size: 3.7em !important;
        padding: 10px 0 50px 0;
    }
    #image-header-page {
        margin-top: 0;
    }
    #la-page {
        display: block;
        width: 100%;
        padding: 0 0 0 0;
        margin: 0;
        overflow: hidden;
    }
    #gauche {
        float: none;
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        margin: 0;
        padding: 0;
        transition: all 500ms ease 0s;
        width: 100%;
        z-index: 3;
        background-color: var(--couleur-blanc);
    }

    /*#gauche:hover*/
    #gauche:hover {
        left: 0;
    }
    #bt-filtrer {
        display: block;
        background-color: #1268b3;
        color: var(--couleur-blanc);
        font-weight: 400;
        font-size: 0.9em;
        text-transform: uppercase;
        text-align: center;
        padding: 15px 5px 15px 5px;
        margin: 0;
        width: 70px;
        position: absolute;
        top: 0;
        right: -70px;
    }
    .sidebar {
        border-bottom: 7px solid #1268b3;
    }
    .sidebar ul#menu_pages {
        display: none;
    }
    .sidebar ul#menu_annuaire, .sidebar #filtres-carte {
        margin: 0 0 0 0;
        width: 100%;
        padding: 10px 30px 20px 10px;
    }
    #sidebar-carto {
        padding-right: 0;
    }
    #content {
        float: none;
        width: 100%;
        height: auto !important;
        min-height: 100px;
        padding: 10px 15px 30px 15px;
        margin: 0 0 0 0;
        color: #666;
        border-right: none;
    }
    #content_large {
        width: 100%;
        padding: 10px 15px 30px 15px;
        margin: 0 0 0 0;
        border-top: none;
        color: #666;
    }
    .krea3_formulaire p.obligatoire {
        margin-left: 0%;
    }
    .krea3_formulaire fieldset {
        padding: 10px 15px 100px 15px;
    }
    .krea3_formulaire label {
        display: block;
        width: 100%;
        /*En % pour un meilleur rendu lors du changement de taille du texte*/
        float: none;
        padding-right: 0;
        text-align: left;
        font-size: 1em;
    }
    .krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea
        {
        margin-left: 0%;
        width: 100%;
        /*En % pour un meilleur rendu lors du changement de taille du texte*/
        margin-bottom: 10px;
    }
    #carte-situation {
        max-width: 300px;
    }
    @media screen and (max-width:639px) {
        #top-footer {
            display: block;
        }
        #gauche-footer {
            display: block;
            width: 100%;
            padding: 10px 0 0 0;
        }
        a#carte-footer, a#newsletter-footer, a#brochures-footer {
            display: inline-block;
        }
        #milieu-footer {
            display: block;
            width: 100%;
            padding: 10px 0 10px 0;
        }
        #carte-situation {
            display: block;
            width: 100%;
            max-width: 300px;
        }
    }
    ul#menu_footer {
        max-width: 650px;
        margin: 0 auto 0 auto;
    }

    /*Partenaires footer*/
    ul#partenaires-footer {
        padding-bottom: 40px;
    }
    ul#partenaires-footer li {
        height: 60px;
        padding: 0 10px 0 10px;
    }
}

@media screen and (max-width: 820px) {
}

@media screen and (max-width: 812px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width:770px) {
    .page_carto #filtres {
        width: 100%;
        clear: both;
        float: none;
        margin: 0 !important;
    }
    .page_carto #cbp-vm.card {
        width: 100%;
    }
    .page_carto #wrapper_itineraire {
        padding: 0;
        width: 100%;
    }
    .page_carto #wrapper_input_calcul_itineraire input {
        width: 100%;
    }
    .page_carto .adp table {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #owl-carousel {
        max-width: 700px;
    }
    .md-content>div label {
        width: 100%;
        padding: 0;
        text-align: left;
    }
    .md-content>div p {
        padding: 5px 0;
    }
    .md-content>div div.bloc-dates-hebergement {
        padding-top: 0;
    }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    #content_large .listing ul, #content .listing ul {
        width: 740px;
    }
    #content_large #listing-offres-associees ul {
        width: 730px;
    }
    #listing-offres-associees .listing-item {
        width: 350px;
        height: 350px;
    }
}

@media ( min-width : 768px) and (max-width: 991px) {
}

@media ( min-width : 768px) {
    .single-post-area .quote-wrapper {
        padding: 30px;
    }
    .single-post-area .quotes {
        padding: 25px 25px 25px 30px;
    }
}

@media ( max-width : 767px) {
    #video-accueil {
        height: 50vh; /**/
        /***height: 50vh;   vh correspond à viewport height, 1vh = 1% de la hauteur de la fenêtre*/
    }
    #fond-video-no-js {
        height: 50vh;
    }
    /*****************ANNUAIRES*******************/
    #filtres-annuaires, #conteneur-listing-annuaire {
        width: 100%;
        float: none;
        clear: both;
        margin: 0;
    }
    #conteneur-listing-annuaire {
        padding: 0;
    }
    /*****************FIN ANNUAIRES*******************/
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px;
    }
    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 760px) {
    /*La phrase*/
    #nl-form .title-light, #nl-form .title-normal {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
    .nl-field-toggle:after, .nl-form input:after, .nl-form select:after {
        font-size: 1.6rem;
        position: relative;
        right: -5px;
        top: 0;
    }
    .nl-field {
        position: static;
    }
    .nl-field ul {
        left: 0;
        position: fixed;
        top: 45px;
        width: 100%;
        z-index: 901;
    }
    .nl-field.nl-field-open ul {
        transform: none;
    }
    /*text dans le select ouvert*/
    .nl-dd ul li {
        font-size: 1rem;
        line-height: 3.5rem;
    }
}

@media screen and (max-width:700px) {
    /*La div qui contient les div Matin / Aprem / Soir*/
    /*Besoin d'un margin plus grand quand Aujourd'hui / DEmain / LUndi / etc. est sur 2 lignes*/
    figure .krea3meteo_jour {
        margin: 80px 0 20px 0;
    }
}

@media screen and (max-width:699px) {
    #la-meteo {
        height: 750px; /*Sinon la météo recouvre le pied de page*/
    }

    /*La div qui contient les div Matin / Aprem / Soir*/
    figure .krea3meteo_jour {
        margin: 80px 0 20px 0;
    }
    figure .krea3meteo_matin, figure .krea3meteo_apres-midi, figure .krea3meteo_soir
        {
        display: block;
        width: 100%;
        height: 200px;
        margin: 10px 0 10px 0;
    }
}

@media ( min-width : 660px) and ( max-width : 737px) and (orientation:
    landscape) {
}

@media screen and (max-width: 684px) {
}

@media screen and (max-width: 680px) {
}

@media screen and (min-width:640px) and (max-width:767px) {
    #content_large #listing-offres-associees ul {
        width: 580px;
    }
    #listing-offres-associees .listing-item {
        width: 280px;
        height: 280px;
    }
}

@media only screen and (min-width: 40.063em) /* min-width 641px */ {
    .remodal {
        max-width: 700px;
        margin: 20px auto;
        min-height: 0;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
}

@media screen and (max-width: 640px) {
    /* RGPD */
    .qc-cmp2-publisher-logo-container figure h2, .qc-cmp-cleanslate h2 {
        font-size: 0.8em !important;
    }
    .jQYbcb.jQYbcb p {
        line-height: 15px !important;
    }
    .jQYbcb.jQYbcb .qc-cmp2-consent-info p {
        font-size: 10px !important;
    }
}

@media screen and (max-width:639px) {
    #content_large #listing-offres-associees ul {
        width: 100%;
        max-width: 310px;
    }
    #listing-offres-associees .listing-item {
        width: 300px;
        height: 300px;
    }
    .calendar_wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 620px) {
    .title-group {
        max-width: 100%;
    }
}

@media ( max-width : 600px) {
    .line-dashed {
        max-width: 80%;
    }
    .single-post-area .blog-author {
        padding: 20px 8px;
    }
    .single-post-area .blog-author img {
        margin-right: 15px;
        width: 45px;
        height: 45px;
    }
}

@media screen and (min-width:481px) and (max-width:890px) and
    (orientation: landscape) {
}

@media screen and (max-width: 684px) {
}

@media ( max-width : 576px) {
    .event-item .ei-text {
        padding-top: 15px;
    }
}

@media only screen and (max-width:500px) {
    .cbp-vm-switcher .row {
        width: 100%;
    }
    .cbp-vm-switcher .row>div {
        margin: 0 1%;
    }
    .w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11,
        .w-12 {
        width: 98%;
        float: none;
    }
    .md-show {
        top: 5px;
        position: absolute;
        /*on retire le fixed car on peut avoir besoin de scroller pour remplir le form*/
    }
}

@media screen and (max-width: 480px) {
    body {
        font-size: 15px;
    }
    main.largeur92 {
        width: 100%;
    }
    #conteneur {
        width: 100%;
        margin: 0 auto 0 auto;
        z-index: 0;
    }
    #autres-sites {
        display: none;
    }
    header:not(.entry-header) {
        border-bottom: none;
        position: relative;
        top: 0;
    }
    #logo-site {
        width: 85px;
        margin: 5px 10px 0 -10px;
    }
    nav#menu-principal {
        width: 100%;
        text-align: left;
        margin: 0;
        padding-left: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000; /* Pour passer par dessus diapo accueil*/
    }
    #nav li li a {
        border: none !important;
    }
    #menu {
        border-bottom: none;
        background-color: transparent;
    }
    #top-header {
        width: calc(100% - 110px);
        margin: 0 0 0 110px;
    }
    ul#acces-rapides-header {
        display: block;
        height: auto;
        margin: 0;
        padding: 10px 5px 0 0;
        border-left: none;
        border-bottom: none;
    }
    ul#acces-rapides-header li {
        display: block;
        float: left;
        padding: 0 5px 0 5px;
    }
    ul#acces-rapides-header li a {
        display: inline-block;
    }

    /*Form de recherche*/
    #recherche-top {
        display: block;
        padding: 0;
        margin-top: 35px;
    }
    #searchform input[type="text"] {
        width: 110px;
    }

    /*Pour tous petits écrans*/
    @media screen and (max-width:240px) {
    }
    #outils {
        clear: both;
    }

    /*Bouton agenda fixe*/

    #volet a.ouvrir h2 {
        font-size: 1.8em !important;
    }

    /*Le diaporama*/
    #diapo-accueil {
        position: relative;
        width: 100%;
        height: 200px;
        margin-top: 0;
    }
    #slogan-diapo {
        bottom: 0;
        width: 75%;
        padding: 20px 20px 50px 20px;
        font-size: 2.3em;
    }

    /*les petits points*/
    .slides-pagination {
        bottom: 20px !important;
    }

    /*la flèche*/
    .down-arrow {
        display: none;
    }

    /*La phrase : Je suis / j'ai envie de / dans*/
    #nl-form .title-normal {
        font-size: 2.4em;
        line-height: 1.4em;
    }
    .krea3-phrase-choix {
        padding: 8px 0 8px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    /*Bouton Surprenez-moi*/
    .nl-button {
        font-size: 0.9em;
    }
    ul#liens-carto-accueil {
        text-align: center;
        padding: 0 10px 0 10px;
    }
    .bloc-thematique-accueil h2 {
        width: 100px;
    }
    .bloc-thematique-accueil {
        display: block;
        position: relative;
        width: 100%;
        max-width: 350px;
        float: none;
        margin: 20px auto 0 auto;
        padding: 50px 0 30px 0;
    }
    #mur-instagram {
        display: block;
        width: 100%;
    }
    #facebook-accueil {
        display: block;
        width: 100%;
    }
    h1 {
        font-size: 3em !important;
        padding: 10px 0 50px 0;
    }
    h2 {
        font-size: 1.6em !important;
    }
    blockquote {
        margin: 40px 0 40px 0;
        padding: 20px;
    }
    #image-header-page {
        margin-top: 0;
    }
    #la-page {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden; /*pour le menu (filtres) des annuaires*/
    }
    #gauche {
        float: none;
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        margin: 0;
        padding: 0;
        transition: all 500ms ease 0s;
        width: 100%;
        z-index: 3;
        background-color: var(--couleur-blanc);
    }

    /*#gauche:hover*/
    #gauche:hover {
        left: 0;
    }
    #bt-filtrer {
        display: block;
        background-color: #1268b3;
        color: var(--couleur-blanc);
        font-weight: 400;
        font-size: 0.9em;
        text-transform: uppercase;
        text-align: center;
        padding: 15px 5px 15px 5px;
        margin: 0;
        width: 70px;
        position: absolute;
        top: 0;
        right: -70px;
    }
    .sidebar {
        border-bottom: 7px solid #1268b3;
    }
    .sidebar ul#menu_pages {
        display: none;
    }
    .sidebar ul#menu_actus {
        margin: 0 0 0 0;
        width: 100%;
        padding: 10px 30px 20px 10px;
    }
    #content {
        float: none;
        width: 100%;
        height: auto !important;
        min-height: 100px;
        padding: 10px 15px 30px 15px;
        margin: 0 0 0 0;
        color: #666;
        border-right: none;
    }
    #content_large {
        width: 100%;
        padding: 10px 15px 30px 15px;
        margin: 0 0 0 0;
        border-top: none;
        color: #666;
    }
    #ligne-outils {
        margin-right: 0;
        padding: 0;
        margin: 0;
    }
    #outils #afficher-carnet-voyage, #taille_texte, #trad-google {
        display: none;
    }
    .krea3_formulaire p.obligatoire {
        margin-left: 0%;
    }
    .krea3_formulaire fieldset {
        padding: 10px 15px 50px 15px;
    }
    .krea3_formulaire label {
        display: block;
        width: 100%;
        /*En % pour un meilleur rendu lors du changement de taille du texte*/
        float: none;
        padding-right: 0;
        text-align: left;
        font-size: 1em;
    }
    .krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea
        {
        margin-left: 0%;
        width: 100%;
        /*En % pour un meilleur rendu lors du changement de taille du texte*/
        margin-bottom: 10px;
    }
    ul.liens_enfants li {
        display: block;
        margin: 0 auto 10px auto;
    }
    #top-footer {
        display: block;
    }
    #gauche-footer {
        display: block;
        width: 100%;
        padding: 10px 0 0 0;
    }
    a#carte-footer, a#newsletter-footer, a#brochures-footer {
        display: inline-block;
    }
    #milieu-footer {
        display: block;
        width: 100%;
        padding: 10px 0 10px 0;
    }
    .adresse-postale h2 {
        font-size: 2em !important;
    }
    #carte-situation {
        display: block;
        width: 100%;
        max-width: 300px;
    }
    ul#liens-carte-situation li a {
        font-size: 1.8em;
    }
    ul#menu_footer {
        border-top: none !important;
        border-bottom: none;
        padding: 15px 0 15px 0;
    }
    ul#menu_footer li {
        margin: 3px 0 3px 0;
    }

    /*Partenaires footer*/
    ul#partenaires-footer {
        padding-bottom: 40px;
    }
    ul#partenaires-footer li {
        height: 60px;
        padding: 0 10px 0 10px;
    }
    /*Fin partenaires footer*/
    #entete-listing {
        display: block;
    }
    h1.titre-listing {
        display: block;
    }
    .nav-listing {
        margin: 0;
        padding-left: 0;
        display: block;
    }
    .description-annuaire-listing img {
        margin: 0 0 20px 0;
        width: 100%;
    }
    #je-suis-disponible {
        clear: both;
    }
    /*La phrase*/
    #nl-form .title-light, #nl-form .title-normal {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
    .nl-field-toggle, .nl-form input, .nl-form select {
        display: inline;
        /*margin-right: 10px;*/
    }
    .nl-field-toggle:after, .nl-form input:after, .nl-form select:after {
        font-size: 1.6rem;
        position: relative;
        right: -5px;
        top: 0;
    }

    /*text dans le select ouvert*/
    .nl-dd ul li {
        font-size: 1rem;
        line-height: 3.5rem;
    }
}

@media screen and (max-width:479px) {
    #h1-prestataire {
        font-size: 2.8em;
    }
}

@media screen and (min-width:430px) and (max-width:767px) {
    #content_large .listing ul, #content .listing ul {
        width: 370px;
    }
}

@media screen and (max-width:429px) {
    #content_large .listing li.un-bloc-listing, #content .listing li.un-bloc-listing
        {
        margin: 10px 0 10px 0;
    }
    #content_large .listing ul, #content .listing ul {
        width: 280px;
    }
    #content_large .listing .listing-item, #content .listing .listing-item {
        width: 280px;
        height: 280px;
        display: block;
        position: relative;
    }
}

@media screen and (max-width: 420px) {
    .event-item .ei-img {
        width: 100%;
        float: none;
    }
    .event-item .ei-text {
        padding: 30px 15px;
    }
    .event-filter-warp {
        padding: 35px 20px;
    }
}

@media ( max-width : 414px) {
    .comments-area {
        padding: 50px 8px;
    }
}

@media ( max-width : 413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px;
    }
    .comments-area .comment-list .single-comment .date {
        font-size: 11px;
    }
    .comments-area .comment-list .single-comment .comment {
        font-size: 10px;
    }
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 330px) {
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-wrapper select {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) , only screen
        and (min-width: 768px) and (max-width: 991px) , only screen and
        (min-width: 576px) and (max-width: 767px) , ( max-width : 576px) {
    .event-video {
        margin-right: 0;
        margin-bottom: 50px;
    }
    .event-filter-warp p {
        padding-top: 0;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) , only screen
        and (min-width: 576px) and (max-width: 767px) , ( max-width : 576px) {
    .event-filter-form {
        text-align: center;
        margin-left: 0;
    }
    .event-filter-form .ef-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .event-filter-form .site-btn {
        margin-top: 10px;
    }
}

/* Fin responsive
============================================================================================ */

@media print {
    aside#sidebar,header[role="banner"],footer,#comments,#respond, #gauche {
        display: none;
    }
    #container, #content, #main, #content_large {
        width: 90%;
        margin: 0px;
        padding: 0px;
    }
    * {
        color: var(--couleur-noir);    
        background-color: var(--couleur-blanc);
        box-shadow: none;
        text-shadow: none;
    }
    a:after {
        content: '( "attr(href)" )';
    }
    .no_print{
	    display:none !important;
	}
	#taille_texte{
	    display:none;
	}
	#shiftnav-toggle-main, .shiftnav{
	    display:none;
	}
	
	#content, #contenu.agenda, #contenu{
	    width:100%;
	}
	
	/*bannières Gutenberg*/
	.wp-block-cover{
	    display:none;
	}
	
	/*Paramètres de gestion de la confidentialité*/
	.qc-cmp-persistent-link{
	    display:none !important;
	}
	
	
	/*Pour agenda et annuaire*/
	#controles,
	h2#titre-recherche,
	form#recherche,
	div#form-recherche,
	.listeBoutons,
	.attachment-vignette-annuaire,
	.voir_agenda a,
	.lien-abo-rss,
	a.lien-savoir{display:none;}
	
	
	#krea3_plan_site{
	    clear:both;
	}
	
	#krea3_plan_site a{
	    text-decoration:none;
	}
	
	a.flowplayer,
	ins>div{
	    display:none;
	}
	
	.flowplayer, embed, object, .videoconteneur, iframe, .owl-carousel, .plusgallery, #scroll{display:none; display:none!important;}
	.flowplayer{height:0 !important;}
	.wp-caption{border:none; padding:0; float:right; margin-left:10px;}
}


#pagination-loader{
	margin:1.5em auto;
	width:40px;
	height:40px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin{
	0%{
	   transform: rotate(0);
	}
	100%{
	   transform: rotate(360deg);
	}
}

/********************Comarquage : guide des démarches*********************/
/*************************************************************************/


/***********************/
/*Menu top guide des démarches Particuliers / Professionnels / Associations*/
ul#menu-top-guide-demarches{font-family: var(--police);}
ul#menu-top-guide-demarches li{border:1px solid var(--gris-tres-clair);}
ul#menu-top-guide-demarches li a{color:var(--couleur-principale);font-weight:var(--reguliere);}
ul#menu-top-guide-demarches li a:hover,
ul#menu-top-guide-demarches li a.light-profil-comarquage:hover,
ul#menu-top-guide-demarches li a:focus,
ul#menu-top-guide-demarches li a.light-profil-comarquage:focus{
	border:3px solid var(--gris-tres-clair);
	opacity:1;
}
ul#menu-top-guide-demarches li a.current-profil-comarquage{border:3px solid var(--couleur-principale);color:#F04031;}
/*Fin de menu top Particuliers / Professionnels / associations*/
/***********************/

hr{color:var(--gris-tres-clair);border:1px solid var(--gris-tres-clair);}

/***********************/
/*Menu 2 guide des démarches*/

ul#menu2-guide-demarches{font-family: var(--police);text-align:center;display:none;}
ul#menu2-guide-demarches li a{background-color:var(--couleur-principale);}
ul#menu2-guide-demarches li a:hover, ul#menu2-guide-demarches li a:focus{background-color:var(--couleur-noire);}
/*Fin de menu2 guide des démarches*/
/***********************/


/***********************/
/********Bloc listant les liens dans page accueil Particuliers / Professionnels / Associations et pages intérieures****/

div.un-bloc-liens-comarquage, ul.un-bloc-liens-comarquage{border:4px solid var(--gris-tres-clair) !important;}
div.un-bloc-liens-comarquage.fond-couleur{background-color:var(--gris-tres-clair) !important;border:4px solid var(--gris-tres-clair) !important;}
.un-bloc-liens-comarquage p, .un-bloc-liens-comarquage li{border-bottom:1px dashed var(--gris-tres-clair) !important;}
.un-bloc-liens-comarquage p{padding:0 0 10px 0;}
.un-bloc-liens-comarquage li{padding:10px 0 10px 0;}
.un-bloc-liens-comarquage p:before, .un-bloc-liens-comarquage li:before{content:none !important;font-family: FontAwesome;margin-right: 10px;color:var(--couleur-principale);font-size:0.9em;}
.un-bloc-liens-comarquage p a, .un-bloc-liens-comarquage li a{font-weight:var(--reguliere) !important;color:var(--couleur-principale) !important;}
.un-bloc-liens-comarquage p a:hover, .un-bloc-liens-comarquage li a:hover, .un-bloc-liens-comarquage p a:focus, .un-bloc-liens-comarquage li a:focus{color:var(--couleur-noire) !important;}
.un-bloc-liens-comarquage p.tous-les a{color:var(--couleur-principale) !important;}

/********** Liste dans les contenus***/
li.spTexteListe p:before{color:var(--couleur-principale) !important;content:none !important;}
/******fin de liste dans les contenus*/

/**********lien Accéder au service en ligne Fiche R****/
.acceder-au-service{font-family: var(--police) !important;background-color:var(--gris-tres-clair) !important;}
.acceder-au-service a{background-color:var(--couleur-principale) !important;color:#FFF;}
.acceder-au-service a:hover, .acceder-au-service a:focus{background-color:#ad2e23;}

.acceder-au-service a:after{content:none !important;}

/********fin de lien accéder au service en ligne***/

/**Source "pour en savoir plus" N*/
.source-en-savoir-plus-N{color:var(--gris-fonce) !important;}
/**Fin de Source "pour en savoir plus" N*/

/* Où s'adresser N*/
.texte-OuSAdresser{color:var(--gris-fonce) !important;}
/* Fin Où s'adresser N*/

/**Lien dossier N*/

.un-bloc-liens-dossiers-N{font-family: var(--police) !important;}
.un-bloc-liens-dossiers-N p a{border:4px solid var(--gris-tres-clair) !important;font-weight:var(--reguliere) !important;color:var(--couleur-principale) !important;}
.un-bloc-liens-dossiers-N p a:hover, .un-bloc-liens-dossiers-N p a:focus{background-color:var(--gris-tres-clair) !important;border:4px solid var(--couleur-principale) !important;}
.un-bloc-liens-dossiers-N p a:before{content: none !important;color:var(--gris-fonce) !important;}
/*Fin de lien dossier N*/


/***Bloc "Attention" ****/

.attention-comarquage{border:4px solid var(--gris-tres-clair);}
.attention-comarquage h3{color:var(--couleur-principale) !important;font-weight:var(--reguliere) !important;font-size:1.1em;}
.attention-comarquage h3:before{content: none !important;}
/***Fin Bloc "Attention" ****/

/********tableaux****************/
table.spTexteTableau{font-family: var(--police) !important;}
th.spTexteTableau{background-color: var(--couleur-principale) !important;border-bottom: 1px solid var(--gris-tres-clair) !important;border-left: 1px solid var(--gris-tres-clair) !important;color: var(--couleur-blanc) !important;}
tr.spTexteTableau:nth-child(2n+1) > td.spTexteTableau{background-color:var(--gris-tres-clair) !important;}
td.spTexteTableau{background-color: var(--couleur-blanc);border-bottom: 1px solid var(--gris-tres-clair) !important;border-left: 1px solid var(--gris-tres-clair) !important;font-weight:var(--reguliere) !important;}
td.spTexteTableau:last-child{border-right: 1px solid var(--gris-tres-clair) !important;}

/*******fin de tableaux*********/


/********Fin de bloc listant les liens dans page accueil Particuliers / Professionnels / Associations et pages intérieures****/
/***********************/

/*Actualités comarquage*/
ul#actu-comarquage > li{border:4px solid var(--gris-tres-clair) !important;}
.date-actu-comarquage span{color:var(--couleur-principale) !important;}
/*Fin Actualités comarquage*/

/*Fil ariane comarquage*/
#fil-ariane-comarquage{font-family: var(--police-secondaire) !important;}
#fil-ariane-comarquage a:last-child{color:var(--gris-fonce) !important;}
/********************Fin comarquage guide des démarches*********************/
/**************************************************************************/

#entete-listing{text-align: center;}


.marker-cluster-small, .marker-cluster-medium, .marker-cluster-medium {background-color: var(--couleur-secondaire);color:#fff;}
.marker-cluster-small div, .marker-cluster-medium div, .marker-cluster-large div  {background-color: var(--couleur-principale);color:#fff;}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{display: none !important;}