* { margin:0; margin:0; } body{ font-size:62.5%; font-family: Helvetica, Verdana, Geneva, Arial, sans-serif ; margin:0px; padding:0px 0px px 0px; background:#222A2D url(../cssimg/site/vide.gif) 0px 0px repeat-x; background-attachment:fixed; } #bgfix{ background:#222A2D url(../cssimg/site/body_bg.gif) 0px 0px repeat-x; } #conteneur{ margin:0px auto 0px auto; width:940px; padding:245px 0px 0px 0px; } /* ====================================================================== */ /* =============================== 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:1.6em; } h3 { font-size:1.6em; } h4 { font-size:1.4em; } h5 { font-size:1.3em; } h6 { font-size:1.3em; } p { margin:0; padding:0; font-size:1.2em; } ul { margin:0; padding:0;} a { color:#007DAF; text-decoration:none; } textarea{ font-family:Arial, Helvetica, sans-serif;} a:hover { text-decoration:underline; } .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:#cacaca; text-decoration:none;} .trash { float:left; margin:0px 3px 0px 0px; } #msgalerte{ margin:0; padding:0;} #ntitre input{font-size:2.2em; color:#A1A5A8; 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; color:#A1A6AA;} #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: 18px !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_grise.gif) 0px 5px 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 =============================== */ /* ====================================================================== */ #containHeader{ position:absolute; display:block; top:0; left:0; margin:0; padding:0; width:100%; height:238px; background:white url(../cssimg/site/header_bg.gif) center 0px no-repeat; } html>body #containHeader{position:fixed;} #header { margin:0px auto; padding:0; width:940px; height:245px; background:url(../cssimg/site/header_slogan.gif) 600px 30px no-repeat; } /* ================== Logo ================== */ #logo{ position:absolute; margin:0px; } #logo h1{ position:absolute; top:160px; left:430px; margin:0px 0px 0px 0px; font-size:1em; color:#ABABAB; font-weight:normal; } #logo img{ margin:0px 0px 0px 0px; } /* ================== menu ================== */ #menu_haut { position:relative; top:210px; height:36px; padding:0; width:100%; text-align:center; } #menu_haut ul {padding:0; margin:0px 0px 0px 200px; list-style-type:none;} #menu_haut ul li { float:left; list-style-type:none; } #menu_haut ul a {float:left; display:block; height:25px; margin:0px 0px 0px 0px; padding:11px 0px 0px 0px; color:#DBF3FD; text-decoration:none; font-size:1.1em; letter-spacing:0.8px; } #menu_haut ul a:hover { } #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;} #menu_haut ul li#accueil a { width:142px; background:url(../cssimg/site/menu_bg_accueil.gif) 0px 0px no-repeat; } #menu_haut ul li#accueil a:hover,#menu_haut ul li#accueil a.selectmenuhaut { background:url(../cssimg/site/menu_bg_accueil.gif) 0px -45px no-repeat; } #menu_haut ul li#agence a { width:111px; background:url(../cssimg/site/menu_bg_agence.gif) 0px 0px no-repeat; } #menu_haut ul li#agence a:hover,#menu_haut ul li#agence a.selectmenuhaut { background:url(../cssimg/site/menu_bg_agence.gif) 0px -45px no-repeat; } #menu_haut ul li#produits a { width:130px; background:url(../cssimg/site/menu_bg_produits.gif) 0px 0px no-repeat; } #menu_haut ul li#produits a:hover,#menu_haut ul li#produits a.selectmenuhaut { background:url(../cssimg/site/menu_bg_produits.gif) 0px -45px no-repeat; } #menu_haut ul li#realisations a { width:148px; background:url(../cssimg/site/menu_bg_realisations.gif) 0px 0px no-repeat; } #menu_haut ul li#realisations a:hover,#menu_haut ul li#realisations a.selectmenuhaut { background:url(../cssimg/site/menu_bg_realisations.gif) 0px -45px no-repeat; } #menu_haut ul li#contact a { width:106px; background:url(../cssimg/site/menu_bg_contact.gif) 0px 0px no-repeat; } #menu_haut ul li#contact a:hover,#menu_haut ul li#contact a.selectmenuhaut { background:url(../cssimg/site/menu_bg_contact.gif) 0px -45px no-repeat; } /* ====================================================================== */ /* ============================= MENU GAUCHE ============================ */ /* ====================================================================== */ #sousmenubg {background:url(../cssimg/site/menu_gauche_bg_haut.gif) 30px 0px no-repeat; z-index: 10000;} #sousmenu {margin:0px 0px 30px 30px; padding:20px 0px 36px 0px; width:160px; background:url(../cssimg/site/menu_gauche_bg_bas.gif) 0px bottom no-repeat; z-index:9000;} #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%; background:url(../cssimg/site/menu_gauche_ul.gif) 0px 0px repeat-y; } #sousmenu .li1,#sousmenu .li2,#sousmenu .li3{margin:0; padding:0; } #sousmenu a.lien1,#sousmenu a.lien2,#sousmenu a.lien3{display:block; color:black; 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 10px 0px; } #sousmenu .ul1 .up { } #sousmenu .li1{ margin:0px 3px 0px 4px; padding:0px 0px 0px 0px; border-bottom:1px #57636F solid; } #sousmenu .li1 a.lien1 {height:17px; padding:6px 0px 0px 24px; font-size:1.1em; color:#A2A6A7; } html>body #sousmenu .li1 a.lien1 { min-height:17px; height:auto;} #sousmenu .li1 a.lien1:hover{color:#DBF2FF; } #sousmenu a.encours1{ height:17px; padding:6px 5px 0px 24px; font-size:1.1em; color:#DBF2FF;} html>body #sousmenu a.encours1{ min-height:17px; height:auto;} #sousmenu .ul2{ border-bottom:1px white solid; } #sousmenu .ul2 .up { } #sousmenu .li2{ padding:0px 0px 0px 15px; } #sousmenu .li2 a.lien2 {height:16px; background:url(../cssimg/menu_gauche-a.gif) 6px 6px no-repeat; padding:1px 0px 0px 18px; font-size:1.1em; } html>body #sousmenu .li2 a.lien2 { min-height:16px; height:auto; } #sousmenu .li2 a.lien2:hover{ font-weight:bold; } #sousmenu a.encours2{ height:16px; padding:1px 0px 0px 18px; font-size:1.1em; background:white; font-weight:bold; color:#3F4446; } html>body #sousmenu a.encours2{ min-height:15px; height:auto;} #sousmenu .ul3{ } #sousmenu .ul3 .up { } #sousmenu .li3{ padding:0px 0px 0px 30px; } #sousmenu .li3 a.lien3 { padding:0px 0px 0px 18px; font-size:1.1em;} html>body #sousmenu .li3 a.lien3 { } #sousmenu .li3 a.lien3:hover{ background:white; font-weight:bold; } #sousmenu a.encours3{ padding:0px 0px 0px 18px;} html>body #sousmenu a.encours3{ } /* lien ajouter une sous rubrique */ li.ajout1, li.ajout2, li.ajout3 { list-style-type:none; } li.ajout1 a, li.ajout2 a, li.ajout3 a{ display:block; text-decoration:none;} html>body li.ajout1 a, html>body li.ajout2 a, html>body li.ajout3 a{} li.ajout1 a:hover, li.ajout2 a:hover, li.ajout3 a:hover{} 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{} #dragme{ position:absolute; bottom:50px; left:0px; margin:0; padding:0; z-index:1;} #dragme a{ display:block; margin:0px 0px 0px 8px; width:25px; background: url(../cssimg/site/drag_bg.jpg) 0px 0px no-repeat; text-align:right; } #dragme a:hover{ margin:0px 0px 0px 0px; width:33px; text-align:left; } #dragme a img{} #b5 { background: url(../cssimg/site/ico_page1.gif) 6px 7px no-repeat; } #b5:hover { background: url(../cssimg/site/ico_page1.gif) 6px 7px no-repeat; } #b21{ background: url(../cssimg/site/ico_page2.gif) 4px 7px no-repeat; } #b10{ background: url(../cssimg/site/ico_cata.gif) 4px 7px no-repeat; } #b9 { background: url(../cssimg/site/ico_ecomm.gif) 5px 7px no-repeat; } #b12{ background: url(../cssimg/site/ico_home.gif) 6px 7px no-repeat; } #b11{ background: url(../cssimg/site/ico_mail.gif) 3px 7px no-repeat; } #b18{ background: url(../cssimg/site/ico_list_ordered.gif)4px 7px no-repeat;} #b19{ background: url(../cssimg/site/ico_calendar.gif)4px 7px no-repeat;} /* ====================================================================== */ /* =============================== CENTRE =============================== */ /* ====================================================================== */ #centre{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre{height:auto; min-height:350px;} #centre-accueil{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; } html>body #centre-accueil{height:auto; min-height:350px;} #centre-concept{ margin:0px 0px 0px 0px; padding:0px 0px 50px 0px; } html>body #centre-concept{ } #centre-news{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; } html>body #centre-news{ height:auto; min-height:350px; } #centre-liens{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; } html>body #centre-liens{ height:auto; min-height:350px; } #centre-galerie{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; } html>body #centre-galerie{ height:auto; min-height:350px;} #centre-faq{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; } html>body #centre-faq{ height:auto; min-height:350px;} #centre-contact{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; } html>body #centre-contact{ height:auto; min-height:350px;} #centre-sitemap{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; } html>body #centre-sitemap{ height:auto; min-height:350px;} #centre-mentionslegales{ height:350px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; color:#A1A6AA;} html>body #centre-mentionslegales{ height:auto; min-height:350px; } /* ================== gauche ================== */ #gauche{ position:absolute; width:195px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #gauche{ position:fixed;} /* =================== droit =================== */ #droit,#imgcentre{ float:right; width:180px;} #droit p,#imgcentre p{} #droit img,#imgcentre img{ width:180px; border:0; } /* =================== main =================== */ #main{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main h1.nom-page{margin:0px 0px 20px 0px; padding:0px 0px 0px 20px; color:#A1A6AA; } #main-accueil{ margin:0px 0px 0px 100px; padding:0px 0px 30px 0px; z-index:1; } #main-accueil h1.nom-page{ margin:20px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:1.8em; color:#A1A5A8; text-align:center; } #main-accueil h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-concept{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main-concept h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-concept h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-liens{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main-liens h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-liens h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-news{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main-news h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-news h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-galerie{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main-galerie h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-galerie h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-faq{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main-faq h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-faq h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-contact{ margin:0px 0px 0px 0px; padding:0px 10px 0px 30px; z-index:1; } #main-contact h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-contact h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-sitemap{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main-sitemap h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-sitemap h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } #main-mentionslegales{ margin:0px 0px 0px 195px; padding:0px 30px 30px 30px; z-index:1; } #main-mentionslegales h1.nom-page{ margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:2.0em; color:#A1A5A8; background:url(../cssimg/site/h1_span.gif) 0px 18px no-repeat; } #main-mentionslegales h1.nom-page span{ background:#222A2D; padding:0px 5px 0px 0px; } /* ====================================================================== */ /* ============================== FOOTER ================================ */ /* ====================================================================== */ #footer{ position:absolute;right:0px; bottom:0px; padding:0; margin:0; width:100%; background:#808080; height:30x; text-align:center; } html>body #footer { position:fixed; } #footer p{ text-align:center; padding:0px 0px 0px 0px; font-size:1.1em; color:black; } #footer a{ text-decoration:underline; color:#24292F; } #footer a:hover{ color:#c0c0c0; text-decoration:underline;} /* ====================================================================== */ /* ============================ 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 ============================ */ /* ====================================================================== */ #texte-accueil{ margin:0px 100px 20px 20px; padding:10px 0px 0px 0px; color:#A2A6A9; border-top:1px #454A4F solid; font-size:0.9em; } #bloc1 { float:left; width:374px; height:216px; padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; background: url(../cssimg/site/acc_siteVitrine.jpg) 0px 20px no-repeat;} #bloc1 h1 { margin:0px 15px 10px 0px; font-size:1.8em; color:#A2A6A7; background: url(../cssimg/site/bande1px.gif) 0px 15px no-repeat; } #bloc1 h1 span { padding:0px 10px 0px 0px; background:#222A2D; } #bloc1 h2 { margin:15px 0px 5px 20px; font-size:1.6em; color:#E365A4; } #bloc1 p{ margin:0px 20px 0px 20px; font-size:1.1em; color:#A0A8AB; } #bloc2 { float:left; width:340px; margin:0px 0px 0px 10px; font-size:1em; } #bloc2 h1 { margin:0px 0px 25px 0px; font-size:1.8em; color:#A2A6A7; background: url(../cssimg/site/bande1px.gif) 0px 15px no-repeat; } #bloc2 h1 span { padding:0px 10px 0px 0px; background:#222A2D; } #bloc2 p{ font-size:1.1em; color:#A0A8AB; } #bloc2 img{ margin:10px 0px 0px 0px; padding:4px; background:#394249;} #bloc3 { clear:both; width:749px; height:137px; font-size:1em; padding:0px ; margin:0px; background:url(../cssimg/site/acc_actu.jpg) 0px 0px no-repeat; } #bloc3 h1 { padding:25px 0px 0px 80px; font-size:1.6em; color:#A8CF28; } #bloc3 div { clear:both; margin:3px 0px 0px 70px; height:10px; color:#A2A7AA;} #bloc3 p { font-size:1.1em;} #bloc3 p.date {padding:0px 0px 0px 0px; margin:0px 0px 0px 10px; float:left; } #bloc3 p.titre { padding:0px 0px 0px 0px; margin:0px 0px 0px 3px; float:left; } #bloc3 p.description { padding:0px 0px 0px 0px; margin:0px 0px 0px 3px; float:left; } #bloc3 p.suite a { padding:0px 0px; margin:0px 30px 0px 0px; color:#A2A7AA; text-decoration:none; float:right; } #bloc3 p.suite a:hover {text-decoration:underline;} /* ====================================================================== */ /* ========================== 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{} /* ====================================================================== */ /* ========================== 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 black solid; } .news1 p {} .news1 .news-titre { margin:0px 0px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.6em; color:#00A5EA; } .news1 .date { float:left; width:23px; height:46px; margin:0px 10px 0px 0px; padding:6px 12px 0px 13px; text-align:center; font-size:1em; color:#00A6EA; background: url(../cssimg/site/news_date.jpg) 0px 0px no-repeat; } .news1 .la-news { margin:0px 0px 0px 30px; padding:0; color:#DBF3FD; border-left:1px #00A5EA solid; } .news1 .voirlien { margin:10px 0px 0px 60px; padding:0; color:#DBF3FD; font-size:1.1em; } .news1 .voirlien a { display:block; padding:0px 0px 0px 15px; color:#DBF3FD; font-size:1em; background: url(../cssimg/site/ico_link.gif) left center no-repeat; text-decoration:none;} .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 black solid; } .news1-with-img p {} .news1-with-img .news-img { float:right; margin:0px 0px 0px 10px; padding:4px; background:#394249; }/* 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:#00A5EA; } .news1-with-img .date {float:left; width:23px; height:46px; margin:0px 10px 0px 0px; padding:6px 12px 0px 13px; text-align:center; font-size:1em; color:#00A6EA; background: url(../cssimg/site/news_date.jpg) 0px 0px no-repeat; } .news1-with-img .la-news { margin:0px 0px 0px 30px; padding:0; color:#DBF3FD; border-left:1px #00A5EA solid; } .news1-with-img .voirlien { margin:10px 0px 0px 60px; padding:0; color:#DBF3FD; font-size:1.1em; } .news1-with-img .voirlien a { display:block; padding:0px 0px 0px 15px; color:#DBF3FD; font-size:1em; background: url(../cssimg/site/ico_link.gif) left center no-repeat; text-decoration:none; } .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:#FF8C00; font-size:1.4em;} .linklien1 .lien-texte{ margin:0px 0px 0px 0px; color:#B9B9B9; font-size:1.1em; 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:#FF8C00; font-size:1.4em;} .linklien1-with-img .lien-texte{ margin:0px 0px 0px 120px; color:#B9B9B9; font-size:1.1em;} .linklien1-with-img .lien-link{ margin:0px 0px 0px 120px; font-size:1em;} .linklien1-with-img .lien-link a{ color:black; text-decoration:none;} .linklien1-with-img .lien-link a:hover{ } /*-- 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 {margin:0px 0px 0px 20px;} .thumbnail{float:left; width:140px; margin:0px 10px 3px 10px; text-align:center; } .thumbnail .contour-admin{ padding:10px; border:1px solid #999; background:#FFFFFF; } .thumbnail a.lien-img-gallery{ text-decoration:none; display:block; padding:0px; } .thumbnail a.lien-img-gallery:hover{ } .thumbnail img{ margin:0; padding:4px; background:#394249; z-index:1;} .thumbnail .galerieimg { } .thumbnail .bt-supimg{ position:absolute; top:15px; right:15px;} .thumbnail .caption{ font-size:1.1em; color:#A0A8AB; 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 ========================= */ /* ====================================================================== */ #adressecompany{ background:#394249; height:60px; padding:10px; color:#A2A6A9; } #adressecompany p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; } #formulaires{margin:0; padding:0;} #coordonnees{ float:left; margin:20px 0px 0px 50px;} #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:#DBF3FD;} #coordonnees input, #coordonnees input.normal{ width:210px; margin:0; padding:0; color:black; background:#FFFBEF; border:0;} #coordonnees input.focus{ background:#B0A997; padding:0px; border:0;} #message{ float:left; margin:20px 0px 0px 35px;} #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:#DBF3FD;} #message input, #message input.normal{ width:380px; margin:0; padding:0; color:black; background:#FFFBEF; border:0;} #message input.focus{ background:#B0A997; padding:0px; border:0;} #message textarea, #message textarea.normal{ background:#FFFBEF; font-size:1.1em; width:380px; height:100px; margin:0; padding:0; border:0; color:black;} #message textarea.focus{ background:#B0A997; padding:0px; border:0;} html>body #message textarea.focus{ padding:0px;} #bt-formulaires { float:right; margin:30px 65px 0px 0px; width:380px;} #bt-formulaires .obligatory{ float:left; font-size:1.1em; font-style: italic; color:#DBF3FD;} #bt-formulaires input.annuler{ background:#74777E; border:1px black solid; color:#DBF3FD; font-size:1em; cursor:pointer; } #bt-formulaires input.send{ background:#B0A997; border:1px black solid; color:#DBF3FD; font-size: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:#B0A997; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer;} .msg-confirm{ margin:10px 0px 0px 10px; color:white;} /* ====================================================================== */ /* ============================ PAGE SITEMAP ============================ */ /* ====================================================================== */ /* === COL DE DROITE ===*/ #droite-sitemap{ float:right; width:214px; } #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:#DBF3FD; 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:#A8CD28;} #listsitemap h2 {font-size:1.6em; font-weight:bold; padding:0px 0px 0px 0px; margin:0; } #listsitemap h2 a{color:#DBF3FD; 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; padding:0;} /* ================== STYLE D'ANGE ================== */ .imgcentre{float:right;}