body{ font-size:62.5%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } body#lepro{ } .flash{ position:absolute; top:79px; left:24px; } #conteneur{ position:relative; margin:0px auto 0px auto; width:1000px; } .bg2{ /*position:absolute; top:0px; left:-1000px; width:1000px; height:253px; background: url(../cssimg/site/bg2.gif) 0px 0px repeat-x;*/ } /* ====================================================================== */ /* =============================== GLOBAL =============================== */ /* ====================================================================== */ .spacer { clear:both; } .spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; } a { color:#EC7703; text-decoration:underline; } a:hover { text-decoration:none; } img { border:0px; } h1 { font-size:2.2em; } h2 { font-size:2em; } h3 { font-size:1.8em; } h4 { font-size:1.6em; } h5 { font-size:1.4em; } h6 { font-size:1.3em; } p { margin:0; padding:0; font-size:1.2em; } ul { margin:0; padding:0;} textarea{ font-family:Arial, Helvetica, sans-serif;} .floatleft{ float:left;} .floatright{ float:right;} .center{ text-align:center;} .alignleft{ text-align:left;} .alignright{ text-align:right;} .hidden-link{ color:black; text-decoration:none;} #msgalerte{ margin:0; padding:0;} .bouton01{width:36px; height:22px; color:white; font-size:1.1em; font-weight:bold; border:0px; cursor:pointer; background: url(../cssimg/site/buttonVert01.gif) 0px 2px no-repeat; } .bouton02{ width:138px; height:20px; font-size:1.2em; font-weight:lighter; color:white; text-align:center; background: url(../cssimg/site/boutonVert02.gif) 0px 0px no-repeat; cursor:pointer; border:0px; text-decoration:none; } .bouton03{ width:90px; height:20px; font-size:1.2em; font-weight:lighter; color:white; text-align:center; background: url(../cssimg/site/boutonVert03.gif) 0px 0px no-repeat; text-decoration:none; cursor:pointer; border:0px; } .bouton04{ width:90px; height:20px; font-size:1.2em; font-weight:lighter; color:white; text-align:center; background: url(../cssimg/site/buttonOrange02.gif) 0px 0px no-repeat; cursor:pointer; border:0px; text-decoration:none; } .barreBleu{ margin:20px 0px 5px 0px; padding:6px 0px 0px 20px; width:713px; height:21px; color:#807F84; font-size:1.3em; font-weight:lighter; } .barreGrise{ position:relative; padding:0px 0px 0px 0px; width:734px; height:26px; color:#807F84; font-size:1.3em; text-transform:uppercase; font-weight:lighter; background: url(../cssimg/site/barreVerte.gif) 0px 0px no-repeat; } .barreGrise span{ position:relative; } .a-bouton01{ display:block; margin:1px 3px 1px 3px; padding:2px 0px 0px 0px; width:36px; height:18px; font-size:1em; font-weight:bold; color:white; text-align:center; background: url(../cssimg/site/buttonVert01.gif) 0px 0px no-repeat; border:0px; cursor:pointer; text-decoration:none; } .a-bouton02{ display:block; margin:1px 3px 1px 3px; padding:2px 0px 0px 0px; width:138px; height:18px; font-size:1em; font-weight:bold; color:white; text-align:center; background: url(../cssimg/site/boutonVert02.gif) 0px 0px no-repeat; cursor:pointer; border:0px; text-decoration:none; } .a-bouton03{ display:block; margin:1px 3px 1px 3px; padding:2px 0px 0px 0px; width:90px; height:18px; font-size:1em; font-weight:bold; color:white; text-align:center; background: url(../cssimg/site/boutonVert03.gif) 0px 0px no-repeat; cursor:pointer; border:0px; text-decoration:none; } .a-bouton04{ display:block; margin:1px 3px 1px 3px; padding:2px 0px 0px 0px; width:90px; height:18px; font-size:1em; font-weight:bold; color:white; text-align:center; background: url(../cssimg/site/buttonOrange02.gif) 0px 0px no-repeat; cursor:pointer; border:0px; text-decoration:none; } .a-bouton01 a,.a-bouton02 a,.a-bouton03 a,.a-bouton04 a{ color:white; text-decoration:none;} /* GLOBAL color -- y mettre aussi les colors de l'interface en utilisant une class genre et à inclure du type class="destinateur colorInterface" */ .colorInterface1{ color:#707070;} /* utiliser uniquement pour le moment sur class explication */ /* ====================================================================== */ /* ============================== INTERFACE ============================= */ /* ====================================================================== */ /*----- la poubelle de suppression de page ---------------------- */ .trash { float:left; margin:0px 3px 0px 0px; } /*----- input titre - pour changer de titre ---------------------- */ #ntitre input{font-size:2.2em; color:black; margin:0px 0px 30px 10px; background:none; width:86%; border:0px black solid; border-bottom:1px black dashed;} /*--- les Boutons ----------------------*/ .boutons{margin:20px 0px 0px 180px; } .button { padding:0px 3px 0px 17px; border:1px #BFBFBF solid; cursor:pointer; } .cancel { background:#F7F7F7 url(../cssimg/cross.png) 2px 0px no-repeat; color:#D12F19 } .cancel:hover { background:#FBE3E4 url(../cssimg/cross.png) 2px 0px no-repeat; } .save { background:#F7F7F7 url(../cssimg/tick.png) 2px 0px no-repeat; color:#529214; } .save:hover { background:#E6EFC2 url(../cssimg/tick.png) 2px 0px no-repeat; } /*----- barre admin de la page news ----------------------*/ #admin-page { margin:0px 0px 10px 0px; padding:0;} #admin-page p{} #admin-page a { color:white; font-size:0.9em; font-weight:bold; text-decoration:none; text-align:center; margin:0px 7px 0px 0px; padding:2px 5px; } #admin-page a:hover { text-decoration:underline;} #admin-page .delete { background:#981400; } #admin-page .add { background:#F3A24E; } /*----- barre d'édition Editer | Effacer ------------------------*/ .editeur-barre { padding:0px 5px; background:#E9E9E9; font-size:1.1em; margin:20px 0px 0px 0px; } .editeur-barre a { color:black; } .editeur-barre a:hover {} /* sur page lien */ .lien-up{ position:relative; } .lien-up img{ position:absolute; top:0px; right:0px; } /*sur page news uniquement */ .editeur-barre span{ float:right; font-weight:bold;} .editeur-barre .past{color:#666666;} .editeur-barre .now{color: #009933;} .editeur-barre .future{color:#990000;} /* ====================================================================== */ /* ========= ADMIN BARRE Aide | Editer | En Ligne | Deconnexion ========= */ /* ====================================================================== */ .imgBA{ position:absolute; top:3px; right:3px; z-index:3; cursor:pointer;} #admin-container { position:absolute; top:0; left:0; width:100%; z-index:2; display:block; margin:0px; padding:0px; height:22px; text-align:right; background:#454545; color:white; border-bottom:2px black solid; /* filter:alpha(opacity=85); opacite pour FF */ /* -moz-opacity:0.85; opacite pour FF */ /* opacity: 0.85; opacite pour IE */} html>body #admin-container {position:fixed; } #admin { margin:0 auto; padding:0px 0px 0px 0px; width:900px; color:white; text-align:right; z-index:3; } /* menu : aide | editer | en ligne | déconnexion */ .admin-menu{float:right; margin:0px 0px 0px 0px; height:22px; } .admin-menu li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; border-right:1px #E5E5E5 solid; } .admin-menu li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; } .admin-menu li a:hover{ color:#8FD7FF; } /* menu : référencement et stats */ .admin-menu2{float:left; margin:0px 10px 0px 0px; height:22px; background:#7F7F7F; } .admin-menu2 li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; border-right:1px #E5E5E5 solid;} .admin-menu2 li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; } .admin-menu2 li a:hover{ color:#8FD7FF; } /* menu : aide */ .admin-menu3{float:right; margin:0px 10px 0px 10px; height:22px; } .admin-menu3 li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; } .admin-menu3 li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; } .admin-menu3 li a:hover{ color:#8FD7FF;} .BA-quick{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-stat.gif) 5px 2px no-repeat;} .BA-stat{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-stat.gif) 5px 2px no-repeat;} .BA-edit{ padding:2px 5px 0px 5px;} .BA-normal{ padding:2px 5px 0px 5px;} .BA-publi{ padding:2px 5px 0px 5px;} .BA-user{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-user.gif) 5px 2px no-repeat;} .BA-deco{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-deco.gif) 5px 2px no-repeat;} .BA-ref{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-ref.gif) 5px 2px no-repeat;} .BA-help{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-help.gif) 5px 2px no-repeat;} /* ====================================================================== */ /* =============================== POPUP =============================== */ /* ====================================================================== */ #popup{margin:0px auto 0px auto; padding:10px 10px 30px 10px; background:white; } #popup h3{ margin:0px 0px 10px 0px; color:#7DBF13;} #popup p{margin:0px 0px 1px 30px;} #popup label{margin:0px 0px 10px 0px; color:#4a4a4a; } #popup input{ padding:0px 5px 0px 5px; border:1px #696d81 solid; width:180px;} #popup textarea{ padding:3px 5px 3px 5px; width:180px; font-size:1em; border:1px #696d81 solid;} #popup button{ margin:10px 0px 0px 60px; width:138px; height:20px; color:white; font-weight:bold; text-align:center; font-size:1em; background: url(../cssimg/site/boutonVert02.gif) 0px 0px no-repeat; cursor:pointer; border:0px; } .fermer{ height:21px; font-size:1.2em;} .fermer a{ float:right; display:block; height:18px; width:50px; padding:3px 0px 0px 0px; text-align:center; background:#D5312E; color:white; text-decoration:none;} .fermer a:hover{ background:#BF2723; } /* popup de référencement*/ #keyword{} #keyword fieldset{ padding:10px; border:1px #CCC solid;} #keyword legend{ padding:10px; font-size:1.2em; font-weight:bold;} #keyword p{} #keyword label{ float:left; display:block; width: 100px; } #keyword input{ width:500px; } /* ====================================================================== */ /* =============================== HEADER =============================== */ /* ====================================================================== */ #header { background: url(../cssimg/site/header2_bg.jpg) 0px 0px repeat-x; position:relative; height:312px; } #lepro #header { background: url(../cssimg/site/header2pro_bg.jpg) 0px 0px repeat-x; position:relative; height:312px; } .slogan { position:absolute; top:1px; left:70px; color:#807F84; font-size:1.1em; font-weight:normal;} .slogan a { color:#807F84; text-decoration:none; } a:hover { text-decoration:underline; } .btHead{ position:absolute; left:30px;} .titreHead{ position:absolute; top:68px; left:360px; font-size:1.6em; color:white;} .titreHeadpro{ position:absolute; top:68px; left:398px; font-size:1.4em; color:white;} /* ================== Logo ================== */ #logo{ position:absolute; top:2px; left:168px; } /* ================== menu ================== */ #menu-haut { position:absolute; top:278px; margin:1px 0px 0px 19px; width:930px; height:34px; } #menu-haut ul {} #menu-haut ul li { float:left; } #menu-haut ul a { float:left; display:block; margin:0px 0px 0px -1px; padding:10px 10px 0px 8.6px; height:24px; color:#807F84; font-size:1.1em; font-weight:bold; letter-spacing:-0.4px; text-transform:uppercase; text-decoration:none;} #menu-haut ul a:hover { color:#A9C404 } #menu-haut ul a.selectmenuhaut { color:#A9C404 } #menu-haut ul a.selectmenuhaut:hover{ color:#A9C404 } #menu-haut ul .test{ border:1px orange dashed; } .dropmarker { height:20px; width:200px; background: url(../cssimg/dropmarker.gif) left top no-repeat; margin-top:-3px;margin-left:-5px; } #menu-haut .imgdrag{position:absolute; right:5px; top:9px; cursor:move; margin-left:10px;} /*============= head-panier =============*/ #head-panier{ position:absolute; top:0px; right:0px; width:300px; height:100px;} #head-panier .desc{ margin:50px 0px 0px 0px;} #head-panier .desc{ font-size:1.1em; color:#807F84;} #head-panier .voir{ position:absolute; top:50px; left:164px; font-size:1.1em; font-weight:light; } #head-panier .voir a{ display:block; width:46px; height:17px; color:#807F84; text-align:center; text-decoration:none; } #head-panier .voir a:hover{ color:#A9C404; } #head-panier .voir a.pro{ color:#807F84; } #head-panier .voir a.pro:hover{ color:#A9C404; } /*============= head-search =============*/ #head-search{ position:absolute; top:7px; right:90px;} #head-search p{ font-size:1.1em; color:#807F84; font-weight:light;} #head-search label{margin:0px 9px 0px 0px;} #head-search input{ width:100px; border:1px; border-color:#A9C404; border-style: solid; color:#807F84; font-size:1.1em; font-weight:light; } #head-search button{ cursor:pointer; font-size:1.1em; color:#807F84; font-weight:light; background:none; border:0px;} #head-search button:hover{ cursor:pointer; color:#A9C404; } /* ====================================================================== */ /* =============================== GAUCHE ============================== */ /* ====================================================================== */ /* ================== div gauche ================== */ #gauche{ float:left; width:220px; } .prix-direct{margin:15px 0px 0px 7px;} .w-question{margin:20px 0px 10px 7px;} .partenaireGauche{margin:25px 0px 0px 7px;} .envoi-ami{ margin:0px 0px 0px 7px;} /* ================== ACCES PRO ET PARTICULIER ================== */ #AccesPro{margin:10px 0px 10px 7px; padding:113px 0px 0px 0px; width:182px; height:101px; background: url(../cssimg/site/accesProBg.jpg) 0px 0px no-repeat;} #AccesParticulier{margin:10px 0px 0px 7px; padding:45px 0px 0px 0px; width:182px; height:90px; background: url(../cssimg/site/accesParticulierBg.jpg) 0px 0px no-repeat;} #AccesPro .champAcces, #AccesParticulier .champAcces{ margin:2px 0px 0px 6px; font-size:1em;} #AccesPro .champAcces label, #AccesParticulier .champAcces label{ font-size:1em; color:#807F84;} #AccesPro .champAcces input, #AccesParticulier .champAcces input{padding:2px 5px 0px 5px; width:114px; height:18px; border:1px; border-color:#A9C404; border-style: solid; color:#807F84; font-size:1.1em;} #AccesPro .champAcces button,#AccesParticulier .champAcces button{ background-color:white; width:36px; height:20px; font-size:1.1em; color:#807F84; border:0px; cursor:pointer; } #AccesPro .champAcces button:hover,#AccesParticulier .champAcces button:hover{ color:#A9C404;} #AccesPro .champAcces button {} /* background: url(../cssimg/site/buttonVert01.gif) 0px -1px no-repeat; */ #AccesParticulier .champAcces button{} /* background: url(../cssimg/site/buttonOrange01.gif) 0px -1px no-repeat;*/ #AccesPro .oubli, #AccesParticulier .oubli {margin:3px 0px 0px 6px; font-size:1em; } #AccesPro .oubli a, #AccesParticulier .oubli a{ color:#807F84; text-decoration:none;} #AccesPro .oubli a:hover, #AccesParticulier .oubli a:hover{ color:#A9C404;} #AccesPro .signup, #AccesParticulier .signup{margin:0px 0px 0px 5px; font-size:1em; } #AccesPro .signup a, #AccesParticulier .signup a{ color:#807F84; text-decoration:none;} #AccesPro .oubli a:hover, #AccesParticulier .oubli a:hover{ color:#A9C404;} #AccesPro .connected, #AccesParticulier .connected{margin:0px 0px 0px 5px;} #AccesPro .connected a, #AccesParticulier .connected a{ color:#807F84; text-decoration:none;} #AccesPro .connected a:hover, #AccesParticulier .connected a:hover{ color:#A9C404; } #menu-gallenique{margin:0px 0px 0px 6px;} #menu-gallenique li{margin:0px 0px 2px 0px;} #menu-gallenique li a{ display:block; padding:5px 0px 0px 10px; width:172px; height:23px; color:white; font-size:1.2em; font-weight:bold; background: url(../cssimg/site/menu_gallenique_bg01.gif) 0px 0px no-repeat; text-decoration:none;} #menu-gallenique li a:hover{ color:#FE6B04;} /* ================== menu gauche ================== */ #sousmenu { position:relative; margin:15px 31px 15px 7px; padding:0px 0px 40px 0px; background: url(../cssimg/site/menu_gBottom.gif) 0px bottom no-repeat;} #sousmenu .titre { position:absolute; top:6px; left:8px; color:white; font-size:1.2em; font-weight:bold;} #sousmenu ul {} #sousmenu ul li {} #sousmenu div.up { position:absolute;} #sousmenu div.up img {position:relative; left:149px; top:3px; cursor:pointer; } #sousmenu .ul1, #sousmenu .ul2, #sousmenu .ul3{ height:1%/*hack ie*/; } #sousmenu .li1,#sousmenu .li2,#sousmenu .li3{} #sousmenu a.lien1,#sousmenu a.lien2,#sousmenu a.lien3{ position:relative; display:block; color:#2c2c2c; text-decoration:none; } html>body #sousmenu a.lien1, html>body #sousmenu a.lien2, html>body #sousmenu a.lien3{ } #sousmenu a.lien1:hover,#sousmenu a.lien2:hover,#sousmenu a.lien3:hover{} #sousmenu a.encours1,#sousmenu a.encours2,#sousmenu a.encours3{ position:relative; display:block; text-decoration:none;} html>body #sousmenu a.encours1, html>body #sousmenu a.encours2, html>body #sousmenu a.encours3{ } #sousmenu .ul1{ padding:26px 0px 0px 0px; background: url(../cssimg/site/menu_gTop.gif) 0px 0px no-repeat; } #sousmenu .ul1 .up { } #sousmenu .li1{} #sousmenu .li1 a.lien1 {height:16px; padding:5px 0px 0px 10px; font-size:1.2em; } html>body #sousmenu .li1 a.lien1 { min-height:16px; height:auto;} #sousmenu .li1 a.lien1:hover{ color:#7CBF0F; } #sousmenu a.encours1{height:16px; padding:5px 0px 0px 10px; font-size:1.2em; color:#2c2c2c; } html>body #sousmenu a.encours1{ min-height:16px; height:auto;} #sousmenu .ul2{ } #sousmenu .ul2 .up { } #sousmenu .li2{ padding:0px 0px 0px 15px; } #sousmenu .li2 a.lien2 {height:16px; background:url(../cssimg/menu_gauche-a.gif) 6px 6px no-repeat; padding:1px 0px 0px 18px; font-size:1.1em; } html>body #sousmenu .li2 a.lien2 { min-height:16px; height:auto; } #sousmenu .li2 a.lien2:hover{ color:white;} #sousmenu a.encours2{ height:16px; padding:1px 0px 0px 18px; font-size:1.1em; background:white; font-weight:bold; color:#2c2c2c; } html>body #sousmenu a.encours2{ min-height:15px; height:auto;} #sousmenu .ul3{ } #sousmenu .ul3 .up { } #sousmenu .li3{ padding:0px 0px 0px 30px; } #sousmenu .li3 a.lien3 { padding:0px 0px 0px 18px; font-size:1.1em;} html>body #sousmenu .li3 a.lien3 { } #sousmenu .li3 a.lien3:hover{ background:white; font-weight:bold; } #sousmenu a.encours3{ padding:0px 0px 0px 18px;} html>body #sousmenu a.encours3{ } /* lien ajouter une sous rubrique */ li.ajout1, li.ajout2, li.ajout3 { list-style-type:none; } li.ajout1 a, li.ajout2 a, li.ajout3 a{ display:block; text-decoration:none;} html>body li.ajout1 a, html>body li.ajout2 a, html>body li.ajout3 a{} li.ajout1 a:hover, li.ajout2 a:hover, li.ajout3 a:hover{} p.ajout1 a{ display:block; height:20px; padding:3px 0px 0px 15px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 3px 6px no-repeat; font-size:1em; font-weight:bold; color:white; text-decoration:none; } html>body p.ajout1 a{} p.ajout1 a:hover{} li.ajout1 a{ height:20px; padding:3px 0px 0px 15px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 3px 6px no-repeat; font-size:1.1em; font-weight:bold; color:white; } html>body li.ajout1 a{} li.ajout1 a:hover{} li.ajout2 a{ height:18px; padding:2px 0px 0px 32px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 20px 4px no-repeat; font-size:1.1em; font-weight:bold; color:white;} html>body li.ajout2 a{ min-height:18px; height:auto;} li.ajout2 a:hover{} li.ajout3 a{ height:18px; padding:2px 0px 0px 15px; margin:0px 0px 0px 32px; background:url(../cssimg/menu_gauche_ajouter2.gif) 5px 4px no-repeat; color:#F3A24E; font-size:1.1em; } html>body li.ajout3 a{ min-height:18px; height:auto;} li.ajout3 a:hover{} .move2{ position:absolute; top:3px; right:5px; } #menufixe { position:relative; margin:0px 0px 20px 7px; padding:0px 0px 30px 0px; width:182px; background: url(../cssimg/site/menu_fixe_bottom.gif) 0px bottom no-repeat;} #menufixe2 { position:relative; margin:0px 0px 20px 7px; padding:0px 0px 30px 0px; width:182px; background: url(../cssimg/site/menu_fixe_bottom2.gif) 0px bottom no-repeat;} #menufixe ul{ padding:40px 0px 0px 0px; background: url(../cssimg/site/menu_fixe_top.gif) 0px 0px no-repeat;} #menufixe2 ul{ padding:40px 0px 0px 0px; background: url(../cssimg/site/menu2_fixe_top.gif) 0px 0px no-repeat;} #menufixe li, #menufixe2 li{ position:relative; margin:0px 0px 0px 1px; font-size:1.2em;} #menufixe li span, #menufixe2 li span { position:absolute;} #menufixe li a, #menufixe2 li a { _position:absolute; display:block; margin:0px 0px 0px 20px; width:160px; color:#2C2C2C; text-decoration:none;} *+html #menufixe li a, *+html #menufixe2 li a {position:absolute;} #menufixe li a:hover, #menufixe2 li a:hover { text-decoration:underline;} #menufixe .titre, #menufixe2 .titre{ position:absolute; top:6px; left:14px; color:#807F84; font-size:1.1em; font-weight:bold; text-align:center; } /* ====================================================================== */ /* =============================== CENTRE =============================== */ /* ====================================================================== */ #centre-,#centre-accueil,#centre-concept,#centre-news,#centre-liens,#centre-galerie,#centre-faq,#centre-contact,#centre-sitemap,#centre-mentionslegales, #centre-boutique, #centre-liste, #centre-produit_fiche , #centre-panier{ position:relative; background:white; height:auto; min-height:350px; _height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /* =================== main =================== */ h1.nom-page{ margin:20px 0px 20px 0px; padding:6px 0px 0px 10px; width:710px; height:21px; color:#807F84; font-size:1.2em; text-transform:uppercase; background: url(../cssimg/site/barreVerte.gif) 0px 0px no-repeat; } #main-accueil h1.nom-page{ margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:#807F84;} #main-,#main-accueil,#main-concept,#main-liens,#main-news,#main-galerie,#main-faq, #main-contact,#main-sitemap,#main-mentionslegales, #main-produit_fiche, #main-panier{ color:#807F84; float:left; width:740px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } /* =================== fil ariane =================== */ #fil-ariane{ position:absolute; top:5px; right:10px; height:20px; padding:2px 0px 0px 0px; color:#4F4F4F;} #fil-ariane ul{ float:right; padding:0px 10px 0px 0px; } #fil-ariane li{ float:left; list-style-type:none; padding:0px 0px 0px 5px; font-weight:bold; font-size:1.1em; } #fil-ariane li a{ display:block; float:left; padding:0px 9px 0px 0px; background:url(../cssimg/filariane-puce.gif) right center no-repeat; font-weight:normal; color:black; text-decoration:none; } #fil-ariane li a:hover{} /* ====================================================================== */ /* ============================== FOOTER ================================ */ /* ====================================================================== */ #footer{ background:#807F84; clear:both; } #footer1{ margin:0px auto 0px auto; padding:10px 0px 20px 0px; width:1000px; } #f-list{ float:left; margin:0px 0px 0px 10px; width:190px; } #f-list h3{ font-size:1.1em; color:white; } #f-list h3 a{ display:block; padding:7px 0px 0px 13px; height:20px; color:white; text-decoration:none;} #f-list ul{margin:0px 0px 0px 3px; } #f-list li{} #f-list li a{ display:block; padding:0px 0px 0px 10px; color:white; text-decoration:none;} #f-list a:hover{ text-decoration: underline;} .f-list1 h3 a{ width:158px; } .f-list1 li a{} .f-list2 h3 a{ width:168px; } .f-list2 li a{} .f-list3 h3 a{ width:168px; } .f-list3 li a{} .f-list4 h3 a{ width:188px; } .f-list4 li a{} .f-list5 {} .f-list5 h3 a{ width:168px;} .f-list5 li a{} #footer2{ margin:0px auto 0px auto; padding:4px 0px 4px 0px; width:955px; text-align:center; } #footer2 p{ color:white; font-size:1em; } #footer2 a{ color:white; text-decoration:none;} #footer2 a:hover{ color:white; text-decoration:underline;} /* ====================================================================== */ /* ============================ PAGE ACCUEIL ============================ */ /* ====================================================================== */ .accBoutique1{ position:relative; float:left; margin:10px 5px 0px 0px; _margin:10px 3px 0px 0px; width:238px; height:151px;} .accBoutique2{ position:relative; float:left; margin:10px 5px 0px 0px; _margin:10px 3px 0px 0px; width:238px; height:151px;} .accBoutique3{ position:relative; float:left; margin:10px 0px 0px 0px; width:238px; height:151px;} #accTxt01{ position:relative; height:auto; min-height:150px; } #accTxt01 h1{ position:relative; padding:0px 0px 0px 0px; width:734px; height:26px; color:#807F84; font-size:1.3em; text-transform:uppercase; font-weight:lighter; background: url(../cssimg/site/barreVerte.gif) 0px 0px no-repeat; } #accTxt01 h1 span{ position:relative; } /*=== news rappel ===*/ #news-inc {} #news-inc h3{ position:relative; padding:0px 0px 0px 10px; width:734px; _width:730px; height:26px; color:white; font-size:1.2em; background: url(../cssimg/site/barreGrise01.gif) 0px 0px no-repeat;} #news-inc h3 span{ position:relative; top:6px; padding:6px 60px 7px 30px; background:url(../cssimg/site/barreGrise02.gif) right 0px no-repeat; _background:url(../cssimg/site/barreGrise02.gif) 0px 0px no-repeat;} .new-inc {margin:10px 0px 10px 0px; padding:5px;} .new-inc p{ } .new-inc .titre{margin:0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#7EC014; } .new-inc .news{margin:0px 0px 0px 0px; font-size:1.2em;} .new-inc .link{ float:right; margin:6px 0px 0px 0px; padding:2px 0px 0px 0px; font-size:1.1em; text-align:center; } .new-inc .link a{ color:white; text-decoration:none;} .new-inc .link a:hover{ text-decoration:underline;} #encadrePromo{margin:0px 0px 0px 0px;} #encadrePromo h3{ margin:20px 0px 0px 0px; font-size:1.4em; color:#EC7703; font-weight:bold;} .encadrePromo1, .encadrePromo2, .encadrePromo3{ position:relative; margin:10px 10px 0px 0px; width:730px; height:80px; } .encadrePromo1{ background: url(../cssimg/site/w_livraison_gratuite_bg.jpg) 0px 0px no-repeat;} .encadrePromo2{ background: url(../cssimg/site/w_offre_bienvenue_bg.jpg) 0px 0px no-repeat;} .encadrePromo3{ background: url(../cssimg/site/w_remise_bg.jpg) 0px 0px no-repeat;} .encadrePromo1 .txt, .encadrePromo2 .txt, .encadrePromo3 .txt{ position:absolute; top:4px; left:150px; right:30px; color:#807F84; font-size:1.2em;} .encadrePromo1 .etoile, .encadrePromo2 .etoile, .encadrePromo3 .etoile{ position:absolute; bottom:4px; left:150px; right:30px; color:#807F84; font-size:0.9em;} #topVente{ clear:both;} #topVente h3{ margin:0px 0px 10px 0px;} .accProd, .accProd1{ position:relative; margin:0px 10px 20px 0px; _margin:0px 5px 5px 0px; float:left; width:236px; min-height:197px; height:auto; _height:197px;} .accProd table, .accProd1 table{ width:100%; padding:0px 0px 0px 0px; height:33px; background:url(../cssimg/site/accProdH2.gif) 0px 0px no-repeat;} .accProd h2, .accProd1 h2{ margin:-1px 0px 0px 8px; color:#807F84; font-size:1.1em; line-height:12px; font-weight:bold; text-align:left; text-transform:uppercase; } .accProd h2 a, .accProd1 h2 a{ color:#807F84; text-decoration:none; } .accProd h2 a:hover, .accProd1 h2 a:hover{ color:#A9C404; } .accProd .txt, .accProd1 .txt{ margin:6px 5px 0px 10px; font-size:1.1em; color:#807F84; } .accProd .txt span, .accProd1 .txt span{ font-weight:bold; color:#807F84;} .accProd .txt a, .accProd1 .txt a{ margin:6px 5px 0px 0px; color:#807F84 ; text-decoration:none;} .accProd .txt a:hover, .accProd1 .txt a:hover{ } .accProd .img, .accProd1 .img{ position:absolute; bottom:3px; right:3px; margin:0px 2px 2px 0px;} .accProd .contenance, .accProd1 .contenance{ position:absolute; top:108px; left:1px; padding:0px 0px 0px 8px; font-size:1.1em; color:#807F84; font-weight:bold;} .accProd .prix, .accProd1 .prix{ position:absolute; top:123px; left:1px; padding:0px 0px 0px 8px; width:78px; line-height:1em; font-size:1.1em; color:#A9C404; font-weight:bold; } .accProd .prix span, .accProd1 .prix span{ font-size:1.6em; color:#A9C404; } .accProd .prix strike, .accProd1 .prix strike{ position:absolute; top:-3px; left:10px; font-size:12px; color:#807F84;} .accProd .voir, .accProd1 .voir{ position:absolute; top:150px; left:10px; font-size:1.1em; font-weight:lighter; } .accProd .acheter, .accProd1 .acheter{ position:absolute; top:172px; left:10px; font-size:1.1em; font-weight:lighter; } .accProd .voir a, .accProd1 .voir a{ text-decoration:none; color:white; } .accProd .voir a:hover, .accProd1 .voir a:hover{ text-decoration:underline; } .accProd .acheter a, .accProd1 .acheter a{ text-decoration:none; color:white; } .accProd .acheter a:hover, .accProd1 .acheter a:hover{ text-decoration:underline; } /* .accProd1{ position:relative; margin:0px 10px 10px 0px; _margin:0px 5px 5px 0px; float:left; width:236px; min-height:177px; height:auto; _height:177px; background: url(../cssimg/site/accProdBG.gif) 0px bottom no-repeat;} .accProd1 .contenance{ position:absolute; top:81px; left:10px; padding:0px 0px 0px 8px; border-left:5px black solid; font-size:1.1em; color:#303030; font-weight:bold;} .accProd1 .prix{ position:absolute; top:94px; left:10px; padding:0px 0px 0px 8px; width:78px; border-left:5px black solid; line-height:1.4em; font-size:1.1em; color:#303030; font-weight:bold; } .accProd1 .voir{ position:absolute; top:120px; left:10px; font-size:1.2em; } .accProd1 .acheter{ position:absolute; top:142px; left:10px; font-size:1.2em; } */ /* ====================================================================== */ /* ========================== PAGE TYPE TEXTE =========================== */ /* ====================================================================== */ #accueil-txt{margin:20px 0px 20px 0px;} #accueil-txt h2{margin:0px 0px 10px 0px; padding:4px 0px 0px 7px; width:742px; height:20px; color:white; font-size:1.2em; font-weight:normal; background: url(../cssimg/site/titre_h1_gris.gif) 0px 0px no-repeat;} #accueil-txt h2 span{ font-weight:bold;} input.sauvegarder { background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; font-weight:bold; } .titreRub{ margin:25px 0px 4px 0px; padding:10px 0px 0px 0px; border-top:1px #E5E5E5 dashed; font-weight:bold;} #listeRub{ margin:0px 0px 0px 0px; padding:0px 0px 20px 20px; list-style:none;} #listeRub li{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:1%;} #listeRub li a{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:1.2em; color:#0077BE; background: url(../cssimg/filariane-puce.gif) 0px 6px no-repeat; } #listeRub li a:hover{} /* ====================================================================== */ /* ========================== PAGE TYPE NEWS ============================ */ /* ====================================================================== */ /*-- css des news vu internaute et BO --*/ /*-- sans image --*/ .news1 { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .news1 p {} .news1 .news-titre { margin:0px 0px 3px 0px; padding:3px 0px 0px 20px; font-weight:bold; font-size:1.6em; color:white; height:25px; background:url(../cssimg/site/actu_titre.gif) 0px 0px no-repeat; } .news1 .date { margin:0px 0px 10px 30px; padding:0; text-align:left; font-size:1em; color:#A0A0A0; } .news1 .la-news { margin:0px 0px 0px 30px; padding:0; color:#545454; } .news1 .voirlien { margin:10px 0px 0px 30px; padding:0; color:#A0A0A0; font-size:1em; } .news1 .voirlien a { color:black; text-decoration:none; font-size:1.1em;} .news1 .voirlien a:hover { text-decoration:underline;} /* avec image */ .news1 .news-img { float:left; margin:0px 10px 0px 30px; padding:4px; border:1px #EDEDED solid; }/* voir aussi stylcss_ie5-6 pour marge */ /*-- css du form d'édition d'une news dans le BO --*/ /* formulaire sans image */ .form-news1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-news1 p {font-size:1.1em; margin:1px 0px 1px 0px; padding:0;} .form-news1 label { float:left; width:110px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-news1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-news1 .typedate { width:80px;} .form-news1 .typetitre { width:300px;} .form-news1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;} .form-news1 .coche {margin:0px 0px 0px 118px; padding:0;} /* avec image */ .form-news1 .news-img { float:right; margin:0px 5px 5px 0px; } .form-news1 .news-img a{ } /* ====================================================================== */ /* ========================== PAGE TYPE LIENS =========================== */ /* ====================================================================== */ /*-- css d'un lien vu internaute et BO --*/ /*-- lien sans image --*/ .linklien1{ margin:0px 0px 15px 0px; } .linklien1 .lien-titre{ margin:0px 0px 3px 0px; padding:3px 0px 0px 20px; font-weight:bold; font-size:1.6em; color:white; height:25px; background:url(../cssimg/site/actu_titre.gif) 0px 0px no-repeat; } .linklien1 .lien-texte{ margin:0px 0px 0px 0px; color:#545454; font-size:1.2em; text-align:left;} .linklien1 .lien-link{ margin:10px 0px 0px 0px; font-size:1.1em;} .linklien1 .lien-link a{ color:black; text-decoration:none;} .linklien1 .lien-link a:hover{ text-decoration:underline;} /*-- avec image --*/ .linklien1 .lien-img{ margin:0px 5px 5px 0px; padding:4px; border:1px #EDEDED solid; width:100px; float:left;} /*-- css du form d'édition d'un lien dans le BO --*/ /*-- formulaire lien sans image --*/ .form-lien1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-lien1 p {font-size:1.1em; margin:1px 0px; padding:0;} .form-lien1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-lien1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-lien1 .typetitre { width:300px;} .form-lien1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;} /*-- avec image --*/ .form-lien1 .lien-img { float:left; margin:0px 5px 5px 0px; } /* ====================================================================== */ /* =========================== PAGE TYPE FAQ ============================ */ /* ====================================================================== */ /*-- barre admin d'un faq --*/ h2.nomtheme-admin { font-size:1.4em; font-weight:bold;} /*-- css d'une faq vu internaute et BO --*/ #questionfaq{ margin:0px 0px 20px 0px;} .questionstheme { margin:10px 0px 0px 0px; background:#F7F7F7; padding:5px; } .questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold;} .questionstheme p{} .questionstheme p a{ margin:0px 0px 0px 10px; color:#E06900;} .questionstheme p a:hover{} .reponsefaq{ background:#DFEBFF; padding:5px; margin:0px 0px 10px 0px; display:none;} .reponsefaq h4{ font-size:1.2em; font-weight:bold; } .reponsefaq p{} .faq1{background:#F7F7F7; margin:0px 0px 20px 0px; padding:5px; } /*-- css du form d'édition d'une faq dans le BO --*/ .form-faq1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-faq1 p {font-size:1.1em; margin:1px 0px; padding:0;} .form-faq1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-faq1 .creer { text-align:right; margin:3px 5px 0px 20px; padding:0; color:#707070; } .form-faq1 input, .form-faq1 select { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-faq1 .typetitre { width:300px;} .form-faq1 .typecreer { width:129px;} .form-faq1 textarea {font-size:1.1em; width:300px; margin:0; padding:0; color:black;} /* ====================================================================== */ /* ========================= PAGE TYPE GALERIE ========================== */ /* ====================================================================== */ /*-- css d'une galerie dans visiteur et BO --*/ #imagegalerie {} .thumbnail{width:150px; float:left; margin:0px 15px 15px 0px; text-align:center; position:relative; background:white;} .thumbnail .contour-admin{ padding:0px; } .thumbnail a.lien-img-gallery{ text-decoration:none; background:white; display:block; padding:0px; border:1px #BFBFBE solid; } .thumbnail a.lien-img-gallery:hover{ background:#E6EAEB;} .thumbnail img{ margin:0; padding:0; border:0;} .thumbnail .galerieimg { } .thumbnail .bt-supimg{ position:absolute; top:15px; right:15px;} .thumbnail .caption{ font-size:1.1em; color:#707070; height:42px; display:block; background:#E6EAEB;} html>body .thumbnail .caption{ min-height:42px; height:auto;} .thumbnail .imginput{ width:98%; font-size:1em; text-align:center; color:#707070; height:16px; margin:0; padding:0; } /*-- css du form d'ajout d'une image dans le BO --*/ .form-gallery { background:#F7F7F7; padding:5px 0px; margin:0px 0px 10px 0px; } .form-gallery p {font-size:1.1em; margin:1px 0px; padding:0;} .form-gallery label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-gallery input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-gallery .legend { width:134px; font-size:1.1em;} .form-gallery .typefile{ width:230px; height:19px; margin:0; padding:0; } /* ====================================================================== */ /* ========================== PAGE TYPE CONTACT ========================= */ /* ====================================================================== */ /*-- css d'une galerie dans visiteur et BO --*/ #adressecompany{ float:right; width:200px; height:175px; padding:10px; color:#807F84; background:url(../cssimg/site/bgd_contact.jpg) 0px 0px no-repeat;} #adressecompany p{ margin:5px 0px 0px 0px; padding:0px 0px 0px 5px; } #formulaires{} #coordonnees{} #coordonnees fieldset{ border:0; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px;} #coordonnees legend{ display:none; } #coordonnees p{font-size:1.1em; margin:0px 0px; padding:0;} #coordonnees { float:left; width:60px; text-align:left; margin:0px 0px 0px 0px; padding:0; color:#807F84;} #coordonnees input, #coordonnees input.normal{ width:200px; margin:-15px 0px 3px 80px; padding:0; color:#807F84;} #coordonnees input.focus{ background:#FAFDFA; border:1px #A9C404 solid; padding:1px;} #message{ margin:0px 0px 0px 0px;} #message fieldset{ border:0; margin:0px 0px 0px 0px; padding:200px 0px 0px 0px;} #message legend{ display:none; } #message p{font-size:1.1em; margin:1px 0px; padding:0;} #message label{ float:left; width:40px; text-align:left; margin:0px 0px 0px 0px; padding:0; color:#807F84;} #message input, #message input.normal{ width:300px; margin:0px 0px 0px 30px; padding:0; color:#807F84;} #message input.focus{ background:#FAFDFA; border:1px #A9C404 solid; padding:1px;} #message textarea, #message textarea.normal{ font-size:1.1em; width:300px; margin:0px 0px 0px 30px; padding:0; color:#807F84;} #message textarea.focus{ background:#FAFDFA; border:1px #A9C404 solid; padding:1px;} html>body #message textarea.focus{ background:#FAFDFA; border:1px #A9C404 solid; padding:1px;} #bt-formulaires { margin:10px 0px 20px 120px; width:220px; } #bt-formulaires .obligatory{ padding:10px; font-size:1.1em; font-style: italic; color:#807F84;} #bt-formulaires input.annuler{ background:#ECECEC; border:1px #CCCCCC solid; color:#807F84; font-size:1.1em; cursor:pointer; } #bt-formulaires input.send{ background:#ECECEC; border:1px #CCCCCC solid; color:#807F84; font-size:1.1em; cursor:pointer;} .destinateur{ padding:0px 0px 10px 0px; margin:0px 0px 25px 0px; border-bottom:1px #333333 solid;} .destinateur label{margin:0; padding:0; color:#707070;} .destinateur .adminmail{ width:470px;} .destinateur .explication{ font-size:1.1em; font-style:italic;} /*=== Générateur ===*/ #lecreateur{position:absolute; top:0px; right:100px; width:600px; background-color:#666666;padding:5px; border:#CCCCCC 2px solid; color:#ffffff; z-index:1} #lecreateur #champ{ font-size:1.2em;} #lecreateur #deroulant{ font-size:1.2em;} #lecreateur #texte{ font-size:1.2em;} .letsgo{ text-align:center; font-size:1.1em; } .letsgo a{ display:block; width:40px; background:#ECECEC; border:1px #CCCCCC solid; color:#707070; text-align:center; text-decoration:none; } .letsgo a:hover{ background:#BF2723; color:white; border:1px white solid; } #generateur{} #generateur legend{padding:0px 5px 0px 5px; font-size:1.2em; background:#E5E5E5} #info-form{} #info-form legend{padding:0px 5px 0px 5px; font-size:1.2em; background:#E5E5E5;;} /*=== LIVRE D'OR formulaire ===*/ #form-livredor{} #form-livredor fieldset{padding:10px; border:1px #E5E5E5 solid;} #form-livredor legend{margin:0px 0px 10px 0px; padding:0px 5px 0px 5px; font-size:1.2em; background:#E5E5E5; color:black;} #form-livredor p{margin:0px 0px 2px 0px;} #form-livredor label{ display:block; float:left; width:80px;} #form-livredor input{} #form-livredor textarea{ margin:10px 0px 0px 80px; width:400px; height:80px; font-size:1.2em;} #form-livredor .envoi{ margin:10px 0px 0px 0px; text-align:center;} #form-livredor .envoi input{} /*=== LIVRE D'OR listing ===*/ .comment-or{ margin:10px 10px 10px 10px; padding:5px; border-bottom:1px #DDDDDD solid; } .comment-or .prenom{font-weight:bold; margin:0px 0px 5px 0px; color:#E06900; font-size:1.4em;} .comment-or .prenom a{color:#FF912F;} .comment-or .texte{margin:0px 0px 0px 0px; color:#545454; font-size:1.2em; text-align:left;} .comment-or {} .admin-livredor{margin:0px 0px 5px 0px;} .admin-livredor p{ font-size:1.1em;} .lo-afficher{ padding:0px 0px 0px 10px; background:#E9E9E9; } .lo-afficher a{ color:#000034;} .statut{ margin:0px 10px 0px 0px; float:right; } .statut span{ font-weight:bold;} /* ====================================================================== */ /* ============================ PAGE SITEMAP ============================ */ /* ====================================================================== */ #sitemap {} #listsitemap {} #listsitemap dt,#listsitemap dd,#listsitemap li{ list-style-type:none; } #listsitemap dt a,#listsitemap dd a,#listsitemap li a{ text-decoration:none; color:#807F84; display:block; height:17px; } html>body #listsitemap dt a, html>body #listsitemap dd a, html>body #listsitemap li a{ min-height:17px; height:auto;} #listsitemap dt a:hover,#listsitemap dd a:hover,#listsitemap li a:hover{ color:#A9C404; } #listsitemap h2 {font-size:1.4em; font-weight:normal; padding:0px 0px 0px 10px; margin:0px 0px 20px 0px; background: url(../cssimg/site/ombre_fiche.jpg) 0px 15px no-repeat;} #listsitemap h2 a{color:#807F84; text-decoration:none; } #listsitemap h2 a:hover{ color:#A9C404;} #listsitemap .listmap1 {margin:0px 0px 0px 50px; float:left; border-left:5px #A9C404 solid; padding:0px 0px 0px 10px;} #listsitemap .listmap2 {margin:0px 0px 0px 200px; float:left; border-left:5px #A9C404 solid; padding:0px 0px 0px 10px;} #listsitemap .listmap1 dd { font-size:1.2em; font-weight:bold; color:#807F84; } #listsitemap .listmap2 dd { font-size:1.2em; font-weight:bold; color:#807F84; } #listsitemap dt a{font-size:1.3em; padding:0px 0px 0px 10px; margin:0; } #listsitemap dt a:hover{} #listsitemap dd a{font-size:1.2em; padding:0px 0px 0px 40px; margin:0; } #listsitemap dd a:hover{} #listsitemap li a{font-size:1.1em; padding:0px 0px 0px 60px; margin:0; } #listsitemap li a:hover{} #map-rubriques{margin:20px 20px 20px 20px; padding:0;} /* ====================================================================== */ /* ============================== PAGE GAMME ============================ */ /* ====================================================================== */ #DescLaBoutique{ } #DescLaBoutique .img{ margin:0px 10px 22px 0px; float:left; border:1px #c6c6c6 solid;} #DescLaBoutique .txt{ margin:0px 10px 0px 0px; font-size:1em; color:#303030;} #DescLaBoutique .txt p{ margin:0px 0px 2px 20px; font-size:1.2em; color:#303030;} .gamme{ margin:12px 0px 0px 0px; clear:both; } .gamme h2 { font-size:1.2em;} .gamme h2 a{ color:#353535; text-decoration:none;} .gamme .img{ float:left; margin:0px 5px 0px 0px;} .gamme .txt{ width:580px; } .gamme .txt a{ color:#353535; text-decoration:none;} .gamme .voir a{ display:block; float:right; margin:0px 10px 0px 0px; padding:2px 0px 0px 0px; width:137px; height:18px; text-align:center; color:white; font-weight:bold; background:green url(../cssimg/site/boutonVert02.gif) 0px 0px no-repeat; text-decoration:none;} .gamme{} /* ====================================================================== */ /* ============================= PAGE PRODUIT =========================== */ /* ====================================================================== */ #fiche-img{ float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:153px;} #fiche-img .first img{ } #fiche-img .other {width:156px; } #fiche-img .other img{float:left; margin:3px 5px 0px 0px; padding:3px; width:60px; } .contenanceImg{font-size:1.1em; color:#807F84; font-weight:bold; } .presentation-tarif{float:left; margin:0px 0px 0px 15px; width:564px;} .imgProdRayon{ float:left; width:150px; margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; border:1px #5b9400 solid;} #fiche-presentation{ border:1px #5b9400 solid;} #fiche-presentation h2{ padding:5px 0px 0px 10px; min-height:24px; height:auto; _height:24px; color:white; font-size:1.2em; border-bottom:1px #5B9400 solid; background:#7DBF0F url(../cssimg/site/fiche_presentationBG.gif) 0px 0px repeat-x;} #fiche-presentation .desc{ margin:10px 0px 30px 0px; padding:0px 10px 0px 10px; color:#807F84;} #fiche-presentation .tarif{ padding:0px 0px 0px 10px; color:#807F84; font-weight:bold;} #fiche-presentation .qte{ padding:0px 0px 0px 10px; color:#807F84;} #fiche-presentation .add{ margin:0px 10px 10px 0px; float:right;} #fiche-presentation .add a{ display:block; padding:2px 0px 0px 0px; width:137px; height:18px; color:white; font-weight:bold; background: url(../cssimg/site/boutonVert01.gif) 0px 0px no-repeat; text-align:center; text-decoration:none;} #fiche-presentation .add a:hover{} #fiche-onglet{float:left; margin:0px 0px 0px 0px; width:564px; background: url(../cssimg/site/ombre_fiche.jpg) 0px 30px repeat-x;} #fiche-onglet ul{padding:0px 0px 20px 10px; height:30px;} #fiche-onglet li{ float:left; margin:3px 3px 0px 0px; padding:0px 0px 0px 9px; height:27px; background:none; } #fiche-onglet a{ display:block; float:left; padding:6px 9px 0px 0px; height:21px; color:#807F84; font-size:1.2em; font-weight:bold; background:none; text-decoration:none; text-align:center; cursor: pointer;} #fiche-onglet a:hover{color:#A9C404;} #fiche-onglet .ongletHover{ float:left; margin:3px 3px 0px 0px; padding:0px 0px 0px 9px; height:27px; } #fiche-onglet .ongletHover a{ display:block; float:left; padding:6px 9px 0px 0px; height:21px; color:#A9C404; font-size:1.2em; font-weight:bold; text-decoration:none; text-align:center; cursor: pointer;} #tarifa{ float:left; margin:10px 0px 40px 178px; padding:0; width:564px; font-size:1.2em; background: url(../cssimg/site/ombre_fiche.jpg) 0px 18px repeat-x;} .h3-tarifa{padding:1px 0px 0px 10px; color:#807F84; font-size:1em; font-weight:bold; height:18px; } #tarifa table{ color:#807F84; } #tarifa tr{} #tarifa th{} #tarifa td{} #tarifa .add {font-size:1em;} #tarifa .add a{ display:block; margin:5px 10px 5px 3px; padding:3px 0px 0px 0px; width:98px; height:17px; font-size:0.9em; color:white; font-weight:bold; background: url(../cssimg/site/buttonOrange02.gif) 0px 0px no-repeat; text-align:center; text-decoration:none;} #tarifa .add a:hover{text-decoration:underline;} .fiche-champ{padding:0px 20px 10px 20px;} #different-contenant{margin:10px 0px 0px 0px; } .diff-contenant{ float:left; margin:10px 0px 15px 0px; width:370px;} .diff-contenant .img{ float:left; margin:0px 10px 0px 0px; } .diff-contenant .tarif{margin:10px 0px 10px 0px; font-size:1.2em; color:#807F84;} .diff-contenant .tarif span{ font-weight:bold;} .diff-contenant .detail{float:left; } /*.diff-contenant .detail a{ float:left; display:block; margin:10px 0px 6px 0px; padding:3px 0px 0px 0px; width:90px; height:17px; color:white; font-weight:bold; background: url(../cssimg/site/boutonVert03.gif) 0px 0px no-repeat; text-align:center; text-decoration:none;} .diff-contenant .add a{float:left; display:block; padding:3px 0px 0px 0px; width:137px; height:17px; color:white; font-weight:bold; background: url(../cssimg/site/boutonVert01.gif) 0px 0px no-repeat; text-align:center; text-decoration:none;} */ /* ====================================================================== */ /* =========================== PAGE INSCRIPTION ========================= */ /* ====================================================================== */ #inscription{} #inscription p{margin:0px 0px 1px 0px;} #inscription label{ display:block; float:left; width:160px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; color:#807F84; text-align:right; } #inscription input{ padding:0px 5px 0px 5px; border:1px #A9C404 solid; color:#807F84;} #inscription button{ margin:25px 0px 0px 173px; width:138px; height:23px; color:white; font-weight:bold; text-align:center; font-size:1em; background: url(../cssimg/site/boutonVert02.gif) 0px 3px no-repeat; cursor:pointer; border:0px;} #inscription .code{ } #inscription .code label{ } #inscription .code input{ } #inscription-txt{ margin:0px 0px 0px 0px; float:right; width:400px; font-size:1.2em; color:#A9C404; line-height:1.4em;} /* ====================================================================== */ /* ============================== PAGE PANIER =========================== */ /* ====================================================================== */ #panier_contact{} #panier_coordonnnee{} #panier_coordonnnee h4{margin:20px 0px 5px 0px; font-size:1.2em; color:#A9C404;} #panier_coordonnnee p{} #panier_coordonnnee label{ display:block; float:left; margin:0px 5px 0px 0px; padding:3px 0px 0px 5px; width:109px; height:18px; background: url(../cssimg/site/label.gif) 0px 0px no-repeat; } #panier_coordonnnee input{ margin:0px 0px 1px 0px; padding:0px 3px 0px 3px; width:230px; height:20px; border:1px #A9C404 solid; background:#FAFDFA; } #panier_coordonnnee textarea{ margin:0px 0px 1px 0px; padding:0px 0px 0px 0px; border:1px #A9C404 solid; background:#FAFDFA; } #panier_coordonnnee .confirm, #etp2 { margin:10px 0px 0px 0px; text-align:center;} #panier_coordonnnee .confirm input, #etp2 input{ color:#807F84; width:302px; height:24px; font-size:1.2em; font-weight:bold; color:white; text-align:center; background: url(../cssimg/site/boutonVert04.gif) 0px 4px no-repeat; cursor:pointer; border:0px; text-decoration:none; } #dejaClient{margin:20px 0px 0px 0px;} #dejaClient legend{ margin:0px 0px 5px 0px; font-size:1.2em; color:#A9C404; font-weight:bold;} #dejaClient label{ display:block; float:left; margin:0px 5px 0px 0px; padding:3px 0px 0px 5px; width:109px; height:18px; color:#807F84; background: url(../cssimg/site/label.gif) 0px 0px no-repeat; } #dejaClient input{ margin:0px 0px 1px 0px; padding:0px 3px 0px 3px; width:230px; height:20px; border:1px #A9C404 solid; background:#FAFDFA; color:#807F84; } #dejaClient button{ margin:0px 0px 0px 320px;} #ajouterpanier{margin:20px 0px 20px 0px;} #ajouterpanier tr{ } #ajouterpanier th{ padding:2px 10px 2px 10px; font-size:1.2em; font-weight:lighter; color:white; background:#A9C404; border-right:1px white solid;} #ajouterpanier td{ padding:1px 10px 1px 10px; font-size:1.2em; font-weight:lighter; color:#807F84; background:#f8fced;} #ajouterpanier input{ border:1px #A9C404 solid; background:white; color:#807F84; } #ajouterpanier .btOK{ border:1px #d26003 solid; background:#FC7404; color:white; font-size:1.2em; font-weight:bold; cursor:pointer;} #ajouterpanier .btCalculConfirm{ margin:10px 20px 0px 0px; text-align:right;} #ajouterpanier .btreCalcul{ border:1px #9e9e9e solid; background:white; color:#3f3f3f; font-size:1.2em; font-weight:normal; cursor:pointer;} #ajouterpanier .btConfirm{ border:1px #d26003 solid; background:#FC7404; color:white; font-size:1.2em; font-weight:bold; cursor:pointer;} .imprimer{ display:block; width:100px; border:1px #d26003 solid; background:#FC7404; color:white; font-size:1.2em; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer;} #rappel_coord{ width:656px;} #rappel_coord th{ padding:2px 10px 2px 10px; font-size:1.2em; font-weight:lighter; color:white; background:#A9C404; border-right:1px white solid;}{} #rappel_coord td{ padding:1px 10px 1px 10px; font-size:1.2em; font-weight:lighter; color:#807F84; background:#f8fced;} #rappel_coord input{ color:#807F84; border:1px #A9C404 solid; background:white;} .fieldseter{ font-size:1.2em:} .fieldseter legend{ margin:0px 0px 5px 0px; font-size:1.2em; color:#72B42F; font-weight:bold;} .fieldseter{} #step{ padding:30px 0px 0px 0px; } #step ul{ list-style:none;} #step li{ display:block; float:left; height:67px;} #step li a{ display:block; height:83px; text-decoration:none; } #step li span{ display:block; margin:-16px 0px 0px -20px; color:#807F84; font-size:1.2em;} #step li span.debut{margin-left:10px !important; } #step .step1{ width:171px; background: url(../cssimg/site/step1.jpg) 0px 0px no-repeat; } #step .step1select{ width:171px; background: url(../cssimg/site/step1.jpg) 0px -67px no-repeat; } #step .step1selectbis{ width:171px; background: url(../cssimg/site/step1.jpg) 0px -67px no-repeat; } #step .step2{ width:140px; background: url(../cssimg/site/step2.jpg) 0px 0px no-repeat; } /*#step .step2:hover{ width:140px; background: url(../cssimg/site/step2.jpg) 0px -67px no-repeat; }*/ #step .step2select{ width:140px; background: url(../cssimg/site/step2.jpg) 0px -67px no-repeat; } #step .step2selectbis{ width:140px; background: url(../cssimg/site/step2.jpg) 0px -134px no-repeat; } #step .step3{ width:130px; background: url(../cssimg/site/step3.jpg) 0px 0px no-repeat; } /*#step .step3:hover{ width:130px; background: url(../cssimg/site/step3.jpg) 0px -67px no-repeat; }*/ #step .step3select{ width:130px; background: url(../cssimg/site/step3.jpg) 0px -67px no-repeat; } #step .step3selectbis{ width:130px; background: url(../cssimg/site/step3.jpg) 0px -134px no-repeat; } #step .step4{ width:161px; background: url(../cssimg/site/step4.jpg) 0px 0px no-repeat; } /*#step .step4:hover{ width:131px; background: url(../cssimg/site/step4.jpg) 0px -67px no-repeat; }*/ #step .step4select{ width:161px; background: url(../cssimg/site/step4.jpg) 0px -67px no-repeat; } #step .step4selectbis{ width:161px; background: url(../cssimg/site/step4.jpg) 0px -134px no-repeat; } #step .step5{ width:150px; background: url(../cssimg/site/step5.jpg) 0px 0px no-repeat; } /*#step .step5:hover{ width:150px; background: url(../cssimg/site/step5.jpg) 0px -67px no-repeat; }*/ #step .step5select{ width:150px; background: url(../cssimg/site/step5.jpg) 0px -67px no-repeat; } #step .step5selectbis{ width:150px; background: url(../cssimg/site/step5.jpg) 0px -67px no-repeat; }