body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:white url(../cssimg/site/body_bg.gif) 0px 0px repeat-x; } #conteneur{ position:relative; margin:0px auto 0px auto; width:980px; } /* ====================================================================== */ /* =============================== GLOBAL ============================== */ /* ====================================================================== */ .spacer { clear:both; } .spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; } a { color:orange; text-decoration:underline; } a:hover { text-decoration:none; } 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 { font-size:1.2em; } 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;} .strong{font-weight:bold !important;} .no-strong{font-weight:normal !important;} .hidden-link{ color:black; text-decoration:none;} #msgalerte{ margin:0; padding:0;} /* 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 */ /* ====================================================================== */ /* =============================== HEADER =============================== */ /* ====================================================================== */ #header { position:relative; height:137px; background: url(../cssimg/site/header_bg.jpg) right 0px no-repeat; } /* ================== Logo ================== */ #logo{ position:absolute; top:33px; left:-3px; } #logo img{ } /* ================== menu ================== */ #menu-haut { position:absolute; top:101px; margin:0px 0px 0px 10px; width:980px; height:32px; font-family: Arial, Helvetica, sans-serif } #menu-haut ul {} #menu-haut ul li { float:left; } #menu-haut ul a {float:left; display:block; height:20px; margin:0px 0px 0px 0px; padding:8px 10px 0px 10px; color:white; font-size:1.2em; font-weight:bold; text-decoration:none;} #menu-haut ul a:hover {color:#4d2a13; } #menu-haut ul a.selectmenuhaut { color:#4d2a13; } #menu-haut ul a.selectmenuhaut:hover{ } #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;} /* ================== Top Panier ================== */ #topPanier{ position:absolute; top:15px; left:468px; width:185px; height:68px; background: url(../cssimg/site/panierTop.gif) 0px 0px no-repeat;} #topPanier p{margin:0px 0px 0px 15px; font-size:1.1em;} #topPanier a{ display:block; padding:35px 0px 0px 60px; height:25px; color:white; text-decoration:none; } #topPanier a:hover{ text-decoration:underline;} /* ====================================================================== */ /* =============================== GAUCHE ============================== */ /* ====================================================================== */ /* ================== div gauche ================== */ #gauche{ float:left; width:169px; } /* ================== menu gauche ================== */ #sousmenu {margin:20px 0px 20px 1px; padding:0px 0px 100px 0px; width:168px; background: url(../cssimg/site/menu_g_bottom.jpg) 0px bottom no-repeat; } #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:#5F5E59; 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:27px 0px 0px 0px; background: url(../cssimg/site/menu_g_top.jpg) 0px 0px no-repeat; } #sousmenu .ul1 .up { } #sousmenu .li1{ margin:0px 0px 0px 10px; } #sousmenu .li1 a.lien1 {height:16px; padding:5px 0px 0px 0px; font-size:1.2em; } html>body #sousmenu .li1 a.lien1 { min-height:16px; height:auto;} #sousmenu .li1 a.lien1:hover{ } #sousmenu a.encours1{height:16px; padding:5px 0px 0px 10px; font-size:1.2em; color:#4781BF; } html>body #sousmenu a.encours1{ min-height:16px; height:auto;} #sousmenu .ul2{ border-bottom:1px white solid; } #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{ font-weight:bold; } #sousmenu a.encours2{ height:16px; padding:1px 0px 0px 18px; font-size:1.1em; background:white; font-weight:bold; color:#3F4446; } 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; } /*=== envoyer à un ami ===*/ .envoi-ami{margin:0px 0px 20px 0px; background:#E06900} .envoi-ami a{ display:block; font-weight:bold; color:white; padding:3px 0px 3px 10px; } .envoi-ami a:hover{} /* ================== newsletter ================== */ #newsletter{ margin:20px 0px 20px 10px;padding:10px 5px 10px 5px; background:white; border:1px #939393 solid; } #newsletter h3{ font-size:1.1em; color:#EE7900; } #corps-newsletter{ margin:5px 0px 0px 0px; } #corps-newsletter p{ font-size:1.1em; margin:0px 0px 4px 0px; } #corps-newsletter label { float:left; width:20%; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } #corps-newsletter input { height:15px; width:70%; font-size:1.1em; line-height:15px; margin:0; padding:0; color:#707070; } #footer-newsletter { text-align:right; margin:0px 0px 0px 0px; } #footer-newsletter input{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; } /*=== news rappel ===*/ .news-inc { margin:10px 10% 0px 10%; width:80%;} .new-inc {margin:10px 0px 10px 0px; padding:5px; background: ThreedLightShadow;} .new-inc p{ } .new-inc .titre{margin:0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#E06900; } .new-inc .news{margin:0px 0px 0px 0px; font-size:1.2em;} .new-inc .link{margin:0px 0px 0px 0px; font-size:1.2em; text-align:right; } .new-inc .link a{ color:black; text-decoration:underline;} .new-inc .link a:hover{ text-decoration:none;} /* ====================================================================== */ /* =============================== CENTRE =============================== */ /* ====================================================================== */ #centre-accueil{ position:relative; background:white; height:350px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; } html>body #centre-accueil{height:auto; min-height:350px;} #centre-,#centre-concept,#centre-news,#centre-liens,#centre-galerie,#centre-faq,#centre-contact,#centre-sitemap,#centre-mentionslegales,#centre-emploi,#centre-AvAp,#centre-panier,#centre-fiche,#centre-rayon,#centre-produit,#centre-bcfa{ position:relative; background:white; height:auto; min-height:350px; _height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #centre-concept{} #centre-news{} #centre-liens{} #centre-galerie{} #centre-faq{} #centre-contact{} #centre-sitemap{} #centre-mentionslegales{} #centre-emploi{} #centre-AvAp{} /* =================== main =================== */ h1.nom-page{margin:10px 0px 10px 4px; padding:5px 0px 0px 15px; height:25px; width:783px; font-size:1.4em; color:black; background: url(../cssimg/site/titre_barreOrange.gif) 0px 0px no-repeat;} #main-accueil{ float:left; width:800px; margin:0px 0px 0px 10px; _margin:0px 0px 0px 5px; padding:0px 0px 10px 0px; z-index:1;} #main-,#main-concept,#main-liens,#main-news,#main-galerie,#main-faq,#main-contact,#main-sitemap,#main-mentionslegales,#main-emploi,#main-AvAp ,#main-fiche,#main-produit,#main-panier,#main-bcfa,#main-rayon{ float:left; width:791px; margin:0px 0px 0px 20px; padding:0px 0px 10px 0px; z-index:1;} #main-fiche h1{margin:20px 0px 0px 4px; padding:5px 0px 0px 15px; height:25px; width:783px; font-size:1.4em; color:black; background: url(../cssimg/site/titre_barreOrange.gif) 0px 0px no-repeat;} /* =================== fil ariane =================== */ #fil-ariane{ position:relative; top:9px; 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{margin:50px 0px 0px 0px; background:#4e260a; clear:both;} #footer2{ margin:0px auto 0px auto; width:980px; background:#4E2A14 url(../cssimg/site/footer_bg.gif) 0px 0px repeat-x;} #footer2 div{ float:left; margin:10px 0px 0px 0px; width:240px;} #footer2 h3{ padding:8px 0px 0px 10px; width:210px; height:22px; font-size:1.4em; font-weight:bold; } #footer2 .orange{ color:#4e2a14; background: url(../cssimg/site/barre_orange_01.gif) 0px 0px repeat-x;} #footer2 .vert{ color:black; background: url(../cssimg/site/barre_vert01.gif) 0px 0px repeat-x;} #footer2 ul{margin:10px 0px 0px 10px;} #footer2 li{} #footer2 a{ color:white; font-size:1.1em; font-weight:bold; text-decoration:none;} #footer2 a:hover{text-decoration:underline;} #footer1{ margin:0px auto 0px auto; padding:25px 0px 0px 0px; width:980px; clear:both; text-align:center; color:white; } #footer1 p{ text-align:center; padding:2px 0px 0px 0px; font-size:1.1em; } #footer1 a{ text-decoration:underline; color:white; } #footer1 a:hover{ text-decoration:none;} #clafete{ position:absolute; top:6px; left:790px;} #clafete p{ margin:0px 0px 10px 0px; color:white; font-weight:bold;} #clafete span{ color:#9DD102;} /* ====================================================================== */ /* ============================ PAGE ACCUEIL ============================ */ /* ====================================================================== */ #composeBouquet{ width:790px; height:253px; background: url(../cssimg/site/acc_composezBouquet.jpg) 0px 0px no-repeat;} #composeBouquet h1{ padding:32px 0px 0px 330px; font-size:2.1em; font-weight:bold; color:#502b14; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;} #composeBouquet a{ display:block; margin:20px 0px 0px 0px; width:200px; height:170px; } #composeBouquet a span{ display:none; } #decouvrez{margin:5px 0px 0px 8px;} .decouvrez01, .decouvrez02, .decouvrez03{ float:left; margin:0px 7px 0px 0px; width:255px; height:122px;} .decouvrez01{ background: url(../cssimg/site/w_decouvrezOrange.jpg) 0px 0px no-repeat;} .decouvrez02{ background: url(../cssimg/site/w_decouvrezVert.jpg) 0px 0px no-repeat;} .decouvrez03{ background: url(../cssimg/site/w_decouvrezMarron.jpg) 0px 0px no-repeat;} .decouvrez01 h3, .decouvrez02 h3, .decouvrez03 h3{ margin:4px 0px 0px 8px; color:#532c15; font-size:1.6em; font-style:italic;} .decouvrez01 h3 a, .decouvrez02 h3 a{ color:#532c15; text-decoration:none; } .decouvrez03 h3 a{ color:white; text-decoration:none; } .decouvrez01 h3 a:hover, .decouvrez02 h3 a:hover, .decouvrez03 h3 a:hover{ } .decouvrez01 p, .decouvrez02 p, .decouvrez03 p{ } .decouvrez01 p a, .decouvrez02 p a{ display:block; padding:7px 3px 10px 118px; color:#532c15; text-decoration:none; } .decouvrez03 p a{ display:block; padding:7px 3px 10px 118px; color:white; text-decoration:none; } .decouvrez01 p a:hover, .decouvrez02 p a:hover, .decouvrez03 p a:hover{ } .decouvrez01 h2, .decouvrez02 h2, .decouvrez03 h2{ margin:4px 0px 0px 8px; color:#532c15; font-size:1.2em; font-style:italic;} .decouvrez01 h2 a, .decouvrez02 h2 a{ color:#532c15; text-decoration:none; } .decouvrez03 h2 a{ color:white; text-decoration:none; } .decouvrez01 h2 a:hover, .decouvrez02 h2 a:hover, .decouvrez03 h2 a:hover{ } #accesCompte{margin:10px 0px 10px 0px; padding:22px 0px 0px 0px; width:171px; height:74px; background: url(../cssimg/site/acces_compte.gif) 0px 0px no-repeat;} #accesCompte p {margin:0px 0px 2px 5px;} #accesCompte label{ display:block; float:left; margin:0px 2px 0px 0px; width:80px; color:#4d2a13; text-align:right;} #accesCompte input{ padding:0px 2px; width:74px; background:white; border:1px #c07100 solid; font-size:1.1em;} #accesCompte button{ float:left; margin:0px 0px 0px 2px; padding:2px 2px; background:#FFB03F; border:1px #c07100 solid; color:white; cursor:pointer; } #accesCompte .oubli{ float:left; margin:0px 0px 0px 6px; width:128px; font-size:1.1em; } #accesCompte .oubli a{ color:#4d2a13; } #text1{ clear:both; margin:0px 0px 0px 0px;} #accProduits{} #accProduits h2.titre{ margin:0px 0px 0px 4px; padding:5px 0px 0px 15px; height:25px; width:783px; font-size:1.4em; color:black; background: url(../cssimg/site/titre_barreVert.gif) 0px 0px no-repeat;} .accProd{ float:left; margin:10px 4px 0px 4px; width:149px; height:193px; background: url(../cssimg/site/bloc1.gif) 0px 0px no-repeat; border-bottom:1px #CCCCCC solid;} .accProd .entete{ margin:2px 0px 0px 0px; height:45px; } .accProd h2{ margin:0px 0px 0px 5px; color:#613319; font-size:1.4em; font-weight:bold; } .accProd h2 a{ color:#613319; text-decoration:none;} .accProd h3{ margin:0px 0px 0px 5px; color:#613319; font-size:1.2em; font-weight:normal;} .accProd h3 a{ color:#613319; text-decoration:none;} .accProd .img{ margin:5px 0px 5px 0px; text-align:center; } .accProd .img img{ padding:0px 5px; } .accProd .prix{ float:left; margin:0px 0px 0px 5px; width:100px; font-weight:bold; color:#595958; } .accProd .detail{ float:left; font-weight:bold; } .accProd .add{ margin:0px 0px 5px 5px; font-size:1.1em;} .accProd .detail a, .accProd .add a{ color:#595958; text-decoration:none;} .accProd .detail a:hover, .accProd .add a:hover{ text-decoration:underline;} .accVoirBoutique{ clear:both;} .accVoirBoutique a{ display:block; float:right; margin:10px 30px 0px 0px; padding:3px 0px 0px 0px; width:146px; height:17px; color:white; text-align:center; background: url(../cssimg/site/boutonVert02.gif) 0px 0px no-repeat; text-decoration:none;} /* ====================================================================== */ /* ========================== PAGE TYPE TEXTE =========================== */ /* ====================================================================== */ 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 25px 5px 15px; padding:10px 0px 15px 0px; border-bottom:1px #DDDDDD solid; } .news1 p {} .news1 .news-titre { margin:0px 5px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.6em; color:#84BE05; } .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 10px 20px 10px; padding:5px; border-bottom:1px #DDDDDD solid; } .linklien1 .lien-titre{ font-weight:bold; margin:0px 0px 5px 0px; color:#84BE05; font-size:1.4em;} .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 #ADADAD 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:#F9F9F9; padding:5px; border:1px #C6C6C6 solid; } .questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold; color:#6E381E;} .questionstheme p{} .questionstheme p a{ margin:0px 0px 0px 10px; color:#6E381E;} .questionstheme p a:hover{} .reponsefaq{ background:#5198CE; 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 {margin:10px 0px 0px 0px;} .thumbnail{width:150px; float:left; margin:0px 35px 15px 15px; text-align:center; position:relative; background:white;} .thumbnail .contour-admin{ padding:10px; border:1px solid #999; background:#FFFFFF; } .thumbnail a.lien-img-gallery{ text-decoration:none; background:#F8F8F8; display:block; padding:10px; border:1px solid #999;} .thumbnail a.lien-img-gallery:hover{ background:#E5E5E5;} .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:#67351C; height:42px; display:block;} 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; background:#F3F3F3; width:200px; height:175px; padding:10px; } #adressecompany p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; } #formulaires{} #coordonnees{} #coordonnees fieldset{ border:0; margin:0; padding:0;} #coordonnees legend{ display:none; } #coordonnees p{font-size:1.1em; margin:1px 0px; padding:0;} #coordonnees label{ float:left; width:80px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;} #coordonnees input, #coordonnees input.normal{ width:160px; margin:0; padding:0; color:black;} #coordonnees input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid; padding:1px;} #message{ margin:20px 0px 0px 0px;} #message fieldset{ border:0; margin:0; padding:0;} #message legend{ display:none; } #message p{font-size:1.1em; margin:1px 0px; padding:0;} #message label{ float:left; width:140px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;} #message input, #message input.normal{ width:280px; margin:0; padding:0; color:black;} #message input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid; padding:1px;} #message textarea, #message textarea.normal{ font-size:1.1em; width:320px; margin:0; padding:0; color:black;} #message textarea.focus{ background:#F3F3F3; border:1px #7F9DB9 solid;} html>body #message textarea.focus{ padding:1px;} #bt-formulaires { margin:10px 0px 20px 120px; width:220px; } #bt-formulaires .obligatory{ font-size:1.1em; font-style: italic;} #bt-formulaires input.annuler{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; } #bt-formulaires input.send{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; 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:black; 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{ text-decoration:underline; color:black; } #listsitemap h2 {font-size:1.4em; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; } #listsitemap h2 a{color:black; text-decoration:none;} #listsitemap h2 a:hover{ color:#808080;} #listsitemap dt a{font-size:1.3em; padding:0px 0px 0px 20px; 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;} /* ====================================================================== */ /* =============================== RAYON =============================== */ /* ====================================================================== */ #RayonText{margin:0px 0px 10px 0px;} #RayonText h2{margin:0px 0px 0px 4px; padding:5px 0px 0px 15px; height:25px; width:783px; font-size:1.4em; color:black; background: url(../cssimg/site/titre_barreOrange.gif) 0px 0px no-repeat;} #RayonText div{padding:0px 5px 0px 5px; font-size:1.2em;} #RayonText img{ margin:0px 5px 0px 5px; float:left;} .listRayon{ clear:both; margin:0px 0px 10px 0px;} .listRayon h2{margin:0px 0px 5px 4px; padding:5px 0px 0px 15px; height:25px; width:783px; font-size:1.4em; color:black; background: url(../cssimg/site/titre_barreVert.gif) 0px 0px no-repeat;} .listRayon .img{ float:left; width:145px; margin:0px 5px 10px 5px; padding:3px; border:1px #ADADAD solid; text-align:center; } .listRayon div{ float:left; margin:0px 0px 0px 10px; width:610px;} .listRayon .prix{ margin:0px 0px 5px 0px; padding:4px 0px 0px 0px; width:146px; height:24px; color:#3E3E3E; font-size:1.4em; font-weight:bold; text-align:center; background: url(../cssimg/site/apartir_bg.gif) 0px 0px no-repeat;} .listRayon .desc{ font-size:1.4em; color:#3E3E3E;} .listRayon .detail{ float:right; margin:0px 10px 0px 0px; padding:3px 5px 0px 5px; width:146px; height:17px; font-weight:bold; background: url(../cssimg/site/boutonVert01.gif) center 0px no-repeat; text-align:center;} .listRayon .detail a{ color:#113E2A; text-decoration:none; } .listRayon .detail a:hover{ text-decoration:underline; } .listRayon .add{ float:right; padding:3px 0px 0px 0px; width:146px; height:17px; font-weight:bold; background:url(../cssimg/site/boutonVert02.gif) 0px 0px no-repeat; text-align:center;} .listRayon .add a{ color:white; text-decoration:none; } .listRayon .add a:hover{ text-decoration:underline; } /* ====================================================================== */ /* =============================== FICHE =============================== */ /* ====================================================================== */ #leProd{margin:0px 0px 10px 0px; width:780px;} #leProd .firstImg{ margin:10px 0px 0px 0px; float:left;} #leProd .firstImg img{ border:1px #ADADAD solid;} #leProd .otherImg{ margin:10px 10px 0px 0px; float:left; width:68px; } #leProd .otherImg img{ margin:0px 0px 2px 2px; border:1px #ADADAD solid;} #leProd .texte{ margin:10px 0px 0px 10px; font-size:1.2em; color:#3C3C3C;} #leProd .apartir{ margin:10px 50px 0px 0px; font-size:1.6em; font-weight:bold; color:#3C3C3C;} #leProd .couleurPossible{ margin:10px 50px 0px 0px; font-size:1.2em; font-weight:bold; color:#3C3C3C;} #leProd .couleurPossible span{ color:#71391E; } #leProd .listderoul{ font-size:1.6em; font-weight:bold; color:#3C3C3C;} #leProd .add{ margin:10px 0px 0px 0px; float:right;} #leProd .add a{ display:block; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; width:146px; height:17px; font-weight:bold; background:url(../cssimg/site/boutonVert02.gif) 0px 0px no-repeat; text-align:center; color:white; text-decoration:none; } #leProd .add a:hover{text-decoration:underline; } /* ====================================================================== */ /* =============================== PANIER ============================== */ /* ====================================================================== */ #panier_contact{} #panier_contact h4{margin:20px 0px 0px 0px; font-size:1.2em; color:#72B42F;} #panier_contact p{} #panier_contact 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_contact input{ margin:0px 0px 1px 0px; padding:0px 0px 0px 0px; height:20px; border:0px; background:#CCC; } #panier_contact textarea{ margin:0px 0px 1px 0px; padding:0px 0px 0px 0px; border:0px; background:#CCC; } #panier_contact .confirm { text-align:center;} #panier_contact .confirm input{padding:3px 2px; height:25px; border:1px #EC6E08 solid; background:#EC6E08; color:white; cursor:pointer;} #ajouterpanier{margin:20px 0px 20px 10px;} #ajouterpanier tr{ } #ajouterpanier th{ padding:2px 10px 2px 10px; font-size:1.2em; font-weight:bold; color:white; background:#FC7404; border-right:1px #fdb981 solid;} #ajouterpanier td{ padding:1px 10px 1px 10px; font-size:1.2em; background:#eaeaea;} #ajouterpanier input{ border:1px #6a6a6a solid; background:white;} #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;} .etApres{ margin:20px 0px 0px 10px; font-size:1.2em; } .etApres a{ font-weight:bold; color:black; } .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;}