/*------------------------------ Redefinition  ---------------------------------------*/
html{
	width:100%;
	height:100%;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3 {
	display:none;
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.body{
	background-color: #CFC9C8;
	height: 650px;
	z-index: 99;
}


#identiteAdmin{
	padding-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3A6514;
	position: absolute;
	padding-top: 13px;
	width: 250px;
	text-align: left;
	left: 0px;
	top: 0px;
}

/*------------------------------ Mise en forme globale --------------------------------*/

.spacer {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: none;
	float: none;
}

.pointille {
	clear: both;
	height: 15px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: none;
	background-image: url(../images/pontille.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.savoir_plus{
	background-image: url(../images/savoir_plus.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 20px;
	width: 125px;
	
}

.savoir_plus:hover{
	background-image: url(../images/savoir_plus_f2.gif);
}
.savoir_plus span{
	visibility: hidden;
}


.retour{
	background-image: url(../images/retour.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 20px;
	width: 75px;
	text-decoration: none;
	
}

.retour:hover{
	background-image: url(../images/retour_f2.gif);
}
.retour span{
	visibility: hidden;
}

.footerEncart{
	background-image: url(../images/coin_encart.gif);
	height: 18px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: right bottom;
	right: -1px;
	bottom: -1px;
	position: absolute;
}

#wrap{
	width: 980px;
	/*min-height: 100%;*/
	/*height: 100%;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url(../images/wrap.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
}


#content{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	position: relative;
}

.contentVisuel{
	position: relative;
	width: auto;
}


/*************** header ***************/
#header{
	height: 105px;
	background-image: url(../images/wrap.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

#header #MCFrance{
	display: block;
	height: 50px;
	width: 230px;
	background-image: url(../images/mc-france.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin-top: 35px;
	margin-left: 30px;	
}

#header ul {
	margin: 0px;
	padding: 0px;
}

#header ul li{
	list-style-type: none;
	display: block;
}


#header #m1{
	float:right;
	margin-top: 25px;
	margin-right: 10px;
}

#header #m1 li{
	display:inline;
}

#header #m1 a{
	color: #000;
	font-size: 10px;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;

}

#header #m1 a:hover, #header #m1 .actif{
	color:#579720;
}

#header #m1 .pro{
	background-image: url(../images/BT-pro.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 10px;
	padding-left: 12px;
	color:#FFF;
}

#header #m1 .pro:hover, #header #m1 .proActif:hover{
	color:#000;
}

#header #m1 .proActif{
	background-image: url(../images/BT-pro.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 10px;
	padding-left: 12px;
	color:#000;
}




#header span{
	visibility: hidden;
}
/******************************/

/***** menu rubrique **********/
#header #m2{
	position: absolute;
	right: 0px;
	bottom: 1px;
	font-family: Verdana, Geneva, sans-serif;
	
}


#header #m2 .menu{
	display:block;
	float:left;
	position:relative;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 1px;
}

#header #m2 .menu .lmenu{
	display:block;
	height: 30px;
}

#header #m2 .smenu{
	position: absolute;
	right:0px;
	background-color: #1A171B;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 10;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}



#header #m2 .smenu a{
	color: #FFF;
	font-weight: bold;
	display: block;
	line-height: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	padding-right: 4px;
}


#header #m2 .smenu a:hover, #header #m2 .smenu .actif{
	background-color: #579720;	
}
	
/* gammes */
#header #m2 #menu_gammes_f3, #header #m2 #menu_gammes .lmenu{width: 95px;}
#header #m2 #menu_gammes .lmenu {background-image: url(../images/menu/menu_gammes.gif);}
#header #m2 #menu_gammes .lmenu:hover {	background-image: url(../images/menu/menu_gammes_f2.gif);}
#header #m2 #menu_gammes_f3 {background-image: url(../images/menu/menu_gammes_f3.gif);}

#header #m2 #menu_gammes ul, #header #m2 #menu_gammes ul li, #header #m2 #menu_gammes_f3 ul, #header #m2 #menu_gammes_f3 ul li{width: 190px;}

/* avantages */
#header #m2 #menu_avantages_f3, #header #m2 #menu_avantages .lmenu{width: 116px;}
#header #m2 #menu_avantages .lmenu {background-image: url(../images/menu/menu_avantages.gif);}
#header #m2 #menu_avantages .lmenu:hover {background-image: url(../images/menu/menu_avantages_f2.gif);}
#header #m2 #menu_avantages_f3 {background-image: url(../images/menu/menu_avantages_f3.gif);}

