/* * LES CASCATELLES */ /* RESET --------------------------------------------------------------------------------------- */ *{margin:0;padding:0;} html,body {height: 100%; } ul {list-style:none; margin:0; padding:0;} a img, fieldset{border:0;} fieldset{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;} abbr, acronym{border:0} a{text-decoration:none} a:focus:hover{border:0} a:hover{text-decoration:none;} p, ul, li{ margin: 0; padding:0;} /* TOP --------------------------------------------------------------------------------------- */ html,body{ margin:0px auto 0px auto; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000;} html {background:url(../_images/bg.jpg) no-repeat center top #fff; } .clearboth{ clear:both; margin:0px; padding:0px; font-size:1px; height:1px; } a { text-decoration: underline; color:#43a10b;} a:hover{ text-decoration:none;} /* CONTENU --------------------------------------------------------------------------------------- */ #conteneur { margin: 0 auto; width:940px; text-align:left; } /* HEADER --------------------------------------------------------------------------------------- */ #header { background:url(../_images/header.png) no-repeat 0 0; width:920px; height:30px; height:172px; margin: 0; position:absolute; top: 0; z-index:10;} #header_en { background:url(../_images/header_en.png) no-repeat 0 0; width:920px; height:30px; height:172px; margin: 0; position:absolute; top: 0; z-index:10;} #header_es { background:url(../_images/header_es.png) no-repeat 0 0; width:920px; height:30px; height:172px; margin: 0; position:absolute; top: 0; z-index:10;} #logo { display: none;} /* MENU VERSION FR --------------------------------------------------------------------------------------- */ #menu { height: 60px; width: 620px; margin: 0; padding: 43px 0 0 223px; } #menu1 li { float: left; } #menu1 li a { display: block; float: left; text-decoration:none;} #menu1 li a span { visibility: hidden; } #menu1 li .nav1 { width:94px; height:60px; background:url(../_images/menu/fr_nav_off_02.png) no-repeat 0 0; } #menu1 li .nav1_active { width:94px; height:60px; background:url(../_images/menu/fr_nav_on_02.png) no-repeat 0 0; } #menu1 li .nav1:hover { background:url(../_images/menu/fr_nav_on_02.png) no-repeat 0 0; } #menu1 li .nav2_active { width:96px; height:60px; background:url(../_images/menu/fr_nav_on_03.png) no-repeat 0 0;} #menu1 li .nav2 { width:96px; height:60px; background:url(../_images/menu/fr_nav_off_03.png) no-repeat 0 0;} #menu1 li .nav2:hover { background:url(../_images/menu/fr_nav_on_03.png) no-repeat 0 0; } #menu1 li .nav3 { width:167px; height:60px; background:url(../_images/menu/fr_nav_off_04.png) no-repeat 0 0;} #menu1 li .nav3_active { width:167px; height:60px; background:url(../_images/menu/fr_nav_on_04.png) no-repeat 0 0;} #menu1 li .nav3:hover { background:url(../_images/menu/fr_nav_on_04.png) no-repeat 0 0; } #menu1 li .nav4 { width:137px; height:60px; background:url(../_images/menu/fr_nav_off_05.png) no-repeat 0 0;} #menu1 li .nav4_active { width:137px; height:60px; background:url(../_images/menu/fr_nav_on_05.png) no-repeat 0 0;} #menu1 li .nav4:hover { background:url(../_images/menu/fr_nav_on_05.png) no-repeat 0 0; } #menu1 li .nav5 { width:79px; height:60px; background:url(../_images/menu/fr_nav_off_06.png) no-repeat 0 0;} #menu1 li .nav5_active { width:79px; height:60px; background:url(../_images/menu/fr_nav_on_06.png) no-repeat 0 0;} #menu1 li .nav5:hover { background:url(../_images/menu/fr_nav_on_06.png) no-repeat 0 0; } #menu1 li .nav6 { width:93px; height:60px; background:url(../_images/menu/fr_nav_off_07.png) no-repeat 0 0;} #menu1 li .nav6_active { width:93px; height:60px; background:url(../_images/menu/fr_nav_on_07.png) no-repeat 0 0;} #menu1 li .nav6:hover { background:url(../_images/menu/fr_nav_on_07.png) no-repeat 0 0; } #menu2 { float: right; margin: 16px 0 0 0;} /* MENU VERSION ANGLAISE --------------------------------------------------------------------------------------- */ #menu_en { height: 60px; width: 620px; margin: 0; padding: 43px 0 0 223px; } #menu1_en li { float: left; } #menu1_en li a { display: block; float: left; text-decoration:none;} #menu1_en li a span { visibility: hidden; } #menu1_en li .nav1 { width:120px; height:60px; background:url(../_images/menu/en_nav_off_02.png) no-repeat 0 0; } #menu1_en li .nav1_active { width:120px; height:60px; background:url(../_images/menu/en_nav_on_02.png) no-repeat 0 0; } #menu1_en li .nav1:hover { background:url(../_images/menu/en_nav_on_02.png) no-repeat 0 0; } #menu1_en li .nav2_active { width:96px; height:60px; background:url(../_images/menu/en_nav_on_03.png) no-repeat 0 0;} #menu1_en li .nav2 { width:96px; height:60px; background:url(../_images/menu/en_nav_off_03.png) no-repeat 0 0;} #menu1_en li .nav2:hover { background:url(../_images/menu/en_nav_on_03.png) no-repeat 0 0; } #menu1_en li .nav3 { width:125px; height:60px; background:url(../_images/menu/en_nav_off_04.png) no-repeat 0 0;} #menu1_en li .nav3_active { width:125px; height:60px; background:url(../_images/menu/en_nav_on_04.png) no-repeat 0 0;} #menu1_en li .nav3:hover { background:url(../_images/menu/en_nav_on_04.png) no-repeat 0 0; } #menu1_en li .nav4 { width:153px; height:60px; background:url(../_images/menu/en_nav_off_05.png) no-repeat 0 0;} #menu1_en li .nav4_active { width:153px; height:60px; background:url(../_images/menu/en_nav_on_05.png) no-repeat 0 0;} #menu1_en li .nav4:hover { background:url(../_images/menu/en_nav_on_05.png) no-repeat 0 0; } #menu1_en li .nav5 { width:79px; height:60px; background:url(../_images/menu/en_nav_off_06.png) no-repeat 0 0;} #menu1_en li .nav5_active { width:79px; height:60px; background:url(../_images/menu/en_nav_on_06.png) no-repeat 0 0;} #menu1_en li .nav5:hover { background:url(../_images/menu/en_nav_on_06.png) no-repeat 0 0; } #menu1_en li .nav6 { width:93px; height:60px; background:url(../_images/menu/en_nav_off_07.png) no-repeat 0 0;} #menu1_en li .nav6_active { width:93px; height:60px; background:url(../_images/menu/en_nav_on_07.png) no-repeat 0 0;} #menu1_en li .nav6:hover { background:url(../_images/menu/en_nav_on_07.png) no-repeat 0 0; } #menu2_en { float: right; margin: 16px 0 0 0;} /* MENU VERSION ESPAGNOL --------------------------------------------------------------------------------------- */ #menu_es { height: 60px; width: 620px; margin: 0; padding: 43px 0 0 223px; } #menu1_es li { float: left; } #menu1_es li a { display: block; float: left; text-decoration:none;} #menu1_es li a span { visibility: hidden; } #menu1_es li .nav1 { width:94px; height:60px; background:url(../_images/menu/es_nav_off_02.png) no-repeat 0 0; } #menu1_es li .nav1_active { width:94px; height:60px; background:url(../_images/menu/es_nav_on_02.png) no-repeat 0 0; } #menu1_es li .nav1:hover { background:url(../_images/menu/es_nav_on_02.png) no-repeat 0 0; } #menu1_es li .nav2_active { width:106px; height:60px; background:url(../_images/menu/es_nav_on_03.png) no-repeat 0 0;} #menu1_es li .nav2 { width:106px; height:60px; background:url(../_images/menu/es_nav_off_03.png) no-repeat 0 0;} #menu1_es li .nav2:hover { background:url(../_images/menu/es_nav_on_03.png) no-repeat 0 0; } #menu1_es li .nav3 { width:137px; height:60px; background:url(../_images/menu/es_nav_off_04.png) no-repeat 0 0;} #menu1_es li .nav3_active { width:137px; height:60px; background:url(../_images/menu/es_nav_on_04.png) no-repeat 0 0;} #menu1_es li .nav3:hover { background:url(../_images/menu/es_nav_on_04.png) no-repeat 0 0; } #menu1_es li .nav4 { width:147px; height:60px; background:url(../_images/menu/es_nav_off_05.png) no-repeat 0 0;} #menu1_es li .nav4_active { width:147px; height:60px; background:url(../_images/menu/es_nav_on_05.png) no-repeat 0 0;} #menu1_es li .nav4:hover { background:url(../_images/menu/es_nav_on_05.png) no-repeat 0 0; } #menu1_es li .nav5 { width:79px; height:60px; background:url(../_images/menu/es_nav_off_06.png) no-repeat 0 0;} #menu1_es li .nav5_active { width:79px; height:60px; background:url(../_images/menu/es_nav_on_06.png) no-repeat 0 0;} #menu1_es li .nav5:hover { background:url(../_images/menu/es_nav_on_06.png) no-repeat 0 0; } #menu1_es li .nav6 { width:103px; height:60px; background:url(../_images/menu/es_nav_off_07.png) no-repeat 0 0;} #menu1_es li .nav6_active { width:103px; height:60px; background:url(../_images/menu/es_nav_on_07.png) no-repeat 0 0;} #menu1_es li .nav6:hover { background:url(../_images/menu/es_nav_on_07.png) no-repeat 0 0; } #menu2_es { float: right; margin: 16px 0 0 0;} /* CONTENEUR CENTRAL --------------------------------------------------------------------------------------- */ #conteneur-central{width:920px; position:relative; } /* BIENVENUE --------------------------------------------------------------------------------------- */ #bienvenue { width: 593px; border: solid 0px blue; position: absolute; top: 115px; z-index:1; } #bienvenue_top { width: 593px; height:7px; background:url(../_images/bienvenue_top.png) no-repeat 0 0;} #bienvenue_bottom { width: 593px; height:7px; background:url(../_images/bienvenue_bottom.png) no-repeat 0 0; } #bienvenue_middle { width: 593px; height:490px; background:url(../_images/bienvenue_middle.png) repeat-y 0 0; padding: 25px 25px 25px 25px; } #bienvenue_middle p{ width: 525px; text-align: left; margin: 10px 0; line-height: 18px;} #bienvenue_middle ul li{ border: solid 1px #d4d3d2; color:#f08800; text-align:center; width:150px; float: left; background-color:#fff; padding: 0 0 4px 0; margin: 0 35px 0 0;} #bienvenue_middle ul li img{ display: block; margin: 8px auto 4px auto; } #bienvenue_middle #btn-decouvrez-chambres { padding: 0px 0 0 0; width:200px; display: block; clear: both;} .sep30 { width:1px; height:30px; clear:both;} /* ACTIVITES --------------------------------------------------------------------------------------- */ #activites { width: 294px; float: left; border: solid 0px red; position: absolute; top: 115px; right:20px;} #colonne_top { width: 294px; height:7px; background:url(../_images/colonne_top.png) no-repeat 0 0;} #colonne_bottom { width: 294px; height:7px; background:url(../_images/colonne_bottom.png) no-repeat 0 0; } #colonne_middle { width: 294px; height:490px; background:url(../_images/colonne_middle.png) repeat-y 0 0; padding: 10px 18px 18px 18px; } #colonne_middle p{ width: 245px; text-align: left; margin: 3px 0; line-height: 15px;} #colonne_middle #liste-activites li{ width: 245px; background:url(../_images/puce.png) no-repeat 0 4px; padding: 0 0 0 20px; height:25px; line-height:25px; } #colonne_middle #btn-decouvrez-activites { padding: 0 0 0 0; width:200px; display: block; clear: both;} /* CONTENU FULL --------------------------------------------------------------------------------------- */ #contenu { width: 903px; border: solid 0px blue; position: absolute; top: 115px; z-index:1; } #contenu_top { width: 903px; height:7px; background:url(../_images/contenu_top.png) no-repeat 0 0;} #contenu_bottom { width: 903px; height:7px; background:url(../_images/contenu_bottom.png) no-repeat 0 0; } #contenu_middle { width: 903px; height:490px; background:url(../_images/contenu_middle.png) repeat-y 0 0; padding: 25px 25px 25px 25px; } #contenu_middle h3{ width: 575px; text-align: left; margin: 10px 0; line-height: 18px; font-size:14px;} #contenu_middle p{ width: 575px; text-align: left; margin: 10px 0; line-height: 18px;} /* LE CADRE LISTE --------------------------------------------------------------------------------------- */ #cadre_carrousel li{ border: solid 1px #d4d3d2; color:#f08800; text-align:center; width:220px; float: left; background-color:#fff; padding: 0 0 4px 0; margin: 0 35px 0 0;} #cadre_carrousel li img{ display: block; margin: 8px auto 4px auto; } /* CHAMBRES LISTE --------------------------------------------------------------------------------------- */ #chambres_liste li{ border: solid 1px #d4d3d2; color:#f08800; text-align:center; width:351px; float: left; background-color:#fff; padding: 0 0 4px 0; margin: 0 25px 0 0;} #chambres_liste li img{ display: block; margin: 15px 0px 4px 0; } #chambres_liste p{ color:#000; width:320px; margin: 0 0 0 20px; font-size:11px;} #chambres_liste li a { float: left; } #chambres_liste li a img { margin: 8px 0px 4px 20px; } /* ALLEZ PLUS LOIN --------------------------------------------------------------------------------------- */ #allez_plus{ position: absolute; top:85px; right:50px; } #allez_plus_liste { margin: 10px 0 0 0;} #allez_plus_liste li{ background:url(../_images/puce.png) no-repeat 0 4px; padding: 0 0 0 20px; margin: 0 0 0 20px; height:25px; line-height:25px; } /* FOOTER FR --------------------------------------------------------------------------------------- */ #footer { height:131px; width:910px; border: solid 0px yellow; position:absolute; top:670px; background:url(../_images/bg-footer.png) no-repeat 0 0;} #footer ul { margin: 25px 0 0 250px;} #footer li { float: left; margin: 0 30px 0 0; } #footer li a { display:block; height: 30px; text-decoration: none;} #footer li a span { visibility: hidden; } #footer li .nav1 { width:78px; background:url(../_images/footer-plan-dacces.png) no-repeat 0 5px; } #footer li .nav1_active { } #footer li .nav1:hover { } #footer li .nav2 { width:109px; background:url(../_images/footer-mentions-legales.png) no-repeat 0 5px; } #footer li .nav3 { width:54px; background:url(../_images/footer-contact.png) no-repeat 0 5px; } #footer li .nav4 { width:87px; background:url(../_images/footer-creation-web.png) no-repeat 0 5px; } /* FOOTER EN --------------------------------------------------------------------------------------- */ #footer-en { height:131px; width:910px; border: solid 0px yellow; position:absolute; top:670px; background:url(../_images/bg-footer.png) no-repeat 0 0;} #footer-en ul { margin: 25px 0 0 350px;} #footer-en li { float: left; margin: 0 30px 0 0; } #footer-en li a { display:block; height: 30px; text-decoration: none;} #footer-en li a span { visibility: hidden; } #footer-en li .nav1 { width:78px; background:url(../_images/footer-access-map.png) no-repeat 0 5px; } #footer-en li .nav3 { width:54px; background:url(../_images/footer-contact.png) no-repeat 0 5px; } #footer-en li .nav4 { width:87px; background:url(../_images/footer-creation-web.png) no-repeat 0 5px; } /* FOOTER ES --------------------------------------------------------------------------------------- */ #footer-es { height:131px; width:910px; border: solid 0px yellow; position:absolute; top:670px; background:url(../_images/bg-footer.png) no-repeat 0 0;} #footer-es ul { margin: 25px 0 0 350px;} #footer-es li { float: left; margin: 0 30px 0 0; } #footer-es li a { display:block; height: 30px; text-decoration: none;} #footer-es li a span { visibility: hidden; } #footer-es li .nav1 { width:41px; background:url(../_images/footer-mapa.png) no-repeat 0 5px; } #footer-es li .nav3 { width:62px; background:url(../_images/footer-contacto.png) no-repeat 0 5px; } #footer-es li .nav4 { width:87px; background:url(../_images/footer-creation-web.png) no-repeat 0 5px; } /* FORMULAIRE --------------------------------------------------------------------------------------- */ fieldset label { clear:both; display:block; font-weight:bold; margin:10px 0 0; } fieldset input { background-color:white; color:#4A4336; width:300px;} fieldset textarea { background-color:white; color:#4A4336; width:300px;} span.nettoyeur { clear:both; }