* {
	margin:0;
	padding:0;
}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#f2e633;
}

#conteneur{
	width:960px;
	margin-top:10px;
	margin: 0 auto;
	position: relative;
	background-color:#fff;
}
.alert {
	color:#FF0000;
	font-size:9px;
	font-weight:bold;
}

/************************* HEADER ******************************************/
#header {
	height:151px;
	background-image:url(/Design/header.jpg);
	background-repeat:no-repeat;
	background-color:#f2e633;
}

#titre_header{
	position:relative;
	left:710px;
	width:240px;
	top:-60px;
	font-weight: bold;
	text-align:right;
}

#logo {
	position:relative;
	left:0px;
	top:0px;
}

/************************ NAVIGATION ******************************************/
#menu {
	position:absolute;
	margin-top:-39px;
	margin-left:173px;
	background-color:#f2e633;
	left: 2px;
	top: 167px;
}

#menu ul {
	list-style:none;
}

#menu li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

#menu li a {
	display: block;
	background: url(/Design/onglet.jpg) left top no-repeat;
	color: #37351d;
	font-weight:bold;
	text-decoration:none;
	width:120px;
	height:23px;
	text-align: center;
	line-height:23px;
}	

#menu li a:hover, #menu li a:focus, #menu li a:active {
	background: url(/Design/onglet.jpg) left -23px no-repeat;
	color:#FFF;
}

#menu li a.selected {
	background: url(/Design/onglet.jpg) left -23px no-repeat;
	color:#FFF;

}
/************************* BLOCK INFOS **********************************/

#infotop {
	width:199px;
	height:24px;
	color:#FFF;
	padding:0 5px 0 5px;
	line-height:24px;
	background-image:url(/Design/blockinfo_top.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-weight:bold;
}

#infocentre {
	padding:5px;
	background-image:url(/Design/blockinfo_fond.jpg);
	background-repeat:repeat-y;
	font-size:11px;

}

#infobottom{
	width:199px;
	height:40px;
	color:#FFF;
	padding:0 5px 0 5px;
	background-image:url(/Design/blockinfo_bottom.jpg);
	background-repeat:no-repeat;
}

table.panier td {
	height:15px;
}
.ButtonValideCommande {
	float:right;
	margin:3px 8px 0 0;
}
#promo {
	margin-top:10px;
	border-bottom:1px dotted #666;
	font-size:10px;
	width:188px;
}

#promo img {
	float:right;
	margin:0 5px 5px 3px;
}
/************************* CONTENU CENTRAL **********************************/
#contenu {
	margin-top:10px;
	background-color:#FFF;
}

#contenu_gauche {
	width:700px;
	padding:10px;
	float:left;
}

#contenu_droite {
	width:205px;
	float:right;
	padding:10px;
}
h1 {
	font-size:16px;
	color:#C6C45E;
	margin-left:5px;
}
h1 a{
	color:#f2e633;
	
}

h2 {
	font-size:14px;
	color:#666;
}

h2 a{
	color:#666;

}

h3 {
	font-size:10px;
	display:inline;
	color:#000;
	font-weight:normal;
}

h3 a{
	color:#000;

}

.nettoyeur {
	clear:both;
}
/************************* Presentation liste categories **********************************/

#listcat {
	border:1px solid #CCCCCC;
	width:690px;
	margin:2px 5px 3px 5px;
	font-size:12px;
}
#listcat img {
	float:left;
	padding:5px;
}
.introcat {
	margin:2px 5px 2px 150px;
	width:520px;
}
/************************* Presentation liste sous categories **********************************/

#listsscat {
	border:1px solid #CCCCCC;
	width:680px;
	margin:2px 5px 3px 5px;
	font-size:11px;
	padding:5px;
}
#listsscat img {
	float:left;
	padding:5px;
}
.introsscat {
	font-size:11px;
	margin-left:5px;
}
.BlockPrix {
	color:#990000;
	float:right;
	width:120px;
	margin-left:5px;
	padding:10px;
}
.prix {
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#detailprix {
	margin-top:10px;
}

#detailprix a {
	display: block;
	background: url(/Design/onglet.jpg) left top no-repeat;
	color: #37351d;
	font-weight:bold;
	text-decoration:none;
	width:120px;
	height:23px;
	text-align: center;
	line-height:23px;
}	

#detailprix a:hover, #detailprix a:focus, #detailprix a:active {
	background: url(/Design/onglet.jpg) left -23px no-repeat;
	color:#FFF;
}
/************************* Presentation des articles **********************************/
#article {
	border:1px solid #CCCCCC;
	width:680px;
	margin:2px 5px 3px 5px;
	font-size:11px;
	padding:5px;
}

#article img{
	float:left;
	padding:5px;
}

table.DetailsTable{
	margin-left:10px;
	margin-top:10px;
}
table.DetailsTable td {
	border-bottom:1px solid #ccc;
	height: 45px;
}
table.DetailsTable tr.titre {
	background-color:#f2e633;
	text-align:center;
	font-weight:bold;
}

#BoutonPanier {
	margin-top:10px;
}
#BoutonPanier a {
	display: block;
	background: url(/Design/fond_bouton.jpg) left top repeat-x;
	color: #37351d;
	font-weight:bold;
	text-decoration:none;
	height:23px;
	text-align: center;
	line-height:23px;
}	

#BoutonPanier a:hover, #BoutonPanier a:focus, #BoutonPanier a:active {
	background: url(/Design/fond_bouton.jpg) left -23px repeat-x;
	color:#FFF;
}

/************************** FORMULAIRE *************************************/
.coordonnees {
	float:right;
	margin:50px 10px 10px 0;
	padding:5px;
	width: 200px;
	border:1px dotted #666;
	text-align:center;
}


fieldset {
	text-align:left;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

fieldset legend {
	color: #4020E0;
}

label {
	float:left;
	width:25%;
	margin-right:7px;
	padding-top:4px;
	text-align:right;
}

input {
	 margin-bottom:1px;
	 text-align:left;
}

select {
	margin-bottom:1px;
}

textarea {
	width:230px;
	height:85px;
	margin-bottom:1px;
}

/************************** DIAPORAMA *************************************/

#vignettes { 
	width:690px;
	/*height:130px;*/
}
#vignette {
	float:left;
	width:165px;
	height:180px;
}

#vignette img {
	margin:2px;
}
#vignette .legende {
	color:#999999;
	font-size:9px;
	text-align:center;
}
#vignette .legende a {
	color:#999999;
}


/************************** FOOTER *************************************/
#footer {
	clear:both;
	text-align:center;
	width:960px;
	color:#000;
	padding-top:10px;
	height:30px;
	font-size:10px;
	background-color:#f2e633;
}

a {
	color:#000;
}