body {
	text-align : center;
	font-family: arial, helvetica, serif;
	font-size: 85%;
	line-height: 1.5;
	
	
} 
#div7 {
border:solid 1px #CCCCCC;
width:800px;

}

h1.titre {
color : #006699;
font-size : 18px;
font-family : Arial;
} 
/* lien barre bas*/
a.le1:link {
	color : #006699;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}
a.le1:visited {
	color:#006699;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.le1:hover {
	color : #006699;
	text-decoration: underline;
	font-family: arial, helvetica, serif;
	font-size: 12px;
	line-height: 1.5;
}
a.le1:active {
	color : #000;
	font :  arial, helvetica, serif;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;

}
/* lien barre bas*/
a.le2:link {
color:#FF9900;
text-decoration: none;
font : 78%/1.5 arial, helvetica, serif;
}
a.le2:visited {
color:#FF9900;
text-decoration: none;
font : 78%/1.5 arial, helvetica, serif;
}
a.le2:hover {
color:#FFFFFF;
text-decoration: underline;
font : 78%/1.5 arial, helvetica, serif;
}
a.le2:active {
color : #000;
font : 78%/1.5 arial, helvetica, serif;

}
#menu3 ul { 
list-style : none;
margin : 0;
padding : 0;
} 
#menu li { 
height : 24px;
} 
#menu3 { 
width : 170px;
margin : 0;
} 
#menu3 li a { 
voice-family : "\"}\"";
voice-family : inherit;
height : 24px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-decoration : none;
} 
#menu3 li a:link, #menu3 li a:visited { 
color : #888;
display : block;
background : url(images/menu3.gif);
padding : 8px 0 0 30px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
} 
#menu3 li a:hover, #menu3 li #current, #menu3 li a:active { 
color : #283a50;
background : url(images/menu3.gif) 0 -32px;
padding : 8px 0 0 30px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
} 
ul.mm { 
background:#FBFBFB;
border:solid 1px #F2F2F2;
list-style : none;
width : 250px;
height : 70px;
margin : 20px;
text-align : left;
line-height : 18px;
padding : 10px;
} 
ul.mm a { 
font-size : 12px;
color : #006699;
text-decoration : none;
} 
ul.mm a:active, a:link { 
font-size : 12px;
color : #006699;
text-decoration : none;
} 
ul.mm a:hover { 
font-size : 12px;
color : #006699;
text-decoration : underline;
} 
p.tt { 
border-left : 10px solid;
border-left-color : #eeeeee;
border-left-style : solid;
} 
hr.lighor { 
margin-top : -20px;
} 
table.stt { 
border : 1px solid #aaccee;
} 
td.stt, tr.stt { 
border : none;
background : #ebf3fb;
} 
td.stt1, tr.stt1 { 
border : none;
background : #3d8aba;
color : #ffffff;
} 
table.gg, tr.gg { 
border-left : 1px solid #dfdfdf;
} 
#div1 { 
height : 30px;
width :800px;
background: #EBF3FB;
padding-top:10px;
} 

#div1 a:link {
color : #006699;
text-decoration: none;
font : 78%/1.5 arial, helvetica, serif;
}
#div1 a:visited {
color : #FF0000;
text-decoration: none;
font : 78%/1.5 arial, helvetica, serif;
}
#div1 a:hover {
color : #006699;
text-decoration: underline;
font : 78%/1.5 arial, helvetica, serif;
}
#div1 a:active {
color : #000;
font : 78%/1.5 arial, helvetica, serif;

}
#div2 {
  padding-bottom:5PX;
  padding-top:5px;
  border-bottom: solid 1px #006699;
  border-top:solid 1px #006699;
  width: 400px;
  height: 20px;
  color: #006699;
  font-family:Arial;
  font-size:18px;
  background: url(images/mail.png) no-repeat right; 
}

