/* margin: top right bottom left; */
/*
----------------------------------------------------------------------------- 
Common
-----------------------------------------------------------------------------*/

* {margin:0;padding:0}

html { 	min-height:1050px; }

html, body {
	margin:0;
	padding:0;
	height:100%;
	}

body { 
	font: 12px/170% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #333;
	background: transparent url(../img/body_bg.jpg) top left repeat;
	}


h1 {
	margin: 15px 0 24px 0;
	padding: 5px 40px;
	font-size: 25px;
	font-family: Times, 'Times new Roman', serif;
	font-style: oblique;
	font-weight:normal;
	color: #ce761a;
	letter-spacing: 0.3pt;
}

h2 {
	margin: 20px 0 15px 0;
	padding: 0;
	border: 0;
	font: 16px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ce761a;
}
h2 a:link, h2 a:visited, h2 a:active {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
h2 a:hover { color: #3975bb; text-decoration: underline; font-weight: normal; cursor: pointer; }
h2 span { text-transform: none; }

br { clear: both; }

hr {
	border: 0;
	color: #d23f00;
	background-color: #d23f00;
	margin:15px auto;
	width:70%;
	clear:both;
	height: 1px;
}

p { margin: 0 0 1em 0; padding:0; margin-left:0; }

strong { font-weight: bold; }

ul { margin:; padding:0; }

li { list-style-position: outside; list-style-type:square; }

a:link,a:visited,a:active {
	color:#af4c08;
	text-decoration: underline;
	font-weight: normal;
}

a:hover { color: #303030; text-decoration: underline; font-weight: normal; cursor: pointer; }

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

.right { float:right; margin: 0 0 20px 20px; }

.left { float:left; margin: 0 20px 20px 0; }

.rightsmall { float:right; margin: 0 0 0 5px; }

.leftsmall { float:left; margin: 0 5px 0 0; }


form {
	margin: 0;
}

input, textarea, select, option {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
	
.submit_valider, .submit_annuler {
	padding-left:25px; 
	padding-right:5px; 
	border:1px solid #af4c08; 
	color: #d23f00; 
	height:28px; 
	position:relative;
	margin-right:5px;
	}
	


.submit_valider {
	font-weight: bold; 
	background: #fae68c url(../img/boutons/valider.gif) top left no-repeat; 
	}
	
.submit_annuler {
	background: #fae68c url(../img/boutons/annuler.gif) top left no-repeat; 
	}

.input_label_red {
	display:block; 
	padding:5px 0; 
	font-size:10px; 
	clear:both; 
	text-transform:uppercase; 
	letter-spacing:3px;
	color: #d23f00;
	font-weight:bold;
	}
	
.input_label {
	display:block; 
	padding:5px 0; 
	font-size:10px; 
	clear:both; 
	text-transform:uppercase; 
	letter-spacing:3px;
	}


.input_field {
	padding:2px 0;  
	font-size:12px; 
	margin-bottom:10px;
	}

label {
	color: #222;
	font-weight: bold;
	}
	
table, tr, td { border:0; }

#general {
	width: 980px;
	margin: 0 auto;
	background: transparent url(../img/general_bg.jpg) center 60px no-repeat;
	height:100%;
	border:0;
	}

#animgauche {
	position:absolute;
	float:left;
	width: 160px;
	margin: 300px 0 0 -30px;
	border: 0;
	background: transparent url(../img/animations/animationgauche_boutique.gif) top left no-repeat;
	height:550px;
	z-index:2;
	border:0;
	}

#animdroite {
	position:relative;
	float:right;
	width: 160px;
	margin: 500px -30px 0 0;
	border: 0;
	background: transparent url(../img/animations/animationdroite_boutique.gif) top right no-repeat;
	height:550px;
	z-index:3;
	}

#cartouche {
	float: left;
	position: relative;
	width: 750px;
	left: 115px;
	margin:0 auto;
	padding: 0;
	text-align: left;
	border:0;
	min-height:100%;
	background: transparent url(../img/cartouche_bg.jpg) left 374px repeat-y;
	}
	
