.not-front.page-node-18 .box_photos {
    background-image: url('../images/photos/calendrier.jpg');
}
.plageHoraire,
.page-etat-des-lieux .box_gris.box_bas {
	display: none;
}
.selectPhrase {
	text-align: center;
}
.boxEtatLieux {
	padding-bottom: 80px;
}
.boxEtatLieux h2 {
	background: none;
	font-size: 2em;
}
.boxEtat {
	margin:35px 0px;
}
.selected .plageHoraire,
.boxEtatLieux.moisOk .boxEtatJour,
.boxEtatLieux.jourOk .boxEtatHeure,
.boxEtatLieux.heureOk .formEtat {
	display: block;
}
.itOff {
	background-color:#EAECF0;
	color:#999;
}
.itFull {
	background-color:#F3D8D8;
}
.itOk {
	background-color:#CEEBE0;
}.itTextJour {
	text-align: center;
}
.boxHeure,
.etatFlex {
	display: flex;
	justify-content: space-between;
}
.boxEtatHeure .etatFlex,
.boxHeure,
.heureFinale {
	justify-content:flex-start;
}
.etatFlex a {
	display: block;
	color:#000;
}
.etatFlex .etatB {
	padding:5px 2px;
	display: block;
	border:1px solid #FFF;
	text-align: center;
}
.selectMois .itMois {
	width:9%;
}
.selectHeure .boxHeure {
	width:21.3%;
	margin-right: 1%;
	flex-shrink: 0;
}
.selectHeure .boxHeure.heureFinale {
	margin-right: 0 !important;
	width:11%;
}
.boxEtatJour .itJour {
	width:5%;
}
.boxHeure .itAll {
	width:25%;
	padding-bottom: 15px;
}
.boxHeure.heureFinale .itAll {
	width:50%;
}
.itH {
	font-weight: 600;
}
.itTextJour {
		font-size: 13px;
	}
.boxHeure span {
	text-align: left;
	position: relative;
}
.boxHeure .etatB {
	height: 20px;
	position: relative;
}
.etatFlex .itOk:hover {
	cursor:pointer;
	border-color:#333;
}
.etatFlex .selected:hover,
.etatFlex .selected {
	border-color:#F3AC3F;
	background: #FFF;
	box-shadow: 0px 3px 0px rgba(255,51,0,0.65);
}
.etatFlex .plageHoraire {
	position: absolute;
	width:59px;
	background: #FFF;
	border:1px solid #F3AC3F;
	padding:3px;
	font-size: 12px;
	left:-1px;
	bottom:0px;
	z-index: 20;
}
.etatFlex .plageHoraire span {
	display: inline-block;
	padding:0px;
	text-align: left;
}
.etatFlex .plageHoraire span:first-child {
	width:17px;
	color:#666;
}

/*
span.itSelected:after {
	display: block;
	content:"";
	background:#F3AC3F;
	width:100%;
	height: 3px;
}
*/
.boxEtatJour span {
	display: block;
}
.etatLegende {
	display:flex;
	justify-content: center;
}

.itemLegende {
	display:flex;
	align-items: center;
	text-transform: uppercase;
}
.itemLegende span:first-child {
	display: block;
	width:15px;
	height: 15px;
	border-radius: 20px;
	margin:0px 5px 0px 25px;
}
.formEtat {
	text-align: center;
}
.etatInputs input {
	width:28%;
	margin:10px 1%;
	background: #D6D9E2;
	padding:8px 1%;
	border:0px;
}
.formRadio {
	display: flex;
	justify-content: center;
}
.formRadio input {
   visibility: hidden;
    position: absolute;
	width:15px;
}
.formRadio label {
    display: flex;
	width:200px;
    justify-content: center;
    align-items: center;
    border: 1px solid #D6D9E2;
    padding: 13px 15px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    font-weight: 600;
    border-radius: 4px;
    margin: 10px 15px;
}
.formRadio label:hover {
    border-color: rgba(255,51,0,0.65);
    cursor: pointer;
}
.formRadio input[type="radio"]:checked + label {
    border-color: #F3AC3F;
	box-shadow: 0px 3px 0px rgba(255,71,0,0.55);
}
.boxChoix1 .formChamps input {
    visibility: hidden;
    position: absolute;
}
.phraseObli {
	color:#F64665;
	font-size: 13px;
	font-style: italic;
}
.ligneInfo {
	display: flex;
	align-items: center;
	max-width:800px;
	margin:20px auto;
}
.ligneInfo label {
	margin-right: 15px;
}
.ligneInfo span {
	font-size: 1.2em;
}
.center {
	text-align: center;
}
@media all and (max-width: 1199px) {
	.itTextJour {
		font-size: 12px;
	}
}
@media all and (max-width: 989px) {
.itMois {
		font-size: 12px;
	}
	.etatFlex.selectJour {
		flex-wrap: wrap;
		justify-content:center
	}
	.boxEtatJour .itJour {
    width: 6%;
		margin-bottom: 10px;
}
}
@media all and (max-width: 767px) {
.boxEtatMois .etatFlex {
   flex-wrap: wrap;
		justify-content:center
}
	.selectHeure .etatFlex {
   display: block;
}
	.etatFlex .plageHoraire {
    width: 96%;
    padding: 3px 2%;
    font-size: 13px;
}
	
	.selectHeure .boxHeure {
		width: 100%;
	}
	.selectHeure .boxHeure.heureFinale {
		width: 50%;
	}
	.selectMois .itMois {
		font-size: 13px;
		width:15%;
		margin-bottom: 10px;
	}
}
@media all and (max-width: 639px) {
.selectMois .itMois {
		width:70px;
	}
	.boxEtatJour .itJour {
    width: 40px;
}
	.etatInputs input {
    width: 96%;
    padding: 8px 2%;
}
	.boxEtatLieux h2 {
    font-size: 1.45em;
}
	.boxEtatLieux {
    padding-bottom: 40px;
}
	.boxEtat {
    margin: 20px 0px;
}
	.itemLegende span:first-child {
    margin: 0px 3px 0px 13px;
}
}