body{
	margin          : 0;
	padding         : 0;
	font            : 0.8em Arial, Helvetica, sans-serif;
}

table{
	border-collapse : collapse;
	border-spacing  : 0;
}

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

a:hover{
  text-decoration   : underline;
}

a img{
  border            : none;
}

h2{
	margin          : 26px 0 15px 18px;
	font            : italic 1.8em Verdana, Arial, Helvetica, sans-serif;
}

h3{
	background      : url(puce-cat_over.gif) no-repeat 0 5px;
	padding-left    : 20px;
	margin-left     : 205px;
	font            : italic 1.5em Verdana, Arial, Helvetica, sans-serif;
	color           : #C3FF42;
}

.alert{
	color           : #FF0000;
}

input.alert,
textarea.alert{
	background      : #FFCCCC;
	color           : #000000;
}

.smaller{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 0.8em;
}

/* Presentation du bon de commande */

fieldset{
	margin          : 0 10px 1em 0;
	padding         : 5px;
}

legend{
	color           : #FFCC00;
	font-style      : italic;
	font-weight     : bold;
}

fieldset th{
	text-align      : right;
	width           : 100px;
}

fieldset th.nom,
fieldset thead th,
fieldset tfoot th{
	width           : auto;
}

fieldset .radio{
	width           : 20px;
	vertical-align  : top;
}
fieldset .radio input,
fieldset input.checkbox{
	width           : auto;
	vertical-align  : middle;
}

fieldset table{
	width           : 500px;
}

fieldset input,
fieldset textarea,
fieldset select{
	font            : 0.9em Arial, Helvetica, sans-serif;
	width           : 100%;
}

/* * * * * * * * *
 * TETE DE PAGE  * 
 * * * * * * * * */

#header{
	position        : relative;
	top             : 0;
	left            : 50%;
	margin-left     : -375px;
	width           : 750px;
	height          : 104px;
	background      : #515FA6 url(head.jpg);
}

#switchlang
{
	display         : none;
	position        : absolute;
	top             : 10px;
	left            : 50%;
	margin          : 0 0 0 344px;
	width           : 21px;
	height          : 14px;
}

/* * * * * * * * * *
 * MENU PRINCIPAL  * 
 * * * * * * * * * */

#mainMenu{
	position        : relative;
	top             : 0;
	left            : 50%;
	width           : 750px;
	background      : #5777BF url(menu.jpg) no-repeat top left;
	list-style      : none;
	margin          : 0 0 0 -375px;
	padding         : 0;
	height          : 98px;
}

#mainMenu li{
	display         : inline;
	margin          : 0;
	padding         : 0;
}

#mainMenu li a,
#mainMenu li img{
	display         : block;
}

/* * * * * * * * * * * * *
 * CONTENEUR PRINCIPALE  * 
 * * * * * * * * * * * * */

#mainContent{
	position        : absolute;
	top             : 202px;
	left            : 50%;
	margin-left     : -375px;
	width           : 750px;
	min-height      : 260px;
	_height         : 260px;
	background      : #515FA6 url(fond.jpg) no-repeat top left;
	color           : #FFF;
}

/* * * * * * * * * * * * *
 * PUB  * 
 * * * * * * * * * * * * */

#pub{
	position        : absolute;
	top             : 0px;
	left            : 751px;
	width           : 120px;
	min-height      : 500px;
	_height         : 500px;
	border          : solid 1px #000000;
}


/* * * * * * * * * *
 * TEXTE PRINCIPAL * 
 * * * * * * * * * */

p.panier{
	margin          : 0;
	position        : absolute;
	top             : 0px;
	right           : 8px;
	text-align      : right;
	font            : 0.8em Verdana, Arial, Helvetica, sans-serif;
}


/*Liens*/

.fondlien
{
background-image:url(fond_liens.png);
background-repeat:no-repeat;
width:750px;
height:600px;
position:relative;
left:15%;
}

.liens
{
position: relative;
top:250px;
margin-left : 50px;
margin-right : 50px;
}

.accueil
{
position:absolute;
top:100px;
}
/* Mini Récapitulatif du panier */

#miniRecap{
	position        : absolute;
	top             : 50px;
	right           : 5px;
	z-index         : 1000;
	background      : #98d9ec;
	border          : 1px solid #000;
	display         : none;
}

#miniRecap table{
	width           : 190px;
	border-collapse : collapse;
	border-spacing  : 0;
	margin          : 5px;
	font            : 0.8em Arial, Helvetica, sans-serif;
	color           : #000000;
}

#miniRecap table th{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-weight     : bold;
}

#miniRecap table tfoot th{
	text-align      : right;
}

#miniRecap table tbody td{
	border          : 1px solid #FFF;
	border-left     : none;
	border-right    : none;
	white-space     : nowrap;
	padding         : 3px 0;
}

#miniRecap table .prix{
	text-align      : right;
	white-space     : nowrap;
}

#miniRecap table .qte{
	text-align      : center;
}

/* Présentation de la liste des produits */

