body{background-image: url("Image/Fond/bleu.jpg");
		background-repeat: no-repeat;
		width: 980px;
	font-family: "verdana", sans serif;
}
A:link, A:visited, A:active, A:hover {TEXT-DECORATION:none;
} 
a img { border: 0 }
#Ensemblier{position: absolute;
	    top: 7px;
		left: 10px;
		border: 1px;
}
#visionneuse{position: absolute;
		top: 170px;
		left: 370px;
		border:solid #000000 1px;
		z-index: 2;
}
#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;
}
#sousMenuTab2{
border-color: black;
z-index: 2;
}
#sousMenuTab3{
border-color: black;
z-index: 2;
}
#sousMenuTab4{
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;
}

#dateComplet {position: absolute;
top: 115px;
left: 850px;
}

#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;
}

#newsPanel{position: absolute;
left: 710px;
top: 328px;
font-size: 10px;
}

#newsPicture{position: absolute;
left: 710px;
top: 289px;
border:solid #000000 1px;
}

#presentation{position: absolute;
left: 50px;
top: 160px;
width: 275px;
height: 522px;
padding-left: 5px;
padding-right: 5px;
font-family: verdana,sans-serif ;
font-size: 16px;
line-height: 23px;
}

#presentation2{position: absolute;
left: 1060px;
top: 130px;
width: 200px;
padding-left: 5px;
padding-right: 5px;
font-family: verdana,sans-serif ;
font-size: 12px;
line-height: 23px;
}

#presentation3{
position: absolute;
left: 120px;
top: 480px;
font-family: verdana,sans-serif ;
font-size: 16px;
line-height: 23px;
}

#devdur{position:absolute;
font-size: 12px;
width: 300px;
top: 200px;
left: 720px;
}

#devdur1{position:absolute;
font-size: 12px;
top: 240px;
left: 320px;
}

#devdur2{position:absolute;
font-size: 12px;
text-align: center;
width: 600px;
border-style: double;
top: 550px;
left: 190px;
}
#devdur3{position:absolute;
font-size: 12px;
top: 160px;
left: 40px;
}
#devdur4{position:absolute;
top: 240px;
left: 640px;
}
#devdur5{position:absolute;
top: 605px;
left: 370px;
font-size: 12px;

}

#feedHtml{height:123px;
width:330px;border:solid #000000 1px;
background:#FFFFFF;
padding-left:5px; 
padding-right:5px; 
}

/**********************************************************/
/******** DEBUT Developpement Durable Présentation ********/
/**********************************************************/

#DDBody{text-align:right;
height:420px;
width:600px;
background-image: url("Image/DD/eol.jpg");
border:solid #000000 1px;
z-index:1;
position:absolute;
top:160px;
left:340px;
font-size: 12px;
}

#DDBodyMain{text-align:left;
height:420px;
width:1260px;
background-image: url("Image/DD/nuages.jpg");
border:solid #000000 1px;
z-index:1;
position:absolute;
top:160px;
left:8px;
font-size: 12px;
}

#DDPresSpan{border:dashed #FFFFFF 2px;
margin:10px;
padding: 0px;
}

#DDTable{padding:20px;
}

#DDMenu{
background-image: url("Image/DD/DDMenu.png");
z-index:1;
font-size: 12px;
width:200px;
height:318px;
position:absolute; 
top:50px;
left:110px;
}

#DDMenu2{
background-image: url("Image/DD/DDMenu2.png");
z-index:1;
font-size: 12px;
width:200px;
height:318px;
position:absolute; 
top:50px;
left:970px;
}		

.DDBold{color:#08abda;
font-family:tahoma,sans-serif ;
font-size:14px;
}

.DDTitles{color:#08abda;
font-family:tahoma,sans-serif ;
font-size:16px;
}

.DDSubTitles{color:#025067;
font-family:"comic sans ms",sans-serif ;
font-size:14px;
}

.DDParagraphs{
width:550px;
}

/**********************************************************/
/******** FIN Developpement Durable Présentation ********/
/**********************************************************/
/**********************************************************/
/******** DEBUT Developpement Durable Chartes ********/
/**********************************************************/

#ChartesBody{
overflow:auto;
height:400px;
width:600px;
background-color:#FFFFFF;
z-index:2;
position:absolute;
top:10px;
left:340px;
font-size: 12px;
}

#ChartesTitle{
position:absolute;
top:20px;
left:40px;
}

#ChartesSubTitle{
position:absolute;
top:50px;
left:30px;
}

#ChartesSubTitle2{
position:absolute;
top:245px;
left:30px;
}

#ChartesSubTitle3{
position:absolute;
top:440px;
left:30px;
}

#ChartesSubTitle4{
position:absolute;
top:630px;
left:30px;
}

