html,body{ height: 100%; margin: 0; padding: 0; }

body.accueil{ background: #FFFFFF; text-align: center; min-width: 950px; min-height: 675px; }
body{ background: #FFFFFF; text-align: center; }

html{ color: #999999; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border: 0; margin: 0; padding: 0; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */

a, a:link, a:visited, a:hover{ outline:none; }

h1{ color: #C21527; font-size: 18px; }
h1 a, h1 a:link, h1 a:visited{ color: #C21527; }

h2{ color: #C21527; font-size: 15px; }
h2 a, h2 a:link, h2 a:visited{ color: #333; }

p{ font-size: 12px; line-height: 14px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; }
p.textePetit{ font-size:10px; }
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{ color: #0A254E; text-decoration: underline; }
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{ color:#000; text-decoration: underline; }

ul li{ color: #1F1F1F; font-size: 11px; line-height: 150%; list-style: square; margin-left: 16px; }
ol li{ color: #1F1F1F; font-size: 11px; line-height: 150%; margin-left: 16px; }

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */

#conteneur_accueil{ margin: 0 auto; padding: 0; width: 950px; position: relative; height: 100%; }
.both{ clear: both; }

#stopContainerDesign{ float: left; height: 50%; margin-top: -338px; width: 100%; }
#containerDesign{ width: 950px; height: 675px; margin-left: auto; margin-right: auto; overflow: auto; text-align: left; clear: both; }

#container_iframe{ background: url(Gx/bg_iframe.jpg) left top; width: 829px; height: 512px; margin: 0; padding: 0; }

#infos_tarifs_fr{ position: absolute; top: 472px; left: 11px; width: 800px; font-size: 10px; text-align: left; color: #666666; }
#infos_tarifs_en{ position: absolute; top: 450px; left: 11px; width: 800px; font-size: 10px; text-align: left; color: #666666; }

a#lienAccueilLogo{ display: block; width: 125px; height: 150px; position: absolute; top: 105px; left: 785px; text-decoration: none; }

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#messageHeaderAccueil{ width: 950px; height: 35px; text-align: center; padding-top: 20px; position: absolute; top: 0; left: 0; }
#messageHeaderAccueil p{ font-size: 9px; color: #666666; font-family: Arial, Helvetica, sans-serif; }
#messageHeaderAccueil p span{ font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }

#containerDesign #page_00_100{ width: 950px; height: 675px; background: url(Gx/index.jpg) no-repeat; position: relative; }
#containerDesign #page_00_100 #menuLangue{ position: absolute; top: 184px; left: 59px; }
#containerDesign #page_00_100 #menuLangue ul{ margin: 0; padding: 0; }
#containerDesign #page_00_100 #menuLangue ul li{ margin: 0; padding: 0; list-style-type: none; margin-bottom: 5px; }
#containerDesign #page_00_100 #menuLangue ul li a{ font-size: 13px; font-weight: bold; text-decoration: none; color: #5e5c5d; }
#containerDesign #page_00_100 #menuLangue ul li a:hover{ color: #0099fe;}
#containerDesign #page_00_100 #menuLangue ul li a span{ color: #a1a1a1;}

/* PAGE 01_100
--------------------------------------------------------------------------------------- */

#containerDesign #page_01_100{ width: 950px; height: 675px; background: url(Gx/bg_01_100.jpg) no-repeat; position: relative; }

#containerDesign a#lienAboutUs{ color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; position: absolute; top: 38px; right: 6px; letter-spacing: -0.1px; }
#containerDesign a#lienAboutUs:hover{ color: #b2b1b1; }
#containerDesign a#lienTarification{ color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; position: absolute; top: 60px; right: 6px; letter-spacing: -0.1px; }
#containerDesign a#lienTarification:hover{ color: #b2b1b1; }
#containerDesign a#lienHote{ color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; position: absolute; top: 80px; right: 6px; letter-spacing: -0.1px; }
#containerDesign a#lienHote:hover{ color: #b2b1b1; }

#containerDesign a#retourAccueil{ color: #605f5d; font-size: 12px; font-weight: bold; text-decoration: none; position: absolute; top: 38px; left: 6px; }
#containerDesign a#retourAccueil:hover{ color: #8ad7e9; }

#containerDesign #coordonne{ position: absolute; top: 305px; right: 5px; text-align: right; }
#containerDesign #coordonne p, #containerDesign #coordonne a{ color: #656563; font-size: 12px; line-height: 120%; }
#containerDesign #coordonne a{ font-weight: bold; text-decoration: none; }
#containerDesign #coordonne a:hover{ color: #8ad7e9; }

#containerDesign #contenue{ position: absolute; top: 100px; left: 77px; }
#containerDesign #contenue ul#menu{ margin: 0; padding: 0; width: 600px; }
#containerDesign #contenue ul#menu li{ margin: 0 28px 0 0; padding: 0; list-style-type: none; float: left; width: 120px; height: 190px; text-align: center; line-height: 14px; }
#containerDesign #contenue ul#menu li span.numero{ font-weight: bold; font-size: 12px; float: left; margin-bottom: 2px; }
#containerDesign #contenue ul#menu li a{ color: #969694; text-decoration: none; }
#containerDesign #contenue ul#menu li a:hover{ color: #8DD7FC; }
#containerDesign #contenue ul#menu li a:hover img.image{ border-color: #8DD7FC; }
#containerDesign #contenue ul#menu li a img.image{ border: 3px #b5b9ba solid; }
#containerDesign #contenue ul#menu li a span.nom{ font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-top: 1px; display: block; }

#containerDesign #page_01_100 #contenue #texte{ width: 564px; text-align: justify; }


/* PAGE 01_110
--------------------------------------------------------------------------------------- */

div.container_iframe_page_01_110 #texte{ position: absolute; top: 20px; left: 10px; width: 800px; text-align: left; }
div.container_iframe_page_01_110 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_01_110 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_01_110 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 01_120
--------------------------------------------------------------------------------------- */

div.container_iframe_page_01_120 #texte{ position: absolute; top: 20px; left: 10px; width: 800px; text-align: left; }
div.container_iframe_page_01_120 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_01_120 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_01_120 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }



/* PAGE 02_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_02_100 #diaporama_flash{ position: absolute; top: 95px; left: 12px; border: 1px #adadad solid; width: 400px; height: 225px; overflow: hidden; background: white; }

div.container_iframe_page_02_100 #texte{ position: absolute; top: 93px; left: 430px; width: 350px; text-align: left; }
div.container_iframe_page_02_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_02_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_02_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 03_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_03_100 #diaporama_flash{ position: absolute; top: 95px; left: 12px; border: 1px #adadad solid; width: 400px; height: 225px; overflow: hidden; background: white; }

div.container_iframe_page_03_100 #texte{ position: absolute; top: 93px; left: 430px; width: 350px; text-align: left; }
div.container_iframe_page_03_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_03_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_03_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 04_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_04_100 #diaporama_flash{ position: absolute; top: 95px; left: 12px; border: 1px #adadad solid; width: 400px; height: 225px; overflow: hidden; background: white; }

div.container_iframe_page_04_100 #texte{ position: absolute; top: 93px; left: 430px; width: 350px; text-align: left; }
div.container_iframe_page_04_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_04_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_04_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 05_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_05_100 #diaporama_flash{ position: absolute; top: 95px; left: 12px; border: 1px #adadad solid; width: 400px; height: 225px; overflow: hidden; background: white; }

div.container_iframe_page_05_100 #texte{ position: absolute; top: 93px; left: 430px; width: 350px; text-align: left; }
div.container_iframe_page_05_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_05_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_05_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 06_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_06_100 #diaporama_flash{ position: absolute; top: 95px; left: 12px; border: 1px #adadad solid; width: 336px; height: 274px; overflow: hidden; background: white; }

div.container_iframe_page_06_100 #texte{ position: absolute; top: 93px; left: 366px; width: 414px; text-align: left; }
div.container_iframe_page_06_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_06_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_06_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 07_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_07_100 #diaporama_flash{ position: absolute; top: 95px; left: 12px; border: 1px #adadad solid; width: 336px; height: 274px; overflow: hidden; background: white; }

div.container_iframe_page_07_100 #texte{ position: absolute; top: 93px; left: 366px; width: 414px; text-align: left; }
div.container_iframe_page_07_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_07_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_07_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 08_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_08_100 #diaporama_flash{ position: absolute; top: 55px; left: 12px; border: 1px #adadad solid; width: 336px; height: 274px; overflow: hidden; background: white; }

div.container_iframe_page_08_100 #texte{ position: absolute; top: 55px; left: 366px; width: 434px; height: 430px; overflow: auto; text-align: left; padding-right: 25px;  }
div.container_iframe_page_08_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_08_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_08_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 10_100
--------------------------------------------------------------------------------------- */

div.container_iframe_page_10_100 #texte{ position: absolute; top: 20px; left: 10px; width: 800px; text-align: left; }
div.container_iframe_page_10_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_10_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_10_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }

/* PAGE 09_100
--------------------------------------------------------------------------------------- */

#container_formulaire{ width: 656px; margin: 0 auto 50px auto; background: url(Gx/09/bg_center.jpg) repeat-y top left; }
#container_formulaire #coll_left{ width: 166px; height: 359px; background: url(Gx/09/top_left.jpg) no-repeat; float: left; }
#container_formulaire #coll_right{ width: 460px; background: url(Gx/09/top_right.jpg) no-repeat left top; float: left; text-align: left; padding: 235px 0 50px 30px; position: relative; }
	#container_formulaire #coll_right #langue{ position: absolute; top: 74px; left: 230px; }
	#container_formulaire #coll_right #langue a{ font-size: 10px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: white; margin-right: 3px; }
	#container_formulaire #coll_right #langue a.lien_fr:hover, #container_formulaire #coll_right #langue a.lien_en:hover{ color: #2fdcfa; }
	#container_formulaire #coll_right #langue a.lien_fr{ color: #a8c2ba; }
	#container_formulaire #coll_right #langue a.lien_en{ color: #caa779; }
#container_formulaire #footer{ width: 656px; height: 88px; background: url(Gx/09/footer.jpg) no-repeat left top; }


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */

.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
#tripAdvisor{margin-right:5px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{color:#555; font-size:10px; height:50px; padding:0; width:740px;}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #menuBas{ float:right;text-align:right; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */


.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

td {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #666666;
}