HTML{		
margin: 0px;
padding: 0px;}

BODY{					
margin: 0px ;
padding: 0px;
}

a{
	color: #000000;
	text-decoration: none; 

}

a:hover{
	color: #222222;
	text-decoration: underline; 
}

/****************************************************************/
/* -------------------  Classes  -------------------------------*/
/****************************************************************/
  
/* fonts noires bold menus*/
.style1{
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
}
/* fonts vertes bold sous-titres*/
.style2{
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #3EA611;
	text-decoration: underline;
}
/* grandes fonts header*/
.style3{
	font: 20pt Arial, Helvetica, sans-serif;
	color: #ffffff;
}
/* moyennes fonts header*/
/* blanches */
.style4{
	font: 15pt Arial, Helvetica, sans-serif;
	color: #ffffff;
}
/* jaunes header */
.style5{
	font: 10pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFE400;
}
/* fonts titre rubriques */
.style6{
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
/* blanche gras */
.style7{
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-align: justify;	
}
/* polices de formulaire */

.style8{
	font: 10pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;	
}

.fleche_verte{
	list-style:outside url(images/fleche_verte.jpg)
}

.fleche_bleue{
	list-style:outside url(images/fleche_bleue.jpg)
}

/* elements input bleus */
.monselec1{
 	background: url(images/fond_champs1.jpg) repeat-x bottom left ;
 	background-color: #ffffff;
 	border: 1px solid #0076D2; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
 	color: #0076D2
}
/* elements input verts */
.monselec2 {
	background: url(images/fond_champs1.jpg) repeat-x bottom left ;
	border: 1px solid #489C00;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #489C00;
} 
/* elements input erreur-formulaire */
.erreur{
	background: url(images/fond_champs1.jpg) repeat-x bottom left ;
 	border: 1px solid #FFcccc; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
	color: #489C00 ;
}
/* commentaire elements input erreur-formulaire */
.erreur_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px; 
	color: #FF6666 ;
}
.erreur_text2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; 
	color: #FF6666 ;
}

.flotte_bt{
	float: right;
	padding-right:20px;
}


/****************************************************************/
/* -------------------  Page générale---------------------------*/
/****************************************************************/
  
#container {
	background: url(images/fond_droit.jpg) repeat-y top left;
	position:relative;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	width: 1000px;
	margin: 0px auto 0px auto;
	
} 
	
#header{
	position:relative;
	float:left; 
	/*clear: both; /* il ne doit y avoir aucun autre bloc sur la meme ligne */
	background: url(images/titre_hotel-promotion.jpg) no-repeat top left;
	width: 1000px;
	height: 93px;
	padding-bottom:15px;
}


#header2 {
	float:left;
	

}

#slogan1 {
	z-index:2;	
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	padding-left:90px;
	padding-top:30px;
	
}


#slogan2 {
	z-index:3;	
	color: #002B7D;
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	padding-top:35px;
}

#flash_bandeau{
position:relative;
float:left;
z-index:5;
height: 93px;
width:455px;
	
}
	
#footer{
	background-color: #3399FF;
	position:relative;
	clear:both;
	width: 985px;
}

/****************************************************************/
/* -------------------  menu gauche  ---------------------------*/
/****************************************************************/

#container_gauche{
	float:left;
	width: 258px;
	_width: 268px;
	padding-left:10px;	
}

.separation_gauche{
	background: url(images/barre_bleue.gif) no-repeat top left;
	height:5px;
	width:258px;
	position:relative;
	float:left;
	
	margin: 2.5px 0 5 2.5px;

}

/*********************************************************************
   -----------------  partie recherche hotel menu gauche --------- 
*********************************************************************/
#cherchez{
	background: url(images/cherchez_hotel-promotion.jpg) no-repeat top left;
	height: 225px;
}

#titre_cherche{
	position:relative;
	float:left;
	margin-left:15px;
	margin-left:10px;
	margin-top:10px;
	border-bottom:3px solid #27B7FC;
}

#cherche{
	position:relative;
	float:left;
	color: #C1FF09;	
}

.hotel_promo{
	position:relative;
	float:left;
	padding-left:5px;
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-align: justify;	
}

#menu_recherche{
	position:relative;
	float:left;
	padding-top:10px;
	padding-left:2px;
	_padding-left:10px;
}


