/* Hardy-menager */
body{
	font-family:Arial, Helvetica, sans-serif;
}

*{ margin:0; padding:0;}

.clear{
	clear:both;
}
#page{
	width:100%;
}
/*top*/
#suporttop{
	background:url(images/px-top.gif) repeat-x;
	width:100%;
	height:180px;
}
#top{
	background: url(images/fond-top.gif) no-repeat top;
	width:815px;
	height:111px;
	margin:0 auto;
	padding:65px 0 0 140px;
	position:relative;
}
#top h2{
	font-size:16px;
	font-weight:bold;
	color:#FFBA00;
	padding-top:20px;
}
#top .marge{
	padding:0 0 0 277px;
}
.logo{
	position:absolute;
	left: 342px;
	top: 0px;
}
/*menu*/
#menu{
	width:955px;
	margin:0 auto;
	clear:both;
}

#menu ul{
	margin:5px 0 0 140px;
	list-style-type:none;
}
#menu li{
	float:left;
}
#menu li a{
	background:url(images/bg-menu.gif) no-repeat;
	text-align:center;
	color:#7BC1E5;
	font-size:16px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	width:173px;
	height:21px;
	padding:8px 0 0 0;
}
#menu li a:hover{
	color:#1456AA;
	text-decoration:none;

}
#menu li a.actif{
	color:#1456AA;
}
/*vente*/
#contenuint{
	width:910px;
	/*background:url(images/bg-contenuint.gif) no-repeat bottom left;*/
	padding:0 0 20px 15px;
	margin:0;
}
.fond1{
	background:url(images/bg-contenuint.gif) no-repeat bottom left;
}
.fond2{
	background:url(images/bg-contenuint.jpg) no-repeat bottom left;
}
.contenuleft{
	width:270px;
	padding:0 0 0 20px;
	float:left;
	color:#1456AA;
	font-size:12px;
}
.contenuleft img{
	padding:10px  10px 5px 0;
	vertical-align:middle;
	float:left;
}
.contenuleft a{
	color:#7F0D30;
	text-decoration:none;
	font-weight:bold;
}
.contenuleft a:hover{
	color:#1456AA;
	text-decoration:none;
}
.contenuleft p{
	padding:10px 0 15px 22px;
	display:block;
}
.contenumidl{
	width:262px;
	padding:5px 0 10px 20px;
	float:left;
}
.contenumidl img{
	margin:0 0 10px 0;
}
.produit{
	background:url(images/bg-produit.gif) no-repeat bottom #fff;
	width:257px;
	height:167px;
}
.produit ul{
	padding:5px 5px 5px 45px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	list-style-type:none;
}
.produit li{
	background:url(images/carre-video.gif) 0 5px no-repeat;
	padding:0 0 0px 15px;
	margin:0;
	line-height:18px;
}
.contenuright{
	width:260px;
	float:left;
	padding:0px 0 0 20px;
}
.appareil{
	background: url(images/bg-appareil.gif) no-repeat bottom #fff;
	width:257px;
	padding:0;
	margin:0;
	height: 180px;
}
.appareil img{
	margin:0;
	padding:0;
}
.appareil p{
	padding:35px 5px 0 47px;
	font-size:13px;
	color:#000;
	font-weight:bold;
	line-height:25px;
	display:block;
}
.cuisine{
	background: url(images/bg-art.gif) no-repeat bottom #fff;
	width:258px;
	padding:0;
	margin:0;
	height:180px;
}
.cuisine img{
	margin:0;
	padding:0;
}
.cuisine h3{
	color:#FD796E;
	font-size:16px;
	font-weight:bold;
	padding:25px 0 0 55px;
	display:block;
}
.cuisine ul{
	margin:16px 5px 0px 55px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	list-style-type:none;
}
.cuisine li{
	background: url(images/carre-cuisine.gif) 0 5px no-repeat;
	padding:0 0 3px 15px;
	margin:0;
}

.contenumidltxt{
	border-left:2px solid #1456AA;
	width:260px;
	margin:20px 0 0 0;
	padding:0 0 0 10px;
	font-size:11px;
	color:#1456AA;
}
.contenumidltxt p{
	display:block;
	padding-bottom:5px;
}
.contenumidltxt a{
	text-decoration:none;
	color:#1456AA;
}
.contenumidltxt a:hover{
	color:#000;
}

