/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('js/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('js/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('js/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('js/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('js/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.nowwweb.com/lib/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }



/* css table sorter*/
th.header { 
    background-image: url(js/fancybox/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
th.headerSortUp { 
 background-image: url(js/fancybox/asc.gif);     

} 
th.headerSortDown { 
background-image: url(js/fancybox/desc.gif);     
 
} @font-face {
    font-family: "Calgary";
    src: url("css/fonts/calgary.ttf") format("truetype");
}
@font-face {
    font-family: "College";
    src: url("css/fonts/college.ttf") format("truetype");
}

*:after,
*::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select, input, textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
select{
    padding-right:30px !important;
    background:url('css/img/arrow.png') right center no-repeat #f3783b !important;
}
body{
    margin:0;
    font-family: 'Verdana', sans-serif;
    color:#343434;
    position:relative;
    min-height:100vh;
}
.content, .container{
    max-width: 1200px;
    margin: auto;
}
body>.content, #content_content{
    margin:20px auto;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 10px;
    padding-bottom: 432px;
    box-sizing: border-box;
}
nav ul{
    list-style-type: none;
    padding:0;
}
a{
    text-decoration:none;
    color:inherit;
}
h1{
    font-family: 'arial', sans-serif;;
    color:#3e3e3e;
    font-weight: normal;
    font-size:22px;
}
h3{
    font-size:1.2em;
}
img{
    max-width: 100%;
}
.error, .error_div{
	color:red;
	font-size:0.9em;
}
.success{
	color:green;
	font-size:0.9em;
}
.center{
	text-align:center;
}
.cursor{
	cursor:pointer;
}
.menu_surbrillance{
	color:#f3783b;
}
#backtotop{
	position:fixed;
	bottom:20px;
	right:20px;
	height:75px;
	width:75px;
	background:url(css/img/backtotop.png) no-repeat;
	z-index:999;
	display:none;
}

.btn{
    background:#f3783b;
    border: 1px solid #FFF;
    border-radius: 10px;
    padding: 10px 14px;
    position:relative;
    overflow: hidden;
    transition:0.2s;
    color:#FFF;
    display:inline-block;
    font-size:0.8em;
    cursor:pointer;
}
.btn:hover{
    background:#FFF !important;
    border:1px solid #f3783b;
    color:#343434;
}
.btn_fb_connect{
	background:#3b5998;
	border:1px solid #3b5998;
	color:#FFF;
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
	border-radius:10px;
	transition:0.2s;
}
.btn_fb_connect img{
	height:35px;
	border-radius:10px;
	vertical-align:top;
}
.btn_fb_connect div{
	display:inline-block;
	font-size:12px;
	margin:0px 10px;
}
.recherche{
	display:inline-block;
    vertical-align: middle;
	border:1px solid #a0a0a0;
	border-radius:10px;
	padding:4px 8px;
	width:100%;
	max-width:300px;
	margin-top:35px;
}
.recherche input{
	border:none;
	width:85%;
	vertical-align:middle;
	padding:5px;
	margin-top:0;
}
.recherche button{
	background:url(css/img/rechercher.png) no-repeat 98%;
	height:25px;
	width:25px;
	border:none;
	vertical-align:middle;
	cursor:pointer;
	margin-left:10px;
    float:right;
}
p, label, span, h2, strong{
    font-size:0.9em;
}
.pagination{
    text-align:center;
}
.pagination a, .pagination p{
    width:auto;
    display:inline-block;
    vertical-align: middle;
}
.pagination a{
    background: #FFF;
    color: #f3783b;
    border: 1px solid #f3783b;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 4px;
    cursor: pointer;
    position:relative;
    z-index: 0;
}
.pagination a:after{
    content:'';
    height:0;
    width:0;
    background: #f3783b;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    display:block;
    position: absolute;
    transition:0.2s;
    z-index:-1;
}
.pagination a:hover:after{
    width:100%;
    height:100%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
}
.pagination a:hover{
    color:#FFF;
}
.pagination p{
    margin:0 20px;
}
input[type="checkbox"]:checked + label:before{
    background:#f3783b;
}
input[type="checkbox"] + label:before{
    width:15px;
    height:15px;
    background:#FFF;
    border:1px solid #a0a0a0;
    content:'';
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 1px;
}
input[type="checkbox"], input[type="radio"]{
    display:none !important;
}
input[type="radio"]{
    margin:0;
    position:relative;
}
input[type="radio"]:checked + label:before, #paiement input[type="radio"]:checked + div label:before{
    background:#f3783b;
}
input[type="radio"] + label:before{
    width:20px;
    height:20px;
    background:#FFF;
    border:1px solid #a0a0a0;
    display:inline-block;
    vertical-align: middle;
    content:'';
    border-radius:150px;
    cursor:pointer;
    margin-right: 5px;
}
#paiement input[type="radio"] + div label{
    position:relative;
    margin-left:20px;
    display:block;
    cursor: pointer;
}
#paiement input[type="radio"] + div label:before{
    width:20px;
    height:20px;
    background:#FFF;
    border:1px solid #a0a0a0;
    display:block;
    content:'';
    border-radius:150px;
    cursor:pointer;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left:-30px;
}
input[type="file"]{
    width:100px;
    /*height:100px;*/
    position:relative;
    overflow:hidden;
}
/* ===============================================================================================
MESSAGERIE
===================================================================================================*/
.messages_commande {border:0 !important;background: url(css/images/message.png) no-repeat;width:26px;height:26px;font-size:12px;font-weight:bold;color:#333;line-height:26px;}
.tablemessagecommande {border:0;width:100%;}
.tablemessagecommande td, .tablemessagecommande th {padding:5px; border:0;}
.tablemessagecommande hr{border:1px dotted #ccc;background:none;}
.message_commande{padding:20px;}
.message_commande_titre{font-size:26px;font-weight:bold;}
.message_commande_content{border:1px solid #ccc;margin-top:40px;height:400px;overflow:auto;padding:5px;}
.message_commande_ligne{ width:100%; }
.message_commande_ecrire{ width:100%;height:100px;margin-top:20px; }
.message_commande_ecrire textarea{ width:100%;height:100px;margin:5px 0px;font-size:12px; }
.message_commande_ecrire_titre{font-size:18px;}
/* ===============================================================================================
MENU RESPONSIVE
===================================================================================================*/
#menu_bouton , #menuFiltre{
    height: 55.5px;
    width: 55.5px;
    z-index: 999;
    position: absolute;
    cursor: pointer;
    display: none;
    left: 5px;
    text-align:center;
    top: 8px;
    background-color: transparent;
    border-radius: 50%;
}
#menu_bouton{
	left:-4px;
	top:-4px;
}
#menuFiltre{
    display:none;
    position:relative;
}
.valideFiltre{
    display:none;
    position:relative;
	width:120px;
	text-align:center;
	float:right;
	margin:10px;
}
.valideFiltre:last-child{
    float:none;
	margin:10px auto 0;
}
#menu_bouton:before, #menuFiltre:before {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}
#menu_bouton:after, #menuFiltre:after {
    transform: translateY(10px);
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
    -ms-transform:translateY(10px);
    -o-transform:translateY(10px);
}
#menu_bouton span, #menuFiltre span {
    display:block;
}
#menu_bouton.active span, #menuFiltre.active span {
    opacity:0;
}
#menu_bouton.active:after,#menu_bouton.active:before,#menu_bouton.active span {
    background:#fff;
}
#menu_bouton:before,#menu_bouton span, #menu_bouton:after, #menuFiltre:before,#menuFiltre span, #menuFiltre:after {
    content: "";
    height: 3px;
    left: 25%;
    margin-top: -3px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    width: 50%;
    background:#f3783b;
}
#menu_bouton.active:before, #menuFiltre.active:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#menu_bouton.active:after, #menuFiltre.active:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
#header .menu{
    right:-100%;
}
#header.active .menu{
    right:0;
}
#item_menu_responsive{
	display:none;
}
@media only screen and (max-width: 1220px) {
    #header .container{
        text-align: center;
		position:relative;
    }
    .active .menu2{
        border-top:none;
    }
    .active #header .menu ul li a{
        color:#000;
        font-size:1em;
        position:relative;
        transition: 0.2s;
		text-transform: uppercase;
		padding:12px;
		display:inline-block;
    }
	.active #header .menu ul li a:hover{
		color:#f3783b;
	}
    .active #header .menu ul li a:after{
        content:'';
        position:absolute;
        width:0;
        height:2px;
        background:#FFF;
        bottom:-5px;
        left:50%;
        transform: translateX(-50%);
        transition: 0.2s;
    }
    .active #header .menu ul li a:hover:after{
        width:100%;
    }
    body.active{
        overflow:hidden;
    }
    #menu_bouton {
        display:block;
		transition:0.2s ease 0.07s;
    }
    #header{
        height:auto;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        border: none;
        background:#FFF;
    }
    /* NAV */
    #header .nav-menu {
      display: table;
      vertical-align: bottom;
      height: 100%;
      width: 100%;
    }
    #header .menu {
        margin:0;
        position: fixed;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        top: 37px;
        z-index: 100;
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0;
        background: #FFF;
        height: auto;
        opacity:0;
        visibility:hidden;
        right: inherit;
		left:-300px;
        width: auto;
		border:1px solid #f3783b;
    }
    #header .menu ul {
        min-width: 200px;
		margin: auto;
		padding: 20px;
    }
    #header .menu ul li {
        border: none;
        display: block;
        text-align: left;
        vertical-align: middle;
        width:100%;
        margin:10px 0;
        padding:0;
    }
	#header .menu ul li:first-child{
		margin-top:0;
	}
	#header .menu ul li:last-child{
		margin-bottom:0;
	}
    header a.logoContact{
        display:inline-block;
        vertical-align: middle;
        float:none;
        width:auto;
        margin-top:0;
    }
    header a.logo{
        display:inline-block;
        vertical-align: middle;
        margin:auto;
    }
    header a.logo img{
        display:block;
        margin:auto;
        padding:10px;
        max-width:105px;
    }
    header>div.container>div{
        display:inline-block;
        vertical-align: middle;
        margin:auto;
    }
    header>div.container>div>div{
        text-align:center;
    }
    header>div.container>div>div nav, header>div.container>div>div input{
        float:none;
        display:inline-block;
        vertical-align: middle;
        margin:10px auto;
    }
    /* === navigation ouverte ====*/
	#header.active{
		position:relative;
		z-index: 12;
	}
	#header:before{
		position:fixed;
		width:0;
		height:100vh;
		display:block;
		content:'';
		background:rgba(0,0,0,0.8);
		top:0;
		left:0;
		z-index: 10;
		opacity:0;
		transition:0.2s ease;
	}
	#header.active:before{
		opacity: 1;
		width:100%;
	}
    #header.active .menu {
        opacity:1;
        visibility:visible;
		left:0;
		right:inherit;
    }
    .active #header .menu ul li ul li a{
        color:#f3783b;
    }
    #header .menu ul{
        margin-left:0;
    }
    #header .menu ul li ul li{
        margin:5px auto;
    }
    ul.menu2>li:hover>div{
        display:none;
    }
    #prix>p:first-child{
        margin-top:0;
    }
	#item_menu_responsive{
		display: block;
		color: #FFF;
		background: #f3783b;
		margin: auto;
		text-align: left;
		padding: 15px 20px;
		text-transform:uppercase;
	}
	#menu_bouton.active{
		top: -4px;
		left: 190px;
	}
	body>.content, #content_content{
		margin-top:5px;
	}
}

/* ===============================================================================================
ARTICLES
===================================================================================================*/
.liste_article {
  margin:10px;
  padding:0;
  border-radius:5px;
  overflow:hidden;
  height:320px;
  vertical-align:top;
}
.article_liste {
  font-size:15px;
  display:inline-block;
  width:250px;
  border:1px solid #eee;
  overflow:hidden;
}
.titre_article_descript_courte{
	text-align:center;
	margin:10px 0;
}
.article_liste_img_cover {
  width:100%;
  height:205px;
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
}
.article_liste_titre .titre_article {
  font-weight:bold;
  font-size:17px;
  margin-bottom:0;
  text-align:center;
  position:relative;
  padding-top:15px;
}
.article_liste_titre .titre_article a {
  font-size:1em;
}
.article_liste_titre {
  padding:5px;
}
.article_liste_infos { display:none; }


@media all and (max-width: 400px) {
  .article_liste { width:90%; }
}

/* ===============================================================================================
LIGHTSLIDER
===================================================================================================*/
#slider li{
    position:relative;
}
#slider .lslide .titre_slide{
	position: absolute;
    top: 50%;
    left:0;
    transform: translateY(-50%);
    width: 100%;
    padding: 20px 10px;
	margin:0;
    box-sizing: border-box;
    text-align:center;
    background:rgba(0,0,0,0.5);
    color:#FFF;
}
#slider .lslide .titre_slide h1{
	margin:1%;
	font-size:1.2em;
    width: 98%;
    box-sizing: border-box;
}
#slider .lslide .titre_slide h2{
    font-weight:normal;
}
/* ===============================================================================================
HEADER
===================================================================================================*/
a.logo{
    float:left;
    width:10%;
    margin-top:5px;
}
a.logo_responsive{
    width:30%;
	display:none;
	margin-left: 60px;
    padding-top: 15px;
}
a.logoContact{
    float:left;
    width:10%;
    margin-top:10px;
}
a.logoContact img{
    transition:0.2s;
    max-width:120px;
}
a.logoContact img:hover{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*BANDEAU HEADER MESSAGES DEFILANTS*/
header #messages_defilants{
	z-index: 999;
}
header #messages_defilants p:first-child{
	display:block;
}
header #messages_defilants p{
	display:none;
	margin:auto;
	padding:10px;
	background:#f3783b;
	text-align: center;
	color:#FFF;
}
/*****************/

header>div>div{
    float:left;
    width:76%;
    margin:0 2%;
}
header>div>div>div{
    min-height: 74px;
}
header>div>div>div input{
    float: left;
    margin-top: 30px;
}
header>div>div>div nav{
    float:right;
    margin-top:8px;
}
header{
    border-bottom:1px solid #c9c9c9;
    min-height:150px;
}
header .container:after{
    content:'';
    clear:both;
    display: table;
}
header ul li{
    display:inline-block;
    margin:0 16px;
    font-size:0.9em;
}
header .container{
	position:relative;
}
header #btn_acces_pro{
	position:absolute;
    right:0;
    color:#FFF;
    padding:10px;
    font-size:0.8em;
    background:#f3783b;
}
.menu1 img{
    display:block;
    margin:auto;
    margin-bottom:5px;
}
.menu1 li{
    margin:0 5px;
	text-align: center;
	vertical-align: middle;
}
.menu1 li a{
    font-size:0.6em;
    text-transform: uppercase;
    transition:0.2s;
}
.menu1 li a:hover{
    color:#f3783b;
}
.menu1 li a img{
    transition:0.2s;
}
.menu1 li a:hover img{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#contactResponsive {
    display:none;
}
.menu2{
    border-top:1px solid #c9c9c9;
    padding-top:18px;
	margin-bottom:0;
}
.menu2>li>a{
	padding-bottom:16px;
	display: inline-block;
	vertical-align: middle;
}
.menu2>li>a.active{
	color:#f3783b;
}
.menu2>li:first-child{
    margin-left:0;
}
.menu2>li:hover>div{
    display:block;
}
.menu2>li:last-child{
    margin-right:0;
}
.menu2 li>div{
    background:#FFF;
    position:absolute;
    z-index: 12;
    min-width:500px;
    padding: 20px 20px 45px 20px;
    box-shadow: 0px 0px 5px 0px #b7b7b7;
    display:none;
    transition:0.2s;
	width:100%;
	left:0;
	box-sizing:border-box;
}
.menu2 li div ul{
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
    border-left: 1px solid #e2e2e2;
    padding-left: 20px;
}
.menu2 li div ul:first-child{
	padding-left:0;
	border:none;
}
.menu2>li div.big{
    min-width:770px;
}
.menu2 li div ul li{
    display:block;
    margin:5px 0;
}
.menu2 li a:hover{
    color:#f3783b;
}
.menu2 h1{
    font-size: 1em;
    text-transform: uppercase;
    color: #f3783b;
    margin: 10px auto 15px;
}
.menu2 .message_livraison_gratuite{
	display: block;
    background: #f3783b;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 6px;
    font-size: 0.8em;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
#images_sous_menu{
	float:right
}
#images_sous_menu a{
	display: block;
}
#images_sous_menu img{
	height:130px;
	display:block;
	margin:auto;
}
#images_sous_menu a:nth-child(2) img{
	margin:10px auto;
}

