* { margin:0; padding:0; } body { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; background: url(images/body_fond.gif) repeat-x scroll 0 0; color: #7d828a; text-align:justify; } img { border:0; } ul { list-style: none; } a, a:visited { color: #26b8e9; text-decoration: none; } a:hover { color: #068ab7; text-decoration: none; } a.footer, a.footer:visited { color: #068ab7; text-decoration: none; } a.footer:hover { color: #fffffff; text-decoration: none; } h2 { margin:10px 0 0 0; font-size:12px; } p { margin: 10px 0; text-align:justify; } p.txt { margin: 0 5px; text-align:justify;} p.center { margin: 0 5px; text-align:center;} #document { width: 1000px; margin:0 auto; background: url(images/document_fond.png) repeat-y 0 0; } #header { height: 312px; position: relative; padding:9px 12px 0 12px; z-index:3; } #content { padding:0 12px; overflow: hidden; zoom:1; } #colCentrale { float: left; width: 700px; } #colDroite { float: right; width: 268px; } #footer { margin:10px 0 0 0; } img.border { border:1px solid #26b8e9; margin-right:10px; } img.borderb { border:1px solid #26b8e9; } /* Entete */ #logo { position: absolute; top:20px; left:20px; width: 172px; height: 91px; z-index:4; } #logo h1 { text-indent: -999px; } #slogan { position: absolute; top:35px; left:400px; width: 576px; height: 35px; z-index:4; } #slogan h2 { text-indent: -999px; } /*#flashEntete { height: 275px; background: url(images/flash_fond.jpg) no-repeat 0 0; }*/ #flashEntete { height: 275px;} #langue { position: absolute; top:294px; right:20px; z-index:10; } /***********/ /* Contenu */ /***********/ #contentHaut { overflow: hidden; zoom:1; } #contentHaut p { margin:2px 5px 5px 5px; } #contentHaut ul { margin:15px 5px 0px 5px; } #blocSki { position:relative; float:left; width:245px; height:260px; border:1px solid #000;} h2#ski { position : absolute; background:url(images/ski.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:245px; height:26px; font-size:10px; } #blocSnowboard { position:relative; float:left; width:245px; height:260px; border:1px solid #000; margin:0 0 0 10px; } h2#snowboard { position : absolute; background:url(images/snowboard.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:245px; height:26px; font-size:10px; } #blocRando { position:relative; float:left; width:180px; height:260px; border:1px solid #000; margin:0 0 0 10px; } h2#randonnee { position : absolute; background:url(images/randonnee.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:180px; height:26px; font-size:1px; } #container1 { position:relative; z-index:1;} #rotator { position:relative; z-index:1;} h2#ecole { background:url(images/h2_ecole.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; } h2#dernieresSorties { background:url(images/h2_dernieresSorties.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; } /* Horizontal Carousel */ #horizontal_carousel { float:left; width:700px; height:155px; margin:3px 0; position:relative; } #horizontal_carousel .container { float:left; width:660px; height:155px; position:relative; overflow:hidden; } #horizontal_carousel ul { margin:0; padding:0; width:100000px; position:relative; top:0; left:0; height:240px; } #horizontal_carousel ul li { width: 132px; height:150px; text-align:center; list-style:none; float:left; } #horizontal_carousel ul li img { border:1px solid #646c7c; display:block; margin:0 0 10px 0; } #horizontal_carousel .previous_button { position: relative; top:39px; float:left; width:20px; height:75px; background: url(images/left.png); z-index: 100; cursor: pointer; } #horizontal_carousel .previous_button_over { background:url(images/left_over.png); } #horizontal_carousel .previous_button_disabled { background:url(images/left_disabled.png); cursor: default; } #horizontal_carousel .next_button { position: relative; top:39px; float:left; width:20px; height:75px; background: url(images/right.png); z-index: 100; cursor: pointer; } #horizontal_carousel .next_button_over { background:url(images/right_over.png); } #horizontal_carousel .next_button_disabled { background:url(images/right_disabled.png); cursor:default; } /* Actu */ #blocActu { border-width:1px 1px 0 1px; border-style:solid; border-color:#8b919e; height:260px; } #blocActu h2 { background: url(images/h2_actualite.gif) no-repeat 0 0; text-indent:-999px; margin:0; height:25px; font-size:12px; } #blocActu p { margin:0 5px; line-height:14px; overflow:hidden; } #blocActu a { margin:0 5px; font-weight:bold; } #blocActuBas { background: url(images/bas_actualite.gif) no-repeat 0 0; height:31px; } h1.actu { margin:0 5px; color:#26b8e9; font-size:12px; } h1.titre { margin:0 5px; color:#26b8e9; font-size:14px; } h2.titre { margin:0 5px; color:#26b8e9; font-size:14px; } h1.vtt { margin:0 5px; color:#7d828a; font-size:14px; } /* Idées Cadeaux */ #blocIdeesCadeaux { border-width:0px 1px 1px 1px; border-style:solid; border-color: #ce2f26; } #blocIdeesCadeaux p { margin:0; padding:5px 5px 0 2px; line-height:14px; overflow: hidden; zoom:1; } #blocIdeesCadeaux p img { border:0px solid #ce2f26; display:block; margin:-5px 5px 5px 0; } #blocIdeesCadeaux a { margin:0 5px; color: #ce2f26; font-weight: bold; } h2#ideesCadeaux { margin:-20px 0 0 0; background: url(images/h2_ideesCadeaux.gif) no-repeat 0 0; text-indent:-999px; height:53px; font-size:12px; } /* Acces Pistes */ #accesPistes { margin:10px 0 10px 0; border-width:1px 1px 0 1px; border-style:solid; border-color: #8b919e; } #accesPistes h2 { background:url(images/h2_accesPistes.gif) no-repeat 0 0; text-indent: -999px; margin:0; height:29px; font-size:12px; } #accesPistes a { font-weight:bold; background:#69CEF0; color:#FFF; display:block; text-align:center; } /* Footer */ #motsCles { margin:0px 10px; padding:3px 5px; background:#69cef0; border:1px solid #d3d1d1; text-align:center; } #motsCles ul { margin:0 auto; width:930px; overflow:hidden; zoom:1; } #motsCles ul li { float: left; color:#068ab7; font-weight: bold; } #footerBas { overflow:hidden; zoom:1; color:#7d828a; } #footerGauche { float:left; margin:10px 0 10px 10px; } #footerDroite { float:right; margin:10px 10px 10px 0; } /* Fancy Zoom */ #large_box {width:800; height:600;} /****************/ /* Formulaire */ /****************/ input.inputtxt { background-color: transparent; width:300px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;} select.selecttxt { background-color: transparent; width:70px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;} .textareatxt { background-color: transparent; width:805px; height:135px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;} input.retour { background-color: transparent; width:70px; height:19px; border: 1px solid #26b8e9; color: #26b8e9; font-family: century Gothic, sans-serif; font-size: 11px; text-align: center; cursor:pointer;} input.buttonpaiement { background-color: transparent; width:110px; height:19px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 11px; text-align: center; cursor:pointer;} input.buttontxt { background-color: transparent; width:80px; border: 1px solid #26b8e9; color: #26b8e9; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center; cursor:pointer; font-weight:bold;} input.buttontxtvoyant { background-color: #ee7f01; width:160px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center; cursor:pointer; font-weight:bold;}