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

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


.bleue, .rouge{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	width: 335px;
	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;}

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

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

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

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


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

.descriptifBleu a{color: #2e7999;}
.descriptifRouge a{color: #9c211c;}

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