/* ===============================================================================================
FOOTER
===================================================================================================*/
footer{
    padding: 7px 0;
    background:#eeeeee;
    clear:both;
    position:absolute;
    width:100%;
    bottom:0;
}
footer .container{
	max-width:100%;
}
footer>div>div{
	text-align:center;
}
footer>div>div.sociaux{
    vertical-align: middle;
}
footer ul li{
    display:inline-block;
}
footer ul li span.sep{
    display:inline-block;margin-left:5px;
}
footer ul li a{
    font-size:0.8em;
    position:relative;
    transition:0.2s;
    display: inline-block;
    margin: 10px auto;
}
footer p{
    text-align:center;
}
footer .sociaux{
    text-align:center;
}
footer .sociaux img{
    width: 35px;
    margin: 5px;
}
footer>div>p{
    margin-bottom: 0;
    margin-top: 20px;
}

footer .sociaux a{
    display:inline-block;
}
footer .sociaux img{
    transition: 0.2s;
}
footer .sociaux img:hover{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
footer ul li a:after{
    content:'';
    position: absolute;
    left:0;
    bottom:-5px;
    height:1px;
    width:0%;
    transition:0.2s;
    display:block;
    background:#f3783b;
}
footer ul li a:hover{
    color:#f3783b;
}
footer ul li a:hover:after{
    width:100%;
}
footer p a{
    transition:0.2s;
}
footer p a:hover{
    color:#f3783b;
}
footer #langueFooter{ 
	display:block; 
	background:#FFF;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	text-align:left;
	padding:10px;
	margin-bottom:10px;
	box-sizing: border-box;
}
footer #langueFooter img{ 
	margin-left:10px;
	margin-right:20px;
	margin-top:-2px;
	vertical-align:top;
}

/* ===============================================================================================
ACCUEIL
===================================================================================================*/
#slider{
    margin-top:10px;
    position:relative;
	margin-bottom:35px;
}
#slider li.active{
    background:none;
}
#slider ul.lSPager{
    position:absolute;
    bottom:-30px;
    left:50%;
    transform: translateX(-50%) !important;
}
#slider .lSSlideOuter .lSPager.lSpg > li a{
    height:20px;
    width:20px;
    background:#FFF;
    border:2px solid #f3783b;
    margin:0 6px;
}
#slider .lSSlideOuter .lSPager.lSpg > li a:after{
    position:absolute;
    content:'';
    width:100%;
    height:0;
    bottom:0;
    left:0;
    background:#f3783b;
    transition:0.2s;
}
#slider .lSSlideOuter .lSPager.lSpg > li a:hover:after, #slider .lSSlideOuter .lSPager.lSpg > li.active a:after{
    height:100%;
}
#slider .lSSlideOuter .lSPager.lSpg > li.active a, #slider .lSSlideOuter .lSPager.lSpg > li a:hover{
    background:#FFF;
}
.lSAction>a.lSNext:before, .lSAction>a.lSPrev:before{
    content:'';
}
#slider .lSAction > a{
    height:54px;
    width:54px;
    opacity:1;
    margin-top:0;
    transform: translateY(-50%);
	z-index: 11;
}
#slider .lSAction > a.lSNext{
    background:url('css/img/right.png') center center no-repeat;
}
#slider .lSAction > a.lSPrev{
    background:url('css/img/left.png') center center no-repeat;
}
.fiche_automatique .lSAction > a, #content_responsive .lSAction > a{
    height:40px;
    width:40px;
    opacity:1;
    transform:translateY(-50%);
}
.fiche_automatique .lSAction > a.lSNext, #content_responsive .lSAction > a.lSNext{
    background:url('css/img/right_black.png') center center no-repeat;
}
.fiche_automatique .lSAction > a.lSPrev, #content_responsive .lSAction > a.lSPrev{
    background:url('css/img/left_black.png') center center no-repeat;
}
.produits_associes .lSAction > a{
    height:40px;
    width:40px;
    opacity:1;
    transform:translateY(-50%);
}
.produits_associes .lSAction > a.lSNext{
    background:url('css/img/right_black.png') center center no-repeat;
}
.produits_associes .lSAction > a.lSPrev{
    background:url('css/img/left_black.png') center center no-repeat;
}

.produits_associes #slider .produit{
    margin:auto;
    padding:0;
}
.produits_associes #slider .produit div.imgProduit a{
    width: calc( 100% - 2px );
}

.produits_associes h2 {
    text-align: left;
}
#encarts{
    overflow: hidden;
}
#encarts>div{
    display:inline-block;
    vertical-align: middle;
    margin-top:20px;
    position:relative;
}
#encarts>div:first-child, #encarts>div:nth-child(2){
    width:590px;
    max-height:470px;
    overflow:hidden;
	margin-top:0;
}
#encarts>div:first-child{
    margin-right:10px;
}
#encarts>div:nth-child(2){
    margin-left:10px;
}
#encarts>div:nth-child(3), #encarts>div:nth-child(4), #encarts>div:last-child{
    width:386.66667px;
    max-height:382px;
    overflow:hidden;
}
#encarts>div:nth-child(4){
    margin:20px 20px 0;
}

/* HOME ENCART GENERAL */
#encarts>div a.btn{
    position:absolute;
    bottom:20px;
    left:50%;
    transform: translateX(-50%);
    color:#FFF;
	border-radius:0;
	border:0;
	text-transform:uppercase;
	padding:15px 30px;
	white-space:nowrap;
}

/* HOME ENCART 1 */
#encarts>div:first-child a.btn{ background:#9b6579;border:1px solid #9b6579;left:50%; transform: translateX(-50%); }
#encarts>div:first-child a.btn:hover{ color:#9b6579; }

/* HOME ENCART 2 */
#encarts>div:nth-child(2) a.btn{ background:#cfc901;border:1px solid #cfc901;left:50%; transform: translateX(-50%); }
#encarts>div:nth-child(2) a.btn:hover{ color:#cfc901; }

/* HOME ENCART 3 */
#encarts>div:nth-child(3) a.btn{ background:#f2bf20;border:1px solid #f2bf20; }
#encarts>div:nth-child(3) a.btn:hover{ color:#f2bf20; }

/* HOME ENCART 4 */
#encarts>div:nth-child(4) a.btn{ background:#ff6773;border:1px solid #ff6773; }
#encarts>div:nth-child(4) a.btn:hover{ color:#ff6773; }

/* HOME ENCART 5 */
#encarts>div:nth-child(5) a.btn{ background:#f4783c;border:1px solid #f4783c; }
#encarts>div:nth-child(5) a.btn:hover{ color:#f4783c; }


#encarts>div img{
    width: 100%;
}
#engagement{
    padding:20px 0;
}
#engagement>div{
    display:inline-block;
    vertical-align: middle;
    width:25%;
}
#engagement>div img{
    margin-right:10px;
    display:inline-block;
    vertical-align:middle;
	height:40px;
}
#engagement>div p{
    text-transform: uppercase;
    line-height: 30px;
    display:inline-block;
    vertical-align:middle;
    max-width:60%;
}
#vedettes{
    text-align:center;
    border-top:1px solid #c9c9c9;
    border-bottom:1px solid #c9c9c9;
    padding:20px 0;
    margin:20px auto;
    margin-top:0;
}
#vedettes img{
    margin:auto;
	display: inline-block;
    vertical-align: middle;
    opacity:1;
    transition:0.2s;
}
#vedettes img:hover{
    opacity:0.8;
}
#accueil>h1{
    margin:10px 0;
}
/* ===============================================================================================
CATEGORIES
===================================================================================================*/
/***********SLIDER PRIX**************/
#sliderPrix.ui-widget.ui-widget-content{
    border: none;
    width: 90%;
    margin: auto;
    background: #e9e9e9;
    height: 6px;
}
#sliderPrix .ui-widget-header{
    background: #bfbfbf;
}
#sliderPrix .ui-state-default, .ui-widget-content .ui-state-default{
    background:#FFF;
    border-radius:150px;
    border:1px solid #f3783b;
    cursor:pointer;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#sliderAmount{
	text-align:center;
	font-size:13px;
	margin:15px;
	color:#f3783b;
	font-weight:bold;
}
#categories .infosCategories{
    background:#FFF;
    
    margin-bottom:20px;
}
#categories .infosCategories img{
    float:left;
    background:#FFF;
    margin-right:20px;
}
#categories .infosCategories h1{
    margin-top:0;
}
#containerCategories{
    overflow: hidden;
	width:98%;
	margin:0 auto;
}
#div_filtrer_trier{
    width: 28%;
    float:left;
    margin-right: 2%;
	margin-top:40px;
}
#triCategories{
	display:none;
}
#triCategories .label_tri{
	display:block;
	padding:15px;
	border-bottom:1px solid #d6d6d6;
	position:relative;
	cursor:pointer;
	transition:0.2s ease;
}
#triCategories .label_tri:hover{
	background:#f7f7f7;
}
#triCategories .label_tri input + span:after{
	display:block;
	height:20px;
	width:20px;
	content:'';
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	border-radius:250px;
	border:2px solid #7b7b7b;
}
#triCategories .label_tri input + span:before{
	display:block;
	height:0;
	width:0;
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	border-radius:250px;
	background:#f3783b;
	transition:0.2s ease;
}
#triCategories .label_tri span{
	display:block;
	position:relative;
}
#triCategories .label_tri:last-child{
	border:none;
}
#triCategories .label_tri input:checked + span{
	font-weight:bold;
}
#triCategories .label_tri input:checked + span:before{
	height:10px;
	width:10px;
	right:5px;
}
#filtreCategories .recherche{
    width:100%;
    max-width:100%;
	display:block;
	margin-top:0;
}
#filtreCategories .effacer_filtres{
	display:inline-block;
	vertical-align: middle;
	margin:10px auto 0;
	width:120px;
	font-size:12px;
	text-align:center;
}
#filtreCategories .divFiltres>.effacer_filtres{
	display:none;
}
#filtreCategories div>p:first-child{
    background:#f3783b;
    color:#FFF;
    border-radius: 10px;
    padding: 5px 8px;
    text-align:left;
    cursor:pointer;
    position:relative;
}
#filtreCategories div>p:first-child:before, #compte .onglet>div:first-child p:before{
    background:url('css/img/fleche2.png') no-repeat center center;
    height:20px;
    width:20px;
    content:'';
    position:absolute;
    top:50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right:10px;
    background-size:cover;
}
#filtreCategories div>p.active:first-child:before, #compte .onglet>div.active:first-child p:before{
    background:url('css/img/fleche.png') no-repeat center center;
    background-size:cover;
}
#filtreCategories .elementInput{
    width:100%;
    padding-left:25px;
    display:inline-block;
    vertical-align: middle;
    margin:6px auto;
}
#filtreCategories #etat .elementInput{
    width:100%;
}
#filtreCategories #prix .elementInput, #filtreCategories #marque .elementInput{
    width:100%;
    display:block;
} 
#filtreCategories #animal .elementInput, #filtreCategories #heros_preferes .elementInput{
    width:41%;
    display:inline-block;
}  
#filtreCategories #couleur .elementInput{
    width:auto;
    padding:0;
}  
#filtreCategories .elementInput input:after{
    content:'';
    position:absolute;
    width:16px;
    height:16px;
    top:50%;
    transform:translateY(-50%);
    left:-30px;
}
#filtreCategories .elementInput input, #filtreCategories .elementInput label{
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
}
#filtreCategories .elementInput label{
    position:relative;
}
#filtreCategories .elementInput input[type="checkbox"] + label:before{
    position: absolute;
    display:block;
    top:50%;
    left:-25px;
    transform: translateY(-50%);
}
#filtreCategories .animaux_visibles .elementInput img + input + label:before{
    left:-44px;
}
#filtreCategories .animaux_visibles .elementInput input#autres + label:before{
    left:-25px;
}
#filtreCategories .elementInput input[type="checkbox"]{
    display:none;
}
#filtreCategories .elementInput img{
	width:14px;
    vertical-align:middle;
}
#filtreCategories #couleur span{
    display:inline-block;
    width:30px;
    height:30px;
    margin:8px 12px;
    border-radius:150px;
    border:2px solid #FFF;
    transition:0.2s;
    cursor:pointer;
}
#filtreCategories #couleur{
    text-align: center;
}
#filtreCategories #couleur span#jaune{
    background:#ffed00;
}
#filtreCategories #couleur span#marron{
    background:#7f5122;
}
#filtreCategories #couleur span#orange{
    background:#f39200;
}
#filtreCategories #couleur span#vert{
    background:#b7d167;
}
#filtreCategories #couleur span#violet{
    background:#9185be;
}
#filtreCategories #couleur span#rouge{
    background:#e30613;
}
#filtreCategories #couleur span#gris{
    background:#c9c9c9;
}
#filtreCategories #couleur span#bleu{
    background:#b8e0f9;
}
#filtreCategories #couleur span#blanc{
    background:#FFFFFF;
    border:2px solid #343434;
}
#filtreCategories #couleur span#rose{
    background:#ec69a4;
}
#filtreCategories #couleur span#beige{
    background:#F3e9c6;
}
#filtreCategories #couleur span:hover, #filtreCategories #couleur span.active{
    border:2px solid #f3783b !important;
}
#filtreCategories .divFiltres>div{
    position:relative;
}
#boutons_valider_filtre .valideFiltre{
	display:inline-block;
	vertical-align: middle;
}
.fleche_filtre{
    display:none;
    position:absolute;
    top:50%;
    right:30px;
    cursor:pointer;
    margin-top:-3px;
}
#contentCategories{
    width: 68%;
    float:left;
    margin-left: 2%;
	position:relative;
	margin-top:40px;
}
#contentCategories #produits{
    overflow:hidden;
}
#contentCategories #overlayAfficherProduits{
	display:none;
	background:rgba(0,0,0,0.5);
	position:absolute;
	z-index:10;
}
#contentCategories #zoneAfficherProduits{
	text-align:center;
	width:100%;
	position:absolute;
	z-index:10;
	padding:50px 0;
}
#contentCategories #overlayAfficherProduits #compteur_resultat h1{
	color:#FFF;
	margin-bottom:30px;
}
#contentCategories #produits #loader, #recherche #loader, #produits #loader{
    display:block;
	margin:50px auto;
}
.choix_fdp #loader{
    display:block;
	margin:10px auto !important;
}
#container_boutons_trier{
	text-align: center;
}
#boutons_trier {
    border:2px solid #f3783b;
}
.tri_en #boutons_trier a{
	padding:10px 41px;
}
#boutons_trier a{
    padding:10px 35px;
    float:left;
    cursor:pointer;
    position:relative;
    transition:0.2s;
}
#boutons_trier a.active{
    color:#FFF;
}
#boutons_trier a:before{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    content:'';
    display:block;
    background:#f3783b;
    transition:0.2s;
    z-index:-1;
}
#boutons_trier a.active:first-child:before{
    width:102%;
}
#boutons_trier a:first-child:before{
    left:inherit;
    right:0;
}
#boutons_trier a.active:last-child:before{
    width:100%;
}
#container_boutons_trier>h1, #boutons_trier, #container_boutons_trier img, #container_boutons_trier select{
    display:inline-block;
    vertical-align:middle;
    margin-left:50px;
}
#boutons_trier{
	margin-left:0;
}
#container_boutons_trier select{
    background: #f3783b;
    color:#FFF;
    border:none;
    padding: 10px;
    border-radius: 10px;
    cursor:pointer;
}
#container_boutons_trier select option{
    background:#FFF;
    color:#343434;
}
#container_boutons_trier h1{
    margin:0;
	margin-left:75px;
}
#others_animals{
	display:none;
}
#filtreCategories #animal .elementInput.content_autres_animaux{
	padding:0;
	width:100%;
}
.elementFleche{
	background:url(css/img/fleche_orange.png) no-repeat;
	width:20px;
	height:20px;
	background-size:20px 20px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
.elementFleche.active{
	background:url(css/img/fleche_orange2.png) no-repeat;
	background-size:20px 20px;
}
#filtreCategories .elementCategorieFille{
	display:none;
	margin-top:5px;
	font-size:12px;
}
#filtreCategories .elementCategorieFille .elementInput{
	width:40%;
}
.produit{
    display: inline-block;
    vertical-align: top;
    width:30.5%;
    padding:1%;
    margin:10px auto;
    box-sizing:border-box;
	position:relative;
}
.produit a.imgProduit{
    position: relative;
    display:block;
}
.produit a.btnsProduit, .produit div.btnsProduit{
    position:relative;
    display:inline-block;
    height:36px;
    width:36px;
}
.produit a.btnsProduit:after, .produit div.btnsProduit:after{
    content:'';
    height:0;
    width:0;
    background: rgba(255, 255, 255, 0.5);
    top:50%;
    left:50%;
    border-radius:50px;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    display:block;
    position: absolute;
    transition:0.2s;
    cursor:pointer;
}
.produit a.btnsProduit:hover:after, .produit div.btnsProduit:hover:after{
    width:100%;
    height:100%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
}
.produit div.imgProduit>a>img{
    max-height:100%;
    display:block;
    margin:auto;
}
.pageSuivante a>img{
    border:none;
    cursor: pointer;
    transition:0.2s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.pageSuivante a>img:hover{
    opacity: 0.8;
}
.produit div.imgProduit{
    text-align: center;
	height:180px;
}
.produit div.imgProduit a{
    display: inline-flex;
    position:relative;
    overflow: hidden;
    width:100%;
    height:100%;
    border:1px solid #a0a0a0;
}
.produit div.imgProduit a:after{
    content:'';
    height:40px;
    width:100%;
    text-align:center;
    color:#FFF;
    bottom:-100%;
    left:0;
    position:absolute;
    transition:0.2s;
    background:url('css/img/voir.png') center center no-repeat rgba(243, 120, 59, 0.8);
    font-size:0.8em;
}
.produit div.imgProduit a:hover:after{
    bottom:0;
}
.produit div.imgProduit a:before{
    content:'';
    height:0;
    width:100%;
    top:0;
    left:0;
    position:absolute;
    transition:0.2s;
    background:rgba(0, 0, 0, 0.5);
}
.produit div.imgProduit a:hover:before{
    height:100%;
}
.pageSuivante .pagination{
    margin: 20px auto;
    overflow: hidden;
}
.pageSuivante .pagination a:first-child{
    float:left;
}
.pageSuivante .pagination a:last-child{
    float:right;
}
.pageSuivante .pagination p{
    margin:10px 0;
}
.produit h1{
    margin:10px auto;
    color:#f3783b;
	font-size:0.8em;
	float:left;
    font-family: 'Verdana', sans-serif;
}
.produit .prix_produit{
    font-weight:bold;
    float:right;
    font-size: 0.9em;
	margin-top:10px;
}
.produit .prix_produit_promo{
    color:#626262;
    font-weight:normal;
    margin-top:-10px;
	font-size:0.8em;
}
.produit .prix_produit_promo span:first-child{
	text-decoration:line-through;
}
.produit .titre_produit{
    font-weight:bold;
    margin-bottom:2px;
    margin-top:0;
    clear:both;
}
.produit .description_produit{
    margin-top:2px;
	height:55px;
	overflow:hidden;
	margin-bottom:0;
    clear:both;
}
.produit .colisage_produit{
    font-size:0.8em;
    margin:0px;
    margin-top:2px;
    margin-bottom:5px;
	overflow:hidden;
    clear:both;
}
.produit .disponibilite_produit{
    color:#333333;
	margin-top:10px;
    float:left;
    width:48%;
}
.produit .infos_boutons_produit:after{
    clear:both;
    content:'';
    display:block;
}
.produit .container_boutons_produits{
    margin: 5px 0;
}
.produit .infos_boutons_produit .container_boutons_produits{
    float:right;
    width:52%;
    text-align:right;
}
.produit .infos_boutons_produit .container_boutons_produits a{
    width:35px;
}

#produits #compteur_resultat{
	text-align:center;
}
#produits #compteur_resultat h1{
	margin:20px auto;
}

