/* Gabarit 2 colonnes du Front */ * { margin:0; padding:0; border: none; text-decoration: none } .preChargeIt { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; display: none; } body { padding: 0; font-family: Tahoma, Verdana, arial, Helvetica, Lucida, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 332px; height: 110px; display:block; text-indent: -999em; z-index: 5000; } h1 span.one { display: block; left: 342px; width: 610px; position:relative; top: 48px; font: bold 13px Tahoma; color: #1f1f1f ; text-align: left} h1 span.two { display: block; left: 388px; width: 610px; position:relative; top: 48px; font: bold 13px Tahoma; color: #1f1f1f; text-align: left } h2 { margin: 5px 0 10px 0px; padding: 0 0 0 25px; font: normal 17px Tahoma; color: #fff; text-align: center; } h3 { margin: 10px 0 10px 5px; font: normal 14px Tahoma; color: #acabab; text-align: left; } h4 { margin: 10px 0 10px 5px; font: normal 13px Tahoma; color: #acabab } h5 { margin: 10px 0 10px 5px; font: normal 12px Tahoma; color: #acabab } p { font: normal 11px/18px Tahoma; margin: 0 0 5px 0; text-align:left; color: #ece5d2 } input { padding: 0 0 0 3px; font: normal 11px Tahoma } textarea { padding: 4px; font: normal 11px Tahoma } select { font: normal 11px Tahoma } ul li { list-style: none; font: normal 11px/18px Tahoma; 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: #fff; text-decoration: underline; font: normal 11px Tahoma } a:hover { color: #fff; text-decoration: none } abbr { cursor: help; } .format { padding: 0 10px 10px 10px } .format ul { margin: 5px 0 6px 0px; padding: 0 0 0 0; } .format ul li { margin: 0 0 5px 0px; padding: 0 0 0 0px; text-align: left; color: #ece5d2 } .box ul { margin: 5px 0 6px 0px; padding: 0 0 0 0; } .box ul li, .box { margin: 0 0 5px 0px; padding: 0 0 0 0px; text-align: left; color: #ece5d2 } .adrFormat { padding: 6px 0 0 35px } .mentionsLegales { padding: 0 10px 10px 10px } p.ruche { position: absolute; right: 38px; top:128px; } .overlay_message{position:absolute; left: 50%; top: 50%; width: 910px; height: 320px; margin-top: -220px; margin-left: -470px; border: 1px solid #FFF;background-color: #000;opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;z-index : 9000;color:#FFF;font-size: 16px;text-align: center; padding:80px 10px 10px 10px; font-weight:bold; line-height:30px} .overlay_message span a{ position:absolute; color:#FF0000; font-weight:bold; font-size:16px; right:5px; top:5px; text-decoration:none; font-family:verdana} /* //////////////////// Page presentation */ p.roolOverPict2 { font: normal 9px arial; color: #d8d1cc; text-align: center; left: 720px; position:absolute; top: 163px; z-index:7000; text-align :right; } p.roolOverPict2 span { padding: 0 0 0 11px; background: url(../images/puce/loupe.gif) left 1px no-repeat; } ul.presnetationListe { left: 511px; position:absolute; top: 204px; z-index:7000; } ul.presnetationListe li { position: relative; top: 0px; left: 0px; z-index: 9000; } ul.presnetationListe li a { display: block; text-indent: -5000px; position: absolute; overflow: hidden; z-index: 6000; } ul.presnetationListe li a.couloir { height:87px; left: 303px; top: -50px; width:124px; } ul.presnetationListe li a.couloir:hover { } ul.presnetationListe li a.salle { height: 55px; left: 303px; top: 39px; width: 124px; } ul.presnetationListe li a.salle:hover { } ul.presnetationListe li a.toilettes { height: 88px; left: 306px; top: 96px; width: 128px; } ul.presnetationListe li a.toilettes:hover { } ul.presnetationListe li a.plantes { height: 65px; left: 306px; top: 186px; width: 128px; } ul.presnetationListe li a.plantes:hover { } ul.presnetationListe li a.cabinet { height: 78px; left: 306px; top: 253px; width: 133px; } ul.presnetationListe li a.cabinet:hover { } ul.presnetationListe li a.danse { height: 96px; left: 306px; top: 332px; width: 133px; } ul.presnetationListe li a.danse:hover { } /* //////////////////// Actualité HomePage */ /*h3.Actualit { width: 292px; height: 85px; margin: 0 auto; padding: 0 0 0 0; text-align: center; background: url(../images/illustr/actu.gif) left top no-repeat; text-indent: -5000px; position:relative; top: 0px; left: 4px; } */ h3.Actualit { width: 286px; height: 69px; margin: 0 auto; padding: 0 0 0 0; text-align: center; background: url(../images/illustr/actu2.gif) left top no-repeat; text-indent: -5000px; position:relative; top: 0px; left: 4px; } .actVisuCont { width: 267px; height: 88px; margin: 3px auto 0 auto; background: url(../images/fond/actVisuCont.gif) left top no-repeat; } .actVisuCont table { width: 267px; height: 80px; margin: 0; padding: 0 } .actVisuCont table td { vertical-align: middle; text-align: center; } p.roolOverPict { font: normal 9px arial; color: #999586; text-align: center } p.roolOverPict span { padding: 0 0 0 11px; background: url(../images/bt/loupe.gif) left 1px no-repeat; } .blLeft { float: left; width: 83px; height: 60px; padding: 0 0 0 10px; } .blLeft p { margin: 0 0 0 0px; padding: 0 0 0 0; line-height: normal } .blRight { float: left; width: 205px; padding: 0 0 0 4px; } .blRight p { color: #ffffff; text-align: justify } .desc { padding: 0 0 10px 0;} .clear_hr {width:260px; background:url(../images/illustr/craie.gif) no-repeat center bottom; height:4px; clear:both; line-height:0;} p.autres { position: absolute; bottom: 7px; left: 0px; text-align: center; } p.autres a { position:relative; top: 7px; left: 43px; } span.date { display: block; margin: 0 0 0 0px; padding: 0 0 0 0; font: normal 9px arial; color: gray ; text-align: left; } p.lire { text-align :right; } .craie { width: 264px; height: 20px; background: url(../images/illustr/craie.gif) center 0px no-repeat; } /* //////////////////// Conteneurs generaux */ #intro { width: 1000px; height: 100px } #main { width: 1000px; min-height: 786px; margin: 0 auto; padding:0; position:relative; } body#home { min-height: 806px; background: #423426 url(../images/fond/accueil_5.jpg) center top no-repeat } body#home div#tableauNoir { overflow:hidden } body#home h4 { font-weight:bold; color:#fff; font-size:12px; clear:both; } body#contact { min-height: 806px; background: #423426 url(../images/fond/contact.jpg) center top no-repeat } body#presentation { min-height: 806px; background: #423426 url(../images/fond/presentation.jpg) center top no-repeat } body#ecoresponsabilite { min-height: 806px; background: #423426 url(../images/fond/ecoresponsabilite.jpg) center top no-repeat } body#prestations { min-height: 806px; background: #423426 url(../images/fond/prestations.jpg) center top no-repeat } body#ilsetaientla { min-height: 806px; background: #423426 url(../images/fond/ilsetaientla.jpg) center top no-repeat } body#autresprojets { min-height: 806px; background: #423426 url(../images/fond/autresprojets.jpg) center top no-repeat } body#articles { min-height: 806px; background: #423426 url(../images/fond/prestations.jpg) center top no-repeat } body#article { min-height: 806px; background: #423426 url(../images/fond/prestations.jpg) center top no-repeat } body#mentions { min-height: 806px; background: #423426 url(../images/fond/accueil_3.jpg) center top no-repeat } body#devis { min-height: 806px; background: #423426 url(../images/fond/bgd_devis.jpg) center top no-repeat } body#agenda { min-height: 1190px; background: #423426 url(../images/fond/bgd_agenda.jpg) center top no-repeat } #tableauNoir { height: 373px; left: 510px; position: relative; top: 96px; width: 342px; z-index:4000 } body#presentation #tableauNoir, body#articles #tableauNoir, body#article #tableauNoir, body#ecoresponsabilite #tableauNoir, body#ilsetaientla #tableauNoir, body#autresprojets #tableauNoir, body#contact #tableauNoir, body#prestations #tableauNoir, body#mentions #tableauNoir { height: 368px; left:510px; position:relative; top: 96px; width: 325px; z-index:4000; } body#agenda #tableauNoir {width:970px; height: 690px; position: relative;top:92px; left: 14px; z-index: 4000; overflow:hidden;} body#devis #tableauNoir {width:700px; height: 450px; position: relative;top:92px; left: 152px; z-index: 4000; } /* Slider javascript Fake scroll */ div#insidemove { padding-right:40px;} div#mousemove { overflow: hidden; height: 323px; padding:0 0 0 24pt;width:306px; } /* //////////////////// Menu top */ #menu-top { position: absolute; top: 112px; left: 0px; } #menu-top ul { } #menu-top ul li { float: left; } #menu-top ul li a { display: block; position: absolute; overflow: hidden; text-indent: -5000px; background: url(../images/fond/null.gif) repeat; } #menu-top ul li a.acc { width: 162px; height: 62px; top: 0px; left: 0px; } #menu-top ul li a.so { height:38px; left: 164px; top:0px; width:132px; } #menu-top ul li a.par { height:45px; left: 251px;top:42px; width:212px; } #menu-top ul li a.ref { height:70px; left: 475px; top:0px; width:129px; } #menu-top ul li a.agenda { height:106px; left:130px; top:436px; width:116px; } #menu-top ul li a.bar { height: 44px; left: 34px; top: 398px; width: 242px;} #menu-top ul li a.devis { height:43px; left:269px; top:488px; width:220px; } #menu-top ul li a.act { height:50px; left: 431px; top:518px; width:186px; } #menu-top ul li a.pro { height:42px; left:612px; top:479px; width:217px;} #menu-top ul li a.con { height:42px; left:846px; top:526px; width:143px; } /* //////////////////// Footer */ #outro { width: 1000px; clear: both; position: relative; top: 204px; left: 0px; } #outro p { color: #89611c; font: normal 11px arial; text-align: center; padding: 16px 0 0 0 } #outro p a { color: #89611c; font: normal 11px arial; text-decoration: none } #outro p a:hover { text-decoration: underline } #outro2 { width: 987px; position:relative; top: 6px; left: 0px; margin: 0 auto; padding: 4px 0 12px 0; clear: both } #outro2 p { color: #93704a; font: normal 11px/16px arial; text-align: center; padding: 16px 0 0 0 } #outro2 p a { color: #93704a; font: normal 11px/16px arial; text-decoration: underline } #outro2 p a:hover { text-decoration: none } /* //////////////////// Formulaires */ form.formatform { width: 450px; margin: 30px auto 15px auto; padding: 15px; } form.formatform h3 { margin: 0 0 14px 0px; } form.formatform label.lbleft { float: left; width: 140px; font: bold 11px Tahoma; color: #7d7d7d; } form.formatform input { border: 1px solid #7cc8db; } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform .lbleftCopie { width: auto; float: left; font: normal 11px Tahoma; color: #e4dec9; padding: 0 0 0 12px } #contactform { } #contactform { width: 307px; margin: 30px 0 15px 0 } #contactform p { margin: 0 0 7px 0; padding: 0; } #contactform { margin: 0 0 5px 0px; padding: 0 0 0 0; } #contactform h3 { margin: 0 0 16px 0px; } #contactform label.lbleft { float: left; width: 110px; font: normal 11px Tahoma; color: #e4dec9; padding: 0 0 0 12px; } #contactform input.ch { width: 166px; border: none; background-color: #fff; color: #1c1c1c; } #contactform select { border: 1px solid #7cc8db; } #contactform textarea { height: 65px; left: 10px; position: relative; width: 276px; } #contactform p.centerbut { float: left; margin: 0 0 10px 97px; text-align: center; } .conformement { } .conformement #hiden { display: none; } .showMe #hiden { display: block } #contactform p#conforContact { float: left; margin: 0px 0 10px 30px; } p#coordonnesContact { margin: 2px 0 25px 15px } /* .hideMe .hiden { display: block } .showMe .hiden { display: block; width: 320px; height: 81px; position: absolute; top: 20px; left: 0px; border: 1px solid #f68409; width: 100px; } */ /* //////////////////////////////////////// TIPS fiche produit */ .tool-tip { width: 195px; background-color: #3c413b; color: #fff; padding: 4px 5px; border: 1px solid #000; } .tool-title { } .tool-text { } /* //////////////////// General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .kill { display: none } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 5px auto 10px auto; text-align: center; font: normal 10px Tahoma; color: #e5e5e5 } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .small { font: normal 10px arial; } .indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } .aucun { text-align: center; padding: 55px 0 0 0; } /* //////////////////// Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; } /* ------------------------------- */ div.bl-s { width: 172px; background: url(../images/fond/bl-s.gif) left top repeat-y; } div.bl-bot { background: url(../images/fond/bl-bot.gif) left bottom no-repeat; } div.bl-top { padding: 37px 0px 10px 0px; background: url(../images/fond/bl-top.gif) left top no-repeat; } /* ///////////////////////////////// Page Mentions */ div.mention-top { border: 1px solid #f68409; } div.mention-top h3 { margin: 0 0 10px 0; padding: 28px 0pt 0pt 9px; text-align: left; font: bold 14px verdana; } div.mention-top p { padding: 0 0 0 10px; } .conformement { margin: 7px 0 10px 0; font: normal 9px Tahoma } .conformement2 { margin: 7px 0 10px 0; font: normal 9px Tahoma } .mentionsLegales h3 { margin: 0 0 5px 0px; padding: 0 0 0 0; text-align: left; } /* //////////////////// Newsletter */ div.newsletter { position:absolute; top:655px; left:136px; } div.newsletter label { position:absolute; top:0px; line-height:20px; height:20px;} div.newsletter input { position:relative; left:64px;} div#newsletter { padding:0 10px; } div#newsletter label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:54px; } div#newsletter ul.radio li { margin:5px 7px; } div#newsletter ul.radio label { color:#fff; font-weight:bold;} .flash{ position:absolute; left:300px; top:300px; background-color: #663300; padding:15px; border:3px solid #993300;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; z-index:10000} .flash li{ color:#fff; font-weight:bold} /*//////////////////// agenda.html*/ body#agenda #main {min-height:1088px;} body#agenda #outro {top:177px;} body#agenda div.newsletter {top: 945px;} body#agenda #menu-top ul li a.act {top:808px;} body#agenda #menu-top ul li a.pro{top:769px;} body#agenda #menu-top ul li a.con {top:816px;} body#agenda #main_contener {width: 970px; padding: 0 0 0 5px;} /*/////////////////// devis.html */ body#devis #main {min-height:785px;} body#devis #outro {top:177px;} body#devis div.newsletter {top: 705px;} body#devis #menu-top ul li a.act {top:568px;} body#devis #menu-top ul li a.pro{top:529px;} body#devis #menu-top ul li a.con {top:576px;} body#devis #tableauNoir .formatform {width: 700px; padding: 0; margin: 0;} body#devis #tableauNoir .formatform input, body#devis #tableauNoir .formatform select {border: none; width: 150px;} body#devis #tableauNoir .formatform textarea {width: 333px;} body#devis #tableauNoir .formatform input.valid {border: none; width: 124px;} body#devis #tableauNoir .formatform #nb_places {display; block;} body#devis #tableauNoir .denied{ text-align: left; width: 350px; background: black; margin: 0 auto; padding: 10px; position: absolute; /*top : -30px*/ bottom: 355px; left: 335px;} .btn-add-date {background: url(../images/puce/puce_add-date.gif) top left no-repeat; padding: 15px 0 0 30px;} #div_horraire .cls_horraire {color: white; clear: both;} #div_horraire .cls_horraire a {text-decoration: none; display: inline-block; float:left;} #div_horraire .cls_horraire a img {float: left;} #div_horraire .cls_horraire span {padding: 8px 0 0 0; float:left;}