*{padding:0; margin:0;}
body {background-color:white; background-image:url(images/bg_body.jpg);background-position: 50% 0%; background-repeat:no-repeat; font-family:arial, sans-serif; font-size: 11px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}  
#wrapper {width:820px; margin:0 auto;}
h1 {font-size:24px; color:#858585; font-weight:normal; margin: 20px 0; }
h2 {font-size:18px; color:#858585; font-weight:normal; margin: 15px 0; }
fieldset {border:none;}
h3{margin:15px 0;}
h4 {font-size:12px; color:#858585; font-weight:normal; font-style:italic; margin: 15px 0; }
/* HEADER */
#header {height:225px;font-family:"Times New Roman"; font-weight:bold; font-size:13px; text-transform:uppercase; color:white;  position: relative;}
#header ul {list-style-type:none; float:right;}
#text_condo{float: left; margin-top: 5px; margin-left: 5px;}
#header ul.menuTexte {padding:5px 10px;}
#header ul li {float:left;}
#header ul.menuTexte a {color:white; text-decoration:none;}
#header ul.menuTexte a:hover {text-decoration:underline;}

#mainNav {margin-right:-2px;}
#mainNav a {display:block; height:61px; }
    /* LES BOUTONS DE NAVIGATION EN HAUT */
    #accueil {width:122px; background-image:url(images/btn_accueil.jpg);}
    #hebergement {width:121px; background-image:url(images/btn_hebergement.jpg);}
    #piscine {width:122px; background-image:url(images/btn_piscine.jpg);}
    #disponibilites {width:122px; background-image:url(images/btn_disponibilites.jpg);}
    #proximite {width:122px; background-image:url(images/btn_proximite.jpg);}
    #joindre {width:121px; background-image:url(images/btn_joindre.jpg);}
    
    #accueil:hover {background-image:url(images/btn_accueil_ov.jpg);}
    #hebergement:hover {background-image:url(images/btn_hebergement_ov.jpg);}
    #piscine:hover {background-image:url(images/btn_piscine_ov.jpg);}
    #disponibilites:hover {background-image:url(images/btn_disponibilites_ov.jpg);}
    #proximite:hover {background-image:url(images/btn_proximite_ov.jpg);}
    #joindre:hover {background-image:url(images/btn_joindre_ov.jpg);}


#container {padding:0 0px;}

#leftColumn {width:185px; float:left; padding:0 0 0 15px;}
    #leftColumn h3 {color:#262626; font-size:19px; text-align:center;}
    
    ul#menuGauche {list-style-image:url(images/list_bullet.png); width:120px; margin:120px 0 30px 0; float:right;}
    ul#menuGauche li {padding:3px 0;}
    ul#menuGauche a {color:#4c4d4d; text-decoration:none;}
    ul#menuGauche a:hover {color:black;}
    
    #reserverEnLigne {width:181px; height:258px; background-image:url(images/bg_reserver_en_ligne.jpg);  float:right;}
    #reserverEnLigne a {position:relative; top:215px; left:135px; display:block; height:34px; width:34px; background-image:url(images/btn_reserver_en_ligne.png);}
    #reserverEnLigne a:hover {background-image:url(images/btn_reserver_en_ligne_ov.png);}
    
    #miniAlbumPhoto { position:relative; margin: 0 0 30px 0; border-top:1px solid black; width:178px; height:148px; float:right; background-image:url(images/bg_mini_album_photo.jpg); background-position:bottom; background-repeat:no-repeat;}
    #miniAlbumPhoto h2 {color:white; margin:-2px; text-transform:uppercase; text-align:center; font-family:arial; font-weight:normal; font-size:13px;}
    #miniAlbumPhoto h2 span {padding:0 38px;}
    #miniAlbumPhoto h2 a {color:#a9aaab; text-decoration:none; font-weight:bold; font-size:22px;}
    #miniAlbumPhoto h2 a:hover {color:white;}
    #miniAlbumPhoto img {display:block; max-width:145px; ;max-height:100px; margin:10px auto;  border:1px solid #656565;}
    #miniAlbumPhoto a.fleche {display:block; width:19px; height:19px; position:absolute; top:50%;}
    #miniAlbumPhoto a#flecheGauche {background-image:url(images/btn_nav_album_left.png); left:2px; }
    #miniAlbumPhoto a#flecheDroite {background-image:url(images/btn_nav_album_right.png); left:158px;}
    #miniAlbumPhoto a#flecheGauche:hover {background-image:url(images/btn_nav_album_left_ov.png);  }
    #miniAlbumPhoto a#flecheDroite:hover {background-image:url(images/btn_nav_album_right_ov.png); }

#infolettre { color:#4c4d4d; margin-top:30px; width:185px;}
#infolettre p {text-align:center; font-size:24px; line-height:80%;}
#infolettre span {font-size:18px;}
span.petit {color:#515151; font-size:9px !important; text-transform:uppercase; margin:10px 0 5px 0; display:block;}
#formInfolettre #submitCourriel {position:relative; top:2px;}


#centerColumn {width:355px; float:left; margin:0 0 0 20px;}
    #centerColumn ul {padding-left:50px;}
    #centerColumn p {padding:10px 0;}    
    #centerColumn img {max-width:355px; border:1px solid #656565; margin:10px 0;}
    #centerColumn a {color:#656565;}

#rightColumn {width:220px; float:left; margin-left:15px;}
#rightColumn h3 {width:220px; color:white; background-color:#797c81; font-size:14px; font-weight:normal; padding:2px 0; text-align:center; margin-bottom:2px; margin-top:20px;}
#rightColumn a.voir {float:right; text-decoration:none; color:#787878; font-size:12px; margin:5px;}
#rightColumn a.voir:hover {color:black;}

#reservationsEnLigne {width:220px; background-color:#c7d4da; border-bottom:1px solid #757575;}
    #reservationsEnLigne img {border:1px solid #656565; float:left; width:99px; margin: 5px 10px 0 0;}
    .forfait {border-top:1px solid #757575; color:#4c4d4d; padding: 5px 5px 5px 0px; line-height:100%;}
    .min_forfait{min-height: 100px;}
    .forfait p, .forfait h5{padding-left:10px}
    .forfait p {font-size:10px; font-weight:bold;}
    .forfait ul {font-size:10px; margin: 10px 5px ; letter-spacing:-1px; float:right; width:90px;}
    h5 {font-size:14px; font-weight:bold;}
    a.prix { padding:9px 0 0 5px; font-size:11px; display:block; font-weight:bold; width:215px; height:14px; background-image:url(images/prix_reservation_liste.png); color:white; text-decoration:none;}
    a.prix span {font-size:14px;}
    a.prix:hover { background-image:url(images/prix_reservation_liste_ov.png);}
    
#forfaitsMesure {width:220px; background-color:#c7d4da; border-bottom:1px solid #757575; color:#535353;}
    #forfaitsMesure ul {list-style-type:none; font-size:14px;}
    #forfaitsMesure span {font-size:11px;}
    #forfaitsMesure li {border-bottom:1px solid white; padding:3px 5px;}    
    #forfaitsMesure a {float:right; display:block; width:18px; height:18px; margin-top:8px; background-image:url(images/btn_fleche_forfait.png);}  
    #forfaitsMesure a:hover {background-image:url(images/btn_fleche_forfait_ov.png);}

#dernieresNouvelles {background-color:#c7d4da; border-bottom:1px solid #757575; border-top:1px solid #757575; font-size:9px; color:#313131; }
    #dernieresNouvelles span.date {font-size:12px; display:block; color:#535353; font-weight:bold;}
    #dernieresNouvelles  p {padding:10px 5px;}
    #dernieresNouvelles a{text-decoration: none;}
    
hr {background-color:#d3d3d3; height:1px; border:none; margin:30px 0;}    
#logoHelios {text-align:center; text-decoration:none; color:#9d9d9d; display:block; margin:0 auto;}
#logoHelios img {border:none;}

#centerColumn .mini_calendrier{margin-top: 5px;}
#calandar
{
	background-color: #B9BFCB;
	width: 180px;
	margin: auto; 
	height: 200px;
	text-align: center;
}
#calandar a
{
	font-size:12px;
	margin-left:4px;
	margin-right:4px;
	color: #797C81;
	text-decoration: none;
}
#calandar a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
#calandar .month
{
	background-color: #C7D4DA;
}
#diponibilite
{
	width: 100%;
}
#nombre_pers {margin-top: 25px;}
#nombre_pers input{margin-left: 9px;}
#Submit{margin-left: 200px;}

#form_paiement{text-align: right; padding-right: 10px;}
#form_paiement input{margin-top: 5px;}
#form_paiement select{margin-top: 5px;}
#paiement{border: 1px solid #B9BFCB; padding: 5px; margin-top: 15px;}
#message_confirmation 
{
	font-size:12px;
	font-weight:bold;
	margin:auto;
	position:relative;
	
}
#message_confirmation a
{
	color:#414A45;
	text-decoration:none;
}
#message_confirmation a:hover
{
	text-decoration:underline;
}
.title_confirmation
{
	font-size:18px;
	color:#858585;
}
#dernieresNouvelles{color: #535353; text-decoration: none;}

#centerColumn .forfait_page img{display:block; float: left; margin-right: 5px;}
.forfait_page li{list-style-type: none;}
.forfait_page .spec_unitee{margin-right: 5px;}

#title_galerie
{
	font-size: 10px;
}

#flecheVerteGauche{ display: inline-block; width: 19px; height: 19px}
#flecheVerteDroite{display: inline-block; width: 19px; height: 19px}
a#flecheVerteGauche {background-image:url(images/btn_nav_album_left.png); }
a#flecheVerteDroite {background-image:url(images/btn_nav_album_right.png); }
a#flecheVerteGauche:hover {background-image:url(images/btn_nav_album_left_ov.png);  }
a#flecheVerteDroite:hover {background-image:url(images/btn_nav_album_right_ov.png); }

#lien_logo{display:block; height:125px; left:111px; position:absolute; top:25px; width:200px;}

#submit_res{width: 100%; text-align: center;}

.date_cal
{
	width: 70px;
	
}

#forfait {width:220px; background-color:#c7d4da; border-bottom:1px solid #757575;}
    #forfait img {border:1px solid #656565; float:left; width:99px; margin: 5px 10px 0 0;}
    
#ajout_extra{border:1px solid #B9BFCB; padding: 10px;}
#listing_extra{border:1px solid #B9BFCB; padding: 10px; width: 100%}
#listing_extra input{width: 50px;}

#ajout_extra_hidden{border: 2px solid #B9BFCB; position: absolute; width: 350px; margin-top:-100px; background-color: #C7D4DA;}