/*contenent*/
#supportcontenet{
	width:100%;
	background:url(images/px-contenet.gif) repeat-x top;
	clear:both;
}
#contenent{
	width:922px;
	background:url(images/fond-contenent.gif) no-repeat top;
	margin:0 auto;
	padding:17px 0 0 33px;
}
/*index*/
.leftindex{
	float:left;
	width:273px;
	padding:0 0 0 25px;

}
.leftindex img{
	float:left;
}
.imgindex{
	margin:0 0 12px 0;
}
.leftindex p{
	color:#459CE1;
	font-size:11px;
	font-weight:bold;
	text-align:justify;
}


.midlindex{
	float:left;
	width:273px;
	padding:0 0 0 15px;

}

.midlindex p{
	color:#599349;
	font-size:11px;
	font-weight:bold;
	padding:0 0 15px 0;
}
.midlindex img{
	float:left;
}
.frai{
	width:200px;
	padding:0 0 0 65px;
	color:#599349;
	font-size:11px;
}
.frai p{
	display:block;
	padding-bottom:10px;
}
.frai span{
	float:right;
	display:inline;
}


.rightindex{
	float:left;
	width:273px;
	padding:0 0 0 15px;
}
.rightindex p{
	color:#FD796E;
	font-size:11px;
	font-weight:bold;
	text-align:justify;
}
.rightindex img{
	float:left;
}
/*vente*/
.contenuleftvente{
	width:300px;
	padding:20px 0 0 100px;
	float:left;
	color:#1456AA;
	font-size:12px;
	margin:0 0 10px 0;
}
.contenuleftvente img{
	padding:0  10px 5px 0;
	vertical-align:middle;
	float:left;
}
.contenuleftvente p{
	padding:0 0 15px 22px;
	display:block;
	vertical-align:middle;
}
.contenuleftvente h4{
	padding:0 0 5px 0px;
	display:block;
	font-weight:bold;
	font-size:12px;
}
.fraivente{
	width:200px;
	padding:5px 0 15px 55px;
	color:#7F0D30;
	font-size:11px;
	font-weight:bold;
}
.fraivente span{
	float:right;
	display:inline;
}
.horaire{
	width:200px;
	padding:0 0 0 10px;
	color:#7F0D30;
	font-size:11px;
	line-height:20px;
}
.horaire span{
	float:right;
	display:inline;
	font-weight:bold;
}
.contenumidlvente{
	width:300px;
	padding:20px 0 10px 60px;
	float:left;
}
.contenumidlvente img{
	margin:0 0 10px 0;
}
/*contact*/
.leftcontact{
	float:left;
	width:273px;
	padding:40px 0 180px 25px;
	text-align:center;
	color:#8EB9F0;
	font-size:18px;
	background:url(images/maison-contact.gif) bottom no-repeat;
}
.leftcontact span{
	color:#1456AA;
}
/******* formulaire *****/
#formulaire{
	float:left;
	width:270px;
	padding:40px 0 0 10px;
	color:#1456AA;
	font-size:11px;
}

#formulaire p{
	margin:5px 0 5px 0; 
	width:270px;
	float:left;
	display:block;
}
 
#formulaire span{
	float:left;
	font-weight:normal;
}
#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid  #1D5DAD;
	width:200px;
	color:#1456AA;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #1D5DAD;
	width:200px;
	height:70px;
	color:#1456AA;
}

#formulaire .bout{
	width: 61px;
	height:16px;
	border:none;
	padding-right:0px;
}

#formulaire .rouge{
color:#FF0000;
text-align:right;
}
.right{
text-align: right;
}
.plan{
	float:left;
	margin:0 0 0 10px;
}






































/*footer*/
.footer{
	width:888px;
	margin:0 auto;
	color:#3559A9;
	font-size:11px;
	padding:50px 0 10px 0;
	clear:both;
}
.footerimg{
	float:left;
}
.footercontact{
	float:left;
	border-left:1px solid #7F0D30;
	margin:0 0 0 10px;
	padding:0 10px 0 20px;
	display:block;
}
.footercontact ul{
	list-style-type:none;
	float:left;
	width:150px;
	height:25px;
}
.footercontact li{
	float:left;
}
.footercontact li a{
	color:#3559A9;
	text-decoration:none;
	padding:0 1px 0 2px;
}
.footercontact li a:hover{
	color:#7E0D2F;
	text-decoration:none;
}
.logotoptec{
	width:922px;
	padding:20px 0 0 0;
	font-size:9px;
	text-align:center;
	font-weight:bold;
	clear:both;
}
.logotoptec a{
	color:#000;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#940606;
	text-decoration:none;
}