#div3 {
margin-top:10px;
  padding-bottom:5PX;
  padding-top:5px;
  border-bottom: solid 1px #006699;
  border-top:solid 1px #006699;
  width: 400px;
  height: 900px;
  color: #006699;
  font-family:Arial;
  font-size:12px;
  line-height: normal; 
	
}

#div4 {
  padding-bottom:5PX;
  padding-top:5px;
  border-bottom: solid 1px #006699;
  border-top:solid 1px #006699;
  width: 500px;
  height: 20px;
  color: #006699;
  font-family:Arial;
  font-size:18px;
   margin-left:50px;
  background: url(images/mail.png) no-repeat right; 
}
p.contact1 {
line-height: 1.5;
font: Arial;
font-size: 12px;

}

td.bastable {
  border-bottom: solid 3px #DDDDDD;
}

#diform1 {
  border: 1px solid #006699;
  margin-left: 80px;
  padding-bottom: 0px;
  padding-top: 0px;
  width:450px;
}

#divform2 {
  border: none;
  margin-top:3px;
  margin-bottom:3px;
  margin-left: 3px;
  margin-right: 3px;
  background: #EBF3FB;
}
#div5 {
  padding-bottom:5PX;
  padding-top:5px;
  border-bottom: solid 1px #006699;
  border-top:solid 1px #006699;
  width: 500px;
  height: 35px;
  color: #006699;
  font-family:Arial;
  font-size:18px;
    margin-left:50px;
	background: url(images/user.png) no-repeat left; 
	text-align:center;
}

#div6 {
  border: none;
  width: 170px;
  height: 300px;
  background: url(images/batiment.png) no-repeat;
}
#div8{
  border: none;
  margin-top:1px;
  width: 170px;
  height: 170px;
  background: url(images/anticorrosion.png) no-repeat;
}

#div9{
  border: none;
  margin-top:1px;
  width: 170px;
  height: 170px;
  background: url(images/industrie.png) no-repeat;
}

#div10{
  border: 1px solid #CCCCCC;
  width: 150px;
  height: 150px;
  padding:15 15 15 15;
  }
  
  #div12{
  border: none;
  margin-top:2px;
  width:170px;
  height:198px;
  background: url(images/statistique.png) no-repeat;
  padding-top:110px;
  padding-left:10px;
 line-height:0.3pt;
}
 #div13{
  border-right: solid 1px #FEC707;
  border-left: solid 1px #FEC707;
  border-top: solid 1px #FEC707;
  margin-top:2px;
  width:170px;
  height:43px;
  
 
}



/* lien barre bas*/
a.le3:link {
color : #006699;
text-decoration: underline;
font : 78%/1.5 arial, helvetica, serif;
line-height:0.3pt;
}
a.le3:visited {
color : #FF0000;
text-decoration: underline;
font : 78%/1.5 arial, helvetica, serif;
line-height:0.3pt;
}
a.le3:hover {
color : #006699;
text-decoration: underline;
font : 78%/1.5 arial, helvetica, serif;
line-height:0.3pt;
}
a.le3:active {
color : #000;
text-decoration:underline
font : 78%/1.5 arial, helvetica, serif;
line-height:0.3pt;
font:bold;
}
.pageactive {
font : 78%/1.5 arial, helvetica, serif ;
color:#609819;
font:bold;
}
 
 /*********** MENU HOR *****************/
 #nav, #nav ul { 
