/* Front Senat */ * { margin: 0; padding: 0; border: none; text-decoration: none } html { font-size: 100%;} body { padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 0.8em; text-align: center; color: #000; background: url(../images/fond/f-body.gif) left top repeat-x } h1 { left:74px; position:absolute; top:55px; } h1 a { } h2 { margin: 5px 0 20px 20px; padding: 0 0 0 15px; color: #630001; } h2.pucedH2 { margin: 0 0 12px 38px; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #ca0b2d; background: url(../images/puce/f-h2.gif) left 18px no-repeat; } h3 { margin: 15px 0 10px 0; font: normal 1.4em Georgia; color: #ca0b2d; } h4 { margin: 5px 0 10px 0; font: bold 1.1em Georgia; color: #ca0b2d; } h5 { margin: 15px 0 10px 10px; font: normal 1.8em "Trebuchet MS"; color: #806b3c } p { font: normal 1em arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 1em arial } textarea { padding: 4px; font: normal 1em arial } ul li { list-style: none; font: normal 1em 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/p2.gif) left 6px 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: #b00b09; text-decoration: underline } a:hover { color: #4e0b0a; text-decoration: underline } a:visited { color: #d5504f } abbr, acronym { cursor: help; } .format { padding: 0 25px } #formatCGV p { margin: 0 0 1.1em 0; line-height: 1.5em } .formatME { padding: 0 25px } .hidden { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; visibility: hidden; } p.shiftADR { text-align: center; } .centerBloc { display: block; text-align: center; padding: 7px 0; } .justify { text-align: justify } .justify2 { text-align: justify } .clearBothHidden { height: 0px; visibility: hidden; clear: both; } .arianne { padding: 5pt 13px 0pt 0px; text-align :right; } .home-message { border: 1px solid #c2c2c2; margin: 3px 10px; } .home-message p { margin: 5px; padding: 3px 5px; color: #c85553; color: #c6092b; font-weight: bold; background-color: #f8f7f6; } /* //////////////////////////////////////// Page theme */ #bl-recherche-theme { width: 100%; overflow: hidden; margin: 25px 0 7px 0 } #bl-recherche-theme h3 { float: left; width: 142px; margin: 0 0 0 20px; padding: 0 0px 0 0 ; position:relative; top: -4px; left: 0; } #bl-recherche-theme form { float: left; margin: 0; padding: 0 } #bl-recherche-theme form p { } #bl-recherche-theme form label { width: 17em; display: block; float: left; font: normal 11px arial; color: #7b7b7b; padding: 4px 0 0 0; } #bl-recherche-theme form input.ch { width: 21.5em; height: 20px; background: url(../images/fond/f-input.gif) left top repeat-x; border: 1px solid #d0cece } #bl-recherche-theme form select#search_month { width: 7em; height: 20px; background: url(../images/fond/f-input.gif) left top repeat-x; border: 1px solid #d0cece } #bl-recherche-theme form select#search_year { width: 7em; height: 20px; background: url(../images/fond/f-input.gif) left top repeat-x; border: 1px solid #d0cece } #bl-recherche-theme form select#search_category { width: 21em; height: 20px; background: url(../images/fond/f-input.gif) left top repeat-x; border: 1px solid #d0cece } #search_theme { width: 21em; height: 20px; background: url(../images/fond/f-input.gif) left top repeat-x; border: 1px solid #d0cece } #bl-recherche-theme form p.centerbut { text-align: center; } #bl-recherche-theme form p.centerbut input { cursor: pointer } #bl-recherche-theme form input.valid { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3 } ul.navigationParAnnee { margin: 0 0 12px 0; padding: 14px 0 8px 28px; background: url(../images/fond/bl5-top.gif) left top no-repeat; overflow:hidden; width: 620px; } ul.navigationParAnnee li { float: left; margin: 0 14px 0 0; color: #fff; font: normal 1.4em Georgia; } ul.navigationParAnnee li span { float: left; font: normal 1.5em Georgia; color: #fff; position:relative; top: -4px; left: 0; } ul.navigationParAnnee a { font: normal 1.3em Georgia; color: #fff; text-decoration: none } ul.navigationParAnnee a:hover { font: normal 1.3em Georgia; color: #fff; text-decoration: underline; } ul.navigationParAnnee a:active { font: normal 1.3em Georgia; color: #fff; } /* */ .catalogproducts { padding: 0; margin: 0 } .catalogproducts h3 { width: 472px; min-height: 34px; margin: 0 0 12px 0; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #fff; } .catalogproducts h4 { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } .catalogproducts h5 { clear: both; color: #b00b09; font: bold 1em arial; text-decoration: none; margin: 4px 0 1px 0; padding: 4px 0 1px 0 } /*.catalogproducts h6 { color:#616161; font: bold 0.9em arial; text-align:center; margin: 0; padding: 0; display: block; clear: both; height: 47px; overflow: hidden; } */ .catalogproducts h6 { color:#616161; font: bold 0.9em arial; text-align:center; margin: 0; padding: 0; display: block; clear: both; } .catalogproducts table { margin: 0 auto; } .catalogproducts table td { width: 90px; padding: 0 9px; border: 1px solid #fff; } .catalogproducts table p.visu { /*padding: 0 0 0 5px;*/ /*padding: 0 0 0 26px; */ width: 101px; padding: 0pt 0pt 0pt 24px; min-height: 80px; } .catalogproducts table img.visu { display: block; float: left; } .catalogproducts a.loupe { position:relative; top: 16px; left: 5px; } .catalogproducts a.caddie { position:relative; top: 20px; left: 5px; } .catalogproducts p.desc { color: #7b7b7b; font: normal 0.8em arial; text-align: center; } p.session { clear: both; color: #b00b09; font: bold 1em arial; text-decoration: none; margin: 4px 0 1px 0; padding: 4px 0 1px 0 } /* //////////////////////////////////////// Pagination */ .path { padding: 0 25px; } .links { color: #d2d2d2; text-align: right } .links a { color: #d2d2d2; padding: 1px 7px; border: 1px solid #c4dfe8; text-decoration: none; } .links a:hover { border: 1px solid #4196bf; color: #747474; padding: 1px 7px; text-decoration: underline; } .links span { border: 1px solid #4196bf; color: #747474; padding: 1px 7px; } .links a.imglink { border: none; padding: 0 3px; position:relative; top: 4px; left: 0; } #margesUpLink { padding: 12px 0 0 0; } /* //////////////////// Menu Login/Logged */ #loginZone { margin: 0; padding: 143px 0 0 286px } div#menu-login form { float: left; margin: 0 7px 0 0; text-align :right; } div#menu-login label { font: bold 0.85em arial; color: #360606; padding: 0 5px 0 0 } div#menu-login h3 { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } div#menu-login input.valid { position:relative; top: 7px; left: 0; } div#menu-login input.ch { width: 131px; height: 22px; background: url(../images/fond/f-input2.gif) left top no-repeat; padding: 2pt 0 0 5px } .linkx { clear: both; text-align :right; padding: 0 12px 0 0; margin: 0 0 2px 0; position:relative; top: -4px; left: 0; color: #ba1935 } .linkx a { color: #ba1935; text-decoration: underline; font: normal 0.8em arial; } .linkx a:hover { color: #640718 } div#menu-login p.f-panier { float: left; width: 90px; height:21px; padding: 4px 0 0 29px; background: url(../images/fond/f-panier.gif) left top no-repeat; position:relative; top: 7px; left: 0; } div#menu-login p.f-panier a { font: normal 0.8em arial; color: #fff; } div#menu-logged { margin: -15px 0 0 0; } div#menu-logged ul { margin: 0; padding: 0; } div#menu-logged ul li { float: left; margin: 0 7px 0 0; padding: 0 } div#menu-logged ul li a { font: normal 0.9em arial } div#menu-logged ul li a:hover { } div#menu-logged ul li a:visited { } div#menu-logged p#bonjour { } div#menu-logged p#bonjour strong { color: #d59712; font: bold 1.1em arial; } div#menu-logged p.f-panier { float: left; width: 90px; height:21px; padding: 4px 0 0 29px; background: url(../images/fond/f-panier.gif) left top no-repeat; position:relative; top: -2px; left: 0; } div#menu-logged p.f-panier a { font: normal 0.8em arial; color: #fff; } /* //////////////////// Conteneurs generaux */ #main-s { position: relative; width: 984px; margin: 0 auto; text-align: left; background: url(../images/fond/bl-s.gif) left top repeat-y; } #main-bot { width: 984px; text-align: left; background: url(../images/fond/bl-bot.gif) left bottom no-repeat; } #main-top { width: 984px; min-height: 583px; text-align:left; background: url(../images/fond/bl-top.gif) left top no-repeat; } p.logoLink { float: left } #intro { width: 906px; min-height: 197px; background: url(../images/fond/header.jpg) left top no-repeat; margin: 0 auto } p.affichageDateDuJour { position:relative; top: -5px; left: 12px; font: normal 0.9em arial; color: #5f5f5f } #mainInside { width: 920px; margin: 0 auto; padding: 18px 0 0 0 } #content { width: 920px; margin: 0; padding:0;/* overflow: auto;*/ } div#colonne_gauche { float: left; width: 244px; padding: 5px 0 0 0; margin: 0 0 0 12px; } div#colonne_droite { float: right; width: 664px; margin: 0; padding: 5px 0 20px 0; } /* //////////////////// Navigation principale */ #menu-top { width: 920px; clear: both; } #menu-top ul { margin: 0 0 0 16px; padding: 0; min-height: 36px } #menu-top li { float: left; padding: 0; margin: 0 3px 0 0 } #menu-top a { display: block; text-indent: -5000px; overflow: hidden; background:url('../images/bgd_menu.gif') no-repeat; height: 36px; } #menu-top a:hover { display: block; text-indent: -5000px; } #menu-top .accueil { width: 148px; background-position:left top; } #menu-top .accueil:hover {background-position:left -40px; } #menu-top .esp { width: 194px; background-position:-151px top; } #menu-top .esp:hover { background-position:-151px -40px; } #menu-top .cond { width: 296px; background-position: -348px 0; } #menu-top .cond:hover { background-position: -348px -40px; } #menu-top .cont { width: 245px; background-position: -647px 0; } #menu-top .cont:hover { background-position: -647px -40px; } /* A + /// A - */ p#linkXTop { } p#linkXTop { position:absolute; right: 52px; top: 12px; } p#linkXTop a { font: normal 0.7em arial; color: #9f9f9f; float: left; display: block; overflow: hidden } p#linkXTop a.a1 { width: 20px; height: 14px; text-indent: -5000px; background: url(../images/bt/a1.gif) left top no-repeat; } p#linkXTop a.a1:hover { background: url(../images/bt/a11.gif) left top no-repeat; } p#linkXTop a.a2 { width: 20px; height: 14px; text-indent: -5000px; background: url(../images/bt/a2.gif) left top no-repeat; } p#linkXTop a.a2:hover { background: url(../images/bt/a22.gif) left top no-repeat; } p#linkXTop a.acc { height: 18px; margin: 0 27px; padding: 0 0 0 27px; line-height: 16px; background: url(../images/illustr/terre.gif) left top no-repeat; } p#linkXTop a.acc:hover { color: #9f9f9f; } p#linkXTop a.acc:visited { color: #727171 } p#linkXTop a.plan { height: 18px; padding: 0 0 0 27px; line-height: 16px; background: url(../images/illustr/plan.gif) left top no-repeat; } p#linkXTop a.plan:hover { color: #727171 } p#linkXTop a.plan:visited { color: #a6a5a5 } /* //////////////////// HomePage */ /*h2#h2Home { display: none; } #bl-recherche-Home { width: 500px; overflow: hidden; position:relative; top: 0; left: 104px; } #bl-recherche-Home h3 { float: left; width: 176px; margin: 0; padding: 5px 7px 0 0 } #bl-recherche-Home form { width: 500px; float: left; margin: 0; padding: 0 } #bl-recherche-Home form p { } #bl-recherche-Home form label { font: normal 11px arial; color: #7b7b7b } #bl-recherche-Home form input.ch { width: 216px; height: 20px; background: url(../images/fond/f-input.gif) left top repeat-x; border: 1px solid #d0cece } #bl-recherche-Home form input.valid { position:relative; top: 8px; left: 0; }*/ h2#h2Home { display: none; } #bl-recherche-Home { width: 636px; overflow: hidden; position:relative; top: 0; left: 43px; } #bl-recherche-Home h3 { float: left; width: 139px; margin: 0; padding: 5px 7px 0 0 } #bl-recherche-Home form { width: 636px; float: left; margin: 0; padding: 0 } #bl-recherche-Home form p { } #bl-recherche-Home form label { font: normal 11px arial; color: #7b7b7b } #bl-recherche-Home form input.ch { width: 216px; height: 20px; background: url(../images/fond/f-input.gif) left top repeat-x; border: 1px solid #d0cece } #bl-recherche-Home form input.valid { position:relative; top: 8px; left: 0; } /* //////////////////// */ .blH-bot { width: 648px; padding: 0 0 12px 0; margin: 0 0 0 8px; background: url(../images/fond/blH-bot2.gif) left bottom no-repeat; } .blH-bot h3 { width: 620px; min-height: 34px; margin: 0 0 12px 0; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #fff; background: url(../images/fond/blH-top2.gif) left top no-repeat; } .blH-bot table { width: 648px; margin: 0 auto; } .blH-bot table td { /*width: 90px;*/ padding:0 5px; } .blH-bot table p.visu { /*padding: 0 0 0 5px; */ padding: 0 0 0 10px; min-height: 86px; text-align: center;} .blH-bot table img.visu { /*display: block; float: left */} .blH-bot .icons { display: inline-block; width:22px;} .blH-bot h4 { width: 620px; margin: 0 auto 7px auto; font: normal 1.4em Georgia; color: #286ca7; background: url(../images/fond/f-h4.gif) left bottom repeat-x } .blH-bot h5 { clear: both; margin: 0; padding: 4px 0 0 0; text-align: center; min-height: 34px; } .blH-bot h5 a { color: #b00b09; font: bold 0.5em arial; text-decoration: none; } .blH-bot a.loupe { /*position:relative; top: 16px; left: 5px; */ } .blH-bot a.caddie { /*position:relative; top: 20px; left: 5px;*/ } /*.blH-bot h6 { color: #616161; font: bold 0.9em arial; text-align: center; margin: 0; padding: 0; clear: both; height: 76px; overflow: hidden; } */ .blH-bot h6 { color: #616161; font: bold 0.9em arial; text-align: center; margin: 0; padding: 0; clear: both; overflow: hidden } p.subtitle { color: #616161; font: bold 0.9em arial; padding: 0.2em 0 0 0; text-align: center; } /* //////////////////// Coup De Coeur */ #coupDecoeur { float: right; width: 129px; padding: 0 12px 0 0; } #coupDecoeur h3 { color: #4b2ba7; font: normal 1.5em Georgia; margin: 15px 0 12px 0; padding: 0; text-align :right; } #coupDecoeur h4 { font: bold 1em arial; color: #4b2ba7; margin: 0 0 13px 0; padding: 0; text-align :right; } #coupDecoeur h5 { color: #888888; font: normal 0.8em arial; text-align :right; margin: 0; padding: 0; } #coupDecoeur h5 a { text-decoration: none; } #coupDecoeur p.desc { color: #888888; font: normal 0.8em arial; text-align :right; } #coupDecoeur p.lire { text-align :right; } #coupDecoeur p.lire a { padding: 0 0 0 17px; background: url(../images/puce/p.gif) left top no-repeat; text-decoration: none; color: #4b2ba7; font: bold 0.8em Georgia } /* //////////////////// */ p.accesSenat { text-align: center; } p.accesSenat a { padding: 0 0 7px 0; } /* //////////////////// Menu colonne gauche */ h2.collection { font: normal 1.7em Georgia; color: #ca0b2d; margin: 12px 0 0 0 ; padding: 0 0 0 15px; } h2.theme { font: normal 1.7em Georgia; color: #ca0b2d; margin: 12px 0 0 0 ; padding: 0 0 0 15px; } .scroll-middle { clear: both; padding: 0; } .scroll-middle ul {/* background-color: #f8f7f6 */ } .scroll-middle li { margin: 0 0 7px 13px; padding: 0 0 0 11px; background: url(../images/puce/p1.gif) left 6px no-repeat; padding: 0 0 0 17px } .scroll-middle li a { color: #903838; text-transform: uppercase; font: normal 0.8em arial; text-decoration: none; } .scroll-middle li a:first-letter { color: #903838; text-transform: uppercase; font: normal 1em arial; } .scroll-middle li a:hover { color: #5a1818; } .tab-noscroll { margin-bottom: 15px } .tab-noscroll ul { /*background-color: #f8f7f6 */ } .tab-noscroll li { margin: 0 0 7px 13px; padding: 0 0 0 11px; background: url(../images/puce/p1.gif) left 6px no-repeat; padding: 0 0 0 17px } .tab-noscroll li a { color: #903838; text-transform: uppercase; font: normal 0.8em arial; text-decoration: none; } .tab-noscroll li a:first-letter { color: #903838; text-transform: uppercase; font: normal 1em arial; } .tab-noscroll li a:hover { color: #5a1818; } /* //////////////////// Book */ div.book-bot { width: 653px; margin: 8px auto 0 auto; background: url(../images/fond/book-bot.gif) left bottom no-repeat; clear: both; } div.book-top { padding: 7px 0 10px 0; background: url(../images/fond/book-top.gif) left top no-repeat; overflow: auto; position:relative; top: 0; left: 0; } div.book-top h3 { font: normal 1.9em Georgia; color: #067492; padding: 8pt 0 0 64px; margin: 0; } div.book-top div.one { float:left; padding:0pt 0 0 64px; width:261px; } div.book-top div.two { float:left; padding:0pt 61px 0 19pt; width:235px; } div.book-top div.one h4 { font: bold 1em arial; color: #131313; margin: 0 0 3px 0; padding: 0; } div.book-top div.one p.visu { float: left; margin: 0 10px 10px 0; } div.book-top div.one p.desc { font: normal 0.75em arial; color: #343637 } div.book-top div.one p.desc a { text-decoration: none; } div.book-top div.one p.lire { bottom:8px; left:17px; position:absolute; } div.book-top div.one p.lire a { font: bold 0.75em Georgia; color: #075d74 } div.book-top div.two h4 { font: bold 1em arial; color: #131313; margin: 0 0 3px 0; padding: 0; text-align :right } div.book-top div.two p.visu { float: right; margin: 0 0 10px 10px; text-align :right; } div.book-top div.two p.desc { font: normal 0.75em arial; color: #343637; text-align :right;} div.book-top div.two p.desc a { text-decoration: none; } div.book-top div.two p.lire { bottom: 8px; right: 17px; position: absolute; text-align: right; } div.book-top div.two p.lire a { font: bold 0.75em Georgia; color: #075d74 } /* //////////////////// Footer */ #outro { width: 920px; min-height: 57px; clear: both; } #outro p { color: #a2a2a1; text-align: center; padding: 8px 0 7px 0 } #outro p a { color: #a2a2a1; font: normal 0.7em arial; } #outro p a:hover { color: #797978; text-decoration: underline } #outro p a:visited { color: #c7c7c7; text-decoration: underline } /* //////////////////// 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: 25px auto 10px auto; text-align: center; font: bold italic 1.1em arial; color: #e28797 } .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; } /* //////////////////// Messages d erreurs */ .denied { width: 450px; color: red; font: normal 12px arial; margin: 10px auto 19px auto } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/p3.gif) left 5px 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 0 10px 0; background: url(../images/fond/element-top.gif) left top no-repeat; } /* //////////////////// Formulaires */ form.formatform { width: 624px; margin: 0 auto 15px auto; padding: 0; } form.formatform h3 { margin: 0 0 16px 0; } form.formatform fieldset { margin: 0; padding: 0 0 0 15px } form.formatform fieldset legend { margin: 0; padding: 0; margin: 15px 0 10px 0; font: normal 1.3em "Trebuchet MS"; color: #c90a2c } form.formatform label.lbleft { float: left; width: 17em; font: bold 0.9em arial; color: #484747; } form.formatform input , form.formatform textarea { border: 1px solid #7cc8db; } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0; clear: both; text-align:center; } /* //////////////////// Page Register */ .bl5-botRegister { width: 648px; margin: 0 0 0 8px; padding: 0 0 12px 0; background: url(../images/fond/bl5-bot.gif) left bottom no-repeat; } div.bl5-bot { width: 648px; margin: 0 0 0 8px; padding: 0 0 12px 0; background: url(../images/fond/bl5-bot.gif) left bottom no-repeat; } div.bl5-bot h2 { width: auto; min-height: 34px; margin: 0 0 12px 0; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #fff; background: url(../images/fond/bl5-top.gif) left top no-repeat } .bl5-botRegister { width: 648px; margin: 0 0 0 8px; padding: 0 0 12px 0; background: url(../images/fond/bl5-botRegister.gif) left bottom no-repeat; } /*.bl5-botRegister { width: 648px; margin: 0 0 0 8px; padding: 0 0 12px 0; background: url(../images/fond/bl5-bot.gif) left bottom no-repeat; } */ .bl5-botRegister h2 { width: auto; min-height: 34px; margin: 0 0 12px 0; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #fff; background: url(../images/fond/bl5-top.gif) left top no-repeat } form#registerForm { width: 600px; margin: 0 auto 15px auto; padding: 0 0 0 24px; } form#registerForm input.text, form#registerForm select { width: 12em } form#registerForm textarea { width: 43em } form#registerForm p.centerbut input { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3 } /* //////////////////// Page forget mot de passe */ #forgetForm { } #forgetForm label { width: 5em; position:relative; top: 3px; left: 0; } #forgetForm { width: 600px; margin: 0 auto 15px auto; padding: 0 0 0 24px; } #forgetForm input.text, #forgetForm select {width: 17em } #forgetForm input.valid { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3 } /* //////////////////// LoginForm */ #loginForm { } #loginForm { width: 600px; margin: 0 auto 15px auto; padding: 0 0 0 24px; } #loginForm input.text {width: 11em } #loginForm label.lbleft { width: 5em; float: none; padding: 0 7px 0 8px } #loginForm input.valid { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3 } p.moreLinks { text-align: center; } /* //////////////////// Page contact */ div.bl6-bot { width: 648px; margin: 0 0 0 8px; padding: 0 0 12px 0; overflow: auto; background: url(../images/fond/bl6-bot2.gif) left bottom no-repeat; } div.bl6-bot h2 { width: auto; min-height: 34px; margin: 0 0 12px 0; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #fff; background: url(../images/fond/bl6-top.gif) left top no-repeat } div.bl6-bot .one { float: left; width: 339px; padding: 0 0 0 12px; } div.bl6-bot .two { float: left; width: 288px; position:relative; top: 0; left: -7px; } div.bl6-bot h3 { height: 30px; padding: 0 0 0 69px; margin: 0; color: #678f10; font: normal 1.4em Georgia; line-height: 30px} div.bl6-bot h3.quand { background: url(../images/puce/quand.gif) 27px top no-repeat; } div.bl6-bot h3.ou { background: url(../images/puce/ou.gif) 27px top no-repeat; } div.bl6-bot h3.comment { background: url(../images/puce/comment.gif) left top no-repeat; } div.bl6-bot h3.contactH3 { background: url(../images/puce/contactH3.gif) left top no-repeat; } div.bl6-bot .two p { color: #7b7b7b; padding: 0 0 0 70px; font-size: 0.9em } /* //////////////////// Page Librairie */ div.bl8-bot { width: 648px; margin: 0 0 0 8px; padding: 0 0 12px 0; overflow: auto; background: url(../images/fond/bl6-bot2.gif) left bottom no-repeat; } div.bl8-bot h2 { width: auto; min-height: 34px; margin: 0 0 12px 0; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #fff; background: url(../images/fond/bl8-top.gif) left top no-repeat } .centerfloatPlan { float: right; margin: 0 0 15px 5px } /* //////////////////// Page CGV */ div.bl9-bot { width: 648px; margin: 0 0 0 8px; padding: 0 0 12px 0; overflow: auto; background: url(../images/fond/bl6-bot2.gif) left bottom no-repeat; } div.bl9-bot h2 { width: auto; min-height: 34px; margin: 0 0 12px 0; padding: 14px 0 0 28px; font: normal 1.7em Georgia; color: #fff; background: url(../images/fond/bl9-top.gif) left top no-repeat } /* //////////////////// Page Mentions */ .conformement { font: normal 0.7em arial } div.mention-bot { width: 260px; float: left; margin: 0 15px 12px 37px; border: 1px solid #f68409; background: url(../images/fond/mention-bot.gif) left bottom no-repeat; } div.mention-top { width: 260px; height: 167px; padding: 10px; background: url(../images/fond/mention-top.gif) left top no-repeat; } #secondBloc { } div.mention-top h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 1.2em arial; } #mentionPage p { padding: 0 35px } /* //////////////////// Panier : OrderBasket */ ul#suiviPanier { width: 630px; margin: 14px auto 0 auto; overflow: auto; } ul#suiviPanier li { float: left; margin: 0 7px 0 33px } ul#suiviPanier li a { } .cb { clear: both; } .aucun { text-align: center; font-weight: bold; } table.full { width: 630px; margin: 0 auto; } table.full td { padding: 10px 6px } table.full td.bordered { border: 1px solid #b3b3b3 } table.full thead { height: 36px; background-color: #c50e2e; } table.full th { font: normal 1em Georgia; height: 36px; color: #fff; text-align: center; } table.full caption { margin: 15px 0 10px 20px; font: normal 1.4em Georgia; color: #ca0b2d; text-align: left; } table.full select { border: 1px solid #c8c6c4 } .quantityField { background-color: #f5f2f2; color: #c6092a; border: 1px solid #c8c6c4 } table.full p.centerbut input { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3; cursor: pointer } /* //////////////////// Fiche produit */ div.prod-bot { width: 512px; margin: 0 auto; background: url(../images/fond/prod-bot.gif) left bottom no-repeat; } div.prod-top { padding: 25px 0 17px 0; background: url(../images/fond/prod-top.gif) left top no-repeat; } div.prod-top h3 { color: #c8092b; font: bold 1.1em arial; margin: 0 0 10px 0; } div.prod-top h4 { color: #c8092b; font: bold 1em arial; } div.prod-top table { width: 476px; margin: 0 auto } div.prod-top table caption { font: bold 1em arial; color: gray; position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; visibility: hidden; } div.prod-top table td { vertical-align: top } div.prod-top table td.one { width: 160px; } div.prod-top table td.one p.visu { text-align: center; } div.prod-top table td.two { vertical-align: top } div.prod-top table p { color: #7e7e7e } div.prod-top table p span { color: #525252 } div.prod-top p.actions { margin: 10px 0 0 0; } div.prod-top p.actions a { text-decoration: none; } div.prod-top p.actions a:hover { text-decoration: underline; color: #3b3b3b; } div.prod-top p.actions a.valid { display: block; width: 120px; margin: 0 auto; padding: 0 20px 12px 0; background: url(../images/bt/caddie.gif) right top no-repeat; color: #3b3b3b; font: normal 0.75em arial; } div.prod-top p.actions a.consult { display: block; width: 120px; margin: 0 auto; padding: 0 20px 0 0; background: url(../images/puce/consult.gif) right top no-repeat; color: #3b3b3b; font: normal 0.75em arial; } /* - - - - - - - - - - - - - - - - - - - - */ .rouge_cinabre .prod-bot { background: url(../images/fond/prod-bot2-cinabre.gif) left bottom no-repeat; } .rouge_cinabre .prod-top { background: url(../images/fond/prod-top-cinabre.gif) left top no-repeat; } .rouge_cerise .prod-bot { background: url(../images/fond/prod-bot-cerise.gif) left bottom no-repeat; } .rouge_cerise .prod-top { background: url(../images/fond/prod-top-cerise.gif) left top no-repeat; } .vert_kaki .prod-bot { background: url(../images/fond/prod-bot-vert.gif) left bottom no-repeat; } .vert_kaki .prod-top { background: url(../images/fond/prod-top-vert.gif) left top no-repeat; } .orange .prod-bot { background: url(../images/fond/prod-bot-orange.gif) left bottom no-repeat; } .orange .prod-top { background: url(../images/fond/prod-top-orange.gif) left top no-repeat; } .bleu_electrique .prod-bot { background: url(../images/fond/prod-bot-bleu.gif) left bottom no-repeat; } .bleu_electrique .prod-top { background: url(../images/fond/prod-top-bleu.gif) left top no-repeat; } .vert_malachite .prod-bot { background: url(../images/fond/prod-bot-v.gif) left bottom no-repeat; } .vert_malachite .prod-top { background: url(../images/fond/prod-top-v.gif) left top no-repeat; } .bleu_ciel .prod-bot { background: url(../images/fond/prod-bot-bc.gif) left bottom no-repeat; } .bleu_ciel .prod-top { background: url(../images/fond/prod-top-bc.gif) left top no-repeat; } .bleu_de_minuit .prod-bot { background: url(../images/fond/prod-bot-minuit.gif) left bottom no-repeat; } .bleu_de_minuit .prod-top { background: url(../images/fond/prod-top-minuit.gif) left top no-repeat; } .carotte .prod-bot { background: url(../images/fond/prod-bot-carotte.gif) left bottom no-repeat; } .carotte .prod-top { background: url(../images/fond/prod-top-carotte.gif) left top no-repeat; } .gris .prod-bot { background: url(../images/fond/prod-bot-gris.gif) left bottom no-repeat; } .gris .prod-top { background: url(../images/fond/prod-top-gris.gif) left top no-repeat; } /* */ .rouge_cinabre .prod-top h3 { color: #e00217 ; font-size: 1.3em } .rouge_cinabre .prod-top p.justify { color: #e00217; font-size: 1.3em } .rouge_cerise .prod-top h3 { color: #c1051e ; font-size: 1.3em } .rouge_cerise .prod-top p.justify { color: #c1051e; font-size: 1.3em } .vert_kaki .prod-top h3 { color: #a69b4b ; font-size: 1.3em } .vert_kaki .prod-top p.justify { color: #a69b4b ; font-size: 1.3em } .orange .prod-top h3 { color: #fbbf3a } .orange .prod-top p.justify { color: #fbbf3a ; font-size: 1.3em} .bleu_electrique .prod-top h3{ color: #006dbe ; font-size: 1.3em } .bleu_electrique .prod-top p.justify{ color: #006dbe ; font-size: 1.3em } .vert_malachite .prod-top h3 { color: #149FA4 ; font-size: 1.3em } .vert_malachite .prod-top p.justify { color: #149FA4 ; font-size: 1.3em } .bleu_ciel .prod-top h3 { color: #a0c4e8 ; font-size: 1.3em } .bleu_ciel .prod-top p.justify { color: #a0c4e8 ; font-size: 1.3em } .bleu_de_minuit .prod-top h3 { color: #002f49 ; font-size: 1.3em } .bleu_de_minuit .prod-top p.justify { color: #002f49 ; font-size: 1.3em } .carotte .prod-top h3 { color: #f66a39 } .carotte .prod-top p.justify { color: #f66a39 ; font-size: 1.3em } .gris .prod-top h3 { color: #bbbabb ; font-size: 1.3em } .gris .prod-top p.justify { color: #bbbabb; font-size: 1.3em } /* //////////////////// orderDeliveryForm */ form#orderDeliveryForm { margin: 12px 0 0 0 } form#orderDeliveryForm fieldset { width: 310px; min-height: 124px; padding: 0 0 32px 0; margin: 22px auto 0 auto; background: url(../images/fond/sep.gif) right bottom no-repeat; } form#orderDeliveryForm p { padding: 0 0 0 65px } p.warning { font: normal 0.9em arial; color: gray } p.warning strong { font: bold 1em arial; color: gray } p.warning strong.attention { color: #c40829 } form#orderDeliveryForm p.centerbut input { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3; cursor: pointer } /* //////////////////// OderConfirm */ .adresses { width: 600px; margin: 10px auto; overflow: auto; } .adresses dl { float: left; width: 300px } .adresses dl dt { font: bold 1em arial; color: #6d6d6d } .adresses dl dd { font: normal 0.9em arial } .formatform p.centerbut input { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3; cursor: pointer } .format p.centerbut a { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3; cursor: pointer; padding: 0 3px; text-decoration: none; } .format p.centerbut a:hover { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3; cursor: pointer; padding: 0 3px; text-decoration: underline; } .buttonLink { display: block; margin: 3px auto; padding: 8px 0; text-align: center; } .buttonLink a { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3; cursor: pointer; padding: 0 3px; text-decoration: none; } .buttonLink a:hover { text-decoration: underline } a.buttonLink2 { background: url(../images/bt/f-button.gif) left center repeat-x; color: #fff; border: 3px solid #eae3e3; cursor: pointer; padding: 0 3px; text-decoration: none; } a.buttonLink2:hover { text-decoration: underline } .adrShift { position:relative; top: 0; left: 15px; } span.dbSpan { display: block; padding: 7px 0 0 0 } span.dbSpan2 { display: block; padding: 10px 0 0 0 } span.dbSpan3 { display: block; padding: 4px 0 0 0 } /* //////////////////// LoginRegister */ div.bl7-bot { width: 306px; float: left; margin: 0 0 0 14px; background: url(../images/fond/bl7-bot.gif) left bottom no-repeat; } div.bl7-top { padding: 7px 0 10px 12px; background: url(../images/fond/bl7-top.gif) left top no-repeat; } #secondBloc { } #secondBloc { margin:0 0 0 11px} #secondBloc div.bl7-top { padding: 7px 0 10px 11px; } #loginRegisterForm { overflow: auto; margin: 25px 0 0 0; width: auto; } div.bl7-top label.lbleft { width: 110px; } .o { overflow: auto; } /* //////////////////// Plan du site */ #masterListe { margin: 0 0 0 55px; } #planCont li span { margin: 15px 0 10px 0; font: normal 1.3em Georgia; color: #ca0b2d; } ul.puced li.bgn { background: none; margin-left: 0 } /* //////////////////// Messages flash */ .flash { width: 70%; margin: 0 auto 14px auto; padding: 15px 15px 15px 75px; } .flash ul { margin: 0; padding: 0 } .flash ul li { padding: 0 0 0 21px; line-height: 14px; font: bold 13px arial } .flash { border: 1px solid #b7b6b6; background-color: #dfdfdf; color: #ce2a47 } /* */ #manageInvoiceTable { width: 617px; } #orderDeliveryForm fieldset p { margin:0; padding: 0 }