#ChartesParagraph{
position:absolute;
top:60px;
margin:10px;
padding:10px;
}
#ChartesParagraph2{
position:absolute;
top:255px;
margin:10px;
padding:10px;
}
#ChartesParagraph3{
position:absolute;
top:450px;
margin:10px;
padding:10px;
}
#ChartesParagraph4{
position:absolute;
top:625px;
margin:10px;
padding:10px;
}

#ChartesTable{
text-align:left;
width:450px;
position:absolute;
left: 75px;
}
#ChartesTable2{
text-align:left;
width:450px;
position:absolute;
left: 70px;
}
#ChartesTable3{
text-align:left;
width:450px;
position:absolute;
left: 65px;
}

/**********************************************************/
/******** FIN Developpement Durable Chartes ********/
/**********************************************************/
/**********************************************************/
/******** DEBUT Developpement Durable Demarche ********/
/**********************************************************/

#DemarcheBody{
overflow:auto;
height:400px;
width:600px;
background-color:#FFFFFF;
z-index:2;
position:absolute;
top:10px;
left:340px;
font-size: 12px;
}

#DemarcheTitle{
position:absolute;
top:20px;
left:20px;
}

#DemarcheSubTitle{
position:absolute;
top:50px;
left:10px;
}

#DemarcheParagraph{
position:absolute;
top:60px;
margin:10px;
padding:10px;
}

#DemarcheOL{
width:520px;
font-family: comic sans ms,sans-serif ;
font-size:14px;
}

#DemarcheOL2{
width:520px;
font-family: comic sans ms,sans-serif ;
font-size:14px;
}

#DemarcheTable{
text-align:left;
width:450px;
position:absolute;
left: 70px;
}

/**********************************************************/
/******** FIN Developpement Durable Demarche ********/
/**********************************************************/
/**********************************************************/
/******** DEBUT Developpement Durable Engagements ********/
/**********************************************************/

#EngagementsBody{
overflow:auto;
height:400px;
width:600px;
background-color:#FFFFFF;
z-index:2;
position:absolute;
top:10px;
left:340px;
font-size: 12px;
}

#EngagementsTitle{
position:absolute;
top:20px;
left:20px;
}

#EngagementsSubTitle{
position:absolute;
top:50px;
left:10px;
}

#EngagementsParagraph{
position:absolute;
top:110px;
margin:10px;
padding:10px;
}

#EngagementsOL{
width:450px;
font-family: comic sans ms,sans-serif ;
font-size:14px;
}

#EngagementsTable{
text-align:left;
width:450px;
position:absolute;
left: 70px;
}

/**********************************************************/
/******** FIN Developpement Durable Engagements ********/
/**********************************************************/
/**********************************************************/
/******** DEBUT Developpement Durable Bonnes Pratiques ********/
/**********************************************************/

#BonnesPratiquesBody{
overflow:auto;
height:400px;
width:600px;
background-color:#FFFFFF;
z-index:2;
position:absolute;
top:10px;
left:340px;
font-size: 12px;
}

#BonnesPratiquesParagraph{
position:absolute;
top:140px;
left:230px;
width:200px;
}

/**********************************************************/
/******** FIN Developpement Durable Bonnes Pratiques ********/
/**********************************************************/

.spanRight{text-align:right;
margin:10px;
font-size:14px;
color:#333333;
}

.TDDD{width:250px;
height:110px;
background-color:white;
}

.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;
}
.sansDecoBis{
list-style-type:none;
text-align:center;
}
.sansDeco1 { list-style-type:none;
text-align:left;
margin-left: 5px;
padding-left: 5px;
}
.sansDeco2 { list-style-type:none;
text-align:left;
margin-left: 0px;
padding-left: 0px;
}
.sansDeco3 { list-style-type:none;
text-align:left;
margin-left: 5px;
padding-left: 5px;
margin-top: 0px;
padding-top: 0px;
}

.colleGauche1{margin-left: 5px;
padding-left: 5px;
}
.colleGauche2{margin-left: 10px;
padding-left: 10px;
}
.colleGauche3{margin-left: 5px;
padding-left: 5px;
margin-top: 0px;
padding-top: 0px;
}
.colleGauche4{margin-left: 5px;
padding-left: 5px;
margin-top: 0px;
padding-top: 0px;
}

.imageQual{border:solid #000000 1px;
}

.lien2{font-size: 12px;
}
.lien3{font-size:12px;
}
.lien4{font-size:14px;
font-family: comic sans ms,sans-serif ;
}
.sansDeco { list-style-type:none;
text-align:left;
}
.rightalign {text-align: right;
}
.pasBord{border-style: none;
text-decoration: none;
}
.border{border-style: solid;
border-width: 2px;
border-color: #000000;
}



#Maintenance :hover {color: #DDDDDD;}
#Maintenance :focus {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;}
.lien3 :hover {color: #888888;}
.lien3 :focus {color: #888888;}
.lien4 :hover {color: #888888;}
.lien4 :focus {color: #888888;}
.sansDecoBis :hover{border-color: #DDDDDD;}
.sansDecoBis :focus{border-color: #DDDDDD;}