/*------------------------------------------------------------*/
/*____________    Liste Hotel & Categorie gauche _____________*/
/*------------------------------------------------------------*/
.bloc{
	background: url(images/fond_hotel-promotion.jpg) repeat-y top left;
	position:relative;
	float:left;
	width: 258px;
}


#sous_titre_hotel,#sous_titre_categorie{
	background: url(images/sous_titre_hotel-promotion.gif) no-repeat top left;
	height: 45px;
	padding-left:15px;
	padding-top:20px;
}

.element_boite{
	position:relative;
 	float:left;
	padding: 10px 10 0 0;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	
}

.footer_gauche{
	position:relative;
	background: url(images/footer_gauche.jpg) no-repeat bottom left;
	float:left;
	/*height:45px;*/
	width: 258px;
}

.liste_type{
	float:left;
	padding-left:10px;

}


/****************************************************************/
/* -------------------  page centrale  -------------------------*/
/****************************************************************/


/* ---------------contenu page central --------------*/
#contenu{
 	/*position:relative;*/
 	float:left;
 	width : 475px;	
}


/*******************************************************/
/* ---------------presentation & formulaire------------*/

#titre_principal{
	/*height: 50px;*/
	clear:both;
}

#formulaire{ 
  
  text-align:left;
  
}

#profil{
	background: url(images/fond_formulaire.jpg) repeat-y top left;
 	float : left;
 	width : 475px;
	padding: 0px 7 0 7;
}

#formulaire h6{
	color: #489C00;
	text-decoration: underline ;	
}


#titre_formulaire{
	background: url(images/titre_formulaire.jpg) no-repeat top left;
	float : left;
	clear:both;
 	width : 455px;
 	_width : 475px;
 	height: 104px;	
 	padding-left: 20px;
}
	#titre_formulaire P { 
		margin: 0px;
		padding: 0px;
	}

#presentation_annonce{
	background: url(images/fond_formulaire.jpg) repeat-y top left;
 	float : left;
 	width : 475px;
 	padding: 0px 40 20 40;
}

#formulaire_partie{
	border-bottom: 3px solid #489C00;
	margin-bottom:10px;
	padding-left:14px;
	margin-left:10px;
	width : 445px;
}

#formulaire_ss_partie{
	padding:0px 10 5 0;
	margin-right:10px;
	background: url(images/separation_formulaire.jpg) no-repeat bottom right;
}

#separation{
	background: url(images/delimitation_formulaire.jpg) no-repeat top left;
	height: 5px;
}

#footer_formulaire{
	background: url(images/footer_formulaire.jpg) no-repeat top left;
	float : left;
	width : 445px;
	_width : 475px;
	height: 147px; 
	padding:10px 20px 0px 10px;
  
 }
#formulaire_partie8{
	text-align:center;
}
 /*******************************************************/
/* ---------------top promo ----------------------------*/

.style_bleu{
	font: 10pt Arial, Helvetica, sans-serif,Verdana;
 	color: #00A3F9;
}
/* cadre fond cental */
#promo_detail{
	text-align:justify;
}

#top_promo{
	background: url(images/fond_accueil_promo.jpg) repeat-y top left;
	height:1300px;
	/*float : left;*/
}

#titre_promo{
	background: url(images/entete_accueil_promo.jpg) no-repeat top left;
	/*float : left;*/
 	width : 475px;
 	height: 160px;
 	font-weight:bold;
 	padding-left: 6px;
}

#presentation_promo, #presentation_fiche{
	float : left;
 	width : 461px;
	height: 1050px;
	padding: 0px 0 0 0;
}

#presentation_fiche{
background-color:#FFFFFF;
}


.footer_promo{
	background: url(images/pied_accueil_promo.jpg) no-repeat bottom left;
 float : left;
  width : 475px;
  height: 50px; 
/* padding:10px 20px 0px 10px;*/
 }
 
 /*****************************/
 /* cadre prsesentation promo */
 
 
.cadre_promo{
 	position:relative;
 	background: url(images/haut_vign_promo.jpg) no-repeat top left;
  	width : 461px;
 	background-color:#FFFFFF;
 	/*padding-left:10px;*/
 }
 
.promo{
 	border-bottom: 1px solid #E8E3CF;
 	font: 10pt Arial, Helvetica, sans-serif,Verdana;
 	color: #00A3F9;
 	padding:0px 0 0 10;
 }
 
