/*///////////////////////////
/////  			/////
/////  	    Liens	/////
/////  			/////
///////////////////////////*/





A:default {font-weight:bold; font-family: arial, verdana, cambria;  font-size:11px; text-decoration: none; color: blue;}
A:link    {font-weight:bold; font-family: arial, verdana, cambria;  font-size:11px; text-decoration: none; color: blue;}
A:visited {font-weight:bold; font-family: arial, verdana, cambria;  font-size:11px; text-decoration: none; color: blue;}
A:active  {font-weight:bold; font-family: arial, verdana, cambria;  font-size:11px; text-decoration: none; color: blue;}
A:hover   {font-weight:bold; font-family: arial, verdana, cambria;  font-size:11px; text-decoration: underline; color: black;}







a img{ border:none; }


a.menu-gauche
{
margin-top:50px;
text-align:left;
margin-left: -3px;
}



a.contenu
{
margin-top:50px;
text-align:left;
margin-left: -3px;
}

























/*///////////////////////////
/////  			/////
/////  	Liste puces	/////
/////  			/////
///////////////////////////*/



.arrow {
	background-image: url("images/fleche-rouge.gif");
	background-repeat: no-repeat;
	background-position:left;
	width: 1em;
	line-height: 18px;
	float: left;
	margin-left: 0.5em;

}




.fleche-liens-gauche {
	background-image: url("images/fleche-bleu2.gif");
	background-repeat: no-repeat;
	background-position:left;
	width: 1em;
	line-height: 18px;
	margin-left: -1.5em;

}
	float: left;


.text1 {
	margin-left: -0.25em;
}



/*///////////////////////////
/////  			/////
/////         UL	/////
/////			/////
///////////////////////////*/




ul.menugauche2
{
   
	line-height: 12pt;
	margin-left: 15px;
	list-style-type: none;
	margin-top:20px;
	margin-bottom:20px;

}




ul.menugauche {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #d1d1d1;	
}

ul.menugauche li {
	list-style: none;
	padding: 2px 0 2px 0px;
	margin: 0 2px;	
	color: rgb(157,67,0);	
	border-bottom: 1px solid #d1d1d1 ;
}


ul.menugauche li a {
	color: rgb(90,88,122);	
	margin: 0 0 0 15px;
	font-size: 0.66em;
	
}



ul.menucentral
{
   
	line-height: 12pt;
	margin-left: 0px;
	list-style-type: none;
	margin-top:20px;
	margin-bottom:20px;
	margin-left: 20px;

}


ul.article
{

	line-height: 12pt;
	margin-left: 0px;
	list-style-image: url("images/bouton.gif");
	margin-top:20px;
	margin-bottom:20px;

}


ul.image
{
   
	line-height: 18px;
	margin-left: 5px;
	list-style-image: url("images/fleche-bleu.gif");

}








/*///////////////////////////
/////  			/////
/////  	Mises en forme	/////
/////  	   Images	/////
/////			/////
///////////////////////////*/








.image-centree
{
display:block;
margin:0 auto;
}


.img
{
position:right;
}






/*///////////////////////////
/////  			/////
/////  	Mise en forme	/////
/////  	    Texte	/////
/////			/////
///////////////////////////*/


* 
{
margin:0px;
padding:0px;
}



.text-centre
{
text-align:center;
}

.text-droit
{
float:right;
margin: 5px;
}



h1
{

font-size: medium;
color: black;
font-family: Arial Black, verdana, arial; 
margin-left: 10px;/*marge de gauche*/
margin-right: 10px;
border-bottom: 4px solid #ddd;
margin-bottom:35px;
margin-top:20px;
}



h2 
{
font-size: 0.9em;
color: black;
font-family: verdana, arial;
border-bottom: 1px solid blue;
margin-top:30px;
margin-bottom:25px;
}


	h2.titresmenugauche
	{
	font-size: 0.8em;
	color: white;
	font-family: verdana, arial;
	border-bottom: 0px solid #FF0000;
	background-image: url("images/bgc-bleu.jpg"); /* Une petite image de fond sur les titres h2 */
	background-repeat: repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
	margin-bottom:10px;
	margin-left:-5px;
	}








h3
{
font-size: 0.70em;
color: black;
font-family: verdana, arial; 
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
margin-bottom:10px;
margin-top:30px;
}


blockquote 
{
  margin: 0;
  padding: 0 10px;
  background-color: rgb(230,230,236);/*couleur de fond*/
  border-top: 1px solid #d6d7ff;
  border-bottom: 1px solid #d6d7ff;
  margin-left: 10px;/*marge de gauche*/
  margin-right: 10px;
  margin-top:100px;
  margin-bottom:40px;
}






p
{
   font-family: Calibri, Verdana, Cambria, arial; 
   margin-bottom:30px;
   font-size: 0.90em;
   
}



	p.titre
	{
	margin-top:20px;
	}


.important

{
text-decoration:underline;
font-weight: bold;
color:red;
}





















/*///////////////////////////
/////  			/////
/////  	Structure	/////
/////  			/////
///////////////////////////*/



body {
	font:Tahoma;
	font-size: 1.0em;
	color:#000;
	text-align:center;
	margin:5px auto;
	background-image: url(images/blue-background.jpg);
	background-repeat:repeat;	
	background-attachment: fixed; 


}






#corps {
	width:800px;
	background-color:white;
	background-repeat:repeat;
	position:center;	
	text-align:center;
	margin:auto;
	padding:4px;

}






#menu-haut {
	width:800px;
	height:180px;
	margin:auto;
	background-image:url(images/banniere-at.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #d6d7ff;
	position:relative;
	text-align:center;
	border-bottom: 1px solid #000000;
	font-family: Verdana, Cambria, arial; 
}




 #nav1 {
	clear: both;	
	margin: 0 auto; 
	padding: 0;
	background: #d6d7ff url(images/menu.jpg?z=12493) repeat-x;
	font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 800px;
	border-bottom : 1px solid #FFFFFF ;
}



#nav1 ul {
	float: left;
	list-style: none;
	margin:0; 
	padding: 0 ;
}

#nav1 ul li {
	display: inline;
}

#nav1 ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	color: rgb(60,60,60);
	text-decoration: none;
	text-align:center;
	border-left: 1px solid #feffff ;
	border-right: 1px solid #aeafd7 ;
	font-size: 0.90em;	
}

#nav1 ul li a:hover {
	background: #EED600 url(images/selectedMenu.jpg?z=12493 ) repeat-x;
	color: #FFFFFF;	
}














































#container 
{
position:relative; 
width:590px; 
display:block; 
background:#fff; 
border-left:210px solid rgb(255,255,255); 
overflow:visible; 
margin:auto;
text-align:justify; 
text-indent:10px;
}






#left 
{
float:left; position:relative; width:210px; margin-left:-210px; display:inline; text-align:left; rgb(255,255,255); 
}




#article {
width:580px; display:block; text-align:justify; background-color: rgb(255,255,255);
padding:5px;
}


#haut-article {
width:570px; display:block; text-align:justify; background-color: rgb(255,255,255);
}



#menu-bas {
	clear: both;
	width:800px;
	height:20px;
	margin:auto;
	padding:0px;
	background-color: #d6d7ff;
        background-position:left top;
	position:relative;
	text-align:center;
	border-top: 1px solid #000000; 



}