/* CSS Document */
/************************
*            GENERAL
************************/
body{
top:0px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:1030px;
color:#333333;
}

#global{
background:url(../img/fondGlobal.jpg) repeat-y;
}

a{
text-decoration:none;
color:#000000;
}

a:hover{
color:#6ab511;}

.clearer{
	clear:both;
}
a img{border:none;}

#menu{
background-image:url(../img/fontMenu.jpg);
padding-top:10px;
margin-left:20px;
margin-right:20px;
}

#bandeau{
background-image:url(../img/bandeau.jpg);
height:298px;
width:990px;
margin-left:20px;
margin-right:20px;
}

#hautDroit {
width:786px;
float:right;
}

#logo{
/*background:url(../img/logo.png) no-repeat center;*/
float:left;
width:204px;
height:60px;
text-align:center;
}

#logo img{
border:none;
}

#logo a{
border:none;
}

#hautDroit .contacterNous{
text-align:right;
padding-right:10px;
}

#hautDroit .contacterNous a{
border:none;
}
/*#recherche{
width:766px;
text-align:right;
padding-right:20px;
}

#recherche .gauche{
float:left;
padding-left:400px;
}

#recherche .droite{
float:right;

}

#recherche .input{
font-size:9px;
color:#999999;
height:10px;
width:100px;
background:url(../img/loupe.png) no-repeat center left;
padding-left:50px;
}

#recherche .ok{
background:url(../img/ok.png) no-repeat;
width:20px;
height:20px;
border:0;
cursor:pointer;
}
*/

#rubrique{
float:left;
width:645px;
}

#rubrique ul li{
float:left;
list-style:none;
padding-left:40px;
letter-spacing:0px;
}


#rubrique .chiffre{
font-size:9px;
color:#CCCCCC;
font-weight:normal;

}

#rubrique .chiffre:hover{
color:#7ebd16;
}

#rubrique a{
color:#333333;
font-weight:bold;
}

#rubrique a:hover{
color:#6ab511;
}

#partenaires{
float:right;
padding-top:8px;
padding-right:20px;
}

#wrapper{
}

#rubrique ul li ul{
float:left;
position:absolute;
}


.Orange{
color:#ffb200;
}

.Vert{
color:#6ab511;
}

.blocHaut{
border-bottom:1px #CCCCCC solid;
}

.colGauche{

width:207px;
float:left;
padding-left:20px;
margin-top:0px;
padding-top:0px;
padding-bottom:10px;
}

.degrade{
background:url(../img/degradeGauche.jpg) no-repeat;
float:left;
height:200px;
width:7px;
margin-left:-20px;
}

.image{
width:105px;
padding-right:10px;
float:left;
margin-left:-20px;
padding-left:7px;
}

.texte{
float:right;
color:#000000;
width:105px;
}

.colDroite{
background:url(../img/degradeDroite.jpg) no-repeat right top;
float:right;
width:722px;
padding-left:40px;
border-left:1px #CCCCCC solid;
margin-top:-29px;
padding-top:23px;
padding-bottom:40px;
padding-right:40px;
height:auto;
min-height:300px;
}

.viria{
padding-top:20px;
}

.titreVert{
color:#6ab511;
font-size:20px;
margin-bottom:0;

}
.titreOrange{
color:#ffb200;
font-size:20px;
margin-bottom:0;
}

.sousTitre{
color:#000000;
font-size:11px;
margin:0;
padding-bottom:15px;
margin-top:-3px;
font-weight:bold;
}
 a{
border-bottom:1px #CCCCCC solid;
}

.menu a{
font-size:10px;
border:none;
}


/***********************
		Sous menu
***************************************/

#rubrique ul li ul{
margin-top:7px;
}

#rubrique ul li ul li{
background-image:url(../img/fondSousMenu.png);
background:100;
width:100px;
padding:0;
float:none;
margin-left:-40px;
padding-left:10px;
}

#rubrique ul li ul li a{
color:#FFFFFF;
}
#rubrique a{
border:none;
}
#rubrique ul li ul li a:hover{
color:#000000;
}

#rubrique .haut{
padding-top:10px;
margin-top:4px;
}

#rubrique .bas{
padding-bottom:10px;
}

#rubrique .img{
float:left;
margin-left:-40px;
}



/***********************
		Accueil
***************************************/	
h1{
font-size:14px;
}

#accueil .societe{
color:#333333;
font-weight:bold;
margin-top:0;
}

#accueil .consommation{
font-size:12px;
}



#accueil .milieu, #viria .milieu{
padding-bottom:20px;
}

#accueil hr{
border:none;
border-bottom:1px #CCCCCC solid;
}





.introMilieu{
background:url(../img/degradeDroite.jpg) no-repeat right top;
padding-right:20px;
margin-top:-9px;
padding-top:9px;
height:300px;
}



#accueil .intro, #viria .intro{
/*border-bottom: 1px #CCCCCC solid;
padding-bottom:20px;*/
margin-left:-20px;
padding-left:20px;
font-size:14px;
}

#accueil .blocGauche, #viria .blocGauche{
width:340px;
padding-right:50px;
float:left;
}



