@media screen and (-webkit-min-device-pixel-ratio:0){
	html {margin-left:1px;}
}

html {
	background-color:#26250f;
	background-image:url('fond-anniversaire.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}

body {
	padding:0; margin:0;
	/*background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
	-webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;*/
	/*background-color:#26250f;*/
	/*background-image:url('fond_classic.jpg');*/
	/*background-image:url('fond-noel-2015.jpg');
	background-repeat:no-repeat;
	background-position:top center;*/
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}

#main {
	width:980px;
	margin:0px auto;
}

#top {
	height:292px;
	background:#000 url('top.jpg') no-repeat;
	position:relative;
}

#google_translate_element {
	position:absolute; top:182px; right:0px;
	z-index:700;
}

.translation-links {
	text-align:right;
	position:absolute;
	right:5px;
	bottom:63px;
	z-index:999;
}
.translation-links img {
	border:0;
	cursor: pointer;
	margin-left:8px;
	height:16px;
	width:16px;
}

#top div.top_diapo {
	width:580px; height:206px;
	position:absolute; top:0px; right:0px;
	z-index:600;
}

#top div.top_masque {
	width:600px; height:206px;
	position:absolute; top:0px; right:0px;
	background:url('top_masque.png') no-repeat top right;
	z-index:700;
}

#top div.logo {
	position:absolute;
	top:0px; left:15px;
	width:375px; height:193px;
	background:url('logo.png') no-repeat;
	z-index:800;
}

#top div.logo a {
	display:block;
	height:193px;
}

#menu {
	position:absolute;
	bottom:0px; left:0px;
	width:980px;
	height:86px;
	background:#4e4b23;
	color:#fff;
}

#menu div {
	float:left;
	width:105px; height:86px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

#menu div a {
	background:url('menu.png') no-repeat top;
	display:block;
	height:86px;
	text-transform:uppercase;
	color:#fff;
}

#menu div a:hover, #menu div a.active {
	background:url('menu.png') no-repeat bottom;
}

#menu div a strong {
	display:block;
	padding:0px 10px;
	padding-top:32px;
}

#menu div.infoline {
	float:right;
	width:210px;
	padding-top:14px;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

#menu div.infoline strong {
	font-size:18px;
}

#menu div.infoline span {
	text-transform:uppercase;
}

#middle {
	display:table;
	padding-bottom:21px;
	background:url('middle-bottom.jpg') no-repeat bottom center;
	/height:100%;
}

#middle div.cols {
	display:table-cell;
	vertical-align:top;
	height:560px;
	padding-bottom:10px;
	/float:left;
	/height:auto;
}

#middle div.cols div.padding {
	padding:10px;
}

#middle div.left {
	background:#dfdfdf;
	width:740px;
	color:#000;
}

#middle div.right {
	background:#383616;
	width:240px;
	color:#fff;
}

#middle div.right div.panier {
	background:url('right-panier.png') no-repeat;
	position:relative;
	height:125px;
}

#middle div.right div.panier div.articles {
	position:absolute;
	top:40px; left:12px;
	text-transform:uppercase;
	white-space:nowrap;
}

#middle div.right div.panier div.total {
	position:absolute;
	top:60px; left:12px;
	white-space:nowrap;
}

#middle div.right div.panier a.panier {
	position:absolute;
	top:0px; right:0px;
	width:120px; height:120px;
	display:block;
}

#middle div.right div.recherche {
	background:url('right-recherche.png') no-repeat;
	position:relative;
	height:85px;
}

#middle div.right div.recherche .field {
	padding:0; margin:0;
	position:absolute;
	top:32px; left:10px;
}

div.search {position:relative;}
div.search form {float:right; background:#fff; padding:2px; border:1px solid #ccc; margin-bottom:4px; border-radius:4px; -moz-border-radius:4px;}
div.search form input.keywords {border:0; width:190px; background:#fff; float:left; height:18px; color:#999; }
div.search form input.keywords:focus {outline:none; color:#000;}
div.search form input.submit {background:url('search.gif') no-repeat right; width:24px; height:18px; display:block; float:left; cursor:pointer; border:0;}

#middle div.right div.livraison {
	background:url('right-livraison.png') no-repeat;
	position:relative;
	height:95px;
}

#middle div.right div.livraison a {
	display:block;
	height:95px;
}

#middle div.right div.bottom {
	background:url('right-bottom.png') no-repeat bottom;
	height:294px
}