float : left;
width : 800px;
list-style : none;
line-height : 1;
background :#397FAD;
font-weight : bold;
padding : 0;
border : solid #eda;
border-width : 1px 0;
margin : 0 0 1em 0;
text-align : left;
font-size : 12px;
color : #006699; 
} 
#nav a { 
display : block;
width : 130px;
color :white;
text-decoration : none;
padding-left:25px;
padding-bottom:5px;
padding-top:5px;
font-size : 11px;
} 
#nav li { 
float : left;
padding : 0;
width : 100px;
font-size : 13px;
text-align : left;
} 
#nav li.ss { 
float : left;
padding : 0;
width : 130px;
font-size : 11px;
text-align : left;

} 
#nav li ul { 
position : absolute;
left : -999em;
height : auto;
width : 130px;
font-weight : normal;
border-width : 1px;
margin : 0;
text-align : left;
font-size : 10px;
color : #006699;
} 
#nav li li { 
padding-right : 0;
width : 129px;
} 
#nav li ul a { 
width : 130px;
} 
#nav li ul ul { 
margin : 0 0 0 14.2em;
} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { 
left : -999em;
} 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
left : auto;
} 
#nav li:hover, #nav li.sfhover { 
background:#63A2CB;
} 
 
 /***************** FIN MENU HOR **************/
 .input_focus {
color : #000000;
border : 1px solid #4a5f9a;
background-color : #ebf5ff;
}
.input_faux {
color : #000000;
border : 1px solid #ff0000;
background:#fcfbea;
}
.input_juste {
border : 1px solid #75b211;
background-color : #f7f9ea;    
}
.diverreur{
visibility:visible;
margin-left:20px;
font-size:11px;font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
padding-left:35px;
background:url(images/info1.jpg) left no-repeat;
}
.divpaserreur{
visibility:visible;
}
.divfocus{
visibility:hidden;
}

.desigerreur{
visibility:visible;
margin-left:20px;
font-size:11px;font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
padding-left:35px;
background:url(images/info1.jpg) left no-repeat;
}
.tdd {
border-top:solid 1px #A5C4E7;
padding-left:20px;
}

/* */
/* lien barre bas*/
a.le4:link {
color : #006699;
text-decoration: none;
font : 12 arial, helvetica, serif;
line-height:0.3pt;
}
a.le4:visited {
color : #FF0000;
text-decoration: none;
font : 12 arial, helvetica, serif;
line-height:0.3pt;
}
a.le4:hover {
color : #006699;
text-decoration: underline;
font : 12 arial, helvetica, serif;
line-height:0.3pt;
}
a.le4:active {
color : #000;
text-decoration:none
font : 12 arial, helvetica, serif;
line-height:0.3pt;
font:bold;
}
#tdbarmenu {
background:#397FAD;
}
#bienv {
	background-image: url(images/grad.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	margin-bottom: 30px;
	
}
#bienv p {
	text-align: left;
	word-spacing: normal;
	letter-spacing: normal;
	vertical-align: top;
}
#boite1 {
	height: auto;
	width: 285px;
	border: 1px solid #c3d9ff;
}
#boite2 {
	background-color: #e8eefa;
	margin: 3px;
	height: auto;
	width: 279px;
}
.bg-h { background:#4F85A0; color:#FFFFFF; font-size:13px}
/* header */ 
a.header{
	padding-left:3px;
	padding-right:3px;text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

a.header:visited {
	color:#917e9c;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
a.header:hover {
	color : #3e6b8a;
	text-decoration: underline;
	font-family: arial, helvetica, serif;
	font-size: 11px;
	line-height: 1.5;
}
a.header:active {
	color : #000;
	font :  arial, helvetica, serif;
	font-size: 11px;
	line-height: 1.5;
	text-decoration: none;

}
/* header */
.hh2 {
	font-size: 17px;
	margin-top:0pt;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #999999;
	line-height:20px;
	padding-bottom::3px;
		
}
.hh2 a{
	font-size: 17px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
.hh2 a:hover {
	color:#666666;
}

.divgamme {
	width:45%;
	float:left;
	margin-right:10px;
	line-height:12pt;
	padding-left:8px;
	margin-bottom:20px;
}

/* header 1 */ 
a.header1{
	padding-left:3px;
	padding-right:3px;text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1;
	
}

a.header1:visited {
	color:#917e9c;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1;
	
}
a.header1:hover {
	color : #3e6b8a;
	text-decoration: underline;
	font-family: arial, helvetica, serif;
	font-size: 12px;
	line-height: 1;
}
a.header1:active {
	color : #3e6b8a;
	font :  arial, helvetica, serif;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;

}
/* header 1 */