@charset "iso-8859-1";

body {background-color: #ffffff; margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: Times, serif; font-size: 10px; color: #000000;}
a, a:link, a:visited {
color:#932a14;
font-size: 11px;
}
a:hover {
color:#BB1F09;
font-size: 11px;
text-decoration: underline;
}
td {
font-family: Times, serif;
font-size: 100%;
color: #000000;
}
p {
margin: 0px;
padding: 0px
}
input {
	font-family: Times, serif;
	color : #ffffff;
	font-weight: bold;
	font-size : 11px;
	/* TOP - RIGHT - BOTTOM - LEFT*/
	padding : 1px 3px 1px 3px;
	margin: 0px 0px 0px 0px;
	border-top : 1px solid #af1919;
	border-right : 1px solid #2c0707;
	border-bottom : 1px solid #2c0707;
	border-left : 1px solid #af1919;
	background : url('../img/bg_but.gif') repeat-x;
	background-color: #6d1010;
}

input:hover {
	cursor : pointer;
}
input.radio {border: 0px; background: none;}
input.qte {margin-bottom: 3px; color: #000000;font-family: arial; font-size: 9px; font-weight: normal; text-align: center;  background: none; width: 20px; height: 15px; border: 1px solid #000000;}
input.qte:hover {cursor : text;}
input.checkbox {background: none; border: 0px; margin: 0px; padding: 0px; font-weight: normal;}
input.text {color: #000000; font-family: arial, sans serif; font-size: 9px; font-weight: normal; text-align: left;  background: none; background-color: #ffffff; width: 100px; height: 15px; border: 1px solid #000000;}
input.text:hover {cursor : text;}
select {
width: 200px;
border: 1px solid #000000;
font-size: 9px;
font-weight: normal;
font-family: arial, sans serif;
color: #000000;
margin: 7px 0px 12px 0px;
}
h1 {font-size: 160%; font-weight: bold; color: #000000; margin: 0px; padding: 0px;}
h2 {font-size: 140%; font-weight: bold; color: #db6c01; margin: 0px; padding: 0px;}
h3 {font-size: 120%; font-weight: bold; color: #db6c01; margin: 0px; padding: 0px;}
h4 {font-size: 110%; font-weight: bold; color: #000000; margin: 0px; padding: 0px;}
h5 {font-size: 90%; font-weight: bold; color: #000000; margin: 0px; padding: 0px;}
h6 {font-size: 90%; font-weight: bold; color: #000000; margin: 0px; padding: 0px;}

/* TOP RIGHT BOTTOM LEFT */
#global {
width: 1004px; 
left: 50%;
margin-right: auto;
margin-left: -502px;
padding-top: 0px;
padding-bottom: 10px;
position: absolute;
}

#anim_home {text-align: center;}

#log_home {float: right; padding: 5px 10px 0px 5px; width: 100%; height: 30px; text-align: right; color: #000000;}

#header1 {width: 100%; margin-top: 0px; padding-top: 0px; background-color:#ffffff;}

#spacer {clear: both;}

#footer {width: 1004px; height: 70px; margin-top: 10px; font-size: 12px; color: #000000; text-align: center; border-top: 1px solid black;}
#footer p {margin-top: 7px; text-align: center;}
#footer a {color: #000000; text-decoration: none; font-size: 11px; margin: 0px 10px 0px 10px;}
#footer a:hover {color: #932a14;}

#content {width: 100%; height: auto; margin-top: -120px; padding-top: 5px; text-align: center; z-index: 1; position: absolute;}

#gauche {width: 207px; float: left;}
#gauche2 {width: 750px; float: left; margin-right: 5px; margin-left: 6px;}

#centre {width: 543px; float: left; margin: 0px 6px 0px 6px; border: 1px solid #000000;}

#droite {width: 227px; float: left;}

#menu {width: 195px; margin-left: 6px; text-align: center; background: url(../img/menu_bg.gif) repeat-y;}
#menu a {width: 80%; color: #af1919; font-weight: bold; font-size: 100%; text-decoration: none; margin: 2px 5px 2px 5px; border-bottom: 1px solid #dec9a5; display: block; }
#menu a:hover {color: #000000;}

#push {width: 195px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-top: 10px; margin-left: 6px;padding: 5px 0px 5px 0px; text-align: center;}
#push input {height: 17px; font-size: 10px; margin-left: 7px; padding-bottom: 3px;}
/* liste de produits */
#produits {
text-align: left;
color: #000000;
width: 100%;
background-color: #ffffff;
float: left;
}
#produits h2 { width: 60%; color: #ffffff; background: url(../img/produ_bg.gif); padding: 5px;margin-top: 100px;}
#produits h4 {font-size: 80%; padding: 0px;margin: 0px; background-color: #f9edc6;}
#produits h5 {font-size: 75%; font-weight: normal; font-style: italic; padding: 0px;margin: 0px;}
#produits input {margin-bottom: 3px; color: #000000;font-family: arial; font-size: 9px; font-weight: normal; text-align: center;  background: none; width: 20px; height: 15px; border: 1px solid #000000;}
.prix {font-size: 80%; color: #920001; font-weight: bold;}
.line_top {border-top: 1px solid #920001;}

/* spec zones */
#spec_zones {
text-align: center;
color: #000000;
width: 100%;
padding: auto;
margin: auto;
}
#spec_zones table {font-size: 120%; text-align: left; background-color: #ffffff; border: 1px solid #999999;}
#spec_zones h2 {color: #000000; font-size: 250%; font-style: italic; padding: 0px; margin: 10px 0px 10px 0px;}


/* elements droite */
/* TOP RIGHT BOTTOM LEFT */

#actu {
text-align: center;
width: 217px;
height: 188px;
color: #000000;
padding: 0px;
margin: 0px;
background-image:  url(../img/actu_bg.gif);
background-repeat: repeat-y;
background-color: #af1919;
}
#actu p {font-size: 80%; text-align: center; padding: 2px 5px 2px 5px;}

/* TOP RIGHT BOTTOM LEFT */

#panier {
text-align: center;
color: #000000;
width: 100%;
padding: 0px;
margin-bottom: 10px;
background-image:  url(../img/panier_bg.gif);
background-repeat: repeat-y;
float: left;
}
#panier input {width: 100px; }
#panier select {width: 50px; margin: 5px;}

#panier h3 {padding: 0px; margin: 10px 0px 10px 0px;}
.titre_tableau {color: #000000; font-size: 100%; font-style: italic;}
.titre_tableau2 {color: #000000; font-size: 85%; font-style: italic;}
#panier_content{font-size: 110%; width: 95%; background: #ffffff; border: 1px solid #000000; padding: 2px; margin: auto;}

#outil {width: 227px; margin: 10px 0px 5px 0px; padding: 0px; float: left;}
#outil p {
width: 227px;
height: 30px;
text-align: left;
background : url('../img/bg_outil.gif') no-repeat;
padding: 5px 0px 5px 20px;
}
#outil a {color: #000000; font-weight: bold; font-size: 110%;}
#outil a:hover {color: #af1919;}

/* elements login */
/* TOP RIGHT BOTTOM LEFT */
#logleft {
text-align: center;
width: 485px;
margin-top: 5px;
padding: 0px;
float: left;
}
#logright {
text-align: center;
width: 485px;
margin-top: 5px;
margin-left: 15px;
padding: 0px;
float: left;
}
#logpanier {
text-align: center;
color: #ffffff;
width: 100%;
padding: 0px;
margin-bottom: 10px;
margin-left: 6px;
background: url(../img/cmd_bg.gif) repeat-y;
border: 1px solid #db6c01;
float: left;
}
#logpanier table {font-family: arial, sans serif; font-size: 120%; text-align: left; background-color: #ffffff; border: 1px solid #999999;}
#logpanier td {font-family: arial, sans serif;}
#logpanier h3 {font-size: 200%; font-style: italic; padding: 0px; margin: 10px 0px 10px 0px;}
#logpanier textarea {font-family: arial, sans serif; font-size: 9px; border: 1px solid #000000; text-align: left; width: 400px; height: 90px;}
#produitsplus {
font-weight: bold;
text-align: right;
width: 100%;
color: #ff0000;
background-color: #d9d9d9;
padding: 2px;
float: right;
}
#produitsplus a {margin-right: 3px;}
#cadeau {
width: 100%;
font-weight: normal;
text-align: center;
color: #af1919;
padding: 2px;
border-top: 1px dotted #d9d9d9;
border-bottom: 1px dotted #d9d9d9;
}
.but_recalc {border: 1px solid #000000; color: #af1919; font-weight: normal; background-color: #e6e3c6; background-image: none;}
.modepaie {font-size: 9px; font-weight: normal; text-align: left; margin-right: 20px;}
.fidel_select {width: 80px; padding: 0px; margin: 0px;}

#logdeja {
text-align: center;
color: #000000;
width: 100%;
padding: 0px;
margin-bottom: 10px;
background:  url(../img/logdeja_bg.gif) repeat-y;
border: 1px solid #db6c01;
float: left;
}
#logdeja table {font-size: 120%; text-align: left; background-color: #ffffff; border: 1px solid #999999;}
#logdeja h3 {font-size: 200%; font-style: italic; padding: 0px; margin: 10px 0px 10px 0px;}
.edit {text-align: left; font-family: arial, sans serif; font-size: 9px; font-weight: normal; color: #000000; width: 200px; height: 15px; background-image: none; background-color: #ffffff; border: 1px solid #000000;}
.edit:hover {cursor: text}
.but_valid {
padding : 1px 3px 1px 3px;
margin: 0px 0px 0px 0px;
width: 112px;
}
.forgotpass {font-size: 85%; font-weight: normal; color: #000000; text-decoration: underline;}
.but_valid2 {
font-size: 10px;
padding : 1px 1px 1px 1px;
margin: 0px 0px 0px 0px;
width: 60px;
height: 15px;
font-weight: normal;
}

#logfirst {
text-align: center;
color: #000000;
width: 100%;
padding: 0px;
margin-bottom: 10px;
background:  url(../img/logfirst_bg.gif) repeat;
border: 1px solid #000000;
float: left;
}
#logfirst table {text-align: left;background-color: #ffffff; border: 1px solid #999999;}
#logfirst h3 {font-size: 200%; color: #000000; font-style: italic; padding: 0px; margin: 10px 0px 10px 0px;}
#logfirst h5 {font-size: 80%; color: #af1919; font-weight: normal; padding: 0px; margin: 0px;}
#logfirst h6 {font-size: 80%; color: #000000; font-weight: normal; padding: 0px; margin: 0px;}
#logfirst p {font-size: 130%; font-weight: bold; margin-bottom: 5px; color: #000000;}
#logfirst select {margin: 0px;}

#monprofil {
text-align: center;
color: #000000;
width: 100%;
padding: 0px;
margin-bottom: 10px;
background:  url(../img/profil_bg.gif) repeat;
border: 1px solid #000000;
float: left;
}
#monprofil table {text-align: left;background-color: #ffffff; border: 1px solid #999999;}
#monprofil h3 {font-size: 200%; color: #ffffff; font-style: italic; padding: 0px; margin: 10px 0px 10px 0px;}
#monprofil h5 {font-size: 80%; color: #af1919; font-weight: normal; padding: 0px; margin: 0px;}
#monprofil h6 {font-size: 80%; color: #000000; font-weight: normal; padding: 0px; margin: 0px;}
#monprofil p {font-size: 130%; font-weight: bold; margin-bottom: 5px; color: #ffffff;}
#monprofil select {margin: 0px;}


#newscheck {text-align: center; font-size: 120%; color: #000000; padding: 5px; margin: 0px 5px 0px 15px;}

#valid_comm {width: 98%; text-align: center; padding: 10px 0px 10px 0px; border-top: 1px dotted #000000; border: 1px solid #000000; background-image:  url(../img/bg_rouge_grand.gif); clear: both;}

.line_dotted {border-bottom: 1px dotted #000000;}

#popup {
background: #ffffff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
text-decoration: none;
margin: auto;
background:  url(../img/news_bg.gif) repeat;
border: 1px solid black;
}
#popup h2 {padding: 5px;margin: 0px;}

#moncompte {
background: #ffffff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
text-decoration: none;
margin: auto;
border: 1px solid #999999;
}
#moncompte h2 {color: #932a14; font-size:200%; font-style: italic; padding: 5px;margin: 0px;}
#moncompte a {color: #000000;}
#moncompte a:hover {text-decoration: underline;}

#profil {
text-align: center;
color: #000000;
width: 750px;
min-height: 400px;
padding: 0px;
margin: auto;
background-image:  url(../img/common_bg.gif);
background-repeat: repeat;
border: 1px solid #db6c01;
}
#profil table {text-align: left;background-color: #ffffff;}
#profil h2 {font-size: 170%; font-weight: bold; font-style: italic; color: #db6c01; margin: 0px; padding: 0px;}
#profil h3 {font-size: 130%; color: #000000; font-style: italic; padding: 0px; margin: 10px 0px 10px 0px;}
#profil h5 {font-size: 90%; color: #000000; font-weight: normal; padding: 0px; margin: 0px;}
#profil h6 {font-size: 90%; color: #000000; font-weight: normal; padding: 0px; margin: 0px;}
#profil p {font-weight: bold; margin-bottom: 5px;}
#profil select {text-align: left; font-size: 85%; font-weight: normal; color: #000000; width: 150px; height: 15px; margin: 0px; background-image: none; border: 1px solid #000000;}

#histo_content {
font-size: 11px;
color: #000000;
display: block;
height: auto;
width: 400px;
border: 1px solid #6d1010; 
background-color: #ffffff;
}
#histo_content a {color: #000000;}
#histo_content h3 {color: #ffffff; padding: 0px; margin: 0px;}

.date {color: #6d1010; text-decoration: underline; font-weight: bold;}
.table_head {background: #6d1010;}
.fond_oblig {background: #FFCC99;}

#credits {color: #000000; text-align: center; font-size: 11px;}
#credits a {color: #000000; text-align: center; font-size: 11px;text-decoration: underline;}