#bottom p {
	padding:0; margin:0px;
	margin-bottom:10px;
	text-align:center;
	font-size:90%;
	color:#fff;
}

#bottom p.baseline {
	text-transform:uppercase;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

#bottom a {
	color:#FFFFFF;
}

#bottom a:hover {
	color:#cccccc;
}

/* FIL INFO */
div.fil {
	margin-bottom:10px;
	padding:6px 8px;
	background:#4e4b22;
	color:#fff;
	font-size:9px;
	text-transform:uppercase;
}

div.fil a {
	text-decoration:none;
	color:#fff;
}

div.fil a:hover {
	text-decoration:underline;
}

/* LISTING PRODUITS */
.produits {
	list-style-type:none;
	padding:0; margin:0;
	float:left; clear:both; width:100%;
	margin-bottom:10px;
}

.produits li {
	color:#cc0000;
	position:relative;
	float:left;
	width:225px;
	height:165px;
	margin:7px;
	
	background:#fff;
	-moz-box-shadow: 1px 1px 6px #999;
    -webkit-box-shadow: 1px 1px 6px #999;
    box-shadow: 1px 1px 6px #999;
}

.produits li:hover {
	background:#fff;
	-moz-box-shadow: 1px 1px 6px #333;
    -webkit-box-shadow: 1px 1px 6px #333;
    box-shadow: 1px 1px 6px #333;
}

.produits a {
	text-decoration:none;
}

.produits a:hover {
	color:#000;
	text-decoration:underline;
}

.produits li a.photo {
	float:left;
	display:block;
	width:215px; height:130px;
	margin:5px;
	cursor:pointer;
	overflow:hidden;
}

.produits li a.nom {
	position:absolute;
	left:4px; bottom:2px;
	font-size:10px;
	text-align:left;
	text-decoration:none;
	line-height:1em;
	height:2em;
	overflow:hidden;
	width:140px;
}

.produits li span.reference {
	position:absolute;
	top:0px; right:0px;
	background:#eee;
	color:#000;
	padding:1px 4px;
	font-size:10px;
}

.produits li span.numero {
	position:absolute;
	top:0px; left:0px;
	background:#333;
	color:#fff;
	padding:1px 4px;
	font-size:10px;
}

.produits li span.prix {
	position:absolute;
	right:-4px; bottom:2px;
	background:#fff;
	padding:4px 6px;
	color:#fff;
	background:#9f1a09;
	font-size:11px;
	font-weight:bold;
	display:block;
}

.produits li span.prix span {
	text-decoration:line-through;
	color:#ffff00;
	display:block;
}

.produits li .dispo {
	position:absolute;
	right:0px; top:0px;
}

/*.produits li {
	color:#cc0000;
	position:relative;
	float:left;
	width:165px;
	height:165px;
	margin:7px;
	
	background:#fff;
	-moz-box-shadow: 1px 1px 6px #999;
    -webkit-box-shadow: 1px 1px 6px #999;
    box-shadow: 1px 1px 6px #999;
}

.produits li:hover {
	background:#fff;
	-moz-box-shadow: 1px 1px 6px #333;
    -webkit-box-shadow: 1px 1px 6px #333;
    box-shadow: 1px 1px 6px #333;
}

.produits a {
	text-decoration:none;
}

.produits a:hover {
	color:#000;
	text-decoration:underline;
}

.produits li a.nom {
	position:absolute;
	left:0px; top:0px;
	display:none;
}

.produits li span.reference {
	position:absolute;
	top:0px; left:0px;
	background:#333;
	color:#fff;
	padding:1px 4px;
	font-size:10px;
}

.produits li span.numero {
	position:absolute;
	top:16px; left:0px;
	background:#eee;
	color:#000;
	padding:1px 4px;
	font-size:10px;
}

.produits li span.prix {
	position:absolute;
	right:-4px; bottom:2px;
	background:#fff;
	padding:4px 6px;
	color:#fff;
	background:#9f1a09;
	font-size:11px;
	font-weight:bold;
	display:block;
}

.produits li span.prix span {
	text-decoration:line-through;
	color:#999;
}

.produits li a.photo {
	display:block;
	width:160px; height:120px;
	margin:5px;
	cursor:pointer;
}*/

/* LISTING FAMILLES */
.familles {
	list-style-type:none;
	padding:0; margin:0;
	float:left; clear:both; width:100%;
	margin-bottom:10px;
}

