@charset "utf-8";
/* CSS Document */
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family:arial;
	background-color: #f4f3ee;
	background-position: center top;
	font-size:13px;
	text-align: center;
	color: #000000;
	background-image:url(images/fond.png);
	background-position: center;
	background-repeat:repeat-y;
}

#conteneur #centre #mail
{
margin-left: 54px;
}
#conteneur #centre #objet
{
margin-left: 27px;
}

#conteneur #centre .contact
{
margin-top : 5px;
margin-bottom : 5px;
margin-left: 25px;
margin-right:10px;
}



#conteneur
{

	width:927px;
	margin-right:auto;
	margin-left:auto;
	/*border: solid 1px red;*/
	text-align: left;


}

#conteneur #menu
{
float: left;
width:556px;
height:101px;
background-color: #FFFFFF;
margin-bottom:0px;
}
#conteneur #menu_int
{
float: left;
margin-left:50px;
}


#conteneur #menu li
{
	text-align:right;
	margin-top: 40px;
	margin-left: 6px;
	float: left;
	list-style-type: none;
	color: #0363b8;
}

#conteneur #menu li a
{
	color: #0363b8;
	text-decoration:none;
}

#conteneur #menu li a:hover
{
	color:#a3caed;
	list-style-type: none;
	text-decoration:none;
}


#conteneur #menu_droite
{
float:left;
width:371px;
height:101px;
}



#conteneur #hotel
{
	background-color:#a3caed;
	border:none;
	width: 927px;
	height: 384px;
	float:left;
	clear: both;
}

#conteneur #hotel #hotel_marge
{
	float:left;
	margin-right: 14px;
	margin-left: 14px;
	margin-top: 20px;
}
#conteneur #hotel #hotel_marge_bis
{
	float:left;
	margin-top: 20px;
}



#conteneur #hotel #hotel_description
{
float:left;
background-color:#FFFFFF;
width: 241px;
height: 346px;
}

#conteneur #hotel #hotel_description .presentation
{
	font-size: 12px;
	color: #0363b8;
	margin-left: 17px;
	margin-top: 10px;
}

#conteneur #hotel #hotel_description .hotel_confort
{
	font-size: 11px;
	line-height: 15px;
	color: #OOOOOO;
	margin-left: 17px;
	margin-right: 17px;
	text-align:justify;
}

#conteneur #hotel #hotel_description #vignette
{
	margin-left: 6px;
	float:left;
	display:block;
	text-align:left;
}

#conteneur #hotel #hotel_description #vignette .btn
{
	float:left;
	margin-left:12px;
	display:block;
	text-align:left;
	margin-top: 7px;
}

#conteneur #millieu
{
	width:927px;
	height:70px;
	background-color:#FFFFFF;
	float:left;
	clear:both;
}

#conteneur #millieu #titre
{
float:left;
width: 490px;
margin-top:13px;
padding-left: 222px;
}

#conteneur #millieu #icone
{
width: 210px;
float:left;
display:block;
margin-left:5px;
}

#conteneur #millieu #icone .btn
{
	float:left;
	margin-left:21px;
	display:block;
	text-align:left;
}

#conteneur #bas
{
float:left;
}

#conteneur #appartement
{
	width:927px;
	height:221px;
	background-color:#a3caed;
	float:left;
	clear:both;
}
#conteneur #appartement #marge_chalet
{
	float:left;
	
	margin-top: 13px;
}

#conteneur #appartement #marge_chalet .btn
{
	float:left;
	display:block;
	margin-left: 14px;
	margin-right: 5px;
	text-align:left;
}




#conteneur #pied
{
	width:927px;
	float: left;
	background-color:#f4f3ee;
}
#conteneur #menu_pied
{
margin-left: 220px;
color:#000000;
background-color:#f4f3ee;
}

#conteneur #menu_pied li
{
	margin-left: 5px;
	float: left;
	list-style-type: none;
	color: #000000;
	font-size:11px;
}

#conteneur #menu_pied li a
{
	color: #000000;
	text-decoration:none;
}

#conteneur #menu_pied li a:hover
{
	color:#18c9e6;
	list-style-type: none;
	text-decoration:none;
}
a
{
border:none;
color:#000000;
}
a:hover
{
color:#18c9e6;
}
img
{
border:none;
display:block;
}

#conteneur #end
{
clear:both;
width:0;
height:0;
margin: 0 0 0 0;
visibility:hidden;
}

a.chambres{
	background : url(images/chambres-en.gif) top left no-repeat;
	margin-top : 13px;
	width : 241px;
	height : 40px;
	display : block;
}

a.chambres:hover{
	background : url(images/chambres-en.gif) top right no-repeat;
}

a.hotel{
	background : url(images/hotel-en.gif) top left no-repeat;
	width : 241px;
	height : 40px;
	display : block;
}

a.hotel:hover{
	background : url(images/hotel-en.gif) top right no-repeat;
}

a.tarifs{
	background : url(images/tarifs-en.gif) top left no-repeat;
	width : 241px;
	height : 40px;
	display : block;
}

a.tarifs:hover{
	background : url(images/tarifs-en.gif) top right no-repeat;
}

a.contact{
	background : url(images/contacter-en.gif) top left no-repeat;
	width : 241px;
	height : 40px;
	display : block;
}

a.contact:hover{
	background : url(images/contacter-en.gif) top right no-repeat;
}

a.acces{
	background : url(images/acces-en.gif) top left no-repeat;
	width : 241px;
	height : 40px;
	display : block;
}

a.acces:hover{
	background : url(images/acces-en.gif) top right no-repeat;
}