/* CSS Document */

body{
	background-color: beige;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
.container{
	width: 980px;
	margin: auto; /*permet de centrer la div ou element block*/
}
.retour{
	clear:both; /*pour le float dans le HTML, (indique qu'un élément doit être retiré du flux normal et doit être placé sur le côté droit ou sur le côté gauche de son conteneur.)*/
}

header{
	background:url("images/fond_header2.png") repeat-x;
}
/*.............................................................................Accueil*/

/*header*/


#logo{
	text-align: center;
}
#menu li{   /*pour faire les block*/
	float:left;	
}

#menu a{    /*pour ce qui se passe dans les blocks*/
	text-decoration: none;
	float: left;
	font-size: 20px;
	display: block;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	text-align: center;
	width: calc(976px / 4);
	background-color: #e2e0d1;
	line-height: 84px;
	transition: all 200ms;
}
#menu a:hover{
	background: url(images/check_BLANC.png) no-repeat 200px #ae3637;	
}

/*contenu*/

.col2{
	float: left;
	width: calc(50% - 46px);
	margin-left: 23px;
	margin-right: 23px;
	display: block;
	margin-top: 40px;
}

.bordure{
	border-right: 1px dotted #E2E0D1;
}


.col2 h1{
	text-transform: uppercase;
	color: darkslategray;
	padding-bottom: 30px;
	font-weight: bold;
	font-size: 19px;	
}
.col2 p{
	font-size: 14px;
	color: darkslategray;
	text-align: justify;
	padding-bottom: 20px;	
}
#choisir a{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;	
	text-decoration: none;
	color: black;
}
#choisir a:hover{
	color: #ae3637;
}
#CHAMBRE1{
	padding-bottom: 22px;
}
#domaine h3{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	background: url(images/check_noir.png) no-repeat;
	padding-left: 38px;
	padding-bottom: 20px;
	padding-top: 7px;	
}
#domaine p{
	margin-left: 40px;
}	
.article{
	
	border-bottom: dotted #e2e0d1;
	margin-bottom: 10px;
}	

/*footer*/

.col4{
	float: left;
	text-align: center;
}
.plus a{
	background-color: #ae3637;
	text-decoration: none;
	color: white;
	font-weight: bold;
	margin-left: 400px;
	padding: 7px;
	transition: all 200ms;
	font-size: 15px;
}
.plus a:hover{
	font-size: 16px;
}
#partenaire{
	width: 529px;
	margin-left:225px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	border-top: solid 4px #e2e0d1;
	border-bottom: solid 4px #e2e0d1;
}
#partenaire img{
	margin: 10px 30px 10px 30px;
}
.basdepage{
	background: #e2e0d1;
	
}
.basdepage p{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	color: darkslategrey;
}

/*...........................................................................page contact*/

/*contenu*/

#contact img{
	width: 350px;
}
fieldset{
	border: solid 2px gold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	line-height: 170%;
}
legend{
	font-weight: bold;
	color: goldenrod;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
label{
	font-weight: bold;
	margin: 10px;

}
#vous h3{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 7px;	
}
#rdv{
	font-weight: bold;
	color: goldenrod;
	font-size: 16px;
	padding-top: 20px;	
}
.coordonnees label{
	color: darkslategrey;
	float: left;
	display: block;
	width: 90px;
}
.coordonnees input[type="texte"]{
	border: #ddeeff 1px solid;
	width: 300px;
	
}
.coordonnees input[type="email"]{
	border: #ddeeff 1px solid;
	width: 300px;
}
.coordonnees textarea[name="message"]{
	border: #ddeeff 1px solid;
	width: 300px;	
}
.rdv label{
	width: 250px;
	font-weight: bold;
	color: goldenrod;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.rdv input[type="checkbox"]{
	margin-top: 38px;
}