.familles li {
	color:#cc0000;
	position:relative;
	float:left;
	width:344px;
	height:165px;
	margin:7px;
	
	background:#fff;
	-moz-box-shadow: 1px 1px 6px #999;
    -webkit-box-shadow: 1px 1px 6px #999;
    box-shadow: 1px 1px 6px #999;
}

.familles li:hover {
	background:#fff;
	-moz-box-shadow: 1px 1px 6px #333;
    -webkit-box-shadow: 1px 1px 6px #333;
    box-shadow: 1px 1px 6px #333;
}

.familles a {
	text-decoration:none;
}

.familles a:hover {
	color:#000;
	text-decoration:underline;
}

.familles li span.famille {
	position:absolute;
	bottom:5px; right:5px;
	color:#fff;
	padding:4px 8px;
	background:#9f1a09;
	font-size:12px;
	font-weight:bold;
}

.familles li a.photo {
	display:block;
	width:160px; height:120px;
	margin:5px;
	cursor:pointer;
}

/* PANIER FIL */
div.btn_achat {
	width:170px; height:50px;
}

div.btn_quantite a {
	width:170px; height:50px;
	display:block;
	background:url('btn_panierfil.png') no-repeat bottom left;
}

div.btn_quantite a.active {
	background:url('btn_panierfil.png') no-repeat top left;
}

div.btn_identification a {
	width:170px; height:50px;
	display:block;
	background:url('btn_panierfil.png') no-repeat -170px -50px;
}

div.btn_identification a.active {
	background:url('btn_panierfil.png') no-repeat -170px 0px;
}

div.btn_mode a {
	width:170px; height:50px;
	display:block;
	background:url('btn_panierfil.png') no-repeat -340px -50px;
}

div.btn_mode a.active {
	background:url('btn_panierfil.png') no-repeat -340px 0px;
}

div.btn_payer a {
	width:170px; height:50px;
	display:block;
	background:url('btn_panierfil.png') no-repeat bottom right;
}

div.btn_payer a.active {
	background:url('btn_panierfil.png') no-repeat top right;
}
/* PANIER FIL */

/* PANIER */
div.btn_bas {
	width:200px; height:45px;
}

div.btn_bas b {
	display:none;
}

div.btn_valid a {
	width:200px; height:45px;
	display:block;
	background:url('btn_valid.png') no-repeat top left;
}

div.btn_valid a:hover {
	width:200px; height:45px;
	display:block;
	background:url('btn_valid.png') no-repeat bottom left;
}

div.btn_etape a {
	width:200px; height:45px;
	display:block;
	background:url('btn_etape.png') no-repeat bottom left;
}

div.btn_etape a:hover {
	background:url('btn_etape.png') no-repeat top left;
}


div.btn_prev a {
	width:200px; height:45px;
	display:block;
	background:url('btn_prev.png') no-repeat bottom left;
}

div.btn_prev a:hover {
	background:url('btn_prev.png') no-repeat top left;
}

div.btn_poursuivre a {
	width:200px; height:45px;
	display:block;
	background:url('btn_poursuivre.png') no-repeat bottom left;
}

div.btn_poursuivre a:hover {
	background:url('btn_poursuivre.png') no-repeat top left;
}
/* PANIER */

/* FORM */
div.form table {
	font-size:13px;
}

div.form div.input {
	border:1px solid #ccc;
	padding:4px;
	background:#fff;
}

div.form div.input input, div.form div.input select, div.form div.input textarea {
	border:0;
	width:100%;
	background:#fff;
}

div.form div.input .notext {
	border:auto;
	width:auto;
	background:auto;
}

div.form .need {
	font-weight:bold;
}

div.form sup {
	color:#cc0000;
}

div.form strong {
	text-transform:uppercase;
	font-size:16px;
	/*color:#cc0000;*/
	/*border-bottom:2px solid #333;*/
	text-align:right;
}

div.form p {
	padding:0; margin:0;
}
/* FORM */

/* COMPTE FIL */
div.btn_commandes a {
	width:170px; height:50px;
	display:block;
	background:url('btn_comptefil.png') no-repeat bottom left;
}

div.btn_commandes a.active {
	background:url('btn_comptefil.png') no-repeat top left;
}

div.btn_informations a {
	width:170px; height:50px;
	display:block;
	background:url('btn_comptefil.png') no-repeat -170px -50px;
}

div.btn_informations a.active {
	background:url('btn_comptefil.png') no-repeat -170px 0px;
}

div.btn_panier a {
	width:170px; height:50px;
	display:block;
	background:url('panier_backup.png') no-repeat bottom left;
}

