/* CSS Document */

html {
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll; 
	overflow-x:auto;
}

body {
	margin:0px;
	padding:0px;
	background-color:#4d4c47;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#404040;
	
	/* Enlever le background-color dans la version finale 
		Ca ne sert qu'à éditer le texte dans dreamweaver
	
	background-color:#F7F6F1;*/
}

#level_0 {
	margin:auto;
	width:950px;
}

img#logo {
	float:right;
}

#top {
	color:#FFFFFF;
	font-size:12px;
	height:54px;
	padding-right:216px;
	background-color:#837d74;
	background-position:525px;
	background-repeat:no-repeat;
	border-bottom:#dad7ce 3px solid;
}

#top div#menu_top {
	padding:19px 13px 0px 0px;
	text-align:right;
	float: left;
	/*width:720px;*/
	width:510px;
}

#top a {
	color:#FFFFFF;
}

#top #recherche {
	float:left;
	width:180px;
	padding-left:19px;
	text-align:left;
}

#btn_recherche {
	margin-bottom:-6px;
}

*+html #btn_recherche {
	margin-bottom:-4px;
}

#menu {
	background-color:#9d958a;
	height:71px;
	width:734px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

#menu a {
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	height:43px;
	display:block;
	float:left;
	padding:28px 8px 0;
}

	#menu a:hover {
		text-decoration:none;
		background-image:url(../../images/template/bg_menu_fleche.png);
		background-repeat:no-repeat;
		background-position:center bottom;		
	}
	
	#menu div#menu_centrer_fr {
		margin:auto;
		width:687px;
	}
	
	#menu div#menu_centrer_en {
		margin:auto;
		width:597px;		
	}	
		
	#menu div div {
		display:block;
		float:left;
	}	
		
	#menu div div:hover {
		background-image:url(../../images/template/bg_menu.png);
		background-repeat:repeat-x;		

	}	
	

#main {
	background-color:#edebe7;
	background-image:url(../../images/template/bg_main.gif);
	background-repeat:repeat-y;
	background-position:right;
}

#main #contenu {
	float:left;
	width:561px;
	padding:24px 89px 24px 84px;
	height:314px;
	background-image:url(../../images/template/ombre-sous-menu.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

html>body #main #contenu {
	height:auto;
	min-height:314px;
}

*+html #main #contenu {
	height:314px;
}

/* Menu dans le contenu */
#contenu div.menu_contenu {
	background-color:#DAD7CE;
	position:relative;
	margin-left:-84px;
	margin-top:-22px;
	margin-right:-84px;
	margin-bottom:40px;
	padding:0px 78px 0px 73px;
}

#contenu div.menu_contenu table {
	height:10px;
	border-collapse:collapse;
	border-spacing:0px;
}

#contenu div.menu_contenu table td {
	background-color:#DAD7CE;
	font-size:12px;
	padding:0px;
}

#contenu div.menu_contenu table a.current {
	/*background-color:#EDEBE7;*/
	background-color:#FFFFFF;
}

#contenu div.menu_contenu table a {
	padding:4px 12px 7px 12px;
	display:block;
	height:100%;
	color:#404040;
}

#contenu div.menu_contenu table a.current:hover {
	background-color:#FFFFFF;
}

#contenu div.menu_contenu table a:hover {
	background-color:#E5E3DD;
	text-decoration:none;
}

/* Fin menu dans le contenu */

#main #teasers {
	padding:4px 10px 5px 14px;
	float:right;
	width:192px;
	background-image:url(../../images/template/ombre-sous-logo.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#main #teasers .menu_categories img.btn_cat {
	border-left: 1px solid #fff;
}

#main #teasers .menu_categories {
	border:1px solid #fff;
	height:44px;
	width:188px;
	margin-bottom:3px;
	height:44px;
	background-color:#656165;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:none;
	line-height:12px;
	cursor:pointer;
	}


	#main #teasers .menu_categories td#nom_cat {
		width:108px;
		text-align:right;	
		padding:0 10px;
		line-height:14px;
		}
			

	#main #teasers .menu_categories td#ima_cat {
		width:58px;
		text-align:right;
		}
	
		#main #teasers .menu_categories tr:hover td#ima_cat {
			filter:alpha(opacity=50);
        	-moz-opacity:0.5;
        	-khtml-opacity: 0.5;
        	opacity: 0.5;
			text-decoration:none;
		}	
				
		
		#main #teasers .menu_categories#salon {
			background-color:#656165;
		}	
		
			#main #teasers .menu_categories#salon tr:hover td#nom_cat {
				background-color:#4c494c;
			}				
		
		#main #teasers .menu_categories#salle-a-manger {
			background-color:#85878c;
		}	
		
			#main #teasers .menu_categories#salle-a-manger tr:hover td#nom_cat {
				background-color:#646569;
			}			
		
		#main #teasers .menu_categories#chambre {
			background-color:#a7adb0;
		}	
		
			#main #teasers .menu_categories#chambre tr:hover td#nom_cat {
				background-color:#7d8284;
			}			
		
		#main #teasers .menu_categories#matelas {
			background-color:#7a6777;
		}	
		
			#main #teasers .menu_categories#matelas tr:hover td#nom_cat {
				background-color:#5b4d59;
			}			
		
		#main #teasers .menu_categories#accessoires {
			background-color:#978a9a;
		}	
		
			#main #teasers .menu_categories#accessoires tr:hover td#nom_cat {
				background-color:#716773;
			}			
		
		#main #teasers .menu_categories#electromenagers {
			background-color:#b5a6b9;
		}	
		
			#main #teasers .menu_categories#electromenagers tr:hover td#nom_cat {
				background-color:#887c8b;
			}			
		
		
																	
