/* image site 283px de large */
/*coul. site : Bordeau :#900606 - Vert : #96aa1e - Violet: #7b4e89 - Orange : #ca6a23 - Beige :#e5dec1>*/

@import url(css/home.css);
@import url(css/navigation.css);
@import url(css/bas-page.css);
@import url(css/produits.css);
@import url(css/contact.css);
@import url(css/lettre.css);
@import url(css/boutons.css);
@import url(css/page-content.css);

body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
h2,h3,h4,h5,h6 { font-size : 100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img, img a { border : 0; margin: 0; padding: 0; }
caption,th { text-align : left; }
html 	{ text-align : center;}
body {
	position : relative;
	width : 987px;
	text-align : left;
	color:#020202;
	font-size: 12px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	background-color: #ca6a23;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


a {text-decoration:none;color:#900606;font-weight: bold;}
a:hover { text-decoration:none;	color:#96aa1e;}

img, img a {
	border: 0;
	margin: 0;
	padding: 0;
}


/*chemin depage">*/
#chemin {
	color: #000000;
	text-decoration: none;
	height: 30px;
	width: 700px;
text-align:right;
}

#chemin .page li {
	display: inline;
	background-image: url(images/puce-chemin-orange.gif);
	background-repeat: no-repeat;
	background-position:0 50;
padding: 0 5px 0 12px;
	
}

#chemin .page a {
	text-decoration: none;
	font-size: 11px;
	color: #000000; 
	font-weight: normal;	
	padding:0 0 0 0;
}
#chemin .page a:hover {
	text-decoration: none;
	color: #96aa1e;
	font-weight: normal;
}

#chemin .retour {
	float: left;
	
}

#chemin .retour a {
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	background-image: url(images/puce-chemin-vert.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: normal;	
}

#chemin .retour a:hover{
	text-decoration: none;
	color: #96aa1e;
	font-weight: normal;
}




/*Stucture">*/

#enveloppe {
	color:#000;
	width:987px;
	background-image: url(images/fd-page.jpg);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/***** TOP bandeau*****/
	#top {
	width: 987px;
	height:170px;
	background-image: url(images/image-fond.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 2;
}
#top .masquetop {
	width: 987px;
	height:170px;
	position: absolute;              /* positionnement absolu       */
	z-index: 2;                      /* placement sur l'autre    */
	visibility: visible;
}
/***** Contenu*****/
#colgauche {
	float:left;
	text-align:left;
	background-image: url(images/top-carte.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 212px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*****col gauche  *****/
#panier  {
	float: left;
	width: 157px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 27px;
}

#panier .top {
	background-image: url(images/panier-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 157px;	
	
}

#panier .txt {
	width: 157px;
	font-weight: bold;
	color: #99928b;
	background-image: url(images/panier-fd.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
#panier .bas {
	width: 157px;
	height: 20px;	
}

#produitstar  {
	float: left;
	width: 160px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}

#produitstar .images {
	margin-bottom: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #900606;
	border-right-color: #900606;
	border-bottom-color: #900606;
	border-left-color: #900606;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
}

#produitstar .txt {
	width: 155px;
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;	
}


#space5 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	display: inline;
}
#space25 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	display: inline;
}
#space50 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	display: inline;
}
#savoirplus {
	clear:both;
	width: 750px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 8px;
	padding-left: 212px;
	font-size: 11px;
	color: #FFFFFF;
}

#savoirplus .top{
	background-image: url(images/fd-en-savoir-plus_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	width: 309px;	
}
#savoirplus .centre {
	background-image: url(images/fd-en-savoir-plus_02.gif);
	background-repeat: repeat-y;
	width: 299px;
	max-width: 299px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;	
}
#savoirplus .bas{
	background-image: url(images/fd-en-savoir-plus_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 5px;
	width: 309px;	
}

#savoirplus a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
}
#savoirplus a:hover {
	text-decoration:none;
	color: #910606;
	font-weight: normal;
}
.commande table { background-color:#e5dec1; padding:5px; margin:0; width:auto;}
.commande td {padding:5px; background-color:#e5dec1;}