span.error { display:block; 
	padding-left:30px;
	padding-top:3px;
	margin-top:7px;
	min-height:25px; 
	float:left; 
	background: transparent url(../img/boutons/warning.gif) top left no-repeat;
	clear:both;
	}

/*
----------------------------------------------------------------------------- 
En-t�te
-----------------------------------------------------------------------------*/
#entete {
	width: 750px;
	height: 260px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	background: #ce8b00 url(../img/entete/entete_bg.jpg) top left no-repeat;
	}

#entete-anim1 {
	float: left;
	clear: both;
	width: 160px;
	height: 80px;
	margin: 0;
	padding: 0;
	margin-left:20px;
	text-align: left;
	border:0;
	background: transparent url(../img/entete/anim1.gif) top left no-repeat;
	}

#entete-anim1 span {
	border: 0;
	margin: 0;
	visibility: hidden;
}

#entete-name {
	visibility: hidden;
	float: left;
	width: 440px;
	margin: 0;
	padding: 0;
}

/*
----------------------------------------------------------------------------- 
contenu
-----------------------------------------------------------------------------*/

#contenu {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../img/contenu/contenu_bg.jpg) top left no-repeat;
	position:relative;
	border:0;
	min-height:790px;
	}

/*
----------------------------------------------------------------------------- 
Menu
-----------------------------------------------------------------------------*/

div.colonne-un
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Times, 'Times new Roman', serif;
	font-size: /*8pt*/10pt;
	line-height: 100%;
	}

div#nav-menu {
	width: 160px;
	margin-top: 70px;
	}

div#nav-menu ul li.limenu { 
	list-style-type:none; 
	list-style-position: inside; 
	padding: 6px 5px;
	padding-left:10px;
	display:block;
	border-bottom:1px solid #d2a25d;
	cursor: pointer;
	}

/* -------- UL -------- */

ul#menu-un, 
ul#menu-deux {
	width: 162px;
	margin: 0px;
	list-style-type:none;
	font-style: oblique;
	letter-spacing: 0px;
	padding:0;
	padding-top:10px;
	}

body ul#menu-deux, 
body #menu-deux-bis {
	display:none;
	}

body div#menu-un-bis, 
body div#menu-deux-bis 
	{ margin:0; padding:0; margin-top:15px; margin-bottom:10px; }

/* -------- LI -------- */

#nav-menu li#active {
	float: left;
	height: 22px;
	padding: 0;
	background: yellow;
}

#nav-menu li a { color:#af4c08; text-decoration:none;}

div#nav-menu li.limenu:hover, 
div#nav-menu li.over {
	background-color:#af4c08;
	color: #fff;
}

#nav-menu li.limenu:hover a, 
#nav-menu li.over a {
	color: #fff;
	text-decoration:none;
}

/* -------- A -------- */

#nav-menu li#active a { font-weight:bolder;  }


/* ----------------------------------------------------------------------------- 
    zone panier - identification
-----------------------------------------------------------------------------*/ 

#identificationgondole { 
	margin:0; 
	padding:0; 
	border:0; 
	}

#identificationgondole li { 
	list-style-type:none; 
	margin:0;
	padding:0;
	float:left;
	clear:right;
	}



#identificationgondole img.identification, 
#identificationgondole a.identification, 
#identificationgondole div.identification { 
	margin-left:10px;
	display:block;
	padding:0;
	margin-bottom:5px;
	}

#identificationgondole img.identification { 
	margin-bottom:2px;
	}

#identificationgondole div.identification { 
	padding-left:32px;
	width:110px;
	}

#identificationgondole a.votrepanier {
	width:142px;
	height:30px;
	text-align:right;
	background: transparent url(../img/boutons/votrepanier_dotted140.gif) top left no-repeat;
	display:block;
	text-decoration:none;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;
	}

#identificationgondole a.votrepanier span {
	padding-right:5px;
	padding-top:4px;
	font-size:11px; 
	height:1%;
	display:block;
	width:auto;
	}


#identificationgondole a:hover.identification { background-color:#e7cd66; }

#identificationgondole a:hover.votrepanier { background:#e7cd66 url(../img/boutons/votrepanier_dotted140.gif) top left no-repeat; }

