/* FEUILLE DE "" COPYRIGHT STORE-FACTORY "Février 2016" */
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,700);
@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);

*,*::after,*::before{box-sizing:border-box;transition:all 0.3s;}

html,body,form,ul,li,p,h1,h2,h3,h4,h5,h6,td {
	color:#3c3c3c;
	font-size:14px;
	font-weight:300;
	letter-spacing:0.75px;
	font-family:'Roboto', sans-serif;
	text-decoration:none;
	}
a {
	color:#000;
	text-decoration:none;
	}
a:hover,
a:hover span{
	color:#A1523A !important;
}
body {
	background:#e3e2df;
	margin:0;
	line-height:1;
	}
ol,ul {
	margin:0;
	padding:0;
	list-style:none;
	}
blockquote,q {
	quotes:none;
	}
:focus {
	outline:0;
	}
table {
	border-spacing:0;
	border-collapse:collapse;
	}
img:not(#imgZoom) {
	border:none;
	max-width:100%;
	height:auto;
	}
form {
	margin:0;
	padding:0;
	}
p{line-height:1.5;}
/*------------------------------ GENERALITES -------------------------------*/
#work, #work_order, #navigation, #link_contener{
	width:1180px;
	margin:0 auto;
}

/*-------------- Static ----------------*/
.bold {
	font-weight:bold;
	}
.error {
	color:red;
	font-weight:bold;
	}
.star {
	color:red;
	}
.comment {
	display:none;
	}
.label {
	width:100%;
	margin:0;
	padding:3px 5px 0 0;
	text-align:right;
	}
.label .comment {
	font-size:7pt;
	}
#page .view,#product .view {
	}
.view {
	}
.view_large {
	margin:0 auto;
	text-align:center;
	}
.logo {
	}
.inter {
	display:none;
	}
.inter_top,.inter_bottom {
	display:none;
	}
.list_btn {
	display:block;
	text-align:right;
	}
.list_bottom {
	clear:both;
	}
.work_margin {
	}
.work_margin > .btn_pos{
	display:none;
	}
/*------------ A customiser  -----------*/
body {
	}
.bkg_texture {
	}
#master {
	margin:0 auto;
	position:relative;
	text-align:left;
	}
#work {
	}
#work_order {
	}
#account_contener {
	width:600px;
	margin:0 auto;
	text-align:left;
	}
h1,h1 a {
	color:#555;
	padding:0 10px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	background:#E3E2DF;
	position:relative;
	z-index:1;
	font-size:48px;
	font-family:'Oswald','Roboto', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:7px;
	display:inline-block;
	}
.filets{
	margin:0 0 15px 0;
	position:relative;
	text-align:center;
	}
.filets::before{
	position:absolute;
	width:100%;
	content:"";
	border-top:1px solid #cbcbcb;
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0;
	top:50%;
}
h2,h3 {
	margin:0 0 15px 0;
	color:#000;
	font-size:15px;
	font-weight:bold;
	}
.price,.price_value,.price a,.price .currency,.price .IT,.price .OT,.price .cents {
	color:#3c3c3c;
	font-family:'Oswald', 'Roboto', sans-serif;
	font-weight:600;
	}
.price .cents, .price .currency{ 
	font-weight:300;
	}
.price .IT, .price .OT{
	display:none;
	}
.pstrike, .pstrike a, .pstrike span {
	color:#000;
	font-size:16px;
	}
.pstrike{
	text-decoration:line-through;
}
.pstrike a,.pstrike .currency {
	}
.pweight,.pweight .currency {
	color:#555;
	font-size:11px;
	font-style:italic;
	}
.en_stock {	
	padding:0 0 0 12px;
	color:#000;
	font-style:italic;
	background:url(img/stock.png) 0 -10px no-repeat;
	}
.out_stock {	
	padding:0 0 0 12px;
	color:#000;
	font-style:italic;
	background:url(img/stock.png) 0 7px no-repeat;
	}
.primary,.primary a {
	display:block;
	color:#3d3d3d;
	font-size:14px;
	letter-spacing:1.5px;
	font-family:'Roboto', sans-serif;
	}
.secondary,.secondary a {
	display:block;
	color:#000;
	}
/*------------ Les boutons -------------*/
.btn_pos {
	display:block;
	clear:both;
	margin:10px 0;
	text-align:center;
	}
.btn,.btn_short,.btn_midle,.btn_long,.btn_detail,.btn_buy {
	padding:4px 0;
	color:#fff;
	font-size:12px;
	border:none;
	cursor:pointer;
	text-transform:capitalize;
	background:#555;
	border-radius:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	}
.btn:hover,.btn_short:hover,.btn_midle:hover,.btn_long:hover,.btn_detail:hover,.btn_buy:hover {
	color:#DDD;
	background-color:#A15254;
	}
.ibox,.ibox_short,.ibox_midle,.ibox_long,.ibox_vlong {
	font-family:'Roboto', sans-serif;
	padding:2px 5px;
	color:#555;
	background:#fff;
	border:1px solid #dedede;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius:0;
	}
select.ibox,select.ibox_long,select.ibox_vlong {
	padding:2px 0;
	border-radius:0;
	}
