*{ margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font-size: 13px; font-family: Tahoma, sans-serif; background: #C0C0C0; color: #666666; }
body#mentions { background: #FFFFCC; }
img { border: 0; }
a { color: #4DC193; }
a:hover { }
.clear { clear: both }
#page { width: 1000px; margin: 0 auto; background: url('images/background.gif') repeat-y; }

#header { background: url('images/logo_electrona.gif') no-repeat #FFFFCC; width: 1000px; }
#header img.spacer { width: 500px; height: 110px; float: left; display: inline; }

#header #adresse { width: 250px; font-size: 11px; float: left; display: inline; margin-top: 10px; }

#header .header-droit { float: right; display: inline; margin: 25px 0 0 0; width: 350px; }

#header .mini-news-copyright {float: right; display: inline; margin-top: 33px; margin-right: 20px; }

#header #mini-news { float: left; display: inline; text-align: center; border: 2px solid #FFFFCC; }
#header #mini-news #news { display: block; padding: 0px 5px; font-weight: bold; }
#header #mini-news #news a { color: #FFFFCC; text-decoration: none;}

#header #copyright { margin-left: 10px; float: left; display: inline; color: #FFFFCC; }
#header #copyright a { color: #FFFFCC; font-size: 11px; }

#langues { float: right; display: inline; width: 225px; }
#langues ul { float: left; display: inline; list-style-type: none; }
#langues ul li { float: left; display: inline; list-style-type: none; margin-right: 5px; }

#header #recherche { text-align: right; width: 300px; float: right; display: inline; margin-top: 15px; margin-right: 15px; }

#footer { width: 1000px; margin: 0 auto; text-align: center; }
#footer a { color: #FFFFFF; }

.menu-top { border-bottom: 1px solid #666666; background: #FFFFCC; }

#liste-pages {margin-left: 330px; }
#liste-pages ul { float: left; display: inline; }
#liste-pages ul li{ float: left; display: inline; list-style-type: none; margin-right: 10px; }
#liste-pages ul li a { padding: 2px 5px; display: block; font-size: 15px; font-weight: bold; border: solid #666666; border-width: 1px 1px 0; color: #666666; text-decoration: none; }
#liste-pages ul li.selected a { background: url('images/fleche-rouge.gif') no-repeat 10px center #4DC193; color: #FFFFCC; padding-left: 30px; }
#liste-pages ul li a:hover { background: #4DC193; color: #FFFFCC; }

#main {}
#main #menu { float: left; display: inline; width: 300px; }
#main #contenu { float: right; display: inline; width: 680px; padding: 0 10px 0 0; background: url('images/compteur.gif') no-repeat center top; }

#annonce { background: url('images/bande_verte.gif') repeat-x; color: #FFFFCC; height: 27px; padding: 3px 0 0; margin-bottom: 15px; font-size: 16px; font-weight: bold; }
#annonce a { color: #FFFFCC; }

#sections {}
#sections ul { margin-left: 5px; }
#sections ul li { list-style-type: none; }
#sections ul li a { font-size: 16px; color: #666666; font-weight: bold; background: url('images/carre-gris.gif') no-repeat left center; padding: 0 0 0 20px;text-decoration: none;  }
#sections ul li a.vide { background: transparent; }
#sections ul li a:hover { color: #FF0000; background: url('images/carre-vert.gif') no-repeat left center; } 
#sections ul li a.vide:hover { background: transparent; }
#sections ul li.selected a {background: url('images/carre-vert.gif') no-repeat left center; }
#sections ul li.selected a.vide { background: transparent; }

#sections ul li.selected ul { border-left: 1px solid #4DC193; margin-left: 15px; }
#sections ul li.selected li a { background: transparent; padding: 0 0 0 10px; font-size: 13px; }
#sections ul li.selected li.selected a {color: #FF0000; }
#sections ul li.selected li a:hover { background: transparent; }

#articles .gauche { float: left; display: inline; width: 450px; }
#articles .droite { float: right; display: inline; width: 200px; border-left: 1px solid #4DC193;}
#articles .formulaire { text-align: center; }
#articles .formulaire input, textarea{ margin-bottom: 5px; }
#articles .formulaire img{ margin-bottom: 5px; }
#articles .formulaire .formvalid { text-align: center; font-size: 1.2em; margin: 10px 0; }
#articles .formulaire .formerror { text-align: center; font-size: 0.9em; margin: 10px 0; border: 1px solid #FF0000; }
#articles .formulaire .formerror h1 { margin: 0; font-size: 1.1em; background: #FF0000; color: #FFFFFF; }
#articles .formulaire h2,#articles .formulaire  h3 { text-align: center; margin: 5px; font-size: 1.1em; background: #4DC193; color: #FFFFCC; }
#articles .formulaire div label { display: block; text-align: center; }
#articles .formulaire div.controls p { margin: 5px; text-align: center; }
#articles .formulaire .obligatoire { color: #FF0000; }

#articles .formerror { text-align: center; font-size: 0.9em; margin: 10px 0; border: 1px solid #FF0000; }
#articles .formerror h1 { margin: 0; font-size: 1.1em; background: #FF0000; color: #FFFFFF; padding: 4px 0; }

.recherche ul { margin-left: 45px; }
.recherche ul li { list-style-type: none; }

#menu { }
.mailing{ }
.mailing h3 { }
.mailing input { }
#menu a { }
#pages { }
#pages a { }
#pages a:hover, #pages .selected a { }
#main { }
.mailing input#submit { }

#articles { margin: 0 0 0px 0; padding: 10px 5px; }
#articles h1 { background: url('images/fleche_rouge.gif') no-repeat left center; padding-left: 30px; font-size: 18px; margin-bottom: 10px; }
#articles p { margin: 10px 0; }
#articles td.image div p { margin: 0; background: #4DC193; color: #FFFFCC; }
#articles h2 { font-size: 14px; }

td.image { text-align: center; vertical-align: top; padding: 10px 5px; }
td { padding: 5px; }
.documents { padding: 0px 20px; }
.documents a { }
.documents a:hover { }
.galery { }
.galery #container { float: left; display: inline; width: 550px; text-align: center; margin: 0 auto 25px; min-height: 350px; }
.galery #titre_img { font-weight: bold; text-align: center; }
.galery #com_img { font-style: italic; text-align: center; }
.galery h1 { display: none; }
.galery #liste-photos { text-align: center; float: left; display: inline; width: 396px; margin-left: 14px; }
.galery .image { float: left; margin: 1px 0px 10px; text-align: center; width: 132px; }
.galery .image img { }
.galery .image h2 { font-size: 0.9em; height: 1.5em; text-align:center; }
#articles table tr td { width: 33%; }