#identificationgondole a:hover.votrepanier span { color:#af4c08; }



/*#tetedegondole table.produit { margin-bottom:20px; margin-left:10px; width:142px; border:0;}

#tetedegondole table.produit td { border:0; padding:2px 0; margin:0; }

#tetedegondole table.produit div.mini { width:46px; }

#tetedegondole table.produit div.mini form { border:1px solid #d23f00; width:44px; }

#tetedegondole table.produit img.vignette { border:1px solid #d23f00; }*/

/*
----------------------------------------------------------------------------- 
Colonnes
-----------------------------------------------------------------------------*/


.colonnes-contenu {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}

.colonnes-contenu img {
	display:block;
	}


div.colonne-deux {
	float: left;
	width: 586px;
	margin:0;
	}

.contenu-colonne-deux {
	float: left;
	margin: 0 0 1em 0;
	padding:6px 40px 6px 40px;
	}

.contenu-colonne-deux .chapeau { padding:0; margin:0 0 20px 0px; border:0; }

.colonne-deux h2 {
	margin: 10px 0 30px 0px;
	padding: 0;
	border: 0;
	font-size: 18px;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ce761a;
	}

.colonne-deux p  {
	margin: 0 0 30px 20px;
	clear:both;
	}

.colonne-deux a, .colonne-trois a { color:#ce761a; }


/* ----------------------------------------------------------------------------- 
    ONGLETS - boutique
-----------------------------------------------------------------------------*/ 


.contenu-colonne-deux #navboutique { padding:0; margin:0; border:0; width:484px; }

div#menu-boutique { 
	clear:both;
	width: 484px;
	margin: 0;
	padding: 0;
	border:0;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 170%;
	}

ul#navboutique { 
	width: 484px;
	border:0;
	display:block;
	}
	
	
#navboutique li { 
	list-style-type:none; 
	float:left;
	margin:1px;
	white-space:nowrap;
	font-size:12px;
	padding-left:0px;
	border:1px solid #d23f00; 
	}
	
#navboutique li a { 
	text-decoration:none;
	border:0;
	display:block;
	width:89px; /* ajout */
	/*color:#efe7c3;*/
	color:#d23f00;
	background: transparent url(../img/boutons/rubriques_bg.gif) -150px 0 no-repeat;
	padding:0 14px 0 14px;
	}
	
#navboutique li a:hover, #navboutique li.active a:hover { 
	background: transparent url(../img/boutons/rubriques_bg.gif) 0 0 no-repeat;
	/*color:#d23f00;*/
	color:#efe7c3;
	border:0;
	
	}
#navboutique li a.active { 
	font-weight:bold;
	color:#efe7c3;
	background: transparent url(../img/boutons/rubriques_bg.gif) -300px 0 no-repeat;
	}



/* ----------------------------------------------------------------------------- 
    boutique
-----------------------------------------------------------------------------*/ 

.contenu-colonne-deux .article { margin-left:0; clear:left; border:0; }

div.article { padding:0; margin:0;}

table#zone_articles { border:0; margin:10px 0 0 0; padding:0;}

table#zone_articles td { border:0; margin:0; padding:0;}

table.boutique_bloc_produit {
	float:left;
	padding:10px 0px 20px 0px;
	border:0;
	margin:0;
	}
	
table.boutique_bloc_produit td {
	width:240px;
	border:0;
	padding:3px 0 3px 0;
	}

.boutique_produit { 
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;  
	font-size: 12px;  
	color: #af4c08; 
	line-height: 15px; 
	}

.boutique_prix { 
	font-family:  'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	font-size: 17px; 
	font-weight: bold; 
	color: #000000;
	}

.boutique_stock {
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color:  #5B5A5A;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 25px;
	}

div.boutique_image
{
	float: left;
	display: block;
	margin-right: 0px;
	margin-bottom: 7px;
	width: 240px;
}
	
.boutique_image a img {
	border:1px solid #af4c08;
	}

.boutique_achat_immediat {
	float:left;
	display:block;
	margin-right:5px;
	margin-top:10px;
	}
	
.boutique_loupe {
	float:left;
	display:block;
	margin-right:5px;
	margin-top:10px;
	border:none;
	}