.produits_categorie .error{ display:none; }

.choix_achat_express{
	display:none;
	font-size:12px;
	position:absolute;
	bottom:0;
	background:#FFF;
	width:100%;
	-moz-box-shadow: 0px 0px 10px 1px #CCCCCC;
	-webkit-box-shadow: 0px 0px 10px 1px #CCCCCC;
	-o-box-shadow: 0px 0px 10px 1px #CCCCCC;
	box-shadow: 0px 0px 10px 1px #CCCCCC;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, Direction=NaN, Strength=10);	
}
.choix_achat_express div{
	padding:10px;
	cursor:pointer;
	border-bottom:1px solid #CCC;
}
.choix_achat_express div:hover{
	background:#EEE;
}
.choix_achat_express > p:first-child{
	border-bottom:0;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	padding:10px 0;
}
.choix_achat_express div:last-child{
	border-bottom:0;
}
.choix_achat_express div p{
	display:inline-block;
	margin:0;
}
.choix_achat_express div p:first-child{
	font-weight:bold;
}
.choix_achat_express div .prix{
	font-weight:bold;
	color:#f3783b;
}
.choix_achat_express div.inactive{
	background:#EEE;
	color:#CCC;
}
.choix_achat_express div.inactive .prix{
	color:#CCC;
}
.choix_achat_express p#btn_close{
    position:absolute;
    top:5px;
    right:5px;
    cursor:pointer;
    margin:0;
    border-radius:150px;
    background:#FFF;
    border:1px solid #f3783b;
	color:#f3783b;
    height:20px;
    width:20px;
    line-height:20px;
    text-align: center;
}

/* ===============================================================================================
WISHLIST
===================================================================================================*/
.btnsWishlist{
	background:url(css/img/svg/bouton3.svg);
	width:35px;
	height:35px;
}
.btnsWishlist.active{
	background:url(css/img/svg/bouton3_2.svg);
}

.btnsWishlistFiche{
	background-image:url(css/img/svg/coeur.svg);
	background-repeat:no-repeat;
	background-size:25px 25px;
	background-position: center; 
}
.btnsWishlistFiche.active{
	background-image:url(css/img/svg/coeur2.svg);
}

h1.wishlist{
	background: url(css/img/h1_avis.png) no-repeat center left;
    padding: 30px 0 15px 75px;
    margin: 0;
    color: #f3783b;
}

#detail_wishlist.produits_categorie{ text-align:left; }

#cpt_wishlist{ position:absolute;top:-27px;left:19px;color:#FFF; }
#cpt_wishlist.decale{ left:16px; }
/* ===============================================================================================
VUE PRODUIT
===================================================================================================*/

#produit div#infosProduit>div#apercuProduit #container_iframe_spinzam{
    position:relative;
    display:inline-block;
}
#produit div#infosProduit>div#apercuProduit .container_iframe_spinzam{
    position:relative;
    /*height:640px;
    width:640px;*/
    margin:auto;
    display:inline-block;
    vertical-align: middle;
}
#produit div#infosProduit>div#apercuProduit .container_iframe_spinzam .iframe_spinzam{
    height:400px;
    width:400px;
    max-width:100%;
    max-height:100vw;
}
#produit div#infosProduit>div#apercuProduit .container_iframe_spinzam:after{
    content:'';
    background-image:url('css/img/fleche_spin1.png');
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 70px;
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
}
#produit div#infosProduit>div#apercuProduit .container_iframe_spinzam:before{
    content:'';
    background-image:url('css/img/fleche_spin2.png');
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 70px;
    display: block;
    position: absolute;
    bottom: 4px;
    right: 0;
}
#produit div#infosProduit>div#apercuProduit #container_iframe_spinzam:before{
    content:'';
    background-image:url('css/img/img_360.png');
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index:5;
}
@media only screen and (max-width:640px){
    #produit div#infosProduit>div#apercuProduit .container_iframe_spinzam{
        display:block;
    }
    #produit div#infosProduit>div#apercuProduit .container_iframe_spinzam .iframe_spinzam{
        height:400px;
        width:400px;
    }
}
@media only screen and (max-width:440px){
    #produit div#infosProduit>div#apercuProduit .container_iframe_spinzam .iframe_spinzam{
        height:250px;
        width:250px;
    }
}

#chemin{
	font-size:11px;
	margin-bottom:10px;
}
#message_stock_dialog{
	color:red;
}
#produit div#infosProduit{
    overflow:hidden;
}
#produit div#infosProduit>div#apercuProduit{
    width:58%;
    float:left;
    position:relative;
}
#produit div#infosProduit>div#detailProduit{
    width:40%;
    float:left;
}
#produit div#infosProduit>div#apercuProduit .logo_marque{
    display:block;
}
#produit .clear{
    clear:both;
}
#produit #apercuProduit{
    margin-right:1%;
}
#produit #detailProduit{
    margin-left:1%;
}
#produit #detailProduit h1{
    color:#f3783b;
    margin:0 auto;
    display:inline-block;
    font-family: 'Verdana', sans-serif;
    font-size:1.4em;
}
#produit h1.titreResponsive{
    color:#999999;
    margin:18px auto;
    display:inline-block;
    font-family: 'Verdana', sans-serif;
    font-size:0.8em;  
	position:relative;
	margin-left:10px;
	padding-left:5px;
}
#produit h1.titreResponsive:before{
	content:'';
    display:block;
    position: absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%);
    background:#f3783b;
    width: 7px;
    height: 7px;
}
#produit #detailProduit h2{
    font-size:0.9em;
	margin:0;
    margin-top:20px;
}
#produit #detailProduit h2.nom_categorie{
    display:inline-block;
}
#produit #voir_description:after{
    content:'';
    display:block;
    clear:both;
}
#produit #voir_description>p{
    display: inline-block;
    vertical-align: middle;
    color:#999999;
    border-bottom: 1px solid #999999;
    cursor:pointer;
}
#produit #voir_description>span{
    display: inline-block;
    vertical-align: middle;
    float:right;
    color:#333333;
    font-weight:bold;
}
.puceCouleur{
    display:inline-block;
    vertical-align: middle;
    width:10px;
    height:10px;
    border-radius:50px;
    margin:4px 10px 4px 0px;
}
.puceCouleur.puceVerte{
    background:#8CC63F;
}
.puceCouleur.puceRouge{
    background:#FF0000;
}
#produit #ajouterPanier{
    padding:40px 30px;
    background:#f2f2f2;
    margin:30px auto 0;
}
#produit #ajouterPanier #add_panier, #produit #ajouterPanier .btn.alerte{
    display: inline-block;
    vertical-align: middle;
    margin: 10px auto;
    width: calc(100% - 50px);
    border-radius: 0;
    font-weight: bold;
    font-size: 1em;
    border:none;
}
#produit #ajouterPanier #wishlist{
    display: inline-block;
    vertical-align: middle;
    background-color: #FFF;
    box-sizing: border-box;
    height: 38px;
    width: 38px;
    padding: 10px;
    cursor: pointer;
    margin-left:6px;
}
#produit #ajouterPanier .btn.alerte, #produit #ajouterPanier .btn.alerte:hover{
    background:url('css/img/svg/alerte.svg') 30px center #808080 no-repeat !important;
    background-size: 32px !important;
}
#produit #ajouterPanier #add_panier, #produit #ajouterPanier #add_panier:hover{
    background:url('css/img/svg/panier.svg') 60px center #f3783b no-repeat !important;
    background-size: 32px !important;
}
#produit #encartEngagement{
    padding:30px 0;
    border-bottom:1px solid #999999;
}
#produit #encartEngagement:after{
    content:'';
    display:block;
    clear:both;
}
#produit #encartEngagement>div{
    float:left;
    width:25%;
    cursor:pointer;
    position:relative;
}
#produit #encartEngagement>div:after{
    content:'';
    display:block;
    clear:both;
}
#produit #encartEngagement>div img{
    float:left;
    width:25%;
    margin:0 5%;
}
#produit #encartEngagement>div p{
    float:left;
    width:65%;
    text-transform:uppercase;
    font-weight:bold;
    font-size:0.55em;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#produit #disponibilite {
    display:inline-block;
	width:calc(100% - 170px);
}
#produit #disponibilite p{
    font-size:13px;
}
#produit #disponibilite p:first-child{
    width: 300px;
}
#produit #disponibilite p:nth-child(2){
    width: 120px;
	font-weight:bold;
}
#produit #disponibilite p:nth-child(3){
    width: 120px;
}
#produit #detailProduit #disponibilite span{
    color:inherit;
	font-size:inherit;
	font-weight:normal;
}
#produit #disponibilite strong{
    margin:0 30px;
}
#produit #detailProduit .reference_fiche_produit_reference{
    color:inherit;
	font-size:inherit;
	font-weight:inherit;
}
#produit #detailProduit div a.btn{
    margin: 0 30px;
    padding: 10px 20px;
}
#produit #detailProduit div p.prix{
    color:#f3783b;
    font-weight: bold;
    font-size: 1.6em;
}
#produit #detailProduit #container_prix{
    position:relative;
    background:#FFF;
}
#produit #detailProduit #container_prix p.prix.prix_fiche_produit{
    font-size: 2.0em;
    display:block;
    padding:20px;
    text-align:center;
}
#produit #detailProduit #container_prix #btn_alerte_baisse{
    position:absolute;
    top:50%;
    right:30px;
    transform:translateY(-50%);
}
#produit #detailProduit #container_quantite{
    margin:20px auto;
}
#produit #detailProduit #container_quantite:after{
    content:'';
    display:block;
    clear:both;
}
#produit #detailProduit #container_quantite>div.quantite button{
    display:inline-block;
    vertical-align: middle;
    /* margin:0 5px; */
    cursor:pointer;
    background: none;
    border: none;
    outline: 0;
}
#produit #detailProduit #container_quantite>div{
    float:left;
    width:40%;
}
#produit #detailProduit #container_quantite>div.options_produits{
    text-align: right;
    width:60%;
}
#produit #detailProduit #container_quantite>div>div:first-child{
    display:inline-block;
    vertical-align: middle;
    text-transform:uppercase;
    font-size:0.9em;
}
#produit #detailProduit #container_quantite>div.options_produits>div:nth-child(2){
    display:inline-block;
    vertical-align: middle;
    min-width: 50%;
    max-width: 80%;
    width: auto;
    margin-left: 1%;
}
#produit #detailProduit #container_quantite>div.options_produits>div:nth-child(2) select{
    width:100%;
    background: url(css/img/svg/select_orange.svg) right center no-repeat #FFF !important;
}
#produit #detailProduit span.promo_montant{
    display:none;
}
#produit div#infosProduit{
    position:relative;
}
#produit div#infosProduit img#offre{
    margin-top:40px;
    width: 90%;
}
#produit #detailProduit p{
    margin:0;
}
#produit #detailProduit a.scrollauto{
    display:block;
}
#produit #detailProduit .addthis_toolbox{
    float:right;
}
#produit #detailProduit .addthis_button_facebook, #produit #detailProduit .addthis_button_twitter, #produit #detailProduit .addthis_button_email{
    background:none;
}
#produit #detailProduit .addthis_button_facebook svg, #produit #detailProduit .addthis_button_twitter svg, #produit #detailProduit .addthis_button_email svg{
    display:none;
}
#produit #detailProduit .addthis_button_facebook span{
    background:url('css/img/svg/facebook.svg') center center no-repeat !important;
    background-size:24px !important;
}
#produit #detailProduit .addthis_button_twitter span{
    background:url('css/img/svg/twitter.svg') center center no-repeat !important;
    background-size:24px !important;
}
#produit #detailProduit .addthis_button_email span{
    background:url('css/img/svg/email.svg') center center no-repeat !important;
    background-size:24px !important;
}
#produit #apercuProduit>div:first-child>img{
    margin:auto;
    display:block;
}
#produit #degreRarete{
    padding:30px 0 15px;
}
#produit #degreRarete>p{
    font-weight:bold;
    text-transform: uppercase;
    text-align: left;
    margin:auto;
    display: inline-block;
    vertical-align: middle;
}
#produit #degreRarete>p span{
    display:block;
    font-weight:normal;
}
#produit #degreRarete #imgRarete{
    display:inline-block;
    vertical-align: middle;
    margin: 0 15px;
    width: 130px;
    cursor:pointer;
}

