/* =Pages avec accès restreint
--------------------------------------------------------------------------------------- */
.page-id-20 h1{text-align:center;}
div.krea3members_noactive{text-align:center;}
div.krea3members_active, div.krea3members_noactive {
	border: 1px dotted #EFEFEF;
	padding: 10px;
	color: #0068B0;
	font-family: var(--police), sans-serif;
	width: 100%;
	margin-bottom: 2rem;
}

div.krea3members_active a, div.krea3members_noactive a {
	display: inline-block;
	background-color: var(--couleur-principale);
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	border-radius: 3px;
}
/*div.krea3members_active a:before {content: "\f057";font-family: FontAwesome;padding-right:5px;}*/
form#loginform {
	background-color: #EFEFEF;
	padding: 20px;
	margin: 20px auto 20px auto;
	width: 100%;
	max-width: 350px;
	font-family: var(--police), sans-serif;
	border-radius: 5px;
	font-size: 1.2em;
	border: 1px solid #EFEFEF;
}

form#loginform p.login-username {
	padding: 0 0 10px 0;
}

form#loginform p.login-password {
	padding: 0 0 20px 0;
}

form#loginform p.login-username label, form#loginform p.login-password label
	{
	display: block;
	color: var(--couleur-principale);
}

form#loginform p.login-remember {
	font-size: 0.85em;
}

form#loginform p.login-submit input.button-primary {
	font-family: 'Cuprum', sans-serif;
	background-color: var(--couleur-principale);
	color: #FFF;
	border: 1px solid var(--couleur-principale);
	padding: 5px 10px 5px 10px;
	border-radius: 3px;
	font-size: 1em;
}

/*************************************** Gauche ************************************************************/
#gauche{display:block;float:left;width:25%;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********************************************************************/

#content{padding-left: 40px;}

/*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 li li a {
    font-size: 1.2rem;
    font-family: var(--police);
    font-weight: 500;
    color: var(--couleur-noir) !important;
    text-decoration: none !important;
    font-weight: normal;
    line-height: 1.2rem;
}

.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;}

/*********************************************************************************************/
/* =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: #FFF;}
/*span.complet {}*/
span.complet .carre {background:url(assets/images/hachures.png) #fff;}
/* 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:700;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: #fafafa;}
/*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: #fff;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:700;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: #fff;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-principale);}
.fc-calendar .fc-row > div.complet.fc-today {background:url(assets/images/hachures.png) #fff;}
.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) var(--couleur-secondaire);}
.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;}


.custom-header {
    border-top: 5px solid #fff !important;
}

.custom-header nav span svg {
    color: #357976 !important;
}


#calendar_legend span::before{
    border:1px solid #666;
	width:30px;
	height:8px;
	display:inline-block;
	content:'';
	margin:0 5px 0 0;
}

#calendar_legend .complet::before{
 background: var(--couleur-principale);
}

#calendar_legend .attente::before{
 background: var(--couleur-secondaire);
}
/* Fin personnalisation des elements du calendrier des dispos */
/**********************************************************/

.calendar_wrapper, #calendar_legend{margin:10px calc(50% / 2); }
#calendar_legend{margin-bottom:2rem;}

.custom-header nav span.custom-prev:before{content:none;}
.custom-header nav span.custom-next:before{content:none;}


/****************************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;}

#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;}