html,body
{
	font-size:11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #C9CAB9;	
	color:#30373B;	
	margin: 0px;
	padding: 22px 22px 22px 22px;
	width:100%;
	height:100%;
}

TD 
{
	font-size:11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #30373B;
}


select
{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color : #30373B;	
	border: 1px solid Black;
}

input
{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color : #30373B;	
	/*border: 1px solid Black;*/
}

textarea
{
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color : #30373B;	
	border: 1px solid Black;
}

.fond
{
	background-color: white;
	margin: 0px;
	padding: 0px;
	background-image: url("../design/fond.gif");
	background-repeat: repeat-x;
}
/*
A { color:#62A521; text-decoration:none; }
A:hover { color:#4C901A; text-decoration:none; }
*/
.adresseMailBas{
	color:#62A521;
	font-family:verdana;
	font-size:11px;
}

/*Pour l'impression*/
#basDePage,
#hautPage{
	display:none;
}



a.adresseMailBas{
color:#62A521; text-decoration:none;font-family:verdana;font-size:11px;
}

a.adresseMailBas:HOVER{
color:#62A521; text-decoration:underline;font-family:verdana;font-size:11px;
}

/*********** signature en fin de page  ************/
.credit{font-size:9px;font-family:Verdana;color: black;}
a.credit{font-size:9px;font-family:Verdana;color: black;text-decoration:none;}
a.credit:HOVER{font-size:9px;font-family:Verdana;color: white;text-decoration: underline;}

.texteNoir{
	font-size:13px;
	font-family:Verdana;
	color:black;
	text-align:left;	
}

.texteNoirGras{
	font-weight:bold;
}

.pixel{
	font-size: 1px;
	font-family: "Times New Roman";
	font-weight: lighter;
}
  
 .bouton{
	border: 0px none;
	background-color: transparent;
}

/********************************************/
#tableau_general{
	background-color: white;	
}

#sousBandeau{
	text-align: center;
	vertical-align: middle;
	background-color:#D7EAF1;
	font-size:10px;
}

#colonneGaucheMilieu{
	background-color: #BCCA13;
}

#centrePage{
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:8px;
}

#basCentrePage{
	background-image: url(../design/fondCentralBas.jpg);
 	background-repeat: no-repeat;
	background-position:bottom;
	padding-right:25px;
	padding-top:0px;
}

#basCentrePagePI{
	background-image: url(../design/fondCentralBas.jpg);
 	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:40px;
	padding-right:19px;
}

#menuDroiteHaut{
	padding-bottom:6px;
	padding-top:6px;
	padding-left:5px;
	vertical-align:top;
}

#menuDroiteMilieu{
	vertcal-align:center;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	background-image: url(../design/menuDroiteMilieuFond.jpg);
 	background-repeat: no-repeat;
}


#piedPage{
	padding-top:3px;
}

#piedPageGauche{
	padding-left:5px

}
#piedPageDroite{
	padding-right:8px
}

.lienMenuHaut{
	font-size:10px;
	font-weight:bold;
	color : white;
	text-decoration:none;
}

.lienMenuHaut:hover{
	font-size:10px;
	font-weight:bold;
	color : black;
	text-decoration:none;
}
.doc
{ 
  color: #D80000;
  font-weight:bold;	
  font-family: Verdana;
  font-size: 11px;	
  background-image: url(../../design/pictotel.gif);
  background-repeat: no-repeat;
  background-position: left; 
  padding-left:20px;
  padding-top:7px;
  height:30px;
  }

  
.pdf
{
 color: #D80000;
 font-weight:bold;	
 font-family: Verdana;
 font-size: 11px;	
 background-image: url(../../design/pictotel.gif);
 background-repeat: no-repeat;
 background-position: left; 
 padding-left:20px;
 padding-top:7px;
 height:30px;}
 
 .titredepage
{
	font-family : verdana;
	font-size : 17px;
	font-style : normal;
	text-decoration : none;
	color : black;
	font-weight : bold;
	text-align:left;
	margin-bottom: 4px;
	border-bottom: 1px dashed Gray;
}
a.lien{
	color:black;
		text-decoration: none;
		text-align:left;
		font-family: verdana;
		font-size: 10px;
		font-weight: bold;
}
a.lien:hover{
	color:red;
		text-decoration: underline;
		text-align:left;
		font-family: verdana;
		font-size: 10px;
		font-weight: bold;
}

.titrePage{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size:17px;
	color:black;
}



/************* MODULE PROMOS IDEES SEJOURS ****************/

.clear{clear:both;}

#promotions{
	clear:both;
	margin-top:15px;
	text-align:left;
}

#promotions #compte{
	font-size:13px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

#promotions h1{
	font-family:Verdana; 
	font-weight:bold;
	font-size:17px;
	color:black;
	text-transform:uppercase;
	margin-bottom:5px;
}

div.promotion_item{
	clear:both;
	padding:5px;
	margin-bottom:10px;
}

div.photo{
	float:left;
	margin-right:10px;
}

.SYSPETI-Value1 {
border-bottom:1px dashed Gray;
color:black;
font-family:verdana;
font-size:17px;
font-style:normal;
font-weight:bold;
margin-bottom:4px;
text-align:left;
text-decoration:none;
}

div.content a.titre{
	font-size:14px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

div.content a.titre:hover{
	color:#D80000;
	text-decoration:underline;
}

div.content span.resume{
	font-size:10px;
	color:#30373B;
}

div.content a.info{
	display:block;
	float:right;
	clear:both;
	font-weight:bold;
	margin-top:5px;
	font-size:11px;
	color:black;
	text-decoration:none;
}

div.content a.info:hover{
	color:#D80000;
	text-decoration:underline;
}


div.promotions_detail{
	clear:both;
}

div.promotions_detail #map{
	clear:both;
	float:left;
	margin-top:10px;
	height:330px;
	width:100%;
}

div.promotions_detail div.pave_detail{
	width:451px;
	background-color:#d7e9f1;
	padding:5px;
}

div.promotions_detail div.pave_detail span.label_promo{
	font-weight:bold;
	font-size:14px;
	color:black;
}

div.promotions_detail div.pave_detail a.promo_lien, a.promo_lien{
	display:block;
	clear:both;
	background:url(/design/puce_promo_resa.gif) no-repeat top left #bcca13;
	width:125px;
	height:18px;
	line-height:18px;
	color:white;
	text-decoration:none;
	padding:0 25px;
	font-weight:bold;
}

div.promotions_detail div.pave_detail a.promo_lien:hover, a.promo_lien:hover{
	background:url(/design/puce_promo_resa.gif) no-repeat top left #f72723;
	color:white;
}

#carte_liste{
	clear:both;
	float:left;
	width:100%;
	margin:10px 0px;
	text-align:center;
}

a.carte_liste_lien{
	display:block;
	margin:0 auto;
	width:150px;
	height:25px;
	line-height:25px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	float:right;
	background-color:#bcca13;
}

a.carte_liste_lien.carte{
	margin-left:10px;
	background-color:#f72723;
}

a.carte_liste_lien:hover{
	color:black;
	background-color:#91cde7;
}

#map_group{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	height:450px;
}

#map{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	margin-top:10px;
	height:450px;
	width:100%;
}

#chargementEnCours{
	position:absolute;
	z-index:2;
	top:230px;
	left:125px;
	width:220px;
	height:19px;
}