@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
img {border:0;}
a {color:#C10A28;text-decoration:none;}
ul {list-style-type:none}
html,body {width:100%; height:100%;}
body {font-family:Geneva, Arial, Helvetica, sans-serif;font-size:11px;background:#EAE8E9 url('/styles/bg_body.png') center center repeat-y;text-align:center;}
.clear {clear:both;}
.cl_right {clear:right;}
.cl_left {clear:left;}
#conteneur {
width:990px;text-align:left;
min-height: 100%;
height: auto !important;
height: 100%;
/*margin: 0 auto -120px;*/
margin: 0 auto;
position:relative;
}
#header {
position:relative;
margin:0 auto;
width:990px;
height:86px;
background:url('/styles/bg_header.png') center center no-repeat;
font-size:12px;
}
#menu_top {position:absolute;right:41px;top:29px;background:#8D8D85 url('/styles/bg_menu_top.png') top left no-repeat;height:19px;padding-left:25px}
#menu_top img {float:left;}
#menu_top a {color:#CCC;padding:0 5px;}
#menu_top a.focus {color:#FFF;}
#menu_top li {float:right;margin:2px 5px 0 0;border-right:#EEE 1px solid;}
#menu_bot {position:absolute;left:120px;top:65px;}
#menu_bot a {color:#999;padding:0 5px;}
#menu_bot a.focus {color:#C10A28;}
#menu_bot li {position: relative; float:left;margin:0 5px 0 0;border-right:#EEE 1px solid;}
#header li.last {border-right:0 none;}
#top_left {position:absolute;top:0;left:-381px;width:381px;height:562px;background:url('/styles/top_left.png') top left no-repeat;}
#bot_right {position:absolute;bottom:40px;right:-200px;width:177px;height:202px;background:url('/styles/bot_right.png') top left no-repeat;}
#contenu {position: relative;overflow:hidden;padding:0 15px 30px;}
#col1, #col2 {
float:left;
margin-bottom: -8000px;
padding-bottom: 8000px;
}
#col1 {width:750px;padding-right:20px;background:url('/styles/bg_contenu.png') top left no-repeat;}
#col2 {width:190px;margin-top:10px;background:url('/styles/bg_col2.png') top left repeat-y;}
#fix_contact {color:#777;padding:10px;padding-right:7px;background:url('/styles/bf_fixcontact.png') top left no-repeat;}
#footer {
position:relative;
margin:0 auto;
width:990px;
background:url('/styles/bg_footer.png') center center no-repeat;
text-align:center;
height:120px;
line-height:120px;
font-size:11px;
color:#777;
}
#footer p {
text-align:left;
margin-left:120px;
}
#footer a.gray {
color:#777;
font-weight:bold;
}
a#paiement_secu {position:absolute;top:70px;left:120px;line-height:normal;}
#bot_tree {position:absolute;top:-150px;right:16px;width:190px;height:150px;background:url('/styles/foot_tree.png') top left no-repeat;}
#link_fb {position: absolute; top: 5px; width: 960px; text-align: center;}
/* ALL */
img.zoomable {cursor:pointer;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.white {color:#FFF;}
.red {color:#C10A28;}
.bold {font-weight:bold;}
div.lin3s p {background:url('/styles/lin3s.png') top left repeat-y; padding-left:15px;margin:10px 0 10px -15px;}
a.red_button {display:inline-block;width:159px;height:24px;color:#FFF;background:url('/styles/red-button.png') top left no-repeat;line-height:20px; text-align:center;}
a.grey_button {display:inline-block;width:164px;height:30px;color:#FFF;background:url('/styles/grey-button.png') 0 -1px no-repeat;line-height:20px; text-align:center;}
h1 {margin:15px;padding:0 30px;height:52px;font-size:16px;line-height:70px;background:url('/styles/h1_base.png') top left no-repeat;}
div.galerie {position:relative;float:right;width:300px;height:390px;padding:10px;background:#CCC url('/styles/bg_gal.jpg') top left repeat-x;overflow:hidden;margin:10px 0 20px 10px;}
div.galerie img {border:#777 1px solid;}
div.galerie div.cadre {border:#777 1px solid;overflow:hidden;width:300px;height:300px;}
div.galerie div.cadre img {border:0 none;}
div.cont_gal {position:relative;overflow:auto;width:240px;height:100px;margin:10px 30px;}
div.cont_gal table {border-collapse:collapse;}
div.cont_gal table td {padding:5px;}
/* HOME */
h1.index {background-image:url('/styles/h1_actualites.png');}
div.paragraph h4 {color:#BBB;margin:2px;padding-left:20px;background:url('/styles/puce_grise.png') 0 2px no-repeat; font-size:12px; text-decoration:underline;}
div.paragraph h4 a {}
/* NEWS */
h1.actualites {background-image:url('/styles/h1_actualites.png');}
div.paragraph {margin:10px 20px 50px;}
div.paragraph div.galerie {margin-top:0;}
div.paragraph h2 {margin:10px 0;padding:0 50px;font-size:14px;color:#777;background:url('/styles/h2_bg.png') 0 4px no-repeat;}
/* PAPIERS */
h1.papier {float: left; margin-top: 30px;}
h1.papier_multiple {background-image:url('/styles/h1_papier.png');}
img.papier-picto {float: left; padding-top: 40px; }
#menu_bot ul.ul_categ {position: absolute; z-index: 1; background-color: #DDD; padding: 5px; margin-top: 6px;}
#menu_bot ul.ul_categ li {margin:2px; padding-left:20px;background:url('/styles/puce_grise.png') 0 2px no-repeat; border-right:none;}
#menu_bot ul.ul_categ li a {display:block;width:200px;border-bottom:1px solid #777;}
#menu_bot ul.ul_categ li.focus {background:url('/styles/puce_rouge.png') 0 2px no-repeat;}
ul#ul_categ_multiple {margin:18px;}
ul#ul_categ_multiple li {margin:2px; padding-left:20px;background:url('/styles/puce_grise.png') 0 2px no-repeat;}
ul#ul_categ_multiple li a {display:block;width:200px;border-bottom:1px solid #777;}
ul#ul_categ_multiple li.focus {background:url('/styles/puce_rouge.png') 0 2px no-repeat;}
div.papier {margin:30px 20px 60px;background:url('/styles/bg_papier.png') top left no-repeat;position:relative;padding-top:60px;}
div.papier div.imgtitle {position:absolute;top:31px;left:0;height:29px;font-size:13px;width:660px;}
div.papier div.imgtitle img,
div.papier div.imgtitle span {float:left;margin-right:10px;line-height:32px;}
div.papier div.imgtitle img.fright {float:right;}
div.papier h2 {position:absolute;top:5px;left:50px; color:#C10A28; font-size: 14px;}
/* FINITIONS */
h1.finitions {float: left; margin-top: 30px;}
h1.finitions_multiple {background-image:url('/styles/h1_finitions.png');}
img.finitions-picto {float: left; padding-top: 40px; }
/* TIRAGES */
h1.tirages {background-image:url('/styles/h1_tirages.png');}
/* COMMANDE */
h1.commande {background-image:url('/styles/h1_panier.png');}
form#commande {position:relative;background:#B7B4AF;border:1px solid #8E8D88;padding:10px 30px;margin-left:55px;margin-bottom: 10px;}
form#commande div.spacer {background:#D1D0CC;height:1px;}
form#commande div.dark {margin:0 auto;width:630px;background:url('/styles/bg_com_dark.jpg') 0 0 repeat-y;}
form#commande label,
form#commande select {float:right;width:300px;margin:10px 0;}
form#commande select#marque,
form#commande select#tailles {margin-right:46px;}
form#commande label {text-align:right;color:#FFF; font-weight:bold;line-height:22px;width:auto;padding-left:20px;background:url('/styles/puce_com_sombre.png') 1px 4px no-repeat;}
form#commande div.dark label {background-image:url('/styles/puce_com_clair.png');}
form#commande label.nobg {background:none;}
form#commande img {float:right;margin:5px;}
form#commande input {width:110px;}
form#commande input.small {width:50px;}
form#commande br {clear:right;}
form#commande p.right {padding:0 46px 0 0;}
div#contenu p.info_fin {margin-left: 55px; font-weight:bold; font-size:12px; color: #999999; }
form#commande p.com_fin {padding:0 46px 0 0;text-align:right;}
form#commande p.com_fin *,
form#commande div.com_file p * {float:none;width:auto;background-position:1px 0;}
form#commande p.com_fin input.small {width:50px;}
form#commande p.com_fin label.red,
form#commande div.com_file label.red {color:#C10A28;font-weight:bold;}
form#commande div.com_file {padding:0 46px 0 0;text-align:right;}
form#commande div.com_file p.com_text { float: left; }
form#commande div.com_file p.com_text label { vertical-align: top; }
form#commande div.com_file p.com_text textarea { height: 55px; }
div.paragraph .fileitem {position:relative;margin: 10px 0;}
div.paragraph h3 {color:#C10A28;}
div.paragraph h3 span {color:#777777; margin: 0 5px;}
/* MEMBRES */
h1.membres {background-image:url('/styles/h1_membres.png');}
form#membres {padding:10px 0 10px 45px;}
form#membres fieldset {width:220px;float:left;border:1px solid #8E8D88;padding:10px 0;background:#AAA9A4;line-height:20px;}
form#membres fieldset.col {position: relative; width:690px;background:#D0CFCB; margin-bottom: 20px;}
form#membres fieldset.semicol {position: relative; width:310px;background:#D0CFCB; padding: 10px;}
form#membres fieldset#log {margin-right: 28px;}
form#membres fieldset.commandes {background:#E1E0DC;}
form#membres fieldset#password_lost {margin-top: 10px; padding: 10px;}
form#membres fieldset h2 {color:#FFF;font-size:14px; padding: 0 3%;}
form#membres fieldset#password_lost h2 {padding: 0 0 10px 0;}
form#membres fieldset.col h2,
form#membres fieldset.semicol h2 {color:#8F8E8A;}
form#membres fieldset.semicol h2 {margin-bottom: 10px;}
form#membres fieldset.col p,
form#membres fieldset.semicol p {width:100%;line-height:13px;}
form#membres fieldset#password_lost p{padding-bottom: 10px;}
form#membres span.required {display: inline-block;width: 14px;background:url('/styles/required.png') no-repeat 3px 3px;}
form#membres input,
form#membres select {border:none;height:20px;width:100%;}
div#conteneur form#membres input.checkbox,
div#conteneur form#membres input.image {height:auto;width:auto;}
form#membres div.colfirst {margin-left: 3%;}
form#membres div.col div.colfirst {margin-right: 1%;margin-left: 0;}
form#membres fieldset.semicol div.col div.colfirst {margin-right: 4%;margin-left: 0;}
form#membres div.col {float:left;width:48%; margin-bottom: 4px;}
form#membres fieldset.semicol div.col div.col{float:left;width:48%; margin-bottom: 4px;}
form#membres fieldset.semicol div.col,
form#membres fieldset#password_lost div.col {width:100%;}
form#membres div.col input,
form#membres div.col select {width:95%;}
form#membres fieldset.semicol div.col input,
form#membres fieldset.semicol div.col select,
form#membres fieldset#password_lost input {width:100%;}
form#membres div.col p label {color:#666;}
form#membres div.required_info {position: absolute; bottom: 0; color: #8F8E8A; margin-left: 3%;}
form#membres div.required_info span {width: 11px;}
form#membres div.password {margin: 12px 0;}
form#membres div.password div {display: inline-block; margin-left: 3%;}
form#membres div.password div.change_pwd,
form#membres div.password div.receive_pwd {text-align:center;background-image:url('/styles/recevoir-un-mot-de-passe.png');background-repeat:no-repeat;width:164px;height:30px;}
form#membres div.password div.change_pwd {padding-top:4px;}
form#membres div.password div.receive_pwd {background-position:0 11px;height:41px;}
form#membres div.password div.change_pwd a,
form#membres div.password div.receive_pwd a {font-size: 90%;font-weight: bold; color: #FFF;}
form#membres div.password div.receive_pwd p {text-align: left; padding-left: 4px; padding-bottom: 2px;}
form#membres div.validate {position: absolute; bottom: 20px; right: 10px; margin-right: 10px;}
form#membres img.submit {cursor:pointer;}
form#membres ul.error,
form#membres ul.info {margin:10px 0;width:610px;border:1px solid #900;background:#F99;padding:10px 40px;}
form#membres ul.info {background:#00F999;}
form#membres ul.error li,
form#membres ul.info li {margin:5px 10px 5px;color:#900;font-weight:bold;}
form#membres ul.info li {color:#009000;}
form#membres table.tirages {border:none;background:none;border-collapse:collapse;}
form#membres table.tirages td {border-color:#FFF;}
/* PANIER */
h1.panier {background-image:url('/styles/h1_panier.png');}
h1.membres {background-image:url('/styles/h1_membres.png');}
table.tirages {margin:20px 2%;width:95%;border:1px solid #8E8D88;background:#FFF;border-collapse:collapse;}
table.tirages th,
table.tirages td {padding:5px;vertical-align:top;text-align:right;}
table.tirages th {text-align:center;}
table.tirages td.desc {text-align:left;}
table.tirages th {background:#BBBAB5;color:#FFF;border-bottom:1px solid #FFF;}
table.tirages td.sep {background:url("/styles/separation-panier.jpg") bottom left; padding:0; margin:0; height:1px;}
table.tirages td.left {text-align:left;}
table.tirages th.right,
table.tirages td.right {text-align:right; padding-right:10px;}
table.tirages td.bottom {vertical-align:bottom;}
table.tirages tr.row0 td {background:#E1E0DC;}
table.tirages tr.row1 td {background:#E1E0DC;}
table.tirages tr.row0 td label,
table.tirages tr.row1 td label {color:#666;}
table.tirages tr.total,
table.tirages tr.sstotal,
table.tirages tr.remises {
background: rgb(225,224,220); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlMWUwZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGQ4ZDg1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(225,224,220,1) 10%, rgba(141,141,133,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(225,224,220,1)), color-stop(100%,rgba(141,141,133,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(225,224,220,1) 10%,rgba(141,141,133,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(225,224,220,1) 10%,rgba(141,141,133,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(225,224,220,1) 10%,rgba(141,141,133,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(225,224,220,1) 10%,rgba(141,141,133,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e0dc', endColorstr='#8d8d85',GradientType=1 ); /* IE6-8 */
background-attachment:fixed;
}
table.tirages tr.total td,
table.tirages tr.sstotal td,
table.tirages tr.remises td {font-weight:bold; color:#FFF; padding: 15px 10px; }
table.tirages tr.remises td { color: #C10A28; padding-bottom: 0;}
table.tirages tr.total td.nobold,
table.tirages tr.sstotal td.nobold,
table.tirages tr.remises td.nobold {font-weight:normal;}
table.tirages td span.dotted {float: left; font-size: 14px;font-weight: bold; color: #AAA9A4; margin-top: -5px;}
div.panier-message,
div.panier-buttons { margin-left: 15px; }
div.panier-buttons { position: relative; margin-top: -21px; width: 710px; height: 90px; background-color: #DDD; border: 1px solid #8E8D88; border-top-color: #FFF;}
div.panier-message p,
div.panier-buttons p { float: left; padding-right: 10px; } 
div.panier-message p { color:#666;}
div.panier-buttons p { margin: 10px 0 0 10px; left; padding-right: 10px;}
div.panier-buttons p.btn_valide_commande { float: right; }
form#panier-mode { margin: 0 auto; width: 86%; }
form#panier-mode fieldset label { float: left; width: 23%; padding-left: 3%;}
form#panier-mode p.btn_valide_commande { position:inherit; text-align: right; cursor: pointer; margin-right: 10px; }
table.tirages-mode { font-size: 11px; }
table.tirages-mode tr.sstotal td { padding: 15px 10px 0 10px; }
form#panier-mode fieldset {border:1px solid #8E8D88;padding:10px 0;background:#AAA9A4;line-height:24px;margin-top: 10px; color:#FFF;font-weight:bold;}
form#panier-mode fieldset h2 {color:#FFF;font-size:14px; padding: 0 3%;}
form#panier-mode fieldset input,
form#panier-mode fieldset select,
form#panier-mode fieldset textarea  {
    border: medium none;
    height: 20px;
    width: 70%;
}
form#panier-mode fieldset textarea { height: 80px; }
.livraison_button { margin-left: 15px; }
/* ADRESSE */
form#adresse { position: relative; padding-left: 20px; }
form#adresse h2 { color: #FFF; padding: 10px; }
form#adresse .form { background:#AAA9A4; overflow: hidden; }
form#adresse fieldset { float: left; width: 360px; border: none; } 
form#adresse fieldset.field-right { border-left: 10px solid #FFF; padding-bottom: 20px; } 
form#adresse div.spacer {background:#D1D0CC;height:1px;}
form#adresse label {float: left; width: 110px; text-align:left; color:#FFF; font-weight:bold;line-height:22px; padding-left: 10px; }
form#adresse input,
form#adresse select,
form#adresse textarea { width: 230px; }
form#adresse textarea { height: 80px; },
form#adresse br {clear:both;}
form#adresse p.right {padding:0 46px 0 0;}
form#adresse a.red_button { margin-bottom: 15px; }
form#adresse .btn_valide_adresse { text-align: right; padding-top: 10px; }
/* MON COMPTE */
form#membres table.tirages {margin:20px 0 0;width:100%;}
form#membres table.tirages th,
form#membres table.tirages td {padding:2px;text-align:center;}
div#deco {margin-top:10px;padding-top:10px;border-top:2px dashed #FFF;}
form#membres div#deco input {width:auto;height:auto;}
/* NEWSLETTER */
div#conteneur div#newsletter_form {position:relative;border:1px solid #8E8D88;background:#D0CFCB;margin: 0 20px 0 40px; padding: 10px 0 50px 0;}
form#newsletter div.required_info {position: absolute; left: 10px; bottom: 15px;}
form#newsletter span.required {display: inline-block;width: 14px;background:url('/styles/required.png') no-repeat 3px 3px;}
form#newsletter div.firstcol{ margin-left: 10px; width: 665px; }
form#newsletter div.col div.col { float: left; width: 340px; }
form#newsletter div.col div.firstcol { width: 315px; margin-right: 10px;}
form#newsletter div.col input { width: 100%; }
form#newsletter div#mail input { width: 60%;}
form#newsletter div.inscription { position: absolute; right: 40px; bottom: 40px;}
form#newsletter ul.error,
form#newsletter ul.info {margin:10px 0 10px 10px;width:585px;border:1px solid #900;background:#F99;padding:10px 40px;}
form#newsletter ul.info {background:#00F999;}
form#newsletter ul.error li,
form#newsletter ul.info li {margin:5px 10px 5px;color:#900;font-weight:bold;}
form#newsletter ul.info li {color:#009000;}
h1.newsletter {float:left; margin-top: 50px; margin-right: 0;}
img.newsletter-picto {float:left; padding-top: 50px;}
/* CONTACT */
form#form_contact {position: relative; margin: 0 20px 0 50px;padding:20px;border:1px solid #8E8D88;background:#D0CFCB;color:#FFF;}
form#form_contact div.col { width: 100%; margin: 4px 0;}
form#form_contact div.col div.col { float: left; width: 50%; }
form#form_contact div.col div.col div.col { margin: 0; }
form#form_contact div.col div.col div.col input,
form#form_contact div.col div.col div.col select { width: 140px; }
form#form_contact span.required {display: inline-block;width: 14px;background:url('/styles/required.png') no-repeat 3px 3px;}
form#form_contact div.required_info {position: absolute; bottom: 50px; color: #8F8E8A;}
form#form_contact div.required_info span {width: 11px;}
form#form_contact input,
form#form_contact select,
form#form_contact textarea {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;border:1px solid #999;background:#EEE;padding:0;}
form#form_contact input.focus {border:1px solid #090;background:#CFC}
form#form_contact label,
form#form_contact input,
form#form_contact select {margin:1px;width:300px;height:20px;}
form#form_contact textarea {margin:1px;width:624px;height:100px;}
form#form_contact label.radio input { height: auto; }
form#form_contact label.radio,
form#form_contact label.radio input,
form#form_contact input.check {float:none;margin:1px;width:auto;}
form#form_contact input.button {float:none;width:170px;height:30px;background:none;padding:0;border:0 none;}
form#form_contact label {width:200px; text-align:right; font-weight:bold;}
form#form_contact br {clear:left;}
form#form_contact ul.error {margin:10px 0;width:555px;border:1px solid #900;background:#F99;padding:10px 40px;}
form#form_contact ul.error li {margin:5px 10px 5px;color:#900;font-weight:bold;}
h1.contact {float:left; margin-right: 0; margin-top: 30px;}
img.contact-picto {float:left; padding-top: 50px;}
/* TOUS LES PRODUITS */
h1.produits {background-image:url('/styles/h1_produits.png');}
div#tous_les_produits {float:none;width:auto;height:auto;border:1px solid #8E8D88;padding:20px 25px 0;}
div#tous_les_produits img.big {float:left;margin:0 10px 0 0;}
div#tous_les_produits div.cont_gal {width:650px;height:77px;margin:10px 23px;}
div#tous_les_produits div.cont_gal img {border-color:#FFF;margin:0 10px;}

p.go_commande {margin-bottom: 60px;}
p.tarifs span{margin: 0 10px;}
p.btn_valide_commande{float: right; margin-top: 10px; }
p.btn_valide_commande input { padding: 2px; margin-top: 10px; margin-right: 10px; }
br.clear { clear: both; }

/* PANIER */
form#PaymentRequest {
	margin-top: 60px;
}
form#PaymentRequest p {
	text-align: center;
}
form#PaymentRequest #bouton {
	font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
	background: transparent;
	border: 0px;
	cursor: pointer;
	color:#C10A28;
	text-decoration:none;
}
form#PaymentRequest #bouton:hover {
	text-decoration: underline;
}
#commande-paiement {
	margin-left: 45px;
}
#commande-paiement p {
	margin: 10px 0;
}
#commande-paiement p span.spec {
	color: #008000;
}

#commande-paiement .erreur {
	font-weight:bold;
	margin-top:20px;
}

#commande-mail {
	text-align:center;
}

#commande-mail h1 {
	float: left;
}

#commande-mail p.btn {
	margin: 5px; 
}

#commande-mail p.btn a{
	margin: 0 10px; 
}