.btn {width:120px;}
.btn_short {width:32px;}
.btn_midle,.btn_detail,.btn_buy {width:70px;}
.btn_long,.btn_o2_002,.btn_o4_002 {width:150px;cursor:pointer;}
.btn_li_004 {width:80px;cursor:pointer;}
.btn_z0_01 {width:120px;cursor:pointer;}
.btn_z1_001 {width:160px;cursor:pointer;}
.z800 {display:none;cursor:pointer;}
.a601 {padding-top:5px;cursor:pointer;}

.ibox {width:100px;}
.ibox_short {width:28px;}
.ibox_midle {width:150px;}
.ibox_long {width:200px;}
.ibox_vlong {width:500px;}

/*------------------------------ PARTIE TOP ---------------------------------*/
#top,#top_order {
	background:#d4d2cd;
	}
#cont_top{
	width:1180px;
	margin:0 auto;
	padding:10px 0;
	text-align:justify;
}
#cont_top > div,
#cont_top > form{
	margin:0 10px;
	display:inline-block;
	vertical-align:middle;
}

#cont_top::after{
	content:"";
	display:inline-block;
	width:100%;
}
/* ----------- Les drapeaux ----------- */
#cont_top #flag {
	z-index:5000;
	margin-left:0;
	}
#flag ul{
	display:block;
	background:#d4d2cd;
	border:1px solid #FFF;
	padding:5px;
}
#flag li {
	display:none;
	text-transform:uppercase;
	position:relative;
	}
#flag li.currentlang{
	display:block;
}
#flag li.currentlang::after{
	content:" \f107";
	font-family:'FontAwesome';
}
#flag li.currentlang ul{
	position:absolute;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-top:none;
	width:calc(100% + 12px);
	display:none;
	padding:4px 10px;
	left:-6px;
	z-index:20;
}
#flag ul:hover li ul,
#flag ul:hover li ul li{
	display:block;
}
#flag a {
	}
/*#flag .fr a {background:url(mag/logo/flag_fr.gif);}
#flag .en a {background:url(mag/logo/flag_en.gif);}
#flag .de a {background:url(mag/logo/flag_de.gif);}
#flag .sp a {background:url(mag/logo/flag_sp.gif);}
#flag .it a {background:url(mag/logo/flag_it.gif);}
#flag .pt a {background:url(mag/logo/flag_pt.gif);}
#flag .ru a {background:url(mag/logo/flag_ru.gif);}
#flag .ma a {background:url(mag/logo/flag_ma.gif);}
#flag .nl a {background:url(mag/logo/flag_nl.gif);}
#flag .jp a {background:url(mag/logo/flag_jp.gif);}
#flag .cn a {background:url(mag/logo/flag_cn.gif);}*/
#flag span {
	}
/* ------------- Le logo -------------- */
#logo a:hover {
	text-decoration:none;
	}
#logo {
	width:62%;
	text-align:center;
	}
#logo a {
	}
#logo a img {
	
	}
#logo span,#logo p{
	display:none;
	}
/* ---------- Encart comand ----------- */
#comand {
	}
#comand li {
	display:inline-block;
	vertical-align:top;
	}
#comand a {
	}
#comand span {
	text-transform:capitalize;
	}
#comand a:hover span {
	}
/* ------- fin du hack ------- */
#comand .basket {
	position:relative;
	margin-left:40px;
	background: url(https://www.zampadigallina.com/img/basket.png) no-repeat;
	}
#comand .basket > a::before{
	content:" \f290";
	font-family:'FontAwesome';
}
#comand .basket #total_basket{
	position:absolute;
	right:0;
	top:15px;
	text-align:center;
}
#comand .basket > a > span,
#comand .basket #item_basket #charact_basket{display:none;}
#comand .account  {
	background: url(https://www.zampadigallina.com/img/account.png) no-repeat;
	}
#comand #log_login,
#comand .log_detail{
	display:none;
}
#comand .account a{
	display:block;
	margin-bottom:5px;
}
#comand div span {
	color:#000;
	font-size:11px;
	font-weight:normal;
	}
#comand div,#comand div div {
	display:inline;
	}
#comand .order,#comand .help,#charit_basket {
	display:none;
	}
/*---------------------------- MENU/NAVIG -----------------------------------*/
#navig{
	text-align:center;
	/*padding:20px 0;*/
}
#navig span {
	color:#3c3c3c;
	font-size:16px;
	font-family:'Oswald', 'Roboto', sans-serif;
	font-weight:300;
	letter-spacing:2px;
	text-transform:uppercase;
	}
#navig a {
	cursor:pointer;
	}
#navig .cont_smenu{
	width:1180px;
	margin:0 auto;
	padding:10px;
	text-align:left;
}
#navig .cont_smenu{
	content:"";
	display:block;
	clear:both;
}
#navig .smenu li {
	width:100%;
	}
#navig .smenu {
	display:none;
	position:absolute;
	width:100%;
	left:0;
	background:#FFF;
	z-index:1000;
	}
#navig .smenu a {
	display:block;
	color:#1B1B19;
	font-size:14px;
	padding:10px 5px;
	font-weight:normal;
	}
#navig .smenu a:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
	}
#navig #menu > li:hover ul{
	display:block;
}
#navig .smenu .withimg{
	width:auto;
	float:right;
}
#navig a.menu {
	display:block;
	padding:30px 25px;
	}
#navig a.menu:hover{
	background:#fff;
}
#navig a.menu:hover span {
	color:#000;
	}
#navig .smenu a.smenu_header_h2::before{
	content:"- ";
	}
#navig li.mns {
	display:inline-block;
	margin-right:-4px;
	}
