#colonneDeGauche {
	padding-top: 0px;
	list-style-type: none;
	text-align: left;
	width: 257px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline; /*sinon ie double les margin*/
	overflow: auto; 
	
	background-image: url(img/fond_menu.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.raised {background: transparent;}

.raised h1 {
background:#FFFFFF;
height:20px;
color:#3C3C3C;
margin:0;
padding:0;
font-style: italic;
font-size: 18px;
font-weight: normal;
color: #6E6E6E;
letter-spacing: 3px;
text-align:center;
border-right:1px solid #999;
}

.raised h2 {
background:#FFFFFF;
height:20px;
color:#3C3C3C;
margin:0;
padding:0;
font-style: italic;
font-size: 14px;
font-weight: bold;
color: #6E6E6E;
letter-spacing: 1px;
text-align:center;
border-right:1px solid #999;
}




.raised p {
margin:0 10px;
padding-bottom:0.5em;
}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#FFFFFF; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#FFFFFF; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#FFFFFF; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #999;}





#catalogue.raised .top .b2 {background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #eee;}
#catalogue.raised .top .b3 {background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #ddd;}
#catalogue.raised .top .b4 {background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #aaa;}
#catalogue.raised .top .b4b {background:#FFFFFF; border-left:1px solid #eee; border-right:1px solid #999;}
#catalogue.raised .top .b3b {background:#FFFFFF; border-left:1px solid #ddd; border-right:1px solid #999;}
#catalogue.raised .top .b2b {background:#FFFFFF; border-left:1px solid #aaa; border-right:1px solid #999;}
#catalogue.raised .top .b1 {margin:0 5px; background:#fff;}

#catalogue.raised .bottom .b2 {background:#EBEAEA; border-left:1px solid #fff; border-right:1px solid #eee;}
#catalogue.raised .bottom .b3 {background:#EBEAEA; border-left:1px solid #fff; border-right:1px solid #ddd;}
#catalogue.raised .bottom .b4 {background:#EBEAEA; border-left:1px solid #fff; border-right:1px solid #aaa;}
#catalogue.raised .bottom .b4b {background:#EBEAEA; border-left:1px solid #eee; border-right:1px solid #999;}
#catalogue.raised .bottom .b3b {background:#EBEAEA; border-left:1px solid #ddd; border-right:1px solid #999;}
#catalogue.raised .bottom .b2b {background:#EBEAEA; border-left:1px solid #aaa; border-right:1px solid #999;}
#catalogue.raised .bottom .b1 {margin:0 5px; background:#EBEAEA;}

#catalogue.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
#catalogue.raised .b3, .raised .b3b {margin:0 2px;}
#catalogue.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
#catalogue.raised .b1b {margin:0 5px; background:#999;}
#catalogue.raised .boxcontent {display:block;  background:#EBEAEA; border-left:1px solid #fff; border-right:1px solid #999;}

#colonneDeGauche .logo{
	height:130px;
	width: 220px;
}


#colonneDeGauche .menu{
	width: 220px;
		overflow: auto;
	
	 /*-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);*/
	position: relative;
	margin-left: 20px; /*top:70px;*/
/*left:30px;*/
	float: left;
	display: inline; /*sinon ie double les margin*/
}

#catalogue{
padding-bottom:30px;	
}
#infos{
padding-bottom:30px;	
}
#recherche{


text-align:center;
padding-bottom:30px;	
}


.marecherche{
height:30px;
margin:0;
padding:0;
width:100%;
line-height:30px;
}

.marecherche .champ{

padding:0;
margin:0;
height:17px;	
width:50px;	
font-size:10px;
}

.marecherche .envoi{

padding:0;
margin:0;
height:20px;	
width:60px;
font-size:10px;
}

/*------------------------------------------------------------------------*/
#colonneDeGauche .menu .bouton{

   margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	
	font-size: 9pt;
	line-height:25px;

	color: #3C3C3C;
	font-weight: bold;
	text-decoration: none;
	
	height:25px;
	display: block;
	width: 100%;
}

#colonneDeGauche .menu  .bouton a{
	color: #6E6E6E;
	text-decoration: none;
	display: block;
	padding-left: 25px;
	height:25px;
}

#colonneDeGauche .menu .bouton a:hover {
display: block;
background-color: #FFFFFF;
}

