body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#5cadd5 url(../cssimg/site/body_bg.gif) 0px 0px repeat-x; } #conteneur{ margin:0px auto 0px auto; width:960px; } /* ====================================================================== */ /* =============================== GLOBAL ============================== */ /* ====================================================================== */ .spacer { clear:both; } .spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; } a { color:#0A2E4E; 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; background: url(../cssimg/site/header_ecoannuaire.jpg) 0px 0px no-repeat; height:211px; } #header h1 { position:absolute; top:4px; left:0px; font-size:1.1em; color:#0D5D9A; font-weight:normal;} /* ================== Logo ================== */ #logo{ position:absolute; top:69px; left:2px; } /* ================== menu ================== */ #menu-haut { position:absolute; top:214px; margin:0px 0px 0px 0px; width:940px;} #menu-haut .intro{ position:absolute; top:-18px; color:#BFDFEE; font-weight:bold;} #menu-haut ul {margin:0px 0px 0px 18px; } #menu-haut ul li { float:left; } #menu-haut ul a {float:left; display:block; margin:0px 0px 12px 0px; padding:2px 3px 0px 3px; width:145px; min-height:35px; color:white; font-size:1.2em; font-weight:bold; text-decoration:none; text-align:center; } #menu-haut ul a:hover { background:#1E4B72; text-shadow:0px 0px 1px #061a2d; } #menu-haut ul a.selectmenuhaut {} #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;} .slogan{ position:absolute; top:78px; right:62px; } /* ====================================================================== */ /* =============================== CENTRE =============================== */ /* ====================================================================== */ #centre-,#centre-accueil,#centre-concept,#centre-news,#centre-liens,#centre-galerie,#centre-faq,#centre-contact,#centre-sitemap,#centre-mentionslegales,#centre-emploi,#centre-AvAp{ position:relative; background:white url(../cssimg/site/center_bg.gif) 0px 0px repeat-y; height:auto; min-height:350px; _height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .centreBottom{ background:url(../cssimg/site/center_bottom.gif) 0px bottom no-repeat; height:9px; clear:both;} /* =================== main =================== */ h1.nom-page{ margin:10px 0px 10px 0px; padding:8px 0px 0px 10px; height:auto; min-height:24px; _height:24px; color:#1a609e; font-size:1.4em; background:#ededed; border-bottom:1px #e0e0e0 solid;} #main-,#main-accueil,#main-concept,#main-liens,#main-news,#main-galerie,#main-faq,#main-contact,#main-sitemap,#main-mentionslegales,#main-emploi,#main-AvAp{ float:left; width:730px; margin:0px 0px 0px 10px; padding:0px 0px 10px 0px; z-index:1; } #mainbody{ float:left; width:560px; } #entete{ position:relative; width:738px; _width:730px; height:128px; background:url(../cssimg/site/entete_annuaire_01.jpg) 0px 0px no-repeat;} #entete p{ position:absolute; top:80px; color:white; font-size:1.3em; font-weight:bold; letter-spacing:-0.1px;} #entete a{ color:white; text-decoration:none; border-bottom:1px #64a1d0 solid;} #entete a:hover{border-bottom:1px white solid;} #entete .t1{ left:59px; } #entete .t2{ left:305px; } #entete .t3{ left:543px; } #pubdroit{ float:right; width:160px; margin:10px 0px 0px 10px; } #pubgauche{ margin:10px 0px 0px 0px; text-align:center;} .mentionPub{ padding:0px 5px 0px 0px; font-size:1.1em; text-align:right; background:#ccc;} .contactPub{ text-align:center;} .adOne{ margin:20px auto; width:160px; height:250px; } .adOne p{ padding:100px 0px 0px 0px; font-size:1.1em; text-align:center;} /* =================== fil ariane =================== */ #fil-ariane{ position:absolute; bottom:0px; right:0px; height:20px; padding:2px 0px 0px 0px; color:#e4e4e4; } #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:#ececec; text-decoration:none; } #fil-ariane li a:hover{} /* ====================================================================== */ /* ============================== FOOTER ================================ */ /* ====================================================================== */ #footer{margin:20px 0px 10px 0px; clear:both;} #footer a{ color:#BFDFEE; text-decoration:none; } #footer a:hover{ text-decoration:underline; } #footer1{ padding:0px 0px 0px 20px; min-height:210px; height:auto; _height:210px; border-bottom:1px #02182F solid; background: url(../cssimg/site/footer_annuaire_1.gif) 0px 0px no-repeat;} #footer1 div{ margin:40px 20px 0px 0px; float:left;} #footer1 h2{ font-size:1.2em; color:#BFDFEE;} #footer1 h2 a{ } #footer1 ul{margin:0px 0px 0px 20px;} #footer1 li{ list-style: disc; color:#BFDFEE;} #footer1 li a{ font-size:1.2em;} #footer2{ clear:both; padding:7px 0px 0px 20px; height:26px; color:#BFDFEE; border-top:1px #194A75 solid; background:#0A2E4E url(../cssimg/site/footer_annuaire_1bottom.gif) 0px bottom no-repeat;} /* ====================================================================== */ /* =============================== GAUCHE ============================== */ /* ====================================================================== */ /* ================== div gauche ================== */ #gauche{ float:left; width:210px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #gauche h2{padding:17px 0px 0px 10px; height:39px; font-size:1.4em; color:white; background: url(../cssimg/site/sousmenu_h2.jpg) 0px 0px no-repeat; } #annonceur{ margin:15px 0px 5px 5px; } #annonceur p a:hover{ text-decoration:underline; } #annonceur p strong{ font-weight:bolder;} /* ================== menu gauche ================== */ #sousmenu {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px #FAFAFA solid; } #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; 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{ } #sousmenu .ul1 .up { } #sousmenu .li1{ } #sousmenu .li1 a.lien1 { min-height:22px; _height:22px; height:auto; padding:8px 0px 0px 10px; font-size:1.2em; color:#498C00; border-bottom:1px #E0E0E0 solid; border-top:1px #FAFAFA solid; font-weight:bold; } #sousmenu .li1 a.lien1:hover{ color:#43C1E9; } #sousmenu a.encours1{ min-height:22px; _height:22px; height:auto; padding:8px 0px 0px 10px; font-size:1.2em; color:#43C1E9; background:white; border-bottom:1px #E0E0E0 solid; border-top:1px #FAFAFA solid; font-weight:bold; } #sousmenu .ul2{ } #sousmenu .ul2 .up { } #sousmenu .li2{ margin:0px 0px 0px 10px; } #sousmenu .li2 a.lien2 { min-height:16px; _height:16px; height:auto; padding:0px 0px 0px 0px; font-size:1.1em; color:blue; } #sousmenu .li2 a.lien2:hover{ font-weight:bold; } #sousmenu a.encours2{ min-height:16px; _height:16px; height:auto; padding:0px 0px 0px 0px; font-size:1.1em; } #sousmenu .ul3{ margin:0px 0px 0px 20px; } #sousmenu .ul3 .up { } #sousmenu .li3{ } #sousmenu .li3 a.lien3 {font-size:1.1em;} #sousmenu .li3 a.lien3:hover{font-weight:bold; } #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; } .searchyArt{margin:10px 0px 10px 5px;} .searchyArt label{ font-weight:bold;} .searchyArt input{ padding:0px 3px 0px 3px; width:148px; border:1px #ccc solid;} .searchyArt button{padding:1px 7px 1px 7px; background:#e1f0f8; border:1px #ccc solid;} /*=== 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;} /* ====================================================================== */ /* ============================ PAGE ACCUEIL ============================ */ /* ====================================================================== */ .w-acceuil{margin:20px 0px 0px 10px;} .w-acceuil a{} #textAccueil01{margin:20px 0px 10px 0px;} #textAccueil01 h1{ margin:0px 0px 10px 0px;padding:5px 0px 0px 33px; background:url(../cssimg/site/puce_feuille.jpg) 0px 0px no-repeat; height:26px; border-bottom:1px #CCCCCC solid; color:#0F5696; font-size:1.4em !important;} #carte{ margin:20px 0px 20px 0px; width:380px;} #carte h2{ margin:0px 0px 10px 0px; height:20px; font-size:1.2em; color:#1B5F9C; border-bottom:1px #E0E0E0 solid; } #searchByActivity{margin:20px 0px 0px 10px; width:543px; } #searchByActivity h2{ margin:20px 0px 10px 0px; height:20px; font-size:1.2em; color:#1B5F9C; border-bottom:1px #E0E0E0 solid; } #searchByActivity p{ float:left; width:43%; font-size:1.2em; color:#4D4D4D; font-weight:bold; } #searchByActivity input{ position:relative; top:6px;} #searchByActivity label{margin:0px 0px 0px 0px;} #searchByActivity button{margin:10px 0px 0px 240px; padding:0px 30px; background:#61AC0B; color:white; border:0px; cursor:pointer; } /* ====================================================================== */ /* ========================== 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:#E06900; } .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:#E06900; 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 #EDEDED solid; width:100px; float:left;} /*-- css du form d'édition d'un lien dans le BO --*/ /*-- formulaire lien sans image --*/ .form-lien1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-lien1 p {font-size:1.1em; margin:1px 0px; padding:0;} .form-lien1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-lien1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-lien1 .typetitre { width:300px;} .form-lien1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;} /*-- avec image --*/ .form-lien1 .lien-img { float:left; margin:0px 5px 5px 0px; } /* ====================================================================== */ /* =========================== PAGE TYPE FAQ ============================ */ /* ====================================================================== */ /*-- barre admin d'un faq --*/ h2.nomtheme-admin { font-size:1.4em; font-weight:bold;} /*-- css d'une faq vu internaute et BO --*/ #questionfaq{ margin:0px 0px 20px 0px;} .questionstheme { margin:10px 0px 0px 0px; background:#F7F7F7; padding:5px; } .questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold;} .questionstheme p{} .questionstheme p a{ margin:0px 0px 0px 10px; color:#E06900;} .questionstheme p a:hover{} .reponsefaq{ background:#DFEBFF; padding:5px; margin:0px 0px 10px 0px; display:none;} .reponsefaq h4{ font-size:1.2em; font-weight:bold; } .reponsefaq p{} .faq1{background:#F7F7F7; margin:0px 0px 20px 0px; padding:5px; } /*-- css du form d'édition d'une faq dans le BO --*/ .form-faq1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; } .form-faq1 p {font-size:1.1em; margin:1px 0px; padding:0;} .form-faq1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; } .form-faq1 .creer { text-align:right; margin:3px 5px 0px 20px; padding:0; color:#707070; } .form-faq1 input, .form-faq1 select { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;} .form-faq1 .typetitre { width:300px;} .form-faq1 .typecreer { width:129px;} .form-faq1 textarea {font-size:1.1em; width:300px; margin:0; padding:0; color:black;} /* ====================================================================== */ /* ========================= PAGE TYPE GALERIE ========================== */ /* ====================================================================== */ /*-- css d'une galerie dans visiteur et BO --*/ #imagegalerie {} .thumbnail{width:150px; float:left; margin:0px 15px 15px 0px; text-align:center; position:relative; background:white;} .thumbnail .contour-admin{ padding: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; } /* ====================================================================== */ /* ========================== 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;} /* ====================================================================== */ /* ============================ INSCRIPTION ============================ */ /* ====================================================================== */ label{ color:#4F4E4C; } label span, .starRed{ color:#FE0100; } input{ padding:0px 3px 0px 3px; height:20px; border:1px #A7C0D4 solid; color:#353535; } select{ padding:0px 0px 0px 3px; border:1px #A7C0D4 solid; color:#353535; } textarea{ padding:0px 3px 0px 3px; border:1px #A7C0D4 solid; color:#353535; font-size:1.1em; } .checkbox1{ height:14px !important; width:14px !important; } .f1t1{ margin:10px 0px 0px 0px; padding:7px 0px 0px 50px; height:30px; color:white; font-size:1.2em;} .tvierge{ background:#1A609E;} .tnum1{ background:#1A609E url(../cssimg/site/n1_bleu.jpg) 0px 0px no-repeat;} .tnum2{ background:#1A609E url(../cssimg/site/n2_bleu.jpg) 0px 0px no-repeat;} .tnum3{ background:#1A609E url(../cssimg/site/n3_bleu.jpg) 0px 0px no-repeat;} .f1t2{ margin:10px 0px 0px 0px; padding:11px 0px 0px 8px; height:28px; color:white; font-size:1.4em; background:url(../cssimg/site/barre_titre_01.jpg) 0px 0px no-repeat;} .f1{ margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; width:540px; background:#E8EFF5;} .f1 p{ margin:0px 0px 8px 0px;} .f1 hr{ height:1px; border-bottom:1px white solid; border-top:1px #CEDCE7 solid; border-left:1px #E8EFF5 solid; border-right:1px #E8EFF5 solid;} .f1 label{ display:block; float:left; padding:0px 0px 0px 10px; width:100px; } .f1 label span{} .f1 input{ width:140px;} .f1 select{ padding:0px 0px 0px 0px; width:150px; } .f1 textarea{ width:398px;} .leftColF1, .rightColF1 { float:left; width:270px;} .leftColF1 p, .rightColF1 p { height:23px;} .leftColF1 input, .rightColF1 input{ float:left; height:14px; width:14px; } .leftColF1 label, .rightColF1 label { display:block; float:left; padding:0px 0px 0px 10px; width:160px; } .valider{ text-align:right; font-size:1em;} .valider button{ width:196px; height:40px; padding:0px 0px 0px 40px; background: url(../cssimg/site/bt_valider_01.gif) 0px 0px no-repeat; color:white; font-size:1.2em; font-weight:bold; border:0px; cursor:pointer; } .valider button span{ position:relative; top:-4px;} .valider2{ text-align:center; font-size:1em;} .valider2 button{ width:196px; height:40px; padding:0px 0px 0px 0px; background:#7DC207; color:white; font-size:1.2em; font-weight:bold; border:1px #4e7b05 solid; cursor:pointer; } .valider2 button span{ position:relative; top:-4px;} #rechercheForm{} #rechercheForm button{ border:1px #61AC0B solid; color:white; background:#61AC0B;} #rFactivite{ min-width:180px; } #result-liste{ width:540px; font-size:1.2em;} .FirstList{ margin:0px 0px 10px 0px;} #result-liste .bgcolor001{ background:#F88100; color:white; font-weight:bold; } #result-liste .bgcolor001 a{color:white; } #result-liste tr{ border-bottom:1px white solid; } #result-liste th{ padding:3px 4px; font-weight:bold; color:white; background:#61AC0B;} #result-liste td{ padding:3px 4px; text-align:left;} #result-liste a{ color:black; } .numeroListe{ float:right; margin:10px 0px 0px 0px; text-align:center;} .numeroListe a{ display:block; float:left; margin:0px 0px 0px 3px; padding:3px 0px 0px 0px; width:22px; height:19px; background:#F0F2F1; color:#1A609E; font-weight:bold; text-decoration:none;} .numeroListe a.encours{display:block; float:left; margin:0px 0px 0px 3px; padding:3px 0px 0px 0px; width:22px; height:19px; background:#1A609E; color:white; font-weight:bold; text-decoration:none;} .numeroListe a:hover{ background:#1A609E; color:white;} #ongletta{ margin:6px 0px 0px 0px; border-bottom:1px #5cadd5 solid; height:36px;} #ongletta li {float:left; margin:0px 10px 0px 0px; padding:6px 8px 0px 8px; min-height:31px; _height:31px; height:auto; font-weight:bold; background:#5cadd5; color:white; font-size:1.2em; text-decoration:none; cursor:pointer;} #ongletta li:hover {background:#63AE0D;} #ongletta li.active { background:#63AE0D;} .onglettaA{ font-size:1em; margin:0px 0px 0px 103px;} .onglettaA a{ float:left; display:block; margin:0px 10px 0px 0px; padding:6px 8px 0px 8px; height:21px; font-weight:bold; background:#5cadd5; color:white; font-size:1.2em; text-decoration:none;} #offra{ padding:10px 4px; background:#dfdfdf; color:black; } #offra table{ font-size:1.1em;} #offra table tr{} #offra table tr.free{ background:#e2dccc; } #offra table tr.free td{ border-left:.5px solid;border-right:.5px solid; } #offra table tr.gold{ background:#f9f0d9;} #offra table tr.gold td{ border-left:.5px solid;border-right:.5px solid; } #offra table tr.silver{ background:#f0f0f0; } #offra table tr.silver td{ border-left:.5px solid;border-right:.5px solid; } #offra table tr.silver td table td{ border:none; } #offra table th{ padding:0px 0px 2px 5px; height:25px; font-size:1.1em; font-weight:bold; background:#63AE0D; color:white;} #offra table td{ padding:10px 5px; } .borderwhite{ border-top:6px #d2d2d2 solid; } .tfree{ color:black; font-weight:bold; font-size:1.6em;} .tgold{ color:#b88f21; font-weight:bold; font-size:1.6em;} .tsilver{ color:#646259; font-weight:bold; font-size:1.6em;} .of1,.of2{ float:left;} .of1{margin:0px 0px 0px 0px; width:259px;} .of2{ padding:0px 0px 0px 10px; width:260px; border-left:1px #ccc solid;} /*================== FICHE ARTISAN ==================*/ .fiche-artisan{} .eltitros{} .bt-devisTitre { float:right; margin:1px 10px 0px 0px;} .bt-devisTitre a{ display:block; padding:0px 0px 0px 0px; width:166px; height:30px; background: url(../cssimg/site/bt_devisTitre.gif) 0px 0px no-repeat; line-height:1.2em; color:white; font-weight:bold; text-align:center; text-decoration:none; } .entetecolor01{ padding:8px 10px; background:#bfd5ee;} .enteteFiche{margin:0px 0px 40px 10px;} .enteteFiche p{ color:#404040;} .enteteFiche img{float:right;} .enteteFiche a{color:#5AA608; font-weight:bold;} .retour{margin:0px 0px 20px 10px;} .retour a{padding:0px 5px;font-style:italic; background:#FF860A; color:white; text-decoration:none;} .retour a:hover{ color:#1A609E;} .presentation{margin:0px 0px 0px 10px;} .presentation .titre{ margin:0px 0px 8px 0px; color:#17619E; font-weight:bold;} .presentation .text{ color:#404040;} .fiche-artisan .liste{margin:20px 0px 0px 10px;} .fiche-artisan .liste .titre{ float:left; margin:0px 0px 8px 0px; width:200px; color:#17619E; font-weight:bold;} .fiche-artisan .liste ul{ float:left; margin:0px 0px 20px 0px; width:300px; color:#404040;} .fiche-artisan .liste li{ margin:0px 0px 0px 25px; list-style:square; font-size:1.2em;} .fiche-artisan h2 {margin:20px 0px 0px 10px;font-size:1.2em;color:#17619E;} #realisationze{ padding:10px 0px 10px 40px; background:#ededed;} .reaTitre{margin:0px 0px 0px 10px; color:#17619E; font-weight:bold; } #realisationze p{ float:left; } #realisationze a{ } #realisationze img{ } .titre01{ margin:20px 0px 0px 0px; font-size:1.3em; color:#434343;} .listRegionDep{margin:0px 0px 20px 0px;} .listRegionDep h3{ margin:15px 0px 0px 0px; font-size:1.2em; font-weight:bold;} .listRegionDep p{ float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.2em; color:#3d3d3d;} .listRegionDep input{ width:20px; height:17px;}