body { 
color: #636165; 
font-size: 12px; 
font-family: Arial, verdana, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
background-image:  url(../medias/communs/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/communs/fond-page.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: 981px;
margin-top : 120px;
margin-bottom : 20px;
height : 370px;
padding : 10px 0px 10px 20px;
}

#menu {
	padding-right:5px;
}

object { 
    outline:none;
}

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

/* BLOCS PAGES ********************************************************************/

#scroll_contenu {
height :  340px;
overflow:auto;
overflow-x:hidden;

}

#contenu_img_gauche {
width : 350px;
float : left;
}

#contenu_gauche_annuaire {
width : 305px;
float : left;
border-right : 1px solid #b4b3b3;
margin-right : 10px;
padding-right : 35px;
height : 370px;
}

#contenu_txt_droite {
width : 595px;
padding : 0px 10px 10px 0px;
float : right;
}


.bloc_logo {
border : 1px solid #b4b3b3;	
width : 169px;
height : 60px;
float : right;
}
	
.txt_realisation_pro {
width : 350px;
float : right;
padding-top : 12px;
overflow : hidden;
}

.fond_formation2 {
width : 576px;
height : 25px;
background-image:  url(../medias/pages/fond-formation2.jpg); 
background-repeat: no-repeat;
padding-top : 7px;
padding-left : 20px;
display : block;
text-decoration : none;
font-weight : bold;
}

.realisations_pro {
background-image:  url(../medias/pages/fond-image-realisations.jpg); 
background-repeat: no-repeat;
padding : 10px 10px 10px 10px;
width : 205px;
height : 130px;
}

.pagination_realisations {
width : 218px;
text-align  : right;
}

.colone_form_droite {
width : 355px;
float : left;
}

.pagination {
text-align : right;	
height : 18px;
}

.signature {
text-align : right;	
font-style : italic;
padding-bottom : 10px;
}

.partenaire {
width : 308px;
height : 118px;
background-image:  url(../medias/boutons/partenaire.jpg); 
background-repeat: no-repeat;
float : left;
margin-top : 15px;
}

.partenaire:hover {
background-image:  url(../medias/boutons/partenaire_over.jpg); 
}


.bloc_lien_pro {
width : 250px;
float : right;
text-align : right;
}

.bloc_list_pro {
border-top : 1px solid #d2d1d1;	
padding : 10px 0px 10px 0px;
}

.bloc_mentions {
width : 100%;
float : left;
padding-top : 47px;
*padding-top : 33px;
}

.bloc_coordonees {
background-image:  url(../medias/pages/fond-coordonees.jpg);
background-repeat: no-repeat;
width : 192px;
height : 157px;
padding-left : 112px;
padding-top : 45px;
}

/* TABLEAU *****************************************************************/

table tr th  {
background-color : #b2b2b2;
color : #FFFFFF;
text-align : center;
font-weight : bold;
}

table tr  {
background-color : #eeeeee;
text-align : center;
}

table tr th {
padding : 5px;
}



table tr.over {
background-color : #fefefe;
text-align : center;
}

.inactif td {
color : #a6a6a6;	
}
	
/* FORMULAIRE *****************************************************************/

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

.input {
border : 1px solid #bfbfbf;
width : 160px;
margin-bottom : 4px;
}

.input_large {
border : 1px solid #bfbfbf;
width : 229px;
margin-bottom : 4px;
margin-top : 3px;
*margin-top : 6px;
}

textarea {
border : 1px solid #bfbfbf;
width :165px;
height : 110px;	
font-family : Arial;
font-size : 12px;
}

input {
font-family : Arial;
font-size : 12px;	
}

.select {
margin-bottom : 4px;
border : 1px solid #bfbfbf;
}

.select_recherche {
margin-bottom : 4px;
border : 1px solid #bfbfbf;
width : 190px;
}


.label {
width : 170px;
float : left;
margin-top : 3px;
}

.label_petit {
width : 70px;
float : left;
margin-top : 3px;
}

.label_recherche {
width : 110px;
float : left;
margin-top : 3px;
}

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



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

