@charset "iso-8859-1";
/*************************************************************************************************/
/*************************************************************************************************/
/******																						******/
/*************************************************************************************************/
/*************************************************************************************************/
/*
future :
@import --> dir /styles / ---> design  / content / core

*/


/*************************************************************************************************/
/*************************************************************************************************/													 
/*	BODY				*/
/*************************************************************************************************/
/*************************************************************************************************/
body {
  font-family: "Trebuchet MS", "Bitstream Vera Sans", "verdana";
  color:		black;
  margin: 0;	 padding: 0;
  background-color : #eeeeee; 
}
#document {			 
  margin: 0;	 padding: 0;	
  z-index: 10;
}	 

a {
 	text-decoration:none;
}	 

img {
 	border : 0px;
}	 
	 
													 
/*************************************************************************************************/
/*************************************************************************************************/													 
/*	HEADER					*/
/*************************************************************************************************/
/*************************************************************************************************/
#header { 
	margin: 0px;
}                   
/*=====================================================*/ 
/* HEADER - IMAGE */
/*=====================================================*/ 
#headerBanner {
	position: relative;
	height: 110px;
} 
					
#headerPicture { 
	position: absolute;	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/design/top_18b.png); 	   
	background-repeat:  no-repeat;
	background-position: 0px 25%;
}								   
		   
/*=====================================================*/ 
/* HEADER - BARRE DE NAVIGATION */
/*=====================================================*/ 
#headerNav {
	position: relative;
	height: 30px;
		
	margin: 0;	padding:0;	
    
    background: 	#eeeeee url(../images/design/hbar.gif) repeat-x; 
    border-top:  	1px solid #222222;
	border-bottom: 	1px solid #222222;  
}		 

/* MENU [left] */
/*=====================================================*/ 
#headerMenu{	   
	padding: 3px;
}
#headerMenu ul li {	   
	list-style-type:none;
	display: inline;
	margin: 0;	padding: 0;       
}		
#headerMenu ul {	
	margin: 0;
	padding-left: 30px; 
}              

#headerMenu a {	   
	margin: 0;	padding: 2px 0.8em;
	
    font-size:0.9em;         
    font-weight: 600;
	font-family: arial;  
    
    border-top: 	1px solid #939393;
    border-bottom: 	1px solid #D9D9D9;
    border-left:	1px solid #939393;
    border-right:	1px solid #D9D9D9;
}                                       

#headerMenu a:link, #headerMenu a:visited {	 
	color: #E90000;
    background: #f0f0f0;
                                                                  /*
	<span style="float:left;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;">
	<span style="float:left;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;">
	<span style="float:left;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;">
	<span style="float:left;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;">    */
}
#headerMenu a:hover {
    background-color: #cccccc;        
}	  

li.menu_highlight{
  background-color: #999999; 
}

/* ICONES [right] */
/*=====================================================*/ 
 										   
#headerIcons {	   
	position: absolute;		right: 20px;    top: 0px;      
    margin: 5px 0;	padding:0;	
    
	color: #333333;   
     
}  	 
#headerIcons a {	   
	padding-right: 3px; 
	padding-left: 3px;   
}
#headerIcons a:hover {
	border-top: 1px solid #333333;
	border-left: 1px solid #333333; 
	background-color: #999999; 
}				   
	

/* SEARCH [center] */
/*=====================================================*/ 
#headerSearch {	 
	position: absolute;		right: 200px;    top: 0px;      
    margin: 0;	padding:0;	
    visibility: hidden;  
}
.headerSearchInput {
        margin : 0; padding:0;        
		background:#eeeeee  url("../images/design/bleu_fond_input.gif") repeat-x;
		border:1px solid #999999;
		color:#011B60;
		font-size:12px; 
}
.headerSearchButton {    
        margin : 0; padding:0;        
		background:#eeeeee  url("../images/design/bleu_fond_input.gif") repeat-x;
		border:1px solid #999999;
		color:#011B60;
		font-size:12px; 
}

/*=====================================================*/ 
/* MENU DEROULANT */ 
/*=====================================================*/ 
#menuh {	 
}			 

