 
												  

  /* fichier pour internet explorer */
body {
      behavior: url(csshover.htc);
     }

/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
                position: absolute;
                top: -1px;
                left: 154px;
                display:none
               }

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau2{
                                                  display:block;
                                                 }

div#menu a{color: #ffffff/*0d4680*/; padding: 0; margin: 0; margin-left:0px;font-weight:Trebuchet MS,Tahoma;}
div#menu li {position: relative; list-style:none; margin:0px; padding:0px;margin-top:1px;border-bottom: 1px solid #369/*#CCC*/;}
div#menu li:hover {background: #c42708/*e54526*/ /*url(images1/n1hover.gif)no-repeat*/;}/*n1hover.gif*/
div#menu li.sousmenu:hover {background-color: #c42708/*e54526 *//*url(images1/n1hover.gif)no-repeat*/;}
div#menu li.sousmenu_active {background-color: #c42708/*e54526 *//*url(images1/n1hover.gif)no-repeat*/;}
div#menu ul a {width: inherit;}
div#menu ul ul {position: absolute; top: -1px;}





/*TAILLE PREMIERE COLONNE*/
div#menu {float: left; width: 159px;}
div#menu ul {margin: 0; padding: 0; width: 159px; background: #98c2ed /*url(images1/n1.gif)*/; }/*n1.gif*/
/*#menu ul {margin: 0; padding: 0; width: 159; background: white; border: 1px solid;}*/
div#menu ul ul {left: 158px; display:none}
div#menu li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 159px;}

/*TAILLE DEUXIEME COLONE*/             
div#menu ul.niveau2 ul {left: 159px;}  
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {width:200px; background: #98c2ed /*url(images1/n1.gif)*/; display:block;} 
div#menu ul.niveau1 li.sousmenu_active:hover ul.niveau2 {width:200px; background: #98c2ed /*url(images1/n1.gif)*/; /*-moz-opacity:.8; filter:alpha(opacity=80);*/ display:block;} 
div#menu ul.niveau2 li a {width: 220px;}



/*TAILLE DEUXIEME COLONE BIS*/                
#menu ul.niveau2bis ul {left: 159px;}  
#menu ul.niveau1 li.sousmenu:hover ul.niveau2bis {display:block; background: #999999;width:159px;}      
#menu ul.niveau2bis li a {width: 159px;}

#subnalist {
	float: left;
	position: relative;
	margin-left: 10px;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	list-style-type: none;
}

#subnalist li {
	height: 28px;
	float: left;
	margin: 0;
	padding: 0;
}

/*--- main navigation items ------------------------------------------------*/


#subnalist a {
	background: transparent;
	margin: 0;
	padding: 2px 12px 0 22px;
	display: block;
	float: left;
	height: 28px;
	line-height: 22px;
	text-align: left;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;

}



html>body #subnalist a {
	height: 26px;
}

#subnalist a.subnavitem:hover {
	background: transparent;
}






/*-- global container ------------------------------------------------------*/

#container {  
	position: relative;
	padding: 0 0 0 0 ;
	margin: 0 auto 0 auto;
	text-align: left;
	width:944px;
}
#containera {  
	position: relative;
	padding: 0; 
	margin: 0 auto 0 auto;
	text-align: left;
	width:944px;
}



#maincontainer {  
	padding: 0;
	margin:00px 0 00px 0;/* 20 0 20 0 */
}

/*--- the main container is devided in sub containers ----------------------*/

#subcontainer5 {         
	position: relative;
	float: right;
	margin: 5px 170px 100px 0px;	
	padding: 0px 0px 0px 0px;  /*  0*/
	width:550px;
}
#subcontainer2 {         
	
	float: left;/*right;*/
	margin: 5px 0px 0px 30px;	/*170*/
	padding: 0px 0px 0px 0px;  /*  0*/
	width:550px;
}
#subcontainer4 {          
	position: relative;
	float: right;
	margin: 5px 27px 0px 0px;/*5px 27px 20px 0px;	*/
	padding: 0px 0px 0px 0px; 
	width:550px;
}
#subcontainer3 {          
	position: relative;
	float: right;
	margin: 20px 80px 0px 0px;	
	padding: 0px 0px 0px 0px;  
	width:600px;
}
#contentcontainer2 {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin:0;
	padding:0 0 0 0;
	  
}
#contentcontainer120 {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	  
}
#contentcontainer {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin: 0px;
	padding: 0px;
	width: 510px;     
}
#contentcontainer2 {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin: 15px 0 0  0;
	padding: -15px 0 0 0;
	width: 750px; /*680*/    
}
#contentcontainer23 {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin: -15px 0 0px 0px;
	padding: 0px 0 0px 0px;
	margin-left : 0px;
	width: 680px; /*680*/    
}
#contentcontainer22 {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin: -4px 0 0px 0px;
	padding: 0px 0 0px 0px;
	width: 680px;     
}
#contentcontainer1 {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin: 0px;
	padding: 0px;
	width: 530px;     
}
#contentcontainer10 {    
	clear: both;
	overflow: hidden;
	line-height: 1.3;
	margin: 5px 5px 5px 0px;
	padding: 0  0 0px 15px;
	/*width: 158px;     */
}
#leftcolumncontainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 180px;
	}
#right12 {
 
   position: absolute;
    
   	  top: -25px;  /*181*/
	 left:582px;/*781*/
	
	 background: url(test/test.html) no-repeat;
	}	
