/*on enleve la restriction de taille du menu*/
/*div#menu {width: 100px;}*/
#menu a {color:#ffffff;}
#menu a:hover{color:#f39501;}

/* on enleve la taille de ul et labordure*/
#menu ul {padding: 0; /*width: 100px; border:1px solid;*/margin:0px; background: #525252;}
#menu li:hover {background: #525252;}
#menu li.sousmenu:hover {background: #525252;}
/*#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}*/

/* float left pour les li afin d'aligner le menu et plus de bordures*/
#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;height:18px;}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:128px;}

/* plus de bordure et taille remise a 100px*/
#menu li a {text-decoration: none; /*padding: 2px 0 2px 8px;*/ display:block;/*border-left: 8px solid #BBB; */width:128px;}
#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 { display:block;}

#menu ul.niveau2 li a{color:#f39501;}
#menu ul.niveau2 li a:hover{color:#ffffff;}

/*Il faut decaller les soussous menu de la taille du sous menu 
div#menu ul.niveau3 {top:0; left: 100px;}*/

/* on enleve la bordure de chaque hauteur a une couleure de survol
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}*/

img,div,p,h1,h2,h4,ul,li,legend,label,form,input,textarea,fieldset {
margin:0;padding:0;	
}
body {
behavior: url(csshover.htc);
background-image:url(images/fondnavigateur.jpg);
background-repeat:no-repeat;
}
#principale	{
background-color:#dcdcdc;
/*background-color:#c0c0c0;*/
width:900px;
margin:auto;
margin-top:10px;
font-family:verdana;
font-size:11px;
}
#flash {	
width:762px;
font-size:0px;
float:left;
}
#qualisol{
width:138px;
font-size:0px;
float:left;
}
#menu {	
text-align:center;
width:900px;
padding-top:5px;
height:20px;
background-color:#525252;
clear:both;
}
#centre {	
width:860px;
text-align:justify;
font-size:11px;
color:#515151;
padding-top:20px;
}
#centre-index {	
width:600px;
text-align:justify;
font-size:11px;
color:#515151;
padding-top:20px;
float:left;
}
#encart{
border:solid 1px;
margin:auto;
width:800px;
text-align:justify;
font-size:11px;
color:#f39501;
background-color:#ffffff;
}
#eco{
width:760px;
text-align:justify;
font-size:11px;
color:#515151;
margin-left:25px;
margin-top:10px;
margin-bottom:5px;
}
#img-climat{
text-align:center;
}
#image{
width:150px;
padding-top:40px;
padding-left:30px;
float:left;
/*padding-top:60px;
padding-left:30px;*/
}
#presentation{
width:900px;		
}	
#bloc1{	
width:600px;	
height:100px;
}
#pfort{	
width:600px;	
padding-top:20px;	
font-size:11px;
color:#515151;	
padding-left:30px;
}
#centre li{	
padding-bottom:10px;
}
#un{	
width:170px;	
padding-left:30px;	
font-size:11px;	
color:#515151;	
float:left;
}
#deux{	
width:170px;	
padding-left:30px;	
font-size:11px;	
color:#515151;	
float:left;
}
#trois{	
width:170px;	
padding-left:30px;	
font-size:11px;	
color:#515151;	
float:left;
}
#newstitre{	
clear:both;	
width:900px;	
height:25px;	
background-color:#263286;	
color:#ffffff;	
font-size:14px;	
letter-spacing:3px;	
text-align:center;
}
#news{	
width:900px;	
height:240px;	
background-color:#ffffff;	
}
#newscontenu{	
height:220px;
width:900px;		
padding-top:20px;	
font-size:11px;	
overflow-y:auto;	
overflow-x:hidden;
}


a.bloc-news{
color:#263286;
}

