/* Gabarit 2 colonnes du Front CMD */ * { 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: url(../images/fond/f-body.gif) left top repeat-x; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 243px; height: 123px; display:block; text-indent: -999em } h2 { margin: 0 0 20px 51px; padding: 15px 0 0 0; font: normal 18px "Trebuchet MS"; color: #630001; } h3 { margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #806b3c } 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; border: 1px solid #A4B97F } 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: #017196; text-decoration: none; font: normal 11px arial } a:hover { color: #017196; text-decoration: underline } abbr { cursor: help } .format { padding: 0 25px } /* //////////////////// Page accueil new */ body#spread { background: url(../images/fond/spread.jpg) left top repeat-x; } #main2 { width: 957px; height: 519px; background: url(../images/fond/main2.jpg) left top no-repeat; position:relative; top: 12px; left: 0px; margin: 0 auto; } .language {margin:0 auto; width:957px; padding:5px 0 0 0; text-align:left; z-index:1000; position:relative; } #intro2 { height: 106px; padding: 0 0 0 281px; } #intro2 p { padding: 15px 0 0; font: bold 13px Tahoma; color: #194d68; } #actu2 { height: 224px; padding:0 0 0 286px; } #actu2 h2 { text-align: left; margin: 6px 0 21px; } #actu2 p.title { font: bold 15px Tahoma; color: #e7b478 ; margin: 0 0 17px 0px; text-transform: uppercase } #actu2 p.desc { padding: 0 35px 0 0; } #actu2 p.desc a { color: #d97600; text-decoration: underline; } #actu2 p.plus { text-align :right; margin: 14px 0 0 0px; position:relative; top: 0px; left: -50px; } #contact2 { padding: 57px 0 0 52px; width:209px; float: left; } #contact2 h2 { text-indent: -5000px; position: absolute;top: -5000px; left: -5000px; } #contact2 p { color: #ffffff; font-weight: bold; } #contact2 p a { color: #ffffff; font-weight: bold; } #formulaire { float: left; width: 422px; position:relative; } #formulaire .denied { position: absolute; bottom:-37px; left:121px; } #formulaire .denied ul { margin: 0 0 0 0px; padding: 0 0 0 0; } #formulaire .denied ul li { color: #000 } #formulaire h2 { text-align: left; font: bold 14px arial; color: #1a4159 ; margin:19px 0 15px 20px; padding:0 0 5px; background: url(../images/fond/underline.jpg) left bottom no-repeat; } #formulaire p { } #formulaire p label.lbleft { font: bold 11px arial; color: #7d7d7d; display: block; float: left; width: 127px; padding:0 0 0 23px; } #formulaire p input.ch { width: 234px; height: 23px; background: url(../images/fond/input.gif) left top no-repeat; } #formulaire p.centerbut { padding: 0 0 0 89px } #formulaire a.forgot { position:relative; top: -5px; left: 7px; } #pas-d-id { width:250px; padding:57px 0 0; float: left; } #pas-d-id h2 { text-indent: -5000px; position: absolute;top: -5000px; left: -5000px; } #pas-d-id p { color: #ffffff; padding:0 0 0 27px} #pas-d-id p.inscrire { padding: 36px 14px 0 0; text-align :right; } #outro2 { clear: both } #outro2 p { font: normal 11px arial; color: #037094; padding: 34px 22px 0 22px } #outro2 p.fright { float: right } /* //////////////////// Page articles */ .actu2-bot { background: url(../images/fond/sepactu.gif) right bottom no-repeat; padding: 0 0 15px 0; } .actu2-top { } #actu p.date { font: normal 11px arial; color: gray; float: right; position:relative; top: 0px; left: -17px; } #actu h3 { font: bold 15px Tahoma; color: #e7b478 ; margin: 0 0 17px 0px; text-transform: uppercase } #actu a { color: #d97600; text-decoration: underline; } p.reoutL { margin: 15px 0 0 0px; } /* //////////////////// Forget mot de passe */ form#forgetForm label.lbleft { width: 61px } form#forgetForm input.ch { left:-8px; position:relative; top:-11px; } /* //////////////////// HomePage */ ul.iconMenu { margin: 5px 0 5px 7px; padding: 0 0 0 0; } ul.iconMenu li { margin: 0 4px 0 0px; padding: 0 0 0 0; float: left; } ul.iconMenu li p { display: block; width: 168px; height: 51px; text-indent: -5000px; overflow: hidden } ul.iconMenu li p.fami { background: url(../images/bt/famille1.gif) left top no-repeat; } ul.iconMenu li p.fami-on { background: url(../images/bt/famille.gif) left top no-repeat; } ul.iconMenu li p.cara { background: url(../images/bt/cara1.gif) left top no-repeat; } ul.iconMenu li p.cara-on { background: url(../images/bt/cara.gif) left top no-repeat; } ul.iconMenu li p.opt { background: url(../images/bt/option1.gif) left top no-repeat; } ul.iconMenu li p.opt-on { background: url(../images/bt/option.gif) left top no-repeat; } ul.iconMenu li p.recap { background: url(../images/bt/recap.gif) left top no-repeat; } ul.iconMenu li p.recap-on { background: url(../images/bt/recap2.gif) left top no-repeat; } h2.familly { margin: 0 0 0 51px; padding: 15px 0 0 0 } h3.underFamille { margin: 0 0 0 51px; padding: 3px 0 0 0; text-transform: uppercase } table.famillyTable { width: 650px; margin: 25px auto 65px auto; } div.bl1-bot { background: url(../images/fond/bl1-bot.gif) left bottom no-repeat; padding: 0 0 3px 0 } div.bl1-top { width: 153px; min-height: 153px; background: url(../images/fond/bl1-top.gif) left top no-repeat } div.bl1-top p { color:#666} div.bl1-top input { background:url(../images/fond/inputliste.gif) left top no-repeat; width:78px; height:14px} div.bl1-top table { width: 130px; height: 177px; margin: 0 auto; } div.bl1-top table td { width: 130px; height: 130px; text-align: center; vertical-align: middle } div.bl1-top h3 { text-align: center; padding: 8px 0 13px 0px; color:#173547; } div.bl1-top h3 a { color: #017196; font: bold 12px Tahoma } div.bl1-top h3 a:hover { color: #d97600; font: bold 12px Tahoma } div.bl2-bot { background: url(../images/fond/bl2-bot.gif) left bottom no-repeat; } div.bl2-top { width: 153px; min-height: 153px; background: url(../images/fond/bl2-top.gif) left top no-repeat; } div.bl2-top h3 { color: #d97600; font: bold 12px Tahoma ; text-align: center; padding: 8px 0 13px 0px; } div.bl2-bot div.bl1-top { width: 153px; min-height: 153px; background: url(../images/fond/bl2-top.gif) left top no-repeat; } p.validFirst { text-align :right; padding: 0 20px 0 0 } .listepdf li{ margin-left:58px; padding-left:10px; background:url(../images/puce/p2.gif) left 7px no-repeat} .imglist { width:86%; margin:10px auto} .imglist table{ float:left; margin:5px} .imglist table td{ border:1px solid #ccc; vertical-align:middle; text-align:center; width:150px; height:150px} /* //////////////////// Page Caracteristiques */ p.introProd { width: 609px; margin: 15px auto; font: normal 11px Tahoma; color: #017196; text-align: justify } div.bl3-bot { width: 609px; margin: 0 auto 10px auto; background: url(../images/fond/bl3-bot.gif) left bottom no-repeat; } div.bl3-top { padding: 7px 0px 10px 0px; background: url(../images/fond/bl3-top.gif) left top no-repeat; } table.tableTaille { width: 582px; margin: 0 auto; } table.tableTaille td.one { width: 60px; font: bold 11px Tahoma; color: #d97600 } table.tableTaille label { color:#017196 } table.tableTaille td table { } table.tableTaille td table td { width: 55px; height: 30px; padding: 0 0 0 5px; background-color: #f3f5f8; } table.tableTaille td table td span { padding: 0 0 0 5px; position:relative; top: -2px; left: 0px; } p.lab2 { font: bold 11px Tahoma; color: #d97600; padding: 8pt 0pt 7pt 15px; margin: 0 0 0 0px } p.lab { font: bold 11px Tahoma; color: #d97600; padding: 4pt 0pt 7pt 10px; margin: 0 0 0 0px } .case1 p.lab { color: #017196; } p.choice { padding: 10px 0pt 0pt 22px; margin: 0 } p.choice span { font: bold 11px Tahoma; color: #017196; position:relative; top: -2px; left: 0px; } td.case1 { width: 182px; height: 87px; background: url(../images/fond/f-td.gif) left top no-repeat; } td.unique { background: url(../images/fond/f-tdvide.gif) left top no-repeat; } td.case1 select { border: 1px solid #a4b97f ; position:relative; top: -2px; left: 0px; } td.caseLast { width: 182px; height: 87px; background: url(../images/fond/f-tdvide.gif) left top no-repeat; } td.caseLast p { background-color: #f3f5f8; margin: 8pt 0pt 11px 0px; padding: 6px 0pt 4px 0; } td.caseLast p span { font: bold 11px Tahoma; color: #017196; position:relative; top: -2px; left: 4px; } td.caseLast p.choice {margin-top: 0px;} td.unique p.lab {padding:4px 0 20px 10px;} td.caseLast .alignLabel {display:block; text-align:center;} td.caseLast .align {display:block; padding:0 0 5px 0; text-align:center;} td.caseLast .align select { vertical-align:middle;} td.caseLast .align input { vertical-align:middle;} table.compositionTable { } table.compositionTable td { vertical-align: top } .table_etape3{ width:90%; margin:0 auto;} .table_etape3 td{ padding:0 5px} /* faq */ .ulquest li{ margin-left:50px; background:url(../images/puce/p2.gif) left 6px no-repeat; padding-left:10px} .ulquest li a{ font-weight:bold} #accordion{ width:80%; margin:0 auto; color: #777} p.toggler{ background:url(../images/fond/toggler.gif) left top repeat-y; padding:5px; font-weight:bold; font-size:13px} div.bl4-bot { width: 299px; background: url(../images/fond/bl4-bot.gif) left bottom no-repeat; } div.bl4-top { padding: 7px 0px 10px 0px; background: url(../images/fond/bl4-top.gif) left top no-repeat; } div.bl4-top h5 { font: bold 11px arial; color: #7d93a1; text-align: center; } div.bl4-top table.visu { width: 285px; height: 185px; margin: 0 auto; } div.bl4-top table.visu td { width: 285px; height: 185px; text-align: center; vertical-align: top } form.typeUsinage { } form.typeUsinage { } form.typeUsinage { } /* //////////////////// Page option d'usinage */ div.usinage-bot { width: 609px; margin: 0 auto 10px auto; background: url(../images/fond/bl3-bot.gif) left bottom no-repeat; } div.usinage-top { padding: 7px 0px 10px 0px; background: url(../images/fond/bl3-top.gif) left top no-repeat; } div.usinage-top h3 {font: bold 18px arial; margin: 18px 0pt 10px 10px; color:#D97600; } div.usinage-top h4 {font: bold 12px arial; margin: 0px 0pt 0px 20px; color:#D97600; border:0 } div.usinage-top p.legende {font: normal 11px arial; font-style: italic; margin: 0px 0px 10px 20px; color:#D97600; } div.usinage-top h5 { font: bold 11px arial; color: #D97600; text-align: center; } div#usinage label.lbleft { float: left; width: 187px; font: normal 11px arial; color:#09718E; } div#usinage input.ch { width: 50px; height: 24px; background: url(../images/fond/f-input5.gif) left top no-repeat; border-right: 1px solid #f6f6f6 } div#usinage select { border: 1px solid #7cc8db; } div#usinage p.listing { text-align :left; padding: 0 0 0 20px } div#usinagep.validFirst { text-align :right; padding: 0 20px 0 0 } /* //////////////////// Menu Login/Logged */ #menu-top { position: absolute; top: 9px; right:281px } #menu-top li { float: left; margin: 0 40px 0 0; } #menu-top li a { font: normal 13px verdana; color: #ffffff; } #menu-top li a:hover { } div#menu-login { position: absolute; top: 0px; left: 0px; } div#menu-login h3 { font: bold 11px Tahoma; color: #ffffff; } div#menu-login p.lien1 { } div#menu-login input.connexion { } input.ch { } div#menu-logged { position: absolute; top: 4px; left: 691px; } div#menu-logged h3 { font: bold 11px Tahoma; color: #ffffff; margin-bottom:3px } div#menu-logged ul { margin: 0 0 0 0px; padding: 0 0 0 0; position:relative; top: 0px; left: -14px; } div#menu-logged ul li { margin: 0pt 0pt 0px 0px; padding: 0 0 0 13px; line-height:14px} div#menu-logged ul li a { color: #ffffff; text-decoration: none; padding: 0 0 0 14px } div#menu-logged ul li a:hover { text-decoration: underline; } div#menu-logged a.deconnect { background: url(../images/puce/bb.gif) left top no-repeat; text-decoration: none; } div#menu-logged a.info { background: url(../images/puce/b.gif) left top no-repeat; text-decoration: none; } div#menu-logged a.info , div#menu-logged a.deconnect { font-size:10px} div#menu-logged form { position: relative; left: -14px; } div#menu-logged form input.ch { background:url(../images/fond/input_logged.gif) left top no-repeat; width:93px; height:16px; margin:1px 1px 0 1px; color:#777} div#menu-logged form .oklogged { position:absolute; left:98px; top:6px} div#menu-logged a.options { color:#fff; font-size:10px; text-decoration:none; font-family:Trebuchet MS; position:relative; left:-12px; top:-3px} div#menu-logged a.options:hover { color:#d17f1e; } #recherche { left: 255px; position: absolute; top: 46px; } #recherche form { margin: 0 0 0 0; padding: 0 0 0 0; } #recherche form p { margin: 0 0 0 0; padding: 0 0 0 0; } #recherche label { display: none } #recherche input.ch { width: 262px; height: 24px; margin: 0 0 0 0px; padding: 0 0 0 0; background: url(../images/fond/f-input1.gif) left top no-repeat; } #recherche input.valid { margin: 0; padding:0pt; position:relative; top: 13px; left: -2px; } .title2 { float:left; width:160px; text-align:center; height:150px;} .title2 a:hover { text-decoration:none; color:#c66c00} .pagination{ text-align:center; font-weight:bold} .pagination a{ background-color:#f3f5f8; color:#017196; font-weight:bold; padding: 0 3px; border:1px solid #ddd; margin:0 1px} #panier { position: absolute; top: 4px; left: 830px } #panier h3 { font: bold 11px Tahoma; color: #ffffff } #panier p { margin: 0; padding: 0; color: #ffffff; } #panier p a { margin: 0; padding: 0; color: #ffffff; } /* //////////////////// Conteneurs generaux */ #main { position: relative; width: 962px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) left top repeat-y; top:-21px; z-index:1 } #intro { width: 962px; height: 108px; background: url(../images/fond/intro.jpg) left top no-repeat } #content { margin: 0; padding:0; } div#colonne_gauche-bot { float: left; width: 245px; margin: 0 0 0 3px; } div#colonne_gauche-top { background: #162733 url(../images/fond/bg-col-left-top.gif) left top no-repeat; padding: 45px 0 0 0; } div#colonne_gauche-top table { width: 192px; height: 192px; position:relative; top: 0px; left: 25px; margin: 0 0 32px } div#colonne_gauche-top table td { width: 192px; height: 192px; text-align: center; vertical-align: middle } #menu-left { clear: both } #menu-left h3 { font: bold 11px arial; color: #d97600; margin: 0 0 4px 20px; padding: 0 0 0 18px; background: url(../images/puce/p.gif) left 3px no-repeat; } ul#famillyVersion { margin: 0pt 0pt 0pt 26px; padding: 0 } ul#famillyVersion li { margin: 0 0 1px 0px; padding: 0 0 0 10px; background: url(../images/puce/p2.gif) left 6px no-repeat; } ul#famillyVersion li a { color: #ffffff; } .modify { text-align :right } .modify a { padding: 0 11px 0 0; background: url(../images/puce/p3.gif) right top no-repeat; position:relative; top: 0px; left: -14px; } div#colonne_gauche-top #menu-left { /* min-height: 258px; */ } div#colonne_gauche-top .botColLeft { width: 245px; height: 142px; padding: 35px 0 0 0; background: #162733 url(../images/fond/bg-col-left-bot.gif) left bottom no-repeat; } div#colonne_gauche-top .botColLeft p { font: bold 11px/17px tahoma; color: #ffffff; padding: 0 0 0 26px; } div#colonne_droite { float: right; width: 714px; min-height:434px; margin: 0; padding: 0 0 15px 0 ; background: #fff url(../images/fond/f-colDroite.gif) right top no-repeat; } .encadre{ width:95%; margin:0 auto} /* //////////////////// Footer */ #outro { width: 962px; background: url(../images/fond/outro.gif) no-repeat; clear: both } #outro p { color: #037094; text-align: center; padding: 16px 0 0 0 } #outro p a { color: #037094; text-decoration: none } #outro p a:hover { text-decoration: underline } #outro a.alteoLink { float: right; padding: 0 6px 0 0; position:relative; top: 0px; left: -52px; } /* //////////////////// Formulaires */ form.formatform { width: 450px; margin: 5px auto 5px auto; padding: 15px; background-color: #f3f3f3 } form.formatform h3 { margin: 0 0 16px 0px; color:#1a4159; background:url(../images/puce/h3form.gif) left bottom repeat-x } form.formatform label.lbleft { float: left; width: 187px; font: bold 11px arial; color: #7d7d7d; } form.formatform input.ch, form.formatform select.ch { width: 231px; height: 24px; background: url(../images/fond/f-input5.gif) left top no-repeat; border-right: 1px solid #f6f6f6 } form.formatform option { background-color:#fff} form.formatform select { border: 1px solid #7cc8db; } form.formatform textarea { width: 417px; margin: 4px 0 0 0px; background: url(../images/fond/f-txtArea.png) left top no-repeat; border-right: 1px solid #f6f6f6 ; border-bottom: 1px solid #f6f6f6 } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align: center } div.bl6-bot { width: 609px; margin: 20px auto 10px auto; background: url(../images/fond/bl6-bot.png) left bottom no-repeat; } div.bl6-top { padding: 7px 0px 10px 0px; background: url(../images/fond/bl6-top.png) left top no-repeat; } p.conformement { padding: 0 35px } /* //////////////////// 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 17px auto; text-align: center; font: bold italic 12px arial; width:80%; border-bottom:1px solid #ccc; border-top:1px solid #ccc; color:#d97600; background-color:#fdfdfd } .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; font: bold 11px arial; } .orange{ color:#e07a0c} .blue{ color:#09718E} .bold{ font-weight:bold} .green{ color:#afb68c} .margeleft{ margin-left:15px} .bggrey{ background-color:#f5f5f5} .bggrey2{ background-color:#ebebeb} /* //////////////////// 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 */ .conteneurAdresseMention{ text-align: center; margin: 15px 0 10px 0px } /* Conteneur des 2 blocs d'adresse */ .conformement { font: normal 10px arial; text-align:center; color:#aaa; } div.bl7-bot { width: 301px; float: left; margin: 20px 10px 10px 10px; background: url(../images/fond/bl6-bot.png) left bottom no-repeat; } div.bl7-top { min-height: 185px; padding: 7px 10px 10px 10px; background: url(../images/fond/bl6-top.png) left top no-repeat; } div.bl7-top h3 { font: bold 14px arial; color:#1a4159; background:url(../images/puce/h3form.gif) left bottom repeat-x; } /* ///////////////////////////////// Bulles d aides Login */ .tip { width: 147px; padding: 7px 0 0 0; color: #6d6d6d } .tip-title { color: #ffffff; padding: 4px 0 0 0; background: url(../images/fond/tiptop.gif) left top no-repeat; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; } .tip-text { color: #ffffff; padding: 0 0 4px 0; background: url(../images/fond/tipbot.gif) left bottom no-repeat ; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; } /* */ h4 { margin: 18px 0pt 10px 53px; border-bottom: 1px solid #f4d6b2 ; } .pricereca { font-weight:bold; font-size:14px; color:#434343; } .linkpanierdetails { color:#92a9b9; cursor:pointer} .linkpanierdetails2 { color:#92a9b9;} .remise td { font-weight:bold; color:#006600; font-size:13px} .mesdevis td { border:none; border-bottom:1px solid #ccc; color:#777} .quantity5 { text-align: center; } .quantity5 input { width: 20px; border:1px solid #b9b9b9; } /* */ table#tableRecapitulatif { width: 681px; margin: 0 auto; } table#tableRecapitulatif th { font: bold 12px arial; color: #afafaf; padding: 7px 0 16px 0; text-align: center } table#tableRecapitulatif td { } .panierdetails .bggrey { width: 370px; padding: 3px 2px; color: #444 } .panierdetails .bggrey2 { background-color: #fff; background: url(../images/puce/separ_panier.gif) left top no-repeat; height: 1px; } .panierdetails .pricereca { } .centerButton { text-align:center; } .separ { background: url(../images/puce/separ_panier.gif) left top no-repeat; height: 1px; } .commanderinput { position:relative; right: -61px; top:-1px} .recalculerInput { position:relative; top: 0px; left: 9px } .fraisDePort { font: bold 14px arial; color: #26566b; padding: 10px 0 9px 18px } .totalD { background:url(../images/fond/total.gif) right top no-repeat; height: 43px; position:relative; top: 0px; left: -6px } .totalprice { position:absolute; right: 20px; top: 13px; font-weight:bold; font-size:16px; color: #434343 }