body {
	background:#C8C8C8;
	font-family:Arial;
	margin:0 auto;
	padding:0;
	font-size:12px;
}

/* Haut du site */
#top ul{
	list-style:none;
	margin:0 auto;
}

		#top ul li{
			display:inline;
			margin:0 15px 0 15px;
			line-height:30px;
		}

		#top ul li a{
			font-family:Verdana;
			font-size:10px;
			color:#FFF;
			text-decoration:none;
		}
		
/* Cadre gris */
#page{
	width:80%;
	min-height:900px;
	margin:0 auto;
	padding-bottom:10px;
	background:#868686 url(../images/fond.jpg) repeat-x;
}

/* Ensemble du site (logo, contenu...) */
#conteneursite{
	width:800px;
	margin: 0 auto;
}

#menutop{
	height:36px;
	width:800px;
	margin:auto;
	background:url(../images/menu_haut.jpg);
}

	#menutop ul{
		list-style:none;
		margin-left:35px;
		margin: 0 auto;
	}

	#menutop ul li{
		display:inline;
		font-family:Verdana;
		font-size:11.2px;
		color:#888888;
		font-weight:bold;
		margin:0 20px 0 24px;
	}

	#menutop ul li a{
		display:block;
		margin-top:3px;
		float:left;
		width:142px;
		line-height:30px;
		text-decoration:none;
		color:#888888;
		text-align:center;
		text-transform:uppercase;
	}

	#menutop ul li a:hover{
		color:#FFF;
		background:url(../images/menu_actif.jpg) no-repeat;
	}

#header{
	height:128px;
	width:800px;
	margin:auto;
	background:url(../images/header.jpg);
}

	#header #bloc_boutons{
		float:left;
		width:211px;
		margin:30px 0 0 70px;
	}

	#header .bouton_header{
		display:block;
		background:url(../images/bouton_header.gif) no-repeat;
		height:25px;
		font-family:Verdana;
		font-size:10px;
		color:#888888;
		padding-top:6px;
		text-indent:30px;
		margin-bottom:10px;
		text-decoration:none;
		font-weight:bold;
	}

	#header .bouton_header:hover{
		color:#000;
	}

	#header #logo_hanns{
		float:left;
		width:85px;
		height:105px;
		text-align:center;
		margin:20px 0 0 80px;
	}

	#header #logo_hanns img{
		border:0;
	}

	#header #slogan{
		float:left;
		font-family:Arial;
		font-size:16px;
		color:#727678;
		font-weight:bold;
		width:280px;
		height:60px;
		text-align:center;
		margin:45px 0 0 20px;
	}

/* Contenu du site (contenu à droite, menu à gauche) */
#content{
	width:800px;
	min-height:650px;
	background:url(../images/content_repeat.jpg) repeat-y;
}

#content_right{
	float:right;
	width:490px;
	padding:0 0 0 20px;
	background:#fff;
}

	#content_right #photo_edito{
		float:left;
	}

	#content_right #edito{
		float:right;
		font-size:12px;
		margin-top:30px;
	}

	#content_right #edito #texte_edito{
		float:right;
		display:block;
		width:300px;
		padding-right:40px;
		text-align:justify;
		font-size:12px;
	}

	#content_right #edito #texte_edito img{
		margin:15px 5px 0 0;
	}

	#content_right #edito #produit_pour_vous{
		color:#1B5DA0;
	}

	html > body #content_right #titre_actuvideo{
		margin-top:20px;
	}

	#content_right #actuvideo{
		background:url(../images/blocFond_video.jpg) left bottom no-repeat;
		width:460px;
		font-size:12px;
		text-align:center;
		margin:5px 0 20px 0;
	}

	#content_right #blocHaut_video {
		background:url(../images/blocHaut_video.jpg) no-repeat;
		width:460px;
		height:42px;
		padding-top:10px;
		color:#FFF;
		margin-bottom:20px;
		font-weight:bold;
		text-transform: uppercase;
	}

	#content_right #blocBas_video {
		background:url(../images/blocBas_video.jpg) no-repeat;
		width:401px;
		height:30px;
		margin:auto;
		padding-top:8px;
		text-indent:120px;
		font-weight:bold;
	}
	#content_right #blocBas_video a {
		color: #000;
	}

	#content_right form{
		margin-top:30px;
	}

	#content_right form table{
		margin-top:30px;
		font-size:12px;
	}

	#content_right form{
		margin:0;
		padding:0;
	}

	#content_right form table{
		margin:0 auto;
	}

	#content_right .inputform{
		float:left;
		width:250px;
		height:20px;
	}

	#content_right .inputform_textarea{
		float:left;
		width:250px;
		height:100px;
	}

#content_left{
	float:left;
	width:280px;
	min-height:675px;
	background:url(../images/menu_gauche.jpg) no-repeat;
}

	#content_left #menu_title{
		margin:20px 0 0 28px;
		border:0;
	}

	#content_left #menu_separ{
		margin:0 0 0 30px;
	}
	
	#content_left #menu_left{
		list-style-image:none;
		margin-left:20px;
	}
	
	#content_left #menu_left li{
		margin:5px 0 5px -5px;
		padding-top:-10px;
		font-weight:bold !important;
		font-size: 13px;
		color:#666;
	}
	
	#content_left #menu_left li a {
		margin:10px 0;
		font-family:Verdana;
		font-size:10px;
		text-decoration:none;
		color:#666;
		text-transform:uppercase;
	}

	#content_left #menu_left a:hover{
		text-decoration:underline;
	}

	#content_left #menu_left li ul{
		list-style-image:none;
	}

	#content_left #menu_left li ul li{
		margin-left:10px;
	}

	#content_left #menu_left li ul li .bullet{
		padding-left:6px;
	}

	#content_left #menu_left li ul li a{
		font-weight:100;
	}

	#content_left #menu_left li ul li .selectedArt{
		font-weight:bold !important;
	}

	#content_left #formSearch .inputsearch{

	}

	#content_left #formSearch .submitsearch{

	}

.promos {
	margin: 20px 30px 0 0;
	border-bottom: 1px dotted #ccc;
}
.promo-intro {
	width: 250px;
	float: left;
	margin: 0 10px 0 0;
}
.img-promo {
	width: 200px;
	float: right;
}
	.img-promo img {
		width: 200px;
		margin: 0 0 80px 0;
	}

.promo-title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #157BF9;
}

.prod_intro {
	width: 240px;
}
.prod_slogan {
    background:url(../images/puce_bleu.gif) left 5px no-repeat;
    padding-left: 10px;
}
.prod_img {
    position: absolute;
    margin: 0 0 0 20%;
}

/* détail  promos*/
.blog {
	margin: 30px 0 0 0;
}
.blog img {
	float: left;
	margin: 0 20px 0 0;
}


/* Footer */
#footer{
	height:35px;
	width:800px;
	margin:auto;
	background:url(../images/footer.jpg);
	font-size:10px;
	text-align:center;
}

	#footer .footer_text{
		display:block;
		text-align:center;
		padding:5px 0;
		margin:0 auto;
		width:80%;
	}

	#footer .footer_text a{
		color:#000;
		text-decoration:underline;
	}
/* Classes utiles */
.clear{
	clear:both;
}
.btn-send {
	border: 1px solid #FA6C15;
	background: #fff;
	color: #FA6C15;
	font-weight: bold;
	cursor: pointer;
}