body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#141414; } #conteneur_bg{ background:white url(../cssimg/site/body_bg1.gif) 0px 0px repeat-x; } #conteneur_bg2{ background:url(../cssimg/site/pierre_bg.jpg) 0px 100px no-repeat; } #conteneur{ margin:0px auto 0px auto; width:1000px; } /* ====================================================================== */ /* =============================== GLOBAL ============================== */ /* ====================================================================== */ .spacer { clear:both; } .spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; } a { color:#0066A2; text-decoration:underline; } a:hover { text-decoration:none; } img { border:0px; vertical-align:middle } h1 { font-size:2.2em; } h2 { font-size:2em; } h3 { font-size:1.8em; } h4 { font-size:1.6em; } h5 { font-size:1.4em; } h6 { font-size:1.3em; } p { margin:0; padding:0; font-size:1.2em; } ul { margin:0; padding:0;} textarea{ font-family:Arial, Helvetica, sans-serif;} .floatleft{ float:left;} .floatright{ float:right;} .center{ text-align:center;} .alignleft{ text-align:left;} .alignright{ text-align:right;} #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 */ /* ====================================================================== */ /* ============================== INTERFACE ============================= */ /* ====================================================================== */ /*----- la poubelle de suppression de page ---------------------- */ .trash { float:left; margin:0px 3px 0px 0px; } /*----- input titre - pour changer de titre ---------------------- */ #ntitre input{font-size:2.2em; color:black; margin:0px 0px 30px 10px; background:none; width:86%; border:0px black solid; border-bottom:1px black dashed;} /*--- les Boutons ----------------------*/ .boutons{margin:20px 0px 0px 180px; } .button { padding:0px 3px 0px 17px; border:1px #BFBFBF solid; cursor:pointer; } .cancel { background:#F7F7F7 url(../cssimg/cross.png) 2px 0px no-repeat; color:#D12F19 } .cancel:hover { background:#FBE3E4 url(../cssimg/cross.png) 2px 0px no-repeat; } .save { background:#F7F7F7 url(../cssimg/tick.png) 2px 0px no-repeat; color:#529214; } .save:hover { background:#E6EFC2 url(../cssimg/tick.png) 2px 0px no-repeat; } /*----- barre admin de la page news ----------------------*/ #admin-page { margin:0px 0px 10px 0px; padding:0;} #admin-page p{} #admin-page a { color:white; font-size:0.9em; font-weight:bold; text-decoration:none; text-align:center; margin:0px 7px 0px 0px; padding:2px 5px; } #admin-page a:hover { text-decoration:underline;} #admin-page .delete { background:#981400; } #admin-page .add { background:#F3A24E; } /*----- barre d'édition Editer | Effacer ------------------------*/ .editeur_barre { padding:0px 5px; background:#E9E9E9; font-size:1.1em; margin:20px 0px 0px 0px; } .editeur_barre a { color:black; } .editeur_barre a:hover {} /* sur page lien */ .lien-up{ position:relative; } .lien-up img{ position:absolute; top:0px; right:0px; } /*sur page news uniquement */ .editeur_barre span{ float:right; font-weight:bold;} .editeur_barre .past{color:#666666;} .editeur_barre .now{color: #009933;} .editeur_barre .future{color:#990000;} /* ====================================================================== */ /* ========= ADMIN BARRE Aide | Editer | En Ligne | Deconnexion ========= */ /* ====================================================================== */ #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 { margin:0 auto; padding:0px 0px 0px 0px; width:720px; color:white; text-align:right; z-index:3; } /* menu : aide | editer | en ligne | déconnexion */ .admin_menu{float:right; margin:0px 0px 0px 0px; height:22px; background:#7F7F7F; border-left:1px #E5E5E5 dashed; } .admin_menu li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:orange; font-size:1.1em; margin:2px 0px 0px 0px; padding:2px 5px 0px 5px; border-right:1px #E5E5E5 dashed; } .admin_menu li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; } .admin_menu li a:hover{background:#EE7900; } /* menu : référencement et stats */ .admin_menu2{float:right; margin:0px 10px 0px 0px; height:22px; background:#4F9F13; } .admin_menu2 li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:orange; font-size:1.1em; margin:2px 0px 0px 0px; padding:2px 5px 0px 5px; border-right:1px #E5E5E5 dashed;} .admin_menu2 li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; } .admin_menu2 li a:hover{background:#737373; } /* ====================================================================== */ /* ============================ EDITEUR SPAW ============================ */ /* ====================================================================== */ #editeur-spaw{ font-size:11px;} #editeur-spaw p{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; } /* ====================================================================== */ /* =============================== POPUP =============================== */ /* ====================================================================== */ #popup{margin:0px auto 0px auto; padding:10px 10px 30px 10px; background:#EFEFEF; } .fermer{ height:21px; font-size:1.2em;} .fermer a{ float:right; display:block; height:18px; width:50px; padding:3px 0px 0px 0px; text-align:center; background:#D5312E; color:white; text-decoration:none;} .fermer a:hover{ background:#BF2723; } /* popup de référencement*/ #keyword{} #keyword fieldset{ padding:10px; border:1px #CCC solid;} #keyword legend{ padding:10px; font-size:1.2em; font-weight:bold;} #keyword p{} #keyword label{ float:left; display:block; width: 100px; } #keyword input{ width:500px; } /* ====================================================================== */ /* =============================== HEADER =============================== */ /* ====================================================================== */ #header { position:relative; height:116px; } #header h1,#header h2 {font-size:1.2em; font-weight:normal; color:#777777; } #header h1 { position:absolute; top:10px; right:230px; } #header h2 { position:absolute; top:23px; right:100px; } /* ================== Logo ================== */ #logo{ margin:0px 0px 0px 0px; } #logo img{ position:absolute; top:1px;} /* ================== menu ================== */ #menu_haut { position:absolute; top:41px; left:286px; padding:0; margin:0px; text-align:center; } #menu_haut ul {} #menu_haut ul li { float:left; } #menu_haut ul a {float:left; display:block; width:132px; height:36px; margin:0px 0px 0px 0px; padding:17px 0px 0px 0px; color:white; text-decoration:none; font-size:1.2em; } #menu_haut ul a:hover {color:#FAA09F; } #menu_haut ul a.selectmenuhaut { float:left; display:block; width:132px; height:36px; margin:0px 0px 0px 0px; padding:17px 0px 0px 0px; text-decoration:none; font-size:1.2em; color:white; background: url(../cssimg/site/menu_hover.gif) 0px 0px no-repeat; } #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;} /* ====================================================================== */ /* ============================= MENU GAUCHE ============================ */ /* ====================================================================== */ #sousmenu {margin:30px 0px 30px 0px; padding:0px 0px 27px 0px; background: url(../cssimg/site/menu_g_fond2.gif) 0px bottom no-repeat; } .hautbg{ background: url(../cssimg/site/menu_g_fond3.gif) 0px 1px no-repeat !important; } #sousmenu ul { padding:0px 0px 0px 0px; } #sousmenu ul li {background: url(../cssimg/site/menu_g_fond1.gif) 0px 0px repeat-y;} #sousmenu div.up { position:absolute;} #sousmenu div.up img {position:relative; left:240px; 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{display:block; color:white; 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; color:white; 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; background: url(../cssimg/site/menu_g_fond3.gif) 0px 0px no-repeat; } #sousmenu .ul1 .up { } #sousmenu .li1{ padding:0px 0px 0px 0px; } #sousmenu .li1 a.lien1 { width:237px; height:14px; margin:0px 0px 0px 15px; padding:4px 0px 0px 10px; font-size:1.2em; background:#0066a2; border-bottom:1px #7aafce solid; } html>body #sousmenu .li1 a.lien1 { min-height:18px; height:auto;} #sousmenu .li1 a.lien1:hover{ background:#515151; border-bottom:1px white solid; } #sousmenu a.encours1{width:237px; height:14px; margin:0px 0px 0px 15px; padding:4px 0px 0px 10px; font-size:1.2em; font-weight:bold; background:#0066a2; border-bottom:1px white solid; } html>body #sousmenu a.encours1{ min-height:18px; height:auto;} #sousmenu .ul2{ } #sousmenu .ul2 .up { } #sousmenu .li2{ padding:0px 0px 0px 0px; } #sousmenu .li2 a.lien2 {width:217px; height:14px; margin:0px 0px 0px 15px; padding:4px 0px 0px 30px; font-size:1.2em; background:#4c94be; border-bottom:1px #7aafce solid; } html>body #sousmenu .li2 a.lien2 { min-height:18px; height:auto; } #sousmenu .li2 a.lien2:hover{ font-weight:bold; } #sousmenu a.encours2{ width:217px; height:14px; margin:0px 0px 0px 15px; padding:4px 0px 0px 30px; font-size:1.2em; font-weight:bold; background:#4c94be; border-bottom:1px #7aafce solid;} html>body #sousmenu a.encours2{ min-height:18px; height:auto;} #sousmenu .ul3{ } #sousmenu .ul3 .up { } #sousmenu .li3{ padding:0px 0px 0px 30px; } #sousmenu .li3 a.lien3 { padding:0px 0px 0px 18px; font-size:1.1em;} html>body #sousmenu .li3 a.lien3 { } #sousmenu .li3 a.lien3:hover{ background:white; font-weight:bold; } #sousmenu a.encours3{ padding:0px 0px 0px 18px;} html>body #sousmenu a.encours3{ } /* lien ajouter une sous rubrique */ li.ajout1, li.ajout2, li.ajout3 { list-style-type:none; } li.ajout1 a, li.ajout2 a, li.ajout3 a{ display:block; text-decoration:none;} html>body li.ajout1 a, html>body li.ajout2 a, html>body li.ajout3 a{} li.ajout1 a:hover, li.ajout2 a:hover, li.ajout3 a:hover{} 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{} /* ================== 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:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} html>body #centre{height:auto; min-height:350px;} #centre-accueil{ background:white; height:350px; margin:0px 0px 0px 0px;} html>body #centre-accueil{height:auto; min-height:350px;} #centre-concept{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-concept{ height:auto; min-height:350px;} #centre-news{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-news{ height:auto; min-height:350px; } #centre-liens{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-liens{ height:auto; min-height:350px; } #centre-galerie{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-galerie{ height:auto; min-height:350px;} #centre-faq{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-faq{ height:auto; min-height:350px;} #centre-contact{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-contact{ height:auto; min-height:350px;} #centre-sitemap{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-sitemap{ height:auto; min-height:350px;} #centre-mentionslegales{ background:white url(../cssimg/site/centre-bg.gif) top left repeat-y ; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-mentionslegales{ height:auto; min-height:350px;} /* ================== gauche ================== */ #gauche{ float:left; width:275px; padding:0px 0px 0px 0px; margin:0; } /* =================== main =================== */ #main{ margin:0px 0px 0px 170px; padding:0px 30px 30px 30px; z-index:1; background:Green; } #main h1.nom-page{margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:black; } #main-accueil{ float:left; width:1000px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; z-index:1; } #main-concept{ float:left; width:725px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } #main-concept h1.nom-page{ margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:#0065A0; font-size:1.8em;} #main-contact h1.nom-page span{ color:#515151; font-size:0.6em;} #main-liens{ float:left; width:725px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } #main-liens h1.nom-page{margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:#0065A0; font-size:1.8em;} #main-liens h1.nom-page span{ color:#515151; font-size:0.6em;} #main-news{ float:left; width:725px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } #main-news h1.nom-page{margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:#0065A0; font-size:1.8em;} #main-news h1.nom-page span{ color:#515151; font-size:0.6em;} #main-galerie{ float:left; width:725px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } #main-galerie h1.nom-page{ margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:#0065A0; font-size:1.8em;} #main-galerie h1.nom-page span{ color:#515151; font-size:0.6em;} #main-faq{ float:left; width:725px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } #main-faq h1.nom-page{ margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; color:#0065A0; font-size:1.8em;} #main-faq h1.nom-page span{ color:#515151; font-size:0.6em;} #main-contact{ float:left; width:905px; margin:0px 0px 0px 50px; padding:0px 0px 0px 0px; z-index:1; } #main-contact h1.nom-page{ margin:0px 0px 20px 220px; padding:0px 0px 0px 20px; color:#0065A0; font-size:1.8em;} #main-contact h1.nom-page span{ color:#515151; font-size:0.6em;} #main-sitemap{ float:left; width:900px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } #main-sitemap h1.nom-page{ margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; color:#0065A0; font-size:1.8em;} #main-sitemap h1.nom-page span{ color:#515151; font-size:0.6em;} #main-mentionslegales{ float:left; width:880px; margin:0px 0px 0px 50px; padding:0px 0px 0px 0px; z-index:1; } #main-mentionslegales h1.nom-page{ margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; color:#0065A0; font-size:1.8em;} #main-mentionslegales h1.nom-page span{ color:#515151; font-size:0.6em;} #main-mentionslegales #monexemple{ color:#515151; font-size:1.2em;} /* =================== fil ariane =================== */ #fil-ariane{ height:20px; background:AppWorkspace; padding:2px 0px 0px 0px; color:white;} #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:black; text-decoration:none; } #fil-ariane li a:hover{} /* ====================================================================== */ /* ============================== FOOTER ================================ */ /* ====================================================================== */ #footer{ height:110px; clear:both; text-align:center; background:#141414 url(../cssimg/site/footer_bg.jpg) 0px 0px repeat-x; } #footer p{ height:40px; text-align:center; padding:30px 0px 0px 0px; font-size:1.1em; color:#878787; background: url(../cssimg/site/footer_bg2.jpg) center 3px no-repeat; } #footer a{ color:#878787; text-decoration:none; } #footer a:hover{ color:#DD863F; } #footer div{margin:-3px 0px 0px 0px; color:#878787; } #footer div a{ text-decoration:none; } #footer div a:hover{ color:#006DAD; border-bottom:1px #006DAD solid; } #footer-accueil{} #footer-concept{} #footer-liens{} #footer-news{} #footer-galerie{} #footer-faq{} #footer-contact{} #footer-fiche{} #footer-sitemap{} #footer-mentionslegales{} /* ====================================================================== */ /* ============================ PAGE GAMMES ============================ */ /* ====================================================================== */ #extrait1{ padding:20px 0px 0px 0px; background: url(../cssimg/site/titre_extrait_gamme.gif) 0px 0px no-repeat;} #extrait1 p{ float:left; margin:0px 10px 0px 0px;} #extrait1 a{} .intro_site{ margin:30px 20px 0px 10px; width:330px; height:130px; float:left; position:relative; } .intro_site h3{margin:0px 0px 3px 0px; font-size:1.2em;} .intro_site h3 span{ font-size:1.6em;} .intro_site h3.prima{ color:#7ec41c; } .intro_site h3.verano{ color:#e78e2c; } .intro_site h3.venta{ color:#006aa7; } .intro_site h3.casa{ color:#d31b1b; } .intro_site p{ line-height:16px; color:#2F2F2F;} .intro_site .suita{ text-align:right; position:absolute; right:10px; font-size:1.2em; } .intro_site .savoirplus{ display:block; float:left; color:#2F2F2F; margin:0px 10px 0px 0px;} .intro_site .sitedevis{ display:block; float:left; color:#2F2F2F; width:79px; background: url(../cssimg/site/bt_devis1.jpg) 0px 1px no-repeat; text-align:center; text-decoration:none; } .intro_site .sitedevis:hover{ color:#D31B1B; } #TableComparatif{ border-collapse:separate; margin:0px 0px 0px 10px; width:690px;} #TableComparatif tr{} #TableComparatif th{ height:18px; color:white; font-weight:bold; font-size:1.1em; text-align:center; border-left:2px white solid;} #TableComparatif .th1{ background:#515151; } #TableComparatif .th2{ background:#7EC41C;} #TableComparatif .th3{ background:#E78E2C;} #TableComparatif .th4{ background:#D31B1B;} #TableComparatif .th5{ background:#198ECF;} #TableComparatif td{ height:18px; width:80px; text-align:center; border-bottom:1px white solid; border-top:1px white solid; } #TableComparatif .offre{ text-align:left; padding:0px 0px 0px 5px; color:#2F2F2F; } #TableComparatif .cat{ background:#CFCFCF; width:99%; border-top:13px white solid; border-left:2px white solid; height:30px; color:#2F2F2F; font-weight:bold; font-size:1.1em; color:#515151;} #TableComparatif .color1{ background:#EFEFEF;} #TableComparatif .color2{ background:white;} #TableComparatif .trait1{ border-right:1px #CFCFCF solid;} .legende{ margin:35px 40px 10px 0px; text-align:right; } .etoile{ color:#2F2F2F; font-style:italic; font-size:1.1em;} /* ====================================================================== */ /* ============================ PAGE primavera ========================== */ /* ====================================================================== */ #page12 h1, #page13 h1, #page15 h1, #page16 h1{ font-size:1.2em; margin:0px 0px 20px 0px;} #page12 h1{ color:#7EC41C; } #page13 h1{ color:#E78E2C;} #page15 h1{ color:#198ECF;} #page16 h1{ color:#D31B1B;} #page12 h1 span, #page13 h1 span, #page15 h1 span, #page16 h1 span{ font-size:1.6em;} #page12 p, #page13 p, #page15 p, #page16 p{ margin:0px 20px 0px 20px; font-size:1.2em; color:#2F2F2F;} #page12 h4{margin:0px 0px 5px 0px; padding:2px 0px 2px 10px; color:white; font-size:1.2em; background:#2284BD; border-bottom:1px #E5E5E5 solid; border-right:1px #E5E5E5 solid; border-left:1px #E5E5E5 solid; } #page12 .col_1, #page13 .col_1, #page15 .col_1, #page16 .col_1{ float:left; width:49%; margin:0px 0px 0px 0px;} #page12 .col_2, #page13 .col_2, #page15 .col_2 #page16 .col_2{ float:left; width:49%; margin:0px 0px 0px 0px;} #page12 li{padding:0px 0px 0px 16px; margin-left:40px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F;} table.offre{margin-left: 30px; font-size:12px;} table.offre th{ background-color:#E5F3D7; font-weight:bold;padding:4px; } table.offre td{padding:5px;} /* intranet extranet progiciel */ #page7 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page7 h1 span{margin:0px 0px 0px 0px; font-size:0.6em; color:#2F2F2F;} #page7 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page7 .slogan{ position:relative; margin:0px 10px 16px 0px; color:#5F5F5F; font-size:2.0em; word-spacing:3px; letter-spacing:2px; font-style:italic; text-align:right; line-height:0.7em;} #page7 .slogan span{ position:relative; top:10px; font-size:2.1em; color:#CCC;} #page7 .col_1{ float:left; width:410px; margin:0px 35px 0px 10px;} #page7 .col_2{ float:left; width:200px; margin:0px 0px 0px 0px;} #page7 ul.liste_1{ float:left; width:49%; margin:4px 0px 10px 0px;} #page7 ul.liste_2{ float:left; width:49%; margin:4px 0px 10px 0px;} #page7 li{ padding:0px 0px 0px 16px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F; } /* internet */ #page6 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page6 h1 span{margin:0px 0px 0px 0px; font-size:0.6em; color:#2F2F2F;} #page6 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page6 .slogan{ position:relative; margin:0px 10px 16px 0px; color:#5F5F5F; font-size:2.0em; word-spacing:3px; letter-spacing:2px; font-style:italic; text-align:right; line-height:0.7em;} #page6 .slogan span{ position:relative; top:10px; font-size:2.1em; color:#CCC;} #page6 .col_1{ float:left; width:410px; margin:0px 35px 0px 10px;} #page6 .col_2{ float:left; width:200px; margin:0px 0px 0px 0px;} #page6 ul.liste_1{ float:left; width:49%; margin:4px 0px 10px 0px;} #page6 ul.liste_2{ float:left; width:49%; margin:4px 0px 10px 0px;} #page6 li{ padding:0px 0px 0px 16px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F; } /* apaica */ #page22 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page22 h1 span{margin:0px 0px 0px 0px; font-size:0.6em; color:#2F2F2F;} #page22 .col_1{ float:left; width:410px; margin:0px 35px 0px 10px;} #page22 .col1 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page22 .slogan{ position:relative; margin:0px 10px 16px 0px; color:#5F5F5F; font-size:2.0em; word-spacing:3px; letter-spacing:2px; font-style:italic; text-align:right; line-height:0.7em;} #page22 .slogan span{ position:relative; top:10px; font-size:2.1em; color:#CCC;} #page22 .col_2{ float:left; width:200px; margin:0px 0px 0px 0px; } #page22 .col_2 p{ margin:20px 0px 0px 0px; } #page22 ul.liste_1{ float:left; width:49%; margin:4px 0px 10px 0px;} #page22 ul.liste_2{ float:left; width:49%; margin:4px 0px 10px 0px;} #page22 li{ padding:0px 0px 0px 16px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F; } /* netCompta */ #page23 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page23 h1 span{margin:0px 0px 0px 5px; font-size:0.6em; color:#2F2F2F;} #page23 .col_1{ float:left; width:410px; margin:0px 35px 0px 10px;} #page23 .col1 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page23 .slogan{ position:relative; margin:0px 10px 16px 0px; color:#5F5F5F; font-size:2.0em; word-spacing:3px; letter-spacing:2px; font-style:italic; text-align:right; line-height:0.7em;} #page23 .slogan span{ position:relative; top:10px; font-size:2.1em; color:#CCC;} #page23 .col_2{ float:left; width:200px; margin:0px 0px 0px 0px; } #page23 .col_2 p{ margin:20px 0px 0px 0px; } #page23 ul.liste_1{ float:left; width:49%; margin:4px 0px 10px 0px;} #page23 ul.liste_2{ float:left; width:49%; margin:4px 0px 10px 0px;} #page23 li{ padding:0px 0px 0px 16px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F; } /* DocStock */ #page24 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page24 h1 span{margin:0px 0px 0px 5px; font-size:0.6em; color:#2F2F2F;} #page24 .col_1{ float:left; width:410px; margin:0px 35px 0px 10px;} #page24 .col1 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page24 .slogan{ position:relative; margin:0px 10px 16px 0px; color:#5F5F5F; font-size:2.0em; word-spacing:3px; letter-spacing:2px; font-style:italic; text-align:right; line-height:0.7em;} #page24 .slogan span{ position:relative; top:10px; font-size:2.1em; color:#CCC;} #page24 .col_2{ float:left; width:200px; margin:0px 0px 0px 0px; } #page24 .col_2 p{ margin:20px 0px 0px 0px; } #page24 ul.liste_1{ float:left; width:49%; margin:4px 0px 10px 0px;} #page24 ul.liste_2{ float:left; width:49%; margin:4px 0px 10px 0px;} #page24 li{ padding:0px 0px 0px 16px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F; } /* palooma */ #page30 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page30 h1 span{margin:0px 0px 0px 0px; font-size:0.6em; color:#2F2F2F;} #page30 .col_1{ float:left; width:410px; margin:0px 35px 0px 10px;font-size:12px;} #page30 .col1 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page30 .slogan{ position:relative; margin:0px 10px 16px 0px; color:#5F5F5F; font-size:2.0em; word-spacing:3px; letter-spacing:2px; font-style:italic; text-align:right; line-height:0.7em;} #page30 .slogan span{ position:relative; top:10px; font-size:2.1em; color:#CCC;} #page30 .col_2{ float:left; width:200px; margin:0px 0px 0px 0px; } #page30 .col_2 p{ margin:10px 0px 0px 0px; } /* Atuahualpa */ #page9 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page9 h1 span{margin:0px 0px 0px 5px; font-size:0.6em; color:#2F2F2F;} #page9 .col_1{ float:left; width:480px; margin:0px 10px 0px 10px; } #page9 .col1 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page9 .slogan{ position:relative; margin:0px 10px 16px 0px; color:#5F5F5F; font-size:2.0em; word-spacing:3px; letter-spacing:2px; font-style:italic; text-align:right; line-height:0.7em;} #page24 .slogan span{ position:relative; top:10px; font-size:2.1em; color:#CCC;} #page9 .col_2{ float:left; width:200px; margin:0px 0px 0px 0px; text-align:center; } #page9 .col_2 p{ margin:20px 0px 0px 0px; } #page9 ul.liste_1{ float:left; width:49%; margin:4px 0px 10px 0px;} #page9 ul.liste_2{ float:left; width:49%; margin:4px 0px 10px 0px;} #page9 li{ padding:0px 0px 0px 16px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F; } /* site et progiciel en location */ #page19 {margin:0px 30px 0px 10px; } #page19 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page19 h1 span{margin:0px 0px 0px 5px; font-size:0.6em; color:#2F2F2F;} #page19 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page19 .tabtarif{ width:500px;} #page19 .tabtarif .n1{ width:300px;} #page19 .tabtarif .n2{ width:200px;} #page19 .tabtarif tr{ height:20px; } #page19 .tabtarif .tr1{ } #page19 .tabtarif .tr2{ background:#EFEFEF; } #page19 .tabtarif th{ font-size:1.2em; font-weight:bold; color:white; background:#515151;} #page19 .tabtarif td{ font-size:1.2em; color:#2F2F2F;} #page19 .tabtarif .col_1{} #page19 .tabtarif .col_2{ text-align:center;} #page19 .alire{ margin:20px 0px 0px 0px; font-size:1.1em; color:#515151; } /* extranet, intranet progiciel sur mesure */ #page28 {margin:0px 0px 0px 0px; } #page28 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page28 .col_1{ float:left; width:300px; margin:0px 35px 0px 10px; } #page28 .col1 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page28 .col_2{ float:left; width:300px; margin:0px 0px 0px 0px; } #page28 .col_2 p{ margin:0px 0px 0px 0px; } #page28 .col_2 img{ margin:20px 40px 0px 0px; } /* referencement */ #page17 {margin:0px 0px 0px 0px; } #page17 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page17 .col_1{ margin:0px 35px 0px 10px; } #page17 .col1 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page17 .col_2{ width:480px; margin:30px 0px 0px 10px; } #page17 .col_2 p{ margin:0px 0px 10px 0px; } #page17 .col_2 span{ color:#DF863D; font-size:1.5em; position:relative; top:5px;} /* création de blog */ #page14 {margin:0px 35px 0px 10px; } #page14 h1{ font-size:1.8em; margin:0px 0px 20px 0px; color:#0065A0;} #page14 p{ margin:0px 0px 0px 0px; font-size:1.2em; color:#2F2F2F; line-height:1.4em;} #page14 ul{margin:4px 0px 10px 0px;} #page14 li{ padding:0px 0px 0px 16px; background:url(../cssimg/site/puce_tick1.gif) 0px 4px no-repeat; font-size:1.2em; color:#2F2F2F; } /* IRISbis*/ #page25{ font-size:1.2em;} #page25 h1{ margin:0px 0px 20px 0px; color:#0065A0; font-size:1.8em;} #page25 h1 span{ color:#515151; font-size:0.6em;} #page25 p{ font-size:1.1em;} #page25 .blok{margin:10px 0px 20px 0px; padding:0px 0px 10px 0px; background:#F5F5F5; } #page25 h4{margin:0px 0px 5px 0px; padding:2px 0px 2px 10px; color:white; font-size:1.2em; background:#2284BD; border-bottom:1px #E5E5E5 solid; border-right:1px #E5E5E5 solid; border-left:1px #E5E5E5 solid; } #page25 ul{margin:0px 0px 0px 20px;} #page25 li{margin:0px 0px 0px 20px; list-style-type: square;} #page25 ul ul{margin:0px 0px 0px 20px;} #page25 ul ul li{margin:0px 0px 0px 20px; list-style-type: circle;} #page25 .col_2 img{ margin:0px 30px 0px 90px; float:left; } .rappel_client {margin:45px 0px 0px 0px ;} .rappel_client h3 { font-size:1.2em; margin:0px 0px 5px 0px;} .rappel_client h3.prima { color:#7EC41C;} .rappel_client h3.vera { color:#E78E2C;} .rappel_client h3.venta { color:#198ECF;} .rappel_client h3.casa { color:#D31B1B;} .rappel_client h3 span { font-size:0.8em; color:#515151;} .rappel_client div { float:left; width:150px; } .rappel_client .img { text-align:center;} .rappel_client .lien { text-align:center;} /* ====================================================================== */ /* ============================ PAGE ACCUEIL ============================ */ /* ====================================================================== */ .splash{margin:10px 0px 25px 30px;} #zone_gauche{ float:left; width:600px; margin:0px 0px 0px 45px;} #acc_internet { margin:0px 0px 30px 0px; padding:0px 10px 0px 0px; width:590px; } #acc_internet h2 { margin:0px 0px 10px 0px; color:#696969; font-size:1.8em; } #acc_internet span { color:#E38638; font-weight:normal; } #acc_internet p { color:#666666; line-height:1.6em; } #acc_progiciel { float:left; padding:0px 20px 235px 0px; width:280px; background:url(../cssimg/site/acc_progiciel.jpg) 0px bottom no-repeat; } #acc_progiciel h2 { margin:0px 0px 10px 0px; color:#696969; font-size:1.6em; } #acc_progiciel span { color:#DF5382; font-size:0.8em; font-weight:normal; } #acc_progiciel p { color:#666666; line-height:1.6em; } #acc_referencement {float:left; padding:0px 10px 235px 10px; width:280px; background:url(../cssimg/site/acc_referencement.jpg) center bottom no-repeat; } #acc_referencement h2 { margin:0px 0px 10px 0px; color:#696969; font-size:1.6em; } #acc_referencement span { color:#DF5382; font-size:0.8em; font-weight:normal; } #acc_referencement p { color:#666666; line-height:1.6em; } #acc_zoom {float:left; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; width:230px; } #acc_zoom img {margin:0px 0px 0px -30px;} #acc_zoom h3 { margin:0px 0px 5px 0px; color:#D2255D; font-size:1.4em; } #acc_zoom h3 span{ color:#E38638; } #acc_zoom p { color:#666666; line-height:1.6em; } #acc_news {float:left; margin:30px 0px 0px 15px; padding:10px 10px 0px 10px; width:240px; height:245px; background: url(../cssimg/site/acc_news.gif) 0px 0px no-repeat; } #acc_news .tag { margin:10px 0px 5px 5px; color:#666666; font-size:1.2em; font-weight:bold;} #acc_news ul{ } #acc_news li{ border-bottom:1px #9F9F9F dashed; } #acc_news li { display:block; padding:5px 5px 8px 5px; font-size:1.2em; color:#666666; text-decoration:none; } #acc_news li a:hover{ background:#F0F0F0; } #acc_news li span{ color:#E38638; } /* ====================================================================== */ /* ========================== PAGE TYPE TEXTE =========================== */ /* ====================================================================== */ #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{} /* ====================================================================== */ /* ========================== 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:#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 .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; width:600px; } .linklien1 .lien-titre{ font-weight:bold; font-size:1.2em; margin:0px 0px 7px 0px; color:#DF863D; border-bottom:1px #EDEDED solid;} .linklien1 .lien-titre span{ font-weight:bold; font-size:0.8em; color:#515151;} .linklien1 .lien-texte{ margin:0px 0px 0px 0px; padding:0px 0px 0px 7px; color:#515151; font-size:1.2em; text-align:left; border-left:1px #515151 solid;} .linklien1 .lien-link{ margin:5px 0px 0px 9px; font-size:1.2em;} .linklien1 .lien-link a{ color:#0065A0; text-decoration: none; padding:0px 0px 0px 16px; background: url(../cssimg/site/arrow4.gif) 0px 3px no-repeat;} .linklien1 .lien-link a:hover{ border-bottom: 1px #0065A0 dashed;} /*-- avec image --*/ .lien-img{ margin:0px 5px 5px 0px; padding:4px; width:100px; float:right;} /*-- 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; height:200px; 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; padding:5px; } #questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold; color:#515151; border-bottom:1px #515151 solid; line-height:11px; margin:0px 0px 5px 0px;} #questionstheme p{} #questionstheme p a{ margin:0px 0px 0px 10px;} #questionstheme p a:hober{} .reponsefaq{ padding:5px; margin:0px 0px 14px 0px;} .reponsefaq h4{ font-size:1.2em; font-weight:bold; border-bottom:1px #EDEDED solid; color:#DF863D; } .reponsefaq h4 span{ font-size:0.8em; color:#515151;} .reponsefaq p{ border-left:1px #515151 solid; padding:0px 0px 0px 7px; margin:7px 0px 0px 0px;} .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 ========================= */ /* ====================================================================== */ .contact_c1{ float:left; width:220px; } #adressecompany{ background: url(../cssimg/site/coordonnees_bg.gif) 0px 0px no-repeat; width:188px; height:193px; padding:20px 10px 0px 20px; } #adressecompany p{ margin:0px 0px 14px 0px; color:white; } #nos_services{ margin:20px 0px 0px 0px; background: url(../cssimg/site/services_bg.gif) 0px 0px no-repeat; width:188px; height:193px; padding:20px 10px 0px 20px; } #nos_services p{ margin:0px 0px 14px 0px; color:white; } #nos_services a{ color:white; text-decoration:none; } #nos_services a:hover{ border-bottom: 1px white dashed; } #formulaires{ float:left; margin:0px 0px 0px 0px; position:relative; } #coordonnees{ float:left; margin:13px 0px 0px 0px;} #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:70px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#2F2F2F;} #coordonnees input, #coordonnees input.normal{ width:225px; margin:0; padding:1px 1px 1px 6px; color:#2F2F2F; border:1px #515151 solid;} #coordonnees input.focus{ color:white; background:#515151;} #message{ float:left; margin:0px 0px 0px 20px;} #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{display:block; text-align:left; margin:0px 0px 0px 0px; padding:0; color:#2F2F2F;} #message input, #message input.normal{ margin:0px 0px 7px 0px; width:280px; padding:1px 1px 1px 6px; color:#2F2F2F; border:1px #515151 solid;} #message input.focus{ color:white; background:#515151;} #message textarea, #message textarea.normal{ font-size:1.1em; width:280px; margin:0; padding:1px 1px 1px 6px; color:#2F2F2F; border:1px #515151 solid;} #message textarea.focus{ color:white; background:#515151;} html>body #message textarea.focus{ } #bt-formulaires { position:absolute; bottom:-70px; right:0px; margin:10px 0px 0px 0px; width:600px; float:left; clear:both; } #bt-formulaires .obligatory{ margin:0px 0px 10px 0px; font-size:1.1em; font-style: italic; text-align:right; color:#515151;} #bt-formulaires input.annuler{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; } #bt-formulaires input.send{ width:147px; height:33px; color:white; text-transform:uppercase; font-weight:bold; font-size:1em; cursor:pointer; text-align:center; background: url(../cssimg/site/envoyer_contact.gif) 0px 0px no-repeat; border:0px; } .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;} /* ====================================================================== */ /* ============================ PAGE SITEMAP ============================ */ /* ====================================================================== */ #sitemap {margin:0px 0px 0px 50px; } #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:10px 0px 3px 0px; } #listsitemap h2 a{color:#0065A0; text-decoration:none;} #listsitemap h2 a:hover{ color:#0065A0; text-decoration:underline;} #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:0px 10px 20px 10px; padding:5px; float:left; background:#EFEFEF; width:180px; }