html, body { margin:0; padding:0; height:100%;} /* test pied de page */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;
margin: 0; padding: 0; height:100%; }
p { margin: 0 0 10px 0; }
#header { height:80px; background-image:url("../images/logo.png"); background-repeat:no-repeat; margin : 0 0 0 0;
padding-left:195px; padding-top:0px; padding-right:0px;
background-color: #FFFFFF;
}
#header2 { float:right; position : absolute;
width:400px; height:80px; right:0px; top:0px;
margin : 0 0 0 0;
}
#banniere { padding-left:20px;}
#haut { height: 30px; margin : 0 0 0 0; width:100%; }
/* pour IE */
*html #conteneur { width:1000px; height:600px;}
#conteneur { position: relative;
width: 98%; max-width:960px;
min-height:99.8%; margin: 0 auto;
}
/* centre sans menu à gauche */
#centre { margin-left: 0px; margin-right: 0px; margin-bottom:0px; margin-top:0px;
min-height:390px; width:600px; padding-bottom:60px; padding-top:30px;}
/* centre avec menu à gauche */
#centre7 { margin-left: 200px; margin-right: 0px; margin-bottom:0px; margin-top:20px;
min-height:390px; width:600px; padding-bottom:60px; padding-top:0.1px; padding-left:30px;
border-width:0px 0px 0px 2px; border-style:solid; }
/* margin : haut bas droite gauche ou plutot haut droite bas gauche ??? */
#centre1 { width:250px; margin: 15px 5px 5px 50px; display:inline; float:left; }
#centre2 { width:250px; margin: 15px 5px 5px 10px; display:inline; float:right; }
#centre3 { width:250px; margin: 10px 5px 5px 50px; display:inline; float:left; }
#centre4 { width:250px; margin: 10px 5px 5px 10px; display:inline; float:right; }
.accueil { width:245px; height:180px; border:none; }
#gauche_inv { display:none; float:left; width: 200px; }
#gauche_vide{ float:left; width: 200px; min-height:390px; }
#gauche { float:left; width: 200px; height:100%; padding-top:43px;
font-weight:bold; font-family:Arial;}
ul.menugauche { font-weight:bold; font-family:Arial; width:150px; padding-top:0px; margin-top:0px;}
li.menugauche { width:120px; margin-top:5px;}
li.menugauche_actif { width:120px; margin-top:5px;}
ul.menugauche a { font-weight:bold; font-family:Arial; width:150px;}
.p_gauche { padding-bottom:0px; margin-bottom:2px; width:150px;}
#droite_inv { display:none; float:right; width: 250px; height:363px; background-color:#FFFFFF;
padding-left:35px; padding-top:15px; margin:20px 25px 25px 25px;
background-image:url("../images/bois_plein.png"); background-position:top; background-repeat:no-repeat;
}
#droite_vide{ float:right; width: 0px;; height:363px; background-color:#FFFFFF;
padding-left:35px; padding-top:15px; margin:20px 25px 25px 25px;
}
#droite { float:right; width: 250px; height:363px; background-color:#FFFFFF;
padding-left:35px; padding-top:10px; margin:20px 25px 25px 25px;
background-image:url("../images/bois_plein.png"); background-position:top; background-repeat:no-repeat;
}
/* CHARTE GRAPHIQUE */
/* changer couleur H1 plus foncé */
h1 { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin-top:20px; margin-bottom:25px;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:15px; color:#000000; font-style:italic; }
.intro { font-family: "Comic Sans MS",Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-style:italic;}
.texte { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
/* clear:left; */}
ul { font-family: Arial, Helvetica, sans-serif; font-size:12px; padding-left:0px; text-decoration:none; font-weight:normal; }
ul.gras { font-weight:bold; text-decoration:none; }
ul.gras_souligne { font-weight:bold; text-decoration:underline; }
li { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; margin-left:30px; }
.titre_important { font-family: "Comic Sans MS",Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FF0000;}
p.important, p.important_centre { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
border-width:2px; border-style:solid; padding:8px; margin-top:20px; margin-bottom:20px;
clear:both; }
p.important_centre { text-align:center;}
a.lien,
a.lien_ext,
a.lien_ext_c { font-family: "Comic Sans MS",Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
text-decoration:underline;}
a.lien:hover,
a.lien_ext_c:hover,
a.lien_ext:hover { font-family: "Comic Sans MS",Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
text-decoration:underline;}
a.lien_ext_c { text-align:center; }
a.lien_ext_c:after,
a.lien_ext:after { content: "\0000a0[\2197]"; }
a.lien_noir,
a.lien_noir:hover,
a.lien_ext_noir { color:#000000; text-decoration:none;}
span.centre { margin-left:80px;}
span.centre2 { margin-left:120px;}
img { border:none; }
/*----------------------------------------------*/
#pied { clear:both; height: 60px;
position:absolute; bottom:0; left:0; width:100%; /* test pied de page */ }
#image_pied { position:relative; bottom:0px; left:50%; margin-left:-161px; }
h3 { font-family:Arial; font-size:13px; font-weight:bold; color:#FFFFFF; }
h4 { font-family:Arial; font-size:11px; font-weight:normal; color:#FFFFFF; }
a.droite { font-family:Arial; font-size:11px; font-weight:bold; color:#FFFFFF; }
a.droite_gd { font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF; }
input,
textarea,
select { border-style:solid; font-family:Arial; font-size:12px; border-width:1px; width:300px; float:left; margin-left:200px; margin-top:-15px; }
input:focus,
textarea:focus,
select:focus { border-style:solid; font-family:Arial; font-size:12px; border-width:2px; }
label { width:200px; font-family:Arial; font-size:12px; font-weight:bold; margin-top:10px; padding-right:20px; float:left;}
fieldset { padding:10px;}
input.valider { margin-left:100px; margin-top:10px;width:100px; }
.valider {cursor:pointer; background-color:#D9F4E1; border-color:#33B75A; border-style:solid; font-family:Verdana; font-size:12px; color:#048C2E; }
.valider_hover {cursor:pointer; background-color:#33B75A; border-color:#D9F4E1; border-style:solid; font-family:Verdana; font-size:12px; color:#D9F4E1; }
.mail { font-family:Arial; font-size:12px; }
.mail { color:#000000; }
.titre_mail {color:#EC0000; font-family:Arial; font-size:24px; font-weight:bold; text-align:center;}
.vert_mail {color:#048C2E; }
a {/* color:#048C2E; */ font-weight:bold; font-family:Arial;}
.vert_gras_mail {color:#048C2E; font-weight:bold; }
.image_gauche {float:left; text-align:center; font-family:Arial; font-size:11px; font-style:italic; padding-right:15px;}
.image_centre {display:block; text-align:center; font-family:Arial; font-size:11px; font-style:italic; padding:15px;}
.image_droite {float:right; text-align:center; font-family:Arial; font-size:11px; font-style:italic; padding-left:15px;}
.image_dr { margin-left:-20px; margin-top:20px; margin-bottom:-10px;}
h2.plus { padding-left:20px; background-image:url("../images/plus.gif"); background-position:left; background-repeat:no-repeat;}
h2.moins { padding-left:20px; background-image:url("../images/moins.gif"); background-position:left; background-repeat:no-repeat;}
.ferme { display:none; }
.ouvert { display:; }