#produit #encart_promo{
    border:1px solid #9b6579;
}
#produit #encart_promo:after{
    display:block;
    content:'';
    clear:both;
}
#produit #encart_promo>div:first-child{
    float:left;
    width:23%;
    background:#9b6579;
    padding:20px;
    color:#FFF;
    text-transform:uppercase;
    box-sizing:border-box;
    text-align:center;
}
#produit #encart_promo>div:first-child>bold{
    font-weight:bold;
    font-size:1.4em;
}
#produit #encart_promo>div:first-child>p{
    font-size:1em;
}
#produit #encart_promo>div:last-child{
    float:left;
    width:77%;
    box-sizing:border-box;
}
#produit #encart_promo>div:last-child:after{
    display:block;
    content:'';
    clear:both;
}
#produit #encart_promo>div:last-child>p{
    color: #9b6579;
    float: left;
    width: 50%;
    font-weight: bold;
    font-size: 4em;
    display: inline-block;
    text-align: center;
    padding: 5px 0px;
}
#produit #encart_promo>div:last-child>p span{
    font-size:inherit;
}
#produit #encart_promo>div:last-child>div{
    float:left;
    width:50%;
    padding: 24px 0;
}
#produit #encart_promo>div:last-child>div p{
    color:#9b6579;
    text-transform:uppercase;
    font-size:1em;
}
#produit #encart_promo>div:last-child>div span{
    color:#f3783b;
    text-transform:uppercase;
    font-size:1em;
    font-weight:bold;
}

.addthis_default_style a.at300b, .addthis_default_style a.at300bo, .addthis_default_style a.at300m{
    padding:0;
    margin:0 2px;
}
#produit div.encartResponsive{
    width: calc( 48% - 6px );
    vertical-align: middle;
    margin: 0;
    box-sizing: content-box;
    padding: 1%;
    border: 1px solid #a0a0a0;
    display:none;
}
#produit #precommande_titre{
    color:#f3783b;
    margin:10px 0;
    margin-bottom:0;
    padding:0;
    font-size:0.8em;
    line-height:25px;
}
#produit #precommande_titre > span{
    background-color:#f3783b;
    color:#FFF;
    border-radius:5px;
    padding:5px;
}
#produit .detail_produit_dur{
    font-size:0.9em;
    font-weight:600;
    margin:10px 0;
}
#produit .detail_produit_dur.small{
    font-size:0.74em;
}

/*TABS DETAIL PRODUIT*/
#tabs_produit.ui-widget.ui-widget-content{
    border:none;
    margin:20px auto 0;
}
#tabs_produit .ui-widget-header{
    background:none;
    border:none;
    border-bottom:1px solid #999999;
    border-radius:0;
    padding:0;
}
#tabs_produit.ui-widget-content .ui-state-default{
    border:none;
    border-radius:0;
    margin:0;
    width:calc(100% / 3);
    text-align: center;
    margin-bottom:-6px;
    outline:0;
    cursor:inherit;
}
#tabs_produit.ui-widget-content .ui-state-default:first-child{
    text-align: left;
}
#tabs_produit.ui-widget-content .ui-state-default:last-child{
    text-align: right;
}
#tabs_produit .ui-tabs-tab a{
    font-weight:bold;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 8px 20px;
    color:#9b6579;
    float:none;
    outline:0;
    cursor:pointer;
	position:relative;
}
#tabs_produit .ui-state-active a{
    color:#FFF;
    background:#9b6579;
}
#tabs_produit .ui-state-active a:after{
	 border-color: #9b6579 transparent transparent transparent;
    border-style: solid;
    border-width: 15px 12px 0px 12px;
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(70%);
    content: '';
    transition: 0.2s ease;
}

#tabs_produit .divTabs{
    float:left;
    width: calc(100% / 3);
    padding:20px;
    box-sizing: border-box;
}
#tabs_produit .divTabs p bold{
    font-weight: bold;
    margin-top:10px;
}
#tabs_produit .divTabs:first-child p bold{
    display:block;
}
#tabs_produit .ui-tabs-panel{
    padding:0;
}
#tabs_produit .ui-tabs-panel:after{
    clear:both;
    content:'';
    display:block;
}
/*#produit #produitsAssocies, #produit .fiche_automatique{
    overflow:hidden;
}*/
.fiche_automatique{
	overflow:hidden;
	margin-bottom:30px;
}
.fiche_automatique>h1{
    color:#9b6579;
    font-family: 'Verdana', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 8px 20px;
    border-bottom: 1px solid #999999;
	margin-top:0;
}
.fiche_automatique #slider .produit{
    margin:auto;
    padding:0;
}
.fiche_automatique #slider .produit div.imgProduit a{
    width: calc( 100% - 2px );
}
#produit .fiche_automatique .produit{
	display:block;
	float:left;
}
#produit .lSPager, .fiche_automatique .lSPager, #content_responsive .lSPager{
	display:none;
}
#produit #detailProduit .disponible{
	color:green;
}
#produit #detailProduit .indisponible{
	color:red;
}
#produit .produit{
    width: 20%;
    margin: 5px;
}
#produit .options_produits select{
    background: #FFF;
    color: #343434;
    border: none;
    padding: 6px;
    border-radius: 0;
    cursor: pointer;
}
#produit .options_produits select option{
    background: #FFF;
    color: #343434;
    cursor:pointer;
}
#produit .quantite>input{
    border: none;
    padding: 6px;
    border-radius: 0;
    width: auto;
    text-align: center;
    max-width: 20px;
}
#produit .bas_fiche_produit{
	display:block;
	width:100%;
	margin:30px 0;
}
#produit #frais_livraison{
    text-align:center;
}
#message_pub{
	overflow:hidden;
	margin:0;
}
.addthis_toolbox span{
    position:relative;
}
.addthis_toolbox span:after{
    content:'';
    height:0;
    width:0;
    background: rgba(255, 255, 255, 0.5);
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    display:block;
    position: absolute;
    transition:0.2s;
}
.addthis_toolbox span:hover:after{
    width:100%;
    height:100%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
}

.at-icon-wrapper{
	background:none !important;	
}
.at-icon-wrapper svg{
	display:none !important;	
}

.addthis_button_facebook{
	background:url(css/img/facebook.png) no-repeat;
	background-size:32px 32px;
	margin-right:3px;
}
.addthis_button_twitter{
	background:url(css/img/twitter.png) no-repeat;
	background-size:32px 32px;
	margin-right:3px;
}
.addthis_button_email{
	background:url(css/img/email.png) no-repeat;
	background-size:32px 32px;
	margin-right:3px;
}

#produit #detailProduit #container_prix p.prix.prix_fiche_produit span.prix_reduit_offre_promo{
    text-decoration: line-through;
    color:#343434;
    font-size: 0.7em;
    margin-left: 2%;
}

div#recapProduits div.recapProduit span.prix_reduit_offre_promo{
    text-decoration: line-through;
    color:#343434;
    font-size: 0.8em;
    margin-left: 2%;
}
span.affichage_message_offre_promo{
    color: #f3783b;
    font-weight: bolder;
}

#divPersonnalisableCheck > label > span{
    color:#f3783b;
    font-weight:600;
}
#divPersonnalisable{
    padding:10px 0;
    display:none;
}
#divPersonnalisable .description{
    font-size:11px;
    margin:10px 0;
}
#divPersonnalisable .description > div:first-child{
    font-weight:bold;
}
#divPersonnalisable input[type=text]{
    border: 1px solid rgb(169, 169, 169);
    padding:5px;
    width:calc(100% - 10px);
}
#divPersonnalisable #couleur, #divPersonnalisable #police{
    display:flex;
    flex-wrap:wrap;
    margin-top:5px;
}
#divPersonnalisable #couleur > div, #divPersonnalisable #police > div{
    margin:auto;
    width:calc(25% - 10px);
    text-align:center;
    padding: 8px 0;
    margin-right: 10px;
    margin-left: 0;
    text-align:left;
    cursor:pointer;
    border-bottom:3px solid #f2f2f2;
    font-size:12px;
}
#divPersonnalisable #police > div{
    text-align:center;
    font-size:22px;
    font-weight:bold;
}
#divPersonnalisable #couleur > div.active, #divPersonnalisable #police > div.active{
    border-bottom:3px solid #f3783b;
}
#divPersonnalisable #couleur > div.no_longer{
    width:auto;
}
#divPersonnalisable #couleur .rond_couleur{
    width:13px;
    height:13px;
    border-radius:50px;
    display:inline-block;
    vertical-align:middle;
}
#divPersonnalisable #couleur .rond_couleur.black_border{
    border:1px solid #444;
}
#divPersonnalisable #police .font_arial label{
    font-family: "arial";
}
#divPersonnalisable #police .font_calgary label{
    font-family: "Calgary";
    font-style:italic;
}
#divPersonnalisable #police .font_college label{
    font-family: "College";
}

#erreur_personnalisation{
    display:none;
    font-size:12px;
    color:red;
    text-align:center;
}
.detail_panier_personnalisation{
    font-size:11px;
    color:#f3783b;
    font-weight:600;
}
/* ===============================================================================================
CONNEXION
===================================================================================================*/
#connexion.content>h1{
    background:url('css/img/h1.png') no-repeat center left;
    padding: 25px 0 10px 75px;
    margin-bottom: 0;
}
#connexion.content h1{
    color:#f3783b;
    margin-top:0;
    margin-bottom:20px;
    text-align:center;
}
#connexion #titre_connect_mobile{
    display:none;
    font-size:13px;
    color:unset;
    font-weight:600;
}
#connexion #titre_connect_mobile a{
    color:#f3783b;
}
#connexion .encartsConnexion{
    border:1px solid #a0a0a0;
    width:calc(44% - 2px);
    margin:1%;
    float:left;
    padding:2%;
    min-height:342px;
    box-sizing: content-box;
}
#connexion #encartConnexion{
    margin-left:0;
    text-align:right;
}
#connexion #encartConnexion .container_label{
    display:flex;
    justify-content: flex-end;
    margin:25px auto 0;
}
#connexion #encartConnexion .container_label label{
    margin-right:20px;
}
#connexion #encartInscription{
    margin-right:0;
    text-align:center;
}
#connexion #encartInscription h1{
    margin-bottom:0;
}
#connexion .encartsConnexion .btn{
    border:none;
    color:#FFF;
    background:#f3783b;
    width: 136px;
    text-align: center;
    margin: 20px auto;
    border:1px solid #FFF;
}
#connexion .encartsConnexion .btn:hover{
    color:#f3783b;
    border:1px solid #f3783b;
}
#connexion .encartsConnexion label{
    margin:10px auto;
    display:block;
}
#connexion .encartsConnexion input{
    border:1px solid #f3783b;
    display:block;
    padding: 5px;
    min-width: 300px;
}
#connexion #encartConnexion .forget_pass{
    font-size:0.7em;
    margin-top:0;
}
#connexion #encartConnexion #encartRsConnexion{
    display:flex;
}
#connexion #encartConnexion #encartRsConnexion div:first-child{
    width:60%;
}
#connexion #encartConnexion #encartRsConnexion div:last-child{
    width:40%;
    text-align:right;
}
/* ===============================================================================================
CONNEXION PANIER
===================================================================================================*/
#connexion #btns>div{
    width:50%;
}
/* ===============================================================================================
OUBLI DE MOT DE PASSE
===================================================================================================*/
.form_oubli{
    max-width: 1200px;
    margin:auto;
    border: 1px solid #a0a0a0;
    margin:40px auto;
    padding:20px;
}
.form_oubli input[type='text']{
    border: 1px solid #f3783b;
    padding: 5px;
}
/* ===============================================================================================
MON COMPTE
===================================================================================================*/
#compte.content>h1{
    background: url(css/img/h1.png) no-repeat center left;
    padding: 25px 0 10px 75px;
    color: #f3783b;
}
#compte.content ul{
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
#compte.content ul li{
    float: left;
    width: 25%;
    text-align: center;
    transition: 0.2s;
    background: #dcdbdb;
}
#compte.content ul li a{
    padding: 12px 0px;
    display: block;
    transition: 0.2s;
    position: relative;
}
#compte.content ul li a:after{
    content:'';
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:100%;
    display:block;
    background:#FFF;
}
#compte.content ul li:hover, #compte.content ul li.active{
    background:#f3783b;
}
#compte.content ul li:hover a, #compte.content ul li.active a{
    color:#FFF;
}
#compte .onglet>div:first-child p{
    padding: 10px 20px;
    border-radius: 6px;
    background: #f3783b;
    color: #FFF;
    cursor:pointer;
    position:relative;
}
#compte .cachee{
    display:none;
}
#compte .cachee #informations{
    overflow: hidden;
}
#compte .cachee #informations div{
    float:left;
    width:33.333%;
}
#compte .cachee #informations div p{
    margin: 5px auto;
}
#compte .cachee #informations h1{
    color: #f3783b;
    margin-top: 0;
    margin-bottom: 20px;
}
#compte .cachee .total{
    text-align:right;
}
#compte .cachee .total div:first-child p:first-child{
    color: #f3783b;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 60px;
    font-size: 1em;
    display:inline-block;
    vertical-align:middle;
}
#compte .cachee .total div:first-child p:last-child{
    font-weight: bold;
    font-size: 1em;
    display:inline-block;
    vertical-align:middle;
    margin:auto 18px;
	min-width:70px;
}
#compte .cachee .total div:last-child a{
    display:inline-block;
    vertical-align: middle;
}
#compte .cachee .total div:last-child a{
    margin:0px 10px;
	cursor:pointer;
}
#compte .cachee .total div:last-child a.btn_facture{
    background:#7d7d7d;
}
#compte .cachee .total .nb_non_lu{
    border:2px solid #f3783b;
	display: inline-block;
    border-radius: 80%;
    padding: 5px;
    margin: 0;
    margin-top: 5px;
    margin-left: 3px;
	vertical-align: top;
	font-weight: bold;
    font-size: 0.7em;
}
/* ===============================================================================================
MENTIONS LEGALES
===================================================================================================*/
#mentions_legales h1{
	color:#f3783b;
}
#mentions_legales h2{
	margin-top:20px;
}
/* ===============================================================================================
MENTIONS LEGALES
===================================================================================================*/
#cgv h1{
	color:#f3783b;
}
/* ===============================================================================================
CONTACT
===================================================================================================*/
#contact.content>h1{
    background:url('css/img/contact2.png') no-repeat center left;
    background-size:contain;
    padding: 25px 0 10px 290px;
    margin-bottom: 0;
    color:#f3783b;
}
#contact i{
    font-size:11px;
	font-weight:bold;
}
#contact form{
    overflow: hidden;
}
#contact form{
    overflow: hidden;
}
#contact form>div{
    float:left;
    width:49%;
}
#contact form>div:first-child{
    margin-right:1%;
}
#contact form>div:last-child{
    margin-left:1%;
}
#contact form label{
    display:block;
    margin-bottom:4px;
}
#contact form input{
    display:block;
}
#contact form>div>div{
    margin:10px auto;
}
#contact form input[type="text"], #contact form input[type="date"], #contact form input[type="email"], #contact form input[type="tel"], #contact form input[type="password"], #contact form input[type="file"], #contact form select, #contact form textarea{
    width:90%;
	display:inline-block;
	margin-right:5px;
    border:1px solid #d5d5d5;
    padding: 8px 5px;
    background:#FFF;
    box-sizing: border-box;
}
#contact form textarea{
	height:200px;
}
#contact form div.boutons{
    text-align: center;
    margin:20px auto 40px;
}
#contact form div.boutons input.btn:last-child{
    background:#FFF;
    color:#f3783b;
    border:1px solid #f3783b;
}
#contact form div.boutons input.btn:last-child:hover{
    background:#f3783b !important;
    color:#FFF;
    border:1px solid #FFF;
}
#contact form .btn{
    cursor: pointer;
    display:inline-block;
    padding: 10px 40px;
    font-size: 0.9em;
}
#change-image{
    display:inline-block;
    vertical-align: middle;
}
#change-image img{
    cursor:pointer;
}
#change-image img:hover{
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -ms-animation: spin 2s linear infinite;
    animation : spin 2s linear infinite;
}
@-webkit-keyframes spin {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(-360deg);
    }
}
@-moz-keyframes spin {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(-360deg);
    }
}
@-ms-keyframes spin {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes spin {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(-360deg);
    }
}
/* ===============================================================================================
INSCRIPTION
===================================================================================================*/
#inscription.content>h1{
    background:url('css/img/h1.png') no-repeat center left;
    padding: 25px 0 10px 75px;
    margin-bottom: 0;
    color:#f3783b;
}
#incription form{
    overflow: hidden;
}
#inscription form>div{
    float:left;
    width:49%;
}
#inscription form>div:first-child{
    margin-right:1%;
}
#inscription form>div:last-child{
    margin-left:1%;
}
#inscription div#infos{
    background:#eeeeee;
    padding:20px;
    border:1px solid #d5d5d5;
    font-weight:bold;
    margin-top:33px;
}
#inscription div#infos>div:first-child{
    margin-bottom:40px;
    overflow: hidden;
}
#inscription div#infos>div:first-child div{
    float:left;
    padding:1% 0;
    width:33%;
    padding-left:1%;
    min-height:44px;
}
#inscription div#infos>div:last-child{
    overflow:hidden;
}
#inscription div#infos>div:last-child div{
    float:left;
    width:33%;
    padding:1% 0;
    padding-left: 5px;
    min-height: 48px;
}
#inscription div#infos p{
    margin-top:0;
}
#inscription div#infos input{
    display:none;
}
#inscription div#infos label{
    display:inline-block;
    vertical-align:middle;
    margin:0px;
    cursor:pointer;
}
#inscription div#infos label{
    margin-left:5px;
    max-width:80%;
	font-size:0.8em;
}
#inscription form label{
    display:block;
    margin-bottom:4px;
}
#inscription form input{
    display:block;
}
#inscription form>div>div{
    margin:10px auto;
}
#inscription form input[type="text"], #inscription form input[type="date"], #inscription form input[type="email"], #inscription form input[type="tel"], #inscription form input[type="password"], #inscription form select{
    width:100%;
    border:1px solid #d5d5d5;
    padding: 8px 5px;
    box-sizing: border-box;
}
#inscription form select.date_de_naissance{
    width:15%;
}
#inscription form select, .select_normal{
    background:url('css/img/arrow2.png') right center no-repeat !important;
}
#inscription form div.boutons{
    text-align: center;
    margin:20px auto 40px;
}
#inscription form div.boutons input.btn:last-child{
    background:#FFF;
    color:#f3783b;
    border:1px solid #f3783b;
}
#inscription form div.boutons input.btn:last-child:hover{
    background:#f3783b !important;
    color:#FFF;
    border:1px solid #FFF;
}
#inscription form input.btn{
    cursor: pointer;
    display:inline-block;
    padding: 10px 40px;
    font-size: 0.9em;
}
/* ===============================================================================================
ANNONCES
===================================================================================================*/
#recherche_produit_fiche{
	display:none;
}

