

body {
	font-family: arial, verdana, helvetica, sans-serif;
    background-color: #660000;/* marron */
	color: #fff;
	margin: 0;
	padding: 0;
/*
	background-position: center;
	background-repeat: repeat-y;
*/	
    height: 100%;
    text-align: center;
}
* {
	padding: 0;
	margin: 0;
}
a img {
	border: none;
}

#container {
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  text-align: left;
  position:relative;
}

/*#################################  HEADER FOOTER  #######################################*/
#header
{
	height:112px;
	background-position: bottom;
	background-repeat: no-repeat;
}

#centre
{
	background-position: center;
	background-repeat: repeat-y;
}

#footer
{
    width:760px;
    height: 42px;
	background-position: center;
	
/*
	position: fixed;
    bottom: 0;
     
   position: expression("absolute"); 
   width: expression("100%"); 
   top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
*/
}
/*#################################  COLONNE GAUCHE #######################################*/
#menuGauche 
{
	width: 193px !important;
	/*width: 201px;*/
	background-color: #660000; /* marron */
	border: 2px #fff solid;
	margin: 0 0 0 8px !important;
	margin: 0 0 0 4px;
	padding: 2px 6px;
	float:left;
}

#menuGauche ul {margin:0;padding:0}
#menuGauche li 
{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 2px;
	padding: 0 0 0 10px;
	/*
	list-style-position: inside;
	list-style-image: url(images/puceRose.gif);
	*/
}
#menuGauche li a 
{
	color: #ac514d;
	text-decoration: none;
}
#menuGauche li a:hover 
{
	color: #fff;
}

/*#################################  CENTRE #######################################*/

#content{
	display: block;
	width:523px !important;
	width:515px;
	margin : 0 0 0px 222px;
	padding:0 4px 0 4px;
	
	/*
	border: 1px #ff66ff solid;
	min-height:600px;
	height:auto !important;
	height:600px;
	*/
}
#content h1{
	color:#fff;
	font-size: 17px;
	/*
	margin : -42px 5px 0 0 !important;
	margin : -31px 2.5px 0 0;
	letter-spacing:3px;
	float:right;
	*/
	position:absolute;
	top:84px;right:10px;
	text-align:right;
	padding:0;
	/*float:left;*/
	margin:0 5px 0 0 !important;
	margin:0 10px 0 0;
}
#content h2
{
	font-size: 16px;
	/*letter-spacing:3px;*/
}
#content p
{
	font-size: 12px;
	/*letter-spacing:1px;*/
}
#content a{color:#660000;/* marron */}


