/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
body{ background-color: #636466; text-align:center; padding-bottom: 100px; }
.both {clear: both;}


/* CONTENEURS
--------------------------------------------------------------------------------------- */
#container{ margin: 30px auto 0 auto; text-align:left; width: 1020px; background-color: white; }
#container #header{ width: 1020px; height: 366px; margin-bottom: 6px; background: url(Gx/background_3couleur.gif) repeat-y; padding-top: 15px; position: relative; }

#container #header #mini_menu{ position: absolute; top: -25px; left: 0; }
#container #header #mini_menu ul{ list-style-type: none; width: 990px; padding: 0 15px; }
#container #header #mini_menu ul li{ float: left; }
#container #header #mini_menu ul li a{ font: 14px Verdana, Arial, Helvetica, sans-serif; color: white; text-decoration: underline; }
#container #header #mini_menu ul li a:hover{ text-decoration: none; }

#container #header #logo_baniere{ width: 1020px; height: 328px; background: white; }
#container #header #logo_baniere #logo{ float: left; width: 340px; height: 328px; }
#container #header #logo_baniere #logo a{ width: 340px; height: 328px; display: block; text-decoration: none; background: white url(Gx/logo.gif) center no-repeat; }
#container #header #logo_baniere #baniere{ float: left; width: 680px; height: 316px; padding-top: 6px; }

#container #content{ width: 1020px; }

#container #content a{ color: #8c0047; }

#container #content #background_2coll{ background: url(Gx/bg_content_coll_droite.gif) no-repeat 390px top; width: 1020px; margin-bottom: 6px; }
#container #content #collLeft{ width: 340px; float: left; }
	#container #content #collLeft #boiteReservation{ width: 340px; font: 14px Helvetica, sans-serif; color: white; text-align: center; padding: 8px 0; }
		#container #content #collLeft #boiteReservation label{ font: 14px Helvetica, sans-serif; color: white; }
		#container #content #collLeft #boiteReservation div{ margin-bottom: 5px; }
		#container #content #collLeft #boiteReservation h2{ font-size: 16px; }
		#container #content #collLeft #boiteReservation a#calendrier{ position: relative; top: 3px; border: 0; }
		#container #content #collLeft #boiteReservation #submit{ font: bold 12px Helvetica, sans-serif; color: #48494a; background: #d7d7d8; border: 0px; padding: 4px 10px; cursor: pointer; margin-bottom: 5px; }
		#container #content #collLeft #boiteReservation #submit:hover{ color: #8C0047; background: #ffffff; }
		#container #content #collLeft #boiteReservation a{ color: white; }
		#container #content #collLeft #boiteReservation a:hover{ color: #8C0047; }

	#container #content #collLeft #liste_tour{ margin: 0; padding: 0; width: 340px; list-style-type: none; }
	#container #content #collLeft #liste_tour li{ margin: 0; width: 340px; padding: 0; font: 16px Helvetica, sans-serif; color: #48494a; border-bottom: 2px #9B9C9D solid; }
	#container #content #collLeft #liste_tour li a{ background: white url(Gx/square_bullet.gif) no-repeat 28px 11px; width: 275px; padding: 10px 0 11px 65px; font: bold 16px Helvetica, sans-serif; color: #48494a; text-decoration: none; display: block; }
	#container #content #collLeft #liste_tour li a:hover{ color: #8C0047; background: white url(Gx/square_bullet_on.gif) no-repeat 27px 11px; }

	#container #content #collLeft #boite_investiseur{ height: 75px; width: 340px; }
		#container #content #collLeft .fr{ background: url(Gx/investiseur_fr.gif) no-repeat 0 8px; }
		#container #content #collLeft .en{ background: url(Gx/investiseur_en.gif) no-repeat 0 8px; }
	#container #content #collLeft #boite_investiseur a{ height: 69px; width: 340px; display: block; font: bold 16px Helvetica, sans-serif; color: #48494a; text-align: right; padding: 9px 0px 0 0; text-decoration: none; line-height: 21px; } 
	#container #content #collLeft #boite_investiseur a:hover{ color: #8C0047; }
#container #content #collRight{ width: 650px; padding: 10px 15px 10px 15px; float: left; }

#container #content #forfaitsAccueil{ width: 1020px; background: url(Gx/background_3couleur_menu.gif) repeat-y; cursor: pointer; margin-bottom: 6px; }
#container #content #forfaitsAccueil a{ display: block; width: 1020px; text-decoration: none; }
#container #content #forfaitsAccueil a p{ width: 1020px; text-align: center; color: white; padding: 6px 0; margin: 0; cursor: pointer; text-decoration: none; }
#container #content #forfaitsAccueil a:hover p{ color: #8C0047; }
#container #content #forfaitsAccueil a p:first-letter { font-size: 16px; }

#container #content #forfaitsAccueil ul{ width: 1020px; height: 312px; list-style-type: none; cursor: pointer; margin: 0; padding: 0; }
#container #content #forfaitsAccueil ul li{ margin: 0; padding: 0; width: 340px; height: 312px; float: left; position: relative; cursor: pointer; }
#container #content #forfaitsAccueil ul li img.photo{ position: absolute; top: 24px; left: 35px; z-index: 1; border: 8px white solid; }
#container #content #forfaitsAccueil ul li div.logo_coin{ width: 243px; height: 207px; background: url(Gx/corner_forfaits.png); position: absolute; top: 6px; left: 13px; z-index: 2; }
#container #content #forfaitsAccueil ul li span.titre{ color: #6EB43F; font: bold 23px Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 42px; left: 65px; z-index: 3; text-align: left; line-height: 24px; width: 140px; }
	#container #content #forfaitsAccueil ul li span.titre.t1{ color: #6EB43F; }
	#container #content #forfaitsAccueil ul li span.titre.t2{ color: #F8981D; }
	#container #content #forfaitsAccueil ul li span.titre.t3{ color: #7482BF; }

#container #content #newsletter{ height: 60px; width: 1020px; background: #dbdbdc; margin-bottom: 6px; position: relative; }
	#container #content #newsletter div{ height: 60px; }
	#container #content #newsletter div#c1{ position: absolute; top: 6px; left: 15px; width: 480px; }
		#container #content #newsletter div#c1 h3{ font: bold 16px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #636466; }
		#container #content #newsletter div#c1 p , #container #content #newsletter div#c1 p:first-letter { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #636466; }
	#container #content #newsletter div#c2{ position: absolute; top: 8px; left: 500px; }
		#container #content #newsletter div#c2 label{ width: 55px; display: block; float: left; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #636466; margin-top: 3px; }
	#container #content #newsletter div#c3{ position: absolute; top: 18px; left: 715px; }
		#container #content #newsletter div#c3 label{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #636466;  }

/* 09_100 */
#container #content a.lien_galerie{ font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #8c0047; padding: 0 0 2px 20px; background: url(Gx/icone_galerie.gif) no-repeat; float: right; margin-top: 8px; }
#container #content a:hover.lien_galerie{ text-decoration: none; }

#container #content #galeriePhoto{ width: 1020px; padding: 15px 0 0 0; margin-bottom: 6px; }
#container #content #galeriePhoto.fr{ background: #e4e5e6 url(Gx/09/titre_galerie_fr.gif) no-repeat 26px 6px; }
#container #content #galeriePhoto.en{ background: #e4e5e6 url(Gx/09/titre_galerie_en.gif) no-repeat 26px 6px; }

#container #content ul.galeriePhoto{ list-style-type: none; margin: 0; padding: 0; text-align: center; width: 920px; margin: 0 0 0 86px; height: 270px; }
#container #content ul.galeriePhoto li{ margin: 0 15px 15px 0; padding: 0; width: 212px; height: 130px; text-align: center; float: left; /*cursor: pointer;*/ }
#container #content ul.galeriePhoto li a{ margin: 0; padding: 0; display: block; /*cursor: pointer;*/ }
#container #content ul.galeriePhoto li a img{ margin: 0; padding: 0; border: none; vertical-align: top; /*cursor: pointer;*/ }
.photoGauche { float: left; margin: 0 10px 10px 0; width: 348px;}
.boitePleine { border-top: 2px solid #8c0047; padding: 10px 0 10px 0; margin: 10px;}
.boiteTop { border-top: 2px solid #8c0047; padding: 10px 0 0 0; margin: 10px 10px 10px 0; width:650px; float:right; }
.boiteTiers { float: left; padding: 0 20px 0 0; width: 320px;} 
.boiteDeuxTiers { float: left; padding: 0 20px 0 0; width: 660px; }
.boiteTiers.fin { padding: 0;}

/* 10_100 */
#container #content #forfaitsVedette{ width: 1020px; }
#container #content #forfaitsVedette ul{ width: 1000px; margin: 0; padding: 0; list-style-type: none; padding: 10px; }
#container #content #forfaitsVedette ul li{ margin: 0; padding: 0; width: 313px; float: left; padding: 10px; margin-bottom: 5px; background: url(Gx/10/bg_forfait_vedette.gif) no-repeat 10px 0; }
#container #content #forfaitsVedette ul li h2.titre{ padding: 0; margin: 0 0 10px 0px; color: #6EB43F; font: bold 23px Verdana, Arial, Helvetica, sans-serif; line-height: 22px; width: 250px;}
	#container #content #forfaitsVedette ul li h2.titre.t1{ color: #6EB43F; }
	#container #content #forfaitsVedette ul li h2.titre.t2{ color: #F8981D; }
	#container #content #forfaitsVedette ul li h2.titre.t3{ color: #7482BF; }
#container #content #forfaitsVedette ul li p , #container #content #forfaitsVedette ul li p:first-letter { font: bold 12px Helvetica, sans-serif; color: #636466; }
#container #content #forfaitsVedette ul li a.lienReserver{ background: #636466; padding: 3px 10px; font: bold 12px Helvetica, sans-serif; color: white; text-decoration: none; }
#container #content #forfaitsVedette ul li a.lienReserver:hover{ color: #8C0047; background: #CFCFCF; }

#container #content #forfaits{ width: 1020px; }
#container #content #forfaits ul{ width: 1000px; margin: 0; padding: 0; list-style-type: none; padding: 10px; }
#container #content #forfaits ul li{ margin: 0; padding: 0; width: 313px; float: left; padding: 0 10px; margin-bottom: 5px; }
#container #content #forfaits ul li.sep{ margin: 0; padding: 0; clear: both; float: none; width: 1000px; height: 20px; overflow: hidden; }
#container #content #forfaits ul li h2.titre{ font: bold 18px Helvetica, sans-serif; line-height: 22px; color: #8C0047; }
#container #content #forfaits ul li p , #container #content #forfaits ul li p:first-letter { font: bold 12px Helvetica, sans-serif; color: #636466; }
#container #content #forfaits ul li a.lienReserver{ background: #636466; padding: 3px 10px; font: bold 12px Helvetica, sans-serif; color: white; text-decoration: none; }
#container #content #forfaits ul li a.lienReserver:hover{ color: #8C0047; background: #CFCFCF; }

#container #content #sepForfaits{ width: 950px; height: 4px; background: #bec0c4; margin: 0 auto 10px auto; overflow: hidden; clear: both; }

/* MENUS
--------------------------------------------------------------------------------------- */
#container #header #menu{ width: 1020px; height: 38px; background: url(Gx/background_3couleur_menu.gif) repeat-y; }
#container #header #menu div{ width: 340px; height: 38px; float: left; }
#container #header #menu div ul{ width: 340px; height: 38px; margin: 0; padding: 0; list-style-type: none; }
#container #header #menu div ul li{ margin: 0; padding: 0; height: 38px; float: left; }
#container #header #menu div ul li a{ margin: 0; padding: 10px 0 0 0; height: 28px; display: block; font: 14px Verdana, Arial, Helvetica, sans-serif; color: white; text-decoration: none; text-align: center; }
#container #header #menu div ul li a:hover{ color: #8C0047; }


#container #header #menu div ul.en li.m1{ width: 136px; background: url(Gx/sep_menu_vert.gif) no-repeat right center; }
#container #header #menu div ul.en li.m1 a{ width: 134px; }
#container #header #menu div ul.en li.m2{ width: 204px; }
#container #header #menu div ul.en li.m2 a{ width: 204px; }

#container #header #menu div ul.en li.m3{ width: 221px; background: url(Gx/sep_menu_orange.gif) no-repeat right center; }
#container #header #menu div ul.en li.m3 a{ width: 219px; }
#container #header #menu div ul.en li.m4{ width: 119px; }
#container #header #menu div ul.en li.m4 a{ width: 119px; }

#container #header #menu div ul.en li.m5{ width: 159px; background: url(Gx/sep_menu_lila.gif) no-repeat right center; }
#container #header #menu div ul.en li.m5 a{ width: 157px; }
#container #header #menu div ul.en li.m6{ width: 181px; }
#container #header #menu div ul.en li.m6 a{ width: 181px; }


#container #header #menu div ul.fr li.m1{ width: 148px; background: url(Gx/sep_menu_vert.gif) no-repeat right center; }
#container #header #menu div ul.fr li.m1 a{ width: 146px; }
#container #header #menu div ul.fr li.m2{ width: 192px; }
#container #header #menu div ul.fr li.m2 a{ width: 192px; }

#container #header #menu div ul.fr li.m3{ width: 213px; background: url(Gx/sep_menu_orange.gif) no-repeat right center; }
#container #header #menu div ul.fr li.m3 a{ width: 211px; }
#container #header #menu div ul.fr li.m4{ width: 127px; }
#container #header #menu div ul.fr li.m4 a{ width: 127px; }

#container #header #menu div ul.fr li.m5{ width: 182px; background: url(Gx/sep_menu_lila.gif) no-repeat right center; }
#container #header #menu div ul.fr li.m5 a{ width: 180px; }
#container #header #menu div ul.fr li.m6{ width: 158px; }
#container #header #menu div ul.fr li.m6 a{ width: 158px; }


#container #content ul.lien_souspages{ text-align: center; list-style-type: none; margin: 20px 0 8px 0; }
#container #content ul.lien_souspages li{ display: inline; }
#container #content ul.lien_souspages li.sep{ color: #8C0047; padding: 0 5px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; }
#container #content ul.lien_souspages li a{ color: #8C0047; font: bold 18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#container #content ul.lien_souspages li a:hover{ text-decoration: underline; }


/* TEXTES
--------------------------------------------------------------------------------------- */
h1{ margin: 0 0 10px 0; font: bold 27px Times, sans-serif; color: #8c0047; letter-spacing: -1px; font-style: italic; }
h2{ margin: 0 0 10px 0; font: 16px Arial, sans-serif; color: #8c0047;}
#container #content p{ font: 16px Helvetica, sans-serif; color: #48494a; margin-bottom: 10px; }

#container #content p.textePetit { font: 14px Arial; }
#container #content p:first-letter { font-size: 20px; }
#container #content ul{ margin-left: 30px; list-style-type: square; font: 16px Helvetica, sans-serif; color:red; }
#container #content ul li{ margin-bottom: 3px; color: #48494a; }
#container #content ul.listePetit{ margin-left: 30px; list-style-type: square; font: 14px Arial, sans-serif;}
#container #content #strong {font: bold 16px Helvetica; color: #8c0047;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#container #footer{ background-color: #636466; }
#container #footer #contact{ width: 1020px;/* height: 24px;*/ background: #8c0047; padding-top: 6px; }
#container #footer #contact p{ width: 1020px; text-align: center; font: 16px Helvetica, sans-serif; color: white; }

#container #footer #menu{ width: 1020px; margin: 6px 0; }
#container #footer #menu ul{ width: 1020px; text-align: center; list-style-type: none; }
#container #footer #menu ul li{ display: inline; }
#container #footer #menu ul li.sep{ color: white; padding: 0 5px; font: 12px Verdana, Arial, Helvetica, sans-serif;  }
#container #footer #menu ul li a{ font: 14px Verdana, Arial, Helvetica, sans-serif; color: white; }
#container #footer #menu ul li a:hover{ text-decoration: none; }

#copyright, #copyright a{ font: 12px Verdana, Arial, Helvetica, sans-serif; color: #bababd; text-align: center; }


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
form.formulaire label{font:16px Helvetica, sans-serif; color:#48494A; margin:2px 0 2px 0;}
.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color: #FF0000;}

#formContact{width:570px;}
#formContact label{float:left;width:120px;}
#formContact label.labellong{float:left;width:100%;}
#formContact .champTexte{float:left;width:200px;}
#formContact .listeDeroulante{float:left;width:200px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact .erreurTexte{margin-left:100px;}

p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000}

/* PARTENAIRE
--------------------------------------------------------------------------------------- */
.btPartenaire{float:left; width:650px; padding-bottom:10px; border-bottom:1px solid #48494A; margin-bottom:10px;}
.btPartenaire a{text-decoration:none;}
.logoPartenaire{float:left; width:200px; margin-right:15px; }
.textePartenaire{float:left; width:435px;}
.textePartenaire h2{font-weight:bold;}
.lienPartenaire{font-size:13px;}
.noBorder{border:none !important;}