#menuh dl,#menuh  dt,#menuh  dd,#menuh  ul,#menuh  li {
	margin: 0;	padding: 0;
	list-style-type: none; 
	width: 100%;
}				 
#menuh dl {	
	position : absolute; 	top: 140px; /* 142*/
    z-index: 100;	     
	width: 340px;
}
#menuh dd {	  
	display : none;    
	border: 1px solid #444444;
	background: #eeeeee;
    
	text-align: left;
	font-size: 0.9em;  	
	letter-spacing: 0.5px;	
}			

#menuh li {	 		
	background-image:	url("../images/design/bullet_red03.gif");	/* petit rectangle */
	background-repeat:	no-repeat;
	background-position:5px 50%;
}
#menuh li a {		  
	display: block;	height: 100%;

	padding: 0.2em 15px 0.2em 2em;	
	border-bottom: 1px dotted #AA6666;	

	color: #000000;
	text-decoration: none; 
}
#menuh li a:hover{		 
	background: #CC9999 url("../images/design/boutton_hover.02.gif") no-repeat;	/* fond rouge + fleche */
	background-position:0px 50%;
    
	border-top: 	1px solid gray;
	border-bottom: 	1px solid gray;	  
	color: #eeeeee;	
}					  

li.menu_title{
  background: #CC0000;       
  border: 			1px solid  #FF1F25;
  border-bottom: 	1px solid  #8C0F12; 
  border-right: 	1px solid  #8C0F12;
  
  color: white; 
  text-align: center;
}



/*************************************************************************************************/
/*************************************************************************************************/													 
/*	PARTIE GAUCHE			*/
/*************************************************************************************************/
/*************************************************************************************************/

/*=====================================================*/ 	
/*	CONTENT L					*/
/*=====================================================*/ 	   
#contentl {	 
	width: 255px;
	margin: 0;	padding: 0;
	margin-right:5px; 
 /*  	background-color: #C8FCFF;*/
}
 				
#imagel {	   
	margin: 0;
	padding: 0;
	margin-top:30px;
	margin-right:5px;
}	
.imagel_float {
/*	float: center;*/
    border: 1px solid black; 
}


/*=====================================================*/ 
/* MENU GAUCHE  */ 
/*=====================================================*/ 

#menu {	                 
	margin:0;	padding: 0;  
    margin-top: 4px  ;
	margin-bottom : 10px;
		
	background:#85a9cb url(../images/design/grd-4px.gif) left -1740px repeat-x;
    
	border:	1px solid gray;
    border:	1px solid #eeeeee;
    border-top:0;
}


/* === Titres de section - level 2*/
#menu h3 {
	margin:0;   padding:0; 
}	                                     

#menu h3 a {	
	display: block;
	height: 100%;
	cursor: pointer;     

	margin:0;
    
	padding:1px;	 
	padding-left: 10px;   
    padding-top:0px;    
        
    border-top : 1px solid gray; 
     
	font-family: Trebuchet MS;   
	font-size:		0.7em;
	font-weight: 	800;
	letter-spacing:	0.7px;	
	color:#00202F;
}		
  
#menu h3 a:hover {		
   	background: white;	
}	  

.menulselected {
	background: #F3FDFF;
background: white;    
}                

/* === Titres de sous-section - level 3 */
#menu ul {
	margin:0;	padding:0;
	list-style-type:none;
    padding-left: 12px; 
}
#menu li {
	margin:0;	padding:0;
}
#menu li a {	
    margin:0;	padding:0;
    padding-left: 12px; 

	background-image:url(../images/design/puce_smenu.gif);	/* triangle orange */
	background-repeat:no-repeat;
	background-position: 0px 50%;

	font-size:0.7em;
	color:black;   
    
}
#menu li a:hover {
	background-image:url(../images/design/puce_smenu_over.gif);
  	background-repeat:no-repeat;
  	background-position: 0px 50%;    

  	color : #E58A00;   
  	font-weight: bolder;      
}	

