#header {
	background-image: url(../img/fond_header.jpg);
	background-repeat: no-repeat;
	width: 931px;
	height: 150px;
	top: 0px;
	position: relative;
}

#logo {
	position:absolute;
	width: 162px;
	height: 101px;
	left: 10px;
	top: 13px;
}

#menu {
	position:absolute;
	left: 326px;
	top: 110px;
	width: 611px;
}

#menu_lien_dr {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: absolute;
	left: 406px;
	top: 5px;	
}

#menu_lien_dr a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}

#menu_lien_dr a:hover {
	text-decoration:underline;
}

#centre{
	background-image: url(../img/ombre_fond.jpg);
	background-repeat: repeat-y;
	width: 920px;
	min-height:450px;
	_height:450px;
   	margin: 0;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 14px;
}


body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-image: url(../img/fond.jpg);
	background-repeat: repeat;
}

#sitecentrage {
	padding: 0px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#footer {
	background-image: url(../img/ombre_footer.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 960px;
  	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
	padding-top: 20px;
	text-align: center;
    font: normal 10px Arial, Helvetica, sans-serif;
	color: #333333;
	background-position: -8px bottom;
	margin: 0;
}

#footer a {
	color: #999999;
	font-size: 10px;
}

/* colonne de gauche */

#colonne_gauche {
	position: absolute;
	margin: 0;
	padding: 0;
	float: left;
	width: 300px;
	left: 14px;
	top: 133px;
}

#colonne_gauche p {
	padding-left:10px;
	padding-right: 5px;
}

#recherche300 {
	width: 280px;
	background-image: url(../img/fond_recherche300.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#recherche300 h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #03627C;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.champs_texte190 {
	height: 18px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #00739B;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 160px;
	margin-bottom: 5px;
}

.champs_texte170 {
	height: 15px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #00739B;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 160px;
	margin-bottom: 5px;
}

.champs_bleu {
	height:20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #00739B;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 5px;
}

.champs_vert {
	height:20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #494923;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 5px;
}

.recherche_verte300 {
	background-color:#D0DA57;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.recherche_verte300 h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #313314;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* STYLE POUR TEXTE */    

h1 {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	height: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 726px;
	position: absolute;
	left: 196px;
	top: 1px;
	text-align: right;
}

.clear {
	clear: both;
}

p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3F4142;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 5px 5px;
	line-height: 150%;
}

td {font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;}

.gris10{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
}

.gris11{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
}

a.gris11_ns{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

a.gris11_ns:hover{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #A0A0A0;
	text-decoration: underline;
}

.gris11_clair{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #7E9899;
}

.bleu11 {
	color: #3A7683;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.vert11 {
	color: #95981C;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.vert_fonce11 {
	color: #494923;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.float_right {
	float: right;
}

/* pub */ 

.pub_texte300 {

	padding-left: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #838334;
	margin-bottom: 10px;
	margin-top: 10px;
	/* height: 90px; */
}

#carre300 {
 width:300px;
 height:250px;
 margin-top: 8px;
 margin-bottom: 10px;
 margin-left: 0px;
 margin-right: 0px;
}

#ban {
	position:absolute;
	height:90px;
	width:728px;
	left: 209px;
	top: 14px;
}

.bande_600_pub {
	color: #333333;
	background-color: #ECF1F3;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	line-height: 150%;
	margin-top: 15px;
}

#colonne_contenu_hotel, #colonne_contenu_location {
	width:600px;
	float: right;
	min-height:500px;
	_height:600px;
	padding: 0px;
}

#colonne_contenu_hotel h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #00739B;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#colonne_contenu_location h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #6D7014;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#colonne_contenu_hotel h3, #colonne_contenu_location h3 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #00739B;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-top:30px;
}

#colonne_contenu_hotel h4, #colonne_contenu_location h4 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #818109;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-top:30px;
}

/* liste resultats*/ 

.marge_bande_couleur {
	padding-top: 5px;
}

.ligne_resultat {
	margin-top: 20px;
	/*height: 80px;*/
	width: 370px; 
	
}

.visuel_hotel {
	float:left;
	padding: 5px;
	border: 1px solid #86B3D7;
	margin-right: 10px;
	width: 105px;
}

.visuel_location {
	float:left;
	padding: 5px;
	border: 1px solid #D0DA57;
	margin-right: 10px;
	width: 105px;
}

.titre_hotel {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A8D1DA;
	margin-left: 0px;
	margin-bottom: 7px;
	padding-bottom: 3px;
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	width: 470px;
}

.titre_location {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #95981C;
	margin-left: 0px;
	margin-bottom: 7px;
	padding-bottom: 3px;
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	width: 470px;
	color: #313314;
}

.titre_location a {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #95981C;
	text-decoration: none;
}

.titre_hotel a{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #03627C;
	text-decoration: none;
}

.orange13{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #E34526;
}

/* hotel a proximite */

.liste_gauche300 {
	width: 290px;
	margin-right: 10px;
	float: left;
}

