/********************************************************
CSS pour le site de Top Bedding
Création du css : Martin Durette
Date : Octobre 2009
Une réalisation de Conceptö
********************************************************/


/********************************************************
	Styles de base 
********************************************************/
	body{margin:0; padding:0; font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; height:100%}
	a{outline:none}
	
	.clear{clear:both;}
	.bg1{background:url(../images/bg_1.jpg) top left no-repeat;}
	.bg2{background:url(../images/bg_2.jpg) top left no-repeat;}
	.bg3{background:url(../images/bg_3.jpg) top left no-repeat;}
	.bg4{background:url(../images/bg_4.jpg) top left no-repeat;}
	.bg5{background:url(../images/bg_5.jpg) top left no-repeat;}

	.exposant{font-size:0.8em; vertical-align: baseline;position: relative;top: -0.4em;}


	#contenant{margin:102px 0 0 0; padding:0; width:950px; background:url(../images/shadow.png) repeat-y}
	
	#langue{position:absolute; margin:0 0 0 648px; top:70px; width:100px; text-align:right; z-index:20}
		#langue a{color:#000; text-decoration:underline; font-size:1.2em}
		#langue a:hover{text-decoration:none}

/********************************************************
	Menu
********************************************************/
	#menu{float:left; margin:0; width:158px; border:0px solid #000; padding-top:88px}
	#menu img{border:0}


/********************************************************
	Sous-Menu
********************************************************/
	#sousmenu{float:left; margin:0; width:179px; border:0px solid #000; padding-top:88px}
	#menu img{border:0}



/********************************************************
	Contenu
********************************************************/
	#contenu{float:left; margin:0; width:590px; border:0px solid #f00;}
		#header{margin:0; padding:0; height:88px; z-index:2}
		#banner{margin:0; padding:6px; width:578px; text-align:center }
		
		#main{margin:0; padding:20px 0 30px 0; background:url(../images/footer.jpg) bottom left no-repeat; }
		#main h1{margin:0 0 20px 70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d}
		#main h1.ref{margin-left:70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d}
		#main h2.ref{margin:0 0 20px 70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d}
		#main h2{margin-left:70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d}
		#main h3{margin-left:70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; letter-spacing:0.1em; text-transform:uppercase; color:#5d685d}
		#main p{margin:0 70px 20px 70px; color:#5d685d; line-height:150%; }
		#main ul{padding-left:100px; margin-left:0}
		#main li{color:#5d685d; line-height:150%}
		
		table.template{font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; color:#333333}
		table.template td{background:#efefef}
		input, select, textarea{border:1px solid #aaa; color:#333333}
		
		table.template2{font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; margin-left:70px}
		table.template2 td{color:#5d685d}
		table.template2 td.rouge{color:#F00}
		table.template2 td.gris{background:#efefef}
		
		table.template3{font-family:"Trebuchet MS",Verdana, Geneva, sans-serif; font-size:12px; margin-left:70px; border-top:2px solid silver; border-bottom:2px solid silver}
		table.template3 td{color:#5d685d}
		table.template3 td.rouge{color:#F00}
		table.template3 td.gris{background:#efefef}
		


/********************************************************
	Footer
********************************************************/
	#footer{margin:0; padding:10px 0 10px 0; text-align:center; background:#ffffff; font-size:0.9em}
		#footer p{margin-top:0; margin-bottom:5px; color:#677375}
		#footer a{color:#677375}
		#footer a:hover{color:#ee0000}
	#shadowfooter{margin:0; padding:0}
		
		
.mce_img_gauche{float:left; padding:0 10px 10px 0}
	.mce_img_droite{float:right; padding:0 0 10px 10px}
	.mce_exposant{font-size:9px; vertical-align: baseline;position: relative;top: -0.4em;}
	.mce_infotop{margin-top:10px 0 0 0}
	.mce_encadre{padding:20px; background:#ccc; margin:20px}