/**************** body and tag styles ****************/
body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;	
	color: #999999;
	background: #FFFFFF ; 
	}
		   
.petit {font-size : 0.9em;}
.tout-petit {font-size : 0.8em;}

	#container { 
		width: 770px ;
		margin: 0 auto ;  
		text-align : left;
		padding: 0px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		line-height: 1.6em; 
		color: #999999; 
		background-color: #FFFF99; 
		/*border: #2763A5 double 4px;*/
		}
	  
	#container2 {
	  width: 770px;
	  margin: 0px;
	  padding: 0px;	  
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666; 
	  background-color: #98C4DD; 
	  border:none;
	  }
		
	h1 {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  font-size: 25px;
	  line-height: 1.2em;
	  color: #098ABB; /* bleu moyen */
	  margin: 30px 10px 30px 10px;
	  background-color: #FFFF99;
	  }
		
	h2 {
	  color: #666666;  /* gris */
	  padding-left: 20px;
	  margin: 30px 10px 30px 10px;
	  font-size: 20px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  background-color: #FFFF99; 
	  border: 2px solid #FFCC00; /*orange */  
	  }
		
	a {
	  color: #6DA6E2; /* bleu moyen */
	  background-color: #FFFF99; 
	  text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	  background-color: #FFFF99;
	  color: #FFCC00; /*orange */
	  font-weight: bold;
	  text-decoration: underline;
	  }

/**************** images styles ****************/		
	
	
	a img{
	  border: none;	
	} 
	
	img.left { 
		float: left;
		padding: 4px;
		margin: 10px 15px 10px 15px;
		border: 1px solid #a0a0a0;	
		display : inline;
	}
	
	img.center { 
		padding: 4px;
		margin: 10px 20px 10px 20px;
		border: 1px solid #a0a0a0;	
		display : block;   
		text-align:center;
	}
	
	img.cles {
		border:0px; 
		width:110px; 
		height:43px; 
		}	
		
	
	
/**************** header styles ****************/
	#header {
	  width: 770px;
	  height:185px; 
	  border: 0px;
	  margin: 0px;
	  padding: 0px; 
	  clear: both; 
	  background : url("../img/titre4.gif") no-repeat left top ; 
	  color: #999999;
	  background-color: #FFFF99
	  }
	#header p {
		text-indent: -5000px ;/* Le text-indent négatif est fait pour pouvoir ne cacher le texte hors de la page, 
								ce que nous voulons. Ainsi il reste exploitable pour les synthèses vocales */ 
	  }

/**************** menu styles ****************/
    #tabs10 {  
		width: 770px;
		float:left; 
		margin: 0px 0px 0px 0px;
	  	padding: 0px 0px 0px 0px;	
      	font-size:1.2em; 			
		color:#FFF; 
	  	background-color:#98C4DD;
	  	line-height:normal; 
      }
    #tabs10 ul {
		margin: 0px 0px 0px 1px;
	  	padding: 0px;	
	  	list-style:none; 
	  }
    #tabs10 li {
      	display:inline;
   		 }
    #tabs10 a {
      float:left;
      margin:0;
      padding:0px 0px 0px 1px;
      text-decoration:none;	
	  color:#FFF; 
	  background-color:#98C4DD;
	  
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("../img/bouton4.gif") no-repeat left top;
      padding:8px 16px 4px 16px;
	  color:#FFFFFF; 
	  background-color:#DEDFFF;
      }
    #tabs10 a:hover {
      background-position:0% -42px; 
	  color:#666666; 
	  background-color:#98C4DD;
      }
   #tabs10 a:hover span {
      background-position:100% -42px;
	  color:#666666; 
	  background-color:#98C4DD;
      }

/**************** content styles ****************/
	#content {
	  width: 560px;
	  padding: 10px;
	  float: left;
	  font-family: "Courrier New",Verdana, Arial, Helvetica, sans-serif;
	  font-size: 15px;
	  line-height: 1.6em; 
	  color: #666666;
	  background-color:#FFFF99;  
	  }
		
	  #content p {
	  clear:both; 
	  padding: 10px 30px 10px 30px; 
	  /*border-bottom: 1px solid #999999; */
	  }	 
	  
	   #content h1 {
	   text-align: center;
	   }
	   
	   #content table {
	   		margin : 30px;	 
	   		border-width: 1px;
			border-style : solid;
			text-align: left;
			border-color: #999999 ;
	  }
	   
	  #content td {
	  	border-width: 1px;
	  	border-style : solid;
	  }
	 	a.gotop {
		font-size : 10px; 
		text-align : right;
		clear : both;
		display:block; 
	}
	  
/**************** sidebar styles ****************/
	#sidebar {
				width: 150px; 
				padding : 10px;
				float: right; 
				color: #666666; 
				background-color:#98C4DD;
				}
		
	#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  font-size: 12px;
	  line-height: 1.6em;	
	 
	  }	
	  
	#sidebar h1 {  
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  text-transform:uppercase;
	  font-weight: bold;
	  font-size: 23px;
	  font-style:italic; 
	  line-height:1.5;
	  color: #FFCC00;
	  margin: 10px 0px 10px 0px; 
	  padding: 10px 0px 10px 0px;
	  overflow:hidden;
	  background-color: #98C4DD;
	  border: none;
	  }  
	
	#sidebar h2 {
	  color: #467EDD; /* bleu foncé */
	  margin: 10px 0px 10px 0px; 
	  padding: 10px 0px 10px 0px;  
	  font-size: 20px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #98C4DD;
	  border: none;
	   }
	  
	/*  #sidebar h3 {
	  color: #666666;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #DEDFFF;  
	 } */
	  
	  #sidebar ul {
	  
		margin: 0px;
	  	padding: 0px 0px 10px 0px;	
	  	list-style:none; 
		border-bottom: 1px solid #DDDDDD;
	    font-size: 12px;
	    line-height: 1.6em;	
	  }	
	  
	  #sidebar a {	 
	  	color:#FF6600;
	  	background-color: #98C4DD;
		}	
		
	  #sidebar a:hover {
      	color:#FF9900; /*orange */
	  	background-color: #98C4DD;
		text-decoration: underline;
      }
/**************** footer styles ****************/
	#footer {
	  clear: both;
	  width: 770px;	
	  color: #FFFFFF;
	  background-color: #98C4DD;  /* bleu foncé */
	  }
		
	#footer p {
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #FFFFFF;
	  background-color: #98C4DD;
	  font-weight:100;
	  }
		
	#footer p a:hover {
	  text-decoration: none;
	  }