.cadre_promo a {

	font: 10pt Arial, Helvetica, sans-serif,Verdana;
 	color: #00A3F9;
}
 
 .promo_photo{
	position:relative;
 	float: left;
 	padding-left:5px;
}

.promo_presentation {
 	position:relative;
 	float: left;
	font: 10pt Arial, Helvetica, sans-serif,Verdana;
 	color: #00A3F9;
 	font-weight:bold;
 	border-bottom: 3px solid #E8E3CF;
 	padding-left:10px;
 	
 }
 
 #promo_detail{
 position:relative;
 	font: 10pt Arial, Helvetica, sans-serif,Verdana;
 	color: #0076D2;
 	font-weight:bold;
 	border-bottom: 1px solid #E8E3CF;
 	padding-left:10px;
 }
 .promo_detail2{
	clear: both;
 	font: 10pt Arial, Helvetica, sans-serif,Verdana;
 	color: #00A3F9;
 	font-weight:bold;
 	border-bottom: 1px solid #E8E3CF;
 	padding:0px 10 0 10;
 }
 
 #promo_detail p{
	color:#000000;
	font-weight:normal;
	padding:0px 30 0 20;
}

 .cadre_footer_promo{
 	background: url(images/pied_vign_promo.jpg) no-repeat bottom left;
	font: 10pt Arial, Helvetica, sans-serif,Verdana;
 	color: #00A3F9;
 	height:20px;
 	font-weight:bold;
 	
 }
 #compt_page{
  clear:both;
 }
 
 #album{
 	position:relative;
 	clear: both;
 	margin:0px 0 5 2;
 }
 /************* Classes de la fiche hotel ***************************/
 
 .lien_nom{
  font-size:14px;
  color: #C70007;
  font-weight:bold;
  text-transform:uppercase;
 }
 
 
 .ss_titre_rub{
 font: 8pt Arial, Helvetica, sans-serif,Verdana;
 text-decoration: underline;
 color: #00A3F9;
 font-weight:bold;
 }
 
 .ss_titre_rub2{
 font: 8pt Arial, Helvetica, sans-serif,Verdana;
 text-decoration: underline;
 color: #0076D2;
 font-weight:bold;
 }

 /********************** formulaire contact **********************/
 #formulaire_contact{
 	position:relative;
 	float:left;
 }
 
 #form_contact_hotel{
 	padding: 0px 5 0 5;
 	
 }
/****************************************************************/
/* -------------------  menu droit  ----------------------------*/
/****************************************************************/

#container_droit{
	float:left;
	width: 230px;
	padding-left:5px;	
}

.bloc_droit{
	background: url(images/fond_equipement_hotel.jpg) repeat-y top left;
	/*height:20px; en spécifiant la hauteur, firefox va la bloquer et pas IE*/
	clear: both; /* il ne doit y avoir aucun autre bloc sur la meme ligne */	
}

.sous_titre_droit{
	background: url(images/titre_equipement_hotel.jpg) no-repeat top left;
	height: 27px;
	_height: 47px;
	padding: 20px 0 0 15px;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.element_boite_droite{
	background: url(images/footer_droit.jpg) no-repeat bottom left;
	position:relative;
 	/*float:left; MODIFIER */
	padding: 10px 10px 10px 5px;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	text-decoration: none;	
}

.element_boite_droite_texte{
	background: url(images/footer_droit.jpg) no-repeat bottom left;
	position:relative;
	width: 100%;	
	padding: 10px 15px 10px 15px;	
}
	.element_boite_droite_texte span {
		display: block;
		width: 205px;
	}


#annonce{
	background: url(images/annonce_hotel-promotion.jpg) no-repeat top left;
	width: 236px;
	height: 304px;
	/*float: left; MODIFIER */
	clear: both; /* il ne doit y avoir aucun autre bloc sur la meme ligne */
	padding-left:20px;
}

#annonce a{
	font-size:9px;
	font-weight:normal;
	color:#ffffff;
}

#annonce a:hover{
	font-size:9px;
	font-weight:normal;
	color:#ffffff;
	text-decoration: underline; 
}

.menu_login{
	position:relative;
	float:right;
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-align:right;
	padding-right:45px;
	_padding-right:30px;
		
}

#menu_login2{
	position:relative;
	float:left;
	width:90%;
	border-top:3px solid #B1F356;
	padding-top:5px;	
}