#formAnnonce form>#photos>input:last-child{
    display:block;
}
#formAnnonce form>#photos>div{
    overflow: hidden;
    margin: 5px auto;
	text-align:center;
}
#formAnnonce .accepte_regle{
	font-size:10px;
}
#annonces .iframe_map_multi body{
    margin:0;
}
#annonces.content>h1{
	background:url('css/img/detective.png') no-repeat center left;
	background-size:contain;
    padding: 25px 0 10px 100px;
    margin-bottom: 10px;
    color:#f3783b;
}
#formAnnonce{
    padding:20px;
    background:#e5e5e5;
    margin:50px auto;
    border-radius:10px;
}
#formAnnonce form{
    overflow:hidden;
}
#formAnnonce form>div{
    float:left;
    width:28%;
    margin:2% 0;
}
#formAnnonce form>div:first-child{
    width:40%;
}
#formAnnonce form>div:last-child label{
    margin-bottom:0;
}
#formAnnonce form>div label{
    font-weight:bold;
    margin:10px auto;
    display: inline-block;
    vertical-align: middle;
}
#formAnnonce form>div:first-child label{
    width:25%;
    float:left;
}
#formAnnonce form>div:first-child>div:nth-child(2){
    margin:40px auto;
}
#formAnnonce form>div:first-child input{
    border-radius:5px;
    background:#FFF;
    padding:16px 2%;
    border:none;
    width:70%;
}
#formAnnonce form>div:nth-child(2){
    margin: 2%;
}
#formAnnonce form>div:nth-child(2) label{
    margin-top:0;
}
#formAnnonce form>div:last-child>div{
    margin:20px auto;
    overflow: hidden;
}
#formAnnonce form>#photos input{
    display:none;
}
#formAnnonce form div.divFile{
    display:inline-block;
}
#formAnnonce form div.divFile:nth-child(2){
    margin: 0 15px;
}
#formAnnonce form>#photos .divFile label{
    height:80px;
    width:80px;
    background:url('css/img/plus.png') no-repeat center center #FFF;
    background-size:cover;
    border-radius:10px;
    cursor:pointer;
    position:relative;
}
#formAnnonce form>#photos .divFile label:after{
    content:'';
    height:0;
    width:0;
    background: rgba(243, 120, 59, 0.2);
    border-radius: 10px;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    display:block;
    position: absolute;
    transition:0.2s;
}
#formAnnonce form>#photos .divFile label:hover:after{
    width:100%;
    height:100%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
}
#formAnnonce form>#photos .divFile label.active{
    background:url('css/img/check.png') no-repeat center center #FFF;
    background-size:cover;
}
#formAnnonce form>#photos p{
    margin:0;
}
#formAnnonce form>#photos>input:last-child{
    background:#f3783b;
    border:none;
    color:#FFF;
    padding: 10px 80px;
    border-radius: 10px;
    font-size: 1em;
    font-weight: bold;
    margin:10px auto 0;
    cursor:pointer;
    border: 1px solid #f3783b;
}
#formAnnonce form>#photos>input:last-child:hover{
    background: #FFF;
    color: #343434;
}
#formAnnonce textarea{
    border-radius:5px;
    background:#FFF;
    border:none;
    display:block;
    width:96%;
    height:182px;
    padding:2%;
    resize:none;
}
#formAnnonce h2{
    color:#f3783b;
}
#formRechercheAnnonce input[type=text]{
    background:#FFF;
    padding:16px 2%;
    width:50%;
    border: 1px solid #a0a0a0;
}
#formRechercheAnnonce input[type=submit]{
    padding:16px 2%;
	font-size:1em;
}
.annonce{
    border:1px solid #a0a0a0;
    padding:20px;
    margin:20px auto;
    overflow:hidden;
}
.annonce div{
    float:left;
    width:10%
}
.annonce div:nth-child(2){
    width: 76%;
    margin: 0 2%;
}
.annonce div h2{
    margin-top:0;
    color:#f3783b;
}
.annonce div span{
    font-weight:bold;
}
.iframe_map_multi{ 
	width:100%;
	height:500px;
	vertical-align:top;
	margin-top:20px; 
}
/* ===============================================================================================
FICHE ANNONCE
===================================================================================================*/
.fiche_annonce{ width:100%;max-width:1100px;margin:20px auto;display:block; }
.fiche_annonce input.btn{ margin:0 5px;}
.fiche_annonce .bloc_photo{ text-align:center;display:inline-block;width:50%;vertical-align:top;margin-bottom:20px; }
.fiche_annonce .addthis_toolbox {margin-left:5px;}
.fiche_annonce .bloc_detail{ margin-top:10px;display:inline-block;width:50%;vertical-align:top;margin-bottom:20px; }
.fiche_annonce .bloc_detail .nom_produit{ font-family:'arial', sans-serif;font-size:30px; }
.fiche_annonce .bloc_detail .description_annonce{ margin-top:10px;margin-bottom:20px;font-size:14px;text-align:justify; }
.fiche_annonce .bloc_detail .detail{ margin-top:10px;margin-bottom:10px;font-size:12px; }
.notice_annonce{ text-align:center;color:red;font-size:12px;margin-top:20px; }
.notice_republier{ background-color:#E5D5CD;padding:5px;margin-top:10px;margin-bottom:10px;font-size:12px; }
#form_contact_annonce{ display:block;width:70%;margin:30px auto; }
#form_contact_annonce > div{ margin:10px 0; }
#form_contact_annonce input[type=text], #form_contact_annonce textarea{ background:#FFF;padding:5px 10px;border:1px solid #d5d5d5;width:100%; }

/* ===============================================================================================
RECHERCHE GENERALE
===================================================================================================*/
#recherche .produit{
	width:22%;
}

/* ===============================================================================================
PRODUITS DANS CATEGORIE SIMPLE (OR BOUTIQUE)
===================================================================================================*/
.produits_categorie{
	text-align:center;
}
.produits_categorie .produit{
	width:22%;
	text-align:left;
}
@media only screen and (max-width: 1000px) {
    .produits_categorie .produit{
        width:30.5%;
    }
    .produit .prix_produit_promo {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 800px) {
    .produits_categorie .produit{
        width:47.5%;
        text-align: center;
    }
}
/*@media only screen and (max-width: 600px) {
    .produits_categorie .produit{
        width:98%;
    }
}*/

#boutonFiltrer, #boutonTrier{
	width:100px;
	border:2px solid #f3783b;
	display: inline-block;
    vertical-align: bottom;
	text-align:center;
	margin: 10px 4px;
    padding: 10px;
    cursor: pointer;
    position: relative;
	text-transform: uppercase;
	color:#f3783b;
}
#boutonFiltrer.active, #boutonTrier.active{
	color:#FFF;
	background:#f3783b;
}


/* ===============================================================================================
AVIS PRODUIT
===================================================================================================*/
#avis_produit{
	
}
#avis_produit>div{
	border:1px solid #CCC;
	padding:10px;
	margin:15px 0;
}
#avis_produit>div:last-child{
	border:none;
    overflow: hidden;
    padding-right: 0;
}
#avis_produit h2{
	font-size:20px;
	margin:10px 0;
}
#avis_produit h1{
	color:#f3783b;
	display:inline-block;
	margin:0;
}
#avis_produit img{
	height:80px;
}
#avis_produit .champs_oblig{
	float:right;
	font-size:12px;
}
#avis_produit #infos_produit>div{
	display:inline-block;
	vertical-align:middle;
}
#avis_produit #infos_produit>div:first-child{
	width:100px;
}
#avis_produit #choix_star>div{
	display:inline-block;
	margin:15px 0 0;
	vertical-align:middle;
}
#avis_produit #choix_star>div:first-child{
	font-size:12px;
}
#avis_produit #choice_note{
	display:inline-block;
	font-size:13px;
	vertical-align:top;
	margin-left:10px;
}
#avis_produit .nom{
	font-size:16px;
	font-weight:bold;
}
#avis_produit textarea, #avis_produit input[type=text]{
	width:300px;
}
#avis_produit .donne_avis > div{
	display:block;
	margin:5px 0;
}
#avis_produit .donne_avis > div > div{
	display:inline-block;
	vertical-align:middle;
}
#avis_produit .donne_avis.infos_user > div > div{
	vertical-align:top;
}
#avis_produit .donne_avis.infos_user > div > div:first-child{
	margin-bottom:10px;
}
#avis_produit .donne_avis > div > div:first-child{
	font-size:13px;
	margin-right:15px;
	width:150px;
}
#avis_produit .donne_avis span{
	font-size:13px;
    min-width:165px;
    display: inline-block;
}
#avis_produit .donne_avis.infos_user > div > div label{
    position:relative;
    cursor:pointer;
    float:none;
    font-weight:normal;
    min-width: 150px;
    margin-right: 15px;
    display: inline-block;
    width:auto;
}
#avis_produit .donne_avis.infos_user > div > div label:before{
    width: 20px;
    height: 20px;
    background: #FFF;
    border: 1px solid #a0a0a0;
    display: inline-block;
    vertical-align: middle;
    content: '';
    border-radius: 150px;
    cursor: pointer;
    margin-right: 5px;
}
#avis_produit .donne_avis.infos_user > div > div input[type="radio"]:checked + label:before{
    background:#f3783b;
}
#avis_produit .donne_avis.infos_user > div:last-child > div:nth-child(2){
    display:block; 
}
#avis_produit .star_prod{background:url(css/img/etoile_vide_petite.png) no-repeat;float:left;display:block;height:15px;width:15px;padding:1px;font-size:0px; }
#avis_produit .star_prod.on{ background:url(css/img/etoile_pleine_petite.png) no-repeat; cursor: pointer;}
#avis_produit .active{ background:url(css/img/etoile_pleine_petite.png) no-repeat; }
#avis_produit .textarea_donne_avis{background: url(css/img/lesplus.png) no-repeat center left;padding:3px;padding-left:38px;width:250px;height:30px;}
#avis_produit .textarea_donne_avis2{background: url(css/img/lesmoins.png) no-repeat center left;padding:3px;padding-left:38px;width:250px;height:30px;}
#avis_produit .textarea_donne_avis3{width:250px;height:100px;padding:5px;}
.star_avis_fiche_prod{height:12px;overflow:hidden;background-image:url(css/img/etoiles_pdts.png);background-repeat: no-repeat;width:65px;height:12px;}
.avis_user_plus{background: url(css/img/lesplus2.png) no-repeat center left;padding:3px 0px 0px 0px;padding-left:30px!important;}
.avis_user_moins{background: url(css/img/lesmoins2.png) no-repeat center left;padding:3px 0px 0px 0px;padding-left:30px!important;}

#avis_fiche_produit span{
    color:#f3783b;
    font-size:0.9em;
    margin:10px 0;
    font-weight:bold;
}

#avis_client_produit > div{
	display:block;
	border:1px solid #CCC;
	margin:10px 0;
	padding:10px;
	font-size:13px;
}
#avis_client_produit > div > div{
	margin:5px 0;
	vertical-align:top;
}
#avis_client_produit > div > div:first-child{
	font-weight:bold;
	font-style:italic;
}
#avis_client_produit > div > div:nth-child(2), #avis_client_produit > div > div:nth-child(3), #avis_client_produit > div > div:nth-child(4){
	display:inline-block;
	margin:0;
	margin-left:15px;
	font-size:12px;
}
#avis_client_produit > div > div:nth-child(2){
	margin-left:0;	
}
#avis_client_produit > div > div:nth-child(5){
	font-style:italic;
	margin-top:10px;
}


.star_avis{
    background:url(css/img/etoile_vide.png) no-repeat;
    float:left;
    display:block;
    height:29px;
    width:29px;
    padding:1px;
    font-size:0px;
    margin:0 2px;
    cursor:pointer;
}
.star_avis.on{ background:url(css/img/etoile_pleine.png) no-repeat; }
/* ===============================================================================================
AVERTIR STOCK PRODUIT
===================================================================================================*/
#contact_stock_produit{
	width:90%;
	margin:0 5px;
	padding:10px;
	display:block;
}
#contact_stock_produit>div{
	margin:10px;
}
#contact_stock_produit h1{
	color:#f3783b;
    margin:0;
}

