body {
	background: #ffd6d6;
}
div.descr {
	background:transparent;
	color:#382628;
	margin:0 0 30px;
	text-align:justify;
}
div.date, div#formulaire h1,div.titre {
	font-weight: 700;
	margin: 5px 0 0;
	padding: 10px;
	border-bottom: 2px solid #382628;
	background:transparent;
	color: #382628;
}
div.date br {

}
div.book,div#formulaire {
	margin: 5px;
	color: #382628;
	background: #fff;
	cursor: default;
	text-transform: uppercase;
	letter-spacing: 0.1vmax;
	border: 2px solid #382628;
	border-radius: 5px;
	min-width: 10%;
}
div#formulaire {
	margin:auto;
}
div.book:hover,div#formulaire:hover{
}
div.busy {
	background:transparent;
	padding:10px;
	border: 1px solid transparent;
}
div.free {
	font-weight: bold;
	padding: 5px 0;
	color: #fff;
	background: #382628;
	letter-spacing: 2px;
	border-radius: 0;
	border: 1px solid #382628;
	text-transform: uppercase;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
div.free form#form_rdv div {
	padding:5px 0;
}
div.free:hover {
	background:transparent;
}
div.free form#form_rdv div,div.mentions_legales,button#submit,div#divdatechange,div.bouton_semaine_texte button.submit,.divisermatin, .diviseraprem, .divisersoir {
	background: #382628;
	color: #fff;
}
div.mentions_legales{
	width:calc(100% - 25px);
}
button#submit {
	border:none;
	font-size: 1.2em;
	padding: 0.75em 2em;
}
div.free form#form_rdv div:hover,button#submit:hover,div#divdatechange:hover,div.bouton_semaine_texte button.submit:hover,.divisermatin.active, .diviseraprem.active, .divisersoir.active {
	background-color: #ffddd7;
	color: #382628;
}
div#divdatechange,div#divdatechange:hover,div.bouton_semaine_texte button.submit,.divisermatin, .diviseraprem, .divisersoir, div.bouton_semaine_texte button.submit:hover,.divisermatin.active, .diviseraprem.active, .divisersoir.active {
	border: 2px solid #382628;
}
div.itemLabel {
	color: #382628;
	font-size: 1em;
	margin: 10px;
}
div.itemContent {
	color: #382628;
}
@media all and (max-width:900px) {
	div.date, div.free form#form_rdv div, div.busy {
		font-size:0.8rem;
	}
	div.book {
		margin:0.3vmax;
	}
}

/* Affichage de plusieurs semaines */
/*************** MOBILES *******************/
@media all and (orientation: portrait){
	div.book {
		border-right-width:2px;
		border-left-width:2px;
	}
	div#divdatechange {
		width:calc(100% - 4px);
	}
	div.free {
		padding: 5px;
	}
	div.date, div.free form#form_rdv div, div.busy {
		font-size: 0.7em;
	}
	div.sem2 div.free form#form_rdv div, div.sem3 div.free form#form_rdv div, div.sem4plus div.free form#form_rdv div{
		padding:5px 0;
	}
}