body{background-image: url("Image/Fond/noir.jpg");
		background-repeat: no-repeat;
		width: 980px;
}
A:link, A:visited, A:active, A:hover {text-decoration:none;
} 

#Ensemblier{position: absolute;
	    top: 7px;
		left: 10px;
		border: 1px;
}
#googleSearch {position: absolute;
z-index: 99;
top: 0px;
left: 950px;
}

.chercher { padding-right: 10px;
padding-top: 0px;
margin-top: 0px;
}

.champRecherche{ padding-bottom: 0px;
margin-bottom: 0px;
}

#PremierTableau{position: absolute;
		z-index: 3;
		font-family: "verdana",sans-serif; 
		top: 121px;
		left: 10px;
		color: white;
		font-size: 14px;
		width: 980px;
}
.tableau{border-spacing: 0;
margin: 0;
padding: 0;
}
.tableauCase{width: 205px;
}
.sousTableauCase{width: 205px;}

#Accueil{width:205px;
background-color:  #022157;
}
#Domaines{width:205px;
background-color:  #E47E03;
}
#Partenaires{width:205px;
background-color:  #7E657B;
}
#DD{width:205px;
background-color:  #008C00;
}
#menu5{width:205px;
background-color:  #785434;
}
#Contact{width:205px;
background-color:  #990000;
}

#sousMenuTab{
border-color: black;
z-index: 2;
}

#sousMenuDomaines{background-color:  #E47E03;
z-index: 2;
}

#Projets{color:white;
z-index: 2;
}
#Naval{color:white;
z-index: 2;
}
#Maintenance{color:white;
z-index: 2;
}

#sousMenuNosPartenaires{background-color:  #7E657B;
z-index: 2;
}

#CMN {color: white;
z-index: 2;
}
#Endel {color: white;
z-index: 2;
}

#sousMenuDD{background-color:  #008C00;
z-index: 2;
}

#date {font-family: verdana,sans-serif ;
position: absolute ;
left: 1050px;
top: 90px;
z-index: 9;
}

.date {font-size: 14px;
}

#chaudronnerie{position: absolute;
left: 8px;
top: 621px;
}
#tuyauterie{position: absolute;
left: 260px;
top: 621px;
}
#mecanique{position: absolute;
left: 512px;
top: 621px;
}
#maintenance{position: absolute;
left: 764px;
top: 621px;
}
#etude{position: absolute;
left: 1016px;
top: 621px;
}

.cacher{display: none;
}

#savoirFaire{position:absolute;
left:8px;
top:591px;
border:solid #000000 1px;
}

#chaudDA{position:absolute;
left: 5px;
top: 160px;
width: 300px;
}
#chaudCompTech{position: absolute;
top: 160px;
left: 1000px;
width: 280px;
}
#chaudComp{position: absolute;
top: 350px;
left: 5px;
width: 900px;
}

#mécaDA{position:absolute;
left: 5px;
top: 160px;
width: 300px;
}
#mécaCompTech{position: absolute;
top: 160px;
left: 1000px;
width: 280px;
}
#mécaComp{position: absolute;
top: 430px;
left: 5px;
width: 900px;
}

#tuyDA{position:absolute;
left: 5px;
top: 160px;
width: 300px;
}
#tuyCompTech{position: absolute;
top: 160px;
left: 1000px;
width: 280px;
}
#tuyComp{position: absolute;
top: 430px;
left: 5px;
width: 900px;
}

#maintDA{position:absolute;
left: 5px;
top: 160px;
width: 300px;
}
#maintCompTech{position: absolute;
top: 180px;
left: 1000px;
width: 300px;
}
#maintComp{position: absolute;
top: 450px;
left: 5px;
width: 900px;
padding: 0;
margin: 0;
}

#etudDA{position:absolute;
left: 5px;
top: 160px;
width: 300px;
}
#etudCompTech{position: absolute;
top: 200px;
left: 1050px;
width: 280px;
}
#etudComp{position: absolute;
top: 380px;
left: 5px;
width: 900px;
}

