#global {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 800px;
	}

body{
			
             margin: auto; /* Pour centrer notre page */
			 background-color: #053C53;
             font-family: Arial, Verdana, Geneva, sans-serif;
             font-size: 12px;
			 /* font-weight: bold; */
			 text-indent:0px; /* Alinéa  retrait*/
             color: #000000;
             width: 100%;
			 height: 100%;
             
			 background-repeat: no-repeat;
			                /* positionne le background widht et hauteur*/
}
#header{
	position:absolute;
	background-image: url("images/site8_01.jpg");
	left:10px;
	top:0px;
	width: 800px;
    height: 132px;
  
}
 /* enleve les bordure de toute les images dans les liens visités ou passé au dessus*/
a img, a:visited img, a:hover img	{
	border: none;
	}


#contenu{
        /*padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
		*/
		text-align: justify;
		overflow: auto;
        position: absolute;
		top:162px;
        left:310px;
        height: 418px;
        width: 500px;
        /*  background-color: #993333;  */
        z-index: 0;
		background-color: white;	
}


ul{
list-style-type: none;
}

table{
font-family:Arial, Verdana, Geneva, sans-serif;
font-size: 12px;
}

#entreprise{
		position:absolute;
		top:162px;
        left:10px;
		background-image:url("images/entreprise.jpg"); 
		height: 419px;
        width: 300px;
}
#machine{
		position:absolute;
		top:162px;
        left:10px;
		background-image:url("images/machine.jpg"); 
		height: 419px;
        width: 300px;
}
#star{
		position:absolute;
		top:162px;
        left:10px;
		background-image:url("images/star_sv.jpg"); 
		height: 419px;
        width: 300px;
}
#piece{
		position:absolute;
		top:162px;
        left:10px;
		background-image:url("images/piece.jpg"); 
		height: 419px;
        width: 300px;
}
#hydraulique{
		position:absolute;
		top:162px;
        left:10px;
		background-image:url("images/hydraulique.jpg"); 
		height: 419px;
        width: 300px;
}
#sites{
		position:absolute;
		top:162px;
        left:10px;
		background-image:url("images/sites.jpg"); 
		height: 419px;
        width: 300px;
}

.lien             {  color:white;      text-decoration:none;  }
.popperlink        {  
position:absolute;  visibility:hidden;  
}
.bord-tabl-uniqmnt {  
z-index:99;  	
}

.titre{
font-size: 16px;
color:#178E84;
font-weight: bolder;
}
p{
text-align: justify;
}
.soustitre{
font-size: 13px;
color:#178E84;
}

p{
text-align: justify;
}

/*
.iso{
position:absolute;
background-image:url("images/iso_cofrac.png");
left:650px;
top:433px;
width:200px;
height:157px;
z-index: 7;
background-repeat: no-repeat;
}
*/
#gauche{
		position: absolute;
        left:10px;
        top:162px;
		width: 300px;
        height: 419px;
		background-image: url("images/site8_09.jpg");
        /*  background-color: #000000; */


}

#menu{
		position: absolute;
        left:10px;
        top:132px;
		width: 800px;
        height: 30px;
		background-color: #AB0101;
		 z-index: 0;
}

.pere{
		position: absolute;
        left:300px;
        top:142px;
		width: 300px;
        height: 83px;
		background-color: #AB0101;
		 z-index: 1;
}

a ,a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {	
	text-decoration:underline;
}

a.accueil { /* définition de la classe "image" de la balise <a> */
	 position: absolute;
     left:0px;
     top:0px;
     display: block; /* la balise a doit être en bloc */
     left: 0px;
	 width: 84px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url("images/site8_02.jpg"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.accueil:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("images/site8_022.jpg"); /* source de l'image d'arrivée */
     } 
a.historique { /* définition de la classe "image" de la balise <a> */
	 position: absolute;
     left:84px;
     top:0px;
     display: block; /* la balise a doit être en bloc */
	 width: 109px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url("images/site8_03.jpg"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.historique:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("images/site8_032.jpg"); /* source de l'image d'arrivée */
     }
	 
a.domaine { /* définition de la classe "image" de la balise <a> */
	 position: absolute;
     left:193px;
     top:0px;
     display: block; /* la balise a doit être en bloc */
	 width: 166px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url("images/site8_04.jpg"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.domaine:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("images/site8_042.jpg"); /* source de l'image d'arrivée */
     } 

a.parc { /* définition de la classe "image" de la balise <a> */
	 position: absolute;
     left:359px;
     top:0px;
     display: block; /* la balise a doit être en bloc */
	 width: 132px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url("images/site8_05.jpg"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.parc:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("images/site8_052.jpg"); /* source de l'image d'arrivée */
     } 
	 
a.realisation { /* définition de la classe "image" de la balise <a> */
	 position: absolute;
     left:491px;
     top:0px;
     display: block; /* la balise a doit être en bloc */
	 width: 109px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url("images/site8_06.jpg"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.realisation:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("images/site8_062.jpg"); /* source de l'image d'arrivée */
     } 

a.plan { /* définition de la classe "image" de la balise <a> */
	 position: absolute;
     left:600px;
     top:0px;
     display: block; /* la balise a doit être en bloc */
	 width: 120px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url("images/site8_07.jpg"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.plan:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("images/site8_072.jpg"); /* source de l'image d'arrivée */
     } 

	 a.contact { /* définition de la classe "image" de la balise <a> */
	 position: absolute;
     left:720px;
     top:0px;
     display: block; /* la balise a doit être en bloc */
	 width: 80px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url("images/site8_08.jpg"); /* 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/site8_082.jpg"); /* source de l'image d'arrivée */
     } 


#pied table{
		position: absolute;
        left:10px;
        top:580px;
        padding-left:20px;
        height: 25px;
        width: 800px;
		/* background-color: blue; */
		font-size: x-small;
		background-color: #AB0101;
		color: #FFFFFF;
	
		/* background-image: url("images/site8_11.jpg");  */
}

.xiti{
		position:absolute;
		left:400px;
        top:610px;
}