body{
background:#dadada;
	font-family:"Arial";
	padding:0;
	margin:0;
}
article{
    margin-bottom: 15px;
}
img{
border:0;
border:none;
outline:none;
}
.Histo{
	border:0px solid;
	height:23px;
	padding-top:11px;
}

.Centreur{
background:white;
	width:1024px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #aaa;

	height:300px;
	border-bottom:0px solid ;
	border-top:0px solid;
	-o-box-shadow:0 -10px 10px #aaa;
	-moz-box-shadow:0 -10px 10px #aaa;
	-webkit-box-shadow:0 -10px 10px #aaa;
	-ms-box-shadow:0 -10px 10px #aaa;
	box-shadow:0 -10px 10px #aaa;
	position:relative;
	top:-17px;
}
.Bandeau{
	background:white;
	padding-top:0;
	height:208px;
	width:1022px;
	margin-left:1px;
	top:0;
	background-repeat:no-repeat;
	position:absolute;
	background-image:url('images/bandeau.png');
}

#nav-img{
position:relative;
}
#nav-img .img{
position:absolute;
overflow: hidden;
display:none;
width:1px;
height:82px;
}
#nav-img .img1{
	background-image:url('images/menu/nav-bg1.png');
	top:110px;
	left:130px;
}
#nav-img .img2{
	float: right;
	background-image:url('images/menu/nav-bg2.png');
	top:188px;
	right:275px;
}
#nav-img .img2 img{
	float:right;
}
#nav-img img{
	display:none;
}
#menu li a{
	display:block;
	height:130px;
}
#menu li ul{
	position:relative;
	display:none;
	float:left;
	width:35px;
	height:50px;
	padding:0;
margin:5px;
}
#menu li ul a{
	position:relative;
	left:50px;
	top:100px;
	display:block;
	width:35px;
	height:36px;
	padding:0;
}
.ul1 a{
	background:url(images/menu/btn.png) 0 0;
}
.ul2 a{
	background:url(images/menu/btn.png) -35px 0;
}
.ul3 a{
	background:url(images/menu/btn.png) -70px 0;
}
#menu li ul a:hover{
	opacity:0.9;
}
#menu{
	width:1000px;
	height:270px;
	position:relative;
	margin-left:0px;
	top:135px;
	z-index:5;
	overflow:hidden;
	margin-bottom:100px;
}
 #menu li{
	list-style:none;
    float:left;
    position:relative;
 }
 #menu li ul{
 list-style:none	
 left:125px;
 }
 .nav-1{
    height:155px;
	width:214px;
	background:url('images/menu.png') 0 0;
 }
 .nav-1:hover{
 background-position:0 -124px;	
 }
 .nav-2{
    height:130px;
 width:200px;
	background:url('images/menu.png') -214px 0;
 }
 .nav-2:hover{
 background-position:-214px -124px;	
 }
  .nav-3{
    height:130px;
 width:120px;
	background:url('images/menu.png') -414px 0;
 }
 .nav-3:hover{
 background-position:-414px -124px;	
 }
 .nav-4{
    height:130px;
 width:153px;
	background:url('images/menu.png') -534px 0;
 }
 .nav-4:hover{
 background-position:-534px -124px;	
 }
 .nav-5{
    height:129px;
 width:236px;
	background:url('images/menu.png') -687px 0;
 }
 .nav-5:hover{
 background-position:-687px -124px;	
 }
.Page{
	background:white;
	width:974px;
	position:absolute;
	top:300px;
	margin-left:-1px;
	padding:25px;
	padding-bottom:0;
	z-index:6;
	border:1px solid #aaa;
	border-top:0px solid;
	text-align:justify;

	-o-box-shadow:0 10px 10px #aaa;
	-moz-box-shadow:0 10px 10px #aaa;
	-webkit-box-shadow:0 10px 10px #aaa;
	-ms-box-shadow:0 10px 10px #aaa;
	box-shadow:0 10px 10px #aaa;

}
.precedent{
position:fixed; 
top:450px;
margin-left:25px;
display:inline-block;
background:url('images/precedent.jpg');
height:57px;
width:82px;
}
.precedent:hover{
background:url('images/precedent-h.jpg');
}
h1{
    display: block;
    background:#1a2d33;
    font-size:28px;
    color:white;
    width:40%;
    font-family:"Arial";
    margin-bottom:20px;
    padding:5px;
    padding-left:150px;
    padding-right:50px;
    overflow:hidden;
    margin-left:-25px;
    margin-bottom:50px;
    -o-border-radius: 0 15px 15px 0;
    -ms-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}