.boutique_loupe a img {
	border:none;
	}

.boutique_description { 
	font-family:  'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	font-size: 12px; 
	color: #222;
	}

.boutique_ref { 
	font-family:  'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
	font-size: 11px; 
	float: left;
	text-align:right;
	color: #333;
	display:block;
	width:240px;
	margin-top:0;
	margin-bottom:10px;	
	}
.form_panier { border:1px solid red; width:142px; height:30px; }

.input_retraitpanier { border:1px solid red; width:142px; height:30px; }

	
/*
----------------------------------------------------------------------------- 
Formulaires de gestion de compte
-----------------------------------------------------------------------------*/

#menucompte { width:150px; border:0; }

#identificationform { margin:0; padding:0; }

#identificationform li { 
	list-style-type:none; 
	margin:0;
	padding:0;
	float:left;
	clear:right;
	}

#identificationform img.identification, #identificationform a.identification, #identificationform div.identification { 
	margin-left:10px;
	display:block;
	padding:0;
	margin-bottom:5px;
	}

#identificationform img.identification { 
	margin-bottom:2px;
	}

#identificationform div.identification { 
	padding-left:32px;
	width:110px;
	}

#identificationform a.votrepanier, #identificationform a.historique {
	width:142px;
	height:30px;
	text-align:right;
	display:block;
	text-decoration:none;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;
	}
	
#identificationform a.votrepanier { background: transparent url(../img/boutons/votrepanier.gif) top left no-repeat; }
	
#identificationform a.historique { background: transparent url(../img/boutons/historique_commandes.gif) top left no-repeat; }

#identificationform a.votrepanier span, 
#identificationform a.historique span {
	padding-right:3px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:11px;
	}
	
	
#identificationform a.votrepanier:hover span,
#identificationform a.historique:hover span { color:red; }

p.avertissement { 
	border:0; 
	float:left; 
	margin:0; 
	font-size:11px; 
	color:#d23f00; 
	padding-bottom:10px; 
	}


/*----------------------------------------------------------------------------- 
Panier
-----------------------------------------------------------------------------*/

table.panier { 
	font-family:  'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	border:0;
	margin-left:-20px;
	}
	
table.panier th, td { 
	padding: 3px 7px;
	text-align:left;
	}

table.panier th { 
	font-size:13px;
	font-weight:bold;
	color:#af4c08;
	border:0;
	padding-left:30px;
	background: transparent url(../img/boutons/pions.gif) top left no-repeat;
	}
	
table.panier th span { 
	color:#666;
	font-size:10px;
	text-transform:uppercase;
	padding-left:10px;
	}
	
table.panier td span { 
	color:#666;
	}
	
table.panier td span.gras { 
	color:#af4c08;
	font-weight:bold;
	}

.contenu-colonne-deux p span.gras { 
	color:#af4c08;
	font-weight:bold;
	}	
	

div.imagemini_panier {
	float: left;
	display: block;
	margin-right: 0px;
	margin-bottom: 7px;
	width: 40px;
	}
	
.imagemini_panier a img {
	border:1px solid #af4c08;
	}

div.boutique_image_medium {
	float: left;
	display: block;
	margin-right: 0px;
	margin-top: 10px;
	width: 140px;
	}

.boutique_image_medium a img {
	border:1px solid #af4c08;
	}

/*----------------------------------------------------------------------------- 
Site Info pied
-----------------------------------------------------------------------------*/
#siteinfo-pied {
	float: left;
	width: 750px;
	clear: both;
	margin: 0;
	padding: 0;
	border:0;
}

#stamp { 
	width:160px;
	padding-left:20px;
	float:left;
	padding-bottom:15px;
	}

#siteinfo-links {
	margin-left:160px;
	float: left;
	margin: 5px;
	padding: 5px;
	padding-top:20px;
	border:0;
	text-align: right;
	width:570px;
	display:block;
	color: #af4c08;
	font: normal 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	}

#siteinfo-legal {
	margin: 5px;
	padding: 5px;
	padding-top:20px;
	border: 0;
	text-align: right;
	color: #af4c08;
	font: normal 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	letter-spacing: 0.1em;
	}