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

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}

header {
	/*border-radius: 15px 15px 0 0;
	box-shadow: 0px 2px 5px #ccc;*/
}

.bpage {
	box-shadow: 0px 2px 5px #ccf;
	border-radius: 0 0 5px 5px;
}

section {
	width: 100%;
}

.content {
	float: left;
	width: 70%;
	margin-bottom: 10px;
}

.sidebar {
	float: left;
	width: 30%;
	margin-bottom: 10px;
}


/* ~~ Pied de page ~~ */
footer {
	background-color: #83308f;
	color: #fff;
	border-radius: 0 0 5px 5px;
	position: relative;
	clear: both; 
}

#titre {
	font-size:24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	color: #83308f;
}

#text_accueil {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.element {
	width: 100%;
}

.element #image {
	float: left;
	width: 30%;
	height: 100px;
}

.element  #text_element {
	margin-left: 2%;
	width: 68%;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.element img,  #text_element {
	display: inline-block;
}

#reserv {
	margin-top: 70px;
}

.diapo {
	margin-left: 1%;
}

.Details {
	margin-left: 2%;
	margin-right: 1%;
}

#text {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.contact {
	margin-top: 10px;
}

.contact p{
    font-size: 16px; font-weight: bold;
}

.acces {
	width: 100%;
	height: 300px;
}

/*.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre #footer est supprimé ou retiré du #container 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}*/

.date, .date-year, .date-month, .date-day {
	padding: .5em;
	margin-right: .4em;
	margin-bottom: .8em;
	border: 1px solid #aaa;
	border-radius: 3px;
	width: 140px;
}
.date-year {
	width: 60px;
}
.date-month, .date-day {
	width: 40px;
}
.input-toggles {
	margin-top: 12px;
}

.langue {
	float: right;
}