#navig .i, #navig .start,#navig .end {
	display:none;
	}
#navig,#order_step {
	}
#menu_resp {
    color: #000;
    cursor: pointer;
    display: none;
    height: 40px;
    position: absolute;
    width: 47px;
    z-index: 1999;
}
#menu_resp::after {
    background: #000 none repeat scroll 0 0;
    box-shadow: 0 8px 0 0 #000, 0 16px 0 0 #000;
    content: "";
    height: 4px;
    margin-left: 10px;
    position: absolute;
    top: 9px;
    width: 28px;
}
#navig_resp {
    display: none;
    transition: none 0s ease 0s ;
}
#navig_resp li {
    background: #E3E2DF none repeat scroll 0 0;
    border-bottom: 1px solid #000;
    cursor: pointer;
    display: block;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}
#navig_resp li a {
    color: #3c3c3c;
    display: block;
    padding: 15px 0;
}
#navig_resp #menu {
    padding: 1px 0;
}
#navig_resp .smenu {
    transition: none 0s ease 0s ;
}
#navig_resp .smenu li {
    background: #D4D2CD none repeat scroll 0 0;
    padding: 8px 0;
}
#navig_resp .smenu li a {
    color: #3c3c3c;
    display: block;
}
#navig_resp .smenu .smenu_column {
    float: none !important;
}
#navig_resp .smenu, #navig_resp .start, #navig_resp .end {
    display: none;
}
#order_step {
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    margin-bottom: 30px;
    padding: 10px 0;
    text-align: center;
}	

/* ------ Processus de commande ------- */
#order_step .start {
	}
#order_step li {
	margin:10px;
	display:inline-block;
	}
#order_step .on {
	font-weight:bold;
	}
#order_step .made {
	text-decoration:line-through;
	}
#order_step .end {
	display:none;
	}
/*--------------------------- PARTIE GAUCHE ---------------------------------*/
#left_top,#left_bottom,#left .offer,#left .service,#contact_us,#newsletter,#professional,#partner {
	display:none;
	}
#left {
	}
/* ------------ Recherche ------------- */
#search {
	}
#search h2 {
	display:none;
	}
#search p {
	margin:0;
	position:relative;
	}
#search .ibox {
	width:150px;
	margin:0;
	display:inline;
	padding:3px 5px 3px 30px;
	background:#e3e2df;
	border:1px solid #FFF;
	color:#000;
	}
#search .btn_short {
	width:30px;
	height:20px;
	margin:0;
	left:0;
	height:100%;
	position:absolute;
	padding:0;
	background:url(img/search.png) no-repeat 50% 50%;
	text-indent:9999px;
	border:none;
	display:inline;
	}
/*--------------------------- PARTIE LIENS ----------------------------------*/
#link_contener {
	margin:0 auto;
	clear:both;
	padding:7px 0;
	text-align:center;
	}
#link {
	}
#link li {
	margin:0 10px;
	display:inline-block;
	}
#link a {
	color:#7b7a76;
	font-size:12px;
	font-weight:400;
	}
#link a:hover {
	color:#fff;
	}
/*------------------------------- FOOTER -------------------------------------*/
#footer_contener {
	border:none;
	background:none;
	}
#footer {
	width:100%;
	text-align:center;
	padding:0;
	}
#footer #avantages{
	background:#FFF;
	padding:30px 0;
}
#footer #avantages #cont_avantages{
	text-align:justify;
	font-size:0;
	width:1180px;
	margin:0 auto;
}
#footer #avantages #cont_avantages::after{
	content:"";
	display:inline-block;
	width:100%;
}
#footer #avantages .adv{
	position:relative;
	font-size:16px;
	text-align:center;
}
#footer #avantages .adv::before{
	position:absolute;
	color:#FFF;
	left:50%;
	top:22px;
	font-size:26px;
	text-align:center;
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
#footer #avantages .adv .inf{
	position:absolute;
	top:60%;
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
}
#footer #avantages h4,
#footer #avantages p{
	color:#FFF;
	text-transform:uppercase;
	font-family:'Oswald', 'Roboto', sans-serif;
	letter-spacing:2px;
}
#footer #avantages h4{
	font-weight:400;
	font-size:18px;
	margin-bottom:2px;
}
#footer #avantages p{
	font-size:12px;
}
#footer #pied{
	padding:20px 0;
	width:1180px;
	margin:0 auto;
	text-align:justify;
	font-size:0;
}
#footer #pied::after{
	content:"";
	display:inline-block;
	width:100%;
}
#footer #pied > div{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
}
#footer .foo1 .invisible{
	display:none;
}
#footer #pied p,
#footer #pied a,
#footer #pied li{
	color:#7b7a76;
	font-size:12px;
}
#footer .foo1 p,
#footer .foo2 p{
	text-transform:uppercase;
}
#footer .foo2 #mail_newsletter{
	padding:10px;
	border:none;
	width:250px;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	color:#7b7a76;
	vertical-align:top;
}
#footer .foo2 input[type='button']{
	border:none;
	color:#FFF;
	background:#cdcbc6;
	padding:8px 10px;
	text-transform:uppercase;
	margin-left:-4px;
	vertical-align:top;
	cursor:pointer;
	border-radius:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#footer .foo2 input[type='button']:hover{
	background:#A1523A;
}
#footer #pied .foo1 p a{
	font-size:20px;
	margin:0 10px;
}
#footer .foo1 a:first-of-type{
	margin-left:20px;
}
#footer ul li{
	margin-bottom:10px;
	text-align:right;
}
#footer ul li a{
	font-weight:400;
	font-size:12px;
}

