body {
margin : 0 ; 
padding : 0  ; 
background : #f5f8ed ; 
font-size : 0.7em ; 
font-family : arial ; 
color : #5C5C5C;
min-width:1000px;
behavior: url(csshover.htc);
}

 /* TOP 
 *************************************************************/

#top {
height : 120px ;
background : #5C5C5C url(images/top.jpg) repeat-x ;
margin : 0 ; 
padding : 0 ; padding-left:20px; padding-right:130px;
}


#top h1 {
font-size : 24px ; 
text-transform : uppercase ; 
color : #5C5C5C ; 
margin : 0  ; 
padding : 70px 0 0 0 ;
}


#top p {
 margin : 0  ; 
padding : 0 ;
}







 /* DIV MENU ET CENTRAGE 
 **************************************************************/
 
 
#menu {
margin : 0 0 0 -10px; 
padding : 0 ;
height : 57px ;
background : #E2E2E2 url(images/bg_menu.jpg) repeat-x ;
 padding-left:165px;
}



 /* LISTE MENU PRINCIPALE 
 **************************************************************/

#menu ul{
margin : 0 ; 
padding : 20px 0 0 0;  
}
/*#content ul.content{ list-style-type:circle;}
#content ul.content li{list-style-type: circle; margin:0;}*/
#menu li {
float : left ;
padding : 0 10px 0 10px ;
margin : 0 0 0 -1px ; 
text-transform : uppercase ; 
border-left : 1px solid #5C5C5C;
}


#menu li:first-child {
border:0;
}


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

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



/* CONTENT 
*******************************************************************/


#content { 
width : 800px ; 
margin : 0 auto 0 auto; padding-left:150px;
overflow : auto ; }



/* Centrage 
*******************************************************************/


.centrage {
width : 800px; 
margin : 0 auto ; 
padding : 0 ;
}

 



/* SIDE 
*************************************************************************/

#side {
float : left ;
 width : 800px ; 
 background : transparent ; 
 padding : 20px 0 0 0 ; 
 text-align : justify ; 
 line-height : 20px ; 

 }
 


 
 #side p{
margin :  0 ; padding : 0 ;  }


 #side  ul{
margin :  0 ; 
padding : 0 ;  }






 

/* CONTENU
 *******************************************************************/

#contenu {
float : right ;
width :410px ; 
background : transparent ; 
margin : 0 0 0 20px ;
padding : 20px 0 0 0 ;
text-align : justify ; 
font-size : 95% ;  }



 #contenu p{
margin :  0 ; padding : 0 ;  }
   
   
/* CONTENU IMAGES */
  
  
#contenu img{
display : block 
}
  
  
 /* CONTENU H1 H2 H3 H4 */
 
 
#contenu h2{
font-size : 1.5em ; }


#contenu h3{
font-size : 1em ;
font-weight : normal ; 
background : #E8E8E8 url(images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;  }


  
#contenu h4{
font-size : 0.8em ;
text-transform : uppercase ; 
font-weight : normal ; 
border-bottom : 1px solid #F0EDED ; 
margin : 10px 0 0 0 ; 
padding : 0 0 10px 0;
background : url(images/h4.jpg) top left no-repeat ;
text-indent : 20px ; 
}

 /* Bloc lastevent (presentaion droite) 
 ******************************************************************/


.lastenvent {
width : 404px; 
position : relative ; 
background : #fff;  
margin : 0 0 10px 0;
border : 2px solid #e2ead3;
background:url(images/bg_publis.gif) -4px 0 repeat-y;
}


.lastenvent img{
border-top : 4px solid #e2ead3;
border-bottom : 4px solid #e2ead3;
border-left : 4px solid #e2ead3;
border-right : 6px solid #e2ead3;
float:left; display:inline;
}



.lastenvent p{
margin : 20px ; padding : 0

}

#sub_publi .lastenvent{ float:left!important; width:394px!important;}
#sub_publi .lastenvent ul{ width:250px!important}
.lastenvent ul {
background : transparent ; 
margin : 0 ; 
padding : 0  0 0 20px!important;
float:left; width:270px;
/*position : absolute ;
left : 105px; 
top : 3px ; */  }