.liste_gauche300 li {
	list-style-type: none;
	margin: 0px;
	background-image: url(images/puce_fleche_bleu.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-position: 0px 5px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 170%;
}

.liste_gauche300 a {
	color:#03627C;
}

.liste_gauche300 ul {
	margin: 0;
	padding: 0;
}

.bande_verte {
	background-color:#E2E97D;
	text-align: right;
	padding: 5px;
	margin-top: 5px;
}

.bande_verte a {
	color: #494923;
}

.bande_bleue {
	background-color:#C6E8F1;
	text-align: right;
	padding: 5px;
	margin-top: 5px;
}

.bande_bleue a {
	color: #043D4C;
}

/* fiches hotels*/

#images_fiches {
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding-bottom: 15px;
}

.titre_hotel_fiche {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A8D1DA;
	margin-left: 0px;
	margin-bottom: 7px;
	padding-bottom: 3px;
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	width: 380px;
}

.titre_hotel_fiche a {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #03627C;
	text-decoration: none;
}

#petites_im_fiches {
	border: 1px solid #CCCCCC;
	margin-top: 7px;
	height: 45px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
}

#petites_im_fiches img {
	margin-right: 4px;
}

.carte_600 {
	margin-top: 10px;
	border: 1px solid #3A7683;
}

.titre_carte {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 10px;
}

ul
{
   list-style-type: none;
 }

/* Autocompletion */

ul.contacts {
	position: relative; z-index: 500;
	width: 230px; color: #008CCB;
	list-style-type: none;
	margin:0px; border: 1px solid #C6E8F1;
	padding: 2px;
	text-align: left;
	font: bold 10px Arial, Helvetica, sans-serif;
	left: 0px; background-color: #FFFFFF;
				
}

ul.contacts li.selected { z-index: 500; background-color: #C6E8F1; cursor: pointer; }

li.contact { z-index: 500;
	list-style-type: none;
	display:block;
	margin:0;
	padding-right: 2px; padding-left: 2px;
	height: 12px;
}

.nombre_hotels { 
	float: right;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:1.2em;
}
		
.vert_surligne {
	background-color: #D0DA57; height: 12px; display: inline; margin:0; padding: 0;
}
		
/* FIN Autocompletion */


/* RECHERCHE GEOGRAPHIQUE */
#liste_villes{
	float:left;
	background-image: url(../img/fond_villes.jpg);
	background-repeat: no-repeat;
	width: 364px;
	margin-left: 20px;
	height: 175px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 15px;
}

#liste_villes_grand{
	float:left;
	background-image: url(../img/fond_villes_grand.jpg);
	background-repeat: no-repeat;
	width: 364px;
	margin-left: 20px;
	height: 320px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 15px;
}
 
#liste_villes a{
 padding-bottom:10px;
 display: block;
}
 
#liste_villes a:hover{
 padding-bottom:10px;
 display: block;
}
 

#lettre_alphabetique{
	background-image: url(../img/fond_liste_alphabetique.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 576px;
	padding: 5px;
	margin-bottom: 20px;
	margin-top: 10px; text-align: center;
}
 
#lettre_alphabetique a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00739B;
	display: inline;
	padding-right: 5px;
	padding-left: 4px; 
}
 
#lettre_alphabetique a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00739B;
	display: underline;
	padding-right: 5px;
	padding-left: 5px; 
}

#colonne_gauche230{
	float:left;
	width:180px;
	margin-right: 10px;
	padding-right: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #999999;
	margin-bottom: 10px;
}
 
#colonne_gauche230_sans_filet{
	float:left;
	width:190px;
	padding-right: 0px;
}
 
#colonne_gauche230 li, #colonne_gauche230_sans_filet li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	display: block;
	float: left;
	clear: both;
	padding-bottom: 5px;
}

/* FIN RECHERCHE GEOGRAPHIQUE */

/* pub*/

.pub385{
	width:280px;
	padding: 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.pub385 a.pub385_lien_titre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#BF1F0E;
    text-decoration: underline;
}

.pub385 a.pub385_lien_titre:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#F15140;
    text-decoration: underline;
}

.pub385 a.pub385_lien_texte {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#000000;
    text-decoration: none;
}
.pub385 a.pub385_lien_texte:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666666;
    text-decoration: underline;
}


p.par_edito {
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

p.par_edito a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}
p.par_edito a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: underline;
}


div.ban468_centre {
	width: 468px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

.bloc_numero_mer {
	width: 115px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #03627C;
	font-weight: bold;
}


#liste_paris{
 float:left;
 background-image: url(../img/fond_villes_grand_paris.jpg);
 background-repeat: no-repeat;
 width: 530px;
 margin-left: 20px;
 height: 320px;
 padding-top: 8px;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 20px;
 margin-bottom: 15px;
}
 
#liste_paris a{
 padding-bottom:10px;
 display: block;
}
 
#liste_paris a:hover{
 padding-bottom:10px;
 display: block;
}