/* ===============================================================================================
AVIS
===================================================================================================*/
#avis.content>h1{
    background:url('css/img/h1_avis.png') no-repeat center left;
    padding: 30px 0 15px 75px;
    margin: 0;
    color:#f3783b;
}
#avis .critique{
    display:inline-block;
    vertical-align: middle;
    width:31%;
    margin:5px 1%;
    text-align:center;
}
#avis .critique div, #avis .critique p{
    display:inline-block;
    vertical-align: middle;
}
#avis .critique div{
    margin-right:20px;
}
#avis .critique p{
    font-weight:bold;
    min-width:106px;
}
#avis .critique.moyenne{
    width:98%;
	display:block;
    margin-bottom:20px;
    position:relative;
}
#avis .critique.moyenne:after{
    content:'';
    height:1px;
    width:50%;
    position:absolute;
    background:#f3783b;
    bottom:-10px;
    left:50%;
    transform: translateX(-50%);
}
#avis .critique.moyenne p{
    min-width:auto;
}
#avis #critiques{
    text-align: center;
}
#avis #critiques div:last-child{
    text-align:left;
}
#avis #critiques p.btn{
    margin-top:30px;
    margin-bottom:20px;
    font-weight:bold;
    padding: 10px 24px;
    cursor:pointer;
}
#avis .avis{
    border:1px solid #a0a0a0;
    padding:20px;
    margin:20px auto;
}
#avis .avis img, #avis .avis>div{
    display:inline-block;
    vertical-align: middle;
}
#avis .avis>img{
    width:9%;
}
#avis .avis>div{
    width: 88%;
    margin-left: 20px;
}
#avis .avis>div p:first-child{
    display:inline-block;
    vertical-align: middle;
    text-align:left;
    width:49%;
    font-weight:bold;
}
#avis .avis>div>div{
    display:inline-block;
    vertical-align: middle;
    text-align:right;
    width:49%;
}
.overlay{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    position:absolute;
    z-index:1000;
    display:none;
	top:0;
	left:0;
}
.overlay>div{
    background:#FFF;
    padding:30px 70px;
    position:fixed;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    width:50%;
    max-height:98%;
    overflow-y: auto;
}
.overlay>div h1{
    color:#f3783b;
    text-align: center;
    margin:10px auto;
}
.overlay>div form>div{
    margin:20px auto;
    overflow:hidden;
}
.overlay>div div label{
    float:left;
    font-weight: bold;
    width: 25%;
    margin-right: 5%;
}
.overlay input, .overlay textarea{
    border-radius:5px;
    background:#FFF;
    border:1px solid #a0a0a0;
    display:inline-block;
    vertical-align: middle;
    padding:10px;
    width:100%;
    box-sizing: border-box;
}
.overlay div#etoiles{
    width:auto;
}
.overlay div#etoiles img{
    margin:0 3px;
}
.overlay textarea{
    height:150px;
}
.overlay form>div>div{
    float:left;
    width:70%;
}
.overlay form>div>div#avatar{
    text-align: center;
}
.overlay form>div>div#avatar img{
    border:2px solid #FFF;
    border-radius: 150px;
    transition:0.2s;
    cursor:pointer;
    margin:8px 15px;
}
.overlay form>div>div#avatar img:hover, .overlay form>div>div#avatar img.active{
    border: 2px solid #f3783b;
}
.overlay p#btn_close{
    position:absolute;
    top:20px;
    right:20px;
    cursor:pointer;
    margin:0;
    border-radius:150px;
    background:#FFF;
    border:1px solid #3f3f3f;
    height:20px;
    width:20px;
    line-height:20px;
    text-align: center;
}
.overlay input.btn{
    float:right;
    font-family:'arial', sans-serif;
    background:#f3783b;
    border:1px solid #FFF;
    cursor:pointer;
    font-size:2em;
    padding: 2px 30px;
    width:auto;
}
.overlay input.btn:hover{
    border:1px solid #f3783b;
}
.overlayMessage>div{
    background:#FFF;
    padding:30px 70px;
    position:fixed;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    width:70%;
    max-height:98%;
    overflow-y: scroll;
}
.overlayMessage .input_annul{
	display:none;
}
.overlayMessage>div h1{
    text-align: left;
}
.overlay_engagement .header_popup h1{
    color:#9b6579;
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
    display:inline-block;
    vertical-align: middle;
    margin:auto;
    font-size:1.4em;
    font-weight:bold;
    line-height:50px;
}
.overlay_engagement .header_popup .picto{
    width:50px;
    margin-right: 10px;
    display:inline-block;
    vertical-align: middle;
    float:left;
}
.overlay_engagement .infos_popup_engagement{
    margin-top:30px;
    padding:0 60px;
}
.overlay_engagement>div{
    width:40%;
}
.overlay_engagement .infos_popup_engagement p{
    margin:2px auto;
}
.header_popup{
    text-align:left;
    padding:0 60px;
}
.overlay_engagement bold{
    font-weight:bold;
}
#popup_rarete ul{
    margin:auto;
}
#popup_rarete li{
    list-style-type: none;
    font-size:0.9em;
}
#popup_rarete li i{
    margin-left: 20px;
    display: block;
}
/* ===============================================================================================
OVERLAY ALERTE
===================================================================================================*/
.overlayAlerte>div{
    padding: 30px 40px;
    width:50%;
}
.overlayAlerte>div h1{
    margin: 0 auto;
    margin-bottom:25px;
}
.overlayAlerte>div div label{
    font-weight:normal;
}
.overlayAlerte input{
    border-radius: 0;
    background: #FFF;
    border: 1px solid #f3783b;
    display: block;
    padding: 5px;
    margin: 10px 0 20px;
    width:auto;
}
/* ===============================================================================================
OVERLAY PANIER
===================================================================================================*/
.overlayPanier>div{
    width:80%;
}
.overlayPanier>div>div:last-child{
    text-align:center;
    margin:10px auto;
}
.overlayPanier>div>div a.btn{
    min-width:150px;
}
.overlayPanier>div>div a.btn:last-child{
    background: #FFF;
    color: #343434;
    border: 1px solid #f3783b;
}
.overlayPanier>div>div a.btn:last-child:hover{
    background: #f3783b !important;
    border: 1px solid #FFF;
    color: #FFF;
}
.overlayPanier #titres h1:first-child, .overlayPanier .recapProduit>div:first-child{
    width:60%;
}
.overlayPanier #titres h1:first-child{
    text-align:left;
}
.overlayPanier #titres h1:nth-child(2), .overlayPanier #titres h1:last-child, .overlayPanier .recapProduit>div:nth-child(3), .overlayPanier .recapProduit>div:last-child{
    width:20%;
}
.overlayPanier .recapProduit>div:first-child img{
    max-width: 120px;
    margin-right:10px;
}
.overlayPanier .fiche_automatique>h1{
    text-align:left;
}
.overlayPanier .fiche_automatique div.produit{
    padding: 1%;
    margin: 1%;
    width: 20%;
}
.overlayPanier .fiche_automatique div.produit h1{
    font-size: 1.4em;
    float:none;
    display:block;
    text-align:left;
    margin-bottom:0;
}
.overlayPanier .fiche_automatique div.produit .prix_produit{
    float:none;
    display:block;
    margin-top:0;
}
.overlayPanier .fiche_automatique div.produit a.btnsProduit{
    height:24px;
    width:24px;
}
.overlayPanier .fiche_automatique div.produit a.btnsProduit img{
    max-width:24px;
}
/* ===============================================================================================
BLOG
===================================================================================================*/
#blog.content{
    text-align:center;
}
#blog.content h1{
    text-align:left;
    color:#f3783b;
}
.article{
    float:left;
    width:31.333%;
    margin:1%;
    min-height:543px;
}
.article>div{
    border:1px solid #a0a0a0;
    transition:0.2s;
}
.article>div:hover{
    box-shadow: 0px 0px 5px 0px #b7b7b7;
}
.article img{
    width:100%;
}
.article h2, .article p{
    text-align:left;
    padding:0 20px;
}
.liste_article_blog{
    text-align: center;
}
/* ===============================================================================================
PREFERES
===================================================================================================*/
#preferes.content h1{
    text-align:left;
    color:#f3783b;
}
#preferes .produit{
    width:23%;
    position:relative;
}
#preferes .produit a.btn{
    width: 96%;
    padding: 10px 2%;
    text-align: center;
    margin-top:30px;
}
#preferes .produit>a:nth-child(2){
    border: 1px solid #a0a0a0;
    display:block;
}
#preferes .produit p.close{
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
    margin: 0;
    background: #FFF;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size:1.2em;
}
#preferes .produit>a>img:first-child{
    border:none;
}
/* ===============================================================================================
PANIER
===================================================================================================*/
a.retourAccueil{
    transition:0.2s;
}
a.retourAccueil:hover{
    color:#f3783b;
}
h1.panier{
    background:url('css/img/h1_panier.png') no-repeat center left;
    padding: 30px 0 15px 75px;
    margin: 0;
    color:#f3783b;
}
#frais h1, #infosMR h1{
    color:#f3783b;
    margin-top:0;
    margin-bottom:5px;
}
#frais, #infosMR{
    background:#eeeeee;
    padding:20px;
    position:relative;
}
#infosMR{
    margin:10px 0;
    padding:20px;
    position:relative;
}
#infosMR a{
    border-radius:5px;
    background:#f3783b;
    color:#fff;
    padding:5px 10px;
    margin-top:5px;
    display:inline-block;
}
#frais h2{
    margin:0;
    margin-bottom:5px;
    display:inline-block;
}
#frais img{
    display:inline-block;
	vertical-align:middle;
}
#frais p{
    margin:0;
}
#frais div, #panier #frais span{
    display:inline-block;
    vertical-align: middle;
}
#frais span{
    font-weight:bold;
    float:right;
    font-size:1em;
}
#panier #form_panier>input + div p img{
	height:auto!important;	
}
#panier textarea{
    width:calc(100% - 22px);
    margin:20px auto;
    height:100px;
    padding:10px;
}

#panier #promo .banniere_paypal_4x_sans_frais{
    display:inline-block;
    width:290px;
}

#btns{
    overflow:hidden;
    margin: 30px auto;
	clear:both;
	width:100%;
}
#btns .btn{
    width: 200px;
    text-align: center;
    padding: 10px;
}
#btns button.annuler{
    position:relative;
    padding-left:30px;
    color:#9f9f9f;
    font-size: 0.8em;
	background:none;
	border:0;
	cursor:pointer;
}
#btns button.annuler:before{
    content:'x';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    cursor: pointer;
    border-radius: 150px;
    background: #FFF;
    border: 1px solid #9f9f9f;
    height: 22px;
    width: 22px;
    line-height: 20px;
    text-align: center;
    color:#9f9f9f;
}
#btns>div{
    float:left;
    width:33.333%;
}
#btns>div.divAnnuler{
    height:38px;
    line-height: 38px;
    position:absolute;
}
#btns>div:nth-child(2){
    text-align:center;
}
#btns>div:last-child{
    text-align:right;
}
#btns .btn.prec, .btn.btn_reverse{
    background:#FFF;
    color:#343434;
    border:1px solid #f3783b;
}
#btns .btn.prec:hover, .btn.btn_reverse:hover{
    background:#f3783b !important;
    border:1px solid #FFF;
    color:#FFF;
}
.btn_order_invite{
    background:#FFF;
    color:#343434;
    border:1px solid #a0a0a0;
}
.btn_order_invite h1{
    margin:0 !important;
}
.btn_order_invite:hover{
    background:#f3783b !important;
    border:1px solid #FFF;
    color:#FFF !important;
}
.btn_order_invite:hover h1{
    color:#FFF !important;
}
#titres{
    overflow:hidden;
}
#titres h1{
    float:left;
    color:#f3783b;
	margin:0;
    margin-bottom:10px;
}
#titres h1:first-child, .recapProduit>div:first-child{
    width:40%;
}
#titres h1:nth-child(2), .recapProduit>div:nth-child(2),
#titres h1:nth-child(3), .recapProduit>div:nth-child(3){
    text-align: center;
}
#titres h1:last-child, .recapProduit>div:last-child{
    text-align:right;
}
#titres h1:nth-child(2), .recapProduit>div:nth-child(2){
    width:20%;
}
#titres h1:nth-child(3), #titres h1:last-child,
.recapProduit>div:nth-child(3), .recapProduit>div:last-child{
    width:20%;
}
.recapProduit>div:nth-child(2){
    font-size:0.9em;
}
.recapProduit{
    overflow: hidden;
    margin:20px auto;
}
.recapProduit>div{
    float:left;
}
.recapProduit>div:first-child img{
    float:left;
    max-width:130px;
    border: 1px solid #a0a0a0;
    margin-right:20px;
}
.recapProduit>div:first-child>div{
    float:left;
    max-width:calc(68% - 40px);
}
.recapProduit>div:first-child>div p{
    margin:5px auto;
}
.recapProduit>div:first-child>div p:last-child{
    color:#666666;
}
.recapProduit>div:nth-child(3) p{
    display:inline-block;
    vertical-align:middle;
    margin:0;
}
.recapProduit>div:nth-child(3) span{
    border: 1px solid #343434;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align:middle;
	cursor:pointer;
    position:relative;
    z-index:0;
}
.recapProduit>div:nth-child(3) span:hover{
    color:#FFF;
}
.recapProduit>div:nth-child(3) span:after{
    content:'';
    height:0;
    width:0;
    background: #f3783b;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(180deg);
    display:block;
    position: absolute;
    transition:0.2s;
    z-index:-1;
}
.recapProduit>div:nth-child(3) span:hover:after{
    width:100%;
    height:100%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(0deg);
}
.recapProduit .titre_responsive{
    display:none;
    color:#f3783b;
    font-size: 1.2em;
}
.garbage{
	background:url(css/img/garbage.png) no-repeat center center;
	height:32px;
	width:32px;
	cursor:pointer;
	border:0;
}
#promo{
    text-align:right;
}
#promo .valide_code_promo{
    background:url('css/img/valider.png') no-repeat center center;
    border:none;
    width: 37px;
    height:37px;
    cursor:pointer;
}
#promo input[type='checkbox']{
    cursor:pointer;
}
#promo>div:first-child{
    margin:10px auto;
}
#promo>div:first-child input[type='text']{
    width:100px;
    margin:0 10px;
}
#promo>div:first-child p, #promo>div:first-child button{
    display:inline-block;
    vertical-align: middle;
}
#promo>div:first-child p.total{
    color:#f3783b;
    text-transform: uppercase;
    font-weight:bold;
    margin-right:20px;
    font-size:1em;
}
#promo>div:first-child p:last-child{
    font-weight:bold;
    font-size:1em;
}
#promo>div div:last-child span{
    display:block;
    font-size: 0.7em;
    margin-left:27px;
}
#divCgv{
    text-align: center;
    margin-top:30px;
}
#divCgv a{
    cursor: pointer;
    font-weight:bold;
    text-decoration:underline;
}
#divCadeau{
    text-align:left;
    font-weight:500;
}
#cpt_cadeau{
    font-size:12px;
}
#menuPanier ul{
    padding:0;
    list-style-type: none;
    overflow: hidden;
}
#menuPanier ul li{
    float:left;
    width:25%;
    text-align: center;
    transition:0.2s;
    background:#dcdbdb;
}
#menuPanier ul li a{
    padding:12px 0px;
    display:block;
    transition:0.2s;
    position:relative;
	cursor:pointer;
}
#menuPanier ul li a:after{
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 30px solid #dcdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    z-index: 2;
    transition:0.2s;
}
#menuPanier ul li a:before{
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 30px solid transparent;       
    border-bottom: 30px solid transparent;
    border-left: 35px solid #FFF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    z-index: 1;
}
#menuPanier ul li.active a{
    color:#FFF;
}
#menuPanier ul li.active{
    background: #f3783b;
}
#menuPanier ul li.active a:after{
    border-left: 30px solid #f3783b;
}

.titre_splitable{
    text-align:center;
    background: #eeeeee;
    padding: 20px;
}
.manque_b2b{
    text-align:center;
    padding: 10px;
    margin: 10px;
    color:#f73b3b;
}

/* ===============================================================================================
LIVRAISON
===================================================================================================*/
#livraison h1{
    color:#f3783b;
    margin-top:0;
    margin-bottom:20px;
}
#livraison #infosLivraison{
    overflow: hidden;
}
#livraison #infosLivraison>div:first-child p{
    margin:5px auto;
    text-transform: uppercase;
}
#livraison #infosLivraison>div:first-child, #livraison #modifLivraison{
    display:inline-block;
    width:38%;
    padding:2%;
	vertical-align:top;
}
#livraison #infosLivraison>div:last-child{
    display:inline-block;
    width:53%;
    padding:2%;
    background:#eeeeee;
	vertical-align:top;
	box-sizing: border-box;
}
#livraison #infosLivraison>div:last-child input, #livraison #infosLivraison>div:last-child label, #livraison #infosLivraison>div:last-child p{
    display:inline-block;
    vertical-align: middle;
}
#livraison #infosLivraison>div:last-child label{
    margin:10px;
    cursor: pointer;
	min-width:240px;
}
#livraison #infosLivraison>div:last-child label::before{
    margin-right:10px;
}
#livraison #infosLivraison>div:last-child p{
    float:right;
    margin:0;
    font-weight:bold;
	margin-top:10px;
}
#livraison #infosLivraison>div:last-child img{
    vertical-align:top;
	margin-left:15px;
	max-height:50px;
	vertical-align:middle;
}
#livraison #btns>div{
    width:50%;
}
#livraison #btns div:first-child a{
    width:110px;
}
#livraison #modifLivraison{
	display:none;
	padding-top:0;
}
#livraison #modifLivraison div#infos label{
    margin-left:5px;
    max-width:80%;
	font-size:0.8em;
}
#livraison #modifLivraison label{
    display:block;
    margin-bottom:4px;
}
#livraison #modifLivraison > div{
    margin:10px auto;
}
#livraison #modifLivraison input[type="text"], #modifLivraison select{
    display:block;
    width:100%;
    border:1px solid #d5d5d5;
    padding: 8px 5px;
}
#livraison #modifLivraison .btn{
	width:44%;
	vertical-align:top;
}
#livraison .error{
	text-align:center;
    margin:10px auto;
    padding:5px;
    color:#f73b3b;
}