#header #m2 #menu_avantages ul, #header #m2 #menu_avantages ul li, #header #m2 #menu_avantages_f3 ul, #header #m2 #menu_avantages_f3 ul li{width: 116px;}

/* realisations */
#header #m2 #menu_realisations_f3, #header #m2 #menu_realisations .lmenu{width: 131px;}
#header #m2 #menu_realisations .lmenu {	background-image: url(../images/menu/menu_realisations.gif);}
#header #m2 #menu_realisations .lmenu:hover {background-image: url(../images/menu/menu_realisations_f2.gif);}
#header #m2 #menu_realisations_f3 { background-image: url(../images/menu/menu_realisations_f3.gif);}

#header #m2 #menu_realisations ul, #header #m2 #menu_realisations ul li, #header #m2 #menu_realisations_f3 ul, #header #m2 #menu_realisations_f3 ul li{width: 131px;}

/* environnement */
#header #m2 #menu_environnement_f3, #header #m2 #menu_environnement .lmenu{width: 153px;}
#header #m2 #menu_environnement .lmenu {	background-image: url(../images/menu/menu_environnement.gif);}
#header #m2 #menu_environnement .lmenu:hover {	background-image: url(../images/menu/menu_environnement_f2.gif);}
#header #m2 #menu_environnement_f3 { background-image: url(../images/menu/menu_environnement_f3.gif);}

#header #m2 #menu_environnement ul, #header #m2 #menu_environnement ul li, #header #m2 #menu_environnement_f3 ul, #header #m2 #menu_environnement_f3 ul li{width: 153px;}

/* entreprise */
#header #m2 #menu_entreprise_f3, #header #m2 #menu_entreprise .lmenu{width: 119px;}
#header #m2 #menu_entreprise .lmenu {	background-image: url(../images/menu/menu_entreprise.gif);}
#header #m2 #menu_entreprise .lmenu:hover {	background-image: url(../images/menu/menu_entreprise_f2.gif);}
#header #m2 #menu_entreprise_f3 { background-image: url(../images/menu/menu_entreprise_f3.gif);}

#header #m2 #menu_entreprise ul, #header #m2 #menu_entreprise ul li, #header #m2 #menu_entreprise_f3 ul, #header #m2 #menu_entreprise_f3 ul li{width: 119px;}

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




/********** middle *******************/
#middle{
	height: 100%;
	padding-bottom: 60px;
}



/************** gauche ***********************/
#left {
	width: 170px;
	margin-right: 15px;
	float: left;
	padding-left: 10px;
}

#left fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#left fieldset label{
	display: none;	
}

#left ul {
	list-style-type: none;
	background-image: url(../images/menu_gauche/voir_aussi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	margin-left: 0px;
}

#left ul li{
	margin-bottom: 6px;
}

#left ul li a{
	display: block;
	height: 20px;
	width: 140px;
}

#left ul li a span{
	visibility: hidden;
}

#left #design{background-image: url(../images/menu_gauche/design.gif);}
#left #design:hover, #left #design_f2 {background-image: url(../images/menu_gauche/design_f2.gif);}

#left #isolation{background-image: url(../images/menu_gauche/isolation.gif);}
#left #isolation:hover, #left #isolation_f2 {background-image: url(../images/menu_gauche/isolation_f2.gif);}

#left #confort{background-image: url(../images/menu_gauche/confort.gif);}
#left #confort:hover, #left #confort_f2 {background-image: url(../images/menu_gauche/confort_f2.gif);}

#left #qualite{background-image: url(../images/menu_gauche/qualite.gif);}
#left #qualite:hover, #left #qualite_f2 {background-image: url(../images/menu_gauche/qualite_f2.gif);}



#left #demarche-hqe{background-image: url(../images/menu_gauche/demarche-hqe.gif);}
#left #demarche-hqe:hover, #left #demarche-hqe_f2 {background-image: url(../images/menu_gauche/demarche-hqe_f2.gif);}

#left #bois-ecocertifie{background-image: url(../images/menu_gauche/bois-ecocertifie.gif);}
#left #bois-ecocertifie:hover, #left #bois-ecocertifie_f2 {background-image: url(../images/menu_gauche/bois-ecocertifie_f2.gif);}

