body { 
color: #636165; 
font-size: 12px; 
font-family: Arial, verdana, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
background-image:  url(../medias/home/fond-body.jpg); 
background-repeat: repeat-x;
background-position: center top;
background-color: #ffffff;
}


#contenu_global{
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
background-image:  url(../medias/home/fond-home.jpg); 
background-repeat: no-repeat;
}

#menu_bas{
position: absolute;
width: 100%;
background-image:  url(../medias/communs/fond-menu.jpg); 
background-repeat: repeat-x;
top : 535px;
height : 37px;
}


#contenu_menu{
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
padding-top : 9px;
/*background-image:  url(../medias/home/fond-home.jpg); 
background-repeat: no-repeat;*/
}

#contenu{
/* original width 1000px */
width: 961px;
margin-top : 310px;
margin-bottom : 20px;
padding : 10px 20px 10px 20px;
}

/* BLOCS HOME ********************************************************************/

#edito {
width : 460px;
padding : 10px 10px 10px 0px;
float : left;
overflow:auto;
height : 190px;
}



/* FORMULAIRE *****************************************************************/

.input_home {
width : 140px;
height : 16px;
font-size : 11px;
color :#818181;
float : left;
margin-top : 4px;
padding-top : 3px;
border : 1px solid #bfbfbf;
}

p { margin: 3px 0px 2px 0px;}

#menu {
	padding-right:5px;
}

object { 
    outline:none;
}

#flashcontent {
	float:right;
	width:110px;
	margin-left:750px;
}


/* BOUTONS ******************************************************************/