#main #teasers #note {
	width:176px;
	padding:4px 6px;
	background-color:#ebeae5;
	font-size:10px;
	font-weight:bold;
}

#main #teasers div.sousmenu_box {
	border-bottom: 1px solid #b1a79c;
	border-right: 1px solid #c1b9af;
	width:187px;
}

#main #teasers div.sousmenu {
	background-image:url(../../images/template/bg-sous-menu.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	
	padding:5px 0px;
	border-bottom: 1px solid #dad7ce;
	border-left: 1px solid #eceae6;
}


#main #teasers div.sousmenu a {
	display:block;
	padding-left:24px;
	line-height:18px;
}

#main #teasers div.sousmenu a:hover,
#main #teasers div.sousmenu a.current {
	background-color:#a7adb0;
	text-decoration:none;
}

#main #teasers #note div {
	color:#696867;
	font-weight:bold;
	text-transform:uppercase;
}

#teasersBas {
	/*padding:16px 16px 6px 16px;*/
	padding:0 16px 6px 16px;
	background-color:#dad7ce;
	clear:both;
}

#teasersBas span.teaser_box {
	display:block;
	float:left;
	width:281px;
	height:104px;
	background-image:url(../../images/template/teaser-bas.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:7px;
	padding:0px 10px 10px 10px;
	overflow:hidden;
	cursor:pointer;
}

#teasersBas span.last {
	margin-right:0px;
	background-position:bottom;
	margin-top:11px; 
	height:119px;
	padding:0px 0 0px 8px;
	width:293px;
}

#teasersBas span.last img{
	padding-right:8px;
	
}

#teasersBas span.teaser_box h2.titre {
	margin:0px 0px 5px 0px;
	font-size:14px;
	color:#0c479a;
}

* html #teasersBas span.teaser_box h2.titre {
	margin:0px 0px 5px 0px;
}

#teasersBas img.photo,
#teasersBas div.photos {
	float:left;
	padding-right:10px;
}

#teasersBas div.photos {
	height:100px;
	width:93px;
}

#teasersBas a {
	color:#0C479A;
}

#teasersBas p {
	margin: 0px 0px 5px 0px;
}

#footer {
	margin-bottom:20px;
}

#footer, #footer a {
	color:#c6c6c5;
	padding-top:10px;
	font-size:11px;
}

#footer a {
	text-decoration:underline;
}

#footer span {
	padding-left:65px;
}

/*** Splash page ***/

#bleu {
	background-color:#0c479a;
	height:128px;
}

#mainSplash {
	height:477px;
	background-color:#dad7ce;
	background-image:url(../../images/template/splash.jpg);
	text-align:right;
	padding-right:21px;
}

#mainSplash div.bloc {
	text-align:left;
	width:252px;
	height:199px;
	margin-top:10px;
	padding:25px 20px 0px 20px;
}

#teasersFacebook{
	padding:8px 16px 7px;
	background-color:#e5e3dd;
	height:60px;
	color:#252525;
	font-size:12px;
	line-height:16px;
	}
	
	#teasersFacebook .box_teaser{
		width:609px;
		float:left;
		background-image:url(../../images/template/box_bg_x.png);
		background-repeat:repeat-x;
		height:60px;
		}	
		
		#teasersFacebook .box_teaser#accent_facebook{
			width:300px;
			float:right;
			}	
			
		#teasersFacebook .box_teaser a{
			color:#252525;
			text-decoration:none;
			}		
			
		#teasersFacebook .box_teaser#accent_txt a{
			font-weight:bold;
			}						
			
			#teasersFacebook .box_teaser#accent_facebook strong{
				color:#0c479a;
				}	
				
			#teasersFacebook .box_teaser#accent_facebook span{
				font-size:14px;
				}	
				
			#teasersFacebook .box_teaser#accent_facebook p{
				float:right;
				margin:0px;
				padding:0px;
				margin-top:6px;
				}												
				
	#teasersFacebook .box_teaser div{
		background-image:url(../../images/template/box_bg_droite.png);
		background-position:right top;
		background-repeat:no-repeat;
		padding:11px 13px 0 13px;
		height:49px;
		}		
		
		#teasersFacebook .box_teaser#accent_facebook div{
			padding-right:0px;
			}			
			
	#teasersFacebook .box_teaser img{
		float:left;
		margin-right:13px;
		}