/* bloc d'image de la catégorie */
#headingCatImg{/*display:none*/}
/* entete pour listing */
#splitPageTop{padding-top:10px;}
#splitPageBottom{clear:both}
/*#################################  #######################################*/
.section {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	font-stretch: 1px;
	background-image: url(images/flecheBlanche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 0 0 2px;
	padding: 0 0 0 8px;
}
.recherche {
	color: #ffff99;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}



/*#################################  #######################################*/
h3, h4 
{
	font-size: 14px;
	margin:8px 0 2px 0;
	color: #145d84; /* bleu foncé */
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
	display:block;	
}
p{margin:8px 0;}
.clr{clear:both;border:0px solid #000;}
.important{font-size:12px;color:#EF5959;/* rouge */}
.navBt {float:right;margin-right:10px;}
#breadCrumb {padding:0 0 0 0px;font-size: 11px;color:#660000;/* marron */}
ul {list-style:none;}
.notice{color:#EF5959;}
fieldset#cgv{display:none}
.textSmall{font-size:10px !important;}
/*################################# FIL D'ARIANE #######################################*/

#content #breadCrumb a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: color:#660000;/* marron */
	/*font-weight: bold;*/
	text-decoration: none;
	display:inline;
}
#content #breadCrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	text-decoration: underline;
	font-variant: normal;
}

/* ####################################### BOXES #########################################*/

.boxes li hr {display:none;}

/* menu produit */
#categoriesBox h4 {display:none;}
#categoriesBox .boxes ul{margin:0;padding:0}
#categoriesBox .boxes ul li{background:url(images/ligneBlanche.gif) no-repeat top left;margin:0;padding:5px 0;list-style-type:none;list-style-image:none;}
#categoriesBox .boxes ul li a
{
	font-size: 11px;
	font-weight: bold;
	font-stretch: 1px;
	background: url(images/flecheBlanche.gif) no-repeat left center;
	color:#fff;
	text-decoration:none;
	padding: 0 0 0 8px;
}
#categoriesBox .boxes ul li a:hover{text-decoration:underline;}
#categoriesBox .boxes ul li ul{margin:0;padding:0}
#categoriesBox .boxes ul li ul li{background:none;padding:0px 0;margin:0;}
#categoriesBox .boxes ul li ul li a{padding-left:10px;background: url(images/puceRose.gif) no-repeat 0px 5px;color: #ac514d;text-decoration: none;}
#categoriesBox .boxes ul li ul li a:hover{color: #fff;text-decoration: none;}

/* ################################ CONTENT #########################################*/
/* ########### PRESENTATION */
#presentationBox
{
	float:left;
	font-family: "Times New Roman", Times, serif;
	font-size:13px;
	width:340px;
	border-right:1px dotted #FFCC33;/* jaune */
	color:#000;
}
/* phrase de création compte */
p.customerGreeting{margin:4px 0;padding:0;}

#presentationBox .textMain
{
	margin:5px;
	padding:8px;
	background-color:#FFCC33;/* jaune */
}
#presentationBox .textMain ul
{
	background-color:#ffff9a; /* jaune clair */
	margin:4px;
	padding:8px;
}
#presentationBox .textMain ul li{list-style-type:none}
#presentationBox #visuel_presentation{text-align:center;}

/* Box produit du mois */
#produitMoisBox
{
	margin-right:5px;
	float:right;
	width:165px !important;
	width:160px;
	/*overflow:hidden;*/
	text-align:right;
}
#produitMoisBox #produitMoisVisuel{text-align:center;border:2px solid #FFCC33;/* jaune */}
#produitMoisBox p#produitMoisTexte{color:#000;font-size:11px;}
#produitMoisBox h3{font-size:12px;color:#000;font-weight:bold;text-decoration:underline;margin:5px 0}

/* ########### LISTING PROD */
.listingProd
{
	float:left;
	width:162px;
	height:185px;
	margin:4px;
	overflow:hidden;
}
.listingProdVisuel
{
	border:1px solid #666666; /* gris */
	margin-bottom:5px;
	text-align:center;
	overflow:hidden;
}
.listingProdTexte{font-size:11px;}
#content  a.listingProdNom{display:block;color:#000;text-decoration:underline;font-weight:bold;}
#content  a.listingProdNom:hover{color:#000;text-decoration:underline;font-weight:bold;}
#content .listingProdBouton a{display:block;text-decoration:none;}
#content .listingProdBouton a:hover{text-decoration:underline;}


/* ########### NOUS CONTACTER */
#coordonnees{}

/* FORMULAIRE */
#coordonneesHG{float:left;width:385px;font-size:14px;}

#coordonneesHG fieldset
{
margin:0;
padding:10px;
border:none;
width:365px;
height:320px;
background-color:#003A5C;/* bleu Fonce*/
color:#fff;
}
#coordonneesHG fieldset p{color:#fff;padding:5px 0;}
#coordonneesHG fieldset a{text-decoration:none;color:#fff}
#coordonneesHG fieldset a:hover{text-decoration:underline;color:#fff}
#coordonneesHG fieldset label{float: left;width:150px;text-align:left;color:#fff}
#coordonneesHG fieldset input{width:200px;}
#coordonneesHG fieldset input.submitBt{width:75px;}
#coordonneesHG fieldset textarea{width:200px;height:100px}

#coordonneesHG div{width:170px;float:right;margin:5px 0;}
#coordonneesHG span{float:left;margin:5px 0;}
#coordonneesHG ul{color:#fff;}
#coordonneesHG ul li{list-style-type:none;clear:both;}

#coordonneesHD{float:left;width:134px;}#coordonneesHD img{margin-top:20px}

#coordonneesBG{float:left;width:385px;}

#coordonneesBD{position:relative;font-size:12px;float:left;width:134px;height:175px;background-color:#f4b826;/* orange */}
#coordonneesBD span{color:#000;position:absolute;bottom:5px;left:2px;}

/* ########### PANIER */
#shoppingCart {float:left;width:100%;}
table {width:100%;margin:0px 5px 5px 0;}

dl, dt, dd {display:block;}
dt {font-weight: bold;}
dd {border-left:1px solid #fff;}

td, th {
	background:#dee7ec;/* bleu clair */
	font-size: 11px;
	color: #145d84; /* bleu foncé */
	padding:0 10px;
	border-bottom:1px solid #fff;
}

th {font-size:16px;}

/* ########### HISTO COMMANDES */
#account ul,#accountHistory dl
{margin:10px 0;padding-bottom:5px;border-bottom:1px dotted #003A5C; /* bleu foncé */}

/* ########### PLAN D'ACCES */
#plan_acces
{
	margin:0 0 -26px -4px !important;
	margin:0 0 -26px -7px;
	padding:0;
}
#plan_acces a
{
	position:absolute;
	z-index:100;
	top:150px;right:45px;
	width:1px;height:1px;
	border:45px solid transparent;
}
/*################################# FORMULAIRES #######################################*/
fieldset {
	/*margin: 0 auto;
	float:left;
	*/
	clear:both;
	margin-right:5px;
	padding:10px;
}
fieldset p{margin:5px 0;padding:0;display:block;clear:both}
fieldset label
{
	float: left;
	width:220px;
	text-align:left;
	/*border:1px solid #000;*/
}

input { 
	font-family: Verdana;
	font-size: 10px;
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	float:left;
	margin-right:2px;
}
.gender input, .shippingSelect input {float:none;}
.cartQty input,.cartDelete input {float:left;}
input#cartQty{width:50px;}

select { 
	font-family: Verdana;
	font-size: 10px;
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	margin-right:2px;
}
img {border: 0px;}

textarea { 
	font-family: Verdana;
	font-size: 10px;
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	float:left;
}

input.submit { 
	color: #145d84; /* bleu foncé */
	background-color:#fff;
	font-family: Verdana;
	font-size: 10px;
	display:inline;
}
input.image
{
	border:none;
	width:auto;
}
input.radio
{
	float:none;
	border:none;
}
input.checkbox
{
	float:none;
	border:none;
}

/*################################################*/
/*##### GENERAL */
/*################################################*/
h3, h4 {color: #003A5C; /* bleu foncé */}

#content h2{color:#003A5C; /* bleu foncé */}
#content p{color:#003A5C; /* bleu foncé */}
#content {color:#003A5C; /* bleu foncé */}
#content a:hover{color:#003A5C; /* bleu foncé */}

#content #breadCrumb a:hover {color:#003A5C; /* bleu foncé */}

/*##### LISTING PROD */
#content .listingProdBouton a{color:#003A5C; /* bleu foncé */}

/*##### TEXTE "Pas de prod pour cette cat" */
.infoText{color:#003A5C; /* bleu foncé */}

/*##### CHECKOUT */
ul.checkoutBar{	color:#003A5C; /* bleu foncé */}

/*##### FORMULAIRE */
fieldset {color:#003A5C; /* bleu foncé */border:1px solid #003A5C; /* bleu foncé */}
fieldset legend{color:#003A5C; /* bleu foncé */font-weight:bold}
input {border: 1px solid #003A5C; /* bleu foncé */}
select{border: 1px solid #003A5C; /* bleu foncé */}
textarea{border: 1px solid #003A5C; /* bleu foncé */}
input.submit, input.submitBt
{
	border: 1px solid #003A5C; /* bleu foncé */
	text-transform:uppercase;
	color:#003A5C; /* bleu foncé */
	cursor:hand;
}
input.submit:hover, input.submitBt:hover{text-decoration:underline;}