.verdana {font-family: verdana,sans-serif ;
font-size: 14px;
}
.verdana2 {font-family: verdana,sans-serif ;
font-size: 12px;
}
.sansDeco { list-style-type:none;
text-align:left;
}
.sansDeco1 { list-style-type:none;
text-align:left;
margin-left: 5px;
padding-left: 5px;
}
.sansDeco2{ list-style-type:none;
text-align:left;
margin-left: 10px;
padding-left: 10px;
}
.colleGauche1{margin-left: 5px;
padding-left: 5px;
}
.colleGauche2{margin-left: 10px;
padding-left: 10px;
margin-top:0px;
padding-top:0px;
}
.lien2{font-size: 12px;
}
h4{margin-top: 2px;
margin-bottom: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
ul{
margin-top: 1px;
margin-bottom: 1px;
padding-top: 1px;
padding-bottom: 1px;
line-height: 17<px;
}
li{margin-top: 1px;
margin-bottom: 1px;
padding-top: 1px;
padding-bottom: 1px;

}

#imageChaud1{position: absolute;
left: 430px;
top: 230px;
}
#imageChaud2{position: absolute;
left: 260px;
top: 220px;
}
#imageChaud3{position: absolute;
left: 810px;
top: 220px;
}
#imageChaud4{position: absolute;
left: 620px;
top: 230px;
}

#imageTuy1{position: absolute;
left: 225px;
top: 170px;
}
#imageTuy2{position: absolute;
left: 635px;
top: 280px;
}
#imageTuy3{position: absolute;
left: 840px;
top: 300px;
}
#imageTuy4{position: absolute;
left: 440px;
top: 260px;
}

#imageMeca1{position: absolute;
left: 310px;
top: 250px;
}
#imageMeca2{position: absolute;
left: 830px;
top: 190px;
}
#imageMeca3{position: absolute;
left: 550px;
top: 190px;
}
#imageMeca4{position: absolute;
left: 600px;
top: 330px;
}

#imageSoud1{position: absolute;
left: 500px;
top: 180px;
}
#imageSoud2{position: absolute;
left: 360px;
top: 500px;
}
#imageSoud3{position: absolute;
left: 700px;
top: 210px;
}
#imageSoud4{position: absolute;
left: 390px;
top: 210px;
}
#imageSoud5{position: absolute;
left: 500px;
top: 402px;
}

#imageEtud1{position: absolute;
left: 350px;
top: 250px;
}
#imageEtud2{position: absolute;
left: 700px;
top: 250px;
}
#imageEtud3{position: absolute;
left: 530px;
top: 240px;
}
#imageEtud4{position: absolute;
left: 900px;
top: 240px;
}
#imageEtud5{position: absolute;
left: px;
top: px;
}
#asterix{font-size: 12px;
}

.border{border-style: solid;
border-width: 2px;
border-color: #000000;
}

#Maintenance :hover {color: #DDDDDD;}
#Maintenance :hover {color: #DDDDDD;}
#Projets :hover {color: #DDDDDD;}
#Projets :focus {color: #DDDDDD;}
#Naval :hover {color: #DDDDDD;}
#Naval :focus  {color: #DDDDDD;}
#Endel :hover {color: #DDDDDD;}
#Endel :focus {color: #DDDDDD;}
#CMN :hover {color: #DDDDDD;}
#CMN :focus  {color: #DDDDDD;}
#Domaines :focus {color: #DDDDDD;}
#Domaines :hover {color: #DDDDDD;}
#Partenaires :focus {color: #DDDDDD;}
#Partenaires :hover {color: #DDDDDD;}
#menu4 :focus {color: #DDDDDD;}
#menu4 :hover {color: #DDDDDD;}
#menu5 :focus {color: #DDDDDD;}
#menu5 :hover {color: #DDDDDD;}
#Contact :focus {color: #DDDDDD;}
#Contact :hover {color: #DDDDDD;}
#Accueil :focus {color: #DDDDDD;}
#Accueil :hover {color: #DDDDDD;}
#DD :focus {color: #DDDDDD;}
#DD :hover {color: #DDDDDD;}
.lien :hover {color: #DDDDDD;}
.lien :focus {color: #DDDDDD;}