/*
 * Feuille de style par dýfaut : site 3 colonnes avec logo & bandeau
 *    Modifier les valeurs par dýfaut de hauteurs & largeurs
 *    Attention, le padding & margin influent sur les largeurs
 *    Architecture de la page :
 *       TETE => LOGO | BANDEAU
 *                    | NAV
 *      CORPS => COLG | COLC   | COLD
 *       PIED =>    PIED-PAGE
 *    Pour supprimer des ýlýments, le mettre en "display: none", et ajuster les largeurs en consýquence
 *       #colonne-droite { display: none; }
 *    !! Il est (pour l'instant) impossible d'obtenir 3 colonnes de hauteurs ýgales en CSS de faýons simple !!
 *    Il vaut mieux :
 *                       - jouer sur l'image d'arriýre plan de #corps
 *                       - mettre des bordures de 100/150 px colorýes, et margin-left ýquivalentes
*/

/* A enlever, juste pour le visuel */
body {
	margin: 0;
	padding: 10px 0px;
	background : #000;
	color: #FFF;
}
br.spacer {
	clear: both;
}
/* Largeurs des lignes */
#tete, #corps, #pied, #chemin, #copyright {
	clear: both;
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 20px;
	background: #FAF8F5;
}
/* Partie haute : logo/identitý du site + lien accueil */
#tete {
	background: #FAF8F5 url(../images/bg_bandeau.jpg) no-repeat left top;
}
#logo {
	float: left;
	padding : 10px 0 0 0;
}

/* Bandeau libre & navigation de haut de page */
#bandeau {
	height: 173px;
}


#chemin {
	color: #8895B7;
	padding: 5px 20px;
	text-align: right;
}
#corps {
	padding: 0 20px;
	color: #000;
}

#colonne-gauche, #colonne-centre, #colonne-droite {
	float: left;
}
/* Cette colonne regroupe la gauche et le centre */
#colonne-gc {
	float: left;
	margin-right: 20px;
}
#colonne-gauche {
	width: 190px;
	padding-top: 40px;
	background: url(../images/filet.gif) repeat-x 0 25px;
}
#colonne-gauche fieldset {
	border: 0;
	padding: 5px;
	color: #2C1F57;
	font-size: 0.9em;
	margin: 0;
}
#colonne-gauche fieldset legend { display: none; }
#colonne-gauche fieldset.contact {
	background: #ECEBE5 url(../images/bg_contact.gif) no-repeat top left;
	padding: 35px 5px 5px 5px;
	margin-top: 10px;
}
#colonne-gauche fieldset.contact strong {
	text-transform: uppercase;
}
#colonne-gauche fieldset.contact address {
	padding-left: 10px;
	font-style: normal;
}
#colonne-gauche fieldset.exergue {
	background: #F3F4EF url(../images/bg_presentation_index.jpg) no-repeat bottom left;
	padding-bottom: 140px;
}
#colonne-gauche fieldset.exergue h4 { text-align: center; }


#colonne-gauche #mailing {
	background: url(../images/bg_liste_diffusion.gif) no-repeat;
	width: 170px;
	height: 63px;
	color: #FFF;
	font-size: 0.8em;
	padding: 40px 10px 10px 10px;
	margin-top: 10px;
}

#colonne-gauche #mailing input {
	border: 1px solid #173979;
	margin-top: 3px;
	width: 130px;
	padding: 1px 2px;
}
#colonne-gauche #mailing input.submit {
	border: 0;
	width: auto;
	padding: 0;
	margin: -4px 0 0 5px;
	vertical-align: middle;
}
#colonne-centre {
	width: 470px;
	padding-top: 0;
	margin-left: 20px;
}

#colonne-droite {
	width: 200px;
}

/* Coup de coeur en promo */
.promo .produit {
	text-align: center;
	color: #2C1F57;
	font-size: 0.9em;
	margin-top: 9px;
}
.promo .gauche { margin: 0 0 5px 0; }
.liste-panier {
	clear: both;
	margin-top: 75px;
	padding-bottom: 11px;
	background: #E0DDD4 url(../images/bg_panier_pied.jpg) no-repeat bottom left;
}
.liste-panier h3 { border: 0; height: 24px; background: #1A6EAA url(../images/bg_panier.gif) top left; }
.liste-panier h3 a, .liste-panier .valider a {
	color: #CFC5A0;
	display: block;
	padding: 3px 0 3px 30px;
}
.liste-panier ul { list-style: none; margin: 0; padding: 0; }
.liste-panier li { padding: 1px 0 1px 10px; font-size: 0.9em; }
.liste-panier .valider {
	font-size: 0.9em;
	text-align: center;
	height: 21px;
	margin-top: 5px;
	background-image: url(../images/bg_validerachat.gif);
}
.liste-panier .valider a {
	font-weight: bold;
	padding-top: 5px;
}
/* Pied de page & copyrights */

#pied {
	height: 37px;
	width: 880px;
	padding: 5px 10px;
	text-align: center;
	background: url(../images/bg_pied.jpg) no-repeat left top;
	border: 20px solid #FAF8F5;
}

#pied, #pied a {
	color: #FFF;
}

#copyright {
	background: #FAF8F5 url(../images/bg_copyright.gif) no-repeat left bottom;
	text-align: center;
	color: #906321;
	font-size: 0.9em;
	padding-bottom: 10px;
}

#copyright a {
	color : #2C1F57;
}