
body {
margin: 0;/* sans marges, la page sera collée aux bords */
color : #003399;
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
}


 /* ------------------------------- Haut supérieur --------------------------------------------------- */
.head1 {
/*background-image: url('design/head1.gif');*/
width: 770px;
height: 91px;	
background-color:blue;
}
.menuhaut a{	<!-- titre DEZ TRADUCTIONS-->
font-weight : bold;
color:white;  
font-family : Verdana, Arial, Helvetica;
font-size : 23px;	
text-align: center;
} 
.menuhaut{
font-weight : normal;
color:white;  
font-family : Verdana, Arial, Helvetica;
font-size : 17px; 
text-align: center;
}


/* ------------------------------- Haut inférieur --------------------------------------------------- */
.head2 {
background-image: url('images/head2.jpg');
width: 770px;
height: 22px;
} 

.menuhaut2 {
float: right; /* on aligne le menu vertical à droite de son conteneur, head3 */
margin-right: 10px;
margin-top: 4px;
}

.menuhaut2 a {
	font-size: 12px;
	font-weight: bold;
	color: #060C6F;
	text-decoration: none; /* pour éviter le soulignement au survol */
	margin-left: 20px; /* espacement entre chaque sous-menu */
}

 /* ------------------------------- Menu gauche --------------------------------------------------- */
.gauche {
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
background-image: url('images/menu2.bmp'); 
background-color:blue;
width: 170px;
height: 350px;
}
 
.menu { /* on définit un conteneur pour le menu */
margin-top: 40px;
width: 160px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 130%;
text-align: center;	  
font-weight : bold;	  
color:#2E3092;
}

.menu a {
	font-family: verdana, arial;
	font-size: 16px;
	font-weight: bold;
	color: #2E3092;
	text-decoration: none; /* pour éviter le soulignement au survol */
	
}

.menu a:hover{
	font-family: verdana, arial;
	font-size: 16px;
	font-weight: bold;
	color: red;
	text-decoration: none; /* pour éviter le soulignement au survol */
	
}
  /* ------------------------------- Centre --------------------------------------------------- */
.centre {
margin-left: 181px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 586px; 
height: 350px;
} 
.texte
{
	font-family : Verdana, Arial, Helvetica;
	font-size : 12px;
	font-weight : normal;
	color :#003399 ;
}

.footer
{  
margin: 0;	 
float: left;
margin-top: 0px;	  
width: 770px; 
font-family : Verdana, Arial, Helvetica;
font-size : 10px;
font-weight : normal;

}



h1 {
font-size: 140%;
text-align: center;
}


h2	{
font-size: 100%;
text-align: center;
}

h3	{ 
margin-top: 5px;
margin-bottom: 5px;
font-size: 110%;
text-align: left;
}

ul,li {
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 20px; /* interligne */	
 text-align: center;
}
	
.listGauche
{
	list-style-type: none; /* pour ne pas avoir de puces */
	margin: 0;
	padding:0;
	line-height: 20px; /* interligne */
	text-align: gauche;
}	

.espaceTab
{
	margin-left: 8px;
} 	

.texteGrand
{
 	color : #003399;
	font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
	font-size: 14px; /* on définit la taille de police de base dans la page */
}