/*---------------------------- PAGE PANIER ----------------------------------*/
#basket_tab{
	width:960px;
	margin:0 auto;
}
#basket td {
	padding:10px;
	border:1px solid #cbcbcb;
	}
#basket_tab td,#account_tab td {
	text-align:center;
	}
#basket_tab .col1,#account_tab .col1 {
	text-align:left;
	}
#basket_tab .header td,#basket .footer td,#account_tab .header td {
	font-weight:bold;
	}	
#basket_tab .header td, #bsk_totalitems td, #bks_totalpay td{
    background-color: #D4D2CD;
    color: #A1523A;	
}
#basket_tab .btn_short {
	width:30px;
	height:30px;
	border:none;
	background:url(img/trash.gif) center no-repeat;
	}
#basket_tab img{
	float:left;
	margin-right:10px;
}
#basket .primary {
	display:block;
	}
#basket .txt_advantage {
	font-weight:bold;
	}
#maj {
	padding-top:10px;
	margin-bottom:5px;
	clear:both;
	text-align:right;
	}
#account p {
	margin-bottom:5px;
	clear:both;
	}
#txt_account_or,#account .btn_pos {
	text-align:center;
	}
#account li a:hover,#help li a:hover {
	text-decoration:underline;
	}
#account li,#help li {
	padding:3px 0;
	}
#account li:before,#help li:before {
	content:"- ";
	}
#canvas_validation_account_cont p {
	padding:0 0 0 5px;
	}
	
#formulaire > fieldset#canvas_old_account,
#txt_account_or {
	float: left;
}
fieldset, #canvas_old_account_cont, #canvas_login_account, #work #canvas_invoice_account, #work_order #canvas_invoice_account{
	padding:0;margin:0;width:100%;
}

#formulaire > fieldset#canvas_new_account,
#formulaire > fieldset#canvas_newsletters_accaccount,
#formulaire > fieldset#canvas_newsletters_account {
	float: right;
}

#formulaire > fieldset#canvas_newsletters_accaccount,
#formulaire > fieldset#canvas_newsletters_account {
	clear: right;
}

#formulaire > fieldset#canvas_old_account,
#formulaire > fieldset#canvas_new_account,
#formulaire > fieldset#canvas_newsletters_accaccount,
#formulaire > fieldset#canvas_newsletters_account {
	width: 37.5%; /* 75% / 2 */
}
fieldset .ibox,
fieldset .ibox_long{
	padding:10px;
	width:100%;
}
.checkform{display:none;}
#account > #formulaire > fieldset > legend {
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 10px;
}
fieldset label.label{
	margin:7px auto;
	display:block;
	text-align:center;
	}

#account > #formulaire > fieldset, #account > #formulaire > fieldset > legend {
    background-color: #D4D2CD;
	border:none;
    padding: 20px;
}
#txt_account_or {
	width: 25%; /* 100% - 75% */
}

#txt_account_or:before {
	display: none;
}

#canvas_old_account[style*="display:none"] + #txt_account_or {
	display: none;
}

#canvas_old_account[style*="display:none"] ~ #canvas_new_account {
	float: none;
	margin: 0 auto;
}
/* ---------- Acces reserve ----------- */
#account .new_contener,#account .old_contener {
	width:280px;
	margin:0 10px;
	float:left;
	}
#account .new,#account .old {
	height:160px;
	padding:10px;
	margin:10px 0;
	border:1px solid #dedede;
	}
#account .z003 span,#account .z004 span {
	width:110px;
	display:block;
	float:left;
	}
#account .z003 input,#account .z004 input {
	width:140px;
	margin-bottom:5px;
	float:left;
	}
/* ------- Declaration a la CNIL ------ */
.a001,.r003,.o001,.o417 {
	padding:5px 0;
	text-align:center;
	}
/*--------------------------- LISTE PRODUIT ---------------------------------*/
#list_contener {
	background:none;
	}
.sort-by {
	padding:10px 0;
	}

#list.associed h2 {
	width:100%;
	}
/* ------------ Pagination ------------ */
#pagination {
	width:100%;
	padding:20px 0;
	border-top:1px solid #c1c1c1;
	text-align:center;
	}
#pagination ul {
	margin:10px auto;
	}
#pagination li {
	font-family:'Oswald','Roboto', sans-serif;
	font-weight:600;
	display:inline;
	padding:10px 5px 5px 5px;
	}
#pagination li a {
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:2px;
	}
/*--------------------------- FICHE PRODUIT ---------------------------------*/
#product h2 {
	color:#999;
	padding:0 0 5px 0;
	}
/* --------- Image principale --------- */
#image.view {
	position:relative;
	z-index:10;
	}
#image .comment {
	padding:5px 0;
	clear:both;
	}
#image.view_large .comment {
	text-align:center;
	}
#image #zoom{
	left: 590px !important;
	border:5px solid #FFF !important;
}
/* ------- Vues supplementaires ------- */
.pd07{
}
.pd07 span {
	display:none;
	}