#infosLivraison #modifLivraison #btns {
    text-align: center;
}

#infosLivraison #modifLivraison #btns div{
    display: none;!important;
}
@media (max-width: 800px) {
    #infosLivraison #modifLivraison #btns div{
        display: none;!important;
    }
}

.debug_api{
    display:none;
    padding:10px;
    background:#444;
    color:#cae534;
    overflow:auto;
    max-height:250px;
}

.choix_fdp{
    display:none;
    max-height:300px;
    overflow:auto;
}
.choix_fdp.active{
    border-top:1px solid #444;
    border-bottom:1px solid #444;
}
.choix_fdp .error{
    margin:10px auto;
    text-align:center;
    font-size:0.8em;
}

.bloc_point_relais{
    border-bottom:1px solid #444;
    padding:10px 0;
    font-size:0.8em;
    display:flex;
    cursor:default;
}
.bloc_point_relais:last-child{
    border-bottom:0;
}
.bloc_point_relais > div:first-child{
    width:50px;
}
.bloc_point_relais label{
    margin: 5px 10px !important;
    min-width:auto !important;
}
.bloc_point_relais label::before{
    margin:0 !important;
    width: 15px !important;
    height: 15px !important;
}
.bloc_point_relais .nom{
    font-weight:bold;
}
.bloc_point_relais .horaires{
    font-size:0.8em;
    margin-top:5px;
}



/* ===============================================================================================
PAIEMENT
===================================================================================================*/
#modePaiement h1{
    color:#f3783b;
    margin-top:0;
}
#modePaiement>div{
    margin:20px auto;
    padding: 0 5px;
}
#modePaiement>div input, #modePaiement>div div{
    display:inline-block;
    vertical-align: middle;
}
#modePaiement>div div:nth-child(2){
    width:140px;
    margin:0 15px;
    text-align:center;
}
#modePaiement>div div p{
    margin:2px auto;
}
#modePaiement>div div p:first-child{
    font-weight:bold;
}
#paiement #btns>div{
    width:50%;
}
/* ===============================================================================================
PLAN DU SITE
===================================================================================================*/
#plan_du_site h1{
	margin-left:0;
}
#plan_du_site .ligne span{
	font-weight:bold;
	margin-right:10px;
}
#plan_du_site .ligne a{
	font-size:11px;
}
/* ===============================================================================================
ALERTE BAISSE PRIX
===================================================================================================*/
.img_alerte_baisse{
	cursor:pointer;
}

.overlayBaisse>div{
    padding: 30px 120px;
    width: 30%;
}
.overlayBaisse>div h1{
    margin: 0 auto;
    margin-bottom:25px;
    color:#9b6579;
    font-family: 'Verdana', sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: bold;
    text-align:left;
}
.overlayBaisse img{
    border: 1px solid #a0a0a0;
    float:left;
    max-width:15%;
    margin-right:4%
}
.overlayBaisse>div div:last-child{
    width:100%;
    margin:0;
}
.overlayBaisse>div div p:first-child{
    margin-top:0;
}
.overlayBaisse>div div p:nth-child(2){
    font-weight:bold;
}
.overlayBaisse>div div label{
    font-weight:normal;
	width:40%;
}
.overlayBaisse input, .overlayAlerte input{
    border-radius: 0;
    background: #FFF;
    border: 1px solid #c9c9c9;
    display: block;
    padding: 5px;
    margin: 10px 0 20px;
    width:auto;
}
.overlayAlerte input{
    margin-top:0;
}
.overlayBaisse .btn, .overlayAlerte .btn{
    border-radius:0;
    padding: 10px 30px;
}

.rs_connexion {
    margin-top: 20px;
}
.rs_connexion #erreur_connexion {
    display: none;
    color: red;
}
.rs_connexion .div_rs_connexion {
    display: block;
}
.rs_connexion #notice_connexion {
    width:300px;
    margin:0 auto;
    font-size:11px;
    text-align:left;
}
.rs_connexion .div_rs_connexion button {
    display: flex;
    vertical-align: middle;
    margin: 5px auto 15px;
    border-radius: 5px;
    border:1px solid #CCC;
    position: relative;
    height: 50px;
    width: 300px;
    padding: 0;
    align-items:center;
    background:#fff;
    cursor:pointer;
}
.rs_connexion .div_rs_connexion button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    transform: translate(-50%, -50%);
}
.rs_connexion .div_rs_connexion button div {
    display: flex;
    text-align:center;
    min-width:50px;
    height:50px;
    border:1px solid #CCC;
    border-left:0;
    flex:1;
    box-sizing: border-box;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.rs_connexion .div_rs_connexion button img {
    height:25px;
    display: block;
    margin:auto;
}
.rs_connexion .div_rs_connexion button span{
    display: block;
    width:100%;
    text-align:center;
}
.rs_connexion .div_rs_connexion button span.rs_span_mobile{
    display: none;
}
.rs_connexion .div_rs_connexion .facebook_connexion div {
    background:#3b5998;
}
.rs_connexion .div_rs_connexion .facebook_connexion span {
    color:#3b5998;
}
.rs_connexion .div_rs_connexion .google_connexion div {
    background:#F2F2F2;
}

.container_commande_invite{
    display:block;
    text-align:center;
}
.btn_suivi_commande {
    display: block;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    margin: 10px 0;
    font-size: 12px;
}

#suivi_commande{
    margin:20px auto;
    text-align:center;
    box-sizing: content-box;
}
#suivi_commande input[type="text"]{
    border: 1px solid #f3783b;
    padding: 10px;
    margin:10px;
    width: 331px;
    box-sizing: content-box;
}
#suivi_commande input[type="submit"]{
    margin:10px;
    width: 325px;
    box-sizing: content-box;
}
.apercu_commande_invite{
    text-align:left;
    display:block;
    margin:20px auto;
    max-width:1200px;
}