.Titre{

	background:#1a2d33;
	font-size:28px;
	color:white;
	width:40%;
	font-family:"Arial";
	margin-bottom:20px;
	padding:5px;
	padding-left:150px;
	padding-right:50px;
	overflow:hidden;
	margin-left:-25px;
	margin-bottom:50px;
	-o-border-radius: 0 15px 15px 0;
	-ms-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}

.Resume img{
	position:relative;
	top:-1px;
	left:-1px;
}
.Resume{
	float:left;
	width:255px;

	margin-right:15px;
	vertical-align:middle;
	
	text-align:justify;
	background-color:#efefef;
	font-size:13px;
	margin-bottom:25px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
.Resume p{
	display:block;
	padding:15px;
}
.Texte{
	float:left;
	width:743px;
}

.Image{
	text-align:center;
}

h3{
	text-align:center;
	font-variant: small-caps;
}

.ProdIllu{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.GroupProd{
	width:550px;
	float:left;
}
.Prod{
	background-color:#993300;
	width:550px;
	overflow:hidden;
	padding:5px;
	margin:5px;
	border:1px solid;
	color:#FFFFFF;
}

.NomProd{
	float:left;
	font-size:20px;
	font-variant: small-caps;	
	font-weight:bold;
	width:430px;
}

.DescProd{
	float:left;
	font-weight:bold;
	width:430px;
}

.NumProd{
	font-weight:bold;
	width:120px;
	float:right;
	font-size:28px;
	margin-top:3px;
	text-align:right;
}

.Illu{
	float:right;
	width:434px;
	text-align:center;
}

.ProdIllu2{
	float:right;
	width:100%;
	margin-bottom:20px;
}
.GroupProd2{
	width:550px;
	float:left;
}
.Prod2{
	background-color:#FFFFFF;
	width:550px;
	overflow:hidden;
	padding:5px;
	margin:5px;
	border:1px solid;
	color:#000000;
}

.NomProd2{
	float:left;
	color:#FFFFFF;
	font-size:20px;
	font-variant: small-caps;	
	font-weight:bold;
	width:450px;
}

.DescProd2{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	width:450px;
}

.NumProd2{
	color:#FFFFFF;
	font-weight:bold;
	width:100px;
	float:right;
	font-size:28px;
	margin-top:3px;
	text-align:right;
}

.Illu2{
	float:left;
	width:434px;
	text-align:center;
}

.fdp{
	 font-weight:normal;
	 font-size:12px;
	 color:#000000;
	 width:300px;
	 margin-left:150px;
	 text-align:center;
	 float:left;
	 overflow:hidden;
}

.bouquet{
	float:right;
	width:100%;
	height:420px;
	overflow:hidden;
	margin-right:-25px;
	margin-bottom:0px;
	background-image:url('images/fond.jpg');
	background-position:bottom right;
	background-repeat:no-repeat;
}

.black{
	position:fixed;
	z-index:200;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
    opacity : 0.7;
    filter : alpha(opacity=70);
	visibility:hidden;
}

.Diapo{ 
	position:fixed;
	z-index:200;
	top:12%;
	left:12%;
	width:75%;
	height:75%;
	background-color:#FFFFFF;
	background-image:url("images/minifond.jpg");
	background-repeat:no-repeat;
	background-position: bottom right;
	visibility:hidden;
}

#sommaire{
width:635px;overflow:hidden;margin-left:10px;margin-top:-50px;
}
#sommaire a{
display:block;
background:url('images/catalogue/sommaire.jpg');
width:635px;
height:105px;
}
a#cat2{background-position:0 -100px;}
a#cat3{background-position:0 -200px;}
a#cat4{background-position:0 -300px;}
a#cat5{background-position:0 -410px;}
a#cat6{background-position:0 -510px;}
a#cat7{background-position:0 -610px;}