body {
   font-family: Verdana, sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 0;
   background-image:url(../images/fond.jpg);
}
p {
   margin: 0 0 10px 0;
}
a img {
   border: none;
}
a{
   color:#E3622E;
}
fieldset {
   border: none;
}
h1, .titrepage, .titrePage {
   font-size: 20px;
   color: #003399;
   margin: 0;
   font-weight : bold;
   font-family:Georgia;
   padding-bottom:20px;
   padding-top:20px;
}
h2, .soustitrepage, .sousTitrePage {
   font-weight:bold;
   font-family:Verdana;
   font-size: 14px;
   color:#ffffff;
   margin: 0;
   background-color:#E3622E;
   padding:3px;
   margin-bottom:15px;
}
hr { display : block;
     height: 1px;
     padding: 0;
     color: transparent;
     background-color: transparent;
     border: none;
     border-top : 1px solid #002f9e;
     margin : 10px auto 0px auto;
     _margin: 3px auto -7px auto;
}

.legende {
   /*font-size: 1em;*/
   color: black;
   font-style: italic;
   font-weight: normal;
}

.img_droite {
   float: right;
   margin-left: 10px;
}
.img_gauche {
   float: left;
   margin-right: 10px;
}
.separateur {
   clear: both;
   margin: 0;
   padding: 0;
}
.txtcouleur {
   color: #e3622d;
   font-weight: bold;
}

#header {
   height: 81px;
   color: #000000;
   background: url(../images/header.jpg) #00309D no-repeat left top;
}
#animLogo {
   position: absolute;
   right: 0;
   top: 0;
}

#conteneur {
   position: relative;
   width: 780px;
   height:570pxx;
   margin: 0 auto;
   background-color:#FFFFFF;
}
#corps {
   height: 400px;
   text-align: justify;
   background-color:#FFFFFF;
}

html>body #corps {
   height: auto;
   min-height: 400px;
}
#texte {
   margin: 0 40px;
   padding-bottom: 20px;
}
#presentation{
   float:left;
   width: 250px;
   padding: 25px;
   border: 1px solid #cccccc;
   background-color:white;
}
#presentation h1{
   font-size: 14px;
   color: #cc0000;
   margin: 0;
   padding: 8px 16px;
   font-weight : normal;
   background: url(../images/carreRouge.png) no-repeat;
}
#presentation h1:first-letter {
   
    font-size : 20px;
    font-weight : normal;
    padding-right: 2px;
}
#infosAccueil{
   float:right;
   width: 325px;
   margin: 0 25px;
   padding: 25px 10px;
  background-color: #c1dd99;
}
#infosAccueil h1{
   font-size: 14px;
   color: #cc0000;
   margin: 0;
   padding: 8px 0px;
   font-weight : normal;
}
#menuHaut {
   height: 28px;
   background: url(../images/menuHaut.jpg) #000000 repeat-x bottom;
   text-align:center;
}

#footer {
   clear:both;
   padding-top: 5px;
   padding-right: 20px;
   height: 21px;
   text-align: right;
   background: url(../images/footer.jpg) #00309D repeat-x top;
   color:#ffffff;
}
#footer a{
   color:#ffffff;
   text-decoration:none;
   padding:0px;
}

#conteneurAccueil {
   background-color:#FFF4E3;
}

#accueilCentre{
   width:430px;
   margin-left:170px;
   background-color:#ffffff;
   padding-top:10px;
   padding-right:0px;
   background-color:white;
}

.scroller {
   height: 250px;
   overflow: auto;
}

html>body #accueilCentre{
   margin-left:174px;
}
#accueilgauche{
   float:left;
   background-color:#FFF4E3;
   height:380px;
   width:170px;
}
#accueilgauche img{margin:10px;margin-top:44px;}
#accueildroit{
   float:right;
   background-color:#FFF4E3;
   height:380px;
}
#accueildroit img{margin:10px;margin-top:43px;}
#edito {
   width: 780px;
   background-color:#FFF4E3;
   clear: both;
}

p.erreur{
	color: #e3612d;
	margin: 10px;
	font-weight: bold;
}

p.succes{
	color: #002f9e;
	margin: 10px;
	font-weight: bold;
}

/*menus dynamiques*/

#menu {
   list-style-type: none;
   margin-top: 0px;
   /*margin-left: 100px;*/
   margin-left: 55px;
   margin-bottom: 0px;
   padding: 7 0 0 10px;

}
#menu li {
   float: left;
   display:inline;
   margin: 5px 0 0 0;
   padding: 0;
   padding-left:20px;
   color:#FFFFFF
}
#menu li a {
   display: block;
   font-family:verdana;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;

   margin: 0;

}
#menu li a:hover {
   text-decoration: none;
}

#menu .sousMenu,#menu .sousMenu2
{
   display: none;
   position: absolute;
   list-style-type: none;
   margin: 0;
   margin-top: 3px;
   padding: 0;
   border: 1px solid black;
   background-color: white;
   width:150px;
   text-align:left;
}
#menu .sousMenu2{margin-top: -20px;left:150px;background-color: #e5e5e5;width:200px;}
#menu .sousMenu li,#menu .sousMenu2 li
{
   float: none;
   margin: 0;
   width: 150px;
}
#menu .sousMenu li{padding-left:0px;}
#menu .sousMenu2 li{width: 200px;}
#menu .sousMenu li a,#menu .sousMenu2 li a {
   display: block;
   color: #002f9e;
   margin: 0;
   border: 0;
   text-decoration: none;
   padding: 2px;
   border-bottom:1px solid #cccccc;
}
#menu .sousMenu li a:hover,#menu .sousMenu2 li a:hover{
   color: white;
   background-color: #E3622E;
   text-decoration: none;
}

#footerAccueil{
    width: 100%;
    background-color: white;
    padding: 50px 0px 20px 0px;
    text-align: center;
}


/*#menu li:hover > .sousMenu { display: block; }*/