/************ centre **********************************/

.h4{
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	text-transform: uppercase;
}


.bleue, .rouge, .vert, .marron{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	width: 365px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
}


.bleue{	background-color: #2e7999;}
.rouge{	background-color: #9c211c;}
.vert{	background-color: #579720;}
.marron{	background-color: #4f3129;}

.descriptif{
	position:relative;
	background-image: url(../images/fond_descriptif.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #F0F0F0;
}

.descriptifVert, .descriptifMarron, .descriptifBleu, .descriptifRouge{
	background-color: #F0F0F0;	
	width: 430px;
}

.descriptifVert ul, .descriptifMarron ul, .descriptifBleu ul, .descriptifRouge ul{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.descriptifVert ul li, .descriptifMarron ul li, .descriptifBleu ul li, .descriptifRouge ul li{
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-position: outside;
}


.descriptifVert a, .descriptifMarron a, .descriptifBleu a, .descriptifRouge a{
	font-weight: bold;
	text-decoration: none;
}
.descriptifMarron a:hover, .descriptifVert a:hover, .descriptifBleu a:hover, .descriptifRouge a:hover{
	text-decoration: underline;
}

.descriptifBleu a{color: #2e7999;}
.descriptifRouge a{color: #9c211c;}
.descriptifVert a{color: #579720;}
.descriptifMarron a{color: #4f3129;}

#center .paves_chiffres{
	height: 305px;
	width: 460px;
	position: relative;
}

#center .paves_chiffres h4, #center .paves_chiffres h5, #center .paves_chiffres p{	display:none ;}


#center .paves_chiffres .savoir_plus{
	position: absolute;
}
/********************************************************/




/************ droite **********************************/
.focus{
	margin-top: 10px;
}


.titreFocus{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	
}


.texteFocus{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;	
}

.texteFocus ul{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.texteFocus ul li{
	margin-bottom: 4px;
	margin-left: 25px;
	list-style-position: outside;
}

.titreNuancier{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color: #65737B;
	background-repeat: no-repeat;
	background-position: right;
}

.detailsNuancier{
	background-image: url(../images/details_nuancier.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 20px;
	width: 150px;
}
.detailsNuancier span{visibility:hidden;}

.detailsNuancier:hover{	background-image: url(../images/details_nuancier_f2.gif);}
/*******************************************/



/******** sous menus *****************************/
#sous_menu #presentation{background-image: url(../images/sous_menu/presentation.gif);width: 133px;}
#sous_menu #presentation:hover, #sous_menu #presentation_f3 {	background-image: url(../images/sous_menu/presentation_f2.gif);width: 133px;}

/*
#sous_menu #classic{background-image: url(../images/sous_menu/classic.gif);	width: 84px;}
#sous_menu #classic:hover, #sous_menu #classic_f3{background-image: url(../images/sous_menu/classic_f2.gif);width: 84px;}

#sous_menu #contemporaines{background-image: url(../images/sous_menu/contemporaines.gif);width: 144px;}
#sous_menu #contemporaines:hover, #sous_menu #contemporaines_f3{background-image: url(../images/sous_menu/contemporaines_f2.gif);width: 144px;}

#sous_menu #variations{	background-image: url(../images/sous_menu/variations.gif);width: 112px;}
#sous_menu #variations:hover, #sous_menu #variations_f3{background-image: url(../images/sous_menu/variations_f2.gif);width: 112px;}

#sous_menu #harmonie{	background-image: url(../images/sous_menu/harmonie.gif);width: 112px;}
#sous_menu #harmonie:hover, #sous_menu #harmonie_f3{background-image: url(../images/sous_menu/harmonie_f2.gif);width: 112px;}
*/

#sous_menu #audace{	background-image: url(../images/sous_menu/audace.gif);width: 94px;}
#sous_menu #audace:hover, #sous_menu #audace_f3{background-image: url(../images/sous_menu/audace_f2.gif);width: 94px;}

#sous_menu #empreinte{	background-image: url(../images/sous_menu/empreinte.gif);width: 115px;}
#sous_menu #empreinte:hover, #sous_menu #empreinte_f3{background-image: url(../images/sous_menu/empreinte_f2.gif);width: 115px;}

#sous_menu #inspiration{	background-image: url(../images/sous_menu/inspiration.gif);width: 125px;}
#sous_menu #inspiration:hover, #sous_menu #inspiration_f3{background-image: url(../images/sous_menu/inspiration_f2.gif);width: 125px;}

#sous_menu #eclat{	background-image: url(../images/sous_menu/eclat.gif);width: 81px;}
#sous_menu #eclat:hover, #sous_menu #eclat_f3{background-image: url(../images/sous_menu/eclat_f2.gif);width: 81px;}

#sous_menu #legende{	background-image: url(../images/sous_menu/legende.gif);width: 100px;}
#sous_menu #legende:hover, #sous_menu #legende_f3{background-image: url(../images/sous_menu/legende_f2.gif);width: 100px;}

#sous_menu #evasion{	background-image: url(../images/sous_menu/evasion.gif);width: 98px;}
#sous_menu #evasion:hover, #sous_menu #evasion_f3{background-image: url(../images/sous_menu/evasion_f2.gif);width: 98px;}

#sous_menu #privilege{	background-image: url(../images/sous_menu/privilege.gif);width: 108px;}
#sous_menu #privilege:hover, #sous_menu #privilege_f3{background-image: url(../images/sous_menu/privilege_f2.gif);width: 108px;}

#sous_menu #harmonie{	background-image: url(../images/sous_menu/harmonie.gif);width: 108px;}
#sous_menu #harmonie:hover, #sous_menu #harmonie_f3{background-image: url(../images/sous_menu/harmonie_f2.gif);width: 108px;}


/**************************************************/
#sous_menu #profils{background-image: url(../images/sous_menu/profils.gif);width: 85px;}
#sous_menu #profils:hover, #sous_menu #profils_f3 {	background-image: url(../images/sous_menu/profils_f2.gif);width: 85px;}

#sous_menu #nuancier_alu{background-image: url(../images/sous_menu/nuancier_alu.gif);	width: 128px;}
#sous_menu #nuancier_alu:hover, #sous_menu #nuancier_alu_f3{background-image: url(../images/sous_menu/nuancier_alu_f2.gif);width: 128px;}

#sous_menu #finitions_bois{background-image: url(../images/sous_menu/finitions_bois.gif);width: 131px;}
#sous_menu #finitions_bois:hover, #sous_menu #finitions_bois_f3{background-image: url(../images/sous_menu/finitions_bois_f2.gif);width: 131px;}

#sous_menu #formes{	background-image: url(../images/sous_menu/formes.gif);width: 85px;}
#sous_menu #formes:hover, #sous_menu #formes_f3{background-image: url(../images/sous_menu/formes_f2.gif);width: 85px;}

#sous_menu #vitrages{background-image: url(../images/sous_menu/vitrages.gif);width: 85px;}
#sous_menu #vitrages:hover, #sous_menu #vitrages_f3 {	background-image: url(../images/sous_menu/vitrages_f2.gif);width: 85px;}

#sous_menu #quincailleries{background-image: url(../images/sous_menu/quincaillerie.gif);width: 128px;}
#sous_menu #quincailleries:hover, #sous_menu #quincailleries_f3 {	background-image: url(../images/sous_menu/quincaillerie_f2.gif);width: 128px;}