.pd07 a{
	margin-right:15.7px;
	margin-bottom:20px;
	border:5px solid #FFF;
	display:inline-block;
	width:100px;
	padding:0;
	overflow:hidden;
}
.pd07 a:nth-of-type(5n){
	margin-right:0;
}
#image .pic_another_pic {
	padding:0;
	display:block;
	}
.pd07 a:hover .pic_another_pic{
	transform:scale(1.25);
	}
/* -------------- Zoom ---------------- */
.pd_zoom a {
	display:none;
	color:#000;
	}
.pd_zoom a:hover {
	color:#777;
	}
.zvc {
	position:absolute;
	top:0;
	left:0;
	}
#product_zoom {
	position:absolute;
	top:5px;
	left:5px;
	}
.popup_zoom,#product_zoom.popup_zoom {
	position:absolute;
	top:-50px;
	left:0;
	padding:20px;	
	background:#fff;
	border:1px solid #dedede;
	}
#product_zoom.work_margin {
	margin:0;
	}
.btn_zoom {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	font-size:0;
	text-align:left;
	border:none;
	background:none;
	}
.btn_zoom:hover {
	background:none;
	}
/* -------------- feature ------------- */
#product{font-size:0;letter-spacing:0;}

#product #image{
	width:50%;
	display:inline-block;
	vertical-align:top;
	padding-right:10px;
	margin:0;
}
#product #wrap_product{
	width:50%;
	display:inline-block;
	vertical-align:top;
	padding-left:40px;
	margin:0;
	}
#wrap_product > .btn_pos{
	display:none;
}
#image #img1,
#image .zvc img{
	border:10px solid #FFF;
}
#image .zvc img{
	max-width:calc(100% - 10px);
}

#feature {
	padding-bottom:10px;
	}
#feature p {
	width:100%;
	}
#feature .error {
	margin:10px 0;
	}
#feature .price_pos,#feature .stock_pos {
	width:100%;
	margin:0 0 5px 0;
	}
#feature .price_pos{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #cbcbcb;
	display:block;
	position:relative;
}
#feature .btn_pos {
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	width:auto;
	}
#feature .quantity_stock{
	font-size:18px;
}
#feature .price,#feature .pstrike,#feature .pweight{
	display:block;
	font-size:30px;
	clear:both;
	margin-bottom:5px;
	}
#feature .en_stock,#feature .out_stock {
	display:block;
	font-size:13px;
	clear:both;
	margin-bottom:5px;
	}
#feature .out_stock {
	color:#FA2827;
	}
#feature #reassurance{
	text-align:right;
	border:1px solid #cbcbcb;
	line-height:1.5;
	padding:15px;
	font-size:12px;
	display:inline-block;
	position:absolute;
	bottom:20px;
	right:0;
}
#feature .logo {
	margin:0;
	padding:5px 0;
	clear:both;
	}
#feature #btn_basket_buy{
	width:auto;
	padding:15px 60px 15px 30px;
	text-transform:uppercase;
	background:#3c3c3c url(img/buy.png) no-repeat 85% 50%;
	font-family:'Oswald','Roboto',sans-serif;
	font-weight:400;
	font-size:14px;
}
#feature #btn_basket_buy:hover{
	color:#FFF;
	background-color:#A15254;
}
#cursor,#imgZoom{
	transition:none;
}
#title_associed, .title_associed{
	position:relative;
	z-index:1;
	font-size:18px;
	color:#000 !important;
	width:auto !important;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0;
	padding:0 15px !important;
	font-family:'Oswald','Roboto',sans-serif;
	font-weight:300;
	background:#e3e2df;
	display:inline-block;
}
#list .filets{
	margin-top:30px;
}
.social{
	display:inline-block;
	vertical-align:middle;
	margin-left:30px;
	float:none;
	width:auto;
}
.social ul{
	margin-left:10px;
	display:inline-block;
	vertical-align:middle;
}
.social li{
	float:none;
	display:inline-block;
	width:auto;
	margin:0 5px;
}
.social li a{
	font-size:20px;
	color:#bdbdbd;
}
.block_quantity {
	display:inline-block;
	vertical-align:middle;
	margin:0;
	width:50%;
	text-align:center;
	}
#feature .btn_less, #feature .btn_more {
	height:100%;
	padding:18px 16px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
	border:1px solid #cbcbcb;
    vertical-align: middle;
}
#feature .btn_less {background: rgba(0, 0, 0, 0) url("img/less.jpg") no-repeat scroll 50%;}
#feature .btn_more {background: rgba(0, 0, 0, 0) url("img/more.jpg") no-repeat scroll 50%;}
#feature .btn_less:hover {background: rgba(0, 0, 0, 0) url("https://www.zampadigallina.com/img/less-hover.jpg") no-repeat scroll 50%;}
#feature .btn_more:hover {background: rgba(0, 0, 0, 0) url("https://www.zampadigallina.com/img/more-hover.jpg") no-repeat scroll 50%;}
#feature #nb {
	margin:0 -5px;
	background:none;
	width:43px;
    display: inline-block;
	border:1px solid #cbcbcb;
    padding: 11px 5px 10px;
    text-align: center;
    vertical-align: middle;
}
/* ----------- Les options ------------ */
#option_contener {
	display:inline-block;
	vertical-align:middle;
	width:50%;
	}
.option {
	padding:5px 0;
	display:inline-block;
	width:100%;
	}
.option p {
	width:100%;
	margin:5px 0;
	clear:both;
	display:none;
	}