#right10 {
 
   position: absolute;
    
   	  top: 150px;  /*-10*/
	 left:771px;/*572*/
	
	 background: url(test/test.html) no-repeat;
	}	

#right11 {
 
   position: absolute;
    
   	  top: -20px;  /*181*/
	 left:572px;/*781*/
	
	 background: url(test/test.html) no-repeat;
	}	
#right {
 
   position: absolute;
    
   	  top: 181px;  /*181*/
	 left:781px;/*781*/
	
	 background: url(test/test.html) no-repeat;
	}		
	
#right2{
 
   position: absolute;
       bottom:2px;

	 left:850px;/*860*/
	
	 
	}		
	
#right3{
 
   position: absolute;
    bottom:6px;
   	  
	 left:5px;/*795*/
	
	 
	}			
	
	
/*--- header ---------------------------------------------------------------*/

#header	{
	position: relative;
	
	padding: 0;
	margin: 0;
	width: 939px;
	height: 125px;
	top: 0;
	left: 0;
}

/*--- key visual -----------------------------------------------------------*/

#keyvisual {                                     
	z-index: 1;
	position: absolute;
	top: 0px;
	left:3px; 
	width:939px; /*844px;*/
	height: 180px;
}



/*--- caption (as text or background image) --------------------------------*/
/*
#textcaption {                  
    top:0px;
	left:0px;
	
	top: -10px;
	left:235px;
	width:010px;
}
*/
/*--- main navigation ------------------------------------------------------*/

#mainnavcontainer {                      
	z-index: 1;
	position:relative;
	
	top: 0;
	left: 2px;
	float:left;
	width: 940px;/*940*/
	padding: 0 0 0 0;/*0 0 -15px 0   ****************************************************************/
	margin: 25px 0 0 -0;
	overflow: hidden;
}

#mainnavlist {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	list-style-type: none;
}

#mainnavlist li {
	height: 28px;
	float: left;
	margin: 0;
	padding: 0;
}

/*--- main navigation items ------------------------------------------------*/

#mainnavlist a {
	background: transparent;
	margin: 0;
	padding: 4px 13px 0 13px;  /*4px 21px 0 22px;*/
	display: block;
	float: left;
	height: 38px;
	line-height: 22px;
	text-align: left;
	overflow: hidden;
	voice-family: inherit;
	height: 26px;
}

html>body #mainnavlist a {
	height: 26px;
}

#mainnavlist a.mainnavitem:hover {
	background: transparent;
}

.menu {
	z-index: 1;
	position: relative;
	top: 50px;
	left: 14px;	
	width: 721px;
	
	overflow: hidden;
}





/*--- container for the subnavigation --------------------------------------*/

.subnavcontainer { 
  
	clear: both;
	float:left;
	margin: 0;
	padding: 0 ;
	overflow: hidden;
}

/*--- subnavigation --------------------------------------------------------*/

.subnavlist {
	border: 0 ;
	margin: 0 0 0 2px;
	padding: 0;
	list-style-type: none;
}

.subnavlist li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*--- subnavigation items --------------------------------------------------*/

.subnavlist a {
	text-align: left;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	width: 136px;	
	padding: 0 0 0 20px;
	display: block;
}

/*--- content --------------------------------------------------------------*/

#contentcontainer table {
	border-style: dotted;
	border-width: 0px;
	border-spacing: 0;
}

/*--- footer ---------------------------------------------------------------*/

#footer {
	margin:  0;/*0 0 -20 0 */
	padding:0;/*0 0 4 0 */
	width: 944px;
	height: 65px;  /*67*/
	clear: both;
}
#footertext {
	/*padding: 3px 0 0 0;*/
	/*margin: 13.5px 30px 30px 30px;*/
	padding: 0;
	margin: 0;
	}

	/*9.5********************************************
	text-align: center;    13.5px 30px 0 30px;
}

/*--- body -----------------------------------------------------------------*/

body#mainbody {
    width:90%;
	margin-right: auto;  
	margin-left: auto;
	padding: 0;
	
	text-align: center;
	
}
body#mainbody1{
    width:60%;
	/*margin-right: auto;  */
	margin-left: 0px;
	padding: 0;
	text-align: center;
	background-color :#fcfcfc;
}	
body#mainbody2{
  /*  width:10%;*/
	margin-right: auto;  
	

	
	background-color :#fcfcfc    /*fcfcfc;*/
}
body#mainbody3{
  /*  width:10%;*/
	margin-left: 0px;
	

	
	background-color :#fcfcfc    /*fcfcfc;*/
}
/*--- paragraph ------------------------------------------------------------*/

#contentcontainer p {
	line-height: 1.3;
}

/*--- forms ----------------------------------------------------------------*/

fieldset {
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}

input {
	border-style: solid;
	border-width: 1px;
}

textarea {
	border-style: solid;
	border-width: 1px;
}

/*--------------------------------------------------------------------------*/

table.spip {
	margin: auto;
	width: 95%;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; 
	}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-family : Arial, Helvetica;
	font-size : 11px;
	font-weight: bold;
	}
table.spip tr.row_first { background: #FF9900/* #FFC; */}
table.spip tr.row_odd { background: #edf6ff; }
table.spip tr.row_even { background: #ffffff;  /*font-family : Arial, Helvetica;
	font-size : 11px;*/ }
table.spip th { 
	padding: 3px; 
	vertical-align: middle; 
	font-family : Arial, Helvetica;
	font-size : 11px;
	font-weight: bold;
	}
 

table.spip td { 
	padding: 3px; 
	text-align: left; 
	vertical-align: middle; }