body {
background-color:#336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../../images/stripe_bleu2.png);
background-repeat:repeat;
font-size: 0.7em;
line-height:1.2em;
margin: 0;
padding: 0;
}

.separateur {
clear:both;
/*height:1px;*/}

img {border:0px;}

p {
margin: 0 10px 10px 0;
text-align:justify}

a {color:#FF6600;
text-decoration:none;}

a:hover {
text-decoration:underline;}

h1	 {
color: #035;
font-size:18px;}


h2 {
margin-left:50px;
color:#778899;}

#conteneur {
width:780px;
margin:15px auto 5px auto;
background-color:#FFF;
border:#cbbeb2 solid 1px; }



#header {
height:230px;
background-color:#036;
}


#haut {
padding-top:205px;
padding-left:30px;
background-color:#036;
background: url(../../images/bandeau-filet2.jpg) top no-repeat;
height:30px;
margin-bottom:0;
}

#corps {
background-color:#fff;
padding-left:20px;
padding-right:45px;
padding-top:20px;
padding-bottom:20px;}

#droite {
margin:0;
padding:0;
float:right;
width: 280px;
background-color:#fff;}

#pied {
margin:0;
clear:both;
height: 15px;
background-color: #036;
color:#FFFFFF;
text-align:center;}

/* colonne Text     ***********************/

#colonneTxt {
float:left;
background-color: #036;
background-image:url(../../images/stripe_bleu2.png);
background-repeat:repeat;
padding:20px;
margin-bottom:20px;
margin-right:20px;
color:#fff;
/*margin-left: 60px;*/
width:160px;}

#colonneTxt h1 {
color:#fff;
background-color:#336699;
font-size:14px;
padding: 2px;}


#colonneTxt a {
color:#cccc00;}

/* centre**********************************/

#centre {
margin-left:220px;}

/* news***********************************/

div.news {
margin-top:0px;
padding:0px;
margin-bottom:10px; 
padding-top:0px;}

div.news p{
text-align:justify;}
 
div.news  img{
margin-left:25px;
margin-bottom:30px;} 

.news img {float:right;
max-width:500px;
 }

.news h1 {padding:10px;margin-top:0;}

.news p {padding:10px; padding-right:0px;}



div.legende  {
font-size:10px;
color:#369;
clear:right;
border-bottom: dotted 2px #369;
margin-bottom:25px;
margin-top:15px;
padding-bottom:2px;
padding-left:10px;}



/*   LINKS */

div.links {
padding-top:0px;
width: 310px;
float:left;
margin-left: 22px;
padding:10px;
margin-bottom:10px;
background-color:#fff;
padding-bottom:10px;
border:#369 dotted 2px;}


.links img {
display:block;
float:right;
margin-left:15px;
margin-bottom:15px;}


div.links h3 {
background-color:#369;
padding:5px;
}

div.links h3 a{
display:block;
width:100%;
height:100%;
color: white;

}

div.links h3 a:hover{
color: #036;
background-color:#cc0;}


/* signature : www.kiwimage.com */ 
.signature {
width:980px;
margin:0px auto;
text-align:center;
font-size:8px;
height:50px;
}

.signature a {
color:#cccc00;}


/**************** Compteur page*/
.compteur_pages {
font-size:10px;
color:#369;
margin-bottom:20px;}

.compteur_pages a {
color:#369;
padding:2px;
}

.compteur_pages .selec {
background-color:#369;
font-size:12px;
color:#fff;
text-decoration:underline;
text-decoration:overerline;
}

.compteur_pages a:hover {
background-color:#369;
color:#fff;
}
/*******************************/

/************************************** MENU haut /
/****************************   menus droulants   ****************************/

#menu {
   list-style-type: none;
   margin: 0;
   padding: 0;
   
}


#menu ul { border: thin #369 solid;}

#menu li {
   float: left;
	position:relative;
   margin: 0;
   padding: 2px 4px;
  
}
#menu li a, #menu li span {
   display: block;
   margin: 0;
   padding: 0;
   color : #fff;
   font-size : 11px;
   text-decoration : none;
}
#menu li a:hover {
color:#cccc00;
}

#menu .sousMenu, #menu .sousMenu .sousSousMenu {
   display: none;
   position: absolute;
   list-style-type: none;
   margin: 4px 0 0 0;
   padding : 0;
}

#menu .sousMenu li, #menu .sousMenu .sousSousMenu li {
   margin: 0;
   padding: 0;
   width: 150px;
   background-color : #369;
   border-bottom: 1px solid #FFF;
   color:#FFFFFF;
  /*filter:alpha(opacity=80);
   opacity: 0.80;*/
  
}
#menu .sousMenu li a, #menu .sousMenu .sousSousMenu li a {
   display: block;
   width:150px;
   color: #fff;
   padding: 3px 0px 3px 10px;
   border: 0;
   text-decoration: none;
}

#menu .sousMenu li a:hover, #menu .sousMenu .sousSousMenu li a:hover {
   background-color: #036;
   width:140px;
   text-decoration: none;
   color:#FFF; 
}

sous-menus de niveau 2 et plus
#menu .sousMenu .sousSousMenu {  margin: -24px 0 0 151px;}