#hotel{
	position:relative;
	float:left;
	color: #ffffff;	
	
}

#titre_login{
	position:relative;
	float:left;
	width:190px;
	margin-top:10px;
	border-bottom:3px solid #B1F356;
	
}

#contact_publicite {
	background: url("images/contact_publicite.gif") no-repeat bottom left;
	/* MODIFIER */
	/* quand tu mets du padding, il faut retirer le nbr de pixel fixer à la hauteur / largeur */
	/* par exemple bloc de 100px de largeur avec 10px de padding à gauche, il faut indiquer 90px de largeur */
	height: 48px;
	width: 171px;
	_height: 68px;
	_width: 211px;
	padding: 10px 10px 10px 30px;	
}
.publicite{
	
	width: 219px;
	float: left;
	margin: 0px 0 10px 0;
	text-align:center;
	margin:0px 0 0 5;
}

.publicite2{
	
	width: 209px;
	float: left;
	margin: 0px 0 10 0;
	text-align:center;
	margin:0px 0 0 5;
}

.separation_droite{
	background: url(images/barre_verte.jpg) no-repeat top left;
	height:6px;
	clear: both; /* il ne doit y avoir aucun autre bloc sur la meme ligne */
	position:relative;
	margin: 2.5px 0 5 5px;
}

.annuaire{
	width: auto;
}
.annuaire h1{ 
	font: 12pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;	

}

.annuaire h2{ 
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;	

}

.client {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #6699CC;
}
.keywordppal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.keywordppal:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #F7970C;
	
}
a.theme{
	Color : #F7970C;
	font-size: 12px;
	font-weight: bold;
	Text-Decoration : none;
}
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: text-bottom;
	margin-bottom: 0px;
	vertical-align: baseline;
	display: inline-table;
}

.tracker{
	font-size:9px;
}
#credits {
	background: url(images/fond_formulaire.jpg) repeat-y top left;
 	float : left;
 	width : 475px;
 	padding: 0px 40 20 40;	}
 	
#credits .texte{ width : 440px;
				 margin-left: 15px;}	
				 
#credits h2 {font-size:16px;color:#000000;}
#credits h3 { font-size:14px;color:#000000;}
#credits h3 a{font-size:14px;text-decoration:none;color:#000000;}
#credits h4 a{font-size:14px;text-decoration:none;color:#003399;}
#credits a{color:#000000;text-decoration:none; }
#credits a:hover{color:#003399;text-decoration:underline; }

.clear { clear : both;}

#plan {
	padding-left: 40px;
}


/*###################
#					#
#	ANNUAIRE		#
#					#
###################*/


div#annuaire {
	padding-left: 20px;
}

div#annuaire h1.golden-h1 { display: none;}

div#annuaire ul#golden-n1 { 
	padding: 0 0 0 19px;
}

	div#annuaire ul#golden-n1 li {
		list-style-type: none;
	}
	
	div#annuaire ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		height: 15px;
		padding: 0;
	}
	
	div#annuaire ul#golden-n1 h2 { /* Gestion du theme : padding, taille police */
		padding: 10px 0 5px 0;
		font-size: 13px;
	}
	
	div#annuaire ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		div#annuaire ul#golden-n1 h2 a, ul#golden-n1 h3 a { /* Gestion du theme : couleurs, puces */
			color: #4BA704;
			font-weight: bold;
			background: url('/images/fleche.gif') 0 1px no-repeat;
			padding-left:12px;
			text-transform:uppercase;
		}
		div#annuaire ul#golden-n1 li p {
			padding: 10px 0 10px;
			width: 450px;
		}

div#annuaire ul.golden-n2 { 
	padding: 0 0 0 20px;
}

	div#annuaire ul.golden-n2 li { 
		padding: 2px 0 0 10px;
	}
	
	div#annuaire ul.golden-n2 li h3 {	/* Gestion du nom du site : padding, taille police, couleurs, puces */
		font-size:11px;
		background: url('/images/puce_carreVert.gif') 0 1px no-repeat;
		display: inline;
		padding-left:10px;
		color: #00A3FC;
	}

		div#annuaire ul.golden-n2 a {	/* Gestion de la description : taille police, couleurs */
			color: #3d4e57;
		}
	
	div#annuaire h2#golden-h2 {
		display: none;
	}