@charset "utf-8";


/* Initialisation des styles
----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* Eléments HTML en général
----------------------------------------------------------*/

/* Corps de la page */
body {
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 85%;
	background: #fff url(/images/background.gif) repeat 0 0;
	color: #fff;
	text-align: center;
}

/* Titres */
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia,"Times New Roman","New York",serif;
	font-weight: bold;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { text-decoration: none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; }

/* Les liens */
a, a:link, a:visited {
	text-decoration: underline;
	color: #fff;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #B5D06E;
}

/* Les images en général */
img, a img {
	border: none;
	/*vertical-align: middle;*/
}

/* Les paragraphes */
p {
	display: block;
	margin: 1em 0;
	line-height: 1.6;
}

/* Listes */
ul, ol {
	display: block;
	margin: 1em 0 1em 1.5em;
}
li {
	display: list-item;
	line-height: 1.4;
}

/* Listes à puce */
ul { list-style-type: disc; }
 
/* Listes ordonnées */
ol { list-style-type: decimal; }
 
/* Listes de définitions */
dl {
	display: block;
	margin: 1em 0;
}
dd {
	display: block;
	margin-left: 1.5em;
}
dt { }

/* Les listes imbriquées n'ont pas de marge verticales */
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol{
  margin-top: 0;
  margin-bottom: 0;
}

/* Le 2ème niveau des listes à puce utilisent un carré */
ol ul, ul ul { list-style-type: square; }

/* Le 3ème niveau (et suivant) des listes à puce utilisent un cercle */
ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: circle; }

/* Les barres horizontales */
hr { }

/* Les citations */
blockquote, q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote em, q em { font-style: normal; }
blockquote {
	display: block;
	margin: 1em 1.5em;
}
cite { }

/* Les textes pré-formatés */
code, pre, tt, kbd, samp, var {
	font-family: monaco, "Courier New", Courier, monospace;
	font-size: 1.1em;
	color: #666;
}
pre {
	width: 95%;
	overflow: auto;
	background: #333;
	color: #fff;
	border: 1px solid #ccc;
	line-height: normal;
	padding: 8px;
}

/* Emphases */
em {
	font-style: italic;
}

/* Forte emphase */
strong {
	font-weight: bold;
}

/* Abréviations et acronymes */
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #f1f1f1;
}

/* inlines */
q:before { content: open-quote; }
q:after { content: close-quote; }
b, strong { font-weight: bolder; }
i, cite, em, var, dfn { font-style: italic; }
u, ins { text-decoration: underline; }
s, strike, del { text-decoration: line-through; }
blink { text-decoration: blink; }
big { font-size: larger; }
small { font-size: smaller; }

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

nobr {
  white-space: nowrap;
}

/* Tableaux */
table {
	width: 100%;
}


/* Layout
----------------------------------------------------------*/

#page {
	margin: 0 auto;
	width: 969px;
	text-align: left;
}
#entete {
	height: 233px;
}
#corps {
	width: 969px;
	background: #fff url(/images/background-contenu.gif) repeat-y 0 0;
}
#principal {
	width: 499px;
	width: 769px;
	margin: 0 0 0 178px;
	float: left;
	display: inline;
}
#contenu {
	margin: 0;
	padding: 10px;
}
#pied {
	clear: both;
	text-align: center;
	height: 30px;
}


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

#colonnes {
	color: #B5D06E;
}
#colonnes ul {
	margin: 1em 0 0 0.5em;
}
#colonnes ul ul {
	margin: 0 0 0 1em;
}
#colonnes h2 {
	font-weight: normal;
	font-variant: small-caps;
	font-size: 1.17em;
}
#colonnes h2 a, #colonnes h2 a:link, #colonnes h2 a:visited {
}
#colonnes h2 a:hover, #colonnes h2 a:focus, #colonnes h2 a:active { }
#colonnes a, #colonnes a:link, #colonnes a:visited {
	text-decoration: none;
	color: #B5D06E;
}
#colonnes a:hover, #colonnes a:focus, #colonnes a:active {
	text-decoration: underline;
	color: #fff;
}

