body{
background-color:#E4E4E4;
text-align:center;
padding:0; margin:0 0 50px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
margin-bottom:50px;
font-size:80%;
}

body img{border:0;}
hr {clear: both;visibility: hidden;margin:0;padding:0;line-height:0;}
.spacer{clear: both;visibility: hidden;margin:0;padding:0;}
.invisible{display:none;}

 /********************************/
 /********   STRUCTURE   *********/
 /********************************/
#global{ background-color:#FFFFFF; width:760px;text-align:left; margin:0 auto;}
#accessibilite{ display:none;}
#entete{ margin:0; padding:0; background-image:url(../../IMG/backgroundHeader.gif); background-repeat:repeat-x;}
#logo{ margin:0; padding:0; border:1px solid #ffffff; margin:10px; z-index:10;}
#recherche{ text-align:right; margin:0; margin-left:150px;position:absolute; top:60px; width:600px; z-index:0;}
#contenu{ position:relative; top:-55px;width:585px; float:right; margin:0 10px 50px 0; display:inline}
#accueil{ width:400px; float:left;}
#edito{ border:1px solid #999999; line-height:1.3em;background-color:#FFF7D9; padding:10px; font-size:90%; font-family:verdana, Arial, Helvetica, sans-serif; color:#333333;}
#navigation{margin:5px 0 50px 0; float:right; width:145px; margin-right:10px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.2em; font-weight:bold; font-size:80%;}
#piedDePage{clear:both;}
#outils{ background-color:#990000; color:#FFFFFF; text-align:right; font-size:80%; padding:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#copyright{ font-size:75%; margin:10px 0; color:#999999;}
#colonne{float:right; width:165px; font-size:90%; margin-left:20px;}

 /********************************/
 /********   DETAILLÉS   *********/
 /********************************/
 
#accueil h1{ border:none; clear:both; }
#accueil h1 span{ visibility:hidden;}

#entete a:active{ background:none}
#bienvenue{ font-size:85%; color:#333333; margin-bottom:10px;}
#bienvenue h1, #bienvenue h2{ font-size:100%; margin:0; color:#333333;border:none}
#bienvenue h2{font-weight:normal;} 

#edito h1 { background-image:url(../../IMG/h1edito.gif); background-repeat:no-repeat; height:28px;}
#edito h2 { font-size:110%; margin:0;}
#edito img{float:right; margin:0 0 10px 10px;}
#edito ul, #edito li {list-style-position:inside; padding:0; margin:0;}
#edito ul{margin-bottom:10px;}

#accueilActus h1{ clear:both; background-image:url(../../IMG/h1actus.gif); background-repeat:no-repeat;}

#actusWeb{ line-height:normal;}
#actusWeb h1{ clear:both; background-image:url(../../IMG/h1actusWeb.gif); background-repeat:no-repeat;}
#actusWeb ul{ margin:0.1em 0 0.5em 0; padding:0 0 0 15px}
#actusWeb li{ margin:0.5em 0}
#actusWeb li a{ color:#333333; text-decoration:none}
#actusWeb li a:hover{ color:#CC0000; text-decoration:underline}

#dernierePubli{ text-align:center;}
#dernierePubli{ list-style-type:none; list-style-image:none}

 /********************************/
#outils ul{ list-style-type:none; margin:0; padding:3px 10px; height:1.2em;}
#outils li{display:inline;float:right; margin:0 10px;}
#outils a{ color:#FFFFFF; text-decoration:none;}
#outils a:hover{text-decoration:underline;}
 /********************************/
#navigation ul{ list-style-type:none; margin:0; padding:0; list-style-image:none;}
#navigation li{ margin:0; padding:0; height:24px; margin-bottom:10px;}
#navigation li:hover,#navigation li.on a { background-position:145px}
#navigation a{ display:block; text-decoration:none; color:#666666; height:24px;background-position:-145px;}
#navigation a:hover{background-position:0;}
#navigation a.on{ background-color:#CC0000; color:#FFFFFF;}

#navigation span{visibility:hidden;}
#navigation .nav0{ background-image:url(../../IMG/nav/00.gif);}
#navigation .nav1{ background-image:url(../../IMG/nav/01.gif);}
#navigation .nav2{ background-image:url(../../IMG/nav/02.gif);}
#navigation .nav3{ background-image:url(../../IMG/nav/03.gif);}
#navigation .nav4{ background-image:url(../../IMG/nav/04.gif);}
#navigation .nav5{ background-image:url(../../IMG/nav/05.gif);}
#navigation .nav6{ background-image:url(../../IMG/nav/06.gif);}


#copyright a{ color:#999999;}

#recherche form{ margin:0; padding:2px 10px;font-size:12px; color:#000000;}
#recherche input{ width:154px; padding:3px; font-size:10px;}
#colonne ul,#colonne p { background-color:#E4E4E4; margin:0; padding:5px 5px 5px 20px;}

#colonne li{padding:5px}
#colonne p{ padding:5px}
#colonne h3{ background-color:#990000; color:#FFFFFF; font-size:100%; margin:0; padding:3px;}
#colonne a{color:#990000;text-decoration:none; font-weight:bold;}
#colonne a:hover{ color:#990000; text-decoration:underline;}
#colonne li.on{background-color:#FFFFFF;}

#syndiquezVous{ margin-bottom:10px;}
#syndiquezVous h3{ visibility:hidden}
#syndiquezVous a { height:106px; background-image:url(../../IMG/efficace.gif); display:block}
#syndiquezVous a:hover{text-decoration:none}
#syndiquezVous a span{ visibility:hidden}

#sommaireRubrique{}
#sommaireRubrique img{ float:left; margin:0 10px 10px 0;}
.sommaireRubriqueElement{clear:both; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #cccccc;}

 /********************************/
 /**********   DIVERS   **********/
 /********************************/

.chemin { font-size: 80%}
.cheminFin {}
.chemin a,.chemin a:visited {text-decoration:none; color:#666666}
.chemin a:hover {text-decoration: underline;}

p.hautDePage{ text-align:right; display:none;}
p.hautDePage a, p.hautDePage a:visited {color:#666666; font-size:75%;}

P.datePublication{ margin:40px 0 20px 0; border-top:1px solid #cccccc; text-align:right; font-size:80%; clear:both;}

.document{margin-bottom:10px;}
.document h2{ background-color:#e4e4e4; padding:3px; color:#666666; font-size:80%;}
 /********************************/
 
 #form_inscription{
 border:1px dotted #993300;
 padding:10px;
 letter-spacing:normal;
 font-weight:normal;
 color:#000000
 }
.documents_joints{
width:30%;
float:left;
text-align:center;
padding:5px;
margin:2px;
}
#contenu .forum-repondre { background-color:#e4e4e4; padding:5px;}
.rubriqueTitreListe{ margin:10px 0 0 0; clear:left;}
.rubriqueTitreListe img{ float:left; margin:0 10px 10px 0;}
.rubriqueSousTitreListe{margin:0;}
.rubriqueChapoListe{ margin:0 0 5px 0;}

.colonne2{ width:45%; margin-right:10px; float:left; font-size:85%; border-top:2px solid #e4e4e4;}
.divers{ margin-bottom:10px;}
.pagination{ border-top:1px solid #cccccc; clear:left; padding-top:0.5em;}