.bloc-news{
border-right:solid 1px #cccccc;
width:275px;
height:200px;
padding-left:20px;
float:left;
}
.bloc-news3{
width:275px;
height:200px;
padding-left:20px;
float:left;
}
#pied{
width:900px;	
height:23px;
background-image:url(images/pied-indigo.jpg);
color:#ffffff;
line-height:20px;
font-weight:bold;
font-size:11px;
}
#logo{	
width:190px;	
float:left;
}
#formulaire{	
width:900px;	
height:700px;	
background-image:url(images/fondformulaire.jpg);
}
#texto {	
width:500px;	
text-align:justify;	
padding-top:40px;	
padding-left:40px;	
color:#515151;	
font-size:12px;	
letter-spacing:1px;
}	
#champsformulaire {	
width:500px;	
padding-top:30px;	
padding-left:40px;	
float:left;
}
#sam{	
width:150px;
padding-left:20px;
float:left;
}
#manu{	
width:150px;	
padding-left:20px;	
float:left;
}
.tabform td{
padding-top:40px;	
padding:5px;	
color:#515151;	
font-size:12px;	
letter-spacing:1px;
}
textarea{
color:#515151;	
font-size:12px;
}
ul {	
list-style-type:none;
/*text-align:center;*/
}	
.calage {	
padding-left:30px;	
color:#515151;	
font-size:12px;	
letter-spacing:1px;
}
.pousse{	
padding-left:20px;
}
.gras{
padding-left:20px;	
font-size:12px;
font-weight:bold;
}
.merci {	
color:#515151;	
font-size:12px;
}
h3{
color:#f39501;
font-size:14px;
}
h4{
font-size:11px;
font-weight:normal;
color:#0055ff;
}
.bleu{
font-size:11px;
font-weight:normal;
color:#0055ff;
}
.orange-gras{
font-size:11px;
font-weight:bold;
color:#f39501;
}
.page{
font-size:11px;
font-weight:bold;	
color:#f39501;
display:block;
width:128px;

}		
/*#menu li a {
cursor:pointer;	
font-size:11px;	
color:#ffffff;	
letter-spacing:3px;	
padding-left:25px;	
text-decoration:none;	
}
#menu li a:hover {
color:#f39501;
}
#menu li {
display:inline;
}	*/
#coted{	
width:350px;	
padding-top:70px;	
float:left;
}
a:link,a:visited {
color:#b20115;/*bordo*/
text-decoration:none;
font-size:11px;
}
a:active, a:hover  {	
color:#0055ff;	/*bleu*/
text-decoration:none;
font-size:11px;
}
img{
border:none;
text-decoration:none;
}

.un {	
width:160px;	
padding-left:30px;	
font-size:11px;	
color:#515151;	
float:left;
}
.deux {	
padding-left:30px;	
font-size:11px;
color:#515151;	
clear:both;
}
h1 {	
font-size:12px;	
letter-spacing:1px;	
color:#515151;
}
#elec{
width:900px;
text-align:center;
}
#principalelectricite {	
width:900px;	
height:750px;	
margin:auto;	
margin-top:100px;	
background-image:url(images/fondelectricite.jpg);
}
#imagelectricite{	
position:relative;	
top:170px;	
left:100px;	
width:90px;	
height:auto;	
padding-left:1px
}
#textelectricite {	
position:relative;	
top:10px;	
left:550px;	
width:220px;	
height:auto;	
text-align:justify;
}
fieldset{	
border:1px solid #a13229;	
color:#a13229;	
width:450px;	
margin-left:3px;	
padding-bottom:6px;
}
legend{	
font-size:12px;	
color:#a13229;	
margin-bottom:5px;
}
.bout{
margin-left:450px;
}
#logo{
width:110px;
height:53px;
}
#partenaire{
width:800px;
height:151px;
}
#realisation{
float:left;
width:367px;
height:151px;
}
#legende{
float:left;
margin-left:20px;
width:300px;
height:151px;
}
#partenaire2{
width:800px;
height:151px;
}
#realisation2{
margin-top:10px;
float:left;
width:367px;
height:151px;
}
#legende2{
margin-top:10px;
float:left;
margin-left:20px;
width:300px;
height:151px;
}
#travaux{
clear:both;
}
.nom-temoi{
font-size:12px;
color:#f39501;
font-weight:bold;
font-style:italic;
}
#abtel-creation{
text-align:center;
background-color:#ffffff;
margin-top:2px;
}
#abtel-creation a{
color:#000000;
}
#abtel-creation a:hover{
color:#f39501;
}
#smel{
width:620px;
margin-top:20px;
text-align:center;
font-size:18px;
font-weight:bold;
}
.titre-elec{
margin-top:20px;
text-align:center;
font-size:18px;
font-weight:bold;
}
.gros{
font-size:12px;
}
.decale{
margin-left:30px;
}
.noir {	
font-size:11px;
font-weight:bold;	
letter-spacing:1px;	
color:#000000;
}
#fin{
width:862px;
background-image:url(images/smel.png);
background-repeat:no-repeat;
}
#travaux a{
color:#dcdcdc;
}
#logo1{	
text-align:center;
width:200px;	
float:left;
}



/*------------------------------------------------------------------val--------------------------*/*
#haut{
width:620px;
}

#diapo{
float:left;
width:236px;
margin-left:20px;
margin-top:20px;
}
#pouet-pouet{
float:left;
}
#entete{
font-size:0;
}
#salon-nimes{
float:left;
width:80px;
}
#temoignage{
font-size:0;
}