/* ===============================================================================================
SLIDER RESPONSIVE IMAGES ADMIN COLONNES
===================================================================================================*/
@media only screen and (max-width: 480px) {
	.group_cols.slider_responsive{
		margin:10px auto;
	}
	.group_cols.slider_responsive .cols{
		margin:auto;
	}
	.group_cols.slider_responsive .cols img{
		width:auto;
		display:block;
		margin:auto;
	}
}
/* ===============================================================================================
RESPONSIVE
===================================================================================================*/
@media only screen and (max-width: 1220px) {
    #filtreCategories .recherche{
        max-width: none;
        width:98%;
        margin:auto;
        box-sizing: border-box;
    }
    #produit div.encartResponsive{
        display:inline-block;
    }
    #recherche_general{
        margin:0;
    }
    a.logo, header>div>div{
        float:none;
        width:auto;
        display:block;
    }
    .content, .container{
        width:100%; /* 98% */
    }
    #encarts>div:first-child, #encarts>div:nth-child(2){
        float:left;
        margin:1%;
        width:48%;
		margin-top:0;
    }
    #slider{
        width:98%;
        margin-left:auto;
        margin-right:auto;
    }
    #encarts>div:nth-child(3), #encarts>div:nth-child(4), #encarts>div:last-child{
        float:left;
        margin:1%;
        width: 31.3333%;
    }
    #accueil h1{
        clear:both;
    }
    #connexion .encartsConnexion{
        width:44.2%;
    }
    #formAnnonce form>div, #formAnnonce form>div:first-child{
        width:46%;
        margin:2%;
    }
    #formAnnonce form>div:last-child{
        width:98%;
        display:block;
    }
    .article{
        float:left;
        margin:1%;
        width:31.333%;
    }
    #filtreCategories, #div_filtrer_trier{
        float:none;
        width:100%;
        margin:auto;
    }
    #contentCategories{
        float:none;
        width:100%;
        margin:auto;
    }
    #contentCategories .produit{
        width:24.5%;
    }
    #formAnnonce form>div#photos{
        margin:auto;
        float:none;
        clear:both;
        text-align: center;
    }
    #formAnnonce form div.divFile{
        float:none;
        display:inline-block;
    }
    #formAnnonce form>#photos>input:last-child{
        float:none;
        margin:auto;
    }
    #accueil>h1, #vedettes, #engagement{
        margin:1%;
    }
    #container_container_boutons_trier{
        text-align:center;
    }
    .overlay>div{
        width:96%;
        padding:2%;
    }
    .divFiltres, #triCategories{
        display:none;
    }
	.divFiltres>a.valideFiltre{
		display:none !important;
	}
	#filtreCategories .effacer_filtres{
		display:none;
	}
	#boutons_valider_filtre{
		text-align:center;
		margin:10px auto;
	}
	#boutons_valider_filtre .valideFiltre, #boutons_valider_filtre .effacer_filtres{
		display: inline-block;
		vertical-align: middle;
		margin: auto;
		float: none;
		padding: 10px 14px;
	}
    #menuFiltre{
        display:inline-block;
    }
    h1.titreResponsive{
        display:block;
        color:#f3783b;
    }
    #produit div#infosProduit>div#apercuProduit, #produit div#infosProduit>div#detailProduit{
        float:none;
        width:98%;
        clear:both;
        overflow:hidden;
    }	
	#produit .gallerie{
		margin-top:0px;
	}
	#produit div#infosProduit>div#apercuProduit .logo_marque{
		display:none;
	}
	#filtreCategories div>p:first-child:before, #compte .onglet>div:first-child p:before{
		background:none;
	}
	#filtreCategories div>p.active:first-child:before, #compte .onglet>div.active:first-child p:before{
		background:none;
	}
	#container_boutons_trier{
		text-align: center;
    	margin: 10px auto 0px;
	}
	#container_boutons_trier select{
		margin:auto;
	}
}
@media only screen and (max-width: 1100px){
    #inscription div#infos>div:last-child div{
        width:50%;
    }
    #inscription div#infos>div:first-child div{
        width:100%;
    }
    #produit div#infosProduit img#offre{
        width:auto;
        position:static;
    }
    #produit #apercuProduit>div{
        padding:1%;
    }
    #produit #detailProduit h1{
        display:none;
    }
}
@media only screen and (max-width: 1010px) {
    #avis .critique{
        width:46%;
    }
}
@media only screen and (max-width: 1000px){
    #contentCategories .produit{
        width:32.5%;
    }
    .overlayPanier .fiche_automatique div.produit{
        width:30%;
    }
    /*inscription*/
    #inscription form select.date_de_naissance{
        width:20%;
    }

    #connexion .encartsConnexion{
        width:100%;
        margin:10px auto;
        min-height:inherit;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 985px) {
    #formAnnonce form>div:first-child input{
        min-width: 225px;
    }
    #avis .avis>img, #avis .avis>div{
        display:block;
        margin:auto;
    }
    #avis .avis>img{
        width:auto;
    }
    #avis .avis>div{
        width:100%;
    }
}
@media only screen and (max-width: 950px) {
    #engagement>div{
        width:50%;
    }

    header #btn_acces_pro{ display: block;position: relative;text-align:right;padding-bottom:0; }
}
@media only screen and (max-width: 900px) {
	.cols_25, .cols_4{
		width:48.2%;
        display:inline-block;
        float:none;
	}
}
@media only screen and (max-width: 850px) {
    #contentCategories .produit{
        width:49%;
        text-align:center;
    }
    #contentCategories .produit .prix_produit, #contentCategories .produit h1{
        float:none;
        display:inline-block;
    }
    #container_container_boutons_trier>h1, #container_container_boutons_trier div, #container_container_boutons_trier img, #container_container_boutons_trier select{
        margin:20px;
    }
    #contact form>div{
        width:98%;
    }
    #contact form input[type="text"], #contact form input[type="date"], #contact form input[type="email"], #contact form input[type="tel"], #contact form input[type="password"], #contact form input[type="file"], #contact form select, #contact form textarea{
        width:100%;
    }
    #change-image img{
        margin-top:10px;
    }
}
@media only screen and (max-width: 800px) {
	.menu1 li, .menu1 li a{
		font-size:0;
	}
	.menu1 img, #rechercher_responsive img{
		margin:auto !important;
	}
	.menu1 li{
		margin:0 10px;
	}
	#header{ min-height: unset; padding-bottom:20px; }
	.responsive_panier #header{
		padding-bottom:10px;
	}
	#header .liLangue{ display:none; }
	
	header>div.container>div>div nav{
		position:absolute;
		top:15px;
		right:5px;
	}
	header>div>div>div{
		min-height: 54px;
	}
	.responsive_panier header>div>div>div{
		min-height: 0;
	}
	header a.logo{ display:none; }
	header a.logo_responsive{ display:block; }
	
	#categories .infosCategories h1{ font-family:'arial', sans-serif; }
	
    #photo_fiche{
        /* height:auto !important; */
    }
	
	#listing_mini_photo{
		/*display:none;*/
	}
	
    .text_ck img{
        display:block;
        float:none;
        margin: auto !important;
    }
    .recherche{
        margin-top:0;
    }
    body>.content, #content_content{
        padding-bottom:460px;
    }
    #accueil h1{
        text-align: center;
    }
    footer>div>div.sociaux, footer>div>div:first-child, footer>div>div:nth-child(2){
        display:block;
        width:100%;
        text-align:center;
    }
    #inscription form>div{
        display:block;
        width:100%;
    }
    #inscription form>div:last-child, #inscription form>div:first-child{
        margin:0;
    }
    .annonce div, .annonce div:nth-child(2){
        display:block;
        margin:10px auto;
        width:100%;
    }
    .annonce div img{
        margin:auto;
        display:block;
        max-height:250px;
    }
    #formAnnonce form>div, #formAnnonce form>div:first-child{
        display:block;
        width:98%;
    }
    #avis #critiques div:last-child{
        text-align:center;
    }
    #preferes .produit{
        width:48%
    }
    #preferes .produit>a>img:first-child{
        display:block;
        margin:auto;
    }
    #produit .produit{
        width:45%;
        margin:1%;
        text-align:center;
    }
    .produit h1, .produit .prix_produit{
        float:none;
        display:inline-block;
        vertical-align: middle;
    }
    #menuPanier ul li{
        float:none;
        display:block;
        width:100%;
    }
    #btns>div, #paiement #btns>div{
        width:100%;
        text-align:center;
        margin:10px auto;
    }
    #btns>div:last-child{
        text-align:center;
    }
    .recapProduit .titre_responsive{
        display:block;
    }
    .recapProduit>div:first-child{
        float:none;
        width:100%;
    }
    .recapProduit>div:nth-child(2), .recapProduit>div:nth-child(3), .recapProduit>div:last-child{
        display:inline-block;
        vertical-align:top;
        width:32%;
        float:none;
    }
    .recapProduit>div:first-child img, .recapProduit>div:first-child>div{
        display:block;
        float:none;
    }
    .recapProduit, .recapProduit>div:last-child{
        text-align:center;
    }
    .recapProduit>div:first-child img{
        margin:auto;
    }
    #compte.content ul li{
        float:none;
        width:100%;
        display:block;
    }
    #compte .cachee #informations div{
        float:none;
        width:100%;
        margin: 10px auto 40px;
    }
    .onglet #titres{
        display:none;
    }
    #panier #titres{
        display:none;
    }
    .recapProduit{
        border-bottom:1px solid #f3783b;
    }
    .overlayAlerte>div div label, .overlayBaisse>div div label{
        width:auto;
    }
    .overlayAlerte img, .overlayBaisse img{
        margin:10px auto;
        width:auto;
        float:none;
        max-width:100%;
    }
    .overlayAlerte>div div, .overlayBaisse>div div{
        float:none;
        width:100%;
    }
    #formAnnonce form>div:last-child{
        text-align:center;
    }
    #formAnnonce form>div:last-child input:last-child{
        float:none;
    }
    #formAnnonce form div.divFile{
        float:none;
        display:inline-block;
    }
    #formAnnonce form>div:nth-child(2){
        margin:1%   ;
    }
    #inscription form>div img{
        margin:auto;
        display:block;
    }
    #livraison #infosLivraison>div:first-child, #livraison #infosLivraison>div:last-child{
        width:100%;
        display:block;
		box-sizing: border-box;
    }
    .recapProduit>div:first-child>div{
        max-width: none;
    }
    #paiement #titres h1{
        display:none;
    }
    #livraison #btns>div, #connexion #btns>div{
        width:100%;
    }
    #livraison #infosLivraison>div:first-child, #livraison #modifLivraison {
        width: 95% !important;
    }
    .overlayPanier #titres{
        display:none;
    }
    .overlayPanier .recapProduit>div:first-child, .overlayPanier .recapProduit>div:nth-child(3), .overlayPanier .recapProduit>div:last-child{
        width:100%;
    }
    .overlayPanier .recapProduit>div:first-child img{
        margin:auto;
    }
    header>div.container>div{
        display:block;
    }
    #frais div, #panier #frais span{
        display:block;
        float:none;
        margin:5px auto;
    }
    header a.logoContact{
        display:none;
    }
    .overlayPanier .fiche_automatique div.produit{
        width:46%;
    }
	#menu_bouton{
		top:8px;
	}
	header a.logo_responsive{
		padding-top:6px;
		width:230px;
	}
}
@media only screen and (max-width: 700px) {
	#form_contact_annonce { width:100%;clear:both; }
	.iframe_map_annonce { width:100%;clear:both; }
	.liste_annonce_bloc .bloc_photo{ width:100% }
	.liste_annonce_bloc .bloc_detail{ width:100%;padding:0px; }
	.liste_annonce_bloc .bloc_go{ display:none; }
	.fiche_annonce .bloc_photo{ width:100% }
	.fiche_annonce .bloc_detail{ width:100%;padding:0px; }
    #produit #detailProduit div p.prix, #produit .options_produits, #produit .quantite{
        display:block;
        margin:10px 0;
    }
    #produit .quantite>div:first-child{
        margin:0;
    }

    #connexion #encartConnexion .container_label{ flex-direction:column; }
    #connexion #encartConnexion .container_label label{ display:none; }
    #connexion #encartConnexion #encartRsConnexion{ flex-direction:column-reverse; }
    #connexion #encartConnexion #encartRsConnexion div{ width:100% !important;text-align:center; }

    #connexion #encartInscription{ display:none; }
    #connexion #titre_connect_desktop{ display:none; }
    #connexion #titre_connect_mobile{ display:block; }

    .rs_connexion .div_rs_connexion button span.rs_span_desktop{ display:none; }
    .rs_connexion .div_rs_connexion button span.rs_span_mobile{ display:block; }
}
@media only screen and (max-width: 680px) {
    #avis .critique{
        width:98%;
        display:block;
    }
}
@media only screen and (max-width: 650px) {
    .overlay>div div label{
        float:none;
        display: block;
        margin:auto;
        width:100%;
        text-align: center;
        margin-bottom:5px;
    }
    .overlay form>div>div{
        margin:auto;
        float:none;
        display:block;
        width:100%;
    }
    .overlay form>div:first-child{
        text-align:center;
    }
    .overlay div#etoiles{
        margin:auto;
        float:none;
        display:inline-block;
    }
	#boutons_trier a{
		padding: 10px 37px;
	}
	.tri_en #boutons_trier a{
		padding: 10px 43px;
	}
}
@media only screen and (max-width: 620px) {
    #produit #detailProduit #container_quantite>div{
        width:100%;
        float:none;
        text-align:center;
    }
    #produit #detailProduit #container_quantite>div.options_produits{
        text-align:center;
    }
    #produit #encartEngagement>div{
        float:none;
        width:100%;
        text-align:center;
    }
    #produit #encartEngagement>div img{
        float:none;
        margin:5px auto;
        width:60px;
        display:block;
        margin:auto;
    }
    #produit #encartEngagement>div p{
        float:none;
        max-width: none;
        position:static;
        display:block;
        width:100%;
        margin:5px auto;
        transform:none;
    }
    #produit #encart_promo>div:first-child, #produit #encart_promo>div:last-child, #produit #encart_promo>div:last-child>p, #produit #encart_promo>div:last-child>div{
        float:none;
        display:block;
        width:100%;
        text-align: center;
    }
    #produit #encart_promo>div:last-child>div{
        padding: 0 0 10px 0;
    }
    #produit #detailProduit .addthis_toolbox{
        float:none;
        text-align: center;
    }
    #produit #detailProduit .addthis_toolbox a{
        display: inline-block;
        vertical-align: middle;
        float:none;
    }
    #produit #degreRarete>p{
        display:block;
        text-align:center;
    }
    #produit #detailProduit #container_quantite>div.options_produits{
        width:100%;
    }
    #produit #degreRarete #imgRarete{
        margin:10px auto;
        display:block;
    }
    #tabs_produit .divTabs{
        width:100%;
        float:none;
		padding:0px 20px;
    }
    #tabs_produit .divTabs:first-child{
		padding-top:20px;
    }
    #tabs_produit .divTabs:last-child{
		padding-bottom:20px;
    }
    #tabs_produit.ui-widget-content .ui-state-default{
        float: none;
        margin: auto;
        text-align: center !important;
        width:100%;
    }
    #tabs_produit .ui-tabs-tab a{
        display:block;
    }
}
@media only screen and (max-width: 600px) {
    .banniere_paypal_4x_sans_frais{
        display:inline-block;
        width:290px;
    }
    #produit #ajouterPanier{
        text-align:center;
    }
    #slider{
        /* display:none; */
    }
    .produits_associes #slider, .fiche_automatique #slider{
        display:block;
    }
    #slider .lSAction > a.lSNext, #slider .lSAction > a.lSPrev{
        background-size:cover;
    }
    #slider .lSAction > a{
        height:34px;
        width:34px;
    }
    #slider .lSSlideOuter .lSPager.lSpg > li a{
        height:15px;
        width:15px;
    }
    h1.titreResponsive{
        font-size:1.6em;
    }
    #filtreCategories .recherche input{
        width:auto;
    }
    #produit div.encartResponsive{
        display: block;
        width: calc( 98% - 2px );
        margin: 10px auto;
    }
    #encarts>div:first-child, #encarts>div:nth-child(2){
        width:98%;
        margin:1%;
        float:none;
        display:block;
    }
    #engagement>div{
        width:100%;
        text-align: center;
        margin:10px auto;
    }
    #engagement>div img{
        margin:0;
        float:none;
    }
    #inscription div#infos>div:last-child div{
        width:100%;
    }
    #produit #apercuProduit>div:nth-child(4){
        float:none;
    }
    #produit #degreRarete img{
        display:block;
        margin:10px auto;
    }
    #disponibilite div{
        text-align:center;
        margin:5px auto;
        border-bottom:1px solid #f3783b;
        padding:10px;
    }
    #disponibilite div p, #disponibilite div a.btn, #disponibilite div img{
        display:block;
    }
    #engagement>div p{
        display:block;
        margin:auto;
    }
    #engagement>div p{
        max-width: none;
        display:block;
    }
    .overlayPanier .fiche_automatique div.produit{
        width:100%;
    }
}
@media only screen and (max-width: 550px) {
    #preferes .produit{
        width:98%;
        margin:10px auto;
    }
    #produit .produit{
        width:98%;
        margin:10px auto;
    }
    /*#contentCategories .produit{
        width:100%;
    }*/
	.produit .description_produit{
		height: auto;
	}
    #produit #ajouterPanier #add_panier, #produit #ajouterPanier #add_panier:hover{
        background: #f3783b !important;
    }
    #produit #ajouterPanier .btn.alerte, #produit #ajouterPanier .btn.alerte:hover {
        background: #808080 !important;
    }
	#contentCategories .produit.pageSuivante{
		width:100%;
	}
    .recapProduit>div>a, .recapProduit>div:first-child>div{
        font-size:0.8em;
    }
    .recapProduit .titre_responsive{
        font-size:1em;
    }
}
@media only screen and (max-width: 530px) {
	header a.logo_responsive{
		width:200px;
		padding-top:12px;
	}
}
@media only screen and (max-width: 500px) {
	header a.logo_responsive{
		width:40%;
		padding-top: 10px;
	}


    #paiement input[type="radio"] + div label:before{
        left:50%;
        transform: translateX(-50%);
        top:-25px;
    }
    #paiement input[type="radio"] + div label{
        margin-left:0;
    }
    #modePaiement>div div:nth-child(2), #modePaiement>div input, #modePaiement>div div{
        width:auto;
        display:block;
        text-align: center;
    }
    #modePaiement>div div:nth-child(2){
        margin:auto;
    }
    #modePaiement>div{
        margin-top:60px;
    }
    #modePaiement .banniere_paypal_4x_sans_frais{
        display:inline-block;
        width:290px;
    }
}
@media only screen and (max-width: 480px) {
	header a.logo_responsive{
		width: 30%;
    	padding-top: 19px;
	}
	.responsive_panier .recherche{
		margin:10px auto;
	}
}
@media only screen and (max-width: 450px) {
    #formAnnonce form>div label{
        display:block;
        margin:auto;
        text-align: center;
        margin:10px auto;
    }
    #formAnnonce form>div:first-child label, #formAnnonce form>div:first-child input{
        width:100%;
    }
    #formAnnonce form>div:first-child input{
        margin:0;
    }
    #avis .avis>div>div, #avis .avis>div p:first-child{
        display:block;
        text-align:center;
        width:100%;
    }
    #formAnnonce form div.divFile{
        display:block;
    }
    #formAnnonce form>div:first-child>div, #formAnnonce form>div:first-child>div:nth-child(2){
        margin:10px auto;
    }
    #inscription div#infos>div:last-child div{
        width:100%;
        float:none;
        display:block;
        min-height:0;
    }
    .form_oubli input{
        display:block;
        margin:10px auto;
        max-width:100%;
    }

    #divPersonnalisable #couleur > div, #divPersonnalisable #police > div{
        width:calc(33% - 10px);
    }
}
@media only screen and (max-width: 400px) {
    #produit #disponibilite p:first-child, #produit #disponibilite p:nth-child(2), #produit #disponibilite p:nth-child(3){
        width:auto;
        display:block;
    }
    #encarts>div:nth-child(3), #encarts>div:nth-child(4), #encarts>div:last-child{
        display:block;
        float:none;
        width:98%;
    }
    #contact.content>h1{
        background:none;
        padding:0;
    }
    #produit #detailProduit #container_prix p.prix.prix_fiche_produit{
        font-size:1.6em;
    }
    #produit #detailProduit #container_quantite>div>div:first-child{
        display:block;
        margin-bottom: 5px;
    }
	
    #photo_fiche{
        height:auto !important;
    }

    #produit #detailProduit #container_quantite>div.options_produits>div:nth-child(2){
        max-width:100%;
    }
}
@media only screen and (max-width: 322px) {
    #connexion .encartsConnexion input{
        min-width: 0;
        width:100%;
    }
    #inscription form div.boutons input{
        margin:10px auto;
    }
}
@media only screen and (max-width: 300px) {
    .recherche button{
        display: block;
        float:none;
        margin:auto;
    }
    #recherche_general{
        float:none;
        display: block;
        width:98%;
        padding:1%;
        margin:auto;
        text-align:center;
    }
    #filtreCategories .recherche input{
        display: block;
        text-align: center;
        margin:auto;
    }
}


/* ===============================================================================================
RESPONSIVE PANIER UNIQUEMENT
===================================================================================================*/
@media only screen and (max-width: 800px) {
    .recherche{
        max-width:90%;
		text-align: left;
		margin:auto;
		margin-top:20px;
    }
	.responsive_panier .recherche{
		display:none;
		margin: 0px auto;
    	width: auto;
	}
	.menu1{
		margin:auto;
	}
	#menuPanier ul{
		text-align: center;
		margin-top:0;
	}
	#menuPanier ul li{
		display:inline-block;
		vertical-align: middle;
		width: calc(25% - 6px);
	}
	#menuPanier ul li a:before, #menuPanier ul li a:after{
		display:none;
	}
	#menuPanier ul li a{
		overflow:hidden;
		font-size:0.7em;
	}
	.recapProduit>div:first-child img{
		max-width:100%;
	}
	h1.panier{
		display:none;
	}
	.recapProduit{
		position:relative;
		padding-bottom:80px;
	}
	#panier .garbage{
		position: absolute;
		top:0;
		right:20px;
		z-index: 1;
        background-size:35px;
	}
	.recapProduit>div>a, .recapProduit>div:first-child>div{
		display: inline-block;
		vertical-align: middle;
		max-width:48%;
	}
	.recapProduit>div:last-child p{
		font-size:1.1em;
        margin:0;
	}
	#panier #frais{
		padding:5px;
		font-size:0.8em;
	}
	#panier textarea{
		height:75px;
	}
	#paiement #form_panier>input + div{
		display:none;
	}
	#paiement #btns>div:first-child button, #paiement #btns>div:last-child p{
		display:none;
	}
	#paiement #frais span{
		display: block;
		float: none;
		text-align: right;
	}
	#paiement #promo>div:first-child p:last-child{
		margin-right:20px;
	}
	#paiement .recapProduit>div:last-child p{
		text-align:right;
		margin-right: 20px;
		font-weight: bold;
		font-size: 1em;
	}
	#paiement .recapProduit>div:nth-child(3) p{
		text-align:right;
		margin-right: 20px;
		display:block;
		font-size: 1em;
	}
	#paiement #promo .valide_code_promo{
		margin-right:20px;
	}
	.responsive_panier #header .container{
		position:relative;
	}
	.responsive_panier header a.logo{
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		left:5px;
	}
	.responsive_panier header{
		min-height:0;
	}
	.responsive_panier header a.logo img{
		padding:0;
		width:50px;
	}
	.responsive_panier #btns{
		margin:5px auto;
	}
	#rechercher_responsive img{
		max-height: 22px;
		display: block;
		margin: auto;
		margin-bottom: 9px;
		transition:0.2s;
	}
	.menu1 li p {
		font-size: 0.6em;
		text-transform: uppercase;
		transition: 0.2s;
		margin:auto;
		cursor:pointer;
	}
	.menu1 li p:hover{
		color: #f3783b;
	}
	.menu1 li p:hover img{
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.responsive_panier #livraison #infosLivraison>div:last-child label{
		min-width:290px;
	}
	.responsive_panier .produits_associes{
		margin-bottom:20px;
	}

    #btns>div.divAnnuler{
        position:relative;
    }
    #btns>div{
        margin:5px 0;
    }
}
@media only screen and (max-width: 480px) {
	#recherche_general{
		max-width:80%;
	}
	#livraison #infosLivraison>div:last-child p{
		float:none;
	}
	#livraison #infosLivraison>div:last-child input, #livraison #infosLivraison>div:last-child label, #livraison #infosLivraison>div:last-child p{
		vertical-align: top;
	}
	.responsive_panier #promo>div:first-child>p:first-child{
		display:none;
	}
	.responsive_panier #input_code_promo{
		padding:5px;
		margin:0 !important;
		width:calc(100% - 60px) !important;
	}
	.responsive_panier #paiement #promo .valide_code_promo{
		margin:0;
	}
	.responsive_panier .recherche{
		margin:10px auto 0;
	}
	ul.menu1 img, #rechercher_responsive img{
		max-height:18px;
	}
}
@media only screen and (max-width: 410px) {
	header ul li{
		font-size:0.75em;
	}
	.menu1 li{
		margin:0 5px;
	}
	header a.logo_responsive{
		padding-top: 17px;
		width: 38%;
	}
	a.logo_responsive{
		margin-left:53px;
	}
	.responsive_panier .menu1 li{
		margin: 0 2px;
	}
}
@media only screen and (max-width: 350px) {
	header a.logo_responsive{
		padding-top: 19px;
    	width: 34%;
	}	
}
@media only screen and (max-width: 330px) {
	header a.logo_responsive{
		padding-top: 21px;
   		width: 30%;
	}	
}