#listeCatProd{
	margin          : 0 8px 0 8px;
	padding         : 0 0 70px 0;
	_margin         : 0 10px 0 5px;
	float           : left;
	width           : 180px;
	font            : 1.1em Arial, Helvetica, sans-serif;
	background      : url(fondprod.jpg) no-repeat bottom left;
	border-right    : 1px solid #5777BF;
}

#listeCatProd ul{
	margin          : 0 8px 0 5px;
	padding         : 0 30px 0 0;
	list-style      : none;
}

#listeCatProd ul.first{
	padding-top     : 27px;
	margin-top      : 7px;
	background      : url(notregamme.gif) no-repeat top center;
}

#listeCatProd li{
	position        : relative;
	margin          : 0;
	padding         : 4px 0 5px 20px;
	background      : url(puce-cat.gif) no-repeat 0 5px;
}

#listeCatProd li a:hover{
	font-style      : italic;
}

#listeCatProd li img.pair,
#listeCatProd li img.impair{
	position        : absolute;
	right           : -30px;
	_right          : 2px;
	top             : 0px;
}

/*** Special merci ***/
#merci p{
	margin-right : 20px;
}

/*** Special Contact ***/

#contact h3{
	background      : none;
	padding         : 0;
	margin          : 2em 20px 0;
}

#contact p,
#contact address{
	padding         : 0;
	margin          : 1em 20px;
	font-style      : normal;
}

#contact address{
	padding         : 1em 0 0;
}

#contact img.droit{
	float           : right;
	margin          : 3px 20px 1em 1em;
}

/*** Special Histoire ***/

#histoire{
	padding         : 0 20px 20px;
}

#histoire h3{
	background      : none;
	padding         : 0;
	margin          : 2em 0 1em;
}

#histoire p{
	padding         : 0;
	margin          : 1em 0;
	text-align      : justify;
}

#histoire img.droit{
	float           : right;
	margin          : 3px 0 1em 1em;
	border          : 2px solid #FFF;
}

#histoire img.gauche{
	float           : left;
	margin          : 3px 1em 1em 0;
	border          : 2px solid #FFF;
}

#histoire img.nob{
	border          : none;
}

#histoire p.encart{
	float           : right;
	width           : 230px;
	margin          : 0 0 1em 1em;
	border          : 1px solid #404E8D;
	padding         : 10px;
	text-align      : center;
	font            : 0.8em Arial, Helvetica, sans-serif;
	background      : #5C6CBA;
}

#histoire p.encart strong{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
}


/*** Special Accueil  ***/

#accueil #listeCatProd{
	width           : 425px;
	border          : none;
	font-style      : italic;
}

#accueil #listeCatProd ul{
	margin          : 10px 8px 0 33px;
	_margin-left    : 17px;
	padding         : 0;
	list-style      : none;
	float           : left;
	width           : 165px;
}

#accueil #listeCatProd ul.first{
	padding-top     : 0;
	margin-top      : 10px;
	background      : none;
}

#accueil #listeCatProd li img{
	display         : block;
	position        : absolute;
	top             : -0.5em;
}

#accueil #listeCatProd li img.pair{
	right           : -20px;
	top             : 0px;
}

#accueil #listeCatProd li img.impair{
	top             : 0px;
	left            : -30px;
	_left           : -50px;
	right           : auto;
}

/* Présentation des promotions sur la page d'accueil */

.promotion{
	padding         : 0;
	margin          : -15px 10px 0 450px;
}

.produit{
	padding         : 0;
	width           : 285px;
	margin          : 0 0 0.5em 0;
	background      : #FFF;
}

.produit h3{
	padding         : 5px 5px 5px 20px;
	margin          : 0;
	background      : #F90 url(puce-bo.gif) no-repeat 7px 9px;
	font            : bold 1em Arial, Helvetica, sans-serif;
}

.produit h3 a{
	color           : #0C2F80;
}

.promotion img{
	float           : right;
	margin          : 2px;
	display         : block;
	border          : 3px solid #F90;
	background      : #FFF;
}

.produit p,
.produit ul{
	margin          : 10px;
	padding         : 0;
	list-style      : none;
	color           : #707070;
	font-size       : 0.85em;
}

.produit p.prix{
	color           : #0C2F80;
	font-size       : 1em;
	font-weight     : bold;
}

.produit p.prix strong{
	color           : #EF7C00;
}

.produit p.prix s{
	color           : #B6B6B6;
	font            : 0.8em Arial, Helvetica, sans-serif;
}

.produit p.ajout{
	clear           : right;
	padding         : 2px 10px;
	margin          : 5px 0 0;
	border-top      : 1px solid #515FA6;
}

.produit p a{
	color           : #900;
	font-weight     : bold;
}

/* affichage de la page boutique */

#listeproduits{
	margin-left     : 200px;
	width           : 540px;
}

#listeproduits h3{
	margin-left     : 5px;
}

#listeproduits table{
	border-collapse : collapse;
	border-spacing  : 0;
	width           : 530px;
}

#listeproduits table img.grd{
	display         : none;
	position        : absolute;
	border          : 2px solid #11206C;
	z-index         : 1000;
	top             : -40px;
	left            : -65px;
}