#colonne-a, #colonne-b {
	display: inline;
}

#colonne-b {
	display: none;
}
#colonne-a {
	width: 153px;
	min-height: 96px;
	background: transparent url(/images/bg-colonne-a-top.jpg) no-repeat 0 0;
	float: left;
	margin-left: -947px;
	overflow: hidden;
	padding: 0 0 0 25px;
}
#colonne-b {
	width: 292px;
	width: 270px;
	min-height: 66px;
	background: transparent url(/images/background-login.jpg) no-repeat 0 0;
	float: right;
	overflow: hidden;
	padding: 0 0 0 22px;
}

/* recherche */
form#recherche {
}
form#recherche h2 {
	margin: 0.2em 0 0.5em 0;
	padding: 0;
}
form#recherche p {
	margin: 0;
}

/* login */
form#identification {
}
form#identification h2 {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -6000px;
}
form#identification p {
	margin: 0.2em 0 0 0;
}
form#identification label {
	display: inline;
}

#user_utils {
	margin: 0;
	padding: 1em 0;
}
#user_infos {
	margin: 0.2em 0;
}


/*	Formulaires
----------------------------------------------------------*/
form { 
	display: block;
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 1.8em 0 1em;
	padding: 0 0.8em;
	border: 1px solid #ddd;
}

legend {
	padding: 0.1em 0.3em;
	margin: 0;
}
label {
	display: block;
	cursor: pointer;
}

input, textarea, select {
	font-family: monaco, "Courier New", Courier, monospace;
	font-size: 0.9em;	
	color: #fff;
	background-color: #2E5704;
	border: 1px solid #B5D06E;
	padding: 1px;
}

input.checkbox, input.radio { 
	border: none;
}

textarea {
	width: 100%;
}

select {
	max-width: 11em;
}
option {
	padding: 0 0.3em;
}
optgroup option {
	padding-left: 1em;
}

p.field {
	margin: 0.5em 0;
}
p.field label {
    display: block;
}
ul.field {
	list-style: none;
	margin: 1em 0;
}
ul.field li {
	margin: 0.5em 0;
}


input.submit {
	background-color: #2E5704;
	border: 1px outset #B5D06E;
}
input.submit:hover, input.submit:focus, input.submit:active {
	background-color: #B5D06E;
	border: 1px solid #2E5704;
	color: #2E5704;
	cursor: pointer;
}

/* champs requis */
label.required {
	font-weight: bold;
}
label.required:after {
	content: ' *';
	color: #c00;
}


/* Colonnes flotantes
----------------------------------------------------------*/
.two-cols { position: static; }
.two-cols .col {
	width: 48%;
	margin-left: 1%;
	float: left;
}
.two-cols .col:first-child {
	width: 50%;
	margin-left: 0;
}

.three-cols { position: static; }
.three-cols .col {
	width: 32.3%;
	float: left;
	margin-left: 1%;
}
.three-cols .col:first-child {
	width: 33.3%;
	margin-left: 0;
}

.four-cols { position: static; }
.four-cols .col {
	width: 24%;
	float: left;
	margin-left: 1%;
}
.four-cols .col:first-child {
	width: 25%;
	margin-left: 0;
}


/*	Divers
----------------------------------------------------------*/
.clearer {
	clear: both;
	height: 0;
	width: 0;
}
.clearb {
	clear: both;
}

.actif {
	font-weight: bold;
}

/* boite erreur */
.error_box {
	color: #c00;
	background-color: #FFECEE;
	border: 1px solid #c00;
	padding: 0.5em;
	margin: 1em 10%;
}

/* boite message */
.msg_box {
	color: #060;
	background-color: #E1FFF0;
	border: 1px solid #060;
	padding: 0.5em;
	margin: 1em 10%;
}

#redirect {
	text-align: center;
}

#redirect_box {
	margin: 2em 20%;
	text-align: left;
	background-color: #fff;
}
#redirect_box h2 {
	margin: 0;
	background-color: #333;
	color: #fff;
	padding: 0.2em;
}
#redirect_box p {
	margin: 0;
	padding: 0.5em;
}