.option div p{
	display:block;
}
.option .pdt_btn {
	padding:10px;
	width:100%;
	color:#7b7a76;
	background:url(img/select.jpg) no-repeat 100% 0;
	border:1px solid #cdcdcd;
	text-align:left;
	}
.option .pdt_select {
	position:relative;
 	padding:0px;
	}
.option .prod_choice img {
	padding-right:0 5px 0 0;
	}
.option .prod_choice {
	transition:none;
	padding:2px 0;
	visibility:hidden;
	position:absolute;
	z-index:2;
	top:100%;
	background-color:#fff;
	border:1px solid #dedede;
	width:100%;
	}
.option .prod_choice a {
	padding:5px 5px;
	display:block;
	transition:none;
	vertical-align:top;
	text-decoration:none;
	}
.option .prod_choice a::after{
	content:"";
	clear:both;
	display:block;
}
.option .prod_choice a:hover {
	color:#fff;
	background:#555;
	}
.option .prod_choice a img{
	float:left;
}
.option .prod_choice a *{
	transition:none;
	margin:0 2px;
}
.option .option_price {
	color:#000;
	}
.option a:hover .option_price {
	color:#fff;
	}
.option select {
	background:none;
	width:100%;
	padding:10px;
	border:1px solid #cbcbcb;
	color:#7b7a76;
	}
.option .opt_choice li {
	padding:5px 10px 5px 0;
	}
/* ------------- Detail ----------------*/
h2.pd00{
	font-size:20px;
	color:#3d3d3d !important;
	font-weight:300;
}
#detail {
	clear:both;
	}
#detail h2 {
	color:#000;
	text-transform:uppercase;
	font-family:'Oswald','Roboto',sans-serif;
	font-weight:400;
	letter-spacing:2px;
	position:relative;
	margin:15px 0;
	padding:0;
	font-size:13px;
	}
#detail h2 span{
	position:relative;
	z-index:1;
	background:#e3e2df;
	padding:5px 10px 5px 0;
	}
#detail h2::before{
	position:absolute;
	border:1px solid #cbcbcb;
	width:100%;
	content:"";	
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#detail table {
	}
/* ----------- Formulaire --------------*/
#pdt_form table {
	width:100%;
	padding-bottom:10px;
	}
#btn_send_form {
	margin:5px;
	}
/* ------------- Divers ----------------*/
.cofidis img,.cofidis_basket img {
	margin-top:15px;
	border:none;
	}
/*---------------------------- Fil d'Arianne --------------------------------*/
#navigation {
	padding:10px 0 15px 0;
	}
#navigation li {
	background:none;
	float:none;
	color:#9b9a96;
	display:inline-block;
	padding:0;
	}
#navigation li::after{
	content:">";
}
#navigation li:first-of-type {
	padding-left:0;
	}
#navigation span {
	color:#777;
	}
#navigation li:last-of-type span {
	color:#333;
	}
#navigation li:last-of-type::after{
	content:"";
}
#navigation a:hover span {
	color:#333;
	}
#navigation li.end {
	background:none;
	}
/*--------------------------- PAGE D'ACCUEIL --------------------------------*/
#home h1{
	display:none;
}
#home p.text {
	margin:0;
	}
#home td {
	vertical-align:top;
	}
/* -------------- TC_01 --------------- */
.ccbnOutline .btn_pos{display:none;}
#tc_01 {
	}
#tc_01 > h2,
#tc_01 > .text{display:none;}	
/* -------------- TC_02 --------------- */
#tc_02, #tc_06 {
	text-align:justify;
	margin-top:30px;
	font-size:0;
	letter-spacing:0;
	}
#tc_02 > p:nth-last-of-type(2),
#tc_06 > p:nth-last-of-type(2){
	display:inline-block;
	width:100%;
}
#tc_02 h2 {
	
	}
#tl_03 > div{
	transition:none;
	letter-spacing:0;
	font-size:0;
}
#home .mwat{
	display:inline-block;
	font-size:14px;
	text-align:center;
	position:relative;
	border:10px solid #FFF;
	overflow:hidden;
}
#home .mwat a{color:#FFF; text-shadow: 1px 1px 7px rgba(0,0,0,0.9);}
#home .mwat:hover img{
	transform:scale(1.10);
}

#home .mwat h3,
#home .mwat p{
	position:absolute;	
	width:100%;
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#home .mwat h3{
	top:50%;
	text-transform:uppercase;
	font-family:'Oswald', 'Roboto', sans-serif;
	letter-spacing: 4px;
	font-size:36px;
	font-weight:300;
}
#home .mwat p{top:58%;font-size:13px;}

#onglets{
	text-align:center;
	padding:20px 0;
	position:relative;
}
#onglets::before{
	width:29%;
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	border-top:1px solid #cbcbcb;
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#onglets::after{
	width:29%;
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:50%;
	border-top:1px solid #cbcbcb;
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
#onglets h2{
	font-family:'Oswald', 'Roboto', sans-serif;
	letter-spacing: 2px;
	font-size:18px;
	color:#838383;
	font-weight:300;
	text-transform:uppercase;
	display:inline-block;
	margin:0 15px;
	cursor:pointer;
}
#onglets h2.actif{
	color:#000;
}
/* ---------- Liste produit ----------- */
#list_contener, #formAssociated{
	font-size:0;
	letter-spacing:0;
}
.list_content{
	width:23.5%;
	margin:1.5% 1%;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	border:1px solid #dce7e8;
	position:relative;
	border-radius:5px;
	text-align:center;
	}
