#conteneur {

width: 850px;
margin: 0; 
padding:0;
background-color:#e2e2e2;
 
  MARGIN-RIGHT: auto; 
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size: 0.8em;
margin-top:0px;
margin:0;
padding: 0;
 background-repeat: repeat-y; 
 background-position:center;
 MARGIN-LEFT: auto ; 
 WIDTH: 850px; 
 MARGIN-RIGHT: auto; 
background-color:rgb(228, 228, 228);
 HEIGHT: 100% ;
}
a img {
border: none;
} 

#header {
MArgin-top:10px;
width:850px;
height: 137px;
background-image:url(images/header.jpg);
background-color:rgb(228, 228, 228);
}
#haut_droite {
float:right;
font-size:8pt;
margin-top:10px;
margin-right:180px;
text-align:right;
height: 15px;
color: #ffffff;
font-weight:bold;
font-size:8pt;
}
#haut {
width:800px;
margin: 0;
text-decoration:none;
}

#centre {
text-align:justify;
font-size:12pt;
background-color:#ffffff;
}



#pied {
text-align:center;
font-size:7pt;
height:27px;
color:#ffffff;
background:url(images/footer.jpg);
padding-top:15px;
background-repeat:none;

}
.pied_lien{
text-decoration:none;
font-weight: bold;
color:#ffffff;
}

a.logo { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 190px; /* largeur de l'image réactive */
     height: 36px; /* hauteur de l'image réactive */
     background-image: url(images/logo.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 }
	 
a.societe{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 109px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     background-image: url(images/accueil.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.societe:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/accueil_hover.jpg); /* source de l'image de départ */
     } 
 a.produits{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 109px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     background-image: url(images/produits.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.produits:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/produits_hover.jpg); /* source de l'image d'arrivée */
	 width: 109px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     } 
a.solutions{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 109px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     background-image: url(images/solutions.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.solutions:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/solutions_hover.jpg); /* source de l'image d'arrivée */
	 width: 109px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     }  
a.services{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 109px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     background-image: url(images/services.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.services:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/services_hover.jpg); /* source de l'image d'arrivée */
	 width: 109px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     }  
a.news { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 104px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     background-image: url(images/new_hover.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.news:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/new.jpg); /* source de l'image d'arrivée */
	 width: 104px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     } 
a.contact { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 99px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     background-image: url(images/contact.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/contact_hover.gif); /* source de l'image d'arrivée */
	 width: 99px; /* largeur de l'image réactive */
     height: 137px; /* hauteur de l'image réactive */
     } 

.style1{
color: #000000; 
font-family:Verdana;
font-size: 16pt; 
text-decoration: none; 
font-weight: bold;
}
.rubrique{
display: block; /* la balise a doit être en bloc */
background-image: url(images/rubrique.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
padding-left:10px;
padding-right:5px;
padding-top:5px;
font-weight:bold;
color:#ffffff;
width:197px;
height:25px;
}
#line{
border-top: rgb(208,207,207) 1px solid; 
BORDER-LEFT-COLOR: rgb(227,227,227); 
BORDER-BOTTOM-COLOR: rgb(227,227,227); 
BORDER-RIGHT-COLOR: rgb(227,227,227);
width:270px;
float:center;
margin-top:20px;
}	

#line2{
border-top: rgb(208,207,207) 1px solid; 
BORDER-LEFT-COLOR: rgb(227,227,227); 
BORDER-BOTTOM-COLOR: rgb(227,227,227); 
BORDER-RIGHT-COLOR: rgb(227,227,227);
width:270px;
float:center;
margin-top:20px;
}	

.col_gauche{
background-color:rgb(153, 43, 37);
color: #BDBCBC;
text-align: left;
padding-left:10px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
font-family:Tahoma;
}
.col_gauche a {
color: #ffffff;
text-decoration: none;
}
.col_gauche a:hover {
color: #ffffff;
text-decoration: underline;
background-color:#BF3932;
}	
.col_1{
background-color:rgb(228, 228, 228);
color: #ffffff;
text-align: justify;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
font-family:Tahoma;
font-size:12pt;
width:328px;
}
.col_2{
background-color:#ffffff;
color: #ffffff;
text-align: justify;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
font-family:Tahoma;
width:300px;
}
.section{
color: #324060;
font-size: 12px;
font-family: tahoma;
font-weight:bold;
text-align:justify;
}
.section14{
color: #324060;
font-size: 14px;
font-family: tahoma;
font-weight:bold;
text-align:justify;
}

.section16{
color: #324060;
font-size: 16px;
font-family: tahoma;
font-weight:bold;
text-align:justify;
}
.titre{
color: #656565;
font-size: 12px;
font-family: tahoma;
line-height:12px;
text-align:justify;
padding-right:4px;
font-weight:bold;
}
.texte{
color: #656565;
font-size: 10pt;
font-family: tahoma;

text-align:justify;
padding-right:4px;
}
a.texte{
color: #656565;
font-size: 11px;
font-family: tahoma;
line-height:10px;
text-align:justify;
padding-right:4px;
text-decoration:none;
}
a.texte:hover{
color: #656565;
font-size: 11px;
font-family: tahoma;
line-height:10px;
text-align:justify;
padding-right:4px;
text-decoration:underline;
}
.savoir{
color: #324060;
font-size: 11px;
font-family: tahoma;
line-height:12px;
text-align:justify;
padding-right:4px;
font-weight:bold;
}
a.savoir{
color: #324060;
font-size: 11px;
font-family: tahoma;
line-height:12px;
text-align:justify;
padding-right:4px;
font-weight:bold;
text-decoration:underline;
}
a.savoir:hover{
color: #324060;
font-size: 11px;
font-family: tahoma;
line-height:12px;
text-align:justify;
padding-right:4px;
font-weight:bold;
text-decoration:none;
}
/* fin du contenu dont je suis sûr--------------------------------------------------------------------------------------------------------------------------*/




/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }