/* Home et index de Energy trip */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: #ffffff url(../images/fond/f-body.gif) center top no-repeat} h1 a#backToHome { position: absolute; top: 100px; left: 0; top: 0; width: 160px; height: 101px; display:block; text-indent: -999em} h2 { margin: 0px 0 20px 20px; padding: 15px 0 0 15px; font: normal 18px "Trebuchet MS"; color: #1c5273; } h3 { margin: 15px 0 10px 20px; font: normal 18px "Trebuchet MS"; color: #1c5273} h4 { margin: 15px 0 10px 20px; font: normal 17px "Trebuchet MS"; color: #1c5273 } h5 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #1c5273} p { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left } p.centerNoResult { text-align: center; margin: 15px 0 } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial; border: 1px solid #7f9db9; background-color: #8dcfee ; } select { font: normal 11px arial; border: 1px solid #7f9db9; background-color: #8dcfee ; } ul li { list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } a img { border: none; text-decoration: none } a { /*color: #1d6383;*/ color: #000; text-decoration: underline; font: normal 11px arial } a:hover { /*color: #1d6383;*/ color: #000; text-decoration: underline } abbr { cursor: help; } .format { padding: 0 20px; } .adresse { padding-right: 17px; text-align :right; position:relative; top: -25px; left: 0px; } /* Lightbos Homepage */ #cont-lightbox-home { } #cont-lightbox-home p { padding: 0 13px } a.button-fermer { position:relative; top: 15px; left: 0px; } /* Conteneurs generaux */ #main { position: relative; width: 982px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.jpg) left top repeat-y } #intro { width:982px; height: 332px; background: url(../images/fond/header3.gif) left top no-repeat } #content { margin: 0; padding: 0 0 0px 0; border-bottom: 1px solid #586a72; background: #277193 url(../images/fond/f-content.gif) left top no-repeat; } #flash { position: absolute; top: 71px; left: 160px; } /* menu-principal */ #menu-principal { position: absolute; top: 305px; left: 2px; } /* HOME */ table#home { width: 982px; height: 432px; background: url(../images/fond/f-hometable.gif) left top no-repeat; } table#home td.one { width: 804px; } table#home td.one img#rollOver {z-index: 400; margin-left: 93px;margin-top: 51px; } table#home td.two { padding: 15px 0 0 0; } table#home td.two h3 { margin: 0 0 0 7px; padding: 0 0 0 0; } table#home td.two p.button { margin: 10px 0 0 0; padding: 0 ; text-align: center; position:relative; top: 0px; left: -3px; } /* */ table#home td.two p.paraActu { margin: 33px 0 8px 10px; position:relative; top: 0px; left: -9px; } table#home td.two p.paraActu a.actu-but { display: block; width: 162px; height: 45px; margin: 0 auto; background: url(../images/bt/button-actu.gif) 3px top no-repeat; text-indent: -5000px; } table#home td.two p.paraActu a.actu-but:hover { display: block; width: 162px; height: 45px; margin: 0 auto; background: url(../images/bt/button-actu2.gif) 3px top no-repeat; text-indent: -5000px; } table#home td.two p.button a.reve { display: block; width: 160px; height: 45px; background: url(../images/titre/reves.gif) 7px top no-repeat; text-indent: -5000px; } table#home td.two p.button a.reve:hover { display: block; width: 160px; height: 45px; background: url(../images/titre/reves2.gif) 7px top no-repeat; text-indent: -5000px; } table#home td.two p.button a.connaitre { display: block; width: 162px; height: 45px; margin: 0 auto; background: url(../images/bt/connaitre3.gif) left top no-repeat; text-indent: -5000px; } table#home td.two p.button a.connaitre:hover { display: block; width: 162px; height: 45px; margin: 0 auto; background: url(../images/bt/connaitre4.gif) left top no-repeat; text-indent: -5000px; } table#home td.two p.button a.comprendre { display: block; width: 162px; height: 46px; margin: 0 auto; background: url(../images/bt/comprendre.gif) left top no-repeat; text-indent: -5000px; } table#home td.two p.button a.comprendre:hover { display: block; width: 162px; height: 46px; margin: 0 auto; background: url(../images/bt/comprendre2.gif) left top no-repeat; text-indent: -5000px; } /* */ table#home td.two div#voyage { width: 157px; padding: 28px 0 0 0; margin: 0 auto; background: #71c1e6 url(../images/fond/voyage.gif) left top no-repeat; } table#home td.two div#voyage p.img { margin: 0 0 0 0px; padding: 0; text-align: center; } table#home td.two p.desc { margin: 3px 0 0 0px; padding: 0 10px ; color: #1d607f } table#home td.two p.prize { margin: 3px 10px 0 10px; text-align :right; font-weight: bold; background: url(../images/fond/bg_prize.gif) left 3px repeat-x; color: #1d607f } table#home td.two p.prize span { padding: 0 4px; background-color: #92c3da ; color: #1d607f } table#home td.two div#decouvrir { width: 157px; padding: 28px 0 0 0; margin: 0 auto; background: #71c1e6 url(../images/fond/decouvrir.gif) left top no-repeat; } table#home td.two div#decouvrir p.img { margin: 0px; padding: 0 } table#home td.two div#promo { width: 157px; padding: 28px 0 0 0; margin: 0 auto; background: #71c1e6 url(../images/titre/promo.gif) left top no-repeat; } table#home td.two div#promo p.img { margin: 0 0 0 0px; padding: 0; text-align: center; } /* RechercheForm */ #rechercheForm { width: 157px; position: absolute; top: 146px; left: 1px; } #rechercheForm h3 { margin: 0 0 0 0px; padding: 0 0 0 0; } #rechercheForm form { height: 120px; background-color: #52b4e1 ; padding: 4px 0 5px 0; } #rechercheForm p select { width: 147px; border: 1px solid #7f9db9; background-color: #8dcfee ; font: normal 11px arial; } #rechercheForm input.searchInput { width: 90px; height: 16px; border: 1px solid #c1e5f7; background-color: #8ccfee ; color: #ffffff; font: normal 11px arial; position:relative; top: -6px; left: 0px; } #rechercheForm p { padding: 0 4px; } #rechercheForm p.validPara { } #rechercheForm p label.dn { display: none; } /* EspacePerso */ div#espacePerso { width: 169px; padding: 3px 0 0 6px; position: absolute; right: 0px; top: 90px; } div#espacePerso label { display: none; } div#espacePerso h3 { margin: 0 0 0 0px; padding: 0 0 0 0; } div#espacePerso input.ch { width: 110px; height: 16px; background-color: #8dcfee; border: 1px solid #69badf; color: #ffffff; } div#espacePerso p.centerbut { margin: 0 0 0 0px; padding: 0 0 0 0; text-align: left; } div#espacePerso p.link { padding: 0 0 0 5px; font: normal 11px arial; } div#espacePerso p.link a { color: #1d6383; text-decoration: underline; } div#espacePerso h3#nLetterH3 { margin: 12px 0 0 0 } form#newsletter { width: 157px; height: 50px; background-color: #71c1e6; } form#newsletter p { margin: 0 auto; padding: 5px 5px 0 5px; } form#newsletter input.ch { border: 1px solid #c1e5f7; background-color: #8ccfee ; color: #ffffff; } form#newsletter p.envoyer { padding: 4px 0 0 0; } div#menu-logged { } div#menu-logged p#bonjour { margin: 5px 0 0 0px; color: #1d607f; } div#menu-logged p#bonjour span { font-weight: bold; } div#menu-logged ul { margin: 4px 19px 15px 0px; } div#menu-logged ul li { margin: 0 0 5px 0px; padding: 0 0 0 0; text-align :right; } div#menu-logged ul li a { color: #ffffff; } div#nLetter { position: absolute; right:12px; top:124px; } /* Lang */ ul#lang { position: absolute; top: 311px; right: 5px; } ul#lang li { float: left; margin: 0 5px; padding: 0 } /* Footer */ #outro { width: 982px; height: 57px; background: url(../images/fond/footer.jpg) no-repeat; clear: both } #outro p { color: #000; text-align: center; padding: 16px 0 0 0 } #outro p a { color: #000; text-decoration: none } #outro p a:hover { text-decoration: underline } /* General styles */ .lbleft { float: left; width: 140px } .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .clear { clear:both; visibility: hidden; height: 0 } .kill { display: none } .fleft { float: left } .fright { float: right } .center { text-align: center } .clear { clear:both; visibility: hidden } .noborder { border: none } .bita { margin: 15px auto 20px auto; text-align: center; font: bold italic 12px arial; color: #000 } .bita2 { margin: 5px auto 5px auto; text-align: right; font: bold italic 1&px arial; color: #277193 } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button { text-align: center; margin: 15px 0 10px 0; clear: both } form.formatform .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } /* Messages d erreurs */ .denied { width: 420px; margin: 10px auto; padding: 10px 5px; color: #1D607F; border: 1px solid #71d1e6 } .denied ul li, .denied li { margin: 0 0 3px 0; padding: 0 25px 0 17px; font: bold 12px arial; background: url(../images/puce/puce_boule.gif) left 0px no-repeat; } /* Formulaires */ /* Page Forget */ form.formatform { width: 558px; margin: 20px auto 35px auto; padding: 10px 15px; background-color: #a6d8f0; border: 1px solid #89c6e3; position:relative; top: 0px; left: 0px; } form.formatform p { margin: 5px 10px 8px 80px } form.formatform input { border: 1px solid #69badf; background-color: #8dcfee; padding: 0 0 0 2px } form.formatform label { width: 234px; font: normal 11px verdana; color: #174968 } form.formatform select {border: 1px solid #7F9DB9 } form.formatform textarea { width: 95%; margin: 6px auto 0 auto; border: 1px solid #69badf; display: block } form.formatform input#validForgot { position:relative; top: 5px; left: 10px; } #loginForm h3 { margin: 15px 0 15px 20px; } /* Page Register */ form.contactform { width: 718px; margin: 20px auto 35px auto; padding: 10px 15px; background-color: #a6d8f0; border: 1px solid #89c6e3; position:relative; top: 0px; left: 0px; } form.contactform p { margin: 5px 10px 8px 10px } form.contactform select { border: 1px solid #69badf; background-color: #8dcfee; } form.contactform input { border: 1px solid #69badf; background-color: #8dcfee; padding: 0 0 0 2px } form.contactform label { width: 234px; font: normal 11px verdana; color: #174968 } form.contactform textarea { width: 95%; margin: 6px auto 0 auto; border: 1px solid #cfcfcf; display: block } .conformement { margin: 0 auto; font: normal 10px arial; width: 85% } form.contactform .zone1 { float: left; } form.contactform .zone2 { float: left; margin: 0 0 0 10px; } form.contactform .zone2 label { width: 155px; } form.contactform .zone3 { clear: both; } form.contactform .zone3 h4 { font: bold 12px arial; padding: 12px 0 10px 15px } form.contactform p.centerbut { margin: 15px 0 10px 0px; } /* Page poser une question */ form.questionform { width: 475px; margin: 20px auto 0px auto; padding: 10px 15px; background-color: #a6d8f0; border: 1px solid #89c6e3; position:relative; top: 0px; left: 0px; } form.questionform p { margin: 5px 10px 8px 10px } form.questionform select { border: 1px solid #69badf; background-color: #8dcfee; } form.questionform input { border: 1px solid #69badf; background-color: #8dcfee; padding: 0 0 0 2px } form.questionform label { width: 234px; font: normal 11px verdana; color: #174968; position:relative; top: 0px; left: 6px; } form.questionform textarea { width: 95%; height: 100px; margin: 6px auto 0 auto; border: 1px solid #cfcfcf; display: block } /* Page contact */ .contactForm { width: 640px; margin: 20px auto 35px auto; padding: 10px 15px; background-color: #a6d8f0; border: 1px solid #89c6e3 } form.contactForm .zone1 { float: left; margin: 16px 20px 0 0; } form.contactForm .zone1 p { margin: 0 0 12px 0 } form.contactForm .zone1 p input.ch { width: 120px; border: 1px solid #69badf; background-color: #8dcfee; padding: 0 0 0 2px } form.contactForm .zone1 label.lbleft { display: block; float: left; width: 120px; color: #174968 } form.contactForm .zone2 { float: left; } form.contactForm .zone2 label { text-align: left; color: #174968 } form.contactForm .zone2 textarea { height: 100px; border: 1px solid #69badf; background-color: #8dcfee; padding: 0 0 0 2px } form.contactForm .zone2 label.lbleft { display: block; float: left; width: 120px; } p.conformement { font: normal 10px arial; width: 100% } label#recevoirCopie { width: 231px; float: left; } .centerbut { text-align: center; margin: 15px 0 10px 0 } #content .centerbut input { border:none; background: none; margin: 0 10px; } /* Page Newsletter */ form.nLetterform { width: 580px; margin: 20px auto 35px auto; padding: 10px 15px; background-color: #a6d8f0; border: 1px solid #89c6e3 } form.nLetterform .zone1 { float: left; margin: 16px 20px 0 70px; } form.nLetterform .zone1 p { margin: 0 0 12px 0 } form.nLetterform .zone1 p input.ch { width: 120px; border: 1px solid #69badf; background-color: #8dcfee; padding: 0 0 0 2px } form.nLetterform .zone1 label.lbleft { display: block; float: left; width: 85px; color: #174968 } form.nLetterform .zone2 { float: left; } form.nLetterform .zone2 ul { margin: 32px 0 0 0px; } form.nLetterform .zone2 ul li input { margin: 0px 6px 0 0px; position:relative; top: 2px; left: 0px; } p.conformement { font: normal 10px arial; width: 100% } label#recevoirCopie { width: 231px; float: left; } .centerbut { text-align: center; margin: 15px 0 10px 0 } #content .centerbut input { border:none; background: none; }