#accueil .blocDroite, #viria .blocDroite{
width:332px;
float:right;
}

#accueil ul li{
list-style-image:url(../img/puce.jpg);
}

#accueil .bas{
/*width:762px;*/
margin-top:20px;
}

#accueil .col1, #viria .col1, #activites .col1{
width:205px;
padding-right:53px;
float:left;
}

#accueil .col2,#viria .col2, #activites .col2 {
width:205px;
padding-right:54px;
float:left;
}

#accueil .col3, #viria .col3, #activites .col3{
/*background:url(../img/cadreDroite.jpg) repeat-y right;*/
width:205px;
float:left;
/*padding-right:20px;*/
}
#accueil .bas h1{
height:30px;
vertical-align:bottom;
}

.btnPlaquette{
width:42px;
height:20px;
padding-left:50px;
padding-top:6px;
background:url(../img/btnPlaquette.jpg);
}


#accueil .milieu a{
border-bottom:1px #CCCCCC solid;
}




#accueil .suite, #viria .suite{
background:url(../img/fondSuite.jpg) repeat-y;

font-size:10px;
padding-left:5px;
float:right;
margin-top:5px;
padding-right:5px;
cursor:pointer;
}

#accueil .suite a{
color:#FFFFFF;
border:none;
}


#accueil .photo{
float:left;
padding-right:10px;
}

#accueil .texte{
float:left;
width:182px;
}
/***********************
		Pied
***************************************/

#pied{
background:url(../img/fondPied.jpg) no-repeat;
width:1030px;
height:43px;
}

#pied a{
color:#000000;
}

#pied .gauche{
float:left;
padding-left:20px;
padding-top:10px;
}

#pied .droite{
float:right;
padding-right:20px;
padding-top:10px;
}

/***********************
		Vous particulier
***************************************/
#vous .introMilieu{
padding-top:0;
}

#vous h2{
font-size:12px;
}

#vous .colG{
width:350px;
float:left;
/*margin-top:-23px;*/
}

#vous .colD{
width:350px;
float:right;
/*margin-top:-23px;*/

}

#vous .col1{
float:left;
padding-right:10px;
padding-bottom:5px;
}

#vous .col2{
padding-bottom:40px;
}

.ref{
font-size:11px;
}

/***********************
		Viria
***************************************/

#viria .chiffreImage{
float:left;
}

#viria .imgChiffre{
border:1px #CCCCCC solid thin;
}

#viria .chiffreTexte{
float:right;
width:200px;
}

#viria ul, #activites ul{
margin:0px;
margin-left:-22px;
}
#viria ul li{
list-style-image:url(../img/puce.jpg);
padding-bottom:10px;
}

#viria .equipe{
font-weight:bold;
cursor:pointer;
border-bottom:1px #CCCCCC solid;
}

#viria .photo{
float:left;
padding-right:10px;
padding-bottom:5px;
}

.colDroite .equipe:hover{color:#6ab511;}
.colDroite li span{font-weight:bold;} 

/***********************
		Actualités
***************************************/
#actualites .actu{
display:none;
margin-top:10px;
}

#actualites .actu img{
float:left;
padding-right:10px;
padding-bottom:5px;
}
#actualites .bloc{
padding-bottom:20px;
padding-top:5px;

}

#actualites h1 span{
border-bottom:1px #CCCCCC solid;
}

#actualites h1:hover{
color:#6ab511;
cursor:pointer;
}


#actualites .bloc img{
margin-right:0px;}

#actualites .bloc p {
margin:10px 0 0 0 ;
}

#actualites .actu li{
margin-left:0px;}

#actualites .droite {
float:right;
width:500px;
}

/***********************
		Activités
***************************************/

#activites .left{
float:left;
width:90px;
padding-right:5px;
}

#activites .right{
float:right;
width:110px;
}

#activites ul li{
list-style-image:url(../img/puce.jpg);
padding-bottom:5px;
}

#activites .milieu{
padding-top:20px;
padding-bottom:15px;
}

#activites .blocGauche{
width:270px;
padding-right:50px;
float:left;
}

#activites .blocDroite{
width:402px;
float:right;
}

#activites .Bis{
height:100px;
}

/***********************
		Particulier
***************************************/


#particulier .sousTitre{
font-size:12px;
}
#particulier .texte{
float:left;
width:400px;
}

#particulier .photo{
float:right;
padding-bottom:20px;
}

#particulier ul li{
list-style-image:url(../img/puce.jpg);
padding-bottom:5px;
}

#particulier hr{
border:none;
border-top:1px #CCCCCC solid;
padding-bottom:20px;
}

#particulier .secteurs{
font-size:18px;
color:#3a3b3d;
margin-top:-10px;
}

#particulier .secteurs a{
background:url(../img/fleche_gris.jpg) no-repeat left;
margin-right:60px;
line-height:18pt;
border:none;
padding-left:17px;

}

#particulier .secteurs a:hover{
background:url(../img/fleche_orange.jpg) no-repeat left;
color:#000000;
}

/***********************
		Plan
***************************************/

#plan ul li{
padding-bottom:5px;
}