html,body{ height:100%;}
body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#131c25 url(../cssimg/site/body_bg1.gif) 0px 0px repeat-y; }
#conteneur{ position:relative; margin:0px auto 0px auto; height:100%;}
/* ====================================================================== */
/* =============================== GLOBAL ============================== */
/* ====================================================================== */
.spacer { clear:both; }
.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }
a { color:#0098DB; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0px; }
h1 { font-size:2.2em; }
h2 { font-size:1.3em; }
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;}
.strong{font-weight:bold !important;}
.no-strong{font-weight:normal !important;}
.hidden-link{ color:#cacaca; 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 */
/* ====================================================================== */
/* ============================== 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:white; 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 ========= */
/* ====================================================================== */
.imgBA{ position:absolute; top:3px; right:3px; z-index:3; cursor:pointer;}
#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=85); opacite pour FF */
/* -moz-opacity:0.85; opacite pour FF */
/* opacity: 0.85; opacite pour IE */}
html>body #admin-container {position:fixed; }
#admin { margin:0 auto; padding:0px 0px 0px 0px; width:900px; color:white; text-align:right; z-index:4; }
/* menu : aide | editer | en ligne | déconnexion */
.admin-menu{float:right; margin:0px 0px 0px 0px; height:22px; }
.admin-menu li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; border-right:1px #E5E5E5 solid; }
.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{ color:#8FD7FF; }
/* menu : référencement et stats */
.admin-menu2{float:left; margin:0px 10px 0px 0px; height:22px; background:#7F7F7F; }
.admin-menu2 li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; border-right:1px #E5E5E5 solid;}
.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{ color:#8FD7FF; }
/* menu : aide */
.admin-menu3{float:right; margin:0px 10px 0px 10px; height:22px; }
.admin-menu3 li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; }
.admin-menu3 li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; }
.admin-menu3 li a:hover{ color:#8FD7FF;}
.BA-quick{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-stat.gif) 5px 2px no-repeat;}
.BA-stat{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-stat.gif) 5px 2px no-repeat;}
.BA-edit{ padding:2px 5px 0px 5px;}
.BA-normal{ padding:2px 5px 0px 5px;}
.BA-publi{ padding:2px 5px 0px 5px;}
.BA-user{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-user.gif) 5px 2px no-repeat;}
.BA-deco{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-deco.gif) 5px 2px no-repeat;}
.BA-ref{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-ref.gif) 5px 2px no-repeat;}
.BA-help{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-help.gif) 5px 2px no-repeat;}
/* ====================================================================== */
/* =============================== 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: absolute; top:0; width:175px; height:100%; z-index:4; background:#131c25 url(../cssimg/site/body_bg1.gif) 0px 0px repeat-y; }
/* ================== Logo ================== */
#logo{ text-align: center;}
#logo h1{ color:#141f29; font-size:1em }
#logo img{ }
/* ================== menu ================== */
#menu-haut { top:0px; margin:0px 0px 0px 0px; width:160px; }
#menu-haut ul {}
#menu-haut ul li { }
#menu-haut ul a { display:block; height:23px; margin:0px 5px 0px 15px; padding:8px 10px 0px 10px; border-bottom:1px #1f2326 solid; color:white; text-decoration:none; font-size:1.1em; font-variant:small-caps; }
#menu-haut ul a:hover { background:#2b4056; }
#menu-haut ul a.selectmenuhaut {background:#2b4056; }
#menu-haut ul .test{ border:1px orange dashed; }
.dropmarker { height:20px; width:200px; background: url(../cssimg/dropmarker.gif) left top no-repeat; margin-top:-3px;margin-left:-5px; }
#menu-haut .imgdrag{position:absolute; right:5px; top:9px; cursor:move; margin-left:10px;}
/* ================== menu gauche ================== */
#sousmenu {margin:0px 4px 0px 0px; padding:0px 0px 0px 0px; }
#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{ padding:0px 0px 0px 0px; }
#sousmenu .ul1 .up { }
#sousmenu .li1{ margin:0px 0px 0px 10px; }
#sousmenu .li1 a.lien1 {height:18px; padding:5px 0px 0px 0px; font-size:1.2em; color:white; border-bottom:1px #555555 solid; }
html>body #sousmenu .li1 a.lien1 { min-height:18px; height:auto;}
#sousmenu .li1 a.lien1:hover{ color:#0098D9; }
#sousmenu a.encours1{height:16px; padding:5px 0px 0px 0px; font-size:1.2em; color:#0098D9; }
html>body #sousmenu a.encours1{ min-height:16px; height:auto;}
#sousmenu .ul2{ margin:0px 0px 5px 0px; }
#sousmenu .ul2 .up { }
#sousmenu .li2{ padding:0px 0px 0px 15px; }
#sousmenu .li2 a.lien2 {height:16px; padding:1px 0px 0px 10px; font-size:1.1em; color:#F00071; }
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 10px; font-size:1.1em; font-weight:bold; color:#F00071; }
html>body #sousmenu a.encours2{ min-height:16px; height:auto;}
#sousmenu .ul3{ }
#sousmenu .ul3 .up { }
#sousmenu .li3{ padding:0px 0px 0px 30px; }
#sousmenu .li3 a.lien3 { padding:0px 0px 0px 18px; font-size:1.1em;}
html>body #sousmenu .li3 a.lien3 { }
#sousmenu .li3 a.lien3:hover{ background:white; font-weight:bold; }
#sousmenu a.encours3{ padding:0px 0px 0px 18px;}
html>body #sousmenu a.encours3{ }
/* lien ajouter une sous rubrique */
li.ajout1, li.ajout2, li.ajout3 { list-style-type:none; }
li.ajout1 a, li.ajout2 a, li.ajout3 a{ display:block; text-decoration:none;}
html>body li.ajout1 a, html>body li.ajout2 a, html>body li.ajout3 a{}
li.ajout1 a:hover, li.ajout2 a:hover, li.ajout3 a:hover{}
p.ajout1 a{ display:block; height:20px; padding:3px 0px 0px 15px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 3px 6px no-repeat; font-size:1em; font-weight:bold; color:white; text-decoration:none; }
html>body p.ajout1 a{}
p.ajout1 a:hover{}
li.ajout1 a{ height:20px; padding:3px 0px 0px 15px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 3px 6px no-repeat; font-size:1.1em; font-weight:bold; color:white; }
html>body li.ajout1 a{}
li.ajout1 a:hover{}
li.ajout2 a{ height:18px; padding:2px 0px 0px 32px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 20px 4px no-repeat; font-size:1.1em; font-weight:bold; color:white;}
html>body li.ajout2 a{ min-height:18px; height:auto;}
li.ajout2 a:hover{}
li.ajout3 a{ height:18px; padding:2px 0px 0px 15px; margin:0px 0px 0px 32px; background:url(../cssimg/menu_gauche_ajouter2.gif) 5px 4px no-repeat; color:#F3A24E; font-size:1.1em; }
html>body li.ajout3 a{ min-height:18px; height:auto;}
li.ajout3 a:hover{}
.move2{ position:absolute; top:3px; right:5px; }
/*=== envoyer à un ami ===*/
.envoi-ami{margin:0px 0px 20px 0px; background:#E06900}
.envoi-ami a{ display:block; font-weight:bold; color:white; padding:3px 0px 3px 10px; }
.envoi-ami a:hover{}
/* ================== newsletter ================== */
#newsletter{ margin:20px 0px 20px 10px;padding:10px 5px 10px 5px; background:white; border:1px #939393 solid; }
#newsletter h3{ font-size:1.1em; color:#EE7900; }
#corps-newsletter{ margin:5px 0px 0px 0px; }
#corps-newsletter p{ font-size:1.1em; margin:0px 0px 4px 0px; }
#corps-newsletter label { float:left; width:20%; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
#corps-newsletter input { height:15px; width:70%; font-size:1.1em; line-height:15px; margin:0; padding:0; color:#707070; }
#footer-newsletter { text-align:right; margin:0px 0px 0px 0px; }
#footer-newsletter input{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; }
/*=== news rappel ===*/
.news-inc { margin:10px 10% 0px 10%; width:80%;}
.new-inc {margin:10px 0px 10px 0px; padding:5px; background: ThreedLightShadow;}
.new-inc p{ }
.new-inc .titre{margin:0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#E06900; }
.new-inc .news{margin:0px 0px 0px 0px; font-size:1.2em;}
.new-inc .link{margin:0px 0px 0px 0px; font-size:1.2em; text-align:right; }
.new-inc .link a{ color:black; text-decoration:underline;}
.new-inc .link a:hover{ text-decoration:none;}
/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */
#centre-accueil{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-concept{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-news{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-liens{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-galerie{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-faq{position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-contact{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-sitemap{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
#centre-mentionslegales{ position:relative; margin:0px 0px 0px 185px; padding:0px 0px 0px 0px; height:100%; }
/* =================== main =================== */
h1.nom-page{ margin:0px 0px 35px 100px; padding:20px 0px 0px 25px; height:22px; color:white; font-size:2.2em; font-family:arial; }
#main-accueil{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-concept{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-liens{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-news{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-galerie{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-faq{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-contact{ margin:0px 0px 0px 180px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-sitemap{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
#main-mentionslegales{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; z-index:2; max-width:1100px;}
/* ====================================================================== */
/* =============================== GAUCHE ============================== */
/* ====================================================================== */
/* ================== div gauche ================== */
#gauche{ float:left; width:180px; background: url(../cssimg/site/mgauche.png) right 0px repeat-y; z-index:3; height:100%; }
/*#gauche{ position:absolute; left:0px; width:180px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../cssimg/site/mgauche.png) right 0px repeat-y; height:150%; z-index:3; }*/
#gaucheMove{ position:absolute; top:0px; left:-16px; color:white; z-index:4;}
/* =================== fil ariane =================== */
#fil-ariane{ position:absolute; top:9px; right:7%; height:20px; padding:2px 0px 0px 0px; color:#4F4F4F;}
#fil-ariane ul{ float:right; padding:0px 10px 0px 0px; }
#fil-ariane li{ float:left; list-style-type:none; padding:0px 0px 0px 5px; font-weight:bold; font-size:1.1em; }
#fil-ariane li a{ display:block; float:left; padding:0px 9px 0px 0px; background:url(../cssimg/filariane-puce.gif) right center no-repeat; font-weight:normal; color:#4F4F4F; text-decoration:none; }
#fil-ariane li a:hover{}
/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */
#footer{ position:absolute; right:0px; bottom:0px; padding:0px; margin:0; width:100%; z-index:4; background:black; height:30x; text-align:center; color:#505050; }
html>body #footer { position:fixed; }
#footer div{ margin:0px 0px 3px 30%; text-align:center; }
.footerUp{ position:absolute; top:2px; right:10px; }
.footerUp a{ display:block; width:27px; height:15px; background: url(../cssimg/site/footerUp.gif) 0px -25px no-repeat;}
.footerUp a:hover{ background:red url(../cssimg/site/footerUp.gif) 0px -5px no-repeat;}
.footerUp a span{ display:none;}
#elfooter{ width:700px; }
#footer p{ text-align:left; padding:2px 0px 0px 0px; font-size:1em; }
#footer a{ text-decoration:underline; color:#505050; }
#footer a:hover{ text-decoration:none;}
/* ====================================================================== */
/* ============================ PAGE ACCUEIL ============================ */
/* ====================================================================== */
#accueil_txt { margin:0px 80px 0px 100px; color:white; line-height:2.0em;}
/* ====================================================================== */
/* ========================== 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 0px 5px 5px; padding:10px 0px 15px 0px; background:#2B4056; float:left; width:28%; }
.news1 p {}
.news1 .news-titre { margin:0px 5px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.6em; color:#0098DB; }
.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:white; }
.news1 .voirlien { margin:20px 0px 0px 30px; padding:0; color:white; font-size:1.2em; }
.news1 .voirlien a { color:white; text-decoration:none; font-size: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 0px 5px 5px; padding:5px; background:#2B4056; float:left; width:28%; }
.linklien1 .lien-titre{ font-weight:bold; margin:0px 0px 5px 0px; color:#0098DB; font-size:1.4em;}
.linklien1 .lien-texte{ margin:0px 0px 0px 0px; color:white; font-size:1.2em; text-align:left;}
.linklien1 .lien-link{ margin:10px 0px 0px 0px; font-size:1.1em;}
.linklien1 .lien-link a{ color:white; 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 80px 20px 100px;}
.questionstheme { margin:10px 0px 0px 0px; padding:5px; }
.questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold; color:#0098DB;}
.questionstheme p{ background:#2B4056;}
.questionstheme p a{ margin:0px 0px 0px 10px; color:white;}
.questionstheme p a:hover{}
.reponsefaq{ padding:5px; margin:0px 80px 10px 100px; color:white;}
.reponsefaq h4{ font-size:1.2em; font-weight:bold; }
.reponsefaq p{}
.faq1{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:170px; float:left; margin:0px 0px 15px 90px; text-align:center; position:relative; }
.thumbnail .contour-admin{ padding:10px; border:1px solid #999; background:#FFFFFF; }
.thumbnail a.lien-img-gallery{ text-decoration:none; background:#2B4056; display:block; padding:10px; border:6px solid #41505F;}
.thumbnail a.lien-img-gallery:hover{ background:#0191D0; border:6px solid #8595a4;}
.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:white; 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{ margin:0px 100px 10px 0px; background:#2B4056; padding:7px; color:white; }
#adressecompany p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; }
#formulaires{ margin:0px 0px 0px 160px;}
#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:15px 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;}