.lastenvent li {
padding : 0 0 0 20px ; line-height:15px;

}

.lastenvent li.titre {
text-transform : uppercase; 
background : url(images/h4.jpg) left no-repeat; 
text-decoration : underline ; 

}



  /* FOOTER 
 ***************************************/

#footer {
 clear:right;
height : 30px ;
line-height : 30px; 
 background : #E8E8E8 ;
 border-top : 20px solid #f5f8ed ; 
  border-bottom : 20px solid #f5f8ed ; 
 width : 960px ; 
 margin : 0 auto ;
 font-size : 0.8em;
 text-align : center ;  }
 
 #footer p {
margin : 0 } 

  #footer a:hover {
text-decoration : none ;  }  
  
  
 /* Ligne pointillée 
 ***************************************/

#side .pour_pointilles {
padding : 0 0 20px 0 ;  clear:both;
border-bottom : 1px dotted #000; }

#contenu .pour_pointilles {
padding : 0 0 13px 0 ; 
border-bottom : 1px dotted #000; }


/* Généralités
 ***************************************/


/* Annule les puces sur les listes */
ul {list-style : none ; }
  
/* pour faire en gras :))  */
.gras {
font-weight : bold ;
font-size : 1.3em ; 
}

/* liens */
a {color : #5C5C5C; }


#telechargements {
	font-size : 11px ; 
  /*float : left ;*/
  position:absolute;
  margin:-27px 0 0 -160px;
  height : 438px;  
  width : 152px ; 
  background : url(images/bg_telechargements_bas.jpg) bottom no-repeat ;
  padding : 0 0 172px  0}
.form{width:152px; text-align:center; background:url(images/bg_form.gif) top left repeat-y; border-bottom:1px solid #999; padding:10px 0 15px 0;}  
.form input{font-size:10px; border:1px solid #fff; background:transparent;  color:#fff; padding-left:5px;}
input.psw{width:95px}
input.ok{padding:0;}
.form h1{font-size:12px; margin:0 0 5px 0; color:#fff;}
     /*nouveau menu*/
	 
#telechargements ul{
margin : 0 ;
padding : 0 ; 
list-style : none ;  }	 


#telechargements li {  }


#telechargements li a{ 
margin : 0 ; 
padding : 0 ;
font-weight:bold;
text-decoration : none;
color : #fff ; 
display : block ;
  width : 152px ; 
  line-height : 32px ; 
height : 33px ; 
background : url(images/bg_telechargements2.jpg) 0 0 no-repeat;
text-indent : 20px ; 
  }
#telechargements li  a.ligne3{height:96px ; padding:5px;width : 142px ;}
  
  
  #telechargements li a:hover{ 

background : url(images/bg_telechargements2.jpg) 0 -33px no-repeat; 
  }		
  
#logos{position:absolute; width:887px;}  
#menu input.search,#menu input{ font-size:10px; background:transparent; border:1px solid #ccc; color:#fff; float:right; margin-left:3px;}
img.drapeaux{float:right; margin:-50px 0 0 0;}
#title{position:absolute; font-size:14px; font-style:italic; width:470px; text-align:center; margin:30px 0 0 400px; font-weight:bold; color:#fff;}

