body {
padding: auto;
margin: auto;
font-size: 12px;
background: url(../images/fond.jpg) repeat-x top #006c99;
}


h1 { 
font-family: Arial, Helvetica, sans-serif;
margin: 20px auto 20px 20px;
	 font-size: 24px;
	 color: #ffffff;
	 font-weight: normal;
	 font-style: None;} 
	 
h2 { 
font-family: Arial, Helvetica, sans-serif;
margin: 20px auto 20px 30px;
	 font-size: 16px;
	 color: #ffffff;
	 font-weight: bold;
	 font-style: italic;} 
	 
h3 { 
font-family: Arial, Helvetica, sans-serif;
margin: 20px auto 20px 30px;
	 font-size: 13px;
	 color: #ffffff;
	 font-weight: normal;
	 font-style: italic;
	 max-width: 600px} 
	 
ul {font-family: Arial, Helvetica, sans-serif;
 margin: 20px auto 30px 35px;
	 font-size: 12px;
	 color: #ffffff;
	 font-weight: normal;
	 font-style: none;
	 max-width:500px}
	 
p { font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto 0 30px;
     text-align:center;
	 font-size: 13px;
	 color: #ffffff;
	 font-weight: normal;
	 font-style: none;
	 max-width: 650px;
	 width:auto;}
	 

#texte {
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #ffffff; 
	text-decoration: none;
	 font-size:13px;
}

#top {
width:100%;
height:253px;
margin: 0 auto 0 auto;
background: url(../images/fondtop.jpg) repeat-x;

}

#topcontenu {
width:886px;
height: auto;
margin: 30px auto auto auto;
}

#middle {
width:100%;
min-height:367px;
margin-top:0;
background: url(../images/fondmiddle.jpg) repeat-x;
border-top: solid 1px #2ac0d0;
}

#middlecontenu {
width:886px;
height:auto;
margin: 0 auto 0 auto;
}

#bottom {
width: 100%;
height: 40px;
background-color: #4ba0ba;
}

#bottomcontenu {
width: 886px;
height: 40px;
margin: 0 auto 0 auto;
}

#contenu {
border: solid 1px #2ac0d0;
max-width: 750px;
min-height: 300px;
margin: 30px auto 30px auto;
background-color: #002f59;
}

	 

a {
color: #990000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

img {
border:none;
}


.piti {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #ffffff; 
	text-decoration: none
	
		}
		
/* css du listing catalogue */

#content {
width : 700px;
height: auto;
overflow: hidden;

margin: 40px auto 40px auto;
}

#menucatalogue {
width: 220px;
height: auto;


float:left;
margin: auto 10px auto 0;
}

#listeproduit {
margin: auto 0 auto 230px;
width: 470px;
height: auto;
min-height: 200px;


}

#unproduit {
border-bottom: solid 1px #4ba0ba;
width: 470px;
height: auto;
overflow:hidden;
margin: 10px auto 20px auto;
}

#imgproduit {
float: left;
width:100px;
max-width: 100px;
height: auto;
border: solid 1px #4ba0ba;
margin:10px auto 10px auto;
}

#descriptionproduit {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #ffffff; 
	text-decoration: none;
	text-align:justify;
width: auto;
margin: 10px 15px 20px 110px;
}

#descriptionproduit p {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #ffffff; 
	text-decoration: none;
	text-align:justify;
width: auto;
margin: 10px 15px 20px 0px;
}

h4 {

font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	color: #cccccc; 
	text-decoration: none;
	text-align:justify;
width: auto;
margin: 0px 15px 0px 110px;
}


#cat {padding:5px 35px;}


/* css de la fiche produit */

#cadreunproduit {
margin: auto 0 auto 230px;
width: 470px;
height: auto;
min-height: 200px;
}

#cadremarquephoto{
overflow:hidden;
border-bottom: solid 1px #4ba0ba;

}

#imgficheprod {
float: right;
width:150px;
height: auto;
border: solid 1px #4ba0ba;
margin:20px;
}

.sstitre {

font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #cccccc; 
	text-decoration: none;
	text-align:justify;
width: auto;
margin: 0px 15px 0px 20px;

}

.titre {

font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	color: #2fcfdb; 
	text-decoration: none;
	text-align:justify;
width: auto;
margin: 20px 15px 10px 20px;

}

#marque {

margin:20px;
}

.description {
text-align:justify;
margin: 20px;
font-family: Arial, Helvetica, sans-serif;
	
     
	 font-size: 13px;
	 color: #ffffff;
	 font-weight: normal;
	 font-style: none;
	 max-width: 650px;
	 width:auto;
}

#cadredescription{
overflow:hidden;
width:470px;

}

.retour {

font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #2fcfdb; 
	text-decoration: none;
	text-align:justify;
width: auto;
margin: 40px 15px 10px 20px;

}