.odd {
	background-color: #f1f1f1;
}

#titre_page {
	position: relative;
	top: -10px;
	left: -10px;
	padding: 0;
	margin: 0;
	width: 791px;
	background: transparent url(/images/background-login.jpg) no-repeat 100% 0;
}



/*	Liste produits
----------------------------------------------------------*/
.produit {
	width: 200px;
	min-height: 220px;
	float: left;
/*	background-color: #f6f6f6; */
	padding: 0.5em;
	margin-right: 1em;
	margin-bottom: 1em;
}
.produit h3 {
	margin-top: 0;
}


/*	Produit
----------------------------------------------------------*/
#declinaisons_produits {
	float: right;
	width: 200px;
}

#eb-produits .produit h3,
#eb-produits .produit p,
#eb-produits p.miniature {
	text-align: center;
}

.miniaturesProduit img {
	margin-right: 1em;
	float: left;
}

.selectProductOption label {
	font-weight: bold;
}

.ajout_panier {
	background: transparent url(img/basket_put.png) no-repeat 0 50%;
	padding-left: 20px;
}

.radioProductOption span.fakeLabel {
	font-weight: bold;
}

.declinaison {
	background-color: #f6f6f6;
	padding: 0.5em;
	float: left;
	margin: 0 1em 1em 0;
	width: 200px;
}
.declinaison h4 {
	margin-top: 0;
}

.reference {
	font-weight: normal;
	font-style: italic;
}

.prixPromotion {
	color: #c00;
}


/*	Panier
----------------------------------------------------------*/
#panier {
	width: 98%;
	border: none;
}
#panier td, 
#panier th {
	border: none;
	padding: 0.3em;
	margin: 0;
}
#panier th {
	text-align: left;
	border-bottom: 1px solid #333;
	font-weight: bold;
}
#panier td {
	border-top: 1px solid #ccc;
}
#panier tr.first td {
	border-top: none;
}
#panier tr.prix_total td,
#panier tr.totaux td {
	font-weight: bold;
	border: none;
	text-align: right;
	padding: 0.5em;
	border-top: 1px solid #999;
}
#panier tr.prix_total td#total{
	text-align: left;
	font-size: 1.2em;
}
#panier tr.totaux td {
	text-align: left;
}

#recompute {
	padding-left: 20px;
	background-image: url(img/refresh.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
#validate {
	padding-left: 20px;
	background-image: url(img/tick.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

/*	News
----------------------------------------------------------*/
.day-date {
	text-align: right;
	font-style: italic;
	border-bottom: 1px solid #fff;
}
.post {
	clear: both;
	margin-bottom: 3em;
}
.post-title {
	margin-bottom: 0;
}
.post-info {
	margin-top: 0;
}

#news-block h2 {
	margin-top: 2em;
}
#news-block h3 {
	font-weight: normal;
}

/*	CGV
----------------------------------------------------------*/
#cgv {
	height: 200px;
	padding: 0.5em;
	border: 1px solid #ccc;
	overflow: scroll;
}


#copyzeo {
	margin: 0;
	padding: 13px 0 0 0;
	text-align: center;
	vertical-align: top;
}
#copyzeo a, #copyzeo a:link, #copyzeo a:visited {
	text-decoration: none;
}
#copyzeo a:hover, #copyzeo a:focus, #copyzeo a:active {
	text-decoration: underline;
}


#img_droite {
	margin: 5em auto 2em;
}

#liens_bas_de_pages {
	text-align: center;
	font-size: 0.9em;
}

.tof {
	float: left;
	margin: 0;
	padding: 0 1em 1em 0;
}

.backlink {	
	text-align: right;
}
.backlink a, .backlink a:link, .backlink a:visited, .backlink a:focus, .backlink a:active {
	background: #C8DFC9 url(img/backlink.png) no-repeat 0 50%;
	padding: 2px 3px 2px 20px;
	text-decoration: none;
	border: 1px outset #999999;
	color: #41813D;
}
.backlink a:hover {
	border: 1px outset #000;
}