#listeproduits table td{
	vertical-align  : top;
	text-align      : left;
	padding         : 0;
	background      : #FFFBEF;
	border          : 2px solid #11206C;
}

#listeproduits table td.hide{
	background      : none;
	border          : none;
}

#listeproduits table td.inter{
	width           : 10px;
}

#listeproduits table td.sep{
	text-align      : right;
}

#listeproduits table td.main{
	border-right    : none;
}

#listeproduits table td.img{
	border-left     : none;
	border-bottom   : none;
	text-align      : right;
}

#listeproduits table td.img div{
	position        : relative;
	margin          : 10px 5px 5px 5px;
}

#listeproduits table td.img img.mini{
	cursor          : pointer;
	_cursor         : hand;
}

#listeproduits table tr.add td{
	border-left     : none;
	border-top      : none;
	vertical-align  : bottom;
	text-align      : right;
}

#listeproduits table td.sep div{
	position        : relative;
	width           : 260px;
	height          : 24px;
}

#listeproduits table td.sep img{
	position        : absolute;
	top             : 7px;
	right           : 0;
}

/******************/

#listeproduits h4{
	padding         : 5px 5px 5px 20px;
	margin          : 0;
	background      : url(puce-orange.gif) no-repeat 6px 8px;
	font            : italic 0.85em Verdana, Arial, Helvetica, sans-serif;
	color           : #0C2F80;
}

#listeproduits h4 a{
	color           : #0C2F80;
}

#listeproduits p,
#listeproduits ul{
	text-align      : left;
	padding-left    : 20px;
	margin          : 5px 20px 5px 0;
	list-style      : none;
	color           : #707070;
	font-size       : 0.85em;
}

#listeproduits p.prix{
	color           : #0C2F80;
	font-size       : 1em;
	font-weight     : bold;
}

#listeproduits p.prix strong{
	color           : #EF7C00;
}

#listeproduits p.prix s{
	color           : #B6B6B6;
	font            : 0.8em Arial, Helvetica, sans-serif;
}

/* Affichage du panier */

#affPanier{
	border-collapse : collapse;
	border-spacing  : 0;
	margin          : 0;
	width           : 535px;
}

#affPanier input{
	vertical-align  : middle;
}

#affPanier .qte input{
	width           : 2em;
	text-align      : center;
	font            : 0.9em Verdana, Arial, Helvetica, sans-serif;
}

table#affRecapPanier th,
table#affRecapPanier td,
#affPanier th,
#affPanier td{
	text-align      : left;
	vertical-align  : middle;
	padding         : 2px 3px 2px 5px;
	border-bottom   : 1px solid #5777BF;
}

table#affRecapPanier td,
#affPanier td{
	font            : 0.9em Arial, Helvetica, sans-serif;
}

table#affRecapPanier thead th,
#affPanier thead th{
	background      : #5777BF;
	white-space     : nowrap;
	border-right    : 2px solid #515FA6;
}

table#affRecapPanier tfoot th,
#affPanier tfoot th{
	text-align      : right;
	background      : #5777BF;
}

table#affRecapPanier tfoot td,
#affPanier tfoot td{
	text-align      : right;
	background      : #5777BF;
}

table#affRecapPanier .nom,
#affPanier .nom{
	border-left     : 1px solid #5777BF;
}
table#affRecapPanier .total,
#affPanier .end{
	border-right    : 1px solid #5777BF;
}

table#affRecapPanier .nom{
	text-align      : left;
}
table#affRecapPanier .qte{
	text-align      : center;
}
table#affRecapPanier .total,
table#affRecapPanier .prix,
#affPanier .total,
#affPanier .prix{
	text-align      : right;
	white-space     : nowrap;
}

/*** affichage du recapitulatif avant commande ***/

#finalCommande{
	margin-left     : 205px;
	width           : 530px;
}

.sogenactif{
	position        : absolute;
	top             : 450px;
	left            : 20px;
}

/*** Les recettes au nougat ***/

.recette{
	padding         : 0 15px 0 205px;
	margin          : 0 0 1.5em 0;
}

.recette img{
	position        : relative;
	float           : right;
	border          : 2px solid #FFF;
	top             : 3px;
	margin          : 0 0 1em 1em;
}

/* * * * * * * * *
 * PIED DE PAGE  * 
 * * * * * * * * */

#footer{
	margin          : 1em 0 0 0;
	width           : 750px;
	background      : #5777BF;
	font-size       : 0.8em;
	text-align      : right;
	padding         : 0.3em 0;
	clear           : both;
}

#footer a{
	color           : #FFF;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-weight     : bold;
}

/* * * * * * * * * * * * * * * *
 * Spécial Conditions de vente *
 * * * * * * * * * * * * * * * */

#cdv p{
	margin          : 1em;
}

#cdv p.panier{
	margin          : 0;
}

#cdv ul{
	margin-right    : 1em;
}

#cdv h3{
	margin          : 1em 1em 0.5em;
}

.polyedres {
  position:relative;
  z-index:10000;
  left:34px;
  top:34px;
}