div.btn_panier a.active {
	background:url('panier_backup.png') no-repeat top left;
}
/* COMPTE FIL */

/* TITRE */
div.title {
	width:720px; clear:both;	float:left;
	height:40px; background:url('title.png') no-repeat bottom center;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}

div.title p {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#4e4b23;
	padding:0px 0px 0px 30px; margin:0px 0px 0px 0px;
	text-transform:uppercase;
}

div.title p:first-letter {
	font-size:30px;
	
}
/* TITRE */

/* MENU PAIEMENT */
.menu_paiement {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	display:table-cell;
	/display:block;
	/float:left;
	width:300px;
}

.menu_paiement h3 {
	padding:10px 0px 0px 0px; margin:20px 0px 0px 0px;
	float:left;
	color:#FFFFFF; font-weight:bold;
	text-transform:uppercase;
}

.menu_paiement h3:first-letter {
	font-size:18px;
}

.menu_paiement ul {
	padding:0px;
	margin:10px 0px 0px 0px;
	list-style-type:none;
	width:100%;
}

.menu_paiement li {
	width:310px; height:30px;
	text-align:left;
	list-style-type:none;
	text-transform:normal;
	letter-spacing:0px;
	padding:0px 0px 0px 0px;
	float:left;
	position:relative;
	margin:10px 0px 0px 0px;
}

.menu_paiement a {
	width:310px; height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	display:block;
	_display:inline-block;
	text-decoration:none;
	background:url('paiement/check.png') no-repeat bottom center;
}

.menu_paiement a:hover, .menu_paiement a.active {
	color:#333;
	text-decoration:none;
	background:url('paiement/check.png') no-repeat top center;
}

.menu_paiement a b {
	padding:8px 0px 0px 20px;
	display:block;
	font-weight:bold;
}
/* MENU PAIEMENT */

/**FICHE PRODUIT****/

div.fiche_zone {
	width:720px; float:left; position:relative;
	margin-top:10px; margin-bottom:20px;
}

div.prix {
	position:absolute;
	top:0px; left:-270px;
	z-index:999;
	background:url('etiquette.png') no-repeat top center;
	padding:0px;
	/*-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;*/
	width:300px; height:100px;
}

div.prix img {
	float:right;
	border:0px;
}

div.prix div.price {
	float:left;
	width:150px;
	margin:10px 0px 0px 10px;
}

div.prix div.price p {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#990000;
	padding:0; margin:0;
}

div.prix div.price p.ttc {
	margin-top:20px;
}

div.prix div.promo p.ttc {
	margin-top:0px;
}

div.prix div.price p.barre {
	text-align:center;
	font-size:14px;
	font-weight:normal;
	color:#333;
	text-decoration:line-through;
	margin-top:10px;
}

