*{margin:0; padding:0;}
body {
font: 10pt Arial, serif;
background-color:#fff;
}

#locations {
/*
width:905px;
position:absolute;
left:50%;
margin-left:-452px;
*/
margin:auto;
width:905px;
top:0px;
}

#top{width:905px;}
#top div {float:left;}

#nav li {float:left;}
#nav {width:905px; height:34px; list-style-type:none;}

#vacances {background-image:url(locations/fond.jpg);background-repeat:repeat-y; clear:left; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px;}
p {padding:10px;}

#bas {background-image:url(locations/bas.jpg); width:905px; height:23px; background-repeat:no-repeat; padding-bottom:10px;}
#ailleurs {width:905px; text-align:center; padding-bottom:10px; font-size:8pt;}

#snav1, #snav1 a:link, #snav1 a:active, #snav1 a:visited	{
	float:left;
	width:149px;
	height:34px;
	background-image:url(locations/menu/montagne.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#snav1 a:hover{display:block; background-position:0px -34px;}
#snav1b {
	float:left;
	width:149px;
	height:34px;
	background-image:url(locations/menu/montagne.jpg);
	background-position:0px -34px;
	}

#snav2, #snav2 a:link, #snav2 a:active, #snav2 a:visited	{
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/mer.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#snav2 a:hover{display:block; background-position:0px -34px;}
#snav2b {
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/mer.jpg);
	background-position:0px -34px;
	}

#snav3, #snav3 a:link, #snav3 a:active, #snav3 a:visited	{
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/campagne.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#snav3 a:hover{display:block; background-position:0px -34px;}
#snav3b {
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/campagne.jpg);
	background-position:0px -34px;
	}

#snav4, #snav4 a:link, #snav4 a:active, #snav4 a:visited	{
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/city.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#snav4 a:hover{display:block; background-position:0px -34px;}
#snav4b {
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/city.jpg);
	background-position:0px -34px;
	}

#snav5, #snav5 a:link, #snav5 a:active, #snav5 a:visited	{
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/annonce.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#snav5 a:hover{display:block; background-position:0px -34px;}
#snav5b {
	float:left;
	width:140px;
	height:34px;
	background-image:url(locations/menu/annonce.jpg);
	background-position:0px -34px;
	}
	
#snav6, #snav6 a:link, #snav6 a:active, #snav6 a:visited	{
	float:left;
	width:98px;
	height:34px;
	background-image:url(locations/menu/contact.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#snav6 a:hover{display:block; background-position:0px -34px;}
#snav6b {
	float:left;
	width:98px;
	height:34px;
	background-image:url(locations/menu/contact.jpg);
	background-position:0px -34px;
	}
	
#snav7, #snav7 a:link, #snav7 a:active, #snav7 a:visited	{
	float:left;
	width:98px;
	height:34px;
	background-image:url(locations/menu/login.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#snav7 a:hover{display:block; background-position:0px -34px;}
#snav7b {
	float:left;
	width:98px;
	height:34px;
	background-image:url(locations/menu/login.jpg);
	background-position:0px -34px;
	}
	

h1, h2, h3, h4, h5 {font-size:14pt; color:#BFB026; padding-left:10px;}

a:link,a:visited,a:active {color:#5785C4; text-decoration:underline;}
a:hover {color:#BFB026;}
	
.nbsp {clear:both; padding:10px;}
.location-vacances {float:left; padding-left:27px; height:245px;}
.presentation {width:180px; padding-left:3px; font-size:8pt;}
.image-location {width:180px; height:140px; overflow:hidden;}
.titre-vacances {color:#BFB026;}
.destination {font-size:8pt; font-style:italic; width:180px;}

.destination div {}
.dl {float:left; text-align:left;}
.dr {float:right; text-align:right;}

#quantite {width:100%; text-align:center;}
.dessus {background-color:#BFB026; font-weight:bold; color:#fff;}
.dessus a:link, .dessus a:active, .dessus a:visited {color:#fff;}

#ariane {font-size:8pt; padding-left:10px; padding-bottom:10px;}

#annonce {width:100%;}
#annonce div {}
#photos {float:left; width:180px; padding-left:27px;}
#texte {width:643px; float:left; padding-left:10px;}
.description {font-size:9pt; padding-top:0; padding-left:0;}

#annonce ul {display:inline; list-style-type:none;}
#annonce ul li {float:left;} 

.smenu {font-size:8pt;}

.imgan{padding-left:10px;}
.retour {font-size:8pt;}
.gras {font-weight:bold;}
.maigre{font-weight:normal;}
.petit {font-size:8pt;}
.souligne {text-decoration:underline;}
.italique {font-style:italic;}
.normal_ul {padding-left:50px;}
.rouge {color:red;}

.tmsg {border-top:1px solid #000; border-bottom:1px solid #000; padding-top:10px; padding-bottom:10px;}

.centre {text-align:center;}
.gauche {float:left;}
.gauche a:active, .gauche a:link, .gauche a:visited {color:#000; text-decoration:none;}

#moncalendrier, #moncalendrier td{
border:1px solid #9C835E;
border-left:0;
text-align:center;
font-family:Arial, Trebuchet MS;
font-size:8pt;
width:20px;
}
#moncalendrier {border:0;}
#moncalendrier td.monmois{
border:0;
padding-top:20px;
text-align:left;
width:120px;
}

.divmois {
background-color:#BFB026; color:#fff; padding-left:2px; padding-right:2px;
}
#moncalendrier td.debut_mois {border-left:1px solid #9C835E;}

#map {width:850px; height:500px;}

.legend {font-weight:bold;}
.grise {color:#808080;}