#colonneDeGauche .menu .bouton .flech_news {
border-top:1px solid #FE098E;
background-image: url(img/flech_news.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
#colonneDeGauche .menu .bouton .flech_news_clique {
border-top:1px solid #FE098E;
background-image: url(img/flech_news_clique.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
#colonneDeGauche .menu .bouton .flech_rouge {
border-top:1px solid #E33320;
background-image: url(img/flech_rouge.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
#colonneDeGauche .menu .bouton .flech_rouge_clique {
border-top:1px solid #E33320;
background-image: url(img/flech_rouge_clique.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
#colonneDeGauche .menu .bouton .flech_verte {
border-top:1px solid #C5CD15;
background-image: url(img/flech_verte.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
#colonneDeGauche .menu .bouton .flech_verte_clique {
border-top:1px solid #C5CD15;
background-image: url(img/flech_verte_clique.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
#colonneDeGauche .menu .bouton .flech {
border-top:1px solid #6E6E6E;
background-image: url(img/flech.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
#colonneDeGauche .menu .bouton .flech_clique {
border-top:1px solid #6E6E6E;
background-image: url(img/flech_clique.png);
background-position: 5px 5px;
background-repeat: no-repeat;
display: block;
}
/*------------------------------------------------------------------------*/
.ferme  {
background:000000;
display: none;
overflow:hidden;
}

.ouvert {
	display: block;
	overflow: hidden;
	
	margin-left: 0;
	margin-right: 0px;
	padding-right:0;
border-top:black solid 0px;
border-right:black solid 0px;
	padding-bottom:5px;
margin-right: 0px;
margin-left: 10px;
padding-left:0px;
}


#colonneDeGauche .menu   .sousbouton {
	
	overflow: hidden;
	padding-left: 0px;
	border-bottom: 1px solid #6E6E6E;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #6E6E6E;
}



#colonneDeGauche .menu  .ouvert  .sousbouton {
height: 22px;
}
#colonneDeGauche .menu  .ouvert .ouvert .sousbouton {
height: 20px;
}
#colonneDeGauche .menu  .ouvert  .ouvert .ouvert .sousbouton {
height: 19px;
}
#colonneDeGauche .menu  .ouvert  .ouvert .ouvert .sousbouton {
height: 18px;
}
#colonneDeGauche .menu  .ouvert  .ouvert .ouvert .ouvert .sousbouton {
height: 17px;
}
#colonneDeGauche .menu  .ouvert  .ouvert .ouvert .ouvert .ouvert .sousbouton {
height: 16px;
}




#colonneDeGauche .menu  .sousbouton a{
	
	padding-left: 15px;
	margin-left: 0px;
	text-decoration: none;
	display: block;
	height: 100%;
	background-repeat: repeat-y;
}
#colonneDeGauche .menu   .ouvert .sousbouton  a{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
		background-position: 0px 0px;
}
#colonneDeGauche .menu   .ouvert .ouvert .sousbouton  a{
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
		background-position: 0px 0px;
}
#colonneDeGauche .menu   .ouvert .ouvert .ouvert .sousbouton  a{
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
		background-position: 0px 0px;
}
#colonneDeGauche .menu   .ouvert .ouvert .ouvert .ouvert .sousbouton  a{
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
		background-position: 0px 0px;
}
#colonneDeGauche .menu   .ouvert .ouvert .ouvert .ouvert .ouvert .sousbouton  a{
	font-size:9px;
	line-height: 16px;
	font-weight: normal;
	background-position: 0px 0px;
}

#colonneDeGauche .menu  .sousbouton a p{
padding-left: 0px;
margin-left: 0px;
}

#colonneDeGauche .menu .sousbouton a:hover{

background-color: FFFFFF;
color:#3C3C3C;
display: block;
}


#colonneDeGauche .menu .sousbouton a.carre_rouge {
background-image: url(img/carre_rouge.png);
}
#colonneDeGauche .menu .sousbouton a.carre_rouge_clique {
background-color: #FF0000;
color:#FFFFFF;
}


.carre_classique{
background-image: url(img/carre_classique.png);
color: #3C3C3C;
}
.carre_contemporain{
background-image: url(img/carre_contemporain.png);
color: #3C3C3C;
}
.carre_marbre{
background-image: url(img/carre_marbre.png);
color: #3C3C3C;
}
.carre_faconff {
background-image: url(img/carre_faconff.png);
color: #3C3C3C;
}
.carre_tradition{
background-image: url(img/carre_tradition.png);
color: #3C3C3C;
}
.carre_prestige{
background-image: url(img/carre_prestige.png);
color: #3C3C3C;
}
.carre_galbee{
background-image: url(img/carre_galbee.png);
color: #3C3C3C;
}
.carre_vitrage{
background-image: url(img/carre_vitrage.png);
color: #3C3C3C;
}
.carre_classique_clique{
background-color: #AE3022;
color:#FFFFFF;
}
.carre_contemporain_clique{
background-color: #BE4E36;
color:#FFFFFF;
}
.carre_marbre_clique{
background-color: #C46B43;
color:#FFFFFF;
}
.carre_faconff_clique{
background-color: #CE7641;
color:#FFFFFF;
}
.carre_tradition_clique{
background-color: #D2823F;
color:#FFFFFF;
}
.carre_prestige_clique{
background-color: #D89348;
color:#FFFFFF;
}
.carre_galbee_clique{
background-color: #DF9F4F;
color:#FFFFFF;
}
.carre_vitrage_clique{
background-color: #E5AE54;
color:#FFFFFF;
}




.carre_store{
background-image: url(img/carre_store.png);
color: #3C3C3C;
}
.carre_pro1{
background-image: url(img/carre_pro1.png);
color: #3C3C3C;
}
.carre_pro2{
background-image: url(img/carre_pro2.png);
color: #3C3C3C;
}
.carre_metal{
background-image: url(img/carre_metal.png);
color: #3C3C3C;
}
.carre_agencement{
background-image: url(img/carre_agencement.png);
color: #3C3C3C;
}


.carre_store_clique{
background-color: #6E8326;
color:#FFFFFF;
}
.carre_pro1_clique{
background-color: #8A9D27;
color:#FFFFFF;
}
.carre_pro2_clique{
background-color: #A1B426;
color:#FFFFFF;
}
.carre_metal_clique{
background-color: #C4CD14;
color:#FFFFFF;
}
.carre_agencement_clique{
background-color: #DFDC05;
color:#FFFFFF;
}