#envoyer {
width : 89px; 
height: 32px;
background-image:  url(../medias/boutons/envoyer.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 15px;
}	

#envoyer:hover {
background-image:  url(../medias/boutons/envoyer_over.jpg); 
background-repeat: no-repeat;
}

.voir_fiche {
width : 98px; 
height: 32px;
background-image:  url(../medias/boutons/voir-fiche.gif); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
}	

.voir_fiche:hover {
background-image:  url(../medias/boutons/voir-fiche_over.gif); 
background-repeat: no-repeat;
}

#rechercher {
width : 98px; 
height: 32px;
background-image:  url(../medias/boutons/rechercher.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 7px;
}	

#rechercher:hover {
background-image:  url(../medias/boutons/rechercher_over.jpg); 
background-repeat: no-repeat;
}

#continuer {
width : 92px; 
height: 35px;
background-image:  url(../medias/boutons/continuer.jpg); 
background-repeat: no-repeat;
float : right;
border: 0px;
border : none;
cursor : pointer;
margin-top : 7px;
}	

#continuer:hover {
background-image:  url(../medias/boutons/continuer_over.jpg); 
background-repeat: no-repeat;
}


.sinscrire {
width : 90px; 
height: 28px;
background-image:  url(../medias/boutons/inscrire.jpg); 
background-repeat: no-repeat;
float : left;
border: 0px;
border : none;
cursor : pointer;
margin-left : 18px;
*margin-left : 15px;
}	

.sinscrire:hover {
background-image:  url(../medias/boutons/inscrire_over.jpg); 
background-repeat: no-repeat;
}



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

.text_pro {
	
background-color:#FFFFFF;}

.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 : 80px;
}

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


	
/* 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;
}

.bulle_aide {
width: 407px; 
height: 103px;
background-image:  url(../medias/pages/bulle-aide.gif); 
background-repeat: no-repeat;	
position : absolute;
top : 245px;
left : 583px;
z-index :100000;
cursor : pointer;
}

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

.rouge_bold {
font-weight : bold;
color : #cc0d07;
}

.rouge{
color : #cc0d07;
}

.erreur {
font-weight : bold;
color : #cc0d07;
}

.italic {
font-style : italic;
}

h1 {
font-size : 16px;	
margin : 0px;
padding : 0px;
margin-bottom : 5px;
display : inline;
color : #cc0e08;
text-transform:uppercase;
}

h2 {
font-size : 12px;	
margin : 0px;
padding : 0px;
display : inline;
}

li {
padding : 0;
background: url(../medias/communs/puce.gif) no-repeat;
background-position: 0px 6px;
padding-left : 12px;
list-style-type:none;
}

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


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


/* 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; }

a.fond_formation {
width : 576px;
height : 25px;
background-image:  url(../medias/pages/fond-formation.jpg); 
background-repeat: no-repeat;
padding-top : 7px;
padding-left : 20px;
display : block;
text-decoration : none;
}

a.fond_formation:visited {
width : 576px;
height : 25px;
background-image:  url(../medias/pages/fond-formation.jpg); 
background-repeat: no-repeat;
padding-top : 7px;
padding-left : 20px;
display : block;
text-decoration : none;
}


a.fond_formation {
text-decoration : none;
}

a.fond_formation:hover {
width : 576px;
height : 25px;
background-image:  url(../medias/pages/fond-formation_over.jpg); 
background-repeat: no-repeat;
padding-top : 7px;
padding-left : 20px;
cursor : pointer;
color : #FFFFFF;
display : block;
text-decoration : none;
}

a.fond_formation:active {
width : 576px;
height : 25px;
background-image:  url(../medias/pages/fond-formation_over.jpg); 
background-repeat: no-repeat;
padding-top : 7px;
padding-left : 20px;
cursor : pointer;
color : #FFFFFF;
display : block;
text-decoration : none;
}


/* 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);
}

.logo_paiement {
padding-left : 20px;
padding-top : 10px;
}

.liste_plan {
padding-left : 12px;
margin-bottom : 10px;
}

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