.list_content:nth-of-type(4n+1){
	margin-left:0;
	}
.list_content:nth-of-type(4n){
	margin-right:0;
	}
.list_content .a-view {
	display:block;
	margin:0 auto 10px auto;
	border:10px solid #FFFFFF;
	}
.list_content .view {
	margin:0;
	}
.list_content .primary {
	line-height:1.5;
	}
.list_content .secondary {
	display:none;
	}
.list_content .pdtcode{
}
.list_content .price_pos, .list_content .list_bottom, .list_content .stock_pos, .list_content .list_btn {
	display:block;
	margin:10px 0;
	text-align:center;
	}
.list_content .logo {
	}
.list_content .list_bottom .logo_container,
.list_content .list_bottom .btn_detail,
.list_content .list_bottom .btn_buy,
.list_content .list_bottom .block_quantity{
	display:none;
}
/*---------------------- FIN de la PAGE D'ACCUEIL ---------------------------*/


/*---------------------- Pop-up Panier ---------------------------*/
.sf_pop .top,
.sf_pop .contener,
.sf_pop .bottom,
.popup_top,
.popup_work,
.popup_bottom,
.popup_bottom a{
	border:none;
}
.sf_pop .contener .col1, .sf_pop .contener .col2, .sf_pop .contener .col3{
	float:none;
	width:auto;
}
.sf_pop, .popup_cont{
}
.sf_pop .top span{
	margin:0;
	color:#FFF;
}
.sf_pop .contener,
.sf_pop .bottom{
	box-sizing:border-box;
	width:100%;
}
.sf_pop .top{
	padding:9px 0 8px;
}
.sf_pop .top input{
	float:none;
	position:absolute;
	right:0;
	height:22px;
	border-radius:0;
	padding:0;
	top:4px;
}
.popup_bottom a{
	border:none;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}
#delivery fieldset,
#validation fieldset{
	padding:10px;
}

#content_popup_bsk_onglet h2{
	border-bottom:1px solid #000;
	margin-bottom:7px;
	padding-bottom:7px;
}
#content_popup_bsk_onglet, .content_popup_bsk_onglet{
	float:none;
	width:100%;
	margin:5px 0 0;
	padding:5px 0 0;
}
#content_popup_bsk_onglet .pdt{
	border-top:none;
}
#content_popup_bsk_onglet .list_content{
	float:none;
	display:inline-block;
	vertical-align:top;
	width:calc(31.33% - 4px);
}
#content_popup_bsk_onglet .list_content .view{
	margin-top:5px;
	float:none;
}
.sf_pop, #popup_reforder .pop_alert, .popup_cont, #popup_block .popup_cont, #popup_readcgv .popup_cont, #popup_div_bskstock span, .sf_pop, #alertSizeColor .popup_cont, #popup_div_stocklimit span{
	bottom:auto;
	top:auto;
	left:auto;
	right:auto;
	margin:0;
}
.sf_pop, #popup_reforder .pop_alert, .popup_cont, #popup_block .popup_cont, #popup_readcgv .popup_cont, #popup_div_bskstock span, .sf_pop, #alertSizeColor .popup_cont, #popup_div_stocklimit span{
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}		

