* { font-family : Verdana,Geneva,Arial,Helvetica,sans-serif; }
body {margin: 0;padding: 0; font-size: 0.8em;}

/* Header */
#Header {background-color: #ffffff; height: 150px; background: url('graphisme/bg_header') no-repeat; border-bottom: 10px solid #008800;}
#Header h1, #Header p {margin: 0;}
#Header #Logo {position: absolute; left: 110px; top: 20px;}
#Header #Adresse {text-align: center; position: absolute; right: 0; height: 125px; background: url('graphisme/bg_header_adresse.png') no-repeat right; padding-right: 200px;}

#Header #Slogan {position: absolute; top: 80px; left: 220px; text-align: center; color: #008800; font-weight: bold}
#Header #Drapeau { margin-top: 20px;}

#Header #Adresse #PEI { position: absolute; top: 130px; right: 80px;color: #ff6600; font-size: 1.3em;font-weight:bold}
/* =page */
#page {
float: left;
width: 100%;
/* "faux colomn": colonnes de meme "hauteur"
www.ilovejackdaniels.com/design/faux-columns-for-liquid-layouts */
}
#Global{ margin: 5px; padding: 5px;border: 1px solid #000000; position: relative;}
/* =nav */
#nav {
color: black;
float:left;
width: 24.99%; /* BUG IE largeur reellement desiree: 25% */
min-width: 10em;
background-color: #b0e0b0;
/* la valeur de min-width est a determiner de maniere empirique */
/* elle depend du texte present dans la nav et de la police du couple systeme/navigateur */
/* min-width n'est pas reconnu par IE6/win */
}
#nav h3 {color: #FF6600; text-align: center;background-color: #008800; margin-top: 15px;}
#nav ul.menugauche {background-color: #008800;}
#nav ul.menugauche li {list-style-type: none; margin: 0 0 0 10px; }
#nav ul li a {display: block; color: #fff; font-weight: bold; font-size: 0.85em;}
#nav ul li a:hover {color: #FF6600;}
#nav p.citation {width: 100%; background: #ff6600; text-align: center; font-style: italic; color: #008800; font-weight: bold; }
/* masquage IE/mac + IE/win \*/
html>body #nav {
width: 25%;
/* Attention: pas de commentaire avant cette ligne (fin du hack IE/mac) */
/* Pour les navigateurs modernes: on redefini la largeur desiree initialement */
}

/* MenuHaut */
#MenuHaut {	text-align: right; width: 100% }
#MenuHaut ul li {display: inline; margin-left: 40px;}
#MenuHaut ul li a { color: #008800; font-weight: bold;}
#MenuHaut ul li a:hover {color: #FF6600; border-bottom: 3px solid #008800;}


/* =contenu */
#Contenu {
color: black;
float:left;
width: 70%;
margin-left: 3%;
margin-top: 30px;
}

#Contenu h2 {background-color: #008800; border: 2px solid #FF6600; color: #fff; text-align: center; font-size: 1.2em;padding: 5px; margin-bottom: 10px;}
#Contenu h3 { color: #008800; text-align: center;margin-top: 10px; margin-bottom: 10px;border-left: 3px solid #008800; border-bottom: 1px solid #008800; }
#Contenu h4 { color: #008800;}
#Contenu p {text-indent : 15px; text-align: justify; font-size: 0.9em; }
#Contenu p.centre {text-align: center;}
#Contenu p.entete { /* centré, gras */
	text-align: center; font-weight: bold; color: #008800; font-size: 1em;}
#Contenu .gauche {float: left; width: 48%;}
#Contenu .gauche2 {float: left; width: 73%}
#Contenu .gauche p {width: 100%;}
#Contenu .droite {float: right; width: 48%}
#Contenu .droite2 {float: right; width: 23%}
#Contenu .droite p {width: 100%;}

#Contenu .bordure_vert { border: 1px solid #008800;}
#Contenu ol li{list-style-type: decimal;}
/* Footer */
#Footer { height: 110px; text-align: right;clear: both;	color: black; background: url('graphisme/bg_footer.png') no-repeat right;}
#Footer hr {height: 15px; border: none;}
#Footer p, #Footer a {margin: 0; color: #ffffff}

ul, li, h1, h2, h3 {margin: 0; padding: 0;}
ul, li { list-style-type: none}

a {text-decoration: none;}

.spacer {clear: both}

img.thumb {float: left; margin: 10px; border: 3px solid #FF6600}
.orange { color: #ff6600}
.bordorange {border : 2px solid #FF6600}
.vert { color: #008000;}
.borvert {border: 2px solid #008800;}
.centre {text-align : center;}
.souligne {text-decoration: underline;}

.imggauche {float: left; margin: 10px}
.imgdroite {float: right; margin: 10px;}
div.temoignage {border: 2px solid #008800; margin-bottom: 10px; padding: 5px;}
div.temoignage p {text-indent: 0;}

a img {border: 0px;}

form#contact label { width: 150px; display: block; float: left}