/* CSS Document */

/* ASPECT GENERAL */
body{
background:#cae1ea;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:96.5%;
color:#000;
}



p{
text-align:justify;
font-size:1em;
}

#wrapper{
width:760px;
margin:0 auto;
text-align:left;
background: url(bg_container.gif) repeat-y 70% 0;
 
}
 
 /* EN-TETE */

#header{
background:#FFF;
color:#000;
}

/* LES COLONNES ET LEURS CONTENUS */
#content{
float:left;
width:60%;
 
}

#sidebar{
float:left;
width:40% !important;
 

 
}

 
 


/* NAVIGATION EN HAUT */
 #nav {
 background:#165b9e;
 margin:0;
 color:#000;
 }

 
#nav ul{
margin:0;

padding:0;
width:760px;
float:left;
list-style:none;

}

#nav li{
float:left;
display:inline;
margin:0;
padding:0;
 background:url(tab.gif) no-repeat top left;
 
}
#nav a{
display:block;
margin:0;

padding:1em 1.5em;
text-decoration:none;;
 background:url(tab.gif) no-repeat top left;
width:105px;
text-align:center;
 
}

#nav a:link, #nav a:visited{
color:#000;
 background-color:inherit;
}

#nav  a:hover {
color: #000;
 background: #165b9e url(tab1.gif);
 
} 




#thispage a, a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active{
background-image:url(tab1.gif);
 
padding:0.99em 1.5em;

 
}


  
  

#bread {color:#000; background:#fcfcec; width:100%; text-align:left; clear:left; padding:4px 0; letter-spacing:0; }
#bread h2, #bread ul, #bread li {display:inline}
#bread h2 {font:1em verdana,"trebuchet MS",helvetica,sans-serif;  color:#000; background:#fcfcec;  border:0; padding:0 5px 0 10px; margin:0 9px 0 0}



.photo{
display: block;
   margin-left: auto;
   margin-right: auto;
}

 
 .gris { color: #000; 
background-color:inherit;
margin-left:10%;
margin-right:5%;
 
 
 }


#box1 { 
	margin: 10px 10px 10px 10px;
	font-size:100%;
	line-height: 1.5em;
background:#faedca;
text-align:center;
	}
 

 #box1 a{
background:#faedca;
padding:0;
margin:0;
}
#box2 { 
	margin: 10px 10px 10px 10px;
	font-size:100%;
	line-height: 1.5em;
background:#faedca;
text-align:center;
	}
 

 #box2 a{
background:#faedca;
padding:0;
margin:0;
}

#box { 
	margin: 10px 10px 10px 10px;
	font-size:100%;
	line-height: 1.5em;
	color: #666;
 background:inherit;
	}
 

 #box a, a:active, a:hover{
background:#fff;
color:#165b9e;
padding:0;
margin:0;
}
#footer a, a:active{

background:#165b9e;
color:#fff;
padding:0;
margin:0;
}
 	
#box a:visited{
background-color:inherit;
color:#6b91b1;
}

 

#footer{
 background:#165b9e;
 width:760px;
 clear:both;
 color:#FFF;

}
/* TABLEAU */

 table {
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-collapse: collapse;
		width:100%;
		}
	
  caption {
		font-family: Arial, sans-serif;
		color: #993333;
		background:inherit;
		padding-bottom: 6px;
		}
	
  th,  td {
		padding: 10px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		text-align:center;
		}	
	
  th {
		font-family: Verdana, sans-serif;
		font-size: 12px;
		background:  #cae1ea;
		color:#000;
		text-align:center;
		}