body
{
   width: 990px;
   margin:auto;
   padding:0px;
   background-color:#FFFFFF;   
 }

/* L'en-tête */

#en_tete
{
   width: 990px;
   height: 270px; 
   margin-top: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
}

#ban
{  
	width:654px;
	height:270px;
    background-color:#b1b6bf;
    background-image: url(../images/logo.jpg);
    background-repeat: no-repeat; 
	float:left;
 }

.ban_anim{
	width:654px; display:block; height:195px; float:left
	}
#menu_haut1
{ width:336px; height:28px; background-color:#7a808c; float:right }

#menu_haut
{ width:300px; height:23px; padding-top:5px; background-color:#7a808c; float:left;}

#menu_haut a{ color: #ffffff;  TEXT-DECORATION: none; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
#menu_haut a:visited { color: #ffffff; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
#menu_haut a:hover { color: #333333; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline; }


#image_haut
{  
	width:336px;
	height:241px;
	background-image: url(../images/hydridis_03.jpg);
	/*background-image:url(../images/partenaires.gif);*/
	background-repeat:no-repeat;
    float:left;
}

#image_haut_eng
{  
	width:336px;
	height:241px;
	background-image: url(../images/hydridis_eng_03.jpg);
	background-repeat:no-repeat;
    float:left;
}



/* Le corps de la page */
#global
{ width:990px; height:auto; float:left; background-color:#b1b6bf; }
#corps
{ width:990px; height:auto; float:left; }

/* Corps : Le corps de la page 
#corps
{ width:990px; height:auto; float:left; background-color:#FFFFFF; }
*/
#centre
{ width:654px; height:auto; float:left; background-color:#eeeeee; }

#acceuil_page
{width: 654px; height: auto; float:left; background-color:#eeeeee; }


#menu1_titre
{ width:654px; height:35px; background-color:#7a808c; float:left;}

#menu_titre
{ width:634px; height:34px; padding-top:10px; background-color:#7a808c; float:left;}

#menu_titre a{ color: #ffffff;  TEXT-DECORATION: none; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
#menu_titre a:visited { color: #ffffff; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
#menu_titre a:hover { color: #333333; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline; }

.menu_2_etat { color: #333333; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: underline; }


#entreprise
{width: 389px; height:300px; float:left; }
#entreprise h1
{ text-align: left; font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:5px 0px 0 20px; font-weight:bold;}

#entreprise P{
	width:300px; font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; display:block; text-align:justify; margin:0 0 20px 40px; 
	}
	
	#actualites
{width: 257px; height:300px; float:left; background-color:#CCCCCC; padding-right:5px; }

#actualites h1
{ text-align: left; font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:5px 0px 0 20px; font-weight:bold;}

#actualites P{
	width:200px; font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; display:block; text-align:justify; margin:0 0 20px 30px; 
	}
	
.suivant{font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#cb0600; text-align:right;  	}

A.lien:link{
color: #333333; text-decoration:none; font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; padding-left:20px; }

A.lien:visited {
color:#333333; text-decoration:none; font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
A.lien:hover {
color:#cb0600; text-decoration:none; font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }




#materiel
{width: 389px; height:430px; float:left; }
#materiel h1
{ text-align: left; font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:5px 0px 0 20px; font-weight:bold;}

#materiel P{
	font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#336699; }
	
#materiel a{ color: #2596dc;  TEXT-DECORATION: none; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#materiel a:visited { color: #2596dc; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#materiel a:hover { color: #333333; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;   }


#catalogue
{width: 265px; height:253px; float:left; }

/*#catalogue
{width: 265px; height:253px; float:left; background-image:url(../images/catalogue.jpg);  background-repeat:no-repeat; }*/

#adresse1
{width: 265px; height:177px; float:left; background-image:url(../images/bg_adresse.gif); background-repeat: no-repeat; }

#adresse1 P{
	width:210px; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff;  margin:70 0 0px 10px; text-align: justify; 
	}
#adresse1 a{ font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none }
#adresse1 a:visited { font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none }
#adresse1 a:hover { color: #FF6600; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif;}
	



 /* Corps : Le menu à droite de la page   */  

#ban_gauche
{width: 336px; height:auto; float:left; background-color:#b1b6bf; clear:none;  }

#ban_gauche h2
{ text-align: left; font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:10px 0px 0 10px; font-weight:bold; }

#ban_gauche h3
{ text-align: left; font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#156698; font-weight:bold; padding:0px 0px 0 10px;}

#ban_gauche ul
{ padding-left: 40px; margin: 0px; display:block; }
#ban_gauche li
{ list-style-image: url(../images/puce.png); padding: 0px; margin: 0px; }

#ban_gauche a{ color: #333333;  TEXT-DECORATION: none; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
#ban_gauche a:visited { color: #333333; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
#ban_gauche a:hover { color: #2596dc; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;   }




/* les pages internes */

#slogan
{width: 600px; height:45px; float:left; text-align:center; color:#336699; overflow:hidden; }


#page
{width: 654px; height: auto; float:left; }
#page h1
{ text-align: left; font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:5px 0px 0 20px; font-weight:bold;}

/*
#page h1
{ text-align: left; font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#cc0300; padding:5px 0px 0 20px; font-weight:bold; BORDER-BOTTOM: #bbbbbb 1px solid;} */

#page h2
{ text-align: left; font-size: 13px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#ff6603; padding:5px 0px 0 20px; font-weight:bold;  }

#page h3
{ text-align: left; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #2596dc; padding:5px 0px 0 20px; font-weight:bold;  }

#page h4
{ text-align: left; font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; padding:5px 0px 0 50px; font-weight:bold;  }

#page a{ color: #2596dc;  TEXT-DECORATION: none; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#page a:visited { color: #2596dc; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#page a:hover { color: #333333; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;   }

#page a.1{ color: #333333;  TEXT-DECORATION: none; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#page a.1:visited { color: #333333; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#page a.1:hover { color: #2596dc; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;   }

.texte { text-align: left; font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;  }
.texte1 { font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align:justify }
.rouge { font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000; text-align:justify }
#page P{
	width:590px; font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; display:block; text-align:justify; margin:0 0 20px 40px; 
	}
		
#page ul
{ width:200px; padding-left: 40px; margin: 0px; display:block; float:left; font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; }

#page P.sitemap{padding-left: 100px; font-size: 12px;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-weight:normal; text-align:left;	}

#page li
{ list-style-image: url(../images/puce.png); padding: 0px; margin: 0px; }	 

#page ol
{width:580px; padding-left: 50px; margin: 0px; display:block; float:left; }

/*#bg_photo{width:654px; height:285px;  background-color: #dfd2ad;}
#bg_photo1{width:654px; height:30px;  background-color: #B68809;}
*/
#bg_photo{width:654px; height: auto;  background-color: #ceecfe;}
/*#bg_photo{width:654px; height:285px;  background-color: #ceecfe;}*/
#bg_photo1{width:654px; height:30px;  background-color: #2596dc;}
#bg_photo1 P{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; font-weight: bold;  padding-top:5px; }




/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{ width:970px; text-align: center; color: #B3B3B3; background-color: #626262; border: 2px solid #ffffff; clear:both; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; padding:10px;
}

#pied_de_page a{color: #ffffff;  TEXT-DECORATION: none; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#pied_de_page a:visited { color: #ffffff; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#pied_de_page a:hover { color: #333333; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;   }

#pied_de_page a.1{ color: #FF6600;  TEXT-DECORATION: none; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#pied_de_page a.1:visited { color: #FF6633; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#pied_de_page a.1:hover { color: #CCCCCC; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;   }


#partenaire
{width: 654px; height:72px; float:left; }


#network
{width: 970px; height:20px; float:left; background-color:#CCCCCC; display:block; padding:10px; }
#network a{ color: #2596dc;  TEXT-DECORATION: none; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#network a:visited { color: #2596dc; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#network a:hover { color: #333333; font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;   }