/*************************************************************************************************/
/*************************************************************************************************/													 
/*	PARTIE DROITE			*/
/*************************************************************************************************/
/*************************************************************************************************/
/*=====================================================*/ 	
/*	CONTENT CENTER				*/
/*=====================================================*/ 	   
#contentcenter {	   	
	margin: 0;		padding: 0;
	background-color:white;	
}
/*=====================================================*/ 	
/*	CONTENT	RIGHT			*/
/*=====================================================*/ 
#contentr {	  
	margin: 0;		padding: 0;	
} 	   
/*=====================================================*/ 	
/*	PATH			*/
/*=====================================================*/  
#path {    
	display : block;
	margin: 	0;		padding: 	0.2em 	1em  0.0em 	1em;
	/*background-color: blue; */ 
    height: 15;

    

	background-image:url(../images/design/dsign_path.gif);
  	background-repeat:no-repeat;
  	background-position: 0px -2px;  
   /* border: 2px solid blue;   */
}		
#path2 {                                
	background-color: #eeeeee;	
 	background-image:url(../images/design/dsign_path3.gif);
  	background-repeat: repeat-x;
  	background-position: 0px 1px;   
/*    background-color: blue; */
}			 
#path table {  
	margin: 0;		padding: 0;	
    text-align: left;
	font-size:	0.75em;
	font-weight:bold;
	letter-spacing:0.1em;
    color: #FF9900;      

	background-image:url(../images/design/dsign_path2.gif);
  	background-repeat:no-repeat;
  	background-position: 100% -2px;  
     background-color: #eeeeee;   
}
#path  a {
	padding : 0.2em;
 	text-decoration:none;	
	font-weight:normal;	
	color : black;
}	 

#path  a:hover {
 	text-decoration:underline;	 

}	     
#toplink {    
	margin: 0;		padding: 12px 0 0 0;	  
	height : 37px;                  
	width: 250px;  
	text-align: right;   
	v-align: center;  
                  
    background : #eeeeee;
    background-image:url(../images/design/dsign_top.gif) 50% 0;	/* ariiere plan arrondis */
  	background-repeat:no-repeat;
	background-position:  right center; 	
}	                                  
#toplink  a {
	font-weight: 800;	
	color:#006699;
}	 
#contactbox {   
border: 2px blue; 
	height : 80px;            
    text-align: center;
	font-size:	0.75em;
    padding: 10px;
    background-image:url(../images/design/dsign_contact.gif);
  	background-repeat:	no-repeat;
	background-position:  center top; 	
}	         
#contactbox  a {
	font-weight: 800;	
	color:#006699;
}	 

/*=====================================================*/ 	
/*	FOOTER					*/
/*=====================================================*/  
#band{   

	position : absolute; 	top: 0px; left: 0px;
    width: 270;   height:20px;
    
	overflow: hidden;
    
    background-image:		url(../images/design/cache0.gif); /*dsign_footer2.gif);*/
  	background-repeat:		no-repeat;
  	background-position: 	0% 0%;  
    
	z-index: 110;

}	

#footer{   

	/*position : absolute; 	bottom: 0px; left: 270px;*/
    height: 25px;
	background-color: #eeeeee;	

    background-image:		url(../images/design/dsign_footer_bk.gif); /*dsign_footer2.gif);*/
  	background-repeat:		repeat-x;
  	background-position: 	0% 0%;  

}				
#footer .footer_left{  
/*	background-color: #ffffff;	*/

    background-image:		url(../images/design/dsign_footer0.gif); /*dsign_footer2.gif);*/
  	background-repeat:		no-repeat;
  	background-position: 	0% 0%;    
   padding: 0px 2em 0px 2em;	    
}		
#footer .footer_text{  
/*	background-color: #ffffff;	*/

    background-image:		url(../images/design/dsign_footer1.gif); /*dsign_footer2.gif);*/
  	background-repeat:		no-repeat;
  	background-position: 	100% 0%;    
   padding: 0px 2em 0px 2em;	    
}		
#footer .footer_top{  
/*	background-color: #ffffff;	*/

    background-image:		url(../images/design/dsign_footer2b.gif); /*dsign_footer2.gif);*/
  	background-repeat:		no-repeat;
  	background-position: 	100% 0%;   
    
    padding: 0px 2em 0px 2em;	 
}			

#footer table{	                  

	
	letter-spacing: 0.5px;
	text-align:left;	
	font-size: 12px;        
    
	color:black;	
	/*margin-bottom: 10px;*/   
  
}									   
#footer  a {
 	text-decoration:none;
	color:#006699;
}	 
#footer  a:hover {
 	text-decoration:underline;
}