* { margin:0; margin:0; } body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:#cfdde8 url(../cssimg/site/body_bg.jpg) 0px 0px repeat-x; } #conteneur{ margin:0px auto 0px auto; width:949px; } /* ====================================================================== */ /* =============================== GENERAL ============================== */ /* ====================================================================== */ .spacer { clear:both; } .spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; } 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;} a { color:orange; text-decoration:underline; } textarea{ font-family:Arial, Helvetica, sans-serif;} a:hover { text-decoration:none; } .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;} .hidden-link:hover{ text-decoration: underline;} .trash { float:left; margin:0px 3px 0px 0px; } #msgalerte{ margin:0; padding:0;} #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} /* ====================================================================== */ /* ============================ EDITEUR SPAW ============================ */ /* ====================================================================== */ #editeur-spaw{ font-size:11px;} #editeur-spaw p{margin:0; padding:0; font-size:11px; } #editeur-spaw img { padding:5px; } #editeur-spaw h1, #editeur-spaw h2, #editeur-spaw h3, #editeur-spaw h4, #editeur-spaw h5, #editeur-spaw h6{font-weight: bold !important; background:none !important; background-image:none !important; margin:0 !important; padding:0 !important; } #editeur-spaw h1{font-size: 36px !important; display:block !important; visibility:visible !important; } #editeur-spaw h2{font-size: 24px !important; } #editeur-spaw h3{font-size: 18px !important; } #editeur-spaw h4{font-size: 16px !important; } #editeur-spaw h5{font-size: 12px !important; } #editeur-spaw h6{font-size: 10px !important; } #editeur-spaw ul{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; } #editeur-spaw li{ list-style-type:none; background:url(../cssimg/puce_orange.gif) 0px 3px no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;} #editeur-spaw ol{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; } #editeur-spaw ol li{ list-style-type:decimal; padding:0; margin:0; background:none; } .titre-orange-pale {color: #F3A24E !important; } .titre-orange {color: #F3A24E !important; } .titre-gris {color: #707070 !important; } .taille10 { font-size:10px; } .taille11 { font-size:11px; } .taille12 { font-size:12px; } .taille14 { font-size:14px; } /* ====================================================================== */ /* =============================== HEADER =============================== */ /* ====================================================================== */ #header { position:relative; background:white; height:241px; background:white url(../cssimg/site/header_bg.gif) 2px 0px no-repeat; } /* =================== fil ariane =================== */ #fil-ariane{ height:20px; padding:2px 20px 0px 0px; color:white; float:left; width:800px;} #fil-ariane .vous-ici{ text-align:right; font-size:1.1em; } #fil-ariane ul{ float:right; padding:0px 10px 0px 0px; } #fil-ariane li{ display:inline; list-style-type:none; font-weight:bold; font-size:1.1em; } #fil-ariane li a{ display:inline; padding:0px 9px 0px 2px; background:url(../cssimg/filariane-puce.gif) right center no-repeat; font-weight:normal; color:white; text-decoration:none; } #fil-ariane li a:hover{} #nav_sec{padding:0; margin:0px 0px 0px 0px; list-style-type:none; } #nav_sec li{ float:left; list-style-type:none; } #nav_sec li a{float:left; display:block; height:14px; margin:2px 0px 2px 0px; padding:3px 15px 0px 15px; border-left:1px #B17133 solid;} /* ================== Flash ================== */ #flash_bandeau{ margin:0px 0px 0px 2px; padding:0px 0px 0px 0px; position:absolute; top:40px; left:0; background:white; } /* ================== Logo ================== */ #logo{ margin:0px auto; text-align:center; } #logo h1{ padding:0px 0px 0px 0px; } #logo img{ margin:24px 0px 0px 0px; } .byCorpo{ position:absolute; top:15px; left:13px; } /* ================== menu ================== */ #menu_haut { position:absolute; top:220px; left:0; width:949px; height:21px; padding:0; margin:0px 0px 0px 75px; text-align:center; } #menu_haut ul {padding:0; margin:0px 0px 0px 65px; list-style-type:none;} #menu_haut ul li { float:left; list-style-type:none; } #menu_haut ul a {float:left; display:block; height:18px; margin:0px 0px 0px 0px; padding:3px 15px 0px 15px; color:white; text-decoration:none; font-size:1.3em; font-weight:bold; border-left:1px #ff6c0a solid; } #menu_haut ul a:hover { color:black; } #menu_haut ul a.selectmenuhaut {color:white; } #menu_haut ul a.selectmenuhaut:hover{ color:white; } #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;} /* ====================================================================== */ /* ============================= MENU GAUCHE ============================ */ /* ====================================================================== */ #sousmenu {margin:0px 1px 30px 0px; padding:0px 0px 0px 0px; background:#E5E5E5; } #sousmenu ul { margin:0; padding:0; } #sousmenu ul li { margin:0; padding:0; list-style-type:none; } #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%; } #sousmenu .li1,#sousmenu .li2,#sousmenu .li3{margin:0; padding:0; } #sousmenu a.lien1,#sousmenu a.lien2,#sousmenu a.lien3{display:block; 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{ display:block; text-decoration:none;} html>body #sousmenu a.encours1, html>body #sousmenu a.encours2, html>body #sousmenu a.encours3{ } #sousmenu .ul1{ padding:0px 0px 0px 0px; } #sousmenu .ul1 .up { } #sousmenu .li1{ padding:0px 0px 0px 0px; } #sousmenu .li1 a.lien1 {height:20px; padding:3px 0px 0px 0px; font-size:1.3em; font-weight:bold; text-align:center; background: url(../cssimg/site/menu_g_a.gif) 0px center repeat-x; border:1px #b3b3b3 solid; color:Black; } html>body #sousmenu .li1 a.lien1 { min-height:20px; height:auto;} #sousmenu .li1 a.lien1:hover{ color:black; background: url(../cssimg/site/menu_g_ahover.gif) 0px center repeat-x; } #sousmenu a.encours1{ height:20px; padding:3px 0px 0px 0px; font-size:1.3em; font-weight:bold; text-align:center; color:black; background: url(../cssimg/site/menu_g_ahover.gif) 0px center repeat-x; border:1px #b3b3b3 solid; } html>body #sousmenu a.encours1{ min-height:20px; height:auto;} #sousmenu .ul2{ margin:4px 0px 0px 0px; } #sousmenu .ul2 .up { } #sousmenu .li2{ margin:0px 0px 0px 0px; padding:3px 13px 0px 13px; background: url(../cssimg/site/menu_g_li2.gif) center top no-repeat; } #sousmenu .li2 a.lien2 {height:14px; margin:0px 0px 4px 0px; padding:0px 0px 4px 0px; font-size:1.1em; font-weight:bold; color:black; text-align:center; background: url(../cssimg/site/menu_g_li2a2.gif) center bottom no-repeat; } html>body #sousmenu .li2 a.lien2 { min-height:14px; height:auto; } #sousmenu .li2 a.lien2:hover{ color:#E85B16; } #sousmenu a.encours2{ height:14px; margin:0px 0px 0px 0px; padding:0px 0px 4px 0px; font-size:1.1em; font-weight:bold; color:black; text-align:center; background: url(../cssimg/site/menu_g_li2a2.gif) center bottom no-repeat; color:#E85B16; } html>body #sousmenu a.encours2{ min-height:14px; height:auto;} #sousmenu .ul3{ margin:0px 0px 10px 0px; } #sousmenu .ul3 .up { } #sousmenu .li3{ padding:0px 0px 0px 0px; } #sousmenu .li3 a.lien3 { padding:0px 0px 0px 0px; font-size:1.1em; text-align:center; color:#5B6C74;} html>body #sousmenu .li3 a.lien3 { } #sousmenu .li3 a.lien3:hover{ font-weight:bold;} #sousmenu a.encours3{ padding:0px 0px 0px 0px; font-size:1.1em; text-align:center; font-weight:bold; color:#5B6C74; } 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{} 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{} #gauche_widget{} #gauche_widget p { margin:0px 0px 7px 0px; text-align:center;} #gauche_widget img {} /* ================== newsletter ================== */ #newsletter{ margin:20px 2px 20px 5px; } #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; } /* ====================================================================== */ /* =============================== CENTRE =============================== */ /* ====================================================================== */ #centre{ background:url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} html>body #centre{height:auto; min-height:400px;} #centre-accueil{ background:white url(../cssimg/site/centre-bg_acc.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-accueil{height:auto; min-height:400px;} #centre-concept{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-concept{ height:auto; min-height:400px;} #centre-news{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-news{ height:auto; min-height:400px; } #centre-liens{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-liens{ height:auto; min-height:400px; } #centre-galerie{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-galerie{ height:auto; min-height:400px;} #centre-faq{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-faq{ height:auto; min-height:400px;} #centre-contact{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-contact{ height:auto; min-height:400px;} #centre-sitemap{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-sitemap{ height:auto; min-height:400px;} #centre-mentionslegales{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-mentionslegales{ height:auto; min-height:400px;} #centre-blog_liste{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-blog_liste{ height:auto; min-height:400px; } #centre-blog_detail{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-blog_detail{ height:auto; min-height:400px; } #centre-identify{ background:black; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-identify{ height:auto; min-height:350px;} /* boutique */ #centre-liste{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-liste{ height:auto; min-height:400px; } #centre-boutique{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-boutique{ height:auto; min-height:400px; } #centre-produit_tableau{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-produit_tableau{ height:auto; min-height:400px; } #centre-produit_fiche{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-produit_fiche{ height:auto; min-height:400px; } #centre-rechercher{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-rechercher{ height:auto; min-height:400px; } /* ================== gauche ================== */ #gauche{ float:left; width:198px; padding:0px 0px 0px 0px; margin:0px 0px 0px 3px; _margin:0px 0px 0px 2px;} #pub_gauche{margin:10px 0px 0px 0px; text-align:center;} /* =================== droit =================== */ #droit,#imgcentre{ float:right; width:175px;} #droit p,#imgcentre p{} #droit img,#imgcentre img{ border:0; } /* =================== main =================== */ #main{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main h1.nom-page{margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:black; } #main-accueil{ margin:0px 0px 0px 201px; padding:0px 12px 140px 12px; _padding:0px 6px 160px 6px; z-index:1; width:550px; background: url(../cssimg/site/main_acc.jpg) center bottom no-repeat; } /* voir stylecss_ie7.css main-accueil */ #main-accueil h1.nom-page{ margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:black; } #main-concept{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-concept h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-liens{ margin:0px 0px 0px 0px; padding:0px 30px 30px 30px; z-index:1; float:left; width:680px; } #main-liens h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-news{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-news h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-galerie{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-galerie h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-faq{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-faq h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-contact{ margin:0px 0px 0px 201px; padding:0px 10px 30px 30px; z-index:1; } #main-contact h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-sitemap{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-sitemap h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-mentionslegales{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-mentionslegales h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-blog_liste{ margin:0px 165px 0px 201px; padding:0px 10px 30px 10px; z-index:1; } #main-blog_liste h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-blog_detail{ margin:0px 165px 0px 201px; padding:0px 10px 30px 10px; z-index:1; } #main-blog_detail h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} /* boutique */ #main-boutique{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-boutique h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-liste{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-liste h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-produit_tableau{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-produit_tableau h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main-rechercher{ margin:0px 0px 0px 201px; padding:0px 30px 30px 30px; z-index:1; } #main-rechercher h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #main_histo{ margin:0px 100px 0px 100px; padding:0px 30px 30px 30px; z-index:1; background:white } #main_histo h1.nom-page{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align: center; border-bottom: 1px #BABABA solid; font-size:1.8em;} #vform02{} #vform02 fieldset{ border:1px #ccc solid; } #vform02 legend{ font-size:1.2em; } #vform02 label{ display:block; float:left; width:120px;} #vform02 input{} #vform02 .bouton{ width:87px; height:30px; color:white; font-weight:bold; background: url(../cssimg/site/bt-envoyer.gif) 0px 0px no-repeat; border:0;} /* ====================================================================== */ /* ============================== FOOTER ================================ */ /* ====================================================================== */ .basBG{ background: url(../cssimg/site/footer_bg.gif) 0px 0px no-repeat; height:30px; } #footer{ background:#424d52 url(../cssimg/site/footerFull_bg.gif) 0px 0px repeat-x; clear:both; } .footer-centrer{width:960px; margin:0px auto;} .footer-little{padding:10px 0px 5px 0px; text-align:center; } footer-little p { padding:0px 0px 0px 0px; } footer-little a{ text-decoration:none; color:white;} footer-little a:hover{ text-decoration:underline;} .footerTitle01{ padding:10px 0px 0px 0px; font-size:1.8em; color:#fe7c02;} .footerTitle02{ margin:0px 0px 0px 0px; font-size:1.8em; color:#e8eff4;} .footer-d1{ float:left; margin:2px 10px 10px 0px; padding:5px 10px 5px 10px; width:435px; background:#323a3e; border-left:7px #fe7c02 solid; text-align:left;} .footer-d1 h3{color:#fe7c02; font-size:1.4em; text-align:left; } .footer-d1 p{ font-size:1.1em; text-align:left; color:white;} .footer-d1 a{ color:white; text-decoration:none;} .footer-d1 a:hover{ text-decoration:underline;} .footer-d2{ margin:2px 10px 10px 0px; padding:5px 10px 5px 10px; background:#35bbe7; border-left:7px #e8eff4 solid; text-align:left;} .footer-d2 h2{color:#e8eff4; font-size:1.4em; text-align:left; } .footer-d2 h3{color:#e8eff4; font-size:1.4em; text-align:left; } .footer-d2 p{ font-size:1.1em; text-align:left; color:#323a3e;} .footer-d2 a{ color:#323a3e; text-decoration:none;} .footer-d2 a:hover{ text-decoration:underline;} .footer-d3{ margin:30px 10px 10px 0px; padding:0px 10px 0px 10px; border-left:7px #e837c3 solid; text-align:left;} .footer-d3 h2{ margin:0px 0px 10px 0px; color:#e837c3; font-size:1.4em; text-align:left; } .footer-d3 h3{ margin:10px 0px 0px 0px;color:white; font-size:1.2em; text-align:left; } .footer-d3 p{ font-size:1.1em; text-align:left; color:white;} .footer-d3 a{ color:white;} /* ================== Search ================== */ #search{ margin:20px 0px 30px 5px; _margin:20px 0px 30px 2px; width:186px; } #search h3{ font-size:1.4em; color:black; background: url(../cssimg/site/search_h3.jpg) 0px 0px no-repeat; height:24px; width:186px; text-align: center; } #search p{ } #search select{ width:186px; border:1px #CCC solid; } #search option{ } #search .ok{ font-size:1.2em; color:white; border:0; width:186px; font-weight:bold; background: url(../cssimg/site/search_OK.jpg) 0px 0px no-repeat; height:36px; cursor: pointer; } #affinerSearch{ position:relative; margin:0px 0px 20px 0px; } #affinerSearch fieldset{ border:1px #CCC solid; height:70px; } #affinerSearch legend{ padding:0px 5px 0px 5px; font-size:1.1em; background:#ff5c00; color:white; font-weight:bold;} #affinerSearch label{ display:block; float:left; padding:0px 5px 0px 0px; width:120px; text-align:right;} #affinerSearch select{ width:200px;} #affinerSearch button{ position:absolute; top:44px; left:557px; width:90px; height:28px; color:white; font-weight:bold; background: url(../cssimg/site/bt-envoyer.gif) 0px 0px no-repeat; text-align:center; border:0px; } #historik p a{margin:0px 1px 0px 0px; text-align: center; font-weight:bold;} #historik p a{display:block; padding:8px 0px 0px 0px; min-height:22px; height:auto; _height:22px; color:white; font-size:1.2em; background:#aae41a url(../cssimg/site/menu_g_vert.gif) 0px 0px repeat-x; text-decoration:none;} #menuHistorik p a{ } #menuHistorik li{ list-style:none;} #menuHistorik a{ display:block; min-height:20px; height:auto; _height:20px; padding:3px 0px 0px 0px; font-size:1.3em; font-weight:bold; text-align:center; background: url(../cssimg/site/menu_g_a.gif) 0px center repeat-x; border:1px #b3b3b3 solid; color:Black; text-decoration:none;} #menuHistorik a:hover{} /* ====================================================================== */ /* ============================ ADMIN BARRE ============================= */ /* ====================================================================== */ #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=75); /* opacite pour FF */ -moz-opacity:0.75; /* opacite pour FF */ opacity: 0.75; /* opacite pour IE */} html>body #admin-container {position:fixed; } #admin { width:720px; margin:0 auto; padding:3px 0px 3px 0px; color:white; text-align:right; z-index:3; } #admin ul{float:right; } #admin li{ list-style-type:none; cursor: pointer; float:left; color:orange; font-size:1.1em; margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; border-left:1px #E5E5E5 dashed;} #admin li a{color:white; text-decoration:none; } #admin li a:hover{background:#EE7900; } /* ====================================================================== */ /* ============================ PAGE ACCUEIL ============================ */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-accueil{ float:right; width:175px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #les_promoEnt_acc{ margin:20px 0px 0px 4px; padding:0px 0px 10px 0px; width:164px; background: url(../cssimg/site/acc_promoEnt_bg.gif) 0px bottom no-repeat;} #les_promoEnt_acc h3{ background: url(../cssimg/site/acc_promoEntH3.gif) 0px 0px no-repeat; font-size: 1.3em; text-align: center; padding:2px 0px 0px 0px; height:18px; color:white;} .promoEnt_acc{ margin:0px 10px 0px 10px; padding:7px 0px 7px 0px; border-bottom:1px #2F86ED solid; } .promoEnt_acc .coeur{ color:#FF5556; font-weight:bold; font-size:1.1em;} .promoEnt_acc .titre{ color:Black; font-weight:bold; font-size:1.1em;} .promoEnt_acc .txt{ color:black; font-size:1.1em;} .promoEnt_acc .detail { color:#383838; font-size:1.1em; text-align: right;} .promoEnt_acc .detail a{ color:#383838; text-decoration: none; } .promoEnt_acc .detail a:hover{ text-decoration: underline; } .promoEnt_acc .nouveau { color:#383838; font-size:1.1em; text-align: right;} .promoEnt_acc .nouveau a{ color:#383838; text-decoration: none;} .promoEnt_acc .nouveau a:hover{ text-decoration: underline; } #les_promoPublic_acc{ margin:10px 0px 20px 4px; padding:0px 0px 10px 0px; width:164px; background: url(../cssimg/site/acc_promoPublic_bg.gif) 0px bottom no-repeat;} #les_promoPublic_acc h3{ background: url(../cssimg/site/acc_promoPublicH3.gif) 0px 0px no-repeat; font-size: 1.3em; text-align: center; padding:2px 0px 0px 0px; height:18px; color:white;} .promoPublic_acc{ margin:0px 10px 0px 10px; padding:7px 0px 7px 0px; border-bottom:1px #56D725 solid; } .promoPublic_acc .coeur{ color:#FF5556; font-weight:bold; font-size:1.1em;} .promoPublic_acc .titre{ color:Black; font-weight:bold; font-size:1.1em;} .promoPublic_acc .txt{ color:black; font-size:1.1em;} .promoPublic_acc .detail { color:#383838; font-size:1.1em; text-align: right;} .promoPublic_acc .detail a{ color:#383838; text-decoration: none; } .promoPublic_acc .detail a:hover{ text-decoration: underline; } .promoPublic_acc .nouveau{ color:#383838; font-size:1.1em; text-align: right;} .promoPublic_acc .nouveau a{ color:#383838; text-decoration: none;} .promoPublic_acc .nouveau a:hover{ text-decoration: underline; } #accueil_txt{margin:0px 0px 0px 20px; padding:20px 0px 0px 0px; font-size:1.2em; font-weight:normal; } #accueil_txt li{ list-style-type:none;} #abonnement_newsletter{margin:50px 0px 0px 27px; padding:10px 0px 30px 20px; background: url(../cssimg/site/newsletter_bg.jpg) 0px 0px no-repeat; width:493px;} #abonnement_newsletter .titre{ margin:0px 0px 0px 0px; font-weight:bold; color:black;} #abonnement_newsletter .texte{ color:#333333; margin:3px 0px 0px 0px;} #abonnement_newsletter input{margin:0px 10px 0px 0px; padding:0px 5px 0px 5px;} #abonnement_newsletter input.ok{margin:0px 0px 0px 10px; background: url(../cssimg/site/bt-envoyer.gif) 0px 0px no-repeat; width:87px; height:28px; color:white; text-align:center; font-weight:bold; border:0; cursor:pointer; } /* ====================================================================== */ /* ========================== PAGE TYPE TEXTE =========================== */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-concept{ float:right; width:214px; } #addpict { } #corps-addpict { } #corps-addpict fieldset{ margin:0; padding:10 0; border:1px #707070 solid; } #corps-addpict legend{ font-size:1.2em; font-weight:bold; color:black; } #corps-addpict p{ margin:0px 0px 3px 0px; padding:0; } #corps-addpict label{ float:left; width:115px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } #corps-addpict .typefile{ height:19px; width:230px; font-size:1.1em; margin:0; padding:0; color:#707070; } #corps-addpict .typetext{ height:15px; width:224px; font-size:1.1em; line-height:15px; margin:0; padding:0; color:#707070; } #footer-addpict { margin:4px 0px 0px 0px; } #footer-addpict p{text-align:right; } #footer-addpict input { background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; } input.sauvegarder { background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; font-weight:bold; } #listeRub{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 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/site/rublist_puce.gif) 0px 3px no-repeat; } #listeRub li a:hover{} .listeRub_act{ margin:0px 35px 20px 0px; padding:0px 0px 10px 0px; float:left; width:307px; background:#ededed url(../cssimg/site/activites_rub.gif) 0px bottom no-repeat; } .listeRub_act h2{margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; background: url(../cssimg/site/activites_h2.jpg) 0px 0px no-repeat; color:white; font-size:1.4em; height:20px; text-align: center; } .listeRub_act .actimg{margin:5px 5px 5px 5px; float:left; border:3px #BABABA solid; } .listeRub_act .coeur{margin:5px 0px 0px 0px; padding:0px 10px 0px 10px; color:#FD0100; font-weight:bold; font-size:1.1em; } .listeRub_act .type{margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; color:#373737; font-weight:bold; font-size:1.1em;} .listeRub_act .description{margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; color:#373737; font-size:1.1em;} .listeRub_act .details {margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; font-weight:bold; font-size:1.1em; text-align:right; } .listeRub_act .details a{ color:#373737; text-decoration:none; } .listeRub_act .details a:hover{ text-decoration:underline; } .listeRub_act .nouveautes {margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; font-weight:bold; font-size:1.1em; text-align:right; } .listeRub_act .nouveautes a{ color:#373737; text-decoration:none; } .listeRub_act .nouveautes a:hover{text-decoration:underline; } /* ====================================================================== */ /* ========================== PAGE TYPE NEWS ============================ */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-news{ float:right; width:214px; } /*-- 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 admin d'une news --*/ .lien-up{ float:right; margin:25px 0px 0px 0px; } .editeur_news { padding:0px 5px; background:#E9E9E9; font-size:1.1em; margin:25px 0px 0px 0px; } .editeur_news a { color:black; } .editeur_news a:hover {} .editeur_news b{ float:right;} .editeur_news .past{color:#666666;} .editeur_news .now{color: #009933;} .editeur_news .future{color:#990000;} /*-- 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:#FF8C00; } .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-with-img { margin:0px 25px 5px 15px; padding:10px 0px 15px 0px; border-bottom:1px #DDDDDD solid; } .news1-with-img p {} .news1-with-img .news-img { float:left; margin:0px 10px 0px 30px; padding:4px; border:1px #EDEDED solid; }/* voir aussi stylcss_ie5-6 pour marge */ .news1-with-img .news-titre { margin:0px 5px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.6em; color:#FF8C00; } .news1-with-img .date { margin:0px 0px 10px 30px; padding:0; text-align:left; font-size:1em; color:#A0A0A0; } .news1-with-img .la-news { margin:0px 0px 0px 150px; padding:0; color:#545454; } .news1-with-img .voirlien { margin:10px 0px 0px 150px; padding:0; color:#A0A0A0; font-size:1em; } .news1-with-img .voirlien a { color:black; text-decoration:none; font-size:1.1em;} .news1-with-img .voirlien a:hover { text-decoration:underline;} /*-- 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;} .form-news1 .save { text-align:center; margin:5px 0px 0px 0px; padding:0;} .form-news1 .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /* formulaire avec image */ .form-news1-with-img { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-news1-with-img .news-img { float:left; margin:0px 5px 5px 0px; } .form-news1-with-img p {font-size:1.1em; margin:1px 0px 1px 110px; padding:0;} .form-news1-with-img label { float:left; width:90px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-news1-with-img input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-news1-with-img .typedate { width:80px;} .form-news1-with-img .typetitre { width:280px;} .form-news1-with-img textarea { font-size:1.1em; width:280px; margin:0; padding:0; color:black;} .form-news1-with-img .coche {margin:0px 0px 0px 118px; padding:0;} .form-news1-with-img .save { text-align:center; margin:5px 0px 0px 0px; padding:0;} .form-news1-with-img .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /* ====================================================================== */ /* ========================== PAGE TYPE LIENS =========================== */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-liens{ float:right; width:214px; } /*-- barre admin de la page liens - VOIR PLUS HAUT --*/ /*-- barre admin d'un lien -- - VOIR PLUS HAUT --*/ /*-- 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 0px 0px; color:#FA7C03; font-size:1.4em;} .linklien1 .lien-texte{ margin:0px 0px 0px 0px; color:#373737; font-size:1.2em; text-align:left;} .linklien1 .lien-link{ margin:0px 0px 0px 0px; font-size:1em;} .linklien1 .lien-link a{ color:black; text-decoration:none;} .linklien1 .lien-link a:hover{} /*-- lien avec image --*/ .linklien1-with-img{ margin:0px 10px 20px 10px; padding:5px; border-bottom:1px #DDDDDD solid;} .linklien1-with-img .lien-img{ margin:0px 0px 0px 0px; padding:4px; border:1px #EDEDED solid; width:100px; float:left;} .linklien1-with-img .lien-titre{ font-weight:bold; margin:0px 0px 0px 120px; color:#FA7C03; font-size:1.4em;} .linklien1-with-img .lien-texte{ margin:0px 0px 0px 120px; color:#373737; font-size:1.2em;} .linklien1-with-img .lien-link{ margin:0px 0px 0px 120px; font-size:1.2em;} .linklien1-with-img .lien-link a{ color:#373737; text-decoration:underline;} .linklien1-with-img .lien-link a:hover{ text-decoration:none; } /*-- 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;} .form-lien1 .save { text-align:center; margin:5px 0px 0px 0px; padding:0;} .form-lien1 .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /*-- formulaire lien avec image --*/ .form-lien1-with-img { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-lien1-with-img .lien-img { float:left; margin:0px 5px 5px 0px; } .form-lien1-with-img p {font-size:1.1em; margin:1px 0px; padding:0;} .form-lien1-with-img label { float:left; width:90px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-lien1-with-img input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-lien1-with-img .typetitre { width:280px;} .form-lien1-with-img textarea { font-size:1.1em; width:280px; margin:0; padding:0; color:black;} .form-lien1-with-img .save { text-align:center; margin:5px 0px 0px 0px; padding:0;} .form-lien1-with-img .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /* ====================================================================== */ /* =========================== PAGE TYPE FAQ ============================ */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-faq{ float:right; width:214px; } /*-- barre admin de la page FAQ - VOIR PLUS HAUT --*/ /*-- 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;} #questionstheme p a:hober{} .reponsefaq{ background:#F7F7F7; padding:5px; margin:0px 0px 10px 0px;} .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;} .form-faq1 .save { text-align:center; margin:5px 0px 0px 0px; padding:0;} .form-faq1 .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /* ====================================================================== */ /* ========================= PAGE TYPE GALERIE ========================== */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-galerie{ float:right; width:214px; } /*-- barre admin de la page galerie - VOIR PLUS HAUT --*/ /*-- 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:10px; border:1px solid #999; background:#FFFFFF; } .thumbnail a.lien-img-gallery{ text-decoration:none; background:#FFFFFF; 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:#707070; 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; } .form-gallery .save { text-align:center; margin:5px 0px 0px 0px; padding:0;} .form-gallery .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /* ====================================================================== */ /* ========================== PAGE TYPE CONTACT ========================= */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-contact{ float:right; width:214px; } /*-- 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:70px; 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; color:#707070;} .destinateur .save{ margin:10px 0px 10px 0px; background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /* ====================================================================== */ /* ============================ PAGE SITEMAP ============================ */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-sitemap{ float:right; width:214px; } #sitemap {} #listsitemap {} #listsitemap dt,#listsitemap dd,#listsitemap li{ list-style-type:none; border-bottom:1px orange dashed;} #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:none; color:black; background:orange;} #listsitemap h2 {font-size:1.8em; font-weight:normal; padding:0px 0px 0px 0px; margin:0; } #listsitemap h2 a{color:orange; text-decoration:none;} #listsitemap h2 a:hover{} #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 20px; padding:0;} /* ====================================================================== */ /* ======================= PAGE TYPE BLOG LISTE ========================= */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-blog_liste{ float:right; width:165px;} #articles-recents{ margin:50px 0px 20px 0px; } #articles-recents h3{ color:#FF8C00;} #articles-recents ul{ list-style:none;} #articles-recents li{} #articles-recents li a{ text-decoration:none; color:#707070;} #articles-recents li a:hover{ text-decoration:underline;} .blog-categorie{ margin:10px 0px 10px 0px; } .blog-categorie h3{ color:#FF8C00;} .blog-categorie ul{ list-style:none;} .blog-categorie li{} .blog-categorie li a{ text-decoration:none; color:#707070;} .blog-categorie li a:hover{ text-decoration:underline;} #blog-archives{ margin:30px 0px 20px 0px; } #blog-archives h3{ color:#FF8C00;} #blog-archives ul{ list-style:none;} #blog-archives li{} #blog-archives li a{ text-decoration:none; color:#707070;} #blog-archives li a:hover{ text-decoration:underline;} /*-- barre admin de la page blog --*/ #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; } /*-- css blog vu internaute et BO --*/ .billet1 { margin:0px 15px 5px 10px; padding:10px 10px 10px 0px; border-bottom:1px #DDDDDD solid; font-size:1em; } .billet1 p {font-size:1em;} .billet1 .blog-titre a { margin:0px 5px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.6em; color:#FF8C00; text-decoration:none;} .billet1 .blog-titre a:hover { text-decoration:underline;} .billet1 .blog-cat { margin:0px 5px 7px 30px; padding:0; font-weight:bold; font-size:1.1em; color:#545454;} .billet1 .le-billet { margin:0px 0px 0px 30px; padding:0; color:#545454; font-size:1.1em; } .billet1 .the-next { margin:5px 0px 8px 30px; padding:0; text-align:left; } .billet1 .the-next a { color:#FF8C00; font-size:1.1em; text-decoration:underline; } .billet1 .the-next a:hover { text-decoration:none; } .billet1 .postby { margin:5px 0px 10px 30px; padding:0; font-size:1em; color:#A0A0A0; text-align:right; } .billet1 .postby a { text-decoration:underline; color:#A0A0A0;} .billet1 .postby a:hover {text-decoration:none;} /* ====================================================================== */ /* ======================= PAGE TYPE BLOG DETAIL ======================== */ /* ====================================================================== */ /* === COL DE DROITE ===*/ /* voir #droite-blog_liste */ /*-- barre admin de la page blog --*/ #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; } /*-- css blog vu internaute --*/ /*-- voir .billet1 --*/ /*-- css du form d'édition d'une news dans le BO --*/ .form-billet1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-billet1 p {font-size:1.1em; margin:1px 0px 1px 0px; padding:0;} .form-billet1 label { display:block; text-align:left; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-billet1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-billet1 .typedate { width:80px;} .form-billet1 .typetitre { width:300px;} .form-billet1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;} .form-billet1 .coche {margin:0px 0px 0px 118px; padding:0;} .form-billet1 .save { text-align:center; margin:5px 0px 0px 0px; padding:0;} .form-billet1 .save input {background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} /*-- css du commentaire --*/ h3.titre-commentaire {margin:10px 0px 10px 0px; padding:0; color:#FF8C00; font-size:1.2em; font-weight:bold; } .blog_comment {margin:0px 15px 20px 40px; padding:10px 10px 10px 0px; color:#545454;} .blog_comment p {font-size:1em;} .blog_comment p.le-commentaire {margin:0px 0px 0px 0px; padding:0; font-size:1.1em; } .blog_comment p.postby {margin:0px 0px 0px 0px; padding:0; color:#A0A0A0; text-align:right;} .blog_comment .postby a { text-decoration:underline; color:#A0A0A0;} .blog_comment .postby a:hover {text-decoration:none;} /*-- css du form du commentaire --*/ #form_comment {margin:20px 0px 10px 0px; } #form_comment h3 {margin:10px 0px 10px 0px; padding:0; color:#FF8C00; font-size:1.2em; font-weight:bold;} #form_comment p {font-size:1em;} #form_comment label { font-size:1em; color:#545454; float:left; width:110px;} #form_comment input { width:210px; font-size:1.1em;} #form_comment input.poster { width:70px;} #form_comment textarea { width:210px; font-size:1.1em;} /* ========================================================= LA BOUTIQUE ======================================================== */ /* ====================================================================== */ /* =========================== COMPTEUR PANIER ========================== */ /* ====================================================================== */ #compteur_panier{ position:absolute; right:59px; top:36px; width:190px; color:white; padding:3px 0px 0px 0px; background: url(../cssimg/compteur_panier.gif) 0px 0px no-repeat;} #compteur_panier h4{ float:left; margin:0px 0px 0px 30px; _margin:0px 0px 0px 15px; padding:0; font-size:1.2em;} #compteur_panier p{} #compteur_panier p.nbreprod{ float:left; height:18px; margin:0px 0px 0px 5px; border-bottom: 1px white solid;} #compteur_panier p.total{ clear: both; margin:0; padding:0; text-align:right; margin:0px 24px 0px 0px; height:22px; font-weight:bold; } #header-accueil #compteur_panier{ display:none;} /* ====================================================================== */ /* ========================== PAGE POPUP PANIER ========================= */ /* ====================================================================== */ #pagepanier{ width:700px; margin:0px auto; padding:20px 2%; background:white;} #pagepanier h1{} #ajoutform { margin:0px 0px 20px 0px; padding:0px 0px 10px 0px;} #ajoutform legend{ background:#253eae; color:white; font-size:1.2em; font-weight:bold; padding:0px 10px; margin:0px 10px;} #pagepanier .table_ajout{ margin:15px auto 0px auto; padding:1px 5px 1px 5px; border-collapse:collapse; width:80%; font-size:1em; } .table_ajout tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px white solid; } .table_ajout th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; background:#253eae; color:white; font-size:1.2em; font-weight:bold; text-align:center; border-right:1px #5470EB solid;} .table_ajout td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; background:#F3F3F3; color:black; font-size:1.1em; font-weight:normal; text-align:center; } #pagepanier #inthepanier{ padding:0px 0px 10px 0px;} #inthepanier legend{ background:#253eae; color:white; font-size:1.2em; font-weight:bold; padding:0px 10px; margin:0px 10px;} .table_inthe{ margin:20px auto 0px auto; padding:1px 5px 1px 5px; border-collapse:collapse; width:80%; font-size:1em; } .table_inthe tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px white solid; } .table_inthe th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; background:#253eae; color:white; font-size:1.2em; font-weight:bold; text-align:center; border-right:1px #5470EB solid;} .table_inthe td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; background:#F3F3F3; color:black; font-size:1.1em; font-weight:normal; text-align:center; } .changerQte{ color:#253eae;} .supp_prod{ color:#B22222;} #etapes{ width:660px; margin:20px 0px 30px 0px; _margin:10px 0px 15px 0px; } #etapes p{font-size:4em; font-weight:bold; float:left; color:#D1E7EF; margin:15px 0px 0px 40px; } #etapes ul{ float:right;} #etapes li{ display:inline; float:left; } #etapes li a{ display:block; width:140px; height:53px; background:#59A2D7; border-right:1px #D1E7EF solid; text-align:center; color:#D1E7EF; text-decoration:none; font-size:4em; font-weight:bold; padding:5px 0px 0px 0px; } #etapes li a:hover,#etapes li a.select{ display:block; width:140px; height:53px; background:#59A2D7; border-right:1px #D1E7EF solid; text-align:center; color:white; text-decoration:none; font-size:4em; font-weight:bold; padding:5px 0px 0px 0px; } .fermer_window{ float: right; text-decoration:underline; color:#253eae; } .confirmer{ margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; } .confirmer_panier{ font-weight:bold; border:1px #253eae solid; padding:2px 5px 3px 5px; background:#253eae; color:white; } #formulaire_inscription{margin:20px 0px 0px 0px; } #formulaire_inscription legend{ background:#253eae; color:white; font-size:1.2em; font-weight:bold; padding:0px 10px; margin:0px 10px;} #livraison{ float:left; margin:0px 5px 0px 0px; padding:5px 0px 5px 5px; } #livraison_diff{float:right; background:#F3F3F3; margin:0px 0px 0px 5px; padding:5px 0px 5px 5px; width:334px; } #formulaire_inscription h4{margin:20px 0px 10px 0px; font-size:1.4em; font-weight:bold; color:#253eae; } #formulaire_inscription legend{background:#253eae; color:white; font-size:1.2em; font-weight:bold;} #formulaire_inscription p{margin:1px 0px 0px 0px; } #formulaire_inscription p label{ width:85px; float:left; } #formulaire_inscription p input{ width:150px; } #formulaire_inscription p textarea{ width:240px; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; overflow: auto; height:50px;} .mention{ font-size:1.1em; color: #484848; font-style:italic; padding:15px 0px 0px 0px;} .suivant{ text-align:center; padding:20px 0px 5px 0px; } .suivant input{ background:#253eae; border:0px; color:white; padding:5px 15px 5px 15px; font-weight:bold; } #pagepanier{} #resaCoordonnees, #resaHebergement{ margin:10px 0px 0px 0px;} #resaCoordonnees legend, #resaHebergement legend{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaCoordonnees p, #resaHebergement p{margin:0px 0px 1px 0px; } #resaCoordonnees label, #resaHebergement label{ float:left; width:180px; text-align:right; color:#333333; padding:0px 10px 0px 0px; } #resaCoordonnees input, #resaHebergement input{} #resaInfo{ margin:10px 10px 0px 0px; float:left; width:260px;} #resaInfo legend{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaInfo p{} #resaInfo label{} #resaInfo input{} #resaOption{ margin:10px 10px 0px 0px; float:left; width:686px;} #resaOption legend{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaOption p{} #resaOption label{} #res#resaOptionaInfo input{} #resaCommentaire{} #resaCommentaire .titre{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaCommentaire textarea{ font-size:1em; height:60px; width:699px;} /* ====================================================================== */ /* ========================== PAGE BON COMMANDE ======================== */ /* ====================================================================== */ #bon_commande{ width:700px; margin:0px auto; padding:20px 2%; background:white;} #bon_commande h1{ font-size: 1.5em; color:white; background:#FFF url(../cssimg/site/bon_command_bg.gif) 0px 0px repeat-x; height:41px; padding:55px 0px 0px 20px;} #bon_commande h3{ font-size: 1.4em; margin:0px 0px 10px 0px; color:black; padding:0px 10px 10px 10px;} #bon_commande #facturation{ float:left; border:1px #CCC solid; padding:0; margin:0px 0px 10px 0px; width:450px;} #bon_commande #facturation h4{ background:url(../cssimg/site/menu_g_ahover.gif) 0px center repeat-x; color:white; font-size:1.3em; margin:0px 0px 5px 0px; padding:2px 10px; } #bon_commande #facturation p{ margin:0px 10px; padding:0px 0px 10px 0px;} #bon_commande #livraison{ float:right; margin:0px 0px 0px 20px; border:1px #CCC solid; padding:0;} #bon_commande #livraison h4{ background:url(../cssimg/site/menu_g_ahover.gif) 0px center repeat-x; color:white; font-size:1.3em; margin:0px 0px 5px 0px; padding:2px 10px;} #bon_commande #livraison p{ margin:0px 10px; padding:0px 0px 10px 0px;} #bon_commande table{ margin:20px auto 0px auto; padding:1px 5px 1px 5px; border-collapse:collapse; width:80%; font-size:1em; } #bon_commande tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px white solid; } #bon_commande th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; background:url(../cssimg/site/menu_g_ahover.gif) 0px center repeat-x; color:white; font-size:1.3em; font-weight:bold; text-align:center; } #bon_commande td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 5px; background:#F3F3F3; color:black; font-size:1.1em; font-weight:normal; text-align:left; } #bon_commande .mentions { text-align: left; font-weight: bold; margin:10px 0px 0px 0px; background:#E5E5E5;} #bon_commande .imprimer { text-align: center; margin:10px 0px 0px 0px; } #bon_commande .imprimer a{ color:white; padding:5px 15px 5px 15px; font-weight:bold; height:20px; border:0px; background:url(../cssimg/site/menu_g_ahover.gif) 0px center repeat-x; border:1px #CCC solid;} /* ====================================================================== */ /* ======================= PAGE "ACCUEIL" BOUTIQUE ====================== */ /* ====================================================================== */ /* liste présente sur page accueil "boutique.html" et "liste.html" */ .lesoffres{ margin:0px 0px 0px 0px; padding:0px 0px 40px 0px; text-align: center;} #text-liste{ position: relative; margin:0px 20px 0px 10px; padding:0px 0px 0px 0px; font-size:1.2em; color:black; } #image-liste{ margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; } #image-liste img{ margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; } #listeproduit{margin:10px 0px 0px 0px; padding:0px 0px 30px 0px; } #listeproduit h2{margin:0px 0px 10px 10px; padding:0px 0px 0px 0px; font-size:1.6em; font-weight:normal; color:#FF5C00; } #listeproduit h2 span{font-weight:bold; } /* background : voir autre feuille css */ #listeproduit ul{margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; } #listeproduit li{margin:0px 0px 0px 45px; padding:0px 0px 0px 0px; } #listeproduit li a{margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; display:block; text-decoration:none; font-size:1.2em; font-weight:bold; color:#FF7200;} #listeproduit li a:hover{text-decoration:underline;} .liste-unprod{margin:0px 35px 20px 0px; _margin:0px 20px 20px 0px; padding:0px 0px 10px 0px; float:left; width:307px; background:#ededed url(../cssimg/site/activites_rub.gif) 0px bottom no-repeat; } /* liste rayons */ .liste-unprod h3{margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; background: url(../cssimg/site/activites_h2.jpg) 0px 0px no-repeat; color:white; font-size:1.4em; height:20px; text-align: center;} .bgMarron{ background: url(../cssimg/site/h2_marron.gif) 0px 0px no-repeat !important;} .liste-unprod h3 span{ } .liste-unprod h3 a{ text-decoration:none; color:white; } .liste-unprod h3 a:hover{ text-decoration: underline; } .liste-unprod .limage{ text-align:center; float:left;} html>body .liste-unprod .limage{ height:auto; min-height:60px; } .liste-unprod .limage img{ max-width:100px; margin:5px 5px 5px 5px; border:3px #BABABA solid;} /* voir hack max-width max-height pour IE dans stylecss_ie.css */ .liste-unprod .coeur{margin:5px 0px 0px 0px; padding:0px 10px 0px 10px; color:#FD0100; font-weight:bold; font-size:1.1em; } .liste-unprod .type{margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; color:#373737; font-weight:bold; font-size:1.1em;} .liste-unprod .description{margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; color:#373737; font-size:1.1em; } .liste-unprod .details {margin:0px 5px 0px 0px; padding:0px 15px 0px 10px; font-weight:bold; font-size:1.1em; text-align:right; background:url(../cssimg/site/puce_plus.gif) right 3px no-repeat; } .liste-unprod .details a{ color:#373737; text-decoration:none; } .liste-unprod .details a:hover{ text-decoration:underline; } .liste-unprod .voirRayon {margin:0px 0px 0px 0px; padding:0px 15px 0px 10px; font-weight:bold; font-size:1.1em; text-align:right; background:url(../cssimg/site/puce_fleche_blanc.gif) right 3px no-repeat; } .liste-unprod .voirRayon a{ color:#373737; text-decoration:none; } .liste-unprod .voirRayon a:hover{ text-decoration:underline; } /* liste produits */ /* liste produits */ .liste-unprod .limage2{ text-align:center; float:left;} .liste-unprod .limage2 img{ max-width:180px; margin:5px 5px 5px 5px; border:3px #BABABA solid;} /* voir hack max-width max-height pour IE dans stylecss_ie.css */ .liste-unprod .texte{ color:#373737; font-weight:normal; font-size:1.1em; margin:0px 0px 0px 0px; padding:7px 5px 0px 10px; height:126px; } .liste-unprod .texte a{ color:#373737; text-decoration:none; } .liste-unprod .ref-prix{ margin:7px 0px 0px 5px; font-size:1.1em; } .liste-unprod .ref{ color:#636363; font-size:1.1em; } .liste-unprod .prix{ margin:7px 5px 0px 0px; font-size:1.3em; font-weight:bold; color:#FF7C00; text-align:right; } .liste-unprod .savoir-ajouter{ margin:0px 5px 0px 0px; font-size:1em; font-weight:bold; } .liste-unprod .savoirplus{ text-align:right; font-size:1em; } .liste-unprod .savoirplus a{ color:#373737; padding:1px 15px 1px 0px; font-size:1.1em; text-decoration:none; background:url(../cssimg/site/puce_plus.gif) right 3px no-repeat; } .liste-unprod .savoirplus a:hover{ text-decoration:underline; } .liste-unprod .ajouter{ margin:0px 0px 0px 0px; text-align:right; font-size:1em; } .liste-unprod .ajouter a{ display:block; color:black; padding:1px 0px 1px 0px; text-decoration:none; } .liste-unprod .ajouter a:hover{ text-decoration:underline; } /* ====================================================================== */ /* ======================== PAGE TABLEAU PRODUIT ======================== */ /* ====================================================================== */ #fp-gauche_produittab{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #table_produit{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; width:585px; border-collapse:collapse; } #table_produit tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px #92A8FE solid; } #table_produit th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; color:white; font-size:1.2em; font-weight:bold; text-align:center;} #table_produit td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; background:#5D83FE; color:white; font-size:1.1em; font-weight:normal; text-align:center; } #table_produit .panier{ margin:0; padding:14px 0px 2px 0px; background: url(../cssimg/panier01.gif) center 0px no-repeat; display:block; height:15px; color:white; font-size:1em; text-decoration:none; } #table_produit .panier:hover{ text-decoration:underline; } /* ====================================================================== */ /* ========================= PAGE FICHE PRODUIT ========================= */ /* ====================================================================== */ #fiche-produit{ margin:0px 0px 0px 201px; padding:0px 0px 0px 0px; z-index:1; } #fiche-produit h2.nom-produit{ margin:0px 50px 25px 50px; padding:7px 0px 7px 0px; color:black; text-align:center; border-bottom:1px #BABABA solid; font-size:1.8em;} #fiche-produit #fp-gauche{ float:left; width:515px; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; position:relative; } #fiche-produit #fp-droite{ float:left; width:220px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #fiche-produit #panier{ height:26px; padding:20px 0px 10px 7px; text-align:center; } #fiche-produit #panier a{ font-size:1.3em; font-weight:bold; color:white; text-decoration:none; } #fiche-produit #panier a:hover{ text-decoration:underline; } #fiche-produit #caracteristique{margin:0px 0px 0px 17px; padding:5px 0px 0px 0px;} #fiche-produit #caracteristique h3{ margin:10px 0px 0px 0px; padding:2px 0px 2px 10px; height:16px; font-size:1.2em; font-weight:bold; color:white; background:url(../cssimg/site/carac_h3.gif) 0px 0px repeat-x; width:180px; } #fiche-produit #caracteristique ul{list-style:none; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; background:#f4f4f4; width:190px; } #fiche-produit #caracteristique li.ref{ margin:0px 0px 0px 0px; padding:5px 0px 5px 10px; font-size: 1.2em; color:black;} #fiche-produit #caracteristique li.ref span{ font-weight:bold; display:block; color:#5b80ff; font-size: 1.1em; padding:0px 0px 0px 6px; background: url(../cssimg/site/puce_fleche_bleu.gif) 0px 5px no-repeat; } #fiche-produit #caracteristique li.carac{ margin:0px 0px 0px 0px; padding:5px 0px 5px 10px; font-size: 1.2em; color:black; } #fiche-produit #caracteristique li.carac span{ font-weight:bold; display:block; color:#5b80ff; font-size: 1.1em; padding:0px 0px 0px 6px; background: url(../cssimg/site/puce_fleche_bleu.gif) 0px 5px no-repeat; } #fiche-produit #caracteristique p{margin:0px 0px 0px 0px; padding:6px 0px 5px 0px; font-size:1em; } #fiche-produit #caracteristique p a{ margin:0px 0px 0px 10px; padding:0px 0px 0px 20px; font-size:1.2em; color:white; font-weight:normal; text-decoration:none;} #fiche-produit #caracteristique p a:hover{ text-decoration: underline;} #fiche-produit .link-description{ background:#EDEDED url(../cssimg/link-description_bg.gif) 10px center no-repeat; color:black; } #fiche-produit .link-produitplus{ background:#EDEDED url(../cssimg/link-produitplus_bg.gif) 10px center no-repeat; color:black; } #fiche-produit .link-accessoire{ background:#EDEDED url(../cssimg/link-accessoire_bg.gif) 10px center no-repeat; color:black; } #activitesup, #options{list-style:none; margin:0px 0px 0px 0px; background:#f4f4f4; width:190px; } #activitesup li, #options li{} #activitesup li span, #options li span{display:inline !important;} #fiche-produit #prix{ margin:0px 0px 10px 15px; padding:12px 0px 0px 0px; text-align:center; background:url(../cssimg/site/prix_bg.gif) 0px 0px no-repeat; height:30px; width:191px; text-align:center; } #fiche-produit #prix p { font-size:1.2em; font-weight:bold; color:white;} #fiche-produit #prix p span{ font-size:1.4em; font-weight:bold;} #fiche-produit #prixcontext{ padding:10px 0px 10px 0px; text-align:center; } #fiche-produit #prixcontext table {margin:0px auto; padding:0px 0px 0px 0px; width:96%; border-collapse:collapse; } #fiche-produit #prixcontext tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #fiche-produit #prixcontext th{margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; color:#fa7c03; font-size:1.2em; font-weight:bold; text-align:center; border-bottom:1px #ffeddb solid; } #fiche-produit #prixcontext td{margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; color:#fa7c03; font-size:1.1em; font-weight:normal; text-align:center; border-bottom:1px #ffeddb solid; } #fiche-produit #prixcontext td a.panier{ margin:0px 0px 0px 0px; padding:2px 0px 1px 0px; display:block; height:15px; font-size:1em; color:#fa7c03; text-decoration:none; border-bottom:1px #333333 dashed; } #fiche-produit #prixcontext td a.panier:hover{ text-decoration:none; border-bottom:1px #333333 solid; } #fiche-produit #promo{height:20px; padding:10px 0px 10px 0px; background:#EF0000; text-align:center;} html>body #fiche-produit #promo{ min-height:20px; height:auto;} #fiche-produit #promo p {font-size:1.2em; font-weight:bold; color:white;} #fiche-produit #promo p span{ display:block; font-size:1.4em; font-weight:bold; color:white;} #fiche-produit #transport{margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;} #fiche-produit #transport h3 { height:25px; padding:21px 0px 0px 10px; color:#6a6a6a; font-size:1.8em; font-weight:bold;} #fiche-produit #transport p { background:#dddddd; font-size: 1.1em; color:#6a6a6a; margin:0px 5px 0px 5px; padding:0px 0px 0px 10px; } #fiche-produit #transport p span.tranporteur{ font-weight:bold;} #fiche-produit #loupe, #main-produit_tableau #loupe { background:white; margin:0px 0px 15px 0px; border:3px white solid; display:none; position:absolute; left:0px; top:0px; } #fiche-produit #loupe, #main-produit_tableau #loupe p{} #fiche-produit #loupe, #main-produit_tableau #loupe img { margin:10px 10px 10px 10px; padding:1px; background:white;} #fiche-produit #galerie-first, #main-produit_tableau #galerie-first {margin:0px 10px 10px 0px; _margin:0px 5px 5px 0px; padding:0px 0px 0px 0px; text-align:center; max-width:270px; float:left; } #fiche-produit #galerie-first p, #main-produit_tableau #galerie-first p{} #fiche-produit #galerie-first p img, #main-produit_tableau #galerie-first p img{ margin:0px 0px 0px 0px; padding:0px; background:white; } #fiche-produit #galerie, #main-produit_tableau #galerie { zoom:1;} #fiche-produit #galerie p,#main-produit_tableau #galerie p{ float:left; } #fiche-produit #galerie p img,#main-produit_tableau #galerie p img{ margin:0px 2px 5px 2px; padding:3px; background:white; border:1px #fedcbb solid; } #descriptif{ margin:20px 20px 0px 22px; padding:0px 0px 0px 0px; } #descriptif h3 { font-size: 1.4em; font-weight:bold; color:#5B80FF; } #descriptif p.photo {} #descriptif p.description-txt { font-size:1.1em; color:#333333;} /* fiche pdf */ p.voir-pdf {margin:20px 0px 0px 14px; padding:0px 0px 0px 0px; } p.voir-pdf a{ } p.voir-pdf a:hover{} #onglets{margin:20px 10px 0px 10px; padding:10px 0px 20px 0px; float:left; width:705px; border-top:1px #d6d6d6 solid;} #texte_0, #texte_1 {margin:0px 0px 0px 10px; float:left; width:335px; } #texte_0 .teterub, #texte_1 .teterub {margin:0px 0px 3px 0px; font-size:1.4em; font-weight:bold; color:#373737;} #texte_0 .texterub, #texte_1 .texterub{margin:0px 0px 15px 0px; font-size:1.2em; color:#373737; } #conditions-vente{margin:0px 0px 0px 17px; padding:5px 0px 0px 0px;} #conditions-vente h3{margin:10px 0px 0px 0px; padding:2px 0px 2px 10px; height:16px; font-size:1.2em; font-weight:bold; color:white; background:url(../cssimg/site/carac_h3.gif) 0px 0px repeat-x; width:180px;} #conditions-vente p{} #lesplus{ margin:20px 20px 0px 22px; padding:0px 0px 20px 0px; border-top:1px #d6d6d6 solid; } #lesplus h3{ font-size: 1.4em; font-weight:bold; margin:10px 0px 5px 0px; color:#5B80FF; } #lesplus p{font-size:1.2em; color:#333333;} #lesplus p a{ font-size:1em; text-decoration:none; color:#333333;} #lesplus p a:hover{ text-decoration:underline; } #fiche-produit #accessoire{margin:20px 10px 0px 10px; padding:10px 0px 20px 0px; width:705px; float:left; border-top:1px #d6d6d6 solid; color:#5B80FF; } #fiche-produit #accessoire h4{ font-size: 1.4em; font-weight:bold; margin:0px 0px 3px 10px; color:#5B80FF; } #fiche-produit #accessoire .un-accessoire{ text-align:center; float:left; position:relative; margin:0px 25px 10px 15px; width:130px; } #fiche-produit #accessoire .un-accessoire .ajouter{} #fiche-produit #accessoire .un-accessoire .ajouter a{ width:21px; height:21px; position:absolute; top:0px; right:0;} #fiche-produit #accessoire .un-accessoire .ajouter a span{ display: none; } #fiche-produit #accessoire .un-accessoire img{ padding:1px; border:1px #DFDFDF solid;} #fiche-produit #accessoire .un-accessoire p{font-size:1.1em; color:#828484;} #fiche-produit #accessoire .un-accessoire p a{ font-size:1em; color:#373737; text-decoration:none; padding:0px 0px 0px 0px; text-decoration: underline; } #fiche-produit #accessoire .un-accessoire p a:hover{ text-decoration:none;} #fiche-produit #lenuage{ margin:10px 10px 10px 10px; padding:10px; border:1px #CCC solid; background:#CFDDE8; width:685px; float:left; font-size:1.2em; color:#373737;} #fiche-produit #lenuage h3{ font-size:1.2em; color:#373737;} #fiche-produit #lenuage a{ color:#373737;} /* ====================================================================== */ /* ========================= PAGE DE RECHERCHE ========================== */ /* ====================================================================== */ #main-rechercher h3{ margin:0px 0px 0px 40px;} /* ====================================================================== */ /* =========================== PAGE IDENTIFY ============================ */ /* ====================================================================== */ #main-identify legend{ color: white;} #main-identify #footer-identification{ margin-right:190px !important;} #inscription{ } #inscription h3{ margin:20px 0px 10px 0px; font-size:1.3em;} #inscription table{ width:540px; font-size:1em; } #inscription thead td{ color:white;} #inscription tr{} #inscription td{ font-size:1.2em; color:black;} #inscription td a{ } #inscription td a:hover{ } /* ====================================================================== */ /* ============================= PAGE DEVIS ============================= */ /* ====================================================================== */ #devis{ float:left; margin:0px 0px 0px 25px;} #lidentite{margin:0px 0px 0px 0px; width:300px; float:left;} #lidentite h3{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:1.4em; color:#FA7C03; } #lidentite p {margin:0px 0px 1px 0px; } #lidentite label { float:left; width:100px; text-align:left; color:#333333; } #lidentite input { width:180px; } #lidentite input.radio { width:30px; } #projet{margin:0px 0px 0px 30px; width:300px; float:left;} #projet h3{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:1.4em; color:#FA7C03; } #projet p {margin:0px 0px 1px 0px; } #projet label { float:left; width:150px; text-align:left; color:#333333; } #projet input { } #descriptProjet{margin:20px 0px 0px 0px; } #descriptProjet h3{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.4em; color:#FA7C03; } #descriptProjet p { margin:0px 0px 0px 0px; font-size:1em;} #descriptProjet label { float:left; width:100px; text-align:left; font-size:1.2em; } #descriptProjet textarea { width:630px; font-size:1.2em; } #descriptProjet .abonnews{ margin:10px 0px 10px 0px; font-size:1.2em; } #descriptProjet input.envoyer{ background: url(../cssimg/site/bt-envoyer.gif) 0px 0px no-repeat; width:87px; height:28px; color:white; font-size:1.2em; font-weight:bold; border:0px; cursor:pointer; } /* ================== STYLE D'ANGE ================== */ .imgcentre{float:right;}