.accueil {
width : 80px; 
height: 29px;
background-image:  url(../medias/menu/accueil.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.accueil:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}

.accueil_actif {
width : 80px; 
height: 29px;
background-image:  url(../medias/menu/accueil.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.label_minergie {
width : 147px; 
height: 29px;
background-image:  url(../medias/menu/label-minergie.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.label_minergie:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}

.label_minergie_actif {
width : 147px; 
height: 29px;
background-image:  url(../medias/menu/label-minergie.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.construire_minergie {
width : 155px; 
height: 29px;
background-image:  url(../medias/menu/construire-minergie.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.construire_minergie:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.construire_minergie_actif {
width : 155px; 
height: 29px;
background-image:  url(../medias/menu/construire-minergie.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.formations_pro {
width : 124px; 
height: 29px;
background-image:  url(../medias/menu/formations-pro.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.formations_pro:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}

.formations_pro_actif {
width : 124px; 
height: 29px;
background-image:  url(../medias/menu/formations-pro.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.annuaire_pro {
width : 143px; 
height: 29px;
background-image:  url(../medias/menu/annuaire-pro.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
}	

.annuaire_pro:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.annuaire_pro_actif {
width : 143px; 
height: 29px;
background-image:  url(../medias/menu/annuaire-pro.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}



.plan {
width : 32px; 
height: 29px;
background-image:  url(../medias/menu/plan-du-site.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.mentions {
width : 28px; 
height: 29px;
background-image:  url(../medias/menu/mentions-legales.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.net_design {
width : 41px; 
height: 29px;
background-image:  url(../medias/menu/net-design.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.net_design:hover {
width : 41px; 
height: 29px;
background-image:  url(../medias/menu/net-design_over.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	


.clubs {
width : 100px; 
height: 25px;
background-image:  url(../medias/communs/club.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.clubs:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.clubs_actif {
width : 143px; 
height: 29px;
background-image:  url(../medias/menu/club.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.partenaires {
width : 82px; 
height: 25px;
background-image:  url(../medias/communs/partenaires.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.partenaires:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.partenaires_actif {
width : 143px; 
height: 29px;
background-image:  url(../medias/menu/partenaires.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.forum {
width : 66px; 
height: 25px;
background-image:  url(../medias/communs/forum.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.forum:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


.forum_actif {
width : 66px; 
height: 29px;
background-image:  url(../medias/menu/forum.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}

.minergie_suisse {
width : 107px; 
height: 23px;
background-image:  url(../medias/communs/minergie-suisse.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	


.minergie_suisse:hover {
background-image:  url(../medias/communs/minergie-suisse_over.gif); 
background-repeat: no-repeat;
}


.minergie_suisse_actif {
width :107px; 
height: 23px;
background-image:  url(../medias/communs/minergie-suisse_over.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}

.minergie_infos {
width : 103px; 
height: 23px;
background-image:  url(../medias/communs/minergie-infos.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.minergie_infos:hover {
background-image:  url(../medias/communs/minergie-infos_over.gif); 
background-repeat: no-repeat;
}

.minergie_infos_actif {
width :103px; 
height: 23px;
background-image:  url(../medias/communs/minergie-infos_over.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
}

.contact {
width : 60px; 
height: 23px;
background-image:  url(../medias/communs/contact.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.contact:hover {
background-image:  url(../medias/communs/contact_over.gif); 
background-repeat: no-repeat;
}


.contact_actif {
width : 60px; 
height: 23px;
background-image:  url(../medias/communs/contact_over.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
background-position: 0px -29px !important;
background-position: 0px -29px ;
margin-top : 7px;
margin-right : 15px;
}



.rechercher_pro {
width : 202px; 
height: 22px;
background-image:  url(../medias/home/rechercher-pro.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 3px;
margin-right : 15px;
}	

.rechercher_pro:hover {
background-image:  url(../medias/home/rechercher-pro_over.jpg); 
background-repeat: no-repeat;
}


.labelliser_batiment {
width : 202px; 
height: 22px;
background-image:  url(../medias/home/labelliser-batiment.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 3px;
margin-right : 15px;
}	

.labelliser_batiment:hover {
background-image:  url(../medias/home/labelliser-batiment_over.jpg); 
background-repeat: no-repeat;
}


.devenir_partenaire {
width : 202px; 
height: 22px;
background-image:  url(../medias/home/devenir-partenaire.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 3px;
margin-right : 15px;
}	

.devenir_partenaire:hover {
background-image:  url(../medias/home/devenir-partenaire_over.jpg); 
background-repeat: no-repeat;
}


.me_former {
width : 202px; 
height: 22px;
background-image:  url(../medias/home/me-former.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 3px;
margin-right : 15px;
}	

.me_former:hover {
background-image:  url(../medias/home/me-former_over.jpg); 
background-repeat: no-repeat;
}



/* BANDEAU ********************************************************************/

.logo {
padding-top : 15px;
float : left;
}

#bandeau_home {
position: absolute; 
margin-left: -500px; 
left: 50%; 
top: 0px; 
width: 1000px; 
height: 80px;
}

#bandeau_animation {
float: right;
width : 700px;
height : 24px;
padding-right:5px;
}

#bandeau_menu {
width : 240px;
float : left;
height : 150px;
padding-top : 70px;
}


	
/* FOOTER *******************************************************************/

#footer {
text-align : right;
height: 27px;
font-size:11px;
width: 961px;
padding : 0px 20px 10px 20px;
}

#footer img {
vertical-align: bottom;
}

#survol_plan {
width: 84px; 
height: 36px;
background-image:  url(../medias/communs/survol-plan.jpg); 
background-repeat: no-repeat;	
position : absolute;
top : 505px;
left : 890px;
z-index :100000;
}


#survol_mentions {
width: 103px; 
height: 33px;
background-image:  url(../medias/communs/survol-mentions.jpg); 
background-repeat: no-repeat;	
position : absolute;
top : 507px;
left : 924px;
z-index :100000;
}


#footer_mentions {
width: 130px; 
height: 28px;
background-image:  url(../medias/communs/footer/mentions-legales.gif); 
background-repeat: no-repeat;
float : left;
margin-right : 45px;
}

#footer_mentions:hover {
background-position: 0px -28px !important;
background-position: 0px -28px ;
}

#footer_plan {
width: 102px; 
height: 26px;
background-image:  url(../medias/communs/footer/plan-du-site.gif); 
background-repeat: no-repeat;
float : left;
margin-right : 45px;
}

#footer_plan:hover {
background-position: 0px -28px !important;
background-position: 0px -28px ;
}

#footer_net {
width: 30px; 
height: 26px;
background-image:  url(../medias/communs/net-design.gif); 
background-repeat: no-repeat;
float : left;
}

#footer_net:hover {
background-position: 0px -29px !important;
background-position: 0px -29px ;
}


/* TEXTES ************************************************************************************/

.bold {
font-weight : bold;
}

.italic {
font-style : italic;
}

h1 {
font-size : 12px;	
margin : 0px;
padding : 0px;
margin-bottom : 5px;
display : inline;
}

li {
list-style-type:none;
list-style-image: url(../medias/communs/puce.gif); 
padding : 0;
}

ul {
margin : 0px 0px 0px 0px;
padding : 7px 0px 0px 12px;
}


/*********************************************************************************************/


/* IMAGES ***********************************************************************************/

.img_float_left {
float : left;
vertical-align : middle;
}

.img_float_right {
float : right;
vertical-align : middle;
}

.puce {
vertical-align: middle;
}

.picto-align {
vertical-align : middle;	
}


 /* LIENS *********************************************************************************/


a:link { color: #636165; text-decoration: underline; }
a:visited { color: #636165; text-decoration: underline; }
a:hover { color: #cd0300; text-decoration: none; }
a:active { color: #cd0300; text-decoration: none; } 

a.lien_ariane:link { color: #636165; text-decoration: none; }
a.lien_ariane:visited { color: #636165; text-decoration: none;  }
a.lien_ariane:hover { color: #cd0300; text-decoration: underline; }
a.lien_ariane:active { color: #cd0300; text-decoration: underline; }



/* COMMUNS **************************************************************************************/

.spacer { 
clear: both;
}

/* MENU DEROULANT *********************************************************************************************/

#menu-container { 
width: 746px; 
float:right; 
padding-top:74px; 
padding-bottom:5px;  }

.calques { 
border-bottom: #ffffff 1px solid; 
z-index: 1000; 
background-color:#c60001; 
height : 20px; 
color : #eeaeac;
}

.calques_dernier { 
border-bottom: #ffffff 1px solid; 
z-index: 1000;
background-color:#c60001;
color : #eeaeac; 
}

.calques a { z-index: 1000; background-color:#c60001; color : #eeaeac;  text-decoration : none;}

.calques a:hover { z-index: 1000; background-color:#c60001; color : #ffffff; }
.calques_dernier a:hover {  z-index: 1000; background-color:#c60001; color : #ffffff;}

a.lien_calques { 
display: block; 
float:left; 
/*width: 122px; */
height: 18px; 
padding:2px 0px 0px 10px; 
color:#eeaeac; 
text-decoration:none; 
font-size:11px; 
background-image:  url(../medias/communs/puce-menu.gif); 
background-position : 3px 7px; 
background-repeat: no-repeat; }

a.lien_calques:link { 
display: block; 
float:left; 
/*width: 122px; */
height: 18px; 
padding:2px 0px 0px 10px; 
color:#eeaeac; 
text-decoration:none; 
font-size:11px; 
background-image:  url(../medias/communs/puce-menu.gif); 
background-position : 3px 7px; 
background-repeat: no-repeat; }

a.lien_calques:active { 
display: block; 
float:left; 
/*width: 122px; */
height: 18px; 
padding:2px 0px 0px 10px; 
color:#eeaeac; 
text-decoration:none; 
font-size:11px; 
background-image:  url(../medias/communs/puce-menu.gif); 
background-position : 3px 7px; 
background-repeat: no-repeat; }


a.lien_calques:visited { 
display: block; 
float:left; 
/*width: 122px; */
height: 18px; 
padding:2px 0px 0px 10px; 
color:#eeaeac; 
text-decoration:none; 
font-size:11px; 
background-image:  url(../medias/communs/puce-menu.gif); 
background-position : 3px 7px; 
background-repeat: no-repeat; }


a.lien_calques:hover, a.lien_calques:active, a.lien_calques.current { 
text-decoration:none;  
color  : #FFFFFF; 
background-image:  url(../medias/communs/puce-menu_over.gif);
}



.menuContainer { 
z-index: 1000; 
position: absolute; 
color : #0078be;
z-index : 100;
right: 50%; 
margin-right: -500px; 
width: 1000px;
background-color:#333;
	}
	
#menuContainer { 
z-index: 1000; 
position: absolute; 
color : #0078be;
z-index : 100;
top: 410px; 
right: 50%; 
margin-right: -500px; 
width: 1000px; 
background-color :#09F;
}