div.prix div.price p.ht {
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

div.fiche_left {
	width:300px; float:left;
}

div.fiche_zone div.titre {
	font-size:16px; text-transform:uppercase; color:#26250f; font-weight:bold;
	padding:0px 150px 10px 0px;
	border-bottom:1px solid #cccccc;
}

div.fiche_left div.reference {
	font-size:12px; text-transform:uppercase; color:#666666; padding:120px 0px 0px 20px;
}

div.fiche_left div.numero {
	font-size:14px; text-transform:uppercase; color:#666666; padding:0px 10px 0px 0px;
	position:absolute; top:0px; right:0px;
	color:#990000;
}

div.fiche_left div.poids {
	font-size:12px; text-transform:uppercase; color:#666666; padding:0px 0px 0px 20px;
}

div.fiche_right {
	width:400px; float:right; margin:10px 0px 0px 20px;
	background:#333;
	position:relative;
}

div.fiche_left div.thumbs {
	margin-top:10px;
}

div.fiche_left div.btn_ajout {
	width:200px; height:45px;
	margin:10px 0px 0px 0px;
}

div.fiche_left div.btn_ajout a {
	width:200px; height:45px;
	display:block;
	background:url('btn_ajout.png') no-repeat top left;
}

div.fiche_left div.btn_ajout a.off {
	width:300px; height:80px;
	display:block;
	background:url('btn_ajout_off.png') no-repeat;
}

div.fiche_left div.btn_ajout a:hover {
	background:url('btn_ajout.png') no-repeat bottom left;
}

div.fiche_left div.btn_ajout a.off:hover {
	background:url('btn_ajout_off.png') no-repeat;
}

div.fiche_left div.btn_ajout b {
	display:none;
}

div.area {
	width:720px; float:left; position:relative;
}

div.area div.titre {
	font-size:14px;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	padding:0px 0px 2px 0px;
	margin:0px 0px 10px 0px;
	font-weight:bold;
}

div.area div.titre:first-letter {
	padding:0;margin:0;
	font-size:18px;
}

div.area p {
	font-size:11px;
	color:#333333;
	padding:0px 20px 0px 20px;
}

/********div.btn ******/

div.btn {
	float:right; margin-top:10px;
}

div.btn a {
	background:#333;
	color:#fff;
	display:block;
	-moz-border-radius-topleft: 10px 10px;
  	border-top-left-radius: 10px 10px;
	-moz-border-radius-bottomright: 10px 10px;
  	border-bottom-right-radius: 10px 10px;
}

div.btn a:hover {
	background:#fff;
	color:#333;
}

div.btn b {
	display:block;
	padding:10px;
}

div.btn_large {
	float:left; margin:10px 15px 10px 15px;
	clear:both;
	width:203px;
}

div.btn_large a {
	width:203px;
	background:#333;
	color:#fff;
	display:block;
	-moz-border-radius-topleft: 10px 10px;
  	border-top-left-radius: 10px 10px;
	-moz-border-radius-bottomright: 10px 10px;
  	border-bottom-right-radius: 10px 10px;
	text-align:center;
}

div.btn_large a:hover {
	background:#fff;
	color:#333;
}

div.btn_large b {
	display:block;
	padding:5px 0px 5px 0px;
}


p.titre_cgv {
	font-size:12px; font-weight:bold;
	color:#FFFFFF;
	background:#4e4b23;
	padding:4px; margin:0px;
	text-transform:uppercase;
}

.titre_legal {
	font-size:12px; font-weight:bold;
	color:#FFFFFF;
	background:#4e4b23;
	padding:4px; margin:0px;
	text-transform:uppercase;
}

/* CONTACT */

div.contact form {
	margin:0; padding:0;
}

div.contact form fieldset {
	margin:0; padding:0;
	border:0;
	margin-bottom:5px;
	border:0px;
	font-size:10px;
}

div.contact form legend {
	font-size:14px;
	color:#26250f;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	/*background:url('legend.gif') no-repeat 0px 10px;*/
	/*border-bottom:1px solid #cccccc;*/
}

div.contact form sup {
	color:#cc0000;
}

div.contact table.inner label {
	font-weight:bold;
	/*float:left;
	width:40%;
	clear:left;*/
}

div.contact table.inner div {
	float:right;
	width:58%;
	clear:right;
}

div.contact table.inner div.clear {
	margin-bottom:10px;
	clear:both;
	width:100%;
	float:left;
}

div.contact textarea, div.contact input, div.contact select {
	/*border-width:1px;
	border-color:#666;*/
	border:1px solid #dfdfdf;
	resize:none;
}

div.contact textarea {
	width:100%;
}

div.contact table.inner input, div.contact table.inner textarea, div.contact table.inner select {
	width:100%;
}

div.contact form input.radio {
	width:auto;
	clear:none;
}

div.contact form input.submit {
	background:#333;
	border:0;
	width:200px;
	height:20px;
	color:#fff;
	font-size:14px;
	font-size:normal;
	padding:0px 0px 10px 0px; margin:0px;
	-moz-border-radius-topleft: 10px 10px;
  	border-top-left-radius: 10px 10px;
	-moz-border-radius-bottomright: 10px 10px;
  	border-bottom-right-radius: 10px 10px;
}

div.contact form input.submit:hover {
	color:#ffffff;
	background:#666;
}

div.pastille {
	width:30px; height:30px;
	float:right;
	margin:0px 0px 0px 0px;
	z-inedx:999;
}

#navslidetop div.pastille {
	float:inherit;
	display:inline-block;
}

#navslidetop div.activeSlide {
	background:url('pastille.png') no-repeat bottom center;
	outline:none;
}

div.pastille a {
	width:30px; height:30px;
	display:block;
	background:url('pastille.png') no-repeat top center;
	outline:none;
}

div.pastille a:hover, div.pastille a.active, #nav div.activeSlide {
	background:url('pastille.png') no-repeat bottom center;
	outline:none;
}

div.pastille a:active {
	outline:none;
}

@-webkit-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: none;
    }
}
@-moz-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: none;
    }
}
@-ms-keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: none;
    }
}
@keyframes snow {
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    50% { background-color: #b4cfe0 }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: none;
    }
}