/* Gabarit 2 colonnes du Front */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; font-family: Verdana; font-size: 11px; text-align: center; color: #393737; background:url(../images/fond/body.jpg) left top repeat-x ;background-color: #f8f8f8;} h1 { position: absolute; top: 93px; left: 13px; } h2 { margin: 5px 0 0px 20px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #630001; width:500px; } h3 {margin: 0 0 16px 0px; color:#820813; border-bottom:1px solid #999; font-variant:small-caps; font-weight:bold; font-size:18px } h4 { margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c } h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c } p { font: normal 11px/18px 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 } select { font: normal 11px arial } ul li { list-style: none; font: normal 11px/18px 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:#8f020f; text-decoration: underline; font: normal 11px arial } a:hover { color:#000; text-decoration: underline } abbr { cursor: help; } /* //////////////////// Menu Login/Logged */ #log{ position:absolute; width:730px; height:50px;top:282px; left:222px; z-index:5} #log label{ font-weight:bold; font-size:12px; color:#3f4040} #log input.ok{ border:none; color:#3b3b3b; background:url(../images/puce/ok.gif) left 4px no-repeat; padding-left:10px; font-weight:bold; cursor:pointer} #log input.inputspe{ background:url(../images/fond/inputspe.gif) left top no-repeat; width:142px; height:21px;vertical-align:bottom;} #menu-logged{ margin-top:7px} #menu-logged a{ margin:0 0 0 75px} /* //////////////////// Conteneurs generaux */ #main { position: relative; width: 980px; margin: 0 auto; text-align:left; } #introA { width:980px; height:217px; background: url(../images/fond/header01.jpg) left top no-repeat; } #introB { width:980px; height:109px; background: url(../images/fond/header02.jpg) left top no-repeat;} #menu-top { } #content { padding:0; overflow: auto;width:971px; margin:14px auto } #content td {} #content td#menu-left {width:212px;} #content td#contenu {width:539px;} #content td#menu-right {width:216px;} #contenttop{ width:980px; background:url(../images/fond/contenttop.gif) left top no-repeat; padding-bottom:25px} #contentbottom{ width:980px; background:url(../images/fond/contentbottom.gif) left bottom no-repeat} div#colonne_gauche { float: left; width: 230px; padding: 5px 5px 0 5px; } div#colonne_droite { float: right; width: 744px; margin: 0; padding: 5px 5px 20px 5px; } /* //////////////////// Intro */ #littlemenu{ position:absolute; right:15px; top:2px} #littlemenu a{ font-family:arial; font-size:10px; color:#616161; text-decoration:none} #littlemenu a:hover{color:#980410; } #littlemenu li{ display:inline; padding:0 14px; margin:0; background:url(../images/puce/separ_littlemenu.gif) left 1px no-repeat} #langues{ position:absolute; right:35px; top:31px;} #langues img{ margin:0 5px} #menu-search{ position:absolute; left:721px; top:233px; width:185px} #menu-search input.inputsearch{ border:1px solid #fff; width:174px} #menu-search input.ok{ border:none; color:#3b3b3b; background:url(../images/puce/ok.gif) left 4px no-repeat; padding-left:10px; font-weight:bold; float:right; cursor:pointer} /* //////////////////// Home */ .promostop{ width:201px; background:url(../images/fond/promo_top.gif) left top no-repeat; padding-top:45px} .newstop{ width:201px; background:url(../images/fond/news_top.gif) left top no-repeat; padding-top:45px; min-height:169px} .promosbottom, .newsbottom{ width:201px; background:url(../images/fond/cadreleftbottom.gif) left bottom no-repeat} .promostop p, .newstop p{ width:168px; margin:0 auto} .promostop .title, .newstop .title{ color:#8f020f; font-size:13px; text-transform:uppercase; font-weight:bold} .promostop .img, .newstop .img{ text-align:center; padding:3px; background-color:#fff; border:1px solid #e6e6e6;} .promostop .ref, .newstop .ref{ color:#8f020f; font-weight:bold} .promostop .descri, .newstop .descri{ line-height:11px;} #menu-basket{ background:url(../images/fond/basket.jpg) left top no-repeat; width:202px; height:101px; position:relative} #menu-basket p a{ color:#fff; font-weight:bold; position:absolute; left:39px; top:43px; text-decoration:none; font-size:14px} #infos{ width:209px; height:167px; background:url(../images/fond/infos.jpg) left top no-repeat; position:relative; margin-bottom:0} #infos p{ text-align:center; position:relative; top:66px;} #newsletter{ width:209px; height:137px; background:url(../images/fond/newsletter.jpg) left top no-repeat; position:relative; margin-bottom:0} .formnews{position:absolute; top:49px; left:19px} a.a-ok{ color:#3b3b3b; background:url(../images/puce/ok.gif) left 4px no-repeat; padding-left:10px; font-weight:bold;; text-decoration:none; cursor:pointer} .actus-home{ width:471px; height:220px; background:url(../images/fond/actus-home.jpg) left top no-repeat; margin:15px auto} .titleactu{ font-weight:bold; color:#8f020f} .actus-home p{ margin:0; line-height:normal} .tabactus{ margin:40px 0 0 15px; } .tabactus td{width:132px} #marqueebox { height: 160px; overflow: hidden; } /* //////////////////// Products */ .illustrprod{ padding: 0 10px 5px 0} .links{ text-align:center; font-weight:bold; font-size:16px;color:#006817; margin:20px auto} .links a{ color:#666; font-weight:bold} .listprod{ border:1px solid #ccc; padding:5px; background-color:#fff} .listprod .titlepromo{ font-weight:bold; font-size:12px} .new{ font-weight:bold; font-size:16px; color:#c20116} .listprod .new{ font-size:14px;white-space:nowrap } .old{ text-decoration:line-through} /* //////////////////// Panier */ .order td{ padding:2px 5px; border:1px solid #ccc} .order th{ background:url(../images/fond/th.gif) left top repeat-x; color:#fff; padding: 0 1px} .adr td{ background-color:#fff; border:1px solid #ccc; padding:5px; width:50%} .adr{ width:80%; margin:15px auto} /* //////////////////// Interne */ .formattop{ width:445px; background:url(../images/fond/topformat.gif) left top no-repeat; padding:14px} .formatbottom{ width:473px; background:url(../images/fond/bottomformat.gif) left bottom no-repeat; margin:0 auto} .formattopvideo{ width:477px; background:url(../images/fond/topformatvideo.gif) left top no-repeat; padding:14px} .formatbottomvideo{ width:505px; background:url(../images/fond/bottomformatvideo.gif) left bottom no-repeat; margin:0 auto} /* //////////////////// Footer */ #outro { width:980px; height: 57px; } #outro p { color:#797979; text-align: left; padding: 0px 0 0 0 } #outro p a { color:#797979; text-decoration: none } #outro p a:hover { text-decoration: underline } /* //////////////////// Formulaires */ form.formatform { width: 406px; margin: 30px auto 15px auto; padding: 15px; border: 1px solid #e6ebf3; background-color:#f1f0f0 } form.formatform label.lbleft { float: left; width: 190px; font: bold 11px arial; color: #7d7d7d; } form.formatform input , form.formatform select, form.formatform textarea { border: 1px solid #999; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform .ok{ border:none; color:#3b3b3b; background:url(../images/puce/ok.gif) left 4px no-repeat; padding-left:10px; font-weight:bold; cursor:pointer} /* //////////////////// 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: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #c50f20} .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; } .fleft{ float:left; margin:0 10px 10px 0} .fright{ float:right; margin:0 0 10px 10px} .bold{ font-weight:bold} .green{ color:#8f020f} .imgcadre{text-align:center; padding:3px; background-color:#fff; border:1px solid #e6e6e6;} /* //////////////////// 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 */ .blocmentions{width: 190px; margin: 30px 8px 15px ; padding: 5px; border: 1px solid #e6ebf3; background-color:#f1f0f0; float:left; height:215px } .conformement { font: normal 10px verdana; text-align:center; color:#777 } /* //////////////////// Conteneurs generaux 3 colonnes en tableau table#mainTable { width: 983px; margin: 0 auto; text-align: left; } table#mainTable td#intro { width: 983px; height: 197px; background: url(../images/fond/header.jpg) left top no-repeat; position:relative; top: 0; left: 0; } table#mainTable td { vertical-align: top } table#mainTable td#colLeft { width: 209px; border: 1px solid #f68409; } table#mainTable td#colCenter { width: 571px; background-color: #fff; border: 1px solid #f68409; } table#mainTable td#colRight { width: 201px; border: 1px solid #f68409; } */