/*ul.n2{ display:none;}*/
ul.n2 li:hover ul.n3{display:block; position:absolute; left:153px;border:1px solid #ccc; border-left:0; margin-top:-32px!important;}
#telechargements li ul.n2 li a{ border:0; background: url(images/bg_smenu.gif) no-repeat; width:127px; font:bold 10px verdana;display:block;padding:0 5px 0 20px; margin:0;text-indent : 0px ; color:#003300; height:31px; vertical-align: bottom;}
#telechargements li ul.n3 li a{ border:0; background: url(images/bg_smenu.gif) no-repeat; width:127px; font:bold 10px verdana;display:block;padding:0 5px 0 20px; margin:0;text-indent : 0px ; color:#003300; height:31px; vertical-align: bottom;}
#telechargements li ul.n2 li a:hover{ background: url(images/bg_smenu.gif) 0 -30px no-repeat; height:31px;}

ul.n3{ display:none;}
#telechargements ul.n2 li:hover ul.n3 li a{ border-bottom:1px solid #fff;background: #cad8b4; width:142px; font:bold 10px verdana;display:block;padding:0 5px 0 5px; margin:0;text-indent : 0px ; height:30px}
#telechargements ul.n2 li:hover ul.n3 li a:hover{ background-color: #cda;}

a.modif{ display:block; width:16px; height:16px; background:url(images/bouton/modif.png) no-repeat; float:right;}
a.suppr{display:block; width:16px; height:16px; background:url(images/bouton/suppr.png) no-repeat; float:right;}
#content form input,#content form select,#content form textarea{ font:10px verdana; border:1px solid #ccc; }

/*#telechargements li:hover ul.n2 li a{ background:#000; width:125px; font:normal 10px verdanadisplay:block;padding:0 5px 0 20px; margin:0;text-indent : 0px ;}*/

.content_txt ul,.content_txt ul ul{ list-style-type: disc; list-style-position: outside;}

.content_txt li{  margin-left:20px;}
.content_txt ul ul li{ margin-left:40px;}
.content_txt h2{ font:bold 14px verdana; background:url(images/bouton/arrow.gif) 0 3px no-repeat; padding-left:20px;}
.content_txt h3{ font:bold 12px verdana;}


a.adm_menu{ display:block; text-decoration:none; color:#ccc; font:bold 12px arial; background:url(images/bouton/dossier.jpg) no-repeat; width:107px; height:5px; float:left; margin:10px; padding-top:50px; text-align:center;}
a.adm_menu:hover{background:url(images/bouton/dossier2.jpg) no-repeat;color:#333;}
.clear{ clear:both;}
div.admin_form{ border:1px solid #ccc; padding-bottom:20px; background-color:#fff;}
.adm{ background:#fff!important;}

.tab_one{ border:0px solid #ccc; width:798px;}
.space{ clear:both;}
#txt_left{ width:365px; float:right; /*border:1px solid #ccc;*/}

.cadre{ display:block;border:1px solid #e2ead3; clear:both;}
.pub_bas{ background:url(images/bg_publis_bas.gif) -3px top repeat-y;}
.pub_bas .lastenvent{ border:0!important;}
.cadre h2{ display:block; background:url(images/bg_menu.gif) 0 -25px repeat-x; padding:5px 0 10px 20px; color:#fff; font:bold 12px arial!important; margin:0;}
.cadre a.title{ display:block; text-decoration:none; background:#a6bd85; color:#fff; padding-left:30px; padding-right:10px;}
.cadre div p{ margin:0; padding:0 10px 0 10px!important;}
a.title_search{ color: #003300;}
form{ display:block; margin:0;}
a.doc{ display:block; margin:5px 0 10px 0;text-decoration:blink!important; font:bold 12px arial; color:#333; background:url(images/bouton/pdf.gif) left top no-repeat;padding-left:20px;}
a.doc:hover{text-decoration:none; color:#000;}
.admin_form h1{ font:12px arial; color:#FF0000; margin:10px 30px 10px 30px;}
.url1{ color:#999999; font-style:italic;}

a.rss_title{ display:block;}
.rss_link{ display:block; margin:5px 10px 0 10px!important;}
a.list{ display:block; text-decoration:none; background:url(images/bouton/dossier.gif) left top no-repeat; padding-left:20px; font-weight:bold;}
a.list:hover,a.pdf:hover{ color:#FF0000;}
a.pdf{ display:block; text-decoration:none; background:url(images/bouton/yes.gif) left top no-repeat; margin-left:20px;padding-left:20px;}
a.pdf strong{ color:red;}
p.note{ display:block; clear:both; color:red; font-size:10px;}
a.suite{ display:block; text-decoration:none; font-weight:bold; padding-bottom:20px;}
a.suite:hover{ color:#FF0000;}

.Title{ color:#990000; font:bold 14px arial;}