/* CSS du Front Presto Deco */ * { 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-color: #fff } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 300px; height: 100px; display:block; text-indent: -999em } h2 { margin: 5px 0 20px 20px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #583815; background: url(../images/fond/f-h2.jpg) left 3px no-repeat; } h3 { margin: 15px 0 10px 5px; font: normal 18px "Trebuchet MS"; color: #583815 } h4 { margin: 15px 0 10px 20px; font: normal 17px "Trebuchet MS"; color: #583815 } h5 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #583815 } p { font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } 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/p.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: #63390b; text-decoration: underline; font: normal 11px arial } a:hover { color: #63390b; text-decoration: underline } abbr { cursor: help; } .format { padding: 0 74px; margin: 0 0 20px 0px; } #totoRight { display: block; min-width: 150px; height: 126px; padding: 0 0 0 0; background: url(../images/fond/totoRight.gif) right top no-repeat; color: #000 } #totoLeft { display: block; height: 126px; background: url(../images/fond/totoLeft.gif) left top no-repeat; color: #000 } /* - - - - - - - Fiche Produits - - - - - - - */ .formatFiche { padding: 20px 0 115px 70px; background: url(../images/fond/f-prod.gif) left bottom no-repeat; overflow: auto; } .visu { float: left; position:relative; top: 4px; left: 0px; } .tabber { float: left; padding: 0 0 0 10px; } .tabber h2 { margin: 0 0 10px 0; padding: 0; width: 450px; } .spreadTabber { width: 469px; margin: 0 0 53px 0px; background: url(../images/fond/spreadTabber.gif) left top repeat-y; } .tabberBot { clear: both; width: 469px; min-height: 220px; padding: 20px 0 30px 0; background: url(../images/fond/tabberBot.gif) left bottom no-repeat; } .tabberBot ul.describe { margin: 12px 0 10px 25px; } .tabberBot ul.describe li { margin: 0 0 7px 0px; padding: 0 0 0 20px; background: url(../images/fond/puce.gif) left top no-repeat; color: #8d6b46 } #dimensions ul { margin: 12px 0 10px 25px; } #dimensions ul li{ margin: 0 0 7px 0px; padding: 0 0 0 20px; background: url(../images/fond/puce.gif) left top no-repeat; color: #8d6b46 } #dimensions table { width: 345px; margin: 10px auto 10px auto } #dimensions table tr.insideTR { background: url(../images/fond/f-td.gif) left bottom no-repeat; } #dimensions table tr.insideTR td.td2 { background: url(../images/fond/f-td2.gif) right bottom no-repeat; } #dimensions table td { padding: 8px 13px 8px 25px; color: #8D6B46 } #dimensions table .theadd { background: url(../images/fond/f-thead.gif) left bottom no-repeat; } #dimensions table .theadd2 { background: url(../images/fond/f-thead2.gif) right bottom no-repeat; } #dimensions table thead th{ height: 46px; margin: 0px 0 10px 25px; padding: 10px 7px 0px 12px; color: #583815; font: bold 12px arial; } /* */ .tabberBot table.imgListe { width: 428px; margin: 0 0 10px 25px } .tabberBot table.imgListe td { width: 133px; padding: 0 0 20px 0; vertical-align: middle ; text-align: center; color: #8D6B46 } .tabberBot table.imgListe a { text-decoration: none; } .tabberBot table.imgListe img { border: 1px solid #c1a991; margin: 0 0 4px 0px; } /* */ ul.tab-menu { } ul.tab-menu li { float: left; margin: 0; padding: 0; } ul.tab-menu li a { display: block; text-indent: -5000px; overflow: hidden } ul.tab-menu li.car a { width: 158px; height: 32px; background: url(../images/menu/car.gif) left top no-repeat; } ul.tab-menu li.car2 a { width: 158px; height: 32px; background: url(../images/menu/car22.gif) left top no-repeat; } ul.tab-menu li.dim a { width: 152px; height: 32px; background: url(../images/menu/dim.gif) left top no-repeat; } ul.tab-menu li.dim2 a { width: 152px; height: 32px; background: url(../images/menu/dim_on.gif) left top no-repeat; } ul.tab-menu li.fin a { width: 159px; height: 32px; background: url(../images/menu/fin.gif) left top no-repeat; } ul.tab-menu li.fin2 a { width: 159px; height: 32px; background: url(../images/menu/fin_on.gif) left top no-repeat; } /* Page video */ .formatVideo { margin: 30px 0 0 0px; height: 459px; padding: 0px 0 15px 0px; background: url(../images/fond/f-video.gif) left top no-repeat; overflow: auto; } h2#demoH2 { margin: 0 0 28px 85px; } .formatVideo #flash { width: 457px; height:385px; position:relative; top: 21px; left: 280px; } /* Page mode demploi */ .formatModeEmploi { background: url(../images/fond/f- cata.gif) left top no-repeat; } .formatModeEmploi ul.menuModeEmploi { float: left; margin: 10px 0 15px 61px; } .formatModeEmploi ul.menuModeEmploi { margin: 10px 0 15px 61px; } .formatModeEmploi ul.menuModeEmploi li { margin: 0; padding: 0; } .formatModeEmploi ul.menuModeEmploi li a { display: block; overflow: hidden; text-indent: -5000px; } #colRightModeEmploi { float: left; width: 590px; padding: 0 45px } #colRightModeEmploi h2 { margin: 15px 0 20px 20px; } #colRightModeEmploi h3 { } .visuFloat { float: right; margin: 0 0 0 30px } .visuFloatL { float: left; margin: 0 20px 0 0px; } .decaleFirstPara { position:relative; top: 15px; left: 0px; } p.decale { position:relative; top: 48px; left: 0px; } p.decale3 { position:relative; top: 68px; left: 0px; } /* - - - - - - - Produits Liste - - - - - - - */ .formatProduits { background: url(../images/fond/f-cata.gif) left top no-repeat; } .formatProduits ul { margin: 10px 0 15px 61px } .formatProduits ul li { margin: 0; padding: 0 } .formatProduits ul li a { display: block; overflow: hidden; text-indent: -5000px } .illico { width: 229px; height: 158px; background: url(../images/illustr/illicoo222.gif) left top no-repeat; } .illicoGray { width: 229px; height: 158px; background: url(../images/illustr/illicoo2222.gif) left top no-repeat; } .illicoGray:hover { width: 229px; height: 158px; background: url(../images/illustr/illicoo.gif) left top no-repeat; } .illico3 { width: 229px; height: 158px; background: url(../images/illustr/illicoo.gif) left top no-repeat; } .illico:hover { width: 229px; height: 158px; background: url(../images/illustr/illicoo.gif) left top no-repeat; } .basic { width: 229px; height: 158px; background: url(../images/illustr/basicc222.gif) left top no-repeat; } .basicGray:hover { width: 229px; height: 158px; background: url(../images/illustr/basicc.gif) left top no-repeat; } .basicGray { width: 229px; height: 158px; background: url(../images/illustr/basicc2222.gif) left top no-repeat; } .basic3 { width: 229px; height: 158px; background: url(../images/illustr/basicc.gif) left top no-repeat; } .basic:hover { width: 229px; height: 158px; background: url(../images/illustr/basicc.gif) left top no-repeat; } .classic { width: 229px; height: 155px; background: url(../images/illustr/classicc22.gif) left top no-repeat; } .classicGray { width: 229px; height: 155px; background: url(../images/illustr/classicc222.gif) left top no-repeat; } .classicGray:hover { width: 229px; height: 155px; background: url(../images/illustr/classicc6.gif) left top no-repeat; } .classic3 { width: 229px; height: 155px; background: url(../images/illustr/classicc.gif) left top no-repeat; } .classic:hover { width: 229px; height: 155px; background: url(../images/illustr/classicc.gif) left top no-repeat; } .deco { width: 229px; height: 159px; background: url(../images/illustr/decoo22.gif) left top no-repeat; } .decoGray { width: 229px; height: 159px; background: url(../images/illustr/decoo222.gif) left top no-repeat; } .decoGray:hover { width: 229px; height: 159px; background: url(../images/illustr/decoo.gif) left top no-repeat; } .deco3 { width: 229px; height: 159px; background: url(../images/illustr/decoo.gif) left top no-repeat; } .deco:hover { width: 229px; height: 159px; background: url(../images/illustr/decoo.gif) left top no-repeat; } .moderne { width: 229px; height: 159px; background: url(../images/illustr/modernee55_off.gif) left top no-repeat; } .moderneGray { width: 229px; height: 159px; background: url(../images/illustr/modernee555_off.gif) left top no-repeat; } .moderneGray:hover { width: 229px; height: 159px; background: url(../images/illustr/modernee58.gif) left top no-repeat; } .moderne3 { width: 229px; height: 159px; background: url(../images/illustr/modernee55.gif) left top no-repeat; } .moderne:hover { width: 229px; height: 159px; background: url(../images/illustr/modernee55.gif) left top no-repeat; } /* Menu Login/Logged */ div#menu-login { } div#menu-login p.lien1 { } div#menu-login input.connexion { } input.ch { } div#menu-logged { } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { } div#menu-logged a.deconnect { } /* Conteneurs generaux */ #main { position: relative; width: 1024px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) left top repeat-y } #intro { width:1024px; height: 145px; background: url(../images/fond/header.gif) left top no-repeat } #content { margin: 0; padding:0; } /* ///////////// Home Page ///////////////////// */ #homePage { width: 1024px; height: 544px; background: url(../images/fond/f-home.gif) left top no-repeat; } #txt1 { width: 192px; position: absolute; top: 177px; left: 117px; } #txt1 p { font: bold 12px/16px arial; color: #c9092d; padding: 4px 8px 0 8px; text-align: center; } /* cas du grec */ #txt1el { width: 192px; position: absolute; top: 177px; left: 117px; } #txt1el p { font: bold 12px arial; color: #c9092d; padding: 4px 8px 0 8px; text-align: center; } #txt2 { width: 192px; position: absolute; top: 343px; left: 123px; } #txt2 h3 { font: bold 12px arial; color: #462b0e; margin: 0 0 5px 0; padding: 0; } #txt2 p { font: normal 11px arial; color: #856847 } /* Footer */ #outro { width: 1024px; height: 47px; background: url(../images/fond/footer.gif) no-repeat; clear: both } #outro p { color: #8a7257; text-align: right; padding: 16px 45px 0 0 } #outro p a { color: #8a7257; text-decoration: none } #outro p a:hover { text-decoration: underline } /* - - - - - - Page Contact - - - - - - */ form.contactform { width: 780px; height: 300px; margin: 20px 0 10px 57px; padding: 25px 10px 10px 10px; background: url(../images/fond/f-contact.gif) left top no-repeat } form.contactform .bita { margin: 15px 0 20px 35px; color: #714a20; text-align: left; } div.contactform-top .block1 { float: left; width: 300px; padding: 17px 0pt 0pt 40px; } div.contactform-top .block1 p { margin: 0 0 11px 0px; } div.contactform-top .block2 { float: left; } div.contactform-top .block1 label { color: #3f280f } div.contactform-top .block1 input { border: 1px solid #bea589 ; background: #fff url(../images/fond/ff.gif) right top repeat-y; } .comment { width: 355px; height: 110px; border: 1px solid #bea589 ; background: #fff url(../images/fond/ff.gif) right top repeat-y; } form.contactform .conformement { margin: 0 48px 0 25px } form.contactform .centerbut { padding: 15px 0 0 0; } /* General styles */ .lbleft { float: left; width: 140px } .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .clear { clear:both; display: none } .kill { display: none } .fleft { float: left } .fright { float: right } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #8cafca } .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 } .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } /* 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.element-s { width: 172px; background: url(../images/fond/element-s.gif) left top repeat-y; } div.element-bot { background: url(../images/fond/element-bot.gif) left bottom no-repeat; } div.element-top { padding: 37px 0px 10px 0px; background: url(../images/fond/element-top.gif) left top no-repeat; } /* Page Mentions */ .conteneurAdresseMention { text-align: center; margin: 15px 0 10px 0px; } /* Conteneur des 2 blocs d'adresse */ .inlineblock { float: left; margin: 10px 25px 0px 25px; margin: 10px 0px 0px 5px; padding: 10px; } #firstMentionBlock { margin: 0px 0px 0px 80px } .inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px arial; } .conformement { font: normal 10px arial } div.mention-bot { width: 312px; height: 197px; background: url(../images/fond/f-mentions.gif) left top no-repeat; padding: 25px 25px 0px 25px } .conformement2 { margin: 0 98px; }