#left #aides-financieres{background-image: url(../images/menu_gauche/aides_financieres.gif);}
#left #aides-financieres:hover, #left #aides-financieres_f2 {background-image: url(../images/menu_gauche/aides_financieres_f2.gif);}



/************* centre ***************/
#center {
	width: 460px;
	margin-right: 20px;
	float: left;
}
/*************************************/

/********** droite *******************/
#right {
	width: 285px;
	float: left;
	position: relative;
}


#right img{
	margin-top: 10px;
	
}
/***********************************/


/******** sous menu */
#sous_menu {
	height: 40px;
	margin-top: 1px;
	margin-bottom: 15px;
	background-image: url(../images/filet_sous_menu.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#sous_menu a{
	display: block;
	height: 30px;
	float: left;
	background-color: #589721;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	background-repeat: no-repeat;
	background-position: center top;
}



#sous_menu a span{
	display: none;
	
}

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


/********** catalogue *********************/

#catalogue p{
	color: #19171B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../images/menu_gauche/catalogue.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 215px;
	margin: 0px;
}

#catalogue a{
	display: block;
	height: 35px;
	width: 140px;
	background-image: url(../images/menu_gauche/telecharger.png);
	background-repeat: no-repeat;
	background-position: left top;

}

#catalogue a:hover{	background-image: url(../images/menu_gauche/telecharger_f2.png);}


#catalogue a span{
	visibility: hidden;
	
}
/************************************************/



/************ footer ****************/
#footer{
	position: relative;
	width: 980px;
	background-color: #CFC9C8;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}


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




/************ espace pro ****************/
#espace_pro{
	position: absolute;
	z-index: 100;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	color: #FFF;
	text-align: center;
	padding-bottom: 10px;
	width: auto;
}



#espace_pro h1{
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #4F3129;
	position: relative;
}

#espace_pro h2{
	display: block;
	text-align: center;
	font-size: 10px;
	margin-bottom: 15px;
	font-weight: normal;
}


#espace_pro a{
	color: #57971F;
	text-decoration: underline;
}

#espace_pro .fermerLogin{
	display: block;
	height: 18px;
	width: 18px;
	background-image: url(../images/espace_pro/fermer.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	position: absolute;
	top: 0px;
	right: 10px;
}


#espace_pro a:hover{text-decoration: none;}
#espace_pro h1 span{visibility: hidden;}

#espace_pro .radio{
	width: auto;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
}

#espace_pro .label_radio{
	margin: 0px;
	clear: both;
	padding-left: 35px;
}



#espace_pro .input,  #espace_pro .textarea{
	font-size: 10px;
	background-color: #CFC9C8;
	border: 1px solid #937B72;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#espace_pro .select, #espace_pro .selectPro{
	font-size: 10px;
	background-color: #CFC9C8;
	border: 1px solid #937B72;
}

#espace_pro label{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

#espace_pro label span{
	font-weight: bold;
	display: block;
	float: left;
	text-align: right;
	width: 150px;
	margin-top: 3px;
	margin-right: 10px;
}


#espace_pro .span_radio{
	font-weight: normal;
	margin-top: 3px;
	width: auto;
	margin-right: 0px;
}



#espace_pro .valider{
	width:auto;
	margin-top: 10px;
}



/******************************************************************/
#espace_pro_login, #espace_pro_inscription, #espace_pro_oubli, #espace_pro_retour {
	background-color: #1A171B;
	padding-bottom: 5px;
	position: relative;
}

#espace_pro_login, #espace_pro_oubli, #espace_pro_retour { width: 360px; }
#espace_pro_login input,#espace_pro_oubli input{ width: 100px; }
#espace_pro_login h1, #espace_pro_oubli h1, #espace_pro_retour h1{ background-image: url(../images/espace_pro/title_login.gif); }

#espace_pro_inscription {
	width: 845px;
}
#espace_pro_inscription input, #espace_pro_inscription .textarea{	width: 190px;	overflow: auto;}
#espace_pro_inscription .select,  #espace_pro_inscription .selectPro{width: 193px;}
#espace_pro_inscription h1{	background-image: url(../images/espace_pro/title_inscription.gif); }



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




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