.popgen{
	position:fixed;
	z-index:99999;
	background:rgba(227, 226, 223, 0.8);
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.popgen_cont{
	box-shadow:0 0 30px 10px rgba(0,0,0,0.33);
	position:absolute;
	background:#e3e2df;
	text-align:center;
	border:10px solid #FFF;
	width:1180px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.popgen_cont i{
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	color:#000;
}
.popgen_cont i:hover{
	color:#A1523A;
}
.popgen_cont .nlmwat{
	display:inline-block;
	width:50%;
	vertical-align:middle;
}
.popgen_cont #mail_newsletterpop{
	padding:10px;
	border:none;
	width:250px;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	color:#7b7a76;
	vertical-align:top;
}
.popgen_cont input[type='button']{
	border:none;
	color:#FFF;
	background:#cdcbc6;
	padding:8px 10px;
	text-transform:uppercase;
	margin-left:-4px;
	vertical-align:top;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.popgen_cont input[type='button']:hover{
	background:#A1523A;
}
.popgen_cont h2{
	font-size:24px;
	font-family:'Oswald', 'Roboto', sans-serif;
	text-transform:uppercase;
	font-weight:300;
	margin-top:20px;
	letter-spacing:2.5px;
}
#alert_newslet_error, #alert_newslet_sub{z-index:1000000;}
#alert_newslet_error > div, #alert_newslet_sub > div{padding:10px;width:auto;}


#text img{
	border:10px solid #FFF;
}

.reup{
	z-index:10000;
	text-align:center;
	color:#000;
	cursor:pointer;
	background:#FFF;
	border-radius:100%;
	font-size:30px !important;
	position:fixed;
	bottom:-80px;
	right:20px;
	height:60px;
	padding:15px;
	width:60px;
	opacity:0.6;
}
.reup:hover{
	opacity:1;
}

/* --------------------------------------------*/
/* ---------------- Responsive ----------------*/
/* --------------------------------------------*/

@media screen and (max-width:1180px){
	#logo{width:50%;}
	#cont_top{text-align:center;}
	#cont_top, #work, #work_order, #navigation, #link_contener, #footer #avantages #cont_avantages, #footer #pied, .popgen_cont{width:100%;}
	.work_margin{padding:0 10px;}
	#navig .cont_smenu{width:100%;}
	
	#cont_avantages{font-size:0;letter-spacing:0;padding:0 10px;}
	#cont_avantages .adv{display:inline-block;width:calc(33.33% - 5px);}
	
	.pd07 a{margin:0 10px 20px;}
	.pd07 a:nth-of-type(5n){margin-right:10px;}
	
	
	#menu {display: flex;justify-content: space-between;}
	#navig li.mns {margin:0;}
	#navig a.menu {display: block;padding: 15px 10px;}
	
	#home .mwat{width:calc(50% - 10px);}
}
@media screen and (max-width:1025px){
	#flag{border:none;}
	#flag ul{border:none;padding:0;}
	#flag li.currentlang::after{content:"";}
	#flag li.currentlang > span{display:none;}
	#flag li.currentlang ul{display:block;position:static;border:none;background:none;width:auto;padding:0;}
	#flag li ul li{display:block;margin:0;}		
	}
@media screen and (max-width:960px){
	#basket_tab{width:100%;}
	#flag{position:absolute;right:160px;top:65px;}
	#formsearch{position:absolute;right:0;top:65px;}
	#logo{width:auto;}
	#comand .basket #total_basket{position:relative;top:inherit;}
	#cont_top{text-align:justify;}
	.popgen_cont .nlmwat{padding:10px;}
	#flag ul{border:none;padding:4px 10px;}
	#flag li ul li{display:inline-block;margin:0 10px;}	
	#flag ul:hover li ul li{display:inline;}
}
@media screen and (max-width:769px){
	h1, h1 a{font-size:6vw;}
	#tc_02, #tc_06, #list_contener{text-align:center;margin-top:20px;}
	#home .mwat{width:auto;margin:10px 0;}
	#logo a img{max-width:80%;}
	#navig{display:none;}
	#menu_resp{display:block;}
	#cont_top{padding-bottom:50px;}
	#cont_top > #comand{margin-top:10px;}
	#flag{right:inherit;border:none;position:absolute;display:inline-block;left:calc(50% - 170px);top:91px;}
	#flag ul{border:none;padding:0;}
	#flag li.currentlang::after{content:"";}
	#flag li.currentlang > span{display:none;}
	#flag li.currentlang ul{display:block;position:static;border:none;background:none;width:auto;}
	#flag li ul li{display:inline-block;margin:0 10px;}
	
	#formsearch{left:calc(50% + 40px);transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);right:inherit;top:85px;}
	
	.popgen_cont .nlmwat{width:100%;padding:10px;}
	.popgen_cont .nlmwat:first-of-type img{display:none;}
	
	.pd07{text-align:center;}
	.pd07 a, .pd07 a:nth-of-type(5n){margin-right:inherit;}
	.zvc{top:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);width:100%;}
	
	#product #image, #product #wrap_product{width:100%;display:block;text-align:center;padding:10px;}
	#wrap_product #detail{text-align:left;}
	
	#cont_top{text-align:center;}
	
	.list_content{width:48%;margin:1.5% 1% !important;}
	
	#formulaire > fieldset#canvas_old_account, #formulaire > fieldset#canvas_new_account, #formulaire > fieldset#canvas_newsletters_accaccount, #formulaire > fieldset#canvas_newsletters_account {width:100%;float:none;display:block;}
	#txt_account_or{width:100%;margin:10px 0;}
	
	.option {width:100%;display:block;}
	
	#footer #avantages #cont_avantages{text-align:center;}
	#cont_avantages .adv{display:inline-block;width:100%;margin:10px 0;}
	
	#footer #pied > div{width:100%;text-align:center;margin:10px 0;}
	#footer ul li{text-align:inherit;}
}
@media screen and (max-width:606px){
	#formsearch{top:115px;}	
	#flag{top:120px;}
}	
@media screen and (max-width:480px){
	.ibox_vlong{width:100%;}
	#logo a img{max-width:75%;}
	#tl_03 > div{text-align:center;}
	#cont_top > #comand{margin-top:20px;}
	.list_content{width:85%;margin:10px 0 !important;}	
	.block_quantity{width:100%;}
	.social{margin:0;}
	#flag{left:10px;}
	#formsearch{right:10px;left:inherit;transform:none;}
	#feature .price_pos, #feature .price_pos span{text-align:center;}
	#feature #reassurance{display:block;position:relative;bottom:inherit;text-align:center;padding:5px;margin-top:10px;}
	#basket td{padding:4px;}
	#cont_top{padding-bottom:30px;position:relative;}
	#formsearch{bottom:10px;top:inherit;}
	#flag{bottom:15px;top:inherit;}
	
	.zvc{top:0;}	
	
	#work_order #canvas_delivery_account{width:100%;}
	
	#canvas_invoice_account p, #canvas_delivery_account p, #canvas_old_account_cont p, #canvas_login_account p{min-width:0;}
	
	.sf_pop, .popup_cont{
		width:100%;
	}
	.sf_pop .col1 img {
		float: none;
		max-height: 200px;
	}
	.sf_pop.sf_pop_height{
		height:80%;
		z-index:10000000;
		overflow:auto;
	}
}
@media mobile and (orientation:landscape) {
	 .sf_pop .col1 img {
		float: none;
		max-height: 80px;
	}
 }