/*
@package	Océa Manager
@version 	5

[Sommaire cash express 2018]

0- Import
1- Général
2- Liens
3- Titres
4- Header
5- Navigation
	5.1- Menu principal
	5.2- Menu bas de page
6- Corps
	6.1- Accueil
	6.2- Page
		6.2.1 Fil d'ariane
		6.2.2 Pagination
	6.3- Page magasin
	6.4- Page carte
	6.5- Page black-friday
	6.6- Page fidelité
	6.7- Page fête de cash
	6.8- Page qui sommes nous 
	6.9- Page ecologie
	6.10- Page economie
	6.11- Page achetez
	6.12- Page vendez
	6.13- Autre page
7- Widgets
	7.1- Panier
	7.2- Connexion client
	7.3- Recherche
8- Modules
	8.1- Actualité
		8.1.1- Liste
		8.1.2- Fiche
	8.2- Catalogue
		8.2.1- Tag
		8.2.2- Filtres
		8.2.3- Liste des catégories
		8.2.4- Liste des produits
		8.2.5- Fiche produit
			8.2.5.1- Diaporama
			8.2.5.2- Produits associés
			8.2.5.3- Commentaires
			8.2.5.4- Achat panier
			8.2.5.5- Réservation
	8.3- Editeur
	8.4- Plan du site
	8.5- Formulaire
		8.5.1- Rrise de RDV
	8.6- Boutique
		8.6.1- Etape 1 : Panier
		8.6.2- Etape 2 : Authentification
		8.6.3- Etape 3 : Coordoonées
		8.6.4- Etape 4 : Paiement
		8.6.5- Etape 5 : Validation
	8.7- Clients
		8.7.1- Liste paniers
		8.7.2- Adresses client
	8.8 Disponible
		8.8.1- En mode liste 
		8.8.2- En mode vignette
	8.9 Réservation
	8.10 Document
9- Footer
10- Coockies
11- Media queries

*/
/* =0 Import
-------------------------------------------------------------------*/
@font-face { 
	font-family: 'Gill Bold';
	src: url('../fonts/2D087B_0_0.eot');
	src: url('../fonts/2D087B_0_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/2D087B_0_0.woff2') format('woff2'),
	url('../fonts/2D087B_0_0.woff') format('woff'),
	url('../fonts/2D087B_0_0.ttf') format('truetype'),
	url('../fonts/2D087B_0_0.svg#wf') format('svg');
}
 
  
@font-face {
	font-family: 'Gill Light';
	src: url('../fonts/2D087B_1_0.eot');
	src: url('../fonts/2D087B_1_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/2D087B_1_0.woff2') format('woff2'),
	url('../fonts/2D087B_1_0.woff') format('woff'),
	url('../fonts/2D087B_1_0.ttf') format('truetype'),
	url('../fonts/2D087B_1_0.svg#wf') format('svg');
}
 
  
@font-face {
	font-family: "Gill", sans-serif;
	src: url('../fonts/2D087B_2_0.eot');
	src: url('../fonts/2D087B_2_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/2D087B_2_0.woff2') format('woff2'),
	url('../fonts/2D087B_2_0.woff') format('woff'),
	url('../fonts/2D087B_2_0.ttf') format('truetype'),
	url('../fonts/2D087B_2_0.svg#wf') format('svg');
}

/* =1 Général
-------------------------------------------------------------------*/
html,
body {
	color: #000000;
	display: table;
	width: 100%;
	font-size: 100%;
	font-family: "Gill", sans-serif;
	line-height: 1.6em;
}
ul {
	padding: 0;
}
ul li {
	list-style-type: none;
	padding: 0;
}
.module-editeur li::before{
	content:">";
	color: #95c11f;
	padding: 0 10px 0 0;
	font-weight: bold;
	font-size: 1.1em;
	vertical-align: middle;
	/**content:"►";
	color: #303031;
	padding: 0 10px 0 0;
	**/
}
.inner{
	margin: 0 auto;
   	width: 100%;
    position: relative;
}
.inner_interne{
	margin: 0 auto;
	width: 100%;
	font-family: "Gill", sans-serif;
}
.inner-mobile{
	display: none;
}
.bg-info {
    background-color: #ffffff;
    border: 1px solid #efefef;
}
.text-info {
    color: #000000;
}
hr{
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    width: 0;
}
.clear-both{
	clear: both;
}
.hide{
	display: none;
}
.erreur{
	color: #9a1515;
	font-weight: bold;
	font-style: italic;
}
.d-block{
	display: block;
}
.section-title .bg-blanc,
.bg-blanc {
    background: #fff;
}
.bg-blanc-semi{
	background: rgba(255, 255, 255, 0.8);
}
.bg-gris{
	background: #f4f4f4;
	border: solid 1px #d8d8d8;
	padding: 20px;
}
.col-demi{
	display: inline-block;
	width: 48%;
	margin: 0 1%;
	vertical-align: top;
}
.cadre{
	background: #fff;
	border: solid 1px #d8d8d8;
	padding: 20px;
}
.padding-vingt{
	padding: 20px;
}
.col-cent{
	width: 100%;
	padding: 0 15px;
}
.font-italic{
	font-style: italic;
}
.font-bold{
	font-weight: 700;
}
.inner .no-border{
	border: none;
}
.separateur-vert{
	display: block;
	width: 100%;
	height: 50px;
/* 	background: #95c11f; */
	background: #f4f4f4;
	border-top: solid 1px #d8d8d8;
	border-bottom: 3px solid #95c11f;
	margin: 20px 0 0;
/* 	background: #8e8e8e; */
}
.line-heigh-s{line-height: 1.1em;}
.souligne{text-decoration: underline;}

/* =2 Liens
-------------------------------------------------------------------*/
a{
	color: #000; 
}
a:link,
a:visited,
a:active {}
a:hover {}
#trouver-mag .bouton:hover,
.ui-widget-content .btn,
.btn,
.bouton{
	font-family: "Gill", sans-serif;
	display: inline-block;
	background: #95c11f;
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #95c11f;
	padding: 10px 20px;
	margin: 10px;
	white-space: initial;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.bouton-inscription{
	font-family: "Gill", sans-serif;
	display: inline-block;
	background: #95c11f;
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #95c11f;
	padding: 10px 20px;
	margin: 10px;
	white-space: initial;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.module-actualite .lien-telechargement,
.module-formulaire .lien-telechargement,
.module-catalogue .lien-telechargement,
.module-boutique .lien-telechargement,
.module-editeur .lien-telechargement{
	display: inline-block;
	background: url("../img/ico-telecharger.png") no-repeat scroll 95% 40% #95c11f;
	color: #fff;
	font-family: "Gill", sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #95c11f;
	padding: 5px 45px 5px 20px;	
	margin: 10px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.lien-telechargement:hover,
.lien-telechargement:focus {
    background: url("../img/ico-telecharger-hover.png") no-repeat scroll 95% 65% transparent;
	color: #000;
	text-decoration: none;
}
.telecharge-fichier{
	display: inline-block;
	background: #fff url("/assets/img/upload.png") no-repeat scroll right 12px bottom 40%;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 8px 45px 8px 15px;
	cursor: pointer;	
	border: 1px solid #95c11f;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.telecharge-fichier:focus,
.telecharge-fichier:hover{
	background: #95c11f url("/assets/img/upload-hover.png") no-repeat scroll right 12px bottom 65% ;
	color: #fff;
	text-decoration: none;
}
.lien-standard{
	color: #95c11f;
	font-family: "Gill", sans-serif;
	font-weight: 700;
	text-decoration: underline;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.lien-standard:hover,
.lien-standard:focus{
	color: #000;
}
.no-livraison a,
.btn-simple{
	display: inline-block;
	background: transparent;
	color: #000;
	font-family: "Gill", sans-serif;
	font-size: 1em;
	line-height: 1.1em;
	text-transform: initial;
	text-decoration: none;
	text-align: center;
	border: solid 1px #95c11f;
	padding: 3px 6px;
	margin: 15px 0;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.numero-carte .retour_liste_produits{
	background: #393939 url(/assets/img/fleche-retour-hover.png) no-repeat 5px center;
	text-decoration: none;
	padding: 3px 6px 3px 20px;
	margin: 0 0 10px 0;
	color: #fff;
	border: none;
}
.compte .retour_liste_produits:hover,
.compte .retour_liste_produits:focus{
	background: #636363 url(/assets/img/fleche-retour-hover.png) no-repeat 5px center;
	color: #fff;
}
/* .module-catalogue .retour_liste_produits:hover, */
/* .module-catalogue .retour_liste_produits:focus{ */
/* 	background: #fff url(/assets/img/fleche-retour-hover.png) no-repeat 5px center; */
/* 	color: #000; */
/* } */
.bloc-contenu-reservation .btn_suivant_resa:hover,
.liste_produits_reservation .btn_suivant_resa:focus {
    background: #fff url(/assets/img/fleche-next-hover.png) no-repeat 90% center;
    color: #535353;
    padding: 10px 30px 10px 20px;
}
.btn_suivant_resa {
    background: #95c11f url(/assets/img/fleche-next.png) no-repeat 90% center;
    color: #fff;
    padding: 10px 30px 10px 20px;
}
.no-livraison a:hover,
.no-livraison a:focus,
.btn-simple:hover,
.btn-simple:focus,
#page_carte_ecoreflexe .btn-simple:hover,
#page_carte_ecoreflexe .btn-simple:focus{
	color: #000;
	text-decoration: none;
	background: #95c11f;
	color: #fff;
}
/* .btn.submit-reponse:hover, */
/* .btn.submit-reponse:focus, */
.btn:hover,
.btn:focus,
.bouton:hover,
.bouton:focus,
.bouton-inscription:hover,
.bouton-inscription:focus,
.btn:focus,
.bouton:focus,
.btn-primary:hover,
.btn-primary:focus{
	background: transparent;
	color: #000;
	text-decoration: none;
}
.btn.submit-reponse:hover,
.btn.submit-reponse:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus{
	border: solid 1px #95c11f;
	outline: none;
	background: transparent;
	color: #000;
}
.btn.active, 
.btn:active {
    box-shadow: none;
}
.btn-magasin:hover,
.btn-magasin:focus,
.btn-magasin:active{
	color: #95c11f;
	font-weight: bold;
	text-decoration: none;
}

/* =3 Titres
-------------------------------------------------------------------*/
.bloc_titre_h1{
	text-align: center;	
/* 	margin: 0 0 40px; */
	margin: 0 0 20px;
}
h1{
/* 	font-size: 3em; */
	font-size: 2.3em;
	font-family: "Gill", sans-serif;
	text-transform: uppercase;
	position: relative;
}
.sous-titre{
	width: 80px;
	height: 4px;
	display: block;
	background: #95c11f;
	position: absolute;
	left: 50%;
	margin-left: -40px;
}
.module-catalogue #titre_rayon_fiche_produit{
	margin: 0;
	padding: 15px 0 0 0;
	color: #636363;
/* 	color: #95c11f; */
	font-family: "Gill", sans-serif;
/* 	font-weight: bold; */
	font-size: 1.4em;
	text-transform: uppercase;
}
.ui-accordion .gd-titre_accordeon,
h2{
	color: #95c11f;
	font-family: "Gill", sans-serif;
	font-weight: bold;
	font-size: 2.1em;
	text-transform: uppercase;
	margin: 30px 0 20px 0;
}
h3{
	color: #636363;
	font-family: "Gill", sans-serif;
	font-size: 2.1em;
	line-height: 1.1em;
}
h4{
	color: #95c11f;
	font-family: "Gill", sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3em;
}
h5{
	color: #95c11f;
	font-family: "Gill", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 30px 0 15px 0;
}
h2.panel-heading,
h3.panel-heading,
h4.panel-heading {
	margin-top: 0;
}

/* =4 Header
-------------------------------------------------------------------*/
#logo{
	display: inline-block;
	width: 365px;
	padding: 20px 30px 10px;
	text-align: center;
	vertical-align: top;
}
*#logo img{
	width: 100%;
	height: auto;
}
header {
	position: relative;
	display: table-cell;
	vertical-align: top;
	border-right: solid 1px #dbdbdb;
	background: #fff;
}
.tunnel-header
{
	display: block;
	width: 100%;
	text-align: center;
}
.top_header{
	background : #fff;
	position: relative;
	z-index: 2;
}
.rubrique_choix_region_mag > .title_critere{
	color: #fff;
	text-transform: uppercase;
	padding: 0;
}
.rubrique_choix_region_mag{
	display: inline-block;
/* 	width: 18%; */
	width: 20%;
	height: 74px;
	color: #ffffff;
	background: #95c11f;
/* 	text-align: center; */
	vertical-align: middle;
	position: relative;
}
.rubrique_choix_region_mag .faire-choix-mag{
	padding: 0 0 0 20px;
}
.rubrique_choix_region_mag > .title_critere {
	width: 100%;
	height: 74px;
/* 	border: 1px solid #d8d8d8; */
	cursor: pointer;
	margin: auto;
	vertical-align: middle;
	text-align: left;
	line-height: 74px;
}
.rubrique_choix_region_mag > .title_critere span {
	line-height: initial;
	display: inline-block;
	width: 70%;
	vertical-align: middle;
	font-size: 0.9em;
}
.rubrique_choix_region_mag > .title_critere img {
	margin: 0 10px;
}
.faire-choix-mag::after,
.title_critere span::after {
    content: '';
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 25px;
    left: auto;
    border-top: 1px solid #fff;
    border-top-color: rgb(237, 130, 34);
    border-top-color: #fff;
    border-left: 1px solid #fff;
    border-left-color: rgb(237, 130, 34);
    border-left-color: #fff;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    position: absolute;
    top: 24px;
    right: 10px;
    cursor: pointer;
}
#geolocalisation .title_critere span::after {
    content: none;
}
#filtres-critere .title_critere span::after{
	content: none;
}
.rubrique_choix_region_mag > .bloc-region-mag {
    padding: 5px 13px;
    line-height: 2.3em;
    width: 100%;
    height: 334px;
    overflow-y: scroll;
    position: absolute;
    z-index: 4;
    background-color: #fff;
    border: 1px solid #d8d8d8;
	border-top-color: rgb(216, 216, 216);
	border-top-style: solid;
	border-top-width: 1px;
    border-top: none;
    display: none;
}
.rubrique_choix_region_mag > .title_critere.opened +  .bloc-region-mag{
	display : block;
}
.bloc-region-mag .dep-item{
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
.bloc-region-mag ul ul{
	padding: 0 5px 0 15px;
	font-weight: normal;
}
.bloc-region-mag > ul a.hide +  ul
{
	padding: 0
}
.bloc-region-mag ul ul a, .bloc-region-mag ul a.all-mag{
	color: #636363;
}
#recherche {
    display: inline-block;
    margin: 0;
    width: 42%;
    height: 74px;
    background: #f4f4f4;
    vertical-align: middle;
    position: relative
}
.avec-reservation #recherche {
/*     width: 28%; */
	width: 30%;
}
#recherche .moteur-recherche{
	height: 74px;
	padding: 15px;
	text-align: center;
	color: #999999;
	font-size: 1.125em;
}
#recherche .moteur-recherche,
#recherche button{
	background: #f4f4f4;
	border: none;
	padding: 15px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#recherche button,
#geolocalisation,
#connexion-client{
	border-right: solid 1px #dbdbdb;
}
#reservation,
.picto-resa,
#head-commande,
.picto-commande{
	background: #95c11f;
}
#ok_recherche_produit_interne:hover,
#ok_recherche_produit_interne:focus,
#recherche button:hover,
#recherche button:focus{
	background: #a9a9a9;
}
.count{
	display: block;
	width: 20px;
	height: 20px;
	background: #fff;
	color: #95c11f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	bottom: 5px;
	left: 11px;
}

/* Autocomplete */
.ui-autocomplete {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: default;
	background: none repeat scroll 0 0 #f2f2f2;
	text-align: left;
	overflow: auto;
	z-index: 2;
/* 	border: solid 1px #dbdbdb; */
/* 	border-bottom: solid 2px #95c11f; */
	border-right: solid 2px #636363;
	border-bottom: solid 2px #636363;
	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
}
.ui-autocomplete .ui-menu-item
{
	padding: 5px 0;
}
.ui-autocomplete .ui-menu-item > a 
{
	display: block;
	cursor: pointer;
	padding: 10px 15px;
	margin: 0;
	border-radius: 0;
	color: black !important;
	background: #f4f4f4;
	text-decoration: none;
	line-height: 1.2em;
}
.ui-autocomplete .ui-menu-item .separateur-categ{
	border-bottom: 1px solid #dbdbdb;
}
.ui-autocomplete .ui-menu-item > a > img
{
	height: 100%;
	width: 52px;
	float: left;
	margin: 0 6px 0 0;
}
.ui-autocomplete .ui-menu-item > a > em
{
	font-size: 0.85em;
	color: #95c11f;
	text-decoration: none;
	float: right;
	margin-right: 40%;
}
.ui-autocomplete .ui-menu-item > a.prevenir{
	font-style: italic;
    font-family: 'Gill bold';
    text-align: center;
    background-color: #161C20;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2e3943', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2e3943', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #2e3943, #000000);
	background-image: -ms-linear-gradient(top, #2e3943, #000000);
	background-image: -o-linear-gradient(top, #2e3943, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2e3943), to(#000000));
	background-image: -webkit-linear-gradient(top, #2e3943, #000000);
	background-image: linear-gradient(top, #2e3943, #000000);
}
.ui-autocomplete .ui-menu-item > a.autres {
	text-align: center;
}
.ui-autocomplete .ui-menu-item span {
	color: #9a9a9a;
	font-size: 1em;
}
.ui-autocomplete .ui-menu-item span.rayons-general {
	float: right;
	display: inline-block;
	text-align: center;
	background-color: #95c11f;
	padding: 2px 10px;
	position: relative;
	color: white;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.ui-autocomplete .ui-menu-item .recherche-mon-magasin span {
	background-color: #95c11f;
}
.ui-autocomplete .ui-menu-item span.rayons-general:hover,
.ui-autocomplete .ui-menu-item span.rayons-general:focus{
	background-color: #636363;
}
.ui-autocomplete .ui-menu-item .ui-state-hover {
	background-color: #161C20;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2e3943', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2e3943', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #2e3943, #000000);
	background-image: -ms-linear-gradient(top, #2e3943, #000000);
	background-image: -o-linear-gradient(top, #2e3943, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2e3943), to(#000000));
	background-image: -webkit-linear-gradient(top, #2e3943, #000000);
	background-image: linear-gradient(top, #2e3943, #000000);	
}

.ui-autocomplete .ui-menu-item .ui-state-hover span {
	background: #0e4249;
}
.categorie-ajax-search{
	float: right;
	display: inline-block;
}
.ui-autocomplete .ui-menu-item .etendre-recherche
{
	display: inline-block;
	text-align: center;
	background-color: #95c11f;
	padding: 10px 10px;
	position: relative;
	color: white;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	margin-left: 20px;
}
.ui-autocomplete .ui-menu-item .etendre-recherche:hover,
.ui-autocomplete .ui-menu-item .etendre-recherche:focus{
	background-color: #636363;
}
/* #ui-id-1 */
/* { */
/* 	width: 70% !important; */
/* } */
#ui-id-2 li
{
	padding: 0px 15px;
}
.ui-autocomplete .magasins-recherche-ajax
{
	cursor: pointer;	
}
.ui-autocomplete .ui-menu-item .no-search-results
{
	padding-left: 40px;
}
/** fin **/
.header-widget{
	display: inline-block;
/* 	width: 22%; */
/* 	width: 20%; */
	height: 74px;
	color: #393939;
	text-align: center;
	vertical-align: middle;
}
#geolocalisation {
	width: 22%;
}
#connexion-client{
	width: 16%;
}
#reservation,
#head-commande{
	width: 14%;
}
.avec-reservation #head-commande,
.avec-reservation #reservation{
  width: 12%;
}
.header-img,
.header-link{
	display: inline-block;
	vertical-align: middle;
	margin: 10px 20px;
}
#reservation .header-link {
  margin: 10px;
}
.header-img{
	margin: 10px 0 10px 10px;
	position: relative;
}
.header-link{
	margin: 10px 20px;
}
.header-link a{
	display: block;
	width: 100%;
	color: #393939;
	font-style: italic;
	font-size: 0.75em;
}
.header-link > .bloc_critere{
	display: block;
	width: 100%;
	color: #393939;
}
.header-link > .bloc_critere > .title_critere{
	padding: 6px 5px;
	border: none;
	font-size: 0.7em;
}
.header-link > .bloc_critere > .title_critere > span {
    padding: 1px 0;
    margin-left: 5px;
    font-size: 10px;
}
.header-link > .bloc_critere > .bloc_content{
	height: auto;
	overflow-y: inherit;
	top: 38px;
	width: auto;
}
.header-link .label-geocol{
	text-transform: initial;
	display: block;
	line-height: 0.8em;
}
.header-link .ville-geocol{
	color: #95c11f;
	font-weight: bold;
}
.header-link .btn-modif-geoloc{
	text-decoration: underline;
	line-height: 0.8em;
}
.header-link .btn-modif-geoloc:hover{
	font-weight: bold;
}

#geolocalisation .bloc_content
{
	padding: 5px;
	text-align: center;
	min-width: 270px;
}
.header-link > .bloc_critere > .bloc_content a {
    font-size: 0.85em;
    font-style: normal;
}
.title_critere > a{
     font-style: normal;
     font-size: inherit;
     color: #95c11f;
     font-weight: bold;
}
#remove_session_magasin_cookie, #remove_session_magasin_cookie_mobile
{
	padding: 0;
	margin: 2px 0 0;
	display: block;
	text-align: center;
	width: 100%;
	color: #95c11f;
}
#lien_resa_head,
#reservation a,
.header-link span{
	text-transform: uppercase;
	font-size: 0.88em;
}
#lien_resa_head,
#reservation a{
	color: #fff;
	font-style: normal;
	font-size: 0.8em;
}
#lien_resa_head:hover,
#reservation a:hover{
	text-decoration: none;
	font-weight: bold;
}
#basline{
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
}
#choix-pays{
	display: inline-block;
	width: 15%;
	text-align: left;
}
#choix-pays a{
	margin: 0 10px;
}
#choix-pays a:hover,
#choix-pays a:focus,
#rs a:hover,
#rs a:focus{
	opacity: 0.6;
}
#titre-baseline{
	display: inline-block;
	width: 65%;
	text-align: center;
}
#basline h1, #basline span{
	color: #393939;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: initial;
	display: inline-block;
/* 	width: 80%; */
/* 	text-align: center; */
	margin: 0;
	padding: 6px 0;
	vertical-align: middle;
	line-height: 1.6em;
}
#rs{
	display: inline-block;
	width: 19%;
	vertical-align: middle;
	text-align: right;
}
.nous-suivre img,
#rs img,
#mm-rs img{
	padding: 0 6px;
}
#gelocalisation-mobile,
#body .recherche-mobile{
	text-align: center;
	width: 99%;
	line-height: 1.15em;
	height: initial;
	max-height: 67px;
}
#gelocalisation-mobile .bloc_content{
/* 	width: auto; */
	min-width: 210px;
	padding: 10px;
	z-index: 3;
	margin: auto;
/* 	position: relative; */
	position: absolute;
	top: 25px;
	left: -105px;
}
#gelocalisation-mobile .header-link{
	width: 98%;
	margin: 10px 5px;
}
#gelocalisation-mobile .label-geocol,
#gelocalisation-mobile .btn-modif-geoloc {
	display: inline-block;
    line-height: 1em;
    font-size: 1em;
}
#gelocalisation-mobile .btn-modif-geoloc{
	width: auto;
	padding: 0 10px;
}
#gelocalisation-mobile .header-link a,
#gelocalisation-mobile .bloc.bloc_critere,
#remove_session_magasin_cookie_mobile{
	display: inline-block;
	width: auto;
	margin: 5px;
}
/* =5 Navigation
-------------------------------------------------------------------------------*/

/* =5.1 Menu principal
-------------------------------------------------------------------------------*/
.smobitrigger, 
.mnuclose { 
	display: none; 
}
.navigation {
	position: relative;
	border-top: solid 1px #dbdbdb;
}
.navigation ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
/*   background : #FFFFFF; */
}
.navigation nav ul li { 
	position : relative;
	border-bottom: solid 1px #dbdbdb;
	padding: 0;
}
.navigation nav .niveau-2 li {
	border-bottom: none;
}
/* hover bouton */
.mm-panel li > a, 
.navigation li > a, 
.navigation li > span,
.mobimenu li > span{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
/* 	font-size: 1.1em; */
  	font-size: 0.9em;	
    font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.5em;
	padding: 10px 3px;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	 display: inline-block;
 	 width: 100%;
 	 cursor : pointer;
 	 color : black;
}
.mm-listview li > a,
.menu-fleche li > a,
.niveau-2 li > a{
	padding: 10px 20px;
}
.niveau-1 li > a{
	padding: 10px 3px;
}
.mm-listview li > a:hover{
	color: #95c11f;
}
.mm-listview > li:not(.mm-divider)::after {
    left: 0;
}
.navigation .menu-fleche > a{
 	 width: 100%;
}
.niveau-1 li > a:hover span,
.niveau-1 li > span:hover,
.niveau-1 li.active > a,
.niveau-1 li.active > span,
.niveau-1 li.hover > a,
.niveau-1 li.hover > span{
	background: #ececec;
}
.niveau-1 li ul li{
    float: left;
    font-family: "Gill", sans-serif;
    position: relative;
    display : inline-block;
    width: 100%;
}

/** preprod **/
.niveau-1 .section-162 a{
	background: #414141;
	color: #fff;
}
.niveau-1 .section-162 a:hover,
.niveau-1 .section-162 a:focus{
	background: #414141;
	color: #95c11f;
}


/** local **/
.niveau-1 .section-159 a{
	background: #414141;
	color: #fff;
}
.niveau-1 .section-159 a:hover,
.niveau-1 .section-159 a:focus{
	background: #414141;
	color: #95c11f;
}


/*Pictos*/
.niveau-1 li > a > .picto_origine,
.niveau-1 li > a > .picto_hover,
.niveau-1 li > span > .picto_origine,
.niveau-1 li > span > .picto_hover,
.accueil > .picto_origine,
.accueil > .picto_hover{
	margin: 0 10px;
}
.niveau-1 li > a > .picto_hover,
.niveau-1 li > span > .picto_hover,
.accueil > .picto_hover,
.niveau-1 li:hover > a > .picto_origine, 
.niveau-1 li.active > a > .picto_origine,
.niveau-1 li:hover > span > .picto_origine, 
.niveau-1 li.active > span > .picto_origine{
    display: none;
}
.niveau-1 li:hover > a > .picto_hover,
.niveau-1 li.active > a > .picto_hover,
.niveau-1 li:hover > span > .picto_hover,
.niveau-1 li.active > span > .picto_hover {
    display: inline-block;
    margin: 0 10px;
}
/** second niveau **/
.niveau-1 li ul{
	display: none;
	width: 100%;
	max-width : 1300px;
}
.niveau-1 > li > ul{
	white-space: nowrap;
	width: auto;
}
.niveau-1 li ul li{
	background: #ececec;
    float: left;
    font-family: "Gill", sans-serif;
    position: relative;
    display : inline-block;
    width: 100%;
}
.niveau-1 li ul li a {
    color: #000;
    font-size: 0.9em;
    text-align: left;
    padding: 10px 10px 10px 50px;
}
.niveau-1 .section-3 > a,
.niveau-1 li ul li a:before {
    background: none;
    -webkit-transform: none;
	transform: none;
}
.niveau-1 li ul li > a:hover {
	color: #95c11f;
}
/** troisieme niveau **/
.niveau-1 li ul li ul{
	border: medium none;
    display: inline-block;
    position: relative;
    text-align: left;
    width: 100%;
    padding: 0 0 0 25px;
}
.niveau-1 li ul li ul li {
    color: #b2b2b2;
    font-size: 12px;
    line-height: 0.9em;
    text-align: left;
    width: 100%;
}
.niveau-1 li ul li ul li a {
/*     color: #b2b2b2; */
    color: #191919;
    font-size: 0.9rem;
    text-align: left;
    text-transform: inherit;
    width:	100%; 
}	
body.menu_ouvert {
	transition : all 0.5s ease 0s;
}
body.menu_ferme {
	transition : all 0.5s ease 0s;
}
/** cas Type particulier **/
/* Le type 8 correspond au catalogue qui sera majoritairement sur toute la largeur, méga menu*/
.niveau-1 > li.menu-section-type-8, .niveau-1 > li.menu-section-type-28{
	position: relative;
}
.mm-opened .niveau-1 > li.menu-section-type-8, .mm-opened .niveau-1 > li.menu-section-type-28{ /*il faut qu'il soit en relatif pour le menu burger**/
	position: relative;
}
.niveau-1 > li.menu-section-type-8 > ul, .niveau-1 > li.menu-section-type-28 > ul{
	white-space: initial;	
	width: 100%;
	max-width : 1300px;
}

/* =5.2 Menu bas de page
-------------------------------------------------------------------------------*/
.menu-footer{
	padding: 0 0 10px 0;	
}
.menu-footer .text-left{
	display: inline-block;
}
.menu-footer ul{
	margin: 0;
	padding: 0;
}
.menu-footer li{
	display: block;
}
.menu-footer li a,
.menu-footer li span{
	color: #636363;
	text-transform: none;
	font-size: 0.9em;
	line-height: 1.6em;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.menu-footer li > a:hover, 
.menu-footer li > span:hover, 
.menu-footer li.active > a, 
.menu-footer li.active > span, 
.menu-footer li.hover > a, 
.menu-footer li.hover > span {
    background: none;
    color: #000;
    font-style: italic;

}
/* =6 Corps
-------------------------------------------------------------------------------*/

/** =6.1 Accueil
-------------------------------------------------------------------------------*/
/* #module_fiche_produit h2, */
.home h4,
.home h2,
#fiche_magasin h2,
#bg-ref-franchise h1,
.compte h2{
	font-size: 1.125em;
	font-weight: bold;
	color: #000;
	margin: 30px 0 20px 0;
	text-transform: uppercase;
	font-style: normal;
}
.title_footer
{
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	margin: 30px 0 20px 0;
	text-transform: uppercase;
	font-style: normal;
	margin-top: 30px;
	display: inline-block;
}
.carousel-inner img{
	width: 100%;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.carousel-indicators .active {
    background-color: #000;
}
.carousel-indicators {
    bottom: 0;
    margin-bottom: 0;
    z-index: 1;
}
.carousel-caption
{
	padding: 0;
}
.section-title {
    text-align: center;
    position: relative;
}
.section-title:before {
    content: "";
    left: 0;
    right: 0;
    height: 4px;
    background: #95c11f;
    position: absolute;
    top: calc(50% - 1px);
}
.section-title span {
    display: inline-block;
    padding: 0 30px;
    background: #f4f4f4;
    position: relative;
    z-index: 1;
    font-size: 0.9em;
}
.section-title a span{
    color: #000;
}
/** cadre magasin non connecter **/
#client-non-connecter{
	border: solid 1px #ddd;
	padding: 20px;
	color: #393939;
}
#client-non-connecter h3{
	text-transform: uppercase;
	color: #393939;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0 30px 20px ;
}
#client-non-connecter .form-control{
	border: 2px solid #95c11f;
}
#client-non-connecter .localisation{
	text-decoration: underline;
	color: #393939;
	font-size: 1.1em;
	margin: 20px 0 0;
	display: inline-block;
}
#client-non-connecter .localisation img{
	padding: 0 6px;
	vertical-align: top;
}
/** magasin **/
.bg-mag{
	background: url(/assets/img/bg-img-mag.jpg) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
  	padding: 30px;
  	border: solid 1px #d8d8d8;
/*   	height: 377px; */
  	height: 412px;
  	position: relative;
}
.bg-mag > #client-connecter, .bg-mag > #client-non-connecter
{
	z-index: 2;
	position: relative;
}
.bg-mag > #map_canvas
{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.nav-tabs span{
	text-transform: uppercase;
	color: #919191;
	font-size: 0.85em;
	line-height: 1.2em;
}
.nav-tabs .active span{
	color: #393939;
}
.nav-tabs li {
    padding: 0;
}
.tabs-principal li a{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    padding: 10px;
    margin: 0;
}
.tab-pane{
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px;
}
.tab-pane h5{
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 1em;
	text-decoration: underline;
}
.telephone,
.telephone:hover,
.telephone:focus{
	text-decoration: none;
	color: #000;
}
.btn-accessibilite{
	display: block;
	width: 100%;
	color: #95c11f;
	font-weight: bold;
	font-style: italic;
}
.btn-accessibilite:hover{
	color: #198a9f;
}
.btn-accessibilite img{
	padding: 0 0 0 10px;
}
/** acces **/
.sous-tab .tab-pane,
.tabs-acces .active,
.tabs-acces > li.active > a, 
.tabs-acces > li.active > a:focus, 
.tabs-acces > li.active > a:hover {
    background-color: #f4f4f4;
    border: none;
    border-top: 1px solid #f4f4f4;
}
.tabs-acces {
    border-bottom: none;
}
.tabs-acces > li > a {
    padding: 10px;
}
/** horaire **/
#horaires hr{
	border: 1;
	height: 1px;
	margin: 5px 0;
	padding: 0;
	visibility: visible;
	width: 100%;
	color: #ddd;
}
.nav-item .nonhover-img,
.nav-item.active .hover-img{
	display: initial;
}
.nav-item .hover-img,
.nav-item.active .nonhover-img{
	display: none;
}
#horaires > span
{
	color:#95c11f;
	font-family: "Gill", sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
}
#coordonnees span.title
{
	margin: 0;
    padding: 20px 0 10px 0;
    font-size: 1em;
    text-decoration: underline;
    color: #000;
	font-family: "Gill", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1;
	display: block;
}
/** autre **/
#bg-carte-emplois .bg-gris{
	min-height: 255px;
}
.liste-emplois{
	background: #fff url("/assets/img/puce.png") no-repeat 9px center;
	padding: 5px 30px 5px 30px;
	margin: 8px auto;
	width: 95%;
	text-align: left;
	text-transform: uppercase;
	font-size: 1em;
	position: relative;
	min-height: 35px;
}
.btn-plus{
	background: #95c11f;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	padding: 6px 10px;
	position: absolute;
	top: 0;
	right: 0;
	height: 35px;
	width: 35px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;	
}
.btn-plus:hover{
	text-decoration: none;
	color: #000;	
}
#depot_cv{
	background: #95c11f url("/assets/img/ico-upload.png") no-repeat 10px center;
	color: #fff;
	display: inline-block;
	padding: 5px 15px 5px 50px;
	margin: 20px auto 0 auto;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #95c11f;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#depot_cv:hover{
	background: transparent url("/assets/img/ico-upload-hover.png") no-repeat 10px center;
	color: #95c11f;
	text-decoration: none;
}
#bg-ref-franchise .bg-gris{
	min-height: 200px;
}
#bg-ref-franchise .text-accueil-small{
	text-transform: initial;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 30px
}
#bg-actu,
#bg-ref-franchise{
	background: #fff;
	border-top: solid 1px #d8d8d8;
	padding: 0 0 25px 0;
}
#bg-pdt-mag,
#bg-carte-emplois,
#bg-bandeau{
	padding: 0 0 25px 0;
	border-top: solid 1px #d8d8d8;
}
.souhait-carte p,
.home-carte p{
	display: inline-block;
	width: 60%;
	text-align: left;
	vertical-align: middle;
}
/** logo ils parlent de nous **/
#bandeau_logos img{
	padding: 0 10px 10px 10px;
}
#bandeau_logos .logo_hover{ 
	display : none;
}

/** =6.2 Page
-------------------------------------------------------------------------------*/
#body {
	display: table-cell;
	width: 100%;
	vertical-align: top;
	background: #f4f4f4;
}
#tunnel-body
{
	display: block;
	width: 100%;
	background: #f4f4f4;
}
blockquote {
    background: #fff;
    padding: 20px 30px;
    margin: 1% 5%;
    font-size: 1em;
    border-left: none;
}
.white-friday .col-md-6 img,
.img_section img {
    height: auto;
    width: 100%;
}
/** resset **/
.ui-accordion .ui-widget-content {
    border: none;
    color: inherit;
}
.ui-accordion .ui-accordion-header-active {
    border-bottom: 1px solid #393939 !important;
}
/** fin **/
.gd-accordeon-ferme .content,
.gd-accordeon-ouvert .content,
.accordeon .content {
	display: block;
}
.gd-accordeon-ferme .gd-titre_accordeon,
.gd-accordeon-ouvert .gd-titre_accordeon {
	line-height: 1.1em;
	padding: 0 30px 10px 10px;
	position: relative;
	background: none;
	border-bottom: 1px solid #393939;
	border-top: none;
	border-right: none;
	border-left: none;
}
.accordeon .titre_accordeon {
	padding: 0 0 10px 10px;
	position: relative;	
	background: none;
	border-bottom: 1px solid #393939;
	border-top: none;
	border-right: none;
	border-left: none;
	margin: 10px 0 0 0;
}
.gd-titre_accordeon:focus,
.gd-titre_accordeon:active,
.accordeon .titre_accordeon:focus,
.accordeon .titre_accordeon:active {
	outline: 0;
}
.accordeon .titre_accordeon::after,
.gd-accordeon-ferme .gd-titre_accordeon::after,
.gd-accordeon-ouvert .gd-titre_accordeon::after{
    content: '';
    bottom: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 25px;
    left: auto;
    border-top: 1px solid #393939;
    border-top-color: rgb(255, 255, 255);
    border-top-color: #393939;
    border-left: 1px solid #393939;
    border-left-color: rgb(255, 255, 255);
    border-left-color: #393939;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    position: absolute;
    top: 0;
}
.accordeon .titre_accordeon::after {
	border-top: 2px solid #393939;
	border-left: 2px solid #393939;
	width: 8px;
	height: 8px;
}
.gd-accordeon-ferme .ui-accordion-header-active::after,
.gd-accordeon-ouvert .ui-accordion-header-active::after{
	-webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.titre_accordeon .souligne{
	text-decoration: underline;
}
.ligne-rayon{
	padding: 10px 0;
	margin: 15px 0;
	background: #fff;
}
.col-rayon{
	display: inline-block;
	width: 83%;
	vertical-align: middle;
}
.picto-rayon{
	width: 15%;
	padding: 0 1% 0 0;
}
.col-rayon > div{
	display: inline-block;
	width: 32.5%;
	padding: 0 1% 1% 1%;
	vertical-align: top;
}
#page-garantie .col-md-6,
#page-fidelite .col-md-4 {
    width: 48%;
    background: #fff;
    margin: 1%;
    float: left;
}
.img-tableau{
	width: 90%;
	height: auto;
}
#page-fidelite .col-md-4 {
    width: 30%;
}
.nb_offres{
	color: #636363;
	font-size: 0.5em;
	text-transform: capitalize;
	padding: 0 0 0 20px;
}
#offres_emploi .ui-accordion .ui-widget-content {
    padding: 1em 0;
}
.titre-nom-magasin{
	font-size: 1.9em;
	background: #fff;
	width: 100%;
	padding: 20px 10px 10px;
	margin: 20px 0 0;
}
#section-72 .content{
	background: #fff;
	padding: 20px;
}
.contenu .attention{
	background: #95c11f;
	color: #fff;
	font-size: 1.1em;
	padding: 10px;
	border-radius: 5px;
}
/** page mention legales tableau **/
.events-table thead th{
	text-align: center;
}
.events-table tr{
	background: #ffffff;
}
.events-table tbody tr td{
	height: auto;
	padding: 0 5px;
}

/** =6.2.1 Fil d'ariane
-------------------------------------------------------------------------------*/
#fil-ariane{
	margin: 0 10px 10px 50px;
}
.fil_ariane_stocks .separateur_fil,
.fil_ariane_stocks a,
.fil_ariane_stocks span,
#fil-ariane .separateur,
#fil-ariane a,
#fil-ariane span,
#fil_ariane_rayons .separateur_fil,
#fil_ariane_rayons a,
#fil_ariane_rayons span{
	color: #989898;
	font-style: italic;
	font-size: 0.8em;
}
.fil_ariane_stocks li,
#fil-ariane li,
#fil_ariane_rayons li{
	display: inline-block;
}
.fil_ariane_stocks .separateur_fil,
#fil_ariane_rayons .separateur_fil{
	padding: 0 2px;
}
#fil-ariane .separateur span,
#fil_ariane_rayons .separateur span {
    margin: 0 10px;
}
.fil_ariane_stocks li a span,
#fil_ariane_rayons li a span
{
	font-size: inherit;
}
 
/** =6.2.2 Pagination
-------------------------------------------------------------------------------*/
.pagination {
	margin: 0;
}
.pagination > li {
    display: inline-block;
}
.pagination li:before,
.pagination li:before,
.pagination li:before {
	content: none; 
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	color: #95c11f;
	font-weight: 600;
	background: none;
	border-bottom: solid 2px #95c11f;
}
.pagination > li > a, 
.pagination > li > span {
	border: none;
	color: #a4a2a9;
	background: transparent;
	margin: 0 7px;
	padding: 6px 10px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
	background: none;
	color: #95c11f;
	border-bottom: solid 2px #95c11f;
}
.pagination > .first > a:focus, 
.pagination > .first > a:hover,
.pagination > .last > a:focus, 
.pagination > .last > a:hover,
.pagination > .prev > a:focus, 
.pagination > .prev > a:hover,
.pagination > .next > a:focus, 
.pagination > .next > a:hover{
	border-bottom: none;
}
.pagination .prev a,
.pagination .next a{
	padding: 6px 20px;
}
#liste-produits .pagination img{
	margin: 0;
    height: auto;
	width: initial;
}
/** =6.3- Page magasin
-------------------------------------------------------------------------------*/
#bloc_infos_map,
#rayon-mag,
#img-video-mag,
#detail-avis{
	border-top: solid 1px #d8d8d8;
	padding: 0 0 30px 0;
}
#bloc_infos_map{
	margin: 40px 0 0 0;
}
#bloc_infos_map .bg-mag{
	background: url(/assets/img/bg-page-mag.png) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
  	padding: 15px 30px;
  	border: solid 1px #d8d8d8;
  	height: 290px;
  	position: relative;
}
#info-page-mag{
	width: 55%;
	margin: 0 0 0 45%;
	z-index: 2;
    position: relative;
}
.pave-border{
	border: solid 1px #d8d8d8;
	padding: 10px;
}
.margin-ajuste{
	padding: 0 10px 10px 10px;
	margin: 0 0 15px 0;
}
#video_magasin,
#image_magasin,
.liste_offres_franchise,
#offres_candidature_spontanee{
	min-height: 290px;
}
.mag-recrute{
	border-bottom: solid 1px #9d9e9f;
	padding: 10px 20px 10px 10px;
	position: relative;
	min-height: 80px;
}
.mag-recrute-list{
	border-top: solid 1px #9d9e9f;
	border-bottom: none;
}
#offres_emploi .date,
#offres_emploi h3{
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
}
#offres_emploi h3{
	margin: 0;
}
#offres_emploi h3 a{
	padding: 0 15px;
	margin: 0;
	color: #393939;
	font-size: 1em;
}
.mag-recrute .lien{
	position: absolute;
	right: 10px;
	top: 25%;
}
.mag-recrute .lien img{
	width: initial;
	height: auto;
}
#offres_candidature_spontanee p{
	padding: 10% 0;
}
#offres_candidature_spontanee img{
	float: left;
	width: 40%;
}
.contenu .btn-simple,
.fiche_offre_emploi .btn-simple{
	background: transparent url(/assets/img/fleche-retour.png) no-repeat 5px center;
	padding: 3px 6px 3px 20px;
}
.contenu .btn-simple:active,
.contenu .btn-simple:hover,
.contenu .btn-simple:focus,
.fiche_offre_emploi .btn-simple:active,
.fiche_offre_emploi .btn-simple:hover,
.fiche_offre_emploi .btn-simple:focus{
	background: #95c11f url(/assets/img/fleche-retour-hover.png) no-repeat 5px center;
}
.image_indisponible{
	width: 100%;
	height: auto;
}
/** avis **/
#details-avis-global{
	display: inline-block;
	width: 29%;
	margin: 0 1% 0 0;
	padding: 20px;
	vertical-align: top;
	padding: 25px 15px 15px;
}
#details-avis-clients{
	display: inline-block;
	width: 69%;
	margin: 0 0 0 1%;
	padding: 0;
	vertical-align: top;
}
#details-avis-clients .glyphicon, #evaluation-article  .glyphicon
{
	color: #dcddde;
}
#details-avis-clients .yellow-glyphicon, #evaluation-article  .yellow-glyphicon{
	color: #ffd800;
}
#evaluation-magasin, #details-evaluation-magasin
{
	display: inline-block;
	width: 46%;
	margin: 2%;
	vertical-align: middle;
}
#evaluation-globale-article{
	margin-left: 5px;
}
#evaluation-article{
	display: inline;
	margin: 0 10px 0 0px;
}
.lien-avis{
	text-decoration: underline;
}
.lien-avis:hover,
.lien-avis:focus{
	color: #95c11f;
}
#evaluation-article  > div {
	background: #dcddde url('/assets/img/bg-etoile-color.jpg');
	display: inline-block;
	background-repeat: no-repeat;
}
#evaluation-article  > div > img {
	float: left;
}
#note-globale
{
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
/* 	color: #95c11f; */
	color: #95c11f;
}
#note-globale + p
{
	font-size: 1em;
	color: #403d38;
	margin: 10px 0;
}
#avis-franchises-notes > li
{
	height: 20px;
	margin: 2.5px auto;
	padding: 0;
}
#avis-franchises-notes .glyphicon
{
	color: #ffd800;
	margin-left: 5px;
}
.intitule-note{
	width: 25%;
	height: 100%;
	display: inline-block;
}
.barre-note
{
	width: 75%;
	display: inline-block;
	height: 100%;
	border: 1px solid #cccccc;
	padding: 0
}
.barre-note > div
{
	height: 100%;
	background-color: #95c11f;
}
.nous-suivre{
	padding: 20px 10px 0;
}
#avis-global{
	margin: 30px 0 0 0;
}
.name-utilisateur,
.vote-utilisateur{
	display: inline-block;
	width: 20%;
	vertical-align: top;
	padding: 20px;
}
.vote-utilisateur{
	width: 80%;
	border-left: 1px solid #cccccc;
}
.name-utilisateur span{
	display: block;
	padding: 20px 0 0;
}
.avis-utilisateur-mag{
	margin: 0 0 20px 0;
}
.avis-utilisateur-mag h3{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
	color: #000;
	margin: 0 0 15px 0;
}
.avis-utilisateur-mag .date{
	color: #838588;
}
.promo-img{
	margin: auto;
	display: block;
}
.avis-utilisateur-mag .reponse{
/* 	background: #eaeaea; */
	background: #f4f4f4;
	padding: 20px;
	width: 95%;
	margin: 20px 0 0 5%;
}
/** rendez-vous pour vendre **/
.head-covid{
	width: 100%;
	height: auto;
}
#service-vendre{
    padding: 0;
/*     background: #fff url("/assets/img/fourmis-rdv-vente.jpg") no-repeat bottom left 10px; */
    background: #fff;
    height: 290px;
    position: relative;
}
#service-vendre p{
    margin: 10px 20px;
}
#service-vendre .btn{
    margin: 5px 0;
    padding: 5px 15px;
}
#service-vendre .inactive{
	background: #b1b1b1;
	color: #e0e0e0;
	border: none;
}
#service-vendre .nous-suivre{
	text-align: right;
	padding: 10px;
}

/*** ajout en ligne en attendant le module achat**/
#service-vendre{
	display: flex;
}
.zone-btn{
	width: 80%;
	display: flex;
	flex-direction: column;
	margin: auto;
}
#service-vendre .zone-btn .btn {
  color: #fff;
  display: block;
  width: 100%;
  padding: 10px 20px;
  margin: 10px 0;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.zone-btn .qtip-achat-comptoir {
  background: #95c11f url("/assets/img/achat2.png") no-repeat 10px center;
}
.zone-btn .qtip-depose-express {
  	background: #95c11f url("/assets/img/depot2.png") no-repeat 10px center;
}
.zone-btn .qtip-rdv-achat {
  	background: #95c11f url("/assets/img/rdv2.png") no-repeat 10px center;
}
.zone-btn .qtip-achat-comptoir:hover,
.zone-btn .qtip-achat-comptoir:focus{
	background: #b1b1b1 url("/assets/img/achat2.png") no-repeat 10px center;
	border: solid 1px #b1b1b1; 
}
.zone-btn .qtip-depose-express:hover,
.zone-btn .qtip-depose-express:focus{
 	background: #b1b1b1 url("/assets/img/depot2.png") no-repeat 10px center;
    border: solid 1px #b1b1b1; 
}
.zone-btn .qtip-rdv-achat:hover,
.zone-btn .qtip-rdv-achat:focus{
	background: #b1b1b1 url("/assets/img/rdv2.png") no-repeat 10px center;
	border: solid 1px #b1b1b1; 
}
/** fin ajout **/


/** =6.4- Page carte
-------------------------------------------------------------------------------*/
/*Carte des régions*/
#listdiv{
       width: 94%; 
       height: 650px; 
       margin: 20px 3%;
       position: relative;
}
#map{
       width: 100%;
       height: 100%;
       postion: relative;
       z-index: 1;
}
#contenu_popup_geoloc .geolocalisation-magasin,
#listdiv .localisation
{
       background: #95c11f;
       color: #fff;
       display: inline-block;
       padding: 5px 15px 5px 15px;
       margin: 20px auto 0 auto;
       text-transform: uppercase;
       text-decoration: none;
       border: solid 1px #95c11f;
       -webkit-transition: all 0.8s ease;
       -moz-transition: all 0.8s ease;
       -ms-transition: all 0.8s ease;
       -o-transition: all 0.8s ease;
       transition: all 0.8s ease;
}
#contenu_popup_geoloc .geolocalisation-magasin:hover,
#contenu_popup_geoloc .geolocalisation-magasin:focus,
#listdiv .localisation:hover,
#listdiv .localisation:focus {
    background: transparent;
    color: #95c11f;
    text-decoration: none;
}
#choix_region .contenu_window {
    color: black;
    height: auto;
}
#choix-magasin-carte{
    z-index : 2;
    width: 400px;
    top: 30px;
    left: 30px;
    position: absolute;
    padding: 20px 15px;
    transition : width 0.2s linear;
}
.reouvrir_bloc{
	width: auto;
	display: none;
	cursor: pointer;
	color: white;
	background: #95c11f;
	padding: 20px 15px;
}
.reouvrir_bloc:hover
{
	color: #95c11f;
	background: white
}
#choix-magasin-carte h4{
	margin: 0 0 20px 0;
}
#zone-saisie{
	width: 74%;
	margin: 0 13%;
}
#zone-saisie p{
	line-height: 1.1em;
	margin: 10px 0;
}
#recherche-geolocalisation-magasin .button,
#recherche-geolocalisation-magasin input,
#zone-saisie .button,
#zone-saisie input{
	background: #f4f4f4;
	border: none;
	width: 100%;
	height: 40px;
	padding: 5px 10px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#recherche-geolocalisation-magasin .button:hover,
#recherche-geolocalisation-magasin .button:focus,
#zone-saisie .button:hover,
#zone-saisie .button:focus{
/* 	background: #a9a9a9; */
	background: #414141;
}
#contenu_popup_geoloc .geolocalisation-magasin,
#choix-magasin-carte .demarre_geoloc{
	background: #95c11f url("/assets/img/ico-geoloc.png") no-repeat 97% center;
	text-decoration: none;	
	padding: 5px 38px 5px 15px;
}
#contenu_popup_geoloc .geolocalisation-magasin:hover,
#contenu_popup_geoloc .geolocalisation-magasin:focus,
#choix-magasin-carte .demarre_geoloc:hover,
#choix-magasin-carte .demarre_geoloc:focus{
	background: #fff url("/assets/img/ico-geoloc-hover.png") no-repeat 97% center;
}
#choix_region .contenu_window span {
    color: #95c11f;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
#choix_region .url_stock, #choix_region .url_magasin {
    display: inline-block;
    margin-left: 4px;
    padding: 2px 8px;
    text-transform: uppercase;
    width: 105px;
    border-radius: 1px;
    text-decoration: none;
}
#choix_region .url_magasin {
    background: #313b47 none repeat scroll 0 0;
    color: white;
    margin-right: 3px;
}
#choix_region .url_stock {
    background: #95c11f none repeat scroll 0 0;
    color: #313b47;
    width: 125px;
}
#choix_region .url_magasin, #choix_region .url_stock {
    margin: 5px 10px 5px 0;
}
#choix_region .url_stock img, #choix_region .url_magasin img {
    display: inline-block;
    float: right;
    margin-top: 3px;
}
/*Détails Région*/
#liste_magasins_regions{
	margin : 25px auto;
	display: inline-block;
	width: 100%;
}
#liste_magasins_regions > li{
	padding: 0;
	margin : 5px auto;
	text-align: center;
}
.leaflet-popup-content-wrapper{
	box-shadow: 0 1px 8px rgba(0,0,0,0.4) !important;
	border-radius: 0 !important;
}

/** =6.5- Page black-friday
-------------------------------------------------------------------------------*/
.item_produit_bf{
	background: #fff;
	display: inline-block;
	width: 30.5%;
	margin: 1%;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.item_produit_bf img{
	width: 100%;
	height: auto;
}
.item_produit_bf h3{
	font-size: 1rem;
    line-height: 1.3em;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    min-height: 45px;
}
.item_produit_bf h3 span{
	text-transform: lowercase;
}
.op{
	background: #000 none repeat scroll 0 0;
    color: white;
    display: inline-block;
	font-family: "Gill", sans-serif;
    font-size: 0.8em;
    font-weight: 500;
    left: -50px;
    letter-spacing: 1px;
    padding: 0 55px;
    position: absolute;
    text-transform: uppercase;
    top: 16px;
    transform: rotate(-25deg);
    z-index: 0;
    border-bottom: 2px solid #95c11f;
    border-top: 2px solid #95c11f;
}
/** =6.6- Page fidelité
-------------------------------------------------------------------------------*/
/**page programme fid**/
#section-81,
#section-82,
#section-139,
#section-140,
#section-141,
#section-143,
#section-144,
#section-145,
#section-148{
	background: #fff;
	padding: 0;
}
#section-81 h1,
#section-82 h1,
#section-139 h1,
#section-140 h1,
#section-143 h1,
#section-144 h1,
#section-145 h1,
#section-148 h1{
	text-transform: uppercase;	
	color: #95c11f;
	font-weight: bold;
	padding:  40px 10px 20px 10px;
	margin: 0;
}
#section-81 span.noir,
#section-82 span.noir,
#section-139 span.noir,
#section-140 span.noir,
#section-143 span.noir,
#section-144 span.noir,
#section-145 span.noir{
	text-transform: uppercase;	
	color: #000;
	font-style: normal;
}
#section-81 .sous-titre,
#section-82 .sous-titre,
#section-139 .sous-titre,
#section-140 .sous-titre,
#section-143 .sous-titre,
#section-144 .sous-titre,
#section-145 .sous-titre,
#section-148 .sous-titre{
	display: none;
}
.contenu-center-petit{
	width: 52%;
	margin: 35px 24% 15px 24%;
}
h2 .noir{
	color: #000;
}
h3 .orange{
	color: #95c11f;
}
hr.sous-titre-fid{
    height: 2px;
    width: 100px;
    background: #95c11f;
    visibility: visible;
    margin: 20px auto;
}
.bg-marge{
	padding: 40px 6% 0 6%;
}
.bg-grey{
	background: #f4f4f4;
	padding: 40px 6% 50px 6%;
}
.col-fid-text,
.col-fid-img{
	display: inline-block;
	width: 65%;
	vertical-align: middle;
}
.col-fid-img{
	width: 34%;
}
.col-fid-img img{
	padding: 10px 20px;
}
.citation-fid{
	font-size: 1.3em;
	font-style: italic;
}
.btn-no-marge{
	margin: 0;
}
#telecharger-appli{
	position: relative;
}
#img-appli{
	display: inline-block;
	width: 50%;
	text-align: right;
	vertical-align: top;
	padding: 0 30px;
}
#text-appli{
	display: inline-block;
	width: 49%;
	background: #fff;
	padding: 0 30px 10px 30px;
}
.bg-faq{
/* 	background: #f4f4f4 url(/assets/img/page-interieur/fourmi-ordi.png) no-repeat top 0 right 60px; */
	background: #f4f4f4;
}
.bg-faq h3{
	text-transform: uppercase;
	color: #95c11f;
	font-size: 1em;
	margin: 20px 0 0 0;
}
.bg-faq .gd-titre_accordeon {
    color: #95c11f;
    font-family: "Gill", sans-serif;
    font-weight: normal;
    font-size: 1em;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
    padding: 0 0 5px 0;
}
.gd-accordeon-ferme .content{
	background: #f4f4f4;
	padding: 0;
}
/** =6.7- Page fête du cash
-----------------------------------------------------------------------------------------------------------*/
#section-141 .bloc_image_h1{
	display: none;
}
#bg-jaune{
	background: #ffd62e url(/assets/img/bg-fete-cash-s.png) no-repeat 0 0;
	padding: 30px;
	background-size: cover;
}
#bg-jaune .sous-titre{
	background: #E30613;
}
#section-141 h2{
/* 	font-family: Gill Light; */
	color: #000;
	font-size: 2.25em;
	text-transform: uppercase;
	margin: 30px 10%;
	width: 80%;
}
.bloc-rouge strong,
#section-141 h2 strong{
	font-family: Gill bold;
}
#section-141 .lien-standard,
#section-141 h2 .rouge,
#section-141 h3 .rouge{
	color: #E30613;
}
#section-141 h3{
	color: #292929;
	font-size: 1.9em;
	font-weight: bold;
	font-family: Gill bold;
	text-transform: uppercase;
}
#section-141 h3 sup{
	font-size: 1.1rem;
}
#section-141 h3 .orange{
	color: #95c11f;
}
.bloc-rouge{
	background: #E30613;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.8em;
	line-height: 1.2em;
	display: block;	
	width: 50%;
	margin: 30px 25%;
	padding: 10px 20px;
}
.bloc-rouge p + p{
	font-size: 1.4rem;
	line-height: 1.1em;
}
.text-plus{
	font-size: 1.3em;
}
.tall{
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight: bold;
	font-family: Gill bold;
	padding: 0 50px;
}
#section-141 .row{
	padding: 40px 0;
}
#bg-jaune .row{
	padding: 40px 0 0 0;
}
.col-md-4 .numero-cercle,
.col-md-4 .texte-cercle{
	display: inline-block;
	width: 100%;
}
.col-md-4 .numero-cercle span{
	display: block;
	color: #ffffff;
	background: #E30613;
	font-size: 1.6em;
	font-family: Gill bold;
	padding: 20px 26px;
	margin: 10px 0 5px 0;
	border: solid 2px #E30613;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}
.contenu .bouton-red-inverse:hover,
.contenu .bouton-red-inverse:focus,
.contenu .bouton-red{
	background: #E30613;
	color: #fff;
	border: solid 2px #E30613;
}
.contenu .bouton-red-inverse,
.contenu .bouton-red:hover,
.contenu .bouton-red:focus{
	color: #E30613;
	background: transparent;
	border: solid 2px #E30613;
	margin: 10px 0;
}
/** =6.8- Qui sommes nous 
-------------------------------------------------------------------------------*/
#section-143 h3{
 	color: #95c11f;
 	font-weight: bold;
 	font-size: 1.2em;
 	text-transform: uppercase;
 }
#section-143{
/* 	background: #ffffff url(/assets/img/page-interieur/visuel_titre-ce-veille.png) no-repeat top 0 left 10%; */
	padding: 0 0 50px 0;
}
#zone-manifeste,
#argu-ecologi,
.qui-sommes-nous{
	padding: 0 10%;
}
.col-qui-sommes{
 	display: inline-block;
 	width: 100%;
 	vertical-align: middle;
 	margin: 0 0 5% 0;
 }
/* .col-qui-sommes-img{ */
/*   	display: inline-block; */
/*  	width: 39%; */
/*  } */
 .col-qui-sommes-img img{
	width: 42%;
	height: auto;
}
.col-demi-qsn{
 	display: inline-block;
 	width: 47%;
 	margin: 1%;
 	vertical-align: top;
}
.col-demi-qsn+.col-demi-qsn+.col-demi-qsn{
	display: inline-block;
	width: 47%;
	margin: 1%;
	vertical-align: middle;
}
.zone-reemploi{
 	background: #fff;
/*  	border: solid 2px #95c11f; vert originale*/
 	border: solid 2px #95c11f;
 	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;	
 }
.zone-reemploi div{
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
 }
 .zone-reemploi strong{
	color: #95c11f;
 }
 .orange,
.imp-cap-ora{
 	color: #95c11f;
 }
 #ar-ecoreflex{
 	text-align: center;
 	margin: -40px 0 0 0;
 }
 #ar-ecoreflex span{
/*  	background: #95c11f; */
 	background: #95c11f;
 	color: #fff;	
 	padding: 10px 25px 10px 20px;
	margin: 0 0 0 -12px;
 	font-size: 1.1em;
 	display: inline-block;
 }
 #ar-ecoreflex strong{
 	color: #fff;
 }
/** =6.9- Page ecologie
-----------------------------------------------------------------------------------------------------------*/

#section-81 h3,
#section-82 h3,
#section-144 h3,
#section-145 h3{
	font-size: 1.8em;
}
#section-144{
/* 	background-image: url(/assets/img/page-interieur/arbre1.png), url(/assets/img/page-interieur/arbre2.png); */
/* 	background-repeat: no-repeat, no-repeat; */
/*   	background-position: top left, top right; */
	padding: 0 0 50px 0;
}
#conso-durable{
	background: none;
}

/* #bg-cigale{ */
/* 	background: #ffffff url(/assets/img/page-interieur/cigale-terre.png) no-repeat top 3% left 0; */
/* } */
/* #bg-fourmi{ */
/* 	background: #ffffff url(/assets/img/page-interieur/fourmie-terre2.png) no-repeat top 50% right 0; */
/* } */
#section-144 hr.sous-titre-fid {
    background: #95c11f;
}
#section-144 h1,
#section-144 h2,
#section-144 h3,
#section-145 #plus-argu-ecologi h3 {
    color: #95c11f;
    text-transform: uppercase;
}
#section-81 h3,
#section-82 h3,
#section-145 h3,
#plus-argu-economie h2{
	color: #95c11f;
	text-transform: uppercase;
}
.contenu .vert, 
#argu-ecologi strong{
	color: #95c11f;
}
.col-demi-moitie{
 	display: inline-block;
 	width: 49%;
 	vertical-align: middle;
 	margin: 3% 0;
}
#section-145 .col-qui-sommes-img,
.col-moitie-img{
 	padding: 0 3%;
}
.col-moitie-img img{
	width: 35%;
	height: auto;
}
#section-144 .zone-reemploi{
	width: 50%;
	margin: 3% 25% 5% 25%;
}
.etiq-noir{
	background: #000;
	color: #fff;
	font-size: 1.3em;
	padding: 5px 10px;
	margin: 15px 0 3px 0;
	display: inline-block;
	transform: rotate(-3deg);
}
.etiq-verte{
/* 	background: #95c11f; */
	background: #95c11f;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 10px 8px 10px;
}
/* .etiq-verte2{ */
/* 	background: #95c11f; */
/* 	color: #fff; */
/* 	font-weight: bold; */
/* 	padding: 5px 15px; */
/* 	margin: 15px 0 0 0; */
/* 	display: inline-block; */
/* 	transform: rotate(-3deg); */
/* } */
#plus-argu-ecologi,
#plus-argu-economie{
	border-top: solid 2px #95c11f;
	border-bottom: solid 2px #95c11f;
	margin: 3% 10%;
	padding: 0 0 20px 0;
}
#plus-argu-ecologi p,
#plus-argu-economie p{
	font-size: 1.1em;
}
#trouver-mag img,
#plus-argu-ecologi img,
#plus-argu-economie img{
	vertical-align: middle;
	margin: -40px 0 0 0;
	background: #f4f4f4;
	padding: 0 30px;
}
/** =6.10- Page economie
-----------------------------------------------------------------------------------------------------------*/
#section-145{
	padding: 0 0 50px 0;
}
#section-145 .bg-grey{
/* 	background-image: url(/assets/img/page-interieur/fourmi-cochon.png), url(/assets/img/page-interieur/cigale-terre2.png); */
/* 	background-repeat: no-repeat, no-repeat; */
/*   	background-position: top left, bottom 25% right; */
  	padding: 40px 15% 50px 15%;
}
#plus-argu-ecologi{
    border-top: solid 2px #95c11f;
    border-bottom: solid 2px #95c11f;
    margin: 3% 10%;
    padding: 0 0 20px 0;
}
#plus-argu-ecologi .lien-standard{
	color: #95c11f;
}
#section-81 .sur-fond-bl img,
#section-145 .sur-fond-bl img{
	background: #ffffff;
}

/* .col-large { */
/*   display: inline-block; */
/*   width: 76%; */
/*   vertical-align: middle; */
/*   margin: 20px 0; */
/* } */




#pouvoir-achat .col-qui-sommes{
 	display: inline-block;
 	width: 60%;
 	vertical-align: middle;
 }
#pouvoir-achat .col-qui-sommes-img{
  	display: inline-block;
 	width: 39%;
 }
#pouvoir-achat .col-qui-sommes-img img{
	width: 42%;
	height: auto;
}




.taille-reduite{
	width: 70%;
	margin: 0 15% 4% 15%;
	font-size: 1.2em;
}
#zone-manifeste .taille-reduite{
	margin: 0 15% 2% 15%;
}
/** =6.11- Page acheter
-----------------------------------------------------------------------------------------------------------*/
#section-82{
/* 	background: #ffffff url(/assets/img/page-interieur/fourmi-ordi.png) no-repeat top 0 right 2%; */
	padding: 0 0 50px 0;
}
#pouvoir-achat,
#section-81 .bg-grey,
#section-82 .bg-grey{
	padding: 40px 10% 50px 10%;
}
.taille-moitie{
	width: 50%;
	margin: 0 25%;
	font-size: 1.2em;
}
.col-large{
 	display: inline-block;
 	width: 76%;
 	vertical-align: middle;
 	margin: 20px 0;
}
.col-large-img{
  	display: inline-block;
 	width: 23%;
 	margin: 3% 0;
 	padding: 0 3%;
 	vertical-align: middle;
}
.col-large-img img{
  width: 80%;
  height: auto;
}
#zone-info-recel{
 	position: relative;
 	padding: 10% 2% 0 2%;
 	margin: -3% 0 2% 0;
 }
/* #bg-info-recel{ */
/* 	background: url(/assets/img/page-interieur/cigale-super-hero.png) no-repeat top 0 left 0; */
/* 	width: 396px; */
/* 	height: 330px; */
/* 	position: absolute; */
/* 	z-index: 5; */
/* 	top: 0; */
/* 	left: 0; */
/* } */
#info-recel{
	border: solid 2px #95c11f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
}
#info-recel h4{
	padding: 0 0 10px 0;
	text-align: center;
}
#info-recel p{
	font-size: 1.1em;
}
.famille-pdt{
	padding: 1% 0 3% 0;
}
#trouver-mag{
	border: solid 2px #95c11f;
	padding: 20px;
	margin: 5% 20% 3% 20%;
	font-size: 1.2em;
}
#trouver-mag img{
	margin: -65px 0 0 0;
}
#trouver-mag .bouton{
	background: #fff;
	color: #000;
}

/** =6.12- Page vendre
-----------------------------------------------------------------------------------------------------------*/
#section-81{
/* 	background: #ffffff url(/assets/img/page-interieur/cigale-leve-bras2.png) no-repeat top 0 right 0; */
	padding: 0 0 50px 0;
}
#section-81 .bg-grey{
	padding: 40px 12% 50px 12%;
}
/* .fourmi-leve-bras{ */
/* 	background: #f4f4f4 url(/assets/img/page-interieur/fourmi-leve-bras.png) no-repeat top 50% left 0; */
/* } */
.col-moyen{
 	display: inline-block;
 	width: 55%;
 	vertical-align: middle;
 	margin: 20px 0;
}
.col-moyen-img{
  	display: inline-block;
 	width: 44%;
 	margin: 3% 0;
 	padding: 0 3%;
 	vertical-align: middle;
}
.big-number{
	color: #95c11f;
	font-size: 5em;
	font-family: sans-serif;
	padding: 70px 60px;
	display: inline-block;
	width: 170px;
	height: 170px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: solid 2px #95c11f;
}
#info-rdv{
	text-align: center;
	background: #95c11f;
	width: 60%;
	margin: 3% 20%;
}
#info-rdv span{
	display: inline-block;
	padding: 30px 20px;
	text-align: left;
	vertical-align: middle;
	font-size: 1.2em;
}
#info-rdv strong{
	color: #ffffff;
}
#info-rdv img{
	padding: 30px;
}
/* #zone-choix-service{ */
/* 	background: #f4f4f4 url(/assets/img/page-interieur/fourmi-carton.png) no-repeat top 10px left 0; */
/* } */
#info-rdv div,
#zone-choix-service div{
	display: table-cell;
	vertical-align: middle;
	vertical-align: top;
}
#zone-choix-service div{
	padding: 10px;
}
.col-choix-ou p{
	font-family: 'Gill Bold';
	font-size: 2.6em;
	padding: 120px 0 0 0;
}
/** =6.13- Autre page
-----------------------------------------------------------------------------------------------------------*/
.k-contest{
	margin: 50px auto;
}
/** =7 Widgets
-------------------------------------------------------------------------------*/
.btn_enregistre_panier{
	margin: 10px 0;
}
.popover-content{
	width: 100%;
}

/** =7.1 BOUTIQUE/Panier
-------------------------------------------------------------------------------*/
.liste-vide {
	padding: 20px;
	margin: 20px 0;
	text-align: center;
	font-weight: bold;
}
.liste-vide span{
	text-transform: uppercase;
}
#formulaire-etape1 .plus-de-photos{
	display: block;
	color: #95c11f;
}
#formulaire-etape1 .plus-photo-pdt{
	margin: 0 0 0 5px;
}

/* =7.2 BOUTIQUE/Connexion client
-------------------------------------------------------------------------------*/
#bt-mon-compte {
	display: inline-block;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	line-height: inherit;
	font-size: inherit;
	color: inherit;
	text-transform: inherit;
}
.connecte .btn {
	display: inline-block;
	width: 100%;
}
.connecte .btn {
	margin-bottom: 10px;
}
.connecte .btn:last-child {
	margin-top: 10px;
}
.popover{
	min-width: 550px;
}
.deconnecte .col-demi {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0 3%;
    vertical-align: top;
}
.zone-connexion{
	border-right: 1px solid #ddd;
}
.zone-connexion span,
.zone-creation span{
/* 	color: #95c11f; */
	color: #95c11f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	margin: 5px 0 15px 0;
}
.zone-creation span{
	color: #95c11f;
}
/* .zone-creation img{ */
/* 	width: 100%; */
/* 	height: auto; */
/* } */
#form-connexion input{
	margin: 10px 0;
	height: auto;
}
.oubli-mdp:hover{
	color: #95c11f;
}
#form-inscription .inscription-clasic-carte{
	padding: 20px;
}

/* =7.3 BOUTIQUE/Ajout au panier
-------------------------------------------------------------------------------*/
.ajouter-panier .quantite {
	width: 70px;
	text-align: center;
}
/* =8 Modules
-------------------------------------------------------------------------------*/
.modules,
.fiche_offre_emploi,
.compte,
.module-formulaire,
.module-boutique,
.module-catalogue,
.module-actualite,
.module-editeur,
.module-reservation,
.module-document,
.module-liste-mag {
	padding: 0 50px 50px;
}
#tunnel-body .module-boutique{
	padding: 0 0 50px 0;
}

/** =8.1 Actualité
-------------------------------------------------------------------------------*/

/** =8.1.1 Actualité : Liste
-------------------------------------------------------------------------------*/
#liste-actualites .bg-blanc{
	margin: 10px 0;
    padding: 20px;	
    border: solid 1px #d8d8d8;	
}
.actualite img,
.actualites img{
	width: 100%;
	height: auto;
}
.actualite .col-md-3,
.actualites .col-md-3{
	padding: 0;
}
.img-actu-mag{
	width: 50%;
	margin: 0 auto;
}
.contenu-actu-mag{
	margin: 20px 0 0;
}
.actualite h3,
.actualites h2{
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
.actualite h3 a,
.actualites h2 a{
	color: #95c11f;
}
.fiche_offre_emploi .date,
.oubli-mdp,
.actualites .date,
.actualite .date{
	display: block;
	font-style: italic;
	color: #7c7c7c;
	margin: 5px 0 0;
	text-decoration: underline;
}
.bloc_region .actualite .date{
	margin: 0;
}

/** =8.1.2 Actualité : Fiche
-------------------------------------------------------------------------------*/

/** =8.2 Catalogue
-------------------------------------------------------------------------------*/
h1 span{
/* 	font-size: 0.8em; */
/* 	font-style: italic; */
/* 	text-transform: initial; */
}
h1 .h1-nom-mag{
	color: #95c11f;
	font-size: inherit;
	font-weight: bold;
	font-style: normal;
	text-transform: initial;
}
.module-catalogue h2{
	font-size: 1.3em;
	font-weight: normal;
	text-transform: initial;
}
.module-catalogue h3 {
	margin-top: 0px;
}

/** =8.2.2 Catalogue : Filtres
-------------------------------------------------------------------------------*/
.capsules-gamme li{
	display: inline-block;
}
.capsules-gamme li a{
	display: block;
	background: #fff;
	color: #8d8d8d;
	padding: 4px 8px;
	margin: 3px;
	font-size: 0.9em;
	line-height: 0.9em;
	border: solid 1px #8d8d8d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.capsules-gamme li a:focus,
.capsules-gamme li a:hover{
	text-decoration: none;
	color: #fff;
	background: #95c11f;
	border: solid 1px #95c11f;
}

.bloc-titre-filtre,
.bloc-select-filtre{
	display: inline-block;
	width: 20%;
	vertical-align: middle;
}
.bloc-select-filtre{
	width: 80%;
}
.titre-filtre{
	color: #95c11f;
	text-transform: uppercase;
	font-size: 0.95em;
}
#bloc_filtres_stock .col-md-3,
#bloc_filtres_stock .col-md-9{
	padding: 0;
}
#bloc_filtres_stock select{
	width: 100%;
}
#filtres label,
.zone-filtre span,
#tri span{
	color: #636363;
}
#tri select{
	width: auto;
}
#tri select > option {
	padding: 2px 10px;
}
#bloc_filtres_stock{
	padding: 1% 1% 1.5% 1%;
}
#bloc_tri_stock{
	padding: 0 1%;
}
.bloc_critere {
	position: relative;
	display: inline-block;
	width: 23%;
	background: white;
	margin: 1% 0% 1% 1%;
}
#choix-magasin-carte .bloc_critere {
	width: 90%;
	margin: 20px 5% 0;
}
.bloc_critere .active{
	background:#a3c00a;
	color: #ffffff;
}
.bloc_critere .criteres{
	display: none;
    text-align: left;
	position : absolute;
	z-index: 9;
	overflow : auto;
	background : white;	
	border: 1px solid #161616;
    width: 100%;
    padding: 0 5px;
    max-height : 240px;
}
.criteres li::before{
	content: "●";
    color: #a3c00a; 
    text-align: center;
    display: inline-block;
    width: 10%;   
}
.criteres li:hover{
	color: #5e901b; 
	background: #d5d5d5;
}
.criteres .enabled{
	background: #a3c00a;
	text-decoration: underline;
	font-weight: 600;
}
.criteres .enabled a{
	color: #ffffff; 
}
.criteres a{
	display: inline-block;
	width: 85%;
	padding: 5px 0 5px 10px;
}
.bloc_critere > .bloc_content{
	padding: 20px 13px;
	width: 100%;
	height: 334px;
	overflow-y: scroll;
	position: absolute;
	z-index: 4;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-top: none;
	display: none;
}
.pc-only .bloc_critere > .bloc_content{
	left: -100px;
}
.bloc_critere > .bloc_content.filtre_prix{
	height: auto;
}
.bloc_critere > .title_critere.opened + .bloc_content{
	display: block;
	text-align: left;
}
.bloc_critere > .title_critere{
	margin: 0;
	width: 100%;
	font-size: 0.9em;
	line-height: 100%;
	text-align: center;
	padding: 9px;
	border: 1px solid #d8d8d8;
	cursor: pointer;
}
.bloc_critere > .title_critere > span{
	float:right;
	color: grey;
	font-size: 12px;
	height: 100%;
	padding: 3px 0;
	transform: rotate(0deg);
	padding: 0px 19px;
	margin-right: -12px;
	transition : all 0.1s linear;
}
#filtres-critere .bloc_critere > .title_critere > span{
	transform: rotate(-90deg);
}
#filtres-critere .bloc_critere > .title_critere > span.open,
#filtres-critere .bloc_critere > .title_critere > span.open-always{
	padding: 11px 19px;
	transform: rotate(0deg);
	background-color: #efefef;
	margin-top: -10px;
	background: transparent;
}
#slider_prix{
	width: 70%;
	margin: auto;
}
#selection_magasins_stock select{
	border: 1px solid #d8d8d8;
	text-align: center;
}
.tri_stock{
	border: 1px solid #d8d8d8;
}
.filtres-mag-dep > ul > li,
.filtres-mag-dep > ul  ul > li,
.filtres-mag-dep > ul a.hide +  ul > li > a
{
	padding: 0
}
.filtres-mag-dep > ul > li a
{
	line-height: 38px;
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
.filtres-mag-dep > ul > li > a:hover, 
.filtres-mag-dep > ul > li > a:active, 
.filtres-mag-dep > ul > li > a:focus
{
    background-color: #ececec;
    text-decoration: none;
    color:inherit;
}
.filtres-mag-dep > ul > li > a.dep-item
{
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
.filtres-mag-dep > ul  ul
{
	margin-bottom: 5px;
}
.filtres-mag-dep > ul  ul > li > a
{
	padding-left: 15px;
	color: #636363;
}
.filtres-mag-dep > ul  ul > li > a:hover, 
.filtres-mag-dep > ul  ul > li > a:active, 
.filtres-mag-dep > ul  ul > li > a:focus 
{
    background-color: #ececec;
    text-decoration: none;
    color:inherit;
}
.dep-reg-liste-mag
{
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}
.filtres-mag-dep > ul > .dep-reg-liste-mag ~ li
{
    padding-left: 15px !important;
}
.orange
{
	color: #95c11f;
}
.zero-resultat{
	font-weight: bold;
	font-size: 1.2em;
}
.conteneur-etendre-recherche .col-un-tier,
.conteneur-etendre-recherche .col-deux-tier,
.sans-resultats-nationaux .col-un-tier,
.sans-resultats-nationaux .col-deux-tier{
	display: inline-block;
	width: 30%;
	vertical-align: middle;
}
.conteneur-etendre-recherche .col-deux-tier,
.sans-resultats-nationaux .col-deux-tier{
	display: inline-block;
	width: 70%;
	vertical-align: middle;
}
.conteneur-etendre-recherche,
.sans-resultats-nationaux{
	margin: 30px 0;
	padding: 20px;
	background: #fff;
}
.bouton-recherche-etendue{
	margin: ;
}
.sans-resultats-nationaux p{
	font-size: 1.5em;
	margin: 30px 0;
}
.input-group .moteur-recherche-interne{
	height: 60px;
	border: none;
	border-top: solid 1px rgba(0,0,0,0.40);
	border-left: solid 1px rgba(0,0,0,0.40);
	border-bottom: solid 1px rgba(0,0,0,0.40);
}
#ok_recherche_produit_interne{
	background: #95c11f;
	border: none;
	padding: 5px;
	height: 60px;
}
.sans-resultats-nationaux .input-group{
	width: 80%;
	margin: 0 10%;
	-webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.35);
	box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.35);
}
.conteneur-etendre-recherche
{
	display: inline-block;
	text-align: center;
	position: relative;
	width: 100%;
}
.bouton-recherche-etendue
{
	background-color: #95c11f;
	padding: 10px 10px;
	position: relative;
	color: white;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	margin-left: 20px;
}
.bouton-recherche-etendue:hover,
.bouton-recherche-etendue:focus{
	background-color: #636363;
	border-color: #636363;
	color: white
}
/** marque **/
#recherche_marque:focus{
	border: 1px solid #000;
}
#liste_marques label{
	font-weight: normal;
	font-size: 0.8em;
}
#liste_marques {
	margin: 15px 0 0 0;
}
#liste_marques li{
	padding: 0 10px;
}
#liste_magasins_filtre li,
#liste_magasins_filtre > li > a.hide + ul > li > a{
	padding: 0
}
#filtres-critere #liste_marques li:hover,#filtres-critere #liste_magasins_filtre li:hover{
	background-color: #ececec;
}
#liste_magasins_filtre{
	width: 100%;
}
#liste_magasins_filtre li{
	text-align: left;
}
/* #liste_magasins_filtre li::before { */
/*     content: "►"; */
/*     font-size: 0.9em; */
/*     color: #aaaaaa; */
/*     padding: 0 5px 0 10px; */
/* } */
#choix-magasin-carte #liste_magasins_filtre li::before{
	content: none;
}
.header-link li a {
   	display: inline-block;
	width: auto;
}
#liste_magasins_filtre li a:focus,
#liste_magasins_filtre li a:hover,
.header-link li a:focus,
.header-link li a:hover {
   	text-decoration: none;
   	color: #95c11f;
}
.bloc_content span{
	display: block;
	text-align: center;
	text-transform: inherit;
	color: #95c11f;
}
#liste_magasins_filtre li li a{

	line-height: 38px;
	padding: 0 13px;
	color: #636363;
	width: 100%;
	display: inline-block;
}
#liste_magasins_filtre  ul
{
	margin-bottom: 5px;
}
#liste_magasins_filtre > li > a.dep-item
{
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
#liste_magasins_filtre a.dep-item:hover{
	color: #000;
	text-decoration: underline;
}
#marques_select {
	margin: 15px 0 0 0;
}
#marques_select .item_bloc_marque_select{
	background: #f4f4f4;
	color: #95c11f;
	font-size: 14px;
	font-weight: 600;
}
/** Prix **/
.bloc_critere .filtre_prix{
	padding: 20px 10px 40px 10px;
}	
/**Filtre rayon**/
.filtre_rayon > ul li
{
	padding: 0;
	margin: 0;
}
.filtre_rayon > ul li a
{
	padding: 0 18px;
	margin: 0;
	color: #636363;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	line-height: 38px;
	text-transform : uppercase;
}
.filtre_rayon > ul ul li a
{
	padding: 0 36px;
	text-transform: lowercase;
}
.filtre_rayon > ul ul ul li a
{
	padding: 0 54px;
	text-transform: lowercase;
}
.filtre_rayon > ul ul li a::first-letter
{
	text-transform : uppercase;
}

.filtre_rayon > ul li a:hover, .filtre_rayon > ul li a:focus, .filtre_rayon > ul li a:active
{
	background-color: #ececec;
}
#slider_prix .ui-widget-header {
	background: #95c11f;
	border: none;
}
#slider_prix .value_prix{
	position: absolute;
    top: 22px;
    left: 50%;
    margin: 0 0 0 -17px;
    width: 40px;
    text-align: center;
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #2D2D2D;
}
#slider_prix .price-range-both{
	display: none;
}

/** Reset **/
.reset-filtre {
	text-align: center;
	display: block;
	width: 30%;
	margin: 0 auto;
	padding: 15px 0 0;
}
.reset-filtre:hover{
	text-decoration: underline;
}

/** =8.2.3 Catalogue : Liste des catégories
-------------------------------------------------------------------------------*/
#liste-categories .categories {
	width: 277px;
	margin-right: 8px;
	position: relative;
}

/** =8.2.4 Catalogue : Liste des produits
-------------------------------------------------------------------------------*/
.item_produit_magasin,
.item_widget_produit_accueil,
.widget .produits,
.module-catalogue .produits {
	margin: 1%;
    width: 18%;
    display: inline-block;
	position: relative;
	vertical-align: top;
 	overflow: hidden; 
	background: #fff;
	color: #797b7e;
}
/* .ligne_prix{ */
/* 	font-size: 0.8em; */
/* } */
.item_widget_produit_accueil,
.widget .produits{
	margin: 0 1%;
    width: 23%;   
    min-height: 370px;
    position: relative;
}
.item_produit_magasin .zone-padding,
.item_widget_produit_accueil .zone-padding,
.produits .zone-padding{
	padding: 0 0 15px 0;
}
.ga1an{
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.4em;
	margin: 15px 0 0;
	display: block;
}
.rayon_produit{
	position: absolute;
	top: 10px;
	right: 10px;
}
.contenant-img{
	height: 205px;
	overflow: hidden;
	text-align: center;
}
.home .contenant-img{
	height: 185px;
	overflow: hidden;
	text-align: center;
}
.media_produit{
	max-width: 100%;
	height: auto;
	width: auto;
}
.nouveau{
	background: #98B40B none repeat scroll 0 0;
    color: white;
    display: inline-block;
	font-family: "Gill", sans-serif;
    font-size: 0.8em;
    font-weight: 500;
    left: -44px;
    letter-spacing: 1px;
    padding: 0 45px;
    position: absolute;
    text-transform: uppercase;
    top: 16px;
    transform: rotate(-39deg);
    z-index: 0;
}
.item_produit_magasin .lien-avis{
	display: none;
}
/* #stocks_magasin h1 */
/* { */
/* 	text-transform : initial; */
/* } */
#stocks_magasin h1 span
{
	text-transform : uppercase;
}
#stocks_magasin h3,
#widget_produit_accueil h3,
#produit-accueil-1 h3{
	display: block;
/* 	height: 55px; */
	height: 75px;
	line-height: 0.6em;
}
#stocks_magasin h3,
#liste_stocks h3{
	height: 55px;
}
#stocks_magasin h3 a,
#widget_produit_accueil h3 a,
#produit-accueil-1 h3 a,
#liste-produits h3 a{
	font-size: 0.9rem;
	line-height: 1em;
	text-transform: uppercase;
	color: #000;
}
.widget .produits img,
#liste-produits img, 
.widget_produits img {
    height: auto;
    margin-right: 10px;
    width: 100%;
}
.widget a.lien-image,
#liste-produits a.lien-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
#liste-produits .description,
#liste-produits .zone-quantite {
	display: none;
}
/* Ajout au panier */
#liste-produits .widget.boutique {
	padding: 15px;
	width: 100%;
}
/* Tarifs */
.prix{
/* 	color: #95c11f; */
	color: #414141;
	font-weight: bold;
/* 	font-size: 1.4em; */
	font-size: 1.5em;
}
.total-cde-compte .price,
.tarification .prix{
/* 	float: right; */
	text-align: right;
	display: block;
/* 	width: 100%; */
}
.tarifs {
	margin-top: 5px;
	min-height: 25px;
}
.taux-remise {
	margin-left: 10px;
}
.prix-non-remise {
	text-decoration: line-through;
}
.prix-vente {
	float: right;
	font-size: 16px;
	font-weight: bold;
}
.texte_rayon{
	margin: 30px 0 10px;
	font-size: 1.2em;
}

/** =8.2.5 Catalogue : Fiche produit
-------------------------------------------------------------------------------*/
#toTop:hover {
    opacity: 1;
}
#toTop {
    position: fixed;
    bottom: 105px;
    right: 15px;
    cursor: pointer;
    z-index: 2;
    opacity: 0.8;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: none;
    width: 45px;
    height: 45px;
    background-color: #95c11f;
}
.detail-produit .bg-blanc{
	min-height: 329px;
	padding: 20px;
}
.detail-produit .col-tier{
	display: inline-block;
	width: 33.33%;
	padding: 0 15px 15px 15px;
	vertical-align: top;
}
.detail-produit .col-2-tier{
	display: inline-block;
	width: 66.66%;
	padding: 0 15px 15px 15px;
	vertical-align: top;
}
.bloc_image_produit .bg-blanc{
	text-align: center;
	position: relative;
}
.bloc_avis_produit h1
{
	text-align: left;
	font-size: 2.2em;
	margin-top: 0;
}
.bloc_avis_produit .sous-titre
{
	position: relative;
	text-align: left;
	left: 0;
	margin-left: 0;
}
.liste-caracteristiques{
	padding: 20px;
}
.ligne-caracteristiques{
	color: #4f4f4f;
}
.libelle-caracteristiques{
	display: inline-block;
	width: 15%;
}
.panier-etape1 .libelle-caracteristiques{
	display: inline-block;
	width: 39%;
	text-transform: lowercase;
}
.panier-etape1 .valeur-caracteristiques{
	display: inline-block;
	width: 60%;
}
.module-catalogue #titre_rayon_fiche_produit{
	display: inline-block;
	width: 100%;
/* 	font-size: 1.6em; */
	margin: 0;
	text-align: left;
}
.infos_retrait img,
.module-catalogue #titre_rayon_fiche_produit img{
	vertical-align: bottom;
	padding: 0 10px 0 0;
}
.bloc_image_produit small{
	position: absolute;
	bottom: 10px;
	left: 20px;
	padding: 0 8px;
	background-color: rgba(255, 255, 255, 0.5);
/* 	display: block; */
/* 	width: 100%; */
	font-style: italic;
}
.haut{
	float: right;
}
.detail-produit h3{
	text-transform: uppercase;
	color: #95c11f;
	font-weight: regular;
	font-size: 1.2em;	
	margin: 0 0 20px 0;
}
#garanties_fiche p{
	line-height: 1.4em;
}
.bloc-prix-fiche{
	text-align: right;
	width: 46%;
	border-left: 1px solid #d8d8d8;
/* 	padding-bottom: 10px; */
}
.bloc-prix-fiche p,
.bloc-icones-infos ul{
	margin: 0
}
.bloc-prix-fiche p.prix_min_produit{
	margin-bottom: 15px;
}
.fiche-pdt-nom-mag{
/* 	text-align: left; */
/* 	padding: 0 10px; */
}
.pas-de-vente-en-ligne{
/* 	color: #95c11f; */
	font-weight: bold;
	font-style: italic;
	display: block;
	line-height: 1.1em;
	padding: 2px;
	border: 2px solid #95c11f;
	text-align: center;
	margin: 5px 10px;
}
.pdt-occas{
	margin: 10px 0 0 10px;
}
.pdt-neuf{
	border-top: 1px solid #d8d8d8;
	padding: 20px 0 10px 0;
	margin: 20px 0 0 10px;
}
.pdt-occas div,
.pdt-neuf div{
	display: inline-block;
	width: 100%;
/* 	width: 30%; */
/* 	text-align: left; */
}
.pdt-occas div+div,
.pdt-neuf div+div{
	display: inline-block;
	width: 70%;
	text-align: right;
}

.type-neuf-occas{
/* 	display: inline-block; */
/* 	width: 48%; */
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0 6px 0 0;
}
.prix_min_produit strong{
	text-decoration: underline;
	padding: 0 5px 0 0;
}
/* .prix_min_produit span{ */
/* 	color: #95c11f; */
/* 	font-size: 2em; */
/* 	font-weight: bold; */
/* 	margin-left: 10px; */
/* } */
.prix_min_produit{
/* 	color: #95c11f; */
	color: #414141;
	font-size: 2.1em;
	font-weight: bold;
	margin-left: 6px;
	display: inline-block;
}
.pdt-neuf .prix_min_produit{
	color: #636363;
}
.prix_min_pdt_mag span{
/* 	display: block; */
/* 	width: 100%; */
	margin: 10px 0 0;
}
.display-caracteristiques{
	margin: 10px 0 0;
}
.display-caracteristiques,
.lien-caracteristiques{
	color: #95c11f;
    text-decoration: underline;
    display: block;
}
.display-caracteristiques:hover,
.display-caracteristiques:focus,
.display-caracteristiques:active,
.lien-caracteristiques:hover, .lien-caracteristiques:active, .lien-caracteristiques:focus{
    text-decoration: none;
    color: #95c11f;
    cursor: pointer;
}
.display-caracteristiques span,
.lien-caracteristiques span{
	font-size: 0.75em;
	display:inline-block;
}
.bloc-icones-infos,
.bloc-simulation-oney{
	background-color: #f4f4f4;
	border: 1px solid #d8d8d8;
	margin-top: 9px;
	padding: 10px 15px;
	text-align: center;
}
.bloc-icones-infos li{
	display: inline-block;
	width: 20%;
	vertical-align: top;
	text-align: center;
	padding: 0;
	line-height: 1.1em;
	color: #636363;
}
.bloc-icones-infos img{
	margin: 0 0 10px 0;	
}
.bloc-icones-infos p{
	margin: 0 10px;
}
#info_occasion{
	color: #bacb00;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
#note {
	color: #F0AD4E;
}
#note .glyphicon-star-empty {
	color: #EFEFEF;
}
.zone-resultat{
	width: 70%;
	display: inline-block;
	margin: 0 0 10px 0;
}
/** zone info carbone **/
#zone-info-carbone{
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(/assets/img/bg-info-carbone.jpg) no-repeat center;
	-webkit-background-size: cover; 
  	background-size: cover;
}
.cigale-carbone{
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	left: 0; */
}
/* #zone-img-cigale, */
#zone-texte-carbone,
#zone-tableau-cartbone{
	display: inline-block;
	vertical-align: middle;
}
/* #zone-img-cigale{ */
/* 	width: 18%; */
/* 	text-align: center; */
/* } */
#zone-texte-carbone{
	width: 67%;
	margin: 0.5% 0 0.5% 3%;
}
#zone-tableau-cartbone{
	width: 30%;
	text-align: center;
}
#zone-texte-carbone-popup img,
#zone-texte-carbone img{
	position: relative;
	z-index: 3;
	margin: 0 -10px 0 0;
}
.titre-bg-vert,
.titre-bg-orange{
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
}
.titre-bg-vert{
	background: #8dc63f;
}
.titre-bg-orange{
	background: #95c11f;
}
#zone-texte-carbone p{
	color: #636363;
	margin: -5px 0 0 0;
	padding: 0 0 0 55px;
	line-height: 1.1em;
}
#zone-info-carbone p{
/* 	margin: 0 0 0 100px; */
/* 	display: inline-block; */
/* 	width: 75%; */
/* 	vertical-align: middle; */
}
.bareme-carbone{
	display: inline-block;
	
}
/** zone de filtre produit **/
.zone-filtre{
	width: 100%;
	margin: 0 0 10px 0;
}
/* .filtre-par-bouton span, */
.fitre-btn,
.filtre-par-bouton,
.filtre-par-select{
	display: inline-block;
	vertical-align: middle;
}
/* .filtre-par-bouton span, */
.filtre-par-bouton{
	width: 20%;
	text-transform: uppercase;
}
.zone-filtre select{
	margin: 0;
	display: inline-block;
	width: 48%;
	height: 75px;
	text-align: center;
	text-transform: uppercase;
	border: solid 1px #ccc;
}
.zone-filtre select > option {
    padding: 2px 12px;
}
.fitre-btn{
	width: 73%;
}
.filtre-par-select{
	width: 80%;
	text-align: right;
}
.zone-filtre .tri-etat{
	width : 19%;
	margin: 0 0 0 1%;
	padding: 5px 10px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}
.zone-filtre .tri-neuf span{
	color: #636363;
}

.filtre-par-bouton .active-filtre,
.zone-filtre .tri-etat.active,
.zone-filtre .tri-etat.active p+p,
.zone-filtre .tri-etat.active span,
.filtre-par-select .tri-etat:hover,
.filtre-par-select .tri-etat:focus,
.filtre-par-select .tri-etat:hover span,
.filtre-par-select .tri-etat:focus span,
.filtre-par-select .tri-etat:focus p+p,
.filtre-par-select .tri-etat:hover p+p{
	background: #95c11f;
	color: #fff;
}
.filtre-par-bouton .btn-tri.active,
.filtre-par-bouton .btn-tri:hover,
.filtre-par-bouton .btn-tri:focus{
	border: solid 1px #95c11f;
	color: #000;
	text-decoration: none;
}
.tri-etat span{
	color: #95c11f;
	font-size: 1.5em;
	font-weight: bold;
}
.tri-etat p+p{
	color: #636363;
	margin: 0;
	font-size: 0.9em;
}
.btn-tri{
	display: inline-block;
	width: 33%;
	text-align: center;
	background: #fff;
	border: 1px solid #d8d8d8;
	margin: 0 0.5% 0 0.5%;
	padding: 24px 10px;
	vertical-align: bottom;
}
.btn-tri-mag{
       text-align: center;
       background: #fff;
       border: 1px solid #d8d8d8;
       padding: 24px 40px;
}
#ancre-select{
	display: inline-block;
	width: 65%;
	margin: 0 0.5% 0 0.5%;
}
.bloc_hide{
       position: absolute;
       z-index: 5;
       background: #fff;
       border: 1px solid #d8d8d8;
       max-height: 275px;
       overflow-y: scroll;
       padding: 0 13px 20px 13px;
}
.bloc-region-mag ul li a:hover,
.bloc-region-mag ul li a:focus,
.bloc_hide ul li:focus,
.bloc_hide ul li:hover{
       cursor: pointer;
       text-decoration: underline;
       color: #95c11f;
}
#filtre-stock-magasin{
       padding: 24px 5px;
       cursor:pointer;
       font-size: 0.9em;
}
#filtre-stock-magasin .glyphicon-chevron-down{
	color: grey;
	font-size: 12px;
	height: 100%;
	padding: 0px 10px;
	margin-right: -12px;
}
#filtre-stock-magasin .button-bloc{
	background: transparent url('../img/chevron-prix.png') no-repeat 95% center;
	margin: 0;
}
#filtres_fiche .active-filtre .button-bloc{
	background: transparent url('../img/chevron-prix-hover.png') no-repeat 98% center;
}
.btn-tri-asc{
	background: #fff url('../img/fleche-asc.png') no-repeat 93% center;
}
.btn-tri-des{
	background: #fff url('../img/fleche-des.png') no-repeat 93% center;
}
.zone-resultat{
	margin: 0;
}
.infos_retrait{
	color: #636363;
	font-style: italic;
	display: inline-block;	
	padding: 10px 24px;
	margin: 10px;
}
/* .informations_magasin, */
.zone-tri,
.zone-info-livraison{
	display: inline-block;
	width: 30%;
	text-align: right;
	display: inline-block;
	vertical-align: bottom;
}
.etat-produit,
.com-pdt{
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.com-pdt span.raccourci
{
	cursor: pointer
}
.com-pdt span.complet,
.com-pdt span.developpe
{
	display: none;
}
.com-pdt span.developpe + span.complet
{
	display: inline-block;
	cursor: pointer
}
.infobulle_produit,
.etat-produit img{
	padding: 0 0 0 10px;
	cursor: pointer;
}
.vendu-par,
.informations_magasin{
	width: 68%;
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.9em;
}
.titre-col,
.vendu-par{
	color: #797b7e;
	font-size: 0.85em;
	text-transform: inherit;
}
.module-formulaire-rdv .titre-col,
.module-boutique .titre-col{
	color:  #393939;
    font-size: 1.125em;
    text-transform: uppercase;
/*     display: block; */
	display: inline-block;
    padding: 0;
    margin: 30px 20px 10px 0;
}
#formulaire-etape1 .informations_magasin{
	width: auto;	
}
.vendu-par a{
	color: #636363;
	font-weight: bold;
	text-transform: inherit;
	text-transform: uppercase;
}
.informations_magasin a:hover,
.informations_magasin a:focus,
.informations_magasin a:active{
	color: #000;
}
.informations_magasin img{
	padding: 0 0 0 8px;
	vertical-align: initial;
}
.bloc_produit{
	border: none;
	padding: 10px 0 10px 10px;
	margin: 10px 0 0 0;
}
.bloc_produit .col-sixieme{
	display: inline-block;
	width: 12%;
	vertical-align: top;
	text-align: center;
/* 	color: #95c11f; */
	color: #414141;
	font-size: 1.6em;
	font-weight: bold;
}
.bloc_produit .bilan-carbone{
	color: #393939;
	font-size: 0.6em;
	font-weight: normal;
}
.bloc_produit .col-demi{
	display: inline-block;
	width: 49%;
	margin: 0 1%;
	vertical-align: top;
}
.bloc_produit .col-tier{
	display: inline-block;
	width: 37%;
	vertical-align: top;
	text-align: right;
}
.border-bottom{
	border-bottom: 1px solid #d8d8d8;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.reserver_produit{
	background-color: #95c11f;
	border-color: #95c11f;
	padding: 10px 15px;
}
.reserver_produit_desactive, .reserver_produit_desactive:hover, .reserver_produit_desactive:active, .reserver_produit_desactive:focus{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	padding: 10px 15px;
	cursor: initial;
	opacity: 0.7
}
.qtip-content .lien-standard:focus,
.qtip-content .lien-standard:hover{
	color: #95c11f;
}
.acheter_produit{
	background-color: #95c11f;
	padding: 10px 15px;
}
.bloc_produit h5{
	display: block;
	width: 100%;
	text-align: center;
}
.bloc_produit h5 span{
	font-weight: normal;
}
.ligne_produit{
	width: 100%;
	border-top: 1px solid #cccccc;
}
.item_magasin_produit{
	margin: 0 0 25px 0;
}
.item_magasin_produit h4{
	text-transform: uppercase;
	display: inline-block;
	width: 70%;
	margin: 10px 0 0 0;
}
.item_magasin_produit h4 a{
	color: #636363;
	text-decoration: none;
}
.td-1{
	width: 15%;
	padding: 10px 0 10px 10px;
}
.td-2,
.td-5{
	width: 20%;
}
.td-3{
	width: 25%;
	padding: 0 2% 0 0;
	color: #797b7e;
	font-size: 0.9em;
}
.td-4{
	width: 20%;
	color: #797b7e;
	font-size: 0.9em;
}
.td-5 a{
	text-shadow: 1px 1px 1px #777777;
}
.qtip-dark{
	font-size: 1em;
	font-family: "Gill", sans-serif;
	line-height: 1.1em;
	padding: 5px;
	background: rgba(0, 0, 0, 0.8);
	max-width: 300px;
}

/**Plus de photos**/
.mfp-figure
{
	background-color: #000;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.mfp-title
{
	font-size: 1em;
	line-height: 1.15em;
	text-transform: lowercase;
	padding: 0 40px 0 10px;
}

.mfp-figure .mfp-close
{
	position: absolute;
	top: initial;
	bottom: 10px;
	right: 10px;
	width: auto;
	background-color: #aaa;
	border-radius: 50px;
/* 	padding: 0 0 0 20px; */
	padding: 0 10px;
	font-size: 0.8em;
	text-transform: uppercase;
	opacity: 1;
	line-height: 0.8em;
	height: 30px;
	font-weight: bold;
}
.mfp-figure .mfp-img
{
	padding: 0 0 40px 0
}
.mfp-arrow.mfp-arrow-left
{
	left: 30%;
}
.mfp-arrow.mfp-arrow-right
{
	right: 30%;
}
.mfp-counter
{
	display: none
}
.mfp-zoom-out-cur, 
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}
/** Popup geo-loc **/
.ui-dialog,
.ui-dialog #ui-id-2{
	overflow: initial;
}
#contenu_popup_geoloc{
  	padding: 0 0 40px 0;
/*   	background: url(/assets/img/cigale-terre-popup-geoloc.jpg) no-repeat top 30px left 0px; */
}
#bg-cigale-popup{
/* 	background: url(/assets/img/fourmie-terre-popup.jpg) no-repeat bottom 0px right 0px; */
}
/* #contenu_popup_geoloc h4{ */
/* 	text-transform: uppercase; */
/* 	margin: 30px 0 0; */
/* } */
#contenu_popup_geoloc .h4{
	color: #95c11f;
	font-family: "Gill", sans-serif;
	font-size: 1.25em;
	display: block;
}
#choix-pays-popup{
	padding: 20px;
}
#choix-pays-popup a:hover,
#choix-pays-popup a:focus{
	opacity: 0.6;
}
#choix-pays-popup img{
	margin: 0 5px;
}
#contenu_popup_geoloc .ou {
    text-align: center;
    position: relative;
    margin: 15px 0;
}
#contenu_popup_geoloc .ou::before{
    content: "";
    left: 70px;
    right: 70px;
    height: 1px;
    background: #000;
    position: absolute;
    top: calc(50% - 1px);
}
#contenu_popup_geoloc .ou span {
    display: inline-block;
    padding: 0 30px;
/*     background: #f7f7f7; */
    background: #fff;
    position: relative;
    z-index: 1;
    font-size: 1.125em;
}
.bg-gris-popup{
/* 	background: rgba(244,244,244,0.6);	 */
	width: 70%;
	margin: 0 15% 25px 15%;
	padding: 10px;
}
/* #zone-texte-carbone-popup{ */
/* 	margin: 20px 0 0; */
/* } */
/* #zone-texte-carbone-popup p{ */
/* 	color: #636363; */
/* 	width: 60%; */
/* 	margin: 0 auto; */
/* } */
.bloc-choix-liste,
.bloc-code-postal{
	width: 60%;
	margin: 10px auto 0 auto;
	text-align: left;
}
.footer_popup #zone-info-carbone {
    margin: 30px 0 0;
    padding: 15px 0 0;
    border-top: solid 1px #d8d8d8;
}
.footer_popup  .cigale-carbone {
    bottom: -0.2em;
    left: -0.2em;
}
.footer_popup #zone-info-carbone p{
    width: 50%;
	text-align: left;
}
/** Pop up contact **/
.ui-corner-all {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
}
.ui-button-icon-only .ui-icon {
    left: -1px;
    top: -1px;
}
.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}
.ui-dialog{
	z-index: 2;
}
form.form_info_produit {
	
	padding : 20px;
	display: inline-block;
}
form.form_info_produit h3 {
	font-size : 1em;
}
form.form_info_produit label{
	color: #000;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
}
form.form_info_produit input[type="text"], form.form_info_produit textarea{
	border: 1px solid #D2D2D2;
    padding: 3px;
}
form.form_info_produit .valid_alert{
	color: #FF0000;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}
/** Popup ajout panier **/
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);	
}
.ui-dialog-titlebar{display: none;}
#dialog-annulation-commande h3,
.popup_cde h3{
	color: #95c11f;
	font-size: 1.5em;
	margin: 30px 50px 20px 50px;
}
.popup_cde h3{
	margin: 20px;
}
#pdt-ajouter {
/* 	border-top: solid 1px #e5e5e5; */
/* 	border-bottom: solid 1px #e5e5e5; */
/* 	padding: 5px 0; */
/* 	margin: 0 30px; */
	border-top: solid 1px#e5e5e5;
	border-bottom: solid 1px#e5e5e5;
	padding: 5px 30px;
	background:#fff;
}
.produit-panier .img,
#pdt-ajouter .img{
	display: inline-block;
	vertical-align: top;
	width: 20%;
	text-align: left;
}
.produit-panier .info-pdt,
#pdt-ajouter .info-pdt{
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 60%;
}
.produit-panier .prix-pdt-ajouter,
#pdt-ajouter .prix-pdt-ajouter{
	display: inline-block;
	vertical-align: top;
	width: 20%;
	text-align: right;
}
#contenu_popup_cde{
	background: #f5f5f6 url(/assets/img/bg-popup-cde.jpg) no-repeat center;
	-webkit-background-size: cover; 
  	background-size: cover;
  	padding: 0 0 20px 0;
}
.titre-expert{
	border-bottom: solid 1px #e5e5e5;
	padding: 10px 0 0 0;
/* 	position: relative; */
}
.popup_cde .titre-expert h3{
	display: inline-block;
	width: 50%;
	margin: 0;
	padding: 0 2% 3% 2%;
	vertical-align: bottom;
}
.titre-expert .fourmi{
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	left: 0; */
	display: inline-block;
	width: 22%;
	padding: 0 2%;
	vertical-align: bottom;
}
.titre-expert .cigale{
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	right: 0; */
	display: inline-block;
	width: 25%;
	padding: 0 1%;
	vertical-align: bottom;
}
.ligne-choix-garantie{
	border-bottom: solid 1px #e5e5e5;
	text-align: left;
/* 	margin: 0 30px; */
	padding: 5px 30px;
}
.ligne-choix-garantie label{
	font-weight: 400;
	color: #393939;
	width: 95%;
}
.ligne-choix-garantie label span{
	float: right;
	font-weight: bold;
}
.info-garanties {
	color: #757575;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
	padding: 0 5px;	
}
.info-garanties:hover,
.info-garanties:focus {
	color: #95c11f;
}
.ligne-choix-garantie input{
	margin: 0 10px 0 0;
}
#contenu_popup_cde .footer_popup{
	padding: 10px 0;
}
.footer_popup .continue_achat{
	background: #636363;
	border: none;
/* 	padding: 7px 10px; */
	padding: 10px 20px;
	margin: 20px 20px 20px 0;
}
.footer_popup .finaliser_commande{
	border: none;
	padding: 7px 10px;
	margin: 20px 0 20px 20px;
}
.footer_popup .continue_achat:hover,
.footer_popup .continue_achat:focus{
	background: #95c11f;
	color: #fff;
}
.footer_popup .finaliser_commande:focus,
.footer_popup .finaliser_commande:hover{
	background: #636363;
	color: #fff;
}
/** Popup resa **/
.popup_resa h3{
	padding: 0 20px 20px;
}
.popup_resa h3{
	font-size: 1.5em;
}

/** =8.2.5.1 Fiche produit : Diaporama
-------------------------------------------------------------------------------*/

/** =8.2.5.2 Fiche produit : Produits associés
-------------------------------------------------------------------------------*/
.produits-associes ul {
	list-style-type: none;
}

/** =8.2.5.3 Fiche produit : Commentaires
-------------------------------------------------------------------------------*/
.commentaires {}
.resume_note {
	text-align : center;
	border: 1px solid #dddddd;
	padding: 15px 30px;
}
.resume_note .moyenne_general{
	font-size : 3em;
}
.commentaires .date{
	color: #6d6d6d;
    display: block;
    text-align: right;
}
.commentaires .reponse{
	background : #EEEEEE;
	padding : 15px;
	margin: 0 0 10px 20px;
}
.commentaires .note{
	font-size : 1.75em;
	display: block; 
}
#vote > label::before {
    content: "☆";
    font-size: 35px;
    cursor: pointer;
}
#vote > label:hover::before,
#vote > label.selected::before,
#vote > label.previous_note::before,
#vote > label.previous_selected_note::before{
    content: "★";
}
#vote > input.star {
    display: none;
}

/** =8.2.5.4 Fiche produit : Achat panier
-------------------------------------------------------------------------------*/

/* =8.3 Editeur
-------------------------------------------------------------------------------*/
#section-118.module-editeur ul ul, #section-118 ul ul, #section-115.module-editeur ul ul, #section-107.module-editeur ul ul{
    margin-left: 20px;
}
.title-menu-plan{
	margin : 25px 0 5px;
	font-weight: bold;
	color: #95c11f
}
/* =8.4 Plan du site
-------------------------------------------------------------------------------*/

/* =8.5 Formulaire
-------------------------------------------------------------------------------*/
.module-formulaire {
	display: inline-block;
	width: 100%;
}
.lignes label,
.bloc_champ label{
	margin: 15px 10px 5px 0;
}
.bloc_champ .first-label{
	margin: 5px 10px 5px 0;
}
#groupe-carte{
	margin: 20px 0;
}
#groupe-1{
	display: inline-block;
	width: 48%;
	margin: 0 2% 0 0;
	vertical-align: top;
}
#groupe-2{
	display: inline-block;
	width: 48%;
	margin: 0 0 0 2%;
	vertical-align: top;
}
#groupe-validation{
	text-align: right;
}
.form-group label{
	max-width: 49%;
    margin: 5px 10px 2px 0;
}
.colonne_demi label{
	max-width: 100%;
}
.form-group .multiselect,
.form-group input,
.form-group .multiselect,
.colonne_demi label,
.btn-group, 
.btn-group-vertical,
.multiselect-container{
	width: 100%;
}
.form-inline .form-control,
form input[type="text"],
form input[type="password"] {
    border: 1px solid #b2b2b2;
    box-shadow: none;
    padding: 8px;
    width: 100%;
    height: auto;
}
.form-group input[type="checkbox"], 
.form-group input[type="radio"] {
    line-height: normal;
    margin: 0 5px 0 0;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    border: none;
    box-shadow: none;
}
#ajout_adresse .ligne_checkbox input{
	display: inline;
    width: 6%;
    vertical-align: text-top;
}
form select:focus,
form input:focus{
	outline: 0;
}
.form-control:hover,
.form-control:focus{
	border-color: #000;
}
.form-group .upload{
	padding: 0;
}
.titre-champ,
.libelle-radio{
	width: 100%;
	display: block;
}
.form-group label.label-newsletter{
	max-width: 100%;
	display: block;
}
.label-inverse{
	display: inline-block;
}
.ligne-civilite input[type="radio"]{
	margin: 0 5px 0 15px;
}
.souhait-carte input[type="radio"]{
	margin: 0 10px 0 0;
}
.ligne-civilite .label-radio{
	font-weight: normal;
}
#date_naissance label{
	width: 100%;
	display: block;
}
#date_naissance .naissance{
	width: 25%;
}
#date_naissance_affiche_mois{
	margin: 0 1%;
}
.panel-body .form-group input[type="checkbox"]{
	margin: 4px 5px 0 0;
}
.form-inline{
	margin-bottom: 15px;
}
.colonne_demi{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.colonne_gauche{
	width: 50%;
}
.colonne_droite{
	margin: 0 0 0 1%;
}
.btn-group .multiselect{
	text-align: left;
}
.form-group .hide-native-select input[type="checkbox"] {
	left: 15px;
	top: 7px;
}
select > option {
    padding: 5px 12px;
    font-family: "Gill", sans-serif;
}
form textarea {
    border: 1px solid #b2b2b2;
    padding: 10px;
    width: 100%;
    margin: 0 0 10px 0;
}
form .capcha input{
	width: 10%;
}
form select{
	width: 100%;
	padding: 8px;
}
.form-control:focus,
form textarea:focus,
form input[type="text"]:focus,
form input[type="password"]:focus {
	box-shadow: none;
}
input[type="file"] {
    display: inline-block;
}
.option-mag-en-cours{
	color: #95c11f;
	font-style: italic;
}
.input-note{
	display: none;
}
.input-note + label{
	cursor:pointer;
	margin: 0;
	font-size: 1.5em;
	vertical-align: middle;
}
.input-note + label > span.glyphicon{
	color: #d9d9d9;
}
.input-note + label > span.glyphicon:hover{
	color: #ffd800;
}
.input-note + label > span.yellow-glyphicon{
	color: #ffd800;
}
/** message erreur **/
.alert-danger,
.alert-info,
.alert{
	text-align: center;
	display: block;
}
.module-formulaire-rdv .alert {
    width: 100%;
}
.module-formulaire-rdv .confirmation-rdv-depot{
	width: 80%;
	margin: 0 10%;
    background: #fff;
    border: solid 1px #95c11f;
    color: #000;
    padding: 30px;
    font-size: 1.3em;	
}
.rendez-vous-erreur{
	padding: 20px;
	margin: 0 20px;
}
/*Taille Fichiers*/
.taille-limite,
.taille-fichier{
	font-style: italic;
	color: grey;
	padding: 5px 0 0;
	margin: 0;
}
.taille-envoyee{
	color: #283f88;
	font-style: italic;
	font-weight: 600;
}
.taille-depasser{
	color: #c51604;
}
#etape2_reservation .btn{
	margin: 10px 0;
}
/** Autre formulaire **/
#form-connexion-extranet,
#form_suppresion_compte,
#form-validation,
#form_nouveau_mdp,
#form-abonnement,
#form-deabonnement,
#activation_compte{
	margin: 2% 25%;
    width: 50%;
}
#creation_compte h2{
	margin: 30px 0 20px 2%;
}
.demi-col-inscription{
	display: inline-block;
	width: 48%;
	margin: 0 1%;
	vertical-align: top;
}
.souhait-carte{
	padding: 20px 0;
}
.souhait-carte  a img{
	margin: 0 10px;
}
#section-interieur-44 .description{
    background: #fff;
    padding: 10px;
    border: solid 1px #d8d8d8;
}
/* =8.5.1- Rrise de RDV
-------------------------------------------------------------------------------*/
.ajout-pdt{
	background: #fff;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 10px 0;
}
.ajout-pdt:hover,
.ajout-pdt:focus{
	background: #95c11f;
	color: #fff;
}
.confirmer_produit_achat,
.retirer_produit_achat{
	border: none;
	display: inline-block;
	margin: 10px 10px 0 10px;
}
.confirmer_produit_achat{
	background: #95c11f;	
}
.retirer_produit_achat{
	color: #fff;
	background: #414141;
}
.confirmer_produit_achat:hover,
.confirmer_produit_achat:focus,
.retirer_produit_achat:hover,
.retirer_produit_achat:focus{
	color: #000;
	background: #fff;
	outline: solid 1px #282828;
}
.bloc_qte{
	vertical-align: middle;
}
.bloc_qte label{
	display: inline-block;
	width: 28%;
	margin: 0 2% 0 0;
}
.groupe-quantite{
	display: inline-block;
	width: 30%;	
}
.suppression-pdt{
	text-align: center;
	vertical-align: bottom;
}
.produit-valide{
	color: initial;
	margin: 0 0 10px 0;
}
.produit-valide p{
	font-weight: bold;
	color: #95c11f;
	font-style: italic;
}
.produit-valide span{
	display: inline-block;
}
.retirer_produit, .retirer_produit_valide{
	color: #95c11f;
	font-style: italic;
	text-decoration: underline;
}
.retirer_produit:hover, .retirer_produit_valide:hover,
.retirer_produit:focus, .retirer_produit_valide:focus{
	color: #000;
}
.modifier_produit_valide{
	color: #95c11f;
	font-style: italic;
	text-decoration: underline;
	margin-right: 10px;
}
.modifier_produit_valide:hover,
.modifier_produit_valide:focus{
	color: #000;
}
.message-produit
{
	padding : 20px 0px;
	margin-top:15px
}
#titre-semaine{
    text-align: center;
    padding: 30px 0;   
}
#titre-semaine span{
    font-size: 1.2em;
    text-align: center;
    display: inline-block;
}
#titre-semaine a{
    color: #95c11f;
    font-weight: bold;
    font-size: 0.9em;
}
#agenda{
	padding: 0 5px;
}
#agenda table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  margin-bottom: 20px;
}
#agenda table thead tr{
  border-bottom: solid 1px #282828;
}
#agenda table thead tr th {
  background: none;
  color: initial;
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
  padding: 0.5em;
  overflow: hidden;
  text-align: center;
}
table tbody tr:first-child td{
	border-top: 1px solid #282828;
}
td.demi-heure span{
	font-size: 0.8em;
}
td.hour strong{
	font-size: 1.1em;
/* 	font-family: 'Gill Bold'; */
}
table tbody tr td.hour {
  font-size: 1em;
  padding: 0;
  color: #626e7e;
  background: #fff;
  border-collapse: separate;
  min-width: 100px;
  cursor: default;
}
table thead tr th .short {
  display: none;
}
table tbody tr td {
  border-bottom: 1px solid #dddddd;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #a9a9a9;
  position: relative;
  height: 32px;
}
table tbody tr td:last-child {
  border-right: 1px solid #dddddd;
}
table tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}

table tbody tr td.hour {
  font-size: 1em;
  padding: 0;
  color: #626e7e;
  background: #fff;
  border-bottom: none;
  border-collapse: separate;
  min-width: 100px;
  cursor: default;
}
table tbody tr td.hour span {
  display: block;
/*   margin-top: -25%; */
  margin-top: -34%;
}
#agenda .selected,
#agenda .cellule-dispo:hover{
	background: #95c11f;
	color: white;
	border: 1px solid white;
}
.cellule-blanche{
	background: #fff;
}
.cellule-dispo {
    background: #95c11f;
    cursor: pointer;
    color: #95c11f;
    font-weight: bold;
    font-size: 1.2em;
}
.cellule-non-dispo{
	background: #efefef url(/assets/img/bg-non-dispo.gif) repeat center;
}
.informations-creneau{
	text-align: center;
	padding: 5px 10px;
	margin: 10px 0 0;
	background: #f8f8f8;
	border: solid 1px #636363;
}
.informations-creneau img{
	margin: 0 0 0 10px;
	vertical-align: sub;	
}
.btn-valid-form{
	display: block;
	width: 98%;
	margin: 2% 1%;
}
#se-connecter{
    margin: 2% 25%;
	width: 50%;
	background: #fff;
	text-align: center;
	padding: 20px;
}
#se-connecter-popup
{
	text-align:center;
	padding: 30px !important
}
#se-connecter-popup p
{
	font-size: 1.2em;
	color: #393939;
	font-weight:bold;
}


/** =8.6 Boutique
-------------------------------------------------------------------------------*/
.module-boutique {
	display: inline-block;
	width: 100%;
}
.bg-personnage{
/* 	background: transparent url(/assets/img/cig-four-bg-panier.png) no-repeat bottom  right; */
}
.bg-compte-home,
.bg-panier{
	background: #fff url(/assets/img/bg-popup-cde.jpg) no-repeat bottom center;
	-webkit-background-size: cover; 
  	background-size: cover;
}
.compte{
	padding: 0 50px 50px 50px;	
}
.compte-home{
	padding: 0 50px 275px 50px;	
}
/* Guides des étapes */
#guide-etapes {
	list-style-type: none;
	width: 100%;
	padding: 20px 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #d8d8d8;
}
#guide-etapes li {
	text-align: center;
	display: inline-block;
	width: 25%;
}
#guide-etapes span{
	display: block;
}
#guide-etapes .numero{
	font-size: 20px;
	width: 30px;
	height: 30px;
	border: solid 1px #95c11f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	padding: 1px 0px;
}
#guide-etapes .separateur{
	display: none;
}
.passes a:hover,
.passes a:focus{
	text-decoration: none;
	color: #95c11f;
}
#guide-etapes .active .numero{
	background: #95c11f;
	color: #fff;
	font-weight: bold;
}
.module-boutique .pave-border{
	padding: 0 20px;
}
.module-boutique .zone-identifiants,
.module-boutique .zone-coordonnees,
.module-boutique .zone-carte-eco{
	padding: 20px;
}
.module-boutique legend{
	padding: 0;
	margin: 30px 0 10px 0;
}
.module-boutique .bloc-icones-infos {
    background: #fff;
    text-align: center;
}
.etape3 .inner_interne,
.etape4 .inner_interne {
    width: 65%;
}
.zone-btn-validation .btn:hover{
	background: #fff;
}
/* =8.6.1 Commande :: ETAPE 1
-------------------------------------------------------------------------------*/
/* liste Panier */
#liste-panier {
	width: 100%;
}
#liste-panier tr {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}
#liste-panier .td-4 .quantite {
	width: 70px;
	text-align: center;
}
#liste-panier .td-2 .image {
	float: left;
	margin-right: 5px;
}
#liste-panier td:last-child,
#liste-panier th:last-child {
	text-align: right;
	padding-right: 20px;
}
#formulaire-etape1 {
	position: relative;
}
legend,
.titre-panier{
	color: #393939;
	font-size: 1.125em;
	text-transform: uppercase;
	display: block;
	padding: 15px 0;
	border: none;
}
#section-interieur-44 legend{
	padding: 0;
	margin: 30px 20px 10px 0;
}
.colonne-produit{
	display: inline-block;
	width: 66%;
	margin: 0 1% 0 0;
	vertical-align: top;
}
.col-recap{
	display: inline-block;
	width: 33%;	
	padding: 0 15px;
}
#formulaire-etape1 .col-recap{
	display: inline-block;
	width: 33%;	
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
/* 	margin: 0 20px 0 0;	 */
}
#choix-paiement .panel-body{
	text-align: center;
}
.produit-panier{
	padding: 20px 0;
	border-top: solid 1px #414141;
}
.produit-panier:first-child{
	border-top: none;
}
.label-etat{
	color: #797b7e;
}
.supprimer-produit{
	padding: 0 0 0 10px;
	vertical-align: initial;
}
.supprimer-produit:hover{
	cursor: pointer;
}
.col-recap .bloc-icones-infos li {
    width: 33%;
    margin: 3% 0;
}
.panier-etape1 .titre-pdt-panier{
	display: inline-block;
	margin: 0 0 10px 0;
}
.produit-panier .liste-caracteristiques,
.detail-etat-produit{
	padding: 5px 10px;
	margin: 0 0 15px 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
/** oney **/
.bloc-simulation-oney{
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #54565b;
	text-transform: uppercase;
	padding: 20px 15px 15px 15px;
}
.bloc-simulation-oney p{
	margin: 15px 0 10px 0;
}
.pastille-oney{
	text-align: center;
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
	line-height: 27px;
	font-weight: 700;
	width: 27px;
	height: 27px;
	border-radius: 27px;
	background-color: #81bc00;
	color: #fff;
	vertical-align: top;
	/*
	background: #81bc00;
	font-weight: bold;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;*/
}
.pastille-info{
	display: inline-block;
	line-height: 16px;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	border: 2px solid #81bc00;
	background-color: #fff;
	color: #81bc00;
	font-weight: 900;
	font-size: 12px;
	line-height: 12px;
	vertical-align: top;
	text-align: center;
	margin-top: 4px;
}
.pastille-info:hover{
	background-color: #81bc00;
	color: #ffffff;
	text-decoration: none;
}
.lien-cgv-oney{
	text-transform: none;
	text-decoration: underline;
	font-style: italic;
	color: #54565b;
}
.lien-cgv-oney:hover{
	color: #81bc00;
}
#cboxContent, #cboxLoadedContent
{
	background: none;
}
.pop-oney
{
	background:white
}
.pop-oney p {
	margin: 0;
	font-size: 0.8em;
	color: #666;
	width: 100%;
	line-height: 1em;
	text-align: left;
	padding: 6px 2px;
	border: 1px solid #86b902;
	border-top: none;
}
.pop-oney img {
	width: 100%;
}
/** garantie et mode livraison **/
.garanties,
#livraison{
	background: #f4f4f4;
	margin: 30px 0;
	padding: 0 15px;
}
#ajout_adresse #livraison{
	margin: 0;
}
.titre-adresse img,
.titre-panier img{
	padding: 0 10px;
	vertical-align: sub;
}
.label-garantie,
.label-transport{
	text-transform: lowercase;
	padding: 0 0 5px 10px;
	margin: 0;
	display: inline-block;
	width: 60%;
}
.tarif-btn-garantie,
.tarif-transport{
	display: inline-block;
	width: 40%;
	text-align: right;
	display: inline-block;
	padding: 0 0 5px 0;
	margin: 0;
}
.label-garantie::first-letter,
.label-transport::first-letter {
	text-transform: uppercase;
}
.ajout-garantie .prix-garantie{
	font-weight: 700;
}
.ajouter_garantie_bouton{
	text-transform: uppercase;
	font-size: 0.87em;
	padding: 5px 10px;
	margin: 0 10px;
	background: #fff;
	border: solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ajouter_garantie_bouton:focus,
.ajouter_garantie_bouton:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}
.supprimer_garantie_bouton{
	padding: 5px 11px;
	margin: 0 10px;
}
.supprimer_garantie_bouton:focus,
.supprimer_garantie_bouton:hover{
	color: #000;
	text-decoration: underline;
}
/** transporteurs **/
#zones-livraison{
	padding: 0 10px 15px 10px;
}
#zones-livraison select{
	width: 40%;
	margin: 0 10px;
}
.lignes_transporteurs{
	border-top:  1px solid #cccccc;
}
.total-cde-compte div,
.transporteur-detail,
.liste-garantie,
.ajout-garantie,
.item_transporteur{
	border-bottom : 1px solid #cccccc;
	padding: 7px 0;
}
.item_transporteur input{
	width : 5%;
	vertical-align: top;
}
.item_transporteur label{
	width: 95%;
	vertical-align: top;
	font-weight: 400;
}
.tarif_transports {
    float: right;
    font-weight: 700;
}
.item_transporteur img{
	padding : 5px 10px 0 20px;
}
#bloc_carte_relais img
{
	padding: 0;
}
.etape1 .item_transporteur img {
	height : 40px;
}
.etape1 .tarif_transport {
	display: none;
}
.etape3 .item_transporteur .tarif_transport{
	display: inline-block;
	padding: 0 0 0 10px;
	font-weight: bold;
}
/* Loader lors du recalcul du panier */
.etape1 .boutique-attente {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3) url('../img/loader.gif') no-repeat center center;
	width: 100%;
	height: 100%;
	z-index: 11;
}
/* Lignes montant */
.ligne-montant {
	border-bottom: 1px solid #E7E7E7;
	padding: 9px 0;
	text-align: right;
}
.ligne-montant .libelle,
.ligne-montant .montant {
	display: inline-block;
	width: 50%;
	vertical-align: top;
} 
#sous-total .montant{
	font-weight: bold;
}
.price,
#total-commande .montant{
/* 	color: #95c11f; */
	color: #414141;
	font-weight: bold;
/* 	font-size: 1.5em; */
	font-size: 1.6em;
}
/* Boutons */
.etape1 #bt-continuer,
.etape1 #bt-commander,
.etape3 .btn-primary,
.etape4 .btn-primary {
	text-transform: uppercase;
	margin: 20px 0;
}
.etape3 .btn-primary:focus,
.etape3 .btn-primary:active,
.etape3 .btn-primary:hover{
	border: solid 1px #95c11f;
	background: #fff;
}
.no-livraison
{
margin: 13px 15px;
color:#95c11f;
display: inline-block;
}
/* =8.6.2 Commande :: ETAPE 2
-------------------------------------------------------------------------------*/
.etape2{
	background: #f4f4f4 url(/assets/img/bg-etape2.jpg) no-repeat center;
	-webkit-background-size: cover; 
  	background-size: cover;
}
.etape2 .inner_interne{
/* 	background: transparent url(/assets/img/four-cig-etape2.png) no-repeat bottom 20% left 0; */
}
.etape2 h1 {
	color: #95c11f;
	font-size: 1.9em;
	padding: 0 30px;
}
.panel{
	background: none;
	border: none;
	box-shadow: none;
}
.zone-btn-valider.text-center {
    padding: 0 15px;
}
.legende{
	display: block;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	color: #95c11f;
	font-size: 1.2em;
	font-weight: bold;
}
/* =8.6.3 Commande :: ETAPE 3
-------------------------------------------------------------------------------*/
.etape3{
	background: #f4f4f4 url(/assets/img/bg-etape2bis.jpg) no-repeat center;
	-webkit-background-size: cover; 
  	background-size: cover;
}
.bg-etape3{
/* 	background: transparent url(/assets/img/fourmi-etape2bis.png) no-repeat bottom 20% left 0; */
}
.etape2 .inner_interne,
.etape3 .inner_interne {
    width: 65%;
}
.etape3 .pave-border {
    padding: 20px;
}
.etape3 #transporteurs {
    position: relative;
}
.etape3 #loader_transporteurs {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: white;
    display: none;
    height: 100%;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 100%;
}
#liste_relais,
#liste_relais_ce,
#bloc_carte_relais {
    height: 400px;
    width  : 100%;
    margin : 0.5% 0;
    overflow: auto;
    float : left;
}
/**Mise en forme du module colissimo***/
.bloc_colissimo_relais .zone_saisie_relais, 
.bloc_chronopost_relais .zone_saisie_relais{
	display: inline-block;
    padding: 10px 0;
    width: 100%;
}
.bloc_colissimo_relais .zone_saisie_relais input,
.bloc_colissimo_relais .zone_saisie_relais a,
.bloc_chronopost_relais .zone_saisie_relais input,
.bloc_chronopost_relais .zone_saisie_relais a{
	width : 23%;
	margin : 1%;	
	float : left;
}
.item_relais {
	border-bottom : 1px solid #CCCCCC;
	background : #fff;
	padding: 7px 2%;
	width : 100%;
	font-size : 1em;
	display: inline-block;
	position : relative;
	text-align: left;	
}
.item_relais.selected{
	background : #DCDCDC;
}
.item_relais > img{
	display: inline-block;
	float : left;
}
.item_relais div{
	display: inline-block;
	float : left;
	margin-left : 1%;
}
.item_relais .nom{
	display: block;
	font-weight : bold;
	font-size : 12px;
}
.item_relais .km{
	bottom: 5px;
    color: #a8a8a8;
    font-style: italic;
    position: absolute;
    right: 10px;
}
.choisir_relais {
    background: #95c11f;
    color: white;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    padding: 3px 10px;
    position: absolute;
    right: 8px;
    text-transform: uppercase;
    top: 11px;
    border: solid 1px #95c11f;
    -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.contenu_window .choisir_relais:hover,
.contenu_window .choisir_relais:focus,
.choisir_relais:hover,
.choisir_relais:focus{
	color: #000;
	background: #fff;
	border: solid 1px #95c11f;
	text-decoration: none;
}
.bloc_chronopost_relais .choisir_relais{
	background : #41ADE2;
}
.contenu_window{
	height: auto;
    width: 250px;
} 
.contenu_window .choisir_relais{
	text-align : center;
	position : relative;
	display: block;
	width: 100%;
	color: #fff;
	position: initial;
	margin: 10px 0;
} 
.bloc_colissimo_relais #carte, 
.bloc_chronopost_relais #carte{
	height : 400px;
}
.contenu_window span{
	color : #FFA500;
	display: block;
	font-weight : bold;
}
#liste_relais .conges{
    background: #A6A6A6 none repeat scroll 0 0;
    color: white;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    padding: 3px 10px;
    text-transform: uppercase;
    position: absolute;
    right: 8px;
    top: 11px;    
}
.bloc_colissimo_relais,
.bloc_chronopost_relais {
	position : relative;
}
.bloc_colissimo_relais #liste_relais,
.bloc_chronopost_relais #liste_relais {
	height: 400px;
    overflow: auto;
}
.bloc_relais_ce .relais_ce_choisi,
.bloc_relais_ce .horaire_ce_choisi,
.bloc_colissimo_relais .relais_choisi,
.bloc_chronopost_relais .relais_choisi {
    background: #fff;
    border: 1px solid #cccccc;
    display: inline-block;
    margin: auto;
    padding: 5px 25px;
    margin: 10px 0;
    position: relative;
    width: 100%;
}
.horaire_ce_choisi{
	text-align: center;
}
.horaire_ce_choisi a{
	color: #95c11f;
}
.horaire_ce_choisi .horaires{
	text-align: left;
	margin: 10px 0 0;
}
.suppr_relais .glyphicon-remove:hover,
.suppr_relais .glyphicon-remove:focus{
	color: #a02020;
}
.bloc_relais_ce .relais_choisi span.nom,
.bloc_colissimo_relais .relais_choisi span.nom,
.bloc_chronopost_relais .relais_choisi span.nom {
    font-weight : bold;
}
.bloc_relais_ce .suppr_relais,
.bloc_colissimo_relais .suppr_relais,
.bloc_chronopost_relais .suppr_relais {
	position: absolute;
	top : 5px;
	right : 5px;
}
.bloc_colissimo_relais #loader_colissimo,
.bloc_chronopost_relais #loader_chronopost{
	display: none;
	position: absolute;
	width: 100%;
	height : 100%;
	background : rgba(0,0,0,0.43);
	z-index : 11;
	color : white;
	font-weight : bold;
	text-align: center;
	font-size : 25px;
}
.bloc_colissimo_relais #loader_colissimo img,
.bloc_chronopost_relais #loader_chronopost img{
	height : 200px;
	margin-top : 100px;
}
/* =8.6.4 Commande :: ETAPE 4
-------------------------------------------------------------------------------*/
.bg-etape4{
	background: #f4f4f4 url(/assets/img/bg-etape3.jpg) no-repeat center;
	-webkit-background-size: cover; 
  	background-size: cover;
}
.etape4{
/* 	background: transparent url(/assets/img/fourmi-etape4.png) no-repeat bottom right; */
}
.panier-etape4{
	border-bottom: 1px solid #cccccc;
	padding: 20px 0;
}
.panier-etape4 .price {
    display: inline-block;
    width: 20%;
    text-align: right;
}
.garanties-etape4{
	border-bottom: 1px solid #cccccc;
	padding: 3px 10px;
	margin: 0;
	background: #fff;
}
.livraison-etape4{
	padding: 7px 10px;
	margin: 0;
}
.etape4 .label-transport,
.etape4 .label-garantie{ padding: 0;}
.etape4 .commentaire{
	border-top: 1px solid #cccccc;
	padding: 10px 0 20px 0;
}
.etape4 .ecoreflexe{
	background: #f4f4f4;
	border-top: solid 1px #d8d8d8;
	border-right: solid 1px #d8d8d8;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 7px #95c11f;
	padding: 6px 9px;
}
.etape4 .ecoreflexe p{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	display: inline-block;
	width: 40%;
}
.etape4 .ecoreflexe select{
	display: inline-block;
	width: 40%;
}
.etape4 .ecoreflexe span{
	display: inline-block;
	width: 20%;
	text-align: right;
	font-weight: bold;
}
.etape4 .commentaire div{
	border: solid 1px #cccccc;
	padding: 10px;
}
.etape4 .col-demi{
	display: inline-block;
	width: 49%;
	margin: 0 1% 0 0;
	vertical-align: top;
}
.etape4 .col-demi+.col-demi{margin: 0 0 0 1%;}
#panel-facturation .pave-border,
#panel-livraison .pave-border {
    padding: 20px;
}
.etape4 .pave-cb{
	padding: 15px;
}
.pave-cb .btn{
	margin: 10px 0 0 0;
}
#gestion-cgv input,
#fidelisation input {
    float: left;
    margin: 6px 6px 0px 0px;
}
#choix-paiement .panel-oney {
    font-family: arial, sans-serif;
    font-size: 0.9em;
    text-align: left;
    padding: 0 15px 10px 15px;
    margin: 0 0 15px 0;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}
#choix-paiement .panel-oney p {
	text-align: center;
	padding: 15px 0 0;
}
#choix-paiement .panel-body span {
    display: inline-block;
    width: 25%;
    text-align: center;
}
#choix-paiement .panel-oney span{
    display: inline-block;
    width: 50%;
    text-align: center;
    margin: 0 0 10px 0;
}
#choix-paiement .panel-oney .pastille-oney {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
}
#choix-paiement label {
    display: block;
}
#choix-paiement .panel-oney label {
    display: inline-block;
	vertical-align: bottom;
	margin: 0 10px;
}
#choix-paiement .panel-body span {
    text-align: center;
}
/* #choix-paiement .details-trois span, */
/* #choix-paiement .details-quatre span{ */
/* 	width: 100%; */
/* } */
.details-trois li,
.details-quatre li{
	padding: 0;
	list-style-type: disc;
}
/* =8.6.5 Commande :: ETAPE 5
-------------------------------------------------------------------------------*/
.etape5{
	background: #f4f4f4 url(/assets/img/bg-etape5.jpg) no-repeat center;
	-webkit-background-size: cover; 
  	background-size: cover;
}
.etape5 .inner_interne{
	width: 65%;
	margin: 0 auto;
}
.etape5 .zone-message{
/* 	background: transparent url(/assets/img/fourmi-etape5.png) no-repeat bottom left; */
	padding: 50px 0;
}
.etape5 .message{
	width: 55%;
	margin: 50px auto 50px auto;
    padding: 20px 20px 50px 20px;
    text-align: center;
    background: #fff url("../img/bg-popup-etape5.png") repeat-x bottom center;
    border: solid 1px #d8d8d8;
    min-height: 240px;
}
.etape5 h3{
	color: #95c11f;
	font-size: 1.8em;
	font-style: italic;
}
/* =8.7 Cient
-------------------------------------------------------------------------------*/

#entete-compte{
/* 	background: url(/assets/img/h1-compte-four.png) left 35px bottom no-repeat, #d5d931 url(/assets/img/h1-compte-cig.png) right 35px bottom no-repeat; */
/* 	background: #d5d931; */
	margin: 0 0 40px 0;
	border-bottom: solid 10px #fff;
}
#entete-compte h1{
	font-size: 3em;
	font-weight: bold;
	text-transform: initial;
	margin: 0 0 5px 0;
}
.page-compte-carte img{
	vertical-align: middle;
	display: inline-block;
	margin: 0 27px 0 0;
}
.page-compte-carte h1{
	font-size: 1.625em;
	vertical-align: middle;
	display: inline-block;
}
.compte #fil-ariane a,
.bg-compte #fil-ariane a{
	color: #393939;
}
#entete-compte h1 a:active,
#entete-compte h1 a:focus,
#entete-compte h1 a:hover{
	text-decoration: none;
	color: #636363;
}
.compte h2{
	color: #95c11f;
	font-size: 1.5em;
	text-align: center;
	text-transform: initial;
	margin: 30px 0 15px 0;
}
/* .welcome-client a, */
.welcome-client{
	padding: 0 0 20px 0;
	font-size: 1.625em;
	color: #393939;
	margin: 0;
/* 	color: #8e8e8e; */
}
.bloc_etats div{
	float: left;
    margin: 1%;
    padding: 5px 0;
    text-align: center;
    width: 14%;
}
.bloc_etats .suivant{
	background : #D3D3D3;
	color : white;
}
.bloc_etats .selected{
	background : #56C982;
	color : white;
}
.zone-menu-compte{
	padding: 0;
	margin-bottom: 40px;
}
#menu-compte-client{
	display: flex;
	flex-wrap: wrap;
}
.menu_compte{
/* 	display: inline-block; */
/* 	width: 14.3%; */
	flex-basis: 14.28%;
	margin: 0;
	padding: 70px 2px 20px 2px;
	background: #fff;
	color: #8e8e8e;
/* 	border-bottom: 4px solid #fff; */
	text-transform: uppercase;
	text-align: center;
/* 	font-size: 1em; */
/* 	line-height: 1em; */
	font-size: 0.9em;
	line-height: 1.2em;
	vertical-align: middle;
}
.menu-fidelite-active{
	background: #95c11f url(/assets/img/ico-fid-bl.png) top 20px center no-repeat;
	color: #fff;
}
.menu-cde-web-active{
	background: #95c11f url(/assets/img/ico-cde-bl.png) top 20px center no-repeat;
	color: #fff;
}
.menu-resa-web-active{
	background: #95c11f url(/assets/img/ico-resa-compte-bl.png) top 20px center no-repeat;
	color: #fff;
}
.menu-donnees-active{
	background: #95c11f url(/assets/img/ico-donnee-bl.png) top 20px center no-repeat;
	color: #fff;
}
.menu-vtes-web-active{
	background: #95c11f url(/assets/img/ico-vte-bl.png) top 20px center no-repeat;
	color: #fff;
}
.menu-msg-active{
	background: #95c11f url(/assets/img/ico-msg-bl.png) top 20px center no-repeat;
	color: #fff;
}
.menu-dmdes-web-active{
	background: #95c11f url(/assets/img/ico-dmdes-bl.png) top 20px center no-repeat;
	color: #fff;
}

.menu-fidelite{
	background: url(/assets/img/ico-fid.png) top 20px center no-repeat;
}
.menu-fidelite:focus,
.menu-fidelite:hover{
	background: #95c11f url(/assets/img/ico-fid-bl.png) top 20px center no-repeat;
}
.menu-resa-web{
	background: url(/assets/img/ico-resa-compte.png) top 20px center no-repeat;
}
.menu-resa-web:focus,
.menu-resa-web:hover{
	background: #95c11f url(/assets/img/ico-resa-compte-bl.png) top 20px center no-repeat;
}
.menu-donnees{
	background: url(/assets/img/ico-donnee.png) top 20px center no-repeat;
}
.menu-donnees:focus,
.menu-donnees:hover{
	background: #95c11f url(/assets/img/ico-donnee-bl.png) top 20px center no-repeat;
}
.menu-cde-web{
	background: url(/assets/img/ico-cde.png) top 20px center no-repeat;
}
.menu-cde-web:focus,
.menu-cde-web:hover{
	background: #95c11f url(/assets/img/ico-cde-bl.png) top 20px center no-repeat;
}

.menu-vtes-web{
	background: url(/assets/img/ico-vte.png) top 20px center no-repeat;
}
.menu-vtes-web:focus,
.menu-vtes-web:hover{
	background: #95c11f url(/assets/img/ico-vte-bl.png) top 20px center no-repeat;
}
.menu-msg{
	background: url(/assets/img/ico-msg.png) top 20px center no-repeat;
}
.menu-msg:focus,
.menu-msg:hover{
	background: #95c11f url(/assets/img/ico-msg-bl.png) top 20px center no-repeat;
}
.menu-dmdes-web{
	background: url(/assets/img/ico-dmdes.png) top 20px center no-repeat;
}
.menu-dmdes-web:focus,
.menu-dmdes-web:hover{
	background: #95c11f url(/assets/img/ico-dmdes-bl.png) top 20px center no-repeat;
}
.menu_compte:active,
.menu_compte:hover,
.menu_compte:focus,
.menu_compte.active {
	text-decoration: none;
	color: #fff;
/* 	background: #95c11f; */
/* 	border-bottom: 4px solid #000; */
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.compte .col-demi{
	display: inline-block;
	width: 49%;
	margin: 0;
	text-align: center;
/* 	min-height: 240px; */
	min-height: 380px;
}
#info-recap .colonne_gauche {
    margin: 0 1% 20px 0;
}
#info-recap .colonne_droite{
    margin: 0 0 20px 1%;
}
#achat-mag, 
#vtes-web, 
#dmdes-web, 
#resa-web, 
#cde-web, 
#donnee-pers, 
#mess-pers {
  display: inline-block;
  width: 48%;
  margin: 0 0 10px 0;
  margin: 1%;
}
#cde-web,
#zone-plus-magasin{
/* 	margin: 0 1% 1% 0; */
}
#cde-web,
#dmdes-web,
#vtes-web,
#dmdes-web,
#mess-pers,
.zone-plus-magasin{
/* 	margin: 0 0 1% 0 !important; */
}
.compte-home .pave-border{
	padding: 20px 10px 10px 10px;
	min-height: 270px;
}
.compte h3{
	margin: 0 0 15px 0;
}
.compte h3 a{
/* 	color: #95c11f; */
	color: #010101;
	text-transform: uppercase;
/* 	font-size: 0.5em; */
/* 	font-style: italic; */
	font-size: 0.47em;
	margin:  0;
	word-wrap: anywhere;
}
.compte h3 a:focus,
.compte h3 a:hover{
	text-decoration: none;
	color: #95c11f;
}
.col-moitie{
	display: inline-block;
	width: 50%;
	margin: 0;
	padding: 0 10px;
}
.zone-un-magasin{
	background: #fff url("../img/fourmi-small-angle.jpg") no-repeat right bottom;
}
.zone-ecocre a{
	display: block;
	margin: 5px 0;
}
.eco-credit{
	color: #fff;
	background: #95c11f;
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.4em;
}
.col-moitie .eco-credit:hover,
.cartouche-mag .eco-credit:hover{
	text-decoration: none;
/* 	background: #d5d931; */
	background: #414141;
	color: #fff;
}
/** plusieur mag **/ 
.cartouche-mag{
	display: table;
	width: 100%;
	background: #fff url("../img/puce-fleche.png") no-repeat scroll 98% center;
	padding: 0 20px;
	margin: 0 0 15px 0;
	text-align: left;
	line-height: 1.2em;
	color: #393939;
	border: solid 1px #d6d7d7;
	font-size: 1em;
	font-family: "Gill", sans-serif;
}
.cartouche-mag a:hover{
	text-decoration: none;
	color: #95c11f;
}
.zone-recap-ecocredit div,
.cartouche-mag div{
	display: table-cell;
	vertical-align: middle;
}
.nom-magasin{
	text-transform: uppercase;
	padding: 0 0 0 10px;
}
.zone-ecocre{
	padding: 0 10px 0 0;
}

/**page fid **/
#choix_carte .cartouche-mag{
	font-weight: bold;
}
.zone-recap-ecocredit{
	display: table;
	width: 100%;
}
.detail-ecocredit .trente{
	font-size: 1.875em;
	color: #95c11f;
	display: block;
	margin: 10px 0 35px 0;
}
.avec-remises .trente{
	margin: 10px 0 15px 0;
}
.detail-ecocredit p{
	font-size: 1.375em;
	line-height: 1.4em;
	margin: 0 0 20px;
}
.avec-remises p{
	font-size: 1.375em;
	line-height: 1.4em;
	margin: 0 0 10px;
}
.avec-remises p + p{
	font-style: italic;
	font-size: 1em;
	margin: 0 0 5px;
}
.liste-badges li
{
	display: inline-block
}
.liste-badges li img
{
	width : 70px;
}
.qtip-badges {
    background: #95c11f;
    color: white;
    font-size: 16px;
    padding: 5px;
    line-height: 1em;
    border: 1px solid #95c11f;
}
.zone-recap-mobile span,
.detail-ecocredit p span{
	color: #95c11f;
	font-weight: bold;
}
#page_carte_ecoreflexe .btn-simple,
.detail-ecocredit .btn-simple{
	text-transform: uppercase;
	padding: 5px 10px;
	background: #fff;
}
.zone-img-jauge{
	padding: 0;
	background: #fff url("../img/jauge-img/img-maquette.png") no-repeat center center;
	background-size: cover;
}
.zone-img-jauge img{
/* 	width: 100%; */
/* 	height: auto; */
}
.pastille_co2{
	color: white;
	margin: 0;
	display:inline-block;
	min-width: 48px;
	line-height: 1.05em;
}
.liste-commandes .ui-state-default,
.bg-ligne-cde a,
.btn-carte a,
.bloc_reservation .ui-state-default{
	display: block;
	background: #f4f4f4 url("../img/puce-fleche.png") no-repeat scroll 98% center;
/* 	padding: 10px 20px; */
	padding: 10px 15px 10px 10px;
	margin: 0 0 10px 0;
	text-align: left;
	color: #393939;
/* 	font-size: 1em; */
	font-size: 0.90em;
	font-family: "Gill", sans-serif;
}
.bloc_reservation .ui-state-default:focus{
	outline: none;
}
.bg-ligne-cde a:focus,
.bg-ligne-cde a:hover,
.btn-carte a:hover,
.btn-carte a:focus{
	background: #f4f4f4 url("../img/puce-fleche.png") no-repeat scroll 98% center;
	color: #95c11f;
	text-decoration: none;
}
.bg-ligne-cde .status-cde{
	padding: 0 10px;
	text-transform: initial;
	color: #999999;
}
.bg-ligne-cde .prix{
	font-size: 1.125em;
	float: right;
	padding: 0 15px 0 10px;
}
.ui-state-default .prix {
    padding: 0 40px 0 10px;
    line-height: 60px;
}
.bg-ligne-no-cde{
	background: #f4f4f4;
	color: #999999;
	padding: 10px;
}
.bg-ligne-cde .etat-valide, li.etat-valide
{
	color: #95c11f;
}
/** liste cde **/
#modif-adresses-compte{
	padding: 0 0 15px 0;
}
.liste-commandes-site{
	border: solid 1px #d8d8d8;
	padding: 0 0 15px 0;
}
.header-commande{
	margin: 10px;
}
.ui-state-default {
    border: none;
	background:none;
}
#mes-achat-web .liste-commandes .ui-state-default,
.liste-commandes-site .ui-state-default,
.bloc_reservation .ui-state-default{
	margin: 10px 1%;
	width: 98%;
}
#adresses_supp_compte h3,
.liste-commandes-site h3{
	color:#95c11f;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin: 20px 10px 5px 1%;
}
#adresses_supp_compte h3{
	margin: 20px 10px 5px 0;
}
.liste-commandes-site h3{
	font-weight: normal;
}
.liste-commandes-site .ui-accordion .ui-accordion-header-active,
.bloc_reservation .ui-accordion .ui-accordion-header-active {
	margin: 10px 1% 0 1%;
    border-bottom: 0 !important;
}
.liste-commandes-site .ui-widget-content,
.bloc_reservation .ui-widget-content {
    border: none;
    border-top: 1px solid #d8d8d8;
/*     background: #ececec; */
    background: #f4f4f4;
    color: inherit;
    margin: 0 1%;
    padding: 15px 20px;
}
.detail-une-cde .date{
	color: #95c11f;
	font-style: italic;
}
.titre-adresse{
	display: block;
	margin: 0 0 10px 0;
}
.col-adresse{
	display: inline-block;
	width: 49%;
	margin: 20px 0 10px 1%;
	vertical-align: top;
}
.infos-facturation{
	margin: 20px 1% 10px 0;
}
.liste-commandes-client .col-adresse .pave-border,
.liste-commandes-client .infos-facturation .pave-border{
	min-height: 116px;
}
.statut-cde{
	border: solid 2px #95c11f;
	padding: 15px;
	margin: 15px 0;
	color: #aaaaaa;
	font-weight: bold;
}
.statut-cde li{
	background: url(/assets/img/bg-trait.gif) repeat-y 0% 100%;
	padding: 0px 15px;
}
.statut-cde li:first-child{
	padding: 0px 15px;
	background: url(/assets/img/bg-trait-first.gif) no-repeat 0% 100%;
}
.statut-cde li:last-child{
	padding: 0px 15px;
	background: url(/assets/img/bg-trait-last.gif) no-repeat 0% 0%;
}
.statut-cde li:before {
	content: "●"; 
	display: inline;
	font-size: 1.8em;
	padding: 0 10px 0 0;
	margin: 0 0 0 -24px;
}
.statut-cde .sans-time-line li{
	background: none;
}
.statut-cde .sans-time-line li::before{
	vertical-align: sub;
}
.titre-status{
	text-decoration: underline;
	font-weight: bold;
	color: #393939;
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
}
.liste-commandes-site .titre-col{
	font-size: 1em;
	padding: 0;
	display: inline-block;
	width: 65%;
	vertical-align: top;
}
.liste-commandes-site .informations_magasin {
    width: 35%;
    display: inline-block;
    text-align: right;
}
.titre-col strong{
	color: #95c11f;
	text-transform: uppercase;
}
.liste-commandes-site .produit-panier{
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #cccccc;
}
.total-cde-compte .tarif,
.transporteur-detail .tarif,
.liste-commandes-site .prix{
/* 	color: #393939; */
/* 	font-size: 1em; */
	color: #414141;
	font-size: 1.1em;
	float: right;
}
.liste-commandes-site .commentaire {
    margin: 15px 0 0 0;
}
.total-cde-compte{
	display: block;
	width: 67%;
}
.total-cde-compte div{
	padding: 7px 13px;
}
#adresses-compte{
/* 	margin: 0 15px; */
}
#adresses_supp_compte .panel:nth-child(even){
	background:#f4f4f4;
	width: 49%;
	margin: 1% 0 1% 1%;
	display: inline-block;
}
#adresses_supp_compte .panel:nth-child(odd){
	background:#f4f4f4;
	width: 49%;
	margin: 1% 1% 1% 0;
	display: inline-block;
}
.form_ajout_carte,
#changer_motdepasse,
#page_mon_compte{
	margin: 10px 0 10px 0;
	border: solid 1px #d8d8d8;
}
#adresses-compte,
.bloc_reservation{
/* 	padding: 0 10px; */
}
#adresses-compte .pave-border{
	padding: 2%;
}
.form_ajout_carte,
#changer_motdepasse{
	padding: 30px 15px;
	background: #fff;
}
.form_ajout_carte input[type="text"],
.form_ajout_carte input,
.form_ticket input[type="text"],
.form_ticket input{
	width: 50%;
	margin: 1% 25%;
	text-align: center;
	padding: 10px;
}
#adresses-compte .btn{
	margin: 10px 0;
}
.item_reservation h3{
	color: #95c11f;
	font-size: 1.125em;
	text-transform: uppercase;
	margin: 10px 0 15px 0;
}
.item_reservation h4{
	color: #636363;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	font-size: 1em;
	border-bottom: 1px solid #636363;
	margin: 15px 0;
}
.item_article_reservation{
/* 	background: #f4f4f4; */
	display: block;
	width: 100%;
	padding: 15px;
	margin: 10px 0;
	position: relative;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
}
.item_article_reservation td{}
.item_article_reservation .image{
	width: 10%;
}
.item_article_reservation .image img{
	width: 100%;
	height: auto;
}
.item_article_reservation .nom{
	width: 35%;
	padding: 0 1%;
}
.item_article_reservation .etat{
	width: 15%;
	padding: 0 1%;
	text-align: right;
}
.item_article_reservation .prix{
	width: 15%;
	text-align: center;
}
.item_article_reservation .statut{
	width: 25%;
	text-align: right;
}
.item_article_reservation .statut_article_resa{
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 1.7em;
	text-align: center;
	display: inline-block;
	padding: 0 10px;
}
.item_article_reservation .statut-0,
.item_article_reservation .statut-1{
	border : 1px solid black;
	color : #95c11f;
}
.item_article_reservation .statut-2{
	border : 1px solid #bacb19;
}
.item_article_reservation .statut-3{
	border : 1px solid #b6b6b7;
	color : #bacb19;
}
.item_article_reservation .statut-4,
.item_article_reservation .statut-5{
	border : 1px solid #ff0000;
}
.item_article_reservation .statut-6,
.item_article_reservation .statut-9{
	border : 1px solid #b6b6b7;
	colo : black;
}
.item_article_reservation .statut-8{
	border : 1px solid #95c11f;
}
.annule_article_resa{
	color: #636363;
	padding: 0px 5px;
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #636363;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.annule_article_resa:hover,
.annule_article_resa:focus{
	color: #fff;
	background: #636363;
	text-decoration: none;
}
/** page carte **/
#infos_carte_magasin{
	font-size: 1.125em;
	font-weight: 700;
	font-family: "Gill", sans-serif;
}
#ecocredit_carte_ecoreflexe{
    background: #fff url(/assets/img/bg-ecocredit_carte_ecoreflexe.jpg) no-repeat bottom center;
        background-size: auto;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 0;
}
#ecocredit_carte_ecoreflexe p{
    font-size: 1.875em;
    margin: 30px 0 0;    
}
#ecocredit_carte_ecoreflexe span{
	display: inline-block;
	margin: 20px 0;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1em;
    
}
/* .bg-personnage-carte{ */
/*     background: url(/assets/img/fourmi-page-carte.png) left 35px bottom no-repeat, url(/assets/img/cigale-page-carte.png) right 35px bottom no-repeat; */
/* } */
.numero-carte{
	width: 100%;
	padding: 10px 0 20px 0;
}
.img-info-carte{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	text-align: center;
	padding: 10px 0 0;
}
.contenu-info-carte{
	display: inline-block;
	width: 70%;
	vertical-align: top;
	padding: 10px 0 0;
}
.recap strong{
	display: inline-block;
	width: 20%;
	font-style: italic;
	font-weight: 600;
}
.recap span{
	display: block;
}
.recap .type-valeur {
    display: inline-block;
}
.recap img{
    padding: 0 10px;
}
.contenu-info-carte p{
	margin: 20px 0 10px 0;
	font-style: italic;
}
.info-verte{
	font-weight: 700;
	color: #95c11f;
}
.btn-marche{
	font-style: normal;
	text-transform: uppercase;
	padding: 8px 10px;
	margin: 0;
}
#afficher{
	display: none;
}
.entete,
.ligne-entete{
	background: #d8d8d8;
	font-size: 0.9em;
	font-style: italic;
	font-weight: 600;	
	text-transform: uppercase;
}
.item_historique,
.entete,
.item_depot,
.item_sav{
	background: none;
	border-bottom: 1px solid #636363;
}
.ligne-tableau{
	border-bottom: solid 1px #d8d8d8;
}
.ligne-entete th,
.ligne-tableau td{
	padding: 5px 10px;
}
.historique_achats,
.alertes_produit,
.produits_depot,
.sav_attente,
.historique_ventes{
	width: 100%;
}
.historique_achats .th-6,
.historique_achats .td-6{
	text-align: right;
}
.historique_achats .td-6 a:hover,
.historique_achats .td-6 a:focus,
.historique_achats .td-6 a:active{
	color: #95c11f;
}
.historique_achats th,
.alertes_produit th,
.produits_depot th,
.sav_attente th{
	padding: 10px;
}
.historique_achats td,
.alertes_produit td,
.produits_depot td,
.sav_attente td{
	font-style: normal;
	font-size: 1em;
	color: #393939;
	padding: 5px 10px;
}
.historique_achats .th-1,
.historique_achats .td-1,
.produits_depot .th-1,
.produits_depot .td-1,
.sav_attente .th-1,
.sav_attente .td-1,
.historique_achats .th-4,
.historique_achats .td-4,
.produits_depot .th-4,
.produits_depot .td-4,
.sav_attente .th-4,
.sav_attente .td-4{
	width: 10%;
}
.historique_achats .th-2,
.historique_achats .td-2,
.produits_depot .th-2,
.produits_depot .td-2,
.sav_attente .th-2,
.sav_attente .td-2,
.historique_achats .th-5,
.historique_achats .td-5,
.produits_depot .th-5,
.produits_depot .td-5,
.sav_attente .th-5,
.sav_attente .td-5{
	width: 15%;
}
.historique_achats .th-3,
.historique_achats .td-3,
.produits_depot .th-3,
.produits_depot .td-3,
.sav_attente .th-3,
.sav_attente .td-3{
	width: 30%;
}
.alertes_produit .th-1,
.alertes_produit .td-1,
.alertes_produit .th-2,
.alertes_produit .td-2,
.alertes_produit .th-3,
.alertes_produit .td-3{
	width: 33%;
}
/*Compte Achat*/
.mes-estimations
{
	text-transform: uppercase;
	color: #95c11f;
	margin: 0;
}
.etat-orange
{
	color: #999
}
.etat-gris
{
	color: #8e8e8e
}
.etat-rouge
{
	color: #c51604
}
.etat-vert
{
	color: #95c11f;
}
.liste-commandes .ui-state-default,
.liste-demandes-achats-client .header-demande-achat,
.liste-commandes-achats-client .header-commande-achat, 
.header-historique, 
.liste-cdes-achats-historique .header-commande-achat, 
.liste-messages-achats-client .header-message-achat
{
	background: #f5f5f5 url("../img/puce-fleche.png") no-repeat scroll 98% center;
	color: #393939;
	width: 100%;
	padding: 20px;
	margin: 15px 0 0 0 !important;
	border-bottom: 1px solid #e2e2e2 !important;
	cursor: pointer;
}
.liste-messages-achats-client .header-message-achat {
  font-size: 0.90em;
}
.liste-cdes-achats-historique,
.liste-dmdes-achats-historique
{
	display: none;
}
.demande-achat-header,
.header-historique p 
{
	text-transform: uppercase;
	margin: 0;
}
.header-historique.opened, .header-commande-achat.opened, .header-message-achat.opened
{
	background: #f5f5f5 url("../img/puce-fleche-bas.png") no-repeat scroll 98% center;
}
.header-historique.opened + .liste-cdes-achats-historique 
{
	display: block
}
.header-historique.opened + .liste-dmdes-achats-historique 
{
	display: block
}
.demande-achat-header >p,
.header-commande-achat > p, 
.header-message-achat > p{
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
.demande-achat-header,
.commande-achat-header,
.header-message-achat
{
	text-align: left;
	/*font-size: 1.1em;*/
	width: 35%;
	display: inline-block;
}
.demande-achat-header
{
	width: 45%;
}
.prix-achat-header
{
	text-align: right;
	float: right;
	margin-right: 50px !important;
}
.prix-achat-header span, .total-commande span
{
	margin-left: 20px;
	color: #414141;
	font-size: 1.1em;
	font-weight: 600;
	white-space: nowrap;
}
/* .header-commande-achat.opened ~ .detail-une-cde-achat */
/* { */
/* 	visibility: visible; */
/* 	height: auto; */
/* 	animation: open 0.5s; */
/* } */

.liste-commandes-achats-client .detail-une-cde-achat, .liste-cdes-achats-historique .detail-une-cde-achat
{
	background: #f5f5f5;
	padding: 20px;
	margin: 15px 0px;
/* 	visibility: hidden; */
/*  	height: 0px;  */
/* 	overflow:hidden;  */
}
.liste-commandes-achats-client .detail-une-estimation{
/* 	background: #fff; */
}
.element-ok::before
{
	content: url(../img/coche-elem-ok.png);
	margin-right: 5px;
	vertical-align: sub;
}
.element-manquant::before
{
	content: url(../img/coche-elem-mqt.png);
	margin-right: 5px;
	vertical-align: sub;
}
.detail-dans-messagerie,
.detail-mess-achat{
	border: solid 1px #d8d8d8;
	padding: 0px 15px 10px 15px;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
}
.liste-messages-achats-client .detail-mess-achat{
	background: #f5f5f5;
	box-shadow: none;
}
.detail-mess-achat .btn-reponse.opened {
  display: none;
}
.detail-dans-messagerie{
	margin: 0 0 20px 0;
}
.sans-cadre{
	border: none;
	padding: 0;
	box-shadow: none;
}
.vos-produits, 
.adresse-envoi,
.detail-message{
	  margin: 12px 0 6px;
	  display: inline-block;
	  text-transform: uppercase;
}
.detail-message::after{
	content: url(../img/ico-messagerie.png);
	margin-left: 10px;
	vertical-align: top;
}
.vos-produits::after
{
	content: url(../img/icone-pdts.png);
	margin-left: 10px;
	vertical-align: top;
}
.adresse-envoi::after
{
	content: url(../img/ico-adresse-fac.png);
	margin-left: 10px;
	vertical-align: top;
}
.detail-une-cde-achat .liste-produits{
	padding: 5px 20px;
}
.detail-une-estimation .liste-produits{
	padding: 5px 0;
	border-bottom: 1px solid #e2e2e2 !important;
}
.detail-une-cde-achat .details-produit
{
	border-top: 1px solid #cecece;
	padding: 15px 0;
}
.header-message-achat
{
	color: #95c11f;
	text-transform: uppercase
}
.bloc-message > div
{
	background-color: #f5f5f5;
	padding: 15px;
	text-align: left;
	display: inline-block;
	width: 75%;
	font-size: 1.1em;
}
.boutons-choix
{
	text-align:right
}
.boutons-choix .btn-refus{
	background: #af241e;
	font-weight: bold;
	border: 1px solid #af241e;
}
.boutons-choix .btn-refus:focus,
.boutons-choix .btn-refus:hover{
	background: #fff;
	color: #af241e;
}
.boutons-choix .btn-accepter{
	background: #73d4e2;
	font-weight: bold;
	border: 1px solid #73d4e2
}
.boutons-choix .btn-accepter:focus,
.boutons-choix .btn-accepter:hover{
	background: #fff;
	color: #73d4e2
}
.bloc-message-ce
{
	text-align: left;
}
.bloc-message-client
{
	text-align: right;
}
.contre-proposition > .message-automatique
{
/* 	color: #95c11f; */
	color: #ed8222;
	text-align: center; 
	font-weight: bold;
	margin-top: 25px;
	text-transform: uppercase
}
.contre-proposition > .message-automatique span,
.message-magasin span,
.message-user span{
	font-weight: initial;
	font-style: italic;
}
.contre-proposition > div.col-entier
{
	border: 1px solid #ed8222;
	width: 100%;
	text-align: center
}
.contre-proposition > div.col-entier > span
{
	font-weight: bold;
/* 	color: #414141; */
	color: #ed8222;
/* 	font-size: 1.2em; */
/* 	color: #f07f13; */
}
.message-magasin,
.message-user{
	color: #95c11f;
	font-size: 0.9em;
	font-weight: bold;
	width: 75%;
	margin: 25px 25% 5px 0;
}
.message-user{
	text-align: left;
	width: 75%;
	margin: 25px 0 5px 25%;
}


.bloc-message p img {
  	margin: 0 8px 0 0;
}
.message-magasin > span
{
	font-weight: normal;
}
.btn.submit-reponse{
	display: none;
	width: 75%;
	margin: 15px 0 15px 25%;
/* 	margin: auto; */
	background: #95c11f;
	border: none;
/* 	border: 2px solid #95c11f; */
}
.btn.submit-reponse:hover
{
/* 	background: white; */
/* 	color: #95c11f; */
}
.opened + .message-repondre,
.opened + .message-repondre + .submit-reponse
{
	display: block
}
.message-repondre{
	display: none;
	width: 75%;
	margin: 15px 0 15px 25%;
	min-height: 150px;
		
	
/* 	  */

/* 	margin: 15px 12.5%;  */
/* 	height: 261px;  */
/* 	max-height: 150px;  */
/* 	max-width: 75%; */
}
.contre-proposition-acceptee
{
	width: 100%;
	padding: 26px;
	border: 1px solid #95c11f;
	color: #95c11f;
	background: white;
}
.question-complementaire
{
/* 	padding: 7px 0; */
/* 	font-size: 1.1em; */
}
.question-complementaire input
{
	margin: 0 15px;
	max-width: 250px;
}
.question-complementaire input[type=radio]{
	width: auto;
	display: inline;
	vertical-align: middle;
	margin: 0 3px 0 15px;
}
.reponses-cotation
{
	margin: 15px 0px;
	border: 1px solid #ccc;
	padding: 15px;
}
.vos-produits-estimation,
.reponses-cotation .lien-ouverture
{
	margin: 0;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.85em;
/* 	font-weight: bold; */
	position: relative;
}
.detail-pdt-estimation .vos-produits-estimation{
	display: block;
	color: #000;
	font-weight: 600;
	font-size: 1.1em;
	margin: 0 0 15px 0;
	cursor: none;
}
.reponses-cotation .lien-ouverture::after
{
	content: '';
    bottom: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 5px;
    left: auto;
    border-top: 1px solid #393939;
    border-top-color: rgb(255, 255, 255);
    border-top-color: #393939;
    border-left: 1px solid #393939;
    border-left-color: rgb(255, 255, 255);
    border-left-color: #393939;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    position: absolute;
    top: 2px;
	
}
.reponses-cotation .lien-ouverture.opened::after
{
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.reponses-cotation .lien-ouverture + div
{
	font-size: 0.85em;
	line-height: 1em;
	display: none;
	margin: 15px 0;
}
.detail-pdt-estimation span,
.lien-ouverture + div span
{
	color: #999;
}
.liste-estimation{
/* 	padding: ; */
}
.liste-demandes-achats-client .detail-une-estimation{
	padding: 0px 1px;
}
.detail-pdt-estimation{
	padding: 20px 0;
/* 	border-top: solid 1px #636363; */
/* 	border-bottom: solid 1px #636363; */
	border-bottom: 1px solid #e2e2e2;
}
.detail-pdt-estimation p{
	font-size: 0.95em;
	margin: 5px 0 0 0;
}
.detail-pdt-estimation .col-2tier-droite,
.detail-pdt-estimation .col-1tier-gauche{
	display: inline-block;
	width: 58%;
	margin: 0 1% 0 1%;
	vertical-align: top;
}
.detail-pdt-estimation .col-1tier-gauche{
	width: 38%;
}

.explications-aide{
	display: inline-block;
	color: #73d4e2;
	font-size: 1.1rem;
	margin: 10px 0 10px 10px;
	margin-right: 0px;
	cursor: pointer;
	vertical-align: middle;
	vertical-align: baseline;
	position: relative;
	
/* 	display: inline-block; */
/* 	color: #73d4e2; */
/* 	position: relative; */
/* 	margin: 0 0 0 20px; */
/* 	  margin-right: 0px; */
/* 	margin-right: 0px; */
/* 	font-size: 1.1em; */
/* 	cursor: pointer; */
/* 	vertical-align: middle; */
}
.explications-aide::before, 
.en-savoir-plus::before {
	content: "";
	background-image: url(../img/aide.png);
	background-size: 30px 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: sub;
	margin-right: 5px;
}
.explications-aide::before
{
/*   content: url(../img/aide.png); */
/*   margin-right: 5px; */
/*   vertical-align: sub; */
}
.en-savoir-plus:hover, 
.explications-verite:hover, 
.explications-aide:hover {
	text-decoration: underline #73d4e2;
}
.detail-une-cde-achat .total-commande
{
	float: right;
	color: #393939;
	margin: 15px;
	font-size: 1.1em;
}
.infos-achat-mag
{
	padding: 15px 10px;
	margin: 15px 0;
}
.infos-achat-mag > p{
	vertical-align: middle;
	display: inline;
/* 	font-weight: 600; */
	color: #909090;
}
.infos-achat-mag  .mag{
	color: #95c11f;
	font-weight: 600;
	margin-left : 5px;
}
.infos-achat-mag .informations_magasin
{
	  float: right;
	  width: auto;
	  margin-right: 10px;
}
.detail-une-cde-achat .adr
{
	display: inline-block;
}
.imprime-colissimo{  
	float: right;
}
.annuler-achat{
	float: right;
	color: #414141;
	font-style: italic;
	margin: 0 10px 0 15px;
	text-decoration: underline;
	cursor: pointer
}
.annuler-achat:focus,
.annuler-achat:hover{
	color: #9c0404;
}
/*Demandes web*/
.liste-photos{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.liste-photos .lightbox{
	flex-basis: 18%;
	margin: 1%;
}
.liste-photos .lightbox:hover img{
	outline: solid 1px #73d4e2;
	box-shadow: 2px 2px 4px 0px #414141;
}
.liste-photos img{
	width: 100%;
	height: auto;
/* 	margin: 7px; */
/* 	vertical-align: middle; */
}
/* =8.7.1 Client :: Liste paniers
-------------------------------------------------------------------------------*
/* =8.7.2 Client ::  Adresses client
-------------------------------------------------------------------------------*
/* =8.8 Disponible
-------------------------------------------------------------------------------*/
/* =8.8.1- En mode liste 
-------------------------------------------------------------------------------*/
/* =8.8.2- En mode vignette
-------------------------------------------------------------------------------*/
/* =8.9 Réservation
-------------------------------------------------------------------------------*/
#bloc_page_reservation > h1
{
	text-transform: initial;
	color: #636363;
	font-size: 2.225em;
}
.bloc-contenu-reservation{
	padding: 30px 0;
}
#fil_ariane_resa{
	margin-bottom: 15px;
	display: block;
	height: 60px;
}
.liste_produits_reservation,
.infos_etape{
	display: inline-block;
	width: 38%;
	margin: 0 1%;
	vertical-align: top;
}
.infos_etape{
	width: 58%;
}
.etape{
	background: #e6e6e6;
	text-align: center;
	color: #393939;
	position: relative;
	height: 60px;
	z-index: 1;
	width: 33.333333%;
	float: left;
	line-height: 60px;
	font-family: "Gill", sans-serif;
	font-size: 1.2em;
	font-weight: 600;
}
.inter-etape + .etape{
	margin-left: -15px;
	width: calc(33.333333% - 15px);
}
.inter-etape + .etape::before{
	content: '';
    position: absolute;
    left:0;
    top: 0%;
    width: 0;
    height: 0;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;
    border-top: 30px solid transparent;
    clear: both;
}
.inter-etape{
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #e6e6e6;
	float: left;
	z-index: 2;
	position: relative;
}
.etape.active{
	background: #393939;
	color: #fff;
}
.etape.active + .inter-etape{
	border-left: 30px solid #393939;
}
.conteneur-padding-reservation
{
	padding: 0 40px;
}
.bloc-contenu-reservation .libelle{
	margin: 30px 0 20px 0;
	display: inline-block;
	width: 100%;
	line-height: 25px;
}
.item_produit img{
	border: solid 1px #d8d8d8;
	padding: 20px;
	max-width: 100%;
	height: auto;
}
.infos_etape{
	padding: 53px 0px 0 0;
}
#etape1_reservation h2, 
#etape3_reservation h2{
	margin: 32px 0 12px 0;
	font-size: 1.125em;
	font-weight: normal;
}
#etape1_reservation h2.mon-magasin, 
etape3_reservation h2::nth-child(1){
	margin-top: 0;
}
.mon-magasin,
.horaires-ouverture,
.infos_etape #bloc_horaires,
.infos_etape #bloc_adresse{
	padding: 0 0 0 28px;
}
.mon-magasin::before{
	content:url(/assets/img/icone-mon-magasin.png);
	margin: 0 10px 0 -28px;
	vertical-align: middle;
    display: inline-block;
}
.horaires-ouverture::before {
    content: url(/assets/img/icone-horaires-ouverture.png);
    margin: 0 10px 0 -28px;
    vertical-align: middle;
    display: inline-block;
}
.col_jour{
	padding-right: 50px;
}
.infos-reservation-produit{
	color: #393939;
}
.btn_suivant_resa span{
	vertical-align: middle;
	margin: auto -5px auto 10px;
	font-size: 1.8em;
	font-weight: lighter;
}
.etape2-mail-reconnu{
	padding: 20px 0;
}
.etape2-mail-reconnu .oubli-mdp{
    display: inline-block;
    margin: 0 10px;
    padding: 10px;
}
.supprimer_item_reservation_session:hover, .supprimer_item_reservation_session:focus, .supprimer_item_reservation_session:active{
	background: #95c11f;
	color: #fff;
}
#bloc_check_email label{
	display: inline-block;
	width: 39%;
	text-align: right;
	padding: 0 10px;
}
#bloc_check_email input{
	display: inline-block;
	width: 60%;
}
#etape2_reservation .label_radio{
	padding: 0 10px 0 4px;
}
#etape2_reservation #conditions{
	margin-right: 10px;
}
.LV_invalid{
	color : red !important;
	display: block;
}
/* =8.10 Document
-------------------------------------------------------------------------------*/
#liste-documents{
	background: #fff;
}
#filtres{
	margin: 20px 0 15px 0;
}
#filtres label {
	margin: 0 1% 0 0;
	font-weight: normal;   
}
#filtres select {
    width: auto;
}
.document{
	display: inline-block;
	width: 48%;
	margin: 1%;
	padding: 20px;
	border: none;
}
.document-presse{
	display: inline-block;
	width: 47.5%;
	margin: 1%;
	padding: 20px;
	border: none;
	vertical-align: top;
}
.document h3{
	margin: 15px 0 25px 0;
	font-size: 1.8em;
}
.contenu_document{
	display: inline-block;
	width: 77%;
	vertical-align: top;
}
.lien_document{
	display: inline-block;
	width: 23%;	
	vertical-align: top;
}
.document .media-fichier,
.document .lien-telechargement{
	background: #95c11f;
	display: inline-block;
	padding: 10px;
	margin: 10px 0;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.document .lien-telechargement{
	background: #95c11f;
	margin: 10px 0 10px 20px;
}
.document .media-fichier:hover,
.document .media-fichier:focus,
.document .lien-telechargement:hover,
.document .lien-telechargement:focus{
	background: #636363;
}
/* =9 Footer
-------------------------------------------------------------------------------*/
footer {
	width: 100%;
	background-color: #fff;
	border-top: solid 1px #dbdbdb;
	padding: 10px 10px;
}
footer h4{
	font-style: normal;
	font-size: 1em;
	color: #636363;
	text-transform: uppercase;	
	margin: 15px 0;
}
footer .copyright{
	color: #000;
	padding: 5px 10px;
}
/* =10 Coockies
-------------------------------------------------------------------------------*/
/* .bandeau_cookie { */
/* 	position: fixed;  */
/* 	top: 0;  */
/* 	right: 0;  */
/* 	width: 20%;  */
/* 	padding: 20px; */
/*     background-color: rgba(0, 0, 0, 0.8); */
/*     border: none; */
/*     color: #fff; */
/*     font-weight: bold; */
/*     padding: 0 15px; */
/*     z-index: 10;   */
/* } */
/* .bandeau_cookie a{ */
/* 	color: #95c11f; */
/* 	padding: 0 0 0 10px; */
/* 	font-weight: bold; */
/* } */
/* .bandeau_cookie .btn{ */
/* 	border: none; */
/* } */
/* .bandeau_cookie .btn:focus, */
/* .bandeau_cookie .btn:active, */
/* .bandeau_cookie .btn:hover{ */
/* 	background: #414141; */
/* 	border: none; */
/* } */
.dark.cc_dialog button.cc_b_ok,
.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
	background-color: #95c11f !important;
}
.cc_dialog button.cc_b_no {
    background-color: #95c11f !important;
    color: black !important;
    margin-left: 4px;
}
.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button:hover,
.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button:focus,
.cc_dialog button.cc_b_cp:focus,
.cc_dialog button.cc_b_cp:hover,
.cc_dialog button.cc_b_ok:focus,
.cc_dialog button.cc_b_ok:hover,
.cc_dialog button.cc_b_no:focus,
.cc_dialog button.cc_b_no:hover{
	background: #414141 !important;
	color: #fff !important;
	border: none;
}
/* =12 Page 404
-------------------------------------------------------------------------------*/
.page-404{
	background: #f4f4f4 url(/assets/img/bg-404.jpg) no-repeat center;
	-webkit-background-size: cover; 
  	background-size: cover;
}

/* =11 Media queries
-------------------------------------------------------------------------------*/
/*Mobile*/
@media screen and (min-width: 1120px) {
	/********************************************************** Mobile **********************************************************************/
	.navigation nav > .navwrp > ul {
	  position : relative;	
	}	
	.mobile-only-compte,
	.mobile-only{
		display : none;
	}
	#mm-mmenu{
      display: none !important;
   } 
   .niveau-1 .section-142 span::after,
   .niveau-1 .section-123 span::after,
   .niveau-1 .section-131 span::after,
   .niveau-1 .menu-section-type-28 span::after {
	    content: '';
	    -webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	    right: 25px;
	    left: auto;
	    border-top: 1px solid #95c11f;
	    border-top-color: #95c11f;
	    border-left: 1px solid #95c11f;
	    border-left-color: #95c11f;
	    display: block;
	    width: 14px;
	    height: 14px;
	    margin: auto;
	    position: absolute;
	    top: 19px;
	    cursor:pointer;
	}
	 .niveau-1 .menu-section-type-28 > a::after {
	    content: '';
	    -webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	    right: 25px;
	    left: auto;
	    border-top: 1px solid #95c11f;
	    border-top-color: #95c11f;
	    border-left: 1px solid #95c11f;
	    border-left-color: #95c11f;
	    display: block;
	    width: 14px;
	    height: 14px;
	    margin: auto;
	    position: absolute;
	    top: 19px;
	    cursor:pointer;
	}
	.niveau-1 .section-131.hover span::after,
	.niveau-1 .menu-section-type-28.hover span::after {
	    -webkit-transform: rotate(225deg);
	    -ms-transform: rotate(225deg);
	    transform: rotate(225deg);
	}
}
@media all and (max-width : 1120px) {
	/********************************************************** Mobile **********************************************************************/
	header,
	#body{
		position : relative;
		display: block;
		width: 100%;
	}		
	.pc-only{
		display : none;
	}	
	#logo img{
	    width: 90%;
	    padding: 10px;
	}
	.mobile-only .logo-mobile{
		max-width: 90%;
		height: auto;
	}
	.picto-header-widget{
		display: inline-block;
		width: 19%;
	}
	.mm-panels > .mm-panel {
	    padding: 40px 0 0;
	}
	.mm-panels > .mm-panel > .mm-listview {
	    margin: 0;
	}
	#gelocalisation-mobile .header-link {
	    margin: 2px 5px;
	}
	.rubrique_choix_region_mag {
	    width: 25%;
	    height: 60px;
	}
	.avec-reservation #recherche .moteur-recherche,
	#recherche .moteur-recherche,
	.rubrique_choix_region_mag > .title_critere {
	    height: 60px;
	    line-height: 60px;
	}
	.avec-reservation #recherche,
	#recherche {
	    width: 75%;
	    height: 60px;
	}
	.avec-reservation #recherche .moteur-recherche,
	#recherche .moteur-recherche, 
	#recherche button {
	    padding: 7px 15px;
	}
	#bg-navigation {
		display: inline-block;
		width: 10%;
		vertical-align: top;
		padding: 10px;
	}
	.inner-mobile{
		display: inline-block;
		width: 90%;
		vertical-align: top;
	}
	.hamburger-inner, 
	.hamburger-inner::after, 
	.hamburger-inner::before {
	    position: absolute;
	    width: 40px;
	    height: 4px;
	    transition-timing-function: ease;
	    transition-duration: .15s;
	    transition-property: transform;
	    border-radius: 0;
	    background-color: #95c11f;
	}
	#bg-navigation .inner{
	    background: none;
	}
	#bg-navigation .navigation{
		z-index: 12;
	}	
	#mmenu {
      display: none !important;
   }
}
/*Fin Mobile*/
/* @media screen and (max-width: 1324px) { */
@media screen and (min-width: 1600px) and (max-width: 1730px) {
	/*****************************************************************************************************************************	MistyRose ***/
	.inner {
/* 	    background: MistyRose; */
	}
	#recherche {
		width: 42%;
	}
	#geolocalisation {
		width: 22%;
	}
	#connexion-client{
		width: 16%;
	}
	.avec-reservation #recherche {
	    width: 30%;
	}
	.avec-reservation #reservation,
	.avec-reservation #head-commande {
	    width: 12%;
	}
	.avec-reservation .header-img {
	    margin: 10px 0 10px 5px;
	    outline: 0;
	}
	.avec-reservation .header-link,
	#reservation .header-link {
	    margin: 10px 3px;
	}

	
	
/* 	#reservation .avec-reservation .header-link { */
/* 		display: none; */
/* 	} */
	#zone-info-carbone p {
/* 	    width: 70%; */
	}
	.bloc_produit .col-demi {
	    width: 47%;
	}
	.bloc_produit .col-tier {
	    width: 39%;
	}
	.bloc_produit .col-tier .btn,
	.infos_retrait {
	    margin: 10px 5px;
	}
}
@media screen and (min-width: 1120px) and (max-width: 1600px) {
	/*****************************************************************************************************************************	Linen ***/
	.inner {
/* 	    background: Linen; */
	}
	#logo {
	    width: 340px;
	}
	#recherche .moteur-recherche, 
	#recherche button {
	    padding: 15px;
	}
	.header-link {
	    margin: 10px 0px;
	}
	.header-img {
	    margin: 10px 0;	
	}
	#recherche {
	    width: 42%;
	}
	 #geolocalisation{
	    width: 22%;
	}
	#connexion-client{
		width: 16%;
	}
	.avec-reservation #recherche {
	    width: 30%;
	}
	.avec-reservation .header-widget {
	    width: 21%;
	}
	#head-commande{
		width: 14%;
	}
	#choix-pays,
	.img-baseline,
	#head-commande .header-link {
   		display: none;
	}
	#titre-baseline{
		 width: 82%;
	}
	#basline h1{	   
		padding: 6px;
		text-transform: uppercase;
	}
	#rs {
	    width: 17%;
	}
	.mag-en-img,
	.mag-en-video,
	#bg-carte-emplois .home-carte, 
	#bg-carte-emplois .home-vendre {
	    width: 49%;
	    display: inline-block;
	    vertical-align: top;
	}
	#section-interieur-44 img,
	#bg-carte-emplois .img-illus{
		width: 100%;
		height: auto;
	}
	.modules, 
	.fiche_offre_emploi, 
	.module-formulaire, 
	.module-boutique, 
	.module-catalogue, 
	.module-actualite, 
	.module-editeur, 
	.module-reservation, 
	.module-document {
	    padding: 0 20px 50px;
	}
	.recap strong,
	.item_produit_magasin, 
	.item_widget_produit_accueil, 
	.widget .produits, 
	.module-catalogue .produits {
	    width: 23%;
	}
	.detail-produit .col-2-tier,
	.detail-produit .bloc_image_produit,
	.detail-produit .bloc_droite_fiche_produit{
		width: 50%;
	}
	#zone-texte-carbone,
	#zone-tableau-cartbone,
	.mag-recrutement,
	#info-page-mag,
	#bg-carte-emplois .home-carriere,
	#bg-pdt-mag .col-md-8,
	#bg-pdt-mag .col-md-4,
	#bloc_check_email label,
	#bloc_check_email input,
	.colonne_demi{
		width: 100%;
	}
	#zone-img-cigale{display: none;}
	#zone-texte-carbone,
	#zone-tableau-cartbone{
		text-align: center;
		padding: 10px 0;
	}
	#zone-texte-carbone p {
	    margin: 5px 0 0 0;
	}
	#info-page-mag,
	.colonne_droite {
	    margin: 0;
	}
	#bloc_check_email label{
		text-align: left;
	}
	.liste_produits_reservation,
	.infos_etape{	
		width: 48%;
	}
	#stocks_magasin h3, 
	#widget_produit_accueil h3, 
	#produit-accueil-1 h3 {
	    height: 100px;
	}
	.home .contenant-img,
	.contenant-img{
		height: 145px;
	}
	.prix {
	    display: block;
	    width: 100%;
	    text-align: center;
	    padding: 5px 0;
	}	
	.liste-garantie .prix {
	    width: auto;
	}	
	#service-vendre,	
	#bloc_infos_map .bg-mag {
	    height: 390px;
	}
	#evaluation-magasin, 
	#details-evaluation-magasin {
	    width: 96%;
	}
	#note-globale {
	    font-size: 2.6em;
	}
	#offres_candidature_spontanee img {
	    width: 20%;
	}
	#video_magasin, 
	#image_magasin{
	    height: 360px;
	}
	#offres_candidature_spontanee,
	.liste_offres_franchise{
		height: auto;
	}
	.ui-autocomplete .ui-menu-item > a > em {
	    margin-right: 20%;
	}
	/** page pdt **/
	.bloc-icones-infos li {	
	    width: 33%;
	    margin: 0 0 10px 0;
	}
	.bloc_produit .col-sixieme {
	    width: 25%;
	}
	.bloc_produit .col-demi {
	    width: 73%;
	    margin: 0 1% 1% 1%;
	}
	.etat-produit, .com-pdt {	
	    width: 40%;
	}
	.vendu-par, .informations_magasin {	
	    width: 60%;
	}
	.filtre-par-select,
	.filtre-par-bouton,
	.bloc_produit .col-tier {
	    width: 100%;
	    text-align: center;
	}
	.filtre-par-bouton {	
	    margin: 0 0 10px 0;	
	}
	.zone-filtre .tri-etat {
	    margin: 0 0.5%;
	}
	/** panier **/
	.produit-panier .img img, 
	#pdt-ajouter .img img{
		width: 100%;
		height: auto;
	}
	.produit-panier .img .plus-photo-pdt{
		width: initial;
	}
	.produit-panier .info-pdt, 
	#pdt-ajouter .info-pdt {
	    width: 52%;
	    padding: 0 10px;
	}
	.price {
	    width: 28%;
	}
	.produit-panier .prix-pdt-ajouter, 
	#pdt-ajouter .prix-pdt-ajouter {
	    width: 28%;
	}	
	.label-garantie, 
	.tarif-btn-garantie{
	    width: 50%;	
	}
	.etape2 .inner_interne, 
	.etape3 .inner_interne,
	.etape4 .inner_interne{
		width: 65%;
	}
	.etape4{
		background: none;
	}
	.etape5 .inner_interne,
	.etape4 .inner_interne,
	.item_transporteur label {
	    width: 88%;
	}
	.col-recap {
	    padding: 0;
	}
	.colonne-produit {
	    width: 65%;
	    margin: 0 2% 0 0;
	}
	.bg-ligne-cde .prix {
	    float: none;
	    margin: 5px 0 0;
	}
	.liste-commandes-client .bg-ligne-cde .prix,
	.liste-commandes-site .bg-ligne-cde .prix {
	    float: right;
	    width: auto;
	    margin: 0;
	}
	.bloc_colissimo_relais .zone_saisie_relais input{
		width: 31%;
	}
	#recherche_relais {	
	    width: 50%;
	    margin: 10px 25%;	
	}
	/** agenda **/
	table thead tr th .long {
  	  	display: none;
  	}
 	table thead tr th .short {
    	display: block;
  	}
  	table tbody tr td.hour span {
	    transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
  	}
  	/** fin agenda **/
/*   	#section-143 { */
/* 	    background: #fff url(/assets/img/page-interieur/visuel_titre-ce-veille.png) no-repeat top 0 left 0px; */
/* 	} */
/* 	#section-82 { */
/* 	    background: #ffffff url(/assets/img/page-interieur/fourmi-ordi.png) no-repeat top 0 right -65px; */
/* 	} */
/* 	#section-81 { */
/*    		background: #ffffff url(/assets/img/page-interieur/cigale-leve-bras2.png) no-repeat top 0 right -30px; */
/* 	} */

}
@media screen and (min-width: 1350px) and (max-width: 1600px) {
	/*****************************************************************************************************************************	LightSlateGray  ***/
	.inner {
/* 	    background: LightSlateGray; */
	}
	.menu_compte {
/* 		width: 20%; */
		flex-basis: 25%;
		border-bottom: solid 1px #d8d8d8;
		padding: 70px 5px 20px 5px;
	}
	.rubrique_choix_region_mag {
	    width: 20%;
	}
	.avec-reservation .rubrique_choix_region_mag {
		width: 22%;
	}
	.avec-reservation #recherche {
	    width: 28%;
	}
	.avec-reservation #geolocalisation, 
	.avec-reservation #connexion-client {
	    width: 19%;
	}
/* 	#recherche { */
/* 	    width: 44%; */
/* 	} */
	#head-commande .header-link {
/*    		display: inline-block; */
   		display: none;
	}
	#reservation .header-link {
		margin: 10px 2px;
	}
	.bloc_produit .col-sixieme {
	    width: 12%;
	}
	.bloc_produit .col-demi {
	    width: 40%;
	}
	.bloc_produit .col-tier {
	    width: 46%;
	    text-align: right;
	}
	.col-tier .btn{
	    margin: 10px 5px;
	}
	.bloc_colissimo_relais .zone_saisie_relais input,
	#recherche_relais {	
	    width: 23%;
	    margin: 0 1%;
	}
	.bg-mag {
	    height: auto;
	}
	#zone-img-cigale{display: inline-block; width: 12%;}
	#zone-texte-carbone{width: 63%;}
	#zone-tableau-cartbone{width: 25%;}
	#bg-jaune .img-display{
		display: inline-block;
		width: 20%;
	}
	.qui-sommes-nous {
	    padding: 0 6%;
	}
/* 	.col-qui-sommes-img img{ */
/* 		width: 60%; */
/* 	} */
/* 	.col-qui-sommes{ */
/* 	 	width: 50%; */
/* 	 } */
/* 	.col-qui-sommes-img{ */
/* 	 	width: 49%; */
/* 	 } */
/* 	#bg-cigale{ */
/* 		background: #ffffff url(/assets/img/page-interieur/cigale-terre.png) no-repeat top 3% left -50px; */
/* 	} */
	#section-143 {
/* 	    background: #fff url(/assets/img/page-interieur/visuel_titre-ce-veille.png) no-repeat top 0 left -80px; */
	}
	#pouvoir-achat .col-qui-sommes{
		width: 70%;
	}
	#pouvoir-achat .col-qui-sommes-img{
	 	width: 29%;
	}
	#pouvoir-achat .col-qui-sommes-img img{
		width: 75%;
	}
	.col-large {
	    width: 66%;
	}
	.col-large-img {
	    width: 33%;
	}
	.col-large-img img{
	  width: 60%;
	  height: auto;
	}
	#bg-info-recel {
	    top: -40px;
	}
}

@media screen and (min-width: 1260px) and (max-width: 1525px) {
	/*****************************************************************************************************************************	Khaki ***/
	.inner {
/* 	    background: Khaki; */
	}
	.zone-recap-ecocredit div:first-child{
/* 		display: none; */
	}

}
@media screen and (min-width: 1120px) and (max-width: 1260px) {
	/*****************************************************************************************************************************	CadetBlue ***/
	.inner {
/* 	    background: CadetBlue; */
	}
	.zone-recap-ecocredit div:first-child{
/* 		display: none; */
	}
	#info-recap .colonne_gauche {
	    margin: 0 1% 20px 0;
	    width: 59%;
	}
	#info-recap .colonne_droite {
	    margin: 0 0 20px 1%;
	    width: 39%;
	}

}
@media screen and (min-width: 1120px) and (max-width: 1350px) {
	/*****************************************************************************************************************************	LightSlateGray  ***/
	.inner {
/* 	    background: #B4A953; */
	}
	.menu_compte {
	  flex-basis: 33.33%;
	}
	.rubrique_choix_region_mag {
	    width: 28%;
	}
	.rubrique_choix_region_mag > .title_critere span {
		width: 60%;
	}
	.header-link {
	    display: none;
	}
	#recherche {
	    width: 52%;
	}
	#geolocalisation,
	#connexion-client,
	.avec-reservation #reservation,
	.avec-reservation #head-commande {
	    width: 10%;
	}
	.avec-reservation .rubrique_choix_region_mag {
	    width: 25%;
	}
	.avec-reservation #recherche {
	    width: 45%;
	}
	.avec-reservation .header-widget,
	#reservation,
	#head-commande {
	    width: 10%;
	}
	.avec-reservation .header-link{
   		display: none;
	}
	.menu_compte{
		width: 50%;
	}
	.col-fid-img img {
	    width: 100%;
	    height: auto;
	}
	#bg-jaune .img-display{
		display: none;
	}
	#section-143 {
	    background-size: 30%;
	}
	.col-qui-sommes{
	 	width: 50%;
	 }
	.col-qui-sommes-img{
	 	width: 49%;
	 }
	 #img-appli img,
	 .col-large-img img,
	 .col-qui-sommes-img img{
	 	width: 100%;
	 	height: auto;
	 }
	#pouvoir-achat .col-qui-sommes{
		width: 70%;
	}
	#pouvoir-achat .col-qui-sommes-img{
	 	width: 29%;
	}
	 #section-144 {
	    background: #ffffff url(/assets/img/page-interieur/arbre1.png) no-repeat top left;
	}
	#section-81{
		background: #fff;
	}
	#bg-cigale,
	#bg-fourmi {
	    background: none;
	}
	#section-145 .bg-grey {
/* 	    background: #f4f4f4 url(/assets/img/page-interieur/cigale-terre2.png)no-repeat bottom 25% right -40px; */
/* 	    padding: 40px 10% 50px 10%;	    */
	}
	#trouver-mag{
		margin: 8% 20% 5% 20%;
	}
	#section-82 .bg-grey{
		padding: 40px 5% 50px 5%;
	}
	#zone-info-recel {
	    padding: 50px 2% 0 2%;
	}
	#bg-info-recel {
	    top: -45px;
	}
	
	#pouvoir-achat .col-qui-sommes-img img,
	.col-moitie-img img{
		width: auto;
	}

	.detail-pdt-estimation .col-2tier-droite, 
	.detail-pdt-estimation .col-1tier-gauche {
		width: 98%;
		margin: 0 1% 0 1%;
	}
	.detail-pdt-estimation .col-1tier-gauche {
		padding: 10px 0 0 0;
		margin: 10px 1% 0 1%;
		border-top: solid 1px #f4f4f4;		
	}

}

@media screen and (min-width: 990px) and (max-width: 1120px) {
	/*****************************************************************************************************************************	RosyBrown ***/
	.inner {
/* 	    background: RosyBrown; */
	}
	.avec-reservation-mobile #logo {
	   width: 70%;
	   padding: 0 21%;
	}
		.etape4 .col-demi {
	    width: 100%;	
	}
	.etape4 .col-demi + .col-demi {
	    margin: 0;
	}
}
@media screen and (max-width: 1120px) {
	/*****************************************************************************************************************************	Teal ***/
	.inner {
/*   		background: teal;  */
	}
	.menu_compte {
		flex-basis: 25%;
		border-bottom: solid 1px #d8d8d8;
		padding: 70px 4px 20px 4px;
	}
	.demande-achat-header, 
	.commande-achat-header, 
	.header-message-achat {
		width: 85%;
	}
/* 	.zone-recap-ecocredit div:first-child, */
	.zone-recap-mobile,
	#bg-jaune .img-display,
	.mobile-only-compte{
		display : none;
	}
	.panier-mobile{
		position: relative;
		display: block;
		height: auto;
	}
	.bg-mag {
	    height: auto;
	}
	#mm-rs{
		background: #ececec;
		padding: 4px 0;
		margin: 20px 0 0;
	}
	.navigation {
	    border-top: none;
	}
	#logo {
	    padding: 0 27%;
	    width: 80%;
	}
	#logo img {
	    width: 84%;
	}	
	#reservation .header-link {
		margin: 10px 3px;
		background: red;
	}
	.picto-header #bt-mon-compte {
		display: block;
		width: 100%;
	}
	.picto-header #bt-mon-compte .header-img {
		width: 100%;
		margin: 0;
	}
	.count {
	    bottom: 30%;
	    left: 35%;
	}
	.col-large-img img,
	#section-interieur-44 img,
	#bg-carte-emplois .img-illus{
		width: 100%;
		height: auto;
	}
	.col-demi,
	.colonne_demi,
	.etape2 .inner_interne, 
	.etape3 .inner_interne,
	.etape4 .inner_interne,
	.etape5 .inner_interne{
	    width: 100%;
	}
	.module-formulaire-rdv .col-demi{
		width: 98%;
		margin: 0 1%;
	}
	.colonne_droite{margin: 0;}
	.picto-header-widget {
	    width: 20%;
	}
	.picto-header{
		display: inline-block;
		width: 50%;
		border-left: solid 1px #dbdbdb;
		text-align: center;
	}	
	.picto-header img {
	    max-width: 70%;
	    height: auto;
	    padding: 18px 0;
	}
	.top_header {
		border-top: solid 1px #dbdbdb;
		-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
    	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
/*     	text-align: center; */
	}
	/** page pdt **/
	.bloc_produit .col-demi {
	    width: 41%;
	}
	.bloc_produit .col-tier {
	    width: 45%;
	}
	.bloc_produit .col-tier .btn,
	.infos_retrait {
	    margin: 10px 5px;
	}
	.produit-panier .img img, 
	#pdt-ajouter .img img {
	    width: 100%;
	    height: auto;
	}
	#zone-info-carbone p{
/* 		width: 67%; */
	}
	#zone-img-cigale{width: 11%;}
	#zone-texte-carbone{width: 65%;}
	#zone-tableau-cartbone{width: 24%;}
	/** avec btn resa **/		
	.avec-reservation-mobile #logo {
	   width: 70%;
	}
	.avec-reservation-mobile .picto-header-widget {
	    width: 30%;
	}
	.avec-reservation-mobile .picto-header{
		width: 33.33%;
	}
	.avec-reservation #recherche .moteur-recherche,
	#recherche .moteur-recherche {
	    height: 60px;
	}
	.widget .produits,
	.module-catalogue .produits {
	    width: 31%;
	}
	#gestion-filtres .bloc_critere {
	    width: 24%;
	}
	.zone-filtre select {
	    height: 101px;
	}
	.filtre-par-bouton {
	    width: 22%;
	}
	.filtre-par-select {
	    width: 78%;
	}
	.btn-tri,
	#filtre-stock-magasin {
	    padding: 36px 5px;
	}
	.bloc-prix-fiche{
		width: 47%;
	}
	.avis-caracteristiques-fiche,
	.home .col-demi {
	    width: 48%;
	}
	.produit-panier .info-pdt,
	.produit .zone-criteres,
	.produit .description {
	    padding: 0 20px;
	}
	.produit .widget.boutique {
	    margin: 20px;
	}
	.recap strong,
	.bandeau_cookie {
		width: 40%; 
	}
	.img-info-carte img{
	    width: 100%;
	    height: auto;
	    padding: 5%;
	}
	.home .contenant-img,
	.contenant-img{
		height: 135px;
	}
	#bloc_infos_map .bg-mag {
		height: auto;
	}
	#info-page-mag {
	    width: 80%;
	    margin: 0 0 0 20%;
	}
	#stocks_magasin h3, 
	#widget_produit_accueil h3, 
	#produit-accueil-1 h3 {
	    height: 100px;
	}
	.prix {
	    display: block;
	    width: 100%;
	    text-align: center;
	    padding: 5px 0;
	}
	.module-catalogue{
		padding: 0 0 30px;
	}
	#ui-id-1 {
	    width: 100% !important;
	}
	.ui-autocomplete .ui-menu-item > a > em {
	    margin-right: 2%;
	}
	.compte-home .pave-border{
		padding: 40px 10px 10px 10px;
		min-height: 165px;
	}
	.menu_compte {
		width: 49%;
	}
	.bg-ligne-cde .prix {
	    float: none;
	    margin: 5px 0 0;
	}
	#footer-mobile{
		background: #fff;
		-webkit-box-shadow: 0 -3px 8px 0 rgba(0,0,0,0.75);
		box-shadow: 0 -3px 8px 0 rgba(0,0,0,0.75);
		position: fixed;
		bottom: 0;
	}
	#footer-mobile ul{
		padding: 0;
		margin: 0;
	}
	#footer-mobile li{
		display: inline-block;
		width: 20%;
		padding: 0;
		margin: 0;
	}
	#footer-mobile a{
		font-size: 1em;
		font-weight: bold;
		display: block;
		text-align: center;
		padding: 50px 2px 5px 2px;
		-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-ms-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	#footer-mobile .btn1{
		background: url("../img/footer-home.png") no-repeat scroll center 10px transparent;
	}	
	#footer-mobile .btn2{
		background: url("../img/footer-seach.png") no-repeat scroll center 10px transparent;
	}
	#footer-mobile .btn3{
		background: url("../img/footer-panier.png") no-repeat scroll center 10px transparent;
	}
	#footer-mobile .btn4{
		background: url("../img/footer-mag.png") no-repeat scroll center 10px transparent;
	}
	#footer-mobile .btn5{
		background: url("../img/footer-compte.png") no-repeat scroll center 10px transparent;
	}
	#footer-mobile a:focus,
	#footer-mobile a:hover{
		color: #fff;
		background: #95c11f;
		text-decoration: none;
	}
	#footer-mobile .btn1:focus,
	#footer-mobile .btn1:hover{
		color: #95c11f;
		background: url("../img/footer-home.png") no-repeat scroll center 10px transparent;
		text-decoration: none;
	}
	#footer-mobile .btn2:focus,
	#footer-mobile .btn2:hover{
		background: #95c11f url("../img/footer-seach-bl.png") no-repeat scroll center 10px;
	}
	#footer-mobile .btn3:focus,
	#footer-mobile .btn3:hover{
		background: #95c11f url("../img/footer-panier-bl.png") no-repeat scroll center 10px;
	}
	#footer-mobile .btn4:focus,
	#footer-mobile .btn4:hover{
		background: #95c11f url("../img/footer-mag-bl.png") no-repeat scroll center 10px;
	}	
	#footer-mobile .btn5:focus,
	#footer-mobile .btn5:hover{
		background: #95c11f url("../img/footer-compte-bl.png") no-repeat scroll center 10px;
	}	
	.liste-commandes-site .prix,
	.liste-commandes-client .bg-ligne-cde .prix,
	.liste-commandes-site .bg-ligne-cde .prix {
	    float: right;
	    width: auto;
	    margin: 0;
	}
	#choix-paiement .panel-body span {
	    width: 33%;
	}
	.produit-panier .img .plus-photo-pdt{
		width: initial;
	}
	.etape5 .message {
	    width: 50%;
	}
	.bloc_colissimo_relais .zone_saisie_relais input{
		width: 31%;
	}
	#recherche_relais {	
	    width: 50%;
	    margin: 10px 25%;	
	}
	#tunnel-body .module-boutique{
		padding: 0 30px 30px;
	}
	.etape3,
	.bg-etape3,
	.etape4,
	.bg-etape4 {
	    background: none;
	}
	
	/** page mentions légales tableau**/
	.events-table tbody tr:first-child td {
	    border-top: none;
	}
	.events-table thead {
		display: none;
	}
	.events-table tr{
		display: block;
		margin-bottom: 10px;
		background: #ffffff;
	}
	.events-table td {
		display: block;
		text-align: right;
		padding: 0 10px;
	}	
	.events-table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		padding: 0 10px;
	}
	/** autre page **/
/* 	#section-143 { */
/* 	    background: #fff url(/assets/img/page-interieur/visuel_titre-ce-veille.png) no-repeat top 0 left -80px; */
/* 	} */
	.qui-sommes-nous {
	    padding: 0 6%;
	}
/* 	.col-qui-sommes{ */
/* 	 	width: 50%; */
/* 	 } */
/* 	.col-qui-sommes-img{ */
/* 	 	width: 49%; */
/* 	 } */
	#pouvoir-achat .col-qui-sommes{
		width: 70%;
	}
	#pouvoir-achat .col-qui-sommes-img{
	 	width: 29%;
	}
/* 	 #bg-cigale{ */
/* 		background: #ffffff url(/assets/img/page-interieur/cigale-terre.png) no-repeat top 3% left -50px; */
/* 	} */
	#trouver-mag {
	    margin: 6% 20% 4% 20%;
	}
/* 	#section-82 { */
/* 	    background: #ffffff url(/assets/img/page-interieur/fourmi-ordi.png) no-repeat top 0 right -65px; */
/* 	} */
	#section-81{
		background: #fff;
	}
	#zone-info-recel {
	    padding: 50px 2% 0 2%;
	}
	#bg-info-recel {
	    top: -35px;
	}
	#pouvoir-achat .col-qui-sommes-img img,
	.col-qui-sommes-img img,
	.col-moitie-img img{
		width: auto;
	}
}
@media screen and (max-width: 990px) {
	/*****************************************************************************************************************************	CadetBlue ***/
	.inner {
/* 		background: CadetBlue;	 */
	}
	h1{font-size: 2.5em;}
	.module-catalogue #titre_rayon_fiche_produit, 
	.ui-accordion .gd-titre_accordeon, 
	h2{font-size: 1.9em;}
	h1 span {font-size: 0.7em;}
	h3 {
/* 	    line-height: 0.6em; */
	}
	.rubrique_choix_region_mag {
	    width: 30%;
	}
	.avec-reservation #recherche,
	#recherche {
	    width: 70%;
	}
	.bg-mag,
	#service-vendre,
	.img_rayon_indispo,
	.img-cent{
		width: 100%;
		height: auto;
	}
	.module-editeur iframe{
		width: 100% !important;
		min-height: 400px;
	}
	
	.cc_dialog.simple {
	    max-width: 100% !important;
	}
	.dark.cc_dialog button.cc_b_cp {
	    margin: 5px 0;
	}
	.actualite h3, 
	.actualites h2 {
	    margin: 20px 0 10px 0;
	}
	.actualite .col-md-9, .actualites .col-md-9 {
	    padding: 0;
	}
	.btn-tri, 
	#filtre-stock-magasin {
	    padding: 24px 5px;
	}
	.compte {
		padding: 20px 20px 80px 20px;
	}
	.modules, 
	.fiche_offre_emploi, 
	.module-formulaire, 
	.module-boutique, 
	.module-actualite, 
	.module-editeur, 
	.module-reservation, 
	.module-document {
	    padding: 0 30px 30px;
	}
	.compte .col-md-9 {
	    border-left: medium none;
	    padding: 3% 15px 0;
	}
	.detail-produit .bloc_avis_produit,
	.mag-en-img,
	.mag-en-video,
	#bg-carte-emplois .home-carte,
	#bg-carte-emplois .home-vendre {
	    width: 49%;
	    display: inline-block;
	    vertical-align: top;
	}
	.menu-compte {
	    padding: 0;
	    text-align: center;
	}
	.bg-personnage-carte {
/* 	    background: url(/assets/img/fourmi-page-carte.png) left 5px bottom no-repeat, url(/assets/img/cigale-page-carte.png) right 5px bottom no-repeat; */
	}
	.bg-panier,
	.etape1,
	.etape2,
	.etape2 .inner_interne,
	.etape3,
	.bg-etape3
	.etape4,
	.bg-etape4{
		background: none;
	}
	.carousel-indicators,
	.carousel-caption,
	#etapes-boutique .libelle {
	    display: none;
	}
	#etapes-boutique li .numero {
	    margin: 0 3px 0 0;
	}
	.taille-reduite,
	#img-appli img,
	.etape5 .inner_interne,
	#zone-texte-carbone,
	#zone-tableau-cartbone,
	.col-rayon,
	#bg-carte-emplois .home-carriere,
	#bloc_check_email label,
	#bloc_check_email input,
	.colonne_demi,
	.bloc-titre-filtre,
	.bloc-select-filtre,
	#liste_relais,
	#bloc_carte_relais {
	    width  : 100%;
	}
	.colonne_droite {
	    margin: 0;
	}
	#bloc_check_email label{
		text-align: left;
	}
	.bloc_critere {
	    margin: 1%;	
	}
	#zone-texte-carbone,
	#filtres-critere{
		text-align: center;
	}
	#zone-info-carbone {
	    background: #fff;
	}
	#zone-img-cigale{display: none;}

	#zone-texte-carbone,
	#zone-tableau-cartbone{
		margin: 10px 0;
	}
	.titre-bg-orange {
	    display: block;
	    margin: 5px 0 0 0;
	}
	#zone-texte-carbone p {
	    margin: 5px 0 0 0;
	    padding: 0;
	}
	.document-presse,
	.document{
	    width  : 100%;
	    margin: 15px 0;
	}
	.menu-footer ul li {
	    display: block;
	}
	.detail-produit .bloc_image_produit,
	.detail-produit .bloc_droite_fiche_produit,
	.zone-resultat, 
	.zone-tri{	
	    width: 50%;	
	}	
	.detail-produit .bloc_avis_produit,
	.detail-produit .bloc_image_produit,
	.detail-produit .bloc_droite_fiche_produit{
		margin: 1% 0;
	}
	.liste_produits_reservation,
	.infos_etape{	
		width: 48%;
	}
	.item_produit img {
	    width: 100%;
	    height: auto;
	}
	.recap strong{
	    width: auto;
	    margin: 0 15px 0 0;
	}
	#details-avis-global,
	#details-avis-clients{
		width: 98%;
		margin: 0 0 20px 1%;
	}
	.home .contenant-img,
	.contenant-img {
	    height: 185px;
	}
	.ui-accordion .ui-accordion-content {
	    padding: 20px 10px;
	    overflow: hidden;
	}
	/** page pdt **/
	.detail-produit .bg-blanc {	
	    min-height: auto;
	}
	.avis-caracteristiques-fiche{
	    width: 47%;	
	}
	.bloc-icones-infos li {
	    width: 33%;
	    margin: 10px 0;
	}
	.bloc_produit .col-sixieme {
	    width: 25%;
	}
	.bloc_produit .col-demi {
	    width: 73%;
	    margin: 0 1% 1% 1%;
	}
	.etat-produit, .com-pdt {	
	    width: 40%;
	}
	.vendu-par, .informations_magasin {	
	    width: 60%;
	}
	.filtre-par-bouton {
	    margin: 0 0 10px 0;
	}
	.filtre-par-bouton,
	.filtre-par-select,
	.bloc_produit .col-tier {
	    width: 100%;
	    text-align: center;
	}
	.zone-filtre .tri-etat {
	    margin: 0 0.5%;	
	}
	/** panier **/
	.colonne-produit,
	#formulaire-etape1 .col-recap,
	.col-recap{
		width: 100%;
		margin: 0; 
		padding: 0;
		position: initial;
	}
	/** page fid **/
	.col-fid-img img{
	    width: 100%;
	    height: auto;
	}
	#info-rdv,
	.bloc-rouge {
	    width: 80%;
	    margin: 30px 10%;
	}
	/** page fete du cash **/
	.col-md-4 .numero-cercle span{
		margin: 25px 0 20px 0;
	}
	.col-md-4 .numero-cercle{
		display: inline-block;
		width: 19%;
		vertical-align: top;
	}
	.col-md-4 .texte-cercle{
		display: inline-block;
		width: 80%;
		vertical-align: top;
	}
	/** autre pages **/
	#section-143 {
	    background: #fff;
	}
/* 	.col-qui-sommes{ */
/* 	 	width: 60%; */
/* 	 } */
/* 	.col-qui-sommes-img{ */
/* 	 	width: 39%; */
/* 	 } */
/* 	.col-qui-sommes-img img{ */
/* 	 	width: 100%; */
/* 	 	height: auto; */
/* 	} */
	#section-144 {
	    background: #ffffff url(/assets/img/page-interieur/arbre1.png) no-repeat top left;
	}
	#section-81{
		background: #ffffff;
	}
	#bg-cigale,
	#bg-fourmi{
	    background: none;
	}	
	#argu-ecologi {
	    padding: 0 3%;
	}
	#section-144 .zone-reemploi {
	    width: 80%;
	    margin: 3% 10% 5% 10%;
	}
	#plus-argu-ecologi, 
	#plus-argu-economie {
	    margin: 3% 7%;
	}
	.bg-grey .taille-reduite {
	    margin: 0 0 4% 0;
	}
	.taille-reduite {
	    margin: 0 5% 4% 5%;
	    width: 90%;
	}
	#section-82 .bg-grey,
	#section-81 .bg-grey,
	#section-145 .bg-grey {
	    background: #f4f4f4;
	    padding: 40px 5% 50px 5%;	   
	}
	#pouvoir-achat{
		padding: 40px 5% 50px 5%;	
	}
	.col-moyen {
	    width: 70%;
	}
	.col-moyen-img {
	    width: 29%;
	}
	.big-number {
	    font-size: 4em;
	    padding: 35px;
	    width: 110px;
	    height: 110px;
	}
	#trouver-mag {
	    margin: 80px 5% 6% 5%;
	}
}

@media screen and (min-width: 700px) and (max-width: 920px) {
	/*****************************************************************************************************************************	Coral ***/
	.inner {
/* 	    background: Coral; */
	}
	.zone-recap-ecocredit div:first-child{
/* 		display: none; */
		display: block;
	}
	#info-recap .colonne_gauche {
	    margin: 0 0 20px 0;
	    width: 100%;
	}
	#info-recap .colonne_droite {
	    margin: 0 0 20px 0;
	    width: 100%;
	}

}
@media screen and (min-width: 700px) and (max-width: 990px) {
	/*****************************************************************************************************************************	LightPink ***/
	.inner {
/* 	   background: LightPink; */
	}

	#logo {
	    padding: 0 20%;
	}
	#gestion-filtres .bloc_critere {
	    width: 32%;
	}	
	.module-catalogue.produit .description {
	    min-height: auto;
	}
	.item_produit_magasin, 
	.item_widget_produit_accueil, 
	.widget .produits, 
	.module-catalogue .produits {
	    width: 31%;
	}
	.item_widget_produit_accueil{
		margin: 1%;
	}
	#entete-compte h1 {
	    font-size: 2.5em;
	}
	.inner .menu-footer{
		width: 32%;
		display: inline-block;
		vertical-align: top;
	}
	#widget_produit_accueil{
		text-align: center;
	}
	#choix-paiement .panel-body span,
	#offres_candidature_spontanee img {
	    width: 25%;
	}
	#zone-info-carbone p{
/* 		width: 53%; */
	}
	.liste-commandes-site .titre-col{
		width: 60%;
	}
	.liste-commandes-site .informations_magasin {
	    width: 40%;
	}
}
@media screen and (max-width: 700px) {
	/*****************************************************************************************************************************	LightCoral ***/
	.inner {
/* 	    background: LightCoral; */
	}
	.rubrique_choix_region_mag > .title_critere {
		line-height: -moz-block-height;
	}
	.rubrique_choix_region_mag > .title_critere span {
		width: 60%;
		font-size: 0.7em;
	}
	.rubrique_choix_region_mag > .title_critere img {
		margin: 0 10px;
		width: 17%;
		height: auto;
	}
	.col-qui-sommes-img,
	.pc-only-compte,
	.page-compte-carte img,
	.item_article_reservation .image,
	.titre-fil-resa{
		display: none;
	}
	.zone-recap-mobile,
	.mobile-only-compte{
		display: block;
	}	
	#logo {
	    width: 70%;
	    padding: 0 10%;
	}
	.rubrique_choix_region_mag {
	    width: 40%;
	}
	.avec-reservation #recherche,
	#recherche {
	    width: 60%;
	}	
	.picto-header-widget {
	    width: 30%;
	}
	.label-garantie, 
	.label-transport,
	.tarif-btn-garantie, 
	.tarif-transport,
	.bandeau_cookie {
		width: 50%; 
	}
	#liste_magasins_filtre li {
	    padding: 4px 0;
	}
	.modules, 
	.fiche_offre_emploi, 
	.module-formulaire, 
	.module-boutique, 
	#tunnel-body .module-boutique,
	.module-actualite, 
	.module-editeur, 
	.module-reservation, 
	.module-document {
	    padding: 0 15px 15px;
	}
/* 	.compte{ */
/* 		padding: 20px 30px 80px 30px;	 */
/* 	} */
	.compte-home{
		padding: 30px 50px 275px 50px;	
	}
	#entete-compte h1 {
	    font-size: 1.9em;
	    padding: 10px 30px;
	    margin: 0 0 5px 0;
	}
	.item_produit_magasin, 
	.item_widget_produit_accueil, 
	.widget .produits, 
	.module-catalogue .produits {
	    width: 48%;
	    margin: 1%;
	}
	.form_ajout_carte input[type="text"], 
	.form_ajout_carte input,
	.liste_produits_reservation,
	.infos_etape,
	.bloc_critere {
		width: 100%;
		margin: 1% 0;
	}
	.td-1,
	.td-2,
	.td-3,
	.td-4{
	    width: 49%;
		display: inline-block;
		text-align: center;
	}
	.menu_compte,
	.col-rayon > div,
	.img-info-carte,
	.contenu-info-carte,
	.td-5{
		display: block;
		width: 100%;
	}
	.td-5 a{
		width: 96%;
		margin: 2%;
	}
	.lien img,
	.img-info-carte img{
		width: initial;
	}
	.item_article_reservation{
		display: table;
	}
	.item_article_reservation .td-item{
		width: 100%;
		display: block;
		padding: 1%;
		text-align: center;
	}
	.infos_etape {
	    padding: 0;
	}
	/** histo achat - pdt test - sav **/
	.conteneur-etendre-recherche .col-un-tier, 
	.sans-resultats-nationaux .col-un-tier, 
	.th-1,
	.th-2,
	.th-3,
	.th-4,
	.th-5,
	.th-6{
	    display: none;
	}
	#pouvoir-achat .col-qui-sommes,
	#pouvoir-achat .col-qui-sommes-img,
	.col-qui-sommes,
	.col-demi-qsn,
	.col-demi-qsn + .col-demi-qsn + .col-demi-qsn,
	.bloc_compte .historique_achats td,
	.bloc_compte .item_depot td,
	.bloc_compte .sav_attente td{
	    width: 100%;
	    display: inline-block;
	    text-align: left;
	}
	.historique_achats .td-1::before,
	.historique_achats .td-2::before,
	.historique_achats .td-3::before,
	.historique_achats .td-4::before,
	.historique_achats .td-5::before,
	.item_depot .td-1::before,
	.item_depot .td-2::before,
	.item_depot .td-3::before,
	.item_depot .td-4::before,
	.item_depot .td-5::before,
	.sav_attente .td-1::before,
	.sav_attente .td-2::before,
	.sav_attente .td-3::before,
	.sav_attente .td-4::before,
	.sav_attente .td-5::before {
	    font-style: italic;
    	padding: 0 15px 0 0;
    	color: #000;
	}
	.historique_achats .td-1::before {content: "Acheté le : ";}
	.historique_achats .td-2::before {content: "Magasin : ";}
	.historique_achats .td-3::before {content: "Produit : ";}
	.historique_achats .td-4::before {content: "Garantie : ";}
	.historique_achats .td-5::before {content: "Factures : ";}
	.historique_achats .td-6::before {content: "Avis : ";}

	.item_depot .td-1::before,.sav_attente .td-1::before{content: "Date dépot : ";}
	.item_depot .td-2::before,.sav_attente .td-2::before{content: "Ref. : ";}
	.item_depot .td-3::before,.sav_attente .td-3::before{content: "Magasin : ";}
	.item_depot .td-4::before,.sav_attente .td-4::before{content: "Produit : ";}
	.item_depot .td-5::before,.sav_attente .td-5::before{content: "Statut : ";}
	
	table tbody tr td:first-child,
	table tbody tr td{
	    border-left: none;
	}
	table tbody tr td:last-child {
	    border-right: none;
	}
	table tbody tr td {
	    height: auto;
	}
	#agenda table tbody tr td {
	    height: 32PX;
	}
	#agenda table tbody tr td{
		border-left: 1px solid #a9a9a9;
	}
	.ui-dialog{
		width: 85% !important;
		padding: 10px;
	}
	.bloc-choix-liste, 
	.bloc-code-postal{
		width: 90%;
	}
	.footer_popup #zone-info-carbone {
	    margin: 0;
		padding: 0;
		border-top: none;
	}
	#contenu_popup_geoloc h4 {
	    margin: 10px 0 0;
	}
	.bloc-choix-liste{
		margin: 10px 0;
	}
	.btn.submit-reponse,
	.message-magasin, 
	.message-magasin, 
	.message-user,
	.popup_cde h3{
		margin: 10px 0 10px 0;
	}
	.ligne-choix-garantie label {
	    width: 93%;
	}
	.btn.submit-reponse,
	.message-magasin, 
	.message-user,
	.conteneur-etendre-recherche .col-deux-tier, 
	.sans-resultats-nationaux .col-deux-tier,
	.widget-panel .col-demi,
	.detail-une-cde .total-cde-compte,
	.etape5 .message,
	.etape3 .inner_interne, 
	.etape4 .inner_interne,
	.etape4 .col-demi,
	.detail-produit .bloc_image_produit,
	.detail-produit .bloc_avis_produit,
	#section-82 iframe,
	#page-garantie .col-md-6, 
	#page-fidelite .col-md-4,
	.inner .menu-footer {
	    width: 100%;	
	}
	.zone-connexion {
	    border-right: none;
	    border-bottom: 1px solid #ddd;
	}
	#entete-compte,
	#entete-compte .bloc_titre_h1,
	.etape4 .col-demi + .col-demi {
	    margin: 0;
	}
	.detail-pdt-estimation .col-2tier-droite, 
	.detail-pdt-estimation .col-1tier-gauche {
		width: 98%;
		margin: 0 1% 0 1%;
	}
	.detail-pdt-estimation .col-1tier-gauche {
		padding: 10px 0 0 0;
		margin: 10px 1% 0 1%;
		border-top: solid 1px #f4f4f4;		
	}
	#pouvoir-achat .col-qui-sommes-img,
	.menu-footer .text-left{
		text-align: center;
	}
	.message-repondre,
	.bloc-message > div,
	#info-recap .col-demi,
	.footer_popup #zone-info-carbone p,
	#info-page-mag {
		width: 100%;
	    margin: 0;
	}
	.bloc-message{
		padding: 10px 0;
		margin: 10px 0 0 0;
	}
	.bloc-message::after{
		content: '';
		width: 40px;
		height: 2px;		
		display: block;
		top: 20px;
		  left: -15px;
		background: #f4f4f4;
		position: relative;
	}
	#info-recap .zone-img-jauge{
		margin: 0 0 15px 0;
	}
	.bloc-icones-infos li {
		width: 20%;
		margin: 0;
	}
	.produit-panier .info-pdt,
	#pdt-ajouter .info-pdt {
	    width: 55%;
	    padding: 0 10PX;
	}
	.price,
	.produit-panier .prix-pdt-ajouter, 
	#pdt-ajouter .prix-pdt-ajouter {
	    width: 25%;
	}
	.compte .col-demi {
		width: 100%;
		margin: 15px 0;
	    min-height: auto;
	}
	#achat-mag, 
	#vtes-web,
	#dmdes-web,
	#resa-web,
	#cde-web, 
	#donnee-pers,
	#mess-pers {
		display: inline-block;
		width: 48%;
/* 		margin: 0 0 10px 0; */
		margin: 1%;
	}
	.compte h3 {
		margin: 10px 0 15px 0;
		line-height: 0.9rem;
	}
	.compte-home .pave-border {
	    padding: 40px 10px 10px 10px;
	    min-height: 172px;
	}
	.compte .zone-img-jauge{
		height: 380px;
	}
	.liste-commandes-client .bg-ligne-cde .prix,
	.liste-commandes-site .bg-ligne-cde .prix {
	    float: none;
	    margin: 5px 0 0;
	}
	.liste-commandes-site .titre-col,
	.liste-commandes-site .informations_magasin{
		text-align: center;
		width: 100%;
		margin: 2% 0;
	}
	#contenu_popup_geoloc,
	#bg-cigale-popup,
	.etape5 .zone-message{
		background: none;
	}
	/** page fid **/
	#img-appli {
	    width: 100%;
	    padding: 0 15%;
	}
	#text-appli{
		width: 100%;
		padding: 20px 30px 0 30px;
	}
	/** page fete cash **/
	.col-md-4 .numero-cercle{
		display: inline-block;
		width: 25%;
		vertical-align: top;
	}
	.col-md-4 .texte-cercle{
		display: inline-block;
		width: 73%;
		vertical-align: top;
	}
	#section-82,
	#section-144 {
	    background: #ffffff;
	}
	#conso-durable {
	    background: #f4f4f4;
	}
	.taille-moitie {
	    width: 80%;
	    margin: 0 10%;
	}
	.col-large {
	    width: 65%;
	}
	.col-large-img {
	    width: 33%;
	}
}
@media screen and (min-width: 500px) and (max-width: 700px) {
	/*****************************************************************************************************************************	LightBlue ***/
	.inner {
/* 	    background: LightBlue; */
	}
	.menu-2 ul li {
	    padding: 10px 0;
	}
	#boutique-panier #caddie {
	    left: -290%;
	    width: 380%;
	}
	.text-uppercase{
		min-height: 52px;
	}
	.tri-etat .text-uppercase{
		min-height: auto;
	}
	.popover{
		min-width: 100%;
	}
		.zone-filtre .tri-etat {
		width: 48%;
		margin: 1%;
	}
	/**#facturation, #livraison,**/
	.col-xs-6,
	.produit .ajouter-panier .bouton,
	#groupe-1, 
	#groupe-2 {
	    margin: 5% 0 0;
	    width: 100%;
	}
	#gestion-filtres .bloc_critere {
	    width: 48%;
	}
	.contenant-img {
	    height: 193px;
	}
	#zone-info-carbone .bareme-carbone {
		margin: 0 0 0 100px;
	}
	/** etape 1 **/
	#guide-etapes .libelle{
		display: none;
	}
	#gestion-remise input {
	    width: 70%;
	}
	#bt_submit_panier {
	    width: 100%;
	    margin: 4% 0 0 0;
	    text-align: center;
	}
	#commentaire,
	#total-commande,
	.etape4 #liste-panier td,
	.module-boutique.etape1 #gestion-panier td {
	    border: medium none;
	    display: inline-block;
	    width: 100%;
	    margin: 0;
	}
	#liste-panier td,
	#gestion-panier td {
	    border: none;
	    display: inline-block;
	    width: 100%;
	}
	#bt_submit_panier,
	#liste-panier .td-1{
		text-align: right;
	}
	#liste-panier .td-3,
	#liste-panier .td-4,
	#liste-panier .td-5,
	#liste-panier .td-6,
	#gestion-panier .td-3, 
	#gestion-panier .td-4, 
	#gestion-panier .td-5,
	#gestion-panier .td-6 {
	    padding-right: 20px;
	    text-align: right !important;
	    background: #f2f2f2;
	    padding: 5px 20px 5px 0;   
	}
	#liste-panier .form-control{
		display: inline-block;
	}
	#liste-panier .td-3::before,
	#gestion-panier .td-3::before {
	    content: "Prix HT : ";
	    font-style: italic;
    	padding: 0 15px 0 0;
	}
	#liste-panier .td-4::before,
	#gestion-panier .td-4::before {
	    content: "Prix unitaire : ";
	    font-style: italic;
    	padding: 0 15px 0 0;
	}
	#liste-panier .td-4 .input-group{
		float: right;
		width: 20%;
	}
	#liste-panier .td-6::before,
	#gestion-panier .td-6::before {
	    content: "Remise : ";
	     font-style: italic;
    	padding: 0 15px 0 0;
	}
	#liste-panier .td-5::before,
	#gestion-panier .td-5::before {
	    content: "Prix : ";
	     font-style: italic;
    	padding: 0 15px 0 0;
	}
	.item_produit_bf {
		width: 47%;
	}
	.etape5 .message,
	.zone-resultat, 
	.zone-filtre,
	.zone-tri,
	.ui-widget,
	.zone-info-livraison{
		width: 100%;
	}
	#choix-paiement .panel-body span{
		width: 25%;
	}
	.cartouche-mag {
	    padding: 0 20px 0 5px;
	}
	.cartouche-mag img{
	    width: 90%;
	}
	/** agenda **/
	table thead tr th .long,
	.img-ligne-mag img,
	.footer_popup .cigale-carbone{
  	  	display: none;
  	}
 	table thead tr th .short {
    	display: block;
  	}
  	table tbody tr td.hour span {
	    transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
  	}
  	/** fin agenda **/
  	.size-cent{
  		width: 80%;
  		height: auto;
  	}
	.footer_popup #zone-info-carbone .bareme-carbone {
	    margin: 0;
	}
	/** page fid **/
	
	.contenu-center-petit {
	    width: 80%;
	    margin: 20px 10%;
	}
	.col-fid-text{
	    width: 68%;
	}
	.col-fid-img {
	    width: 30%;
	}
	.bg-faq {
/* 	    background: #f4f4f4 url(/assets/img/page-interieur/fourmi-ordi.png) no-repeat top 0 right 0; */
	    background: #f4f4f4 ;
	}
}

@media screen and (min-width: 150px) and (max-width: 500px) {
	/*****************************************************************************************************************************	Lavender ***/
	.inner {
/* 	   background: Lavender; */
	}
	.popover{
		min-width: 100%;
	}
	.zone-connexion {
	    border-right: none;
	    border-bottom: 1px solid  #ddd;
	}
	.rubrique_choix_region_mag{
	    width: 45%;
	}
	.avec-reservation #recherche,
	#recherche {
	    width: 55%;
	}
	h1{font-size: 2.4em;}
	h1 span {font-size: 0.6em;}
	.section-title span {
	    padding: 0 15px;
	}
	#bloc_infos_map .bg-mag,
	.bg-mag {
		padding: 30px 10px;
	}
	.nav-tabs span {
	    font-size: 0.8em;
	}
	#bg-navigation {
	    width: 18%;
	}
	.inner-mobile {
    	width: 82%;
    	padding: 0;
	}
	#logo {	
		padding: 0 1%;
	}
	#gelocalisation-mobile .header-link {
	    width: 96%;
	}
	.tabs-principal li a {
	  	padding: 10px 2px;
	}
	.nav-tabs span {
		font-size: 0.7em;
	}
	.rubrique_choix_region_mag .faire-choix-mag {
	  padding: 10px 0 0 5px;
	}
	#recherche .moteur-recherche,
	.rubrique_choix_region_mag > .title_critere {
/* 		line-height: 1em; */
	}
	#recherche .moteur-recherche{
		font-size: 0.9em;
	}
	#recherche .moteur-recherche, 
	#recherche button {
	  padding: 3px 5px;
	}
	
	
	
	.ligne-montant .montant,
	.avec-reservation-mobile #logo {
	   width: 60%;
	}
	.libelle-caracteristiques,
	.ligne-montant .libelle, 
	.avec-reservation-mobile .picto-header-widget {
	    width: 40%;
	}
	.footer_popup .bareme-carbone,
	.menu-2 ul li {
	    padding: 10px 0;
	}
	.bloc_critere > .title_critere {
	    padding: 15px 2px;
	}
	#boutique-panier #caddie {
	    left: -155%;
	    width: 247%;
	}
	#achat-mag, #vtes-web, #dmdes-web, #resa-web, #cde-web, #donnee-pers, #mess-pers,
	.bloc-choix-liste, .bloc-code-postal,
	.item_produit_magasin, 
	.item_widget_produit_accueil, 
	.widget .produits, 
	.module-catalogue .produits {
	    width: 98%;
	}
	.col-adresse,
	#module_fiche_produit h2{
		margin: 10px 0;
	}
	/** form **/
	.item_produit_bf,
	.home .col-demi,
	.col-xs-6,
	.produit .ajouter-panier .bouton,
	#groupe-1, #groupe-2 {
	    margin: 5% 0 0;
	    width: 100%;
	}
	.etape3 .col-md-6{padding: 0;}
	
	/** form label **/
	#gestion-filtres .bloc_critere,
	.form_nouveau_mdp fieldset,
	.form-abonnement fieldset,
	.form-abonnement fieldset{
	    width: 91%;
	}
	.montant_ligne_commande {
	    background: #f4f4f4 none repeat scroll 0 0;
	    float: none;
	    text-align: right;
	    width: 100%;
	}
	.contenu-categorie{
		margin: 0 2% 3%;
	}
	/** page **/
	.ajout-garantie .prix-garantie,
	#offres_emploi h3 a{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.supprimer_garantie_bouton,
	.ajouter_garantie_bouton {
		display: inline-block;
	    margin: 5px 0 0 0;
	}	
	.titre-panier{
		padding: 10px 0 5px 0;
	}
	.item_widget_produit_accueil,
	.item_produit_magasin{ 
		margin: 10px 1%;
	}
	.module-boutique legend,
	.garanties, #livraison {
	    margin: 15px 0;
	}
	#zone-info-carbone {
	    text-align: center;
	}
	.size-cent{
  		width: 90%;
  		height: auto;
  	}

	/** catalogue **/
	/** Autre formulaire **/
	.bg-gris-popup,
	.popup_cde .titre-expert h3,
	#adresses_supp_compte .panel:nth-child(even),
	#adresses_supp_compte .panel:nth-child(odd),
	.footer_popup .continue_achat,
	.footer_popup .finaliser_commande,
	.footer_popup #zone-info-carbone p,
	#evaluation-magasin, 
	#details-evaluation-magasin,
	#ancre-select,
	.btn-tri,
	.zone-filtre select,
	#form-connexion-extranet,
	#form_suppresion_compte,
	#form-validation,
	#form_nouveau_mdp,
	#form-abonnement,
	#form-deabonnement,
	.form_suppresion_compte,
	.form_nouveau_mdp,
	.form-abonnement,
	.reset-filtre,
	.widget .produits,
	.module-catalogue .produits{
		width: 96%;
		margin: 2%;
	}
	.ligne-choix-garantie{
		padding: 5px;
	}
	.zone-filtre .tri-etat {
		width: 48%;
		margin: 1%;
	}
	#filtre-stock-magasin,
	.btn-tri{
		padding: 6px 10px;
	}
	.item_transporteur label {
	    width: 88%;
	}
	.item_transporteur input {
    	width: 12%;
	}
	.col-moitie-img img,
	.bloc_image_produit img,
	.liste-commandes-client .col-adresse .pave-border, 
	.liste-commandes-client .infos-facturation .pave-border,
	.zone-filtre select,
	#stocks_magasin h3, 
	#widget_produit_accueil h3, 
	#produit-accueil-1 h3,
	.home .contenant-img,
	.contenant-img,
	.module-catalogue .produits {
	    height: auto;
	}
/* 	.price, */
	.col-moitie-img img,
	.bloc_image_produit img,
	.avis-caracteristiques-fiche,
	.bloc-prix-fiche,
	.col-adresse,
	.bloc_relais_ce .item_relais div,
	.etape4 .ecoreflexe p,
	.produit-panier .img, 
	#pdt-ajouter .img,
	.produit-panier .info-pdt, 
	#pdt-ajouter .info-pdt,
	.produit-panier .prix-pdt-ajouter, 
	#pdt-ajouter .prix-pdt-ajouter,
	.label-garantie, 
	.label-transport,
	.tarif-btn-garantie, 
	.tarif-transport,
	.vendu-par, 
	.informations_magasin,
	.com-pdt,
	.etat-produit,
	#zone-saisie,
	.mag-en-img,
	.mag-en-video,
	#bg-carte-emplois .home-carte,
	#bg-carte-emplois .home-vendre,
	.bloc-contenu-reservation .btn,
	.colonne_demi,
	.bandeau_cookie,
	.td-1,
	.td-2,
	.td-3,
	.td-4,
	td-5,
	.detail-produit .col-tier,
	.zone-resultat, 
	.zone-filtre,
	.zone-tri,
	.informations_magasin, 
	.zone-info-livraison,
	.sans-resultats-nationaux .input-group{
		width: 100%;
	}
	.total-cde-compte .price{
		width: auto;
	}
	.bg-gris-popup,
	.zone-btn-valider.text-center,
	#info-recel h4,
	#bg-jaune .col-md-4,
	.produit-panier .info-pdt,
	.col-md-8,
	.popup_resa h3,
	.panel-body{
		padding: 0;
	}
	#contenu_popup_geoloc .geolocalisation-magasin,
	.sans-resultats-nationaux .input-group,
	.popup_resa h3,
	#pdt-ajouter,
	.ligne-choix-garantie,
	#zone-saisie,
	.colonne_droite {
	    margin: 0;
	}
	.bloc-prix-fiche{
		border: none;
		border-top: 1px solid #d8d8d8;
		padding: 20px 0 0;
		margin: 10px 0 0;
	}
	.ligne-choix-garantie label {
	    max-width: 90%;
	    vertical-align: top;
	}
	#contenu_popup_cde .img img,	
	#contenu_popup_cde #pdt-ajouter .media_produit{
		width: 50%;
		margin: 0 25%;
		height: auto;
	}
	.bloc-icones-infos li {	
	    width: 33%;
	    margin: 10px 0;
	}
	.etape3 .bloc-icones-infos li {	
	    width: 50%;
	}
	/** etape 1 **/
	#bg-info-recel,
	.col-fid-img
	.cartouche-mag img,
	.titre-expert .fourmi,
	.titre-expert .cigale,
	.cigale-carbone,
	#guide-etapes .libelle,
	.th-1,
	.th-3,
	.th-4,
	.th-5{
	    display: none;
	}
	.info-pdt,
	.popup_cde h3{
		margin: 15px 0;
	}
	#bt_submit_panier,
	#liste-panier .td-1{
		text-align: right;
	}
	#liste-panier .td-3,
	#liste-panier .td-4,
	#liste-panier .td-5,
	#gestion-panier .td-3, 
	#gestion-panier .td-4, 
	#gestion-panier .td-5 {
	    padding-right: 20px;
	    text-align: right !important;
	    background: #f2f2f2;
	    padding: 5px 20px 5px 0;   
	}
	#liste-panier .form-control{
		display: inline-block;
	}
	#liste-panier .td-3::before,
	#gestion-panier .td-3::before {
	    content: "Prix HT : ";
	    font-style: italic;
    	padding: 0 15px 0 0;
	}
	#liste-panier .td-4::before,
	#gestion-panier .td-4::before {
	    content: "Prix unitaire : ";
	    font-style: italic;
    	padding: 0 15px 0 0;
	}
	#liste-panier .td-5::before,
	#gestion-panier .td-5::before {
	    content: "Prix : ";
	    font-style: italic;
    	padding: 0 15px 0 0;
	}
	.bloc_colissimo_relais .zone_saisie_relais input,
	#recherche_relais,
	.bloc_produit .col-sixieme,
	.bloc_produit .col-demi{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.col-demi-moitie,
	.item_relais div, 
	.etape4 .ecoreflexe select,
	.vote-utilisateur {
		width: 70%;
	}
	.etape4 .ecoreflexe span,
	#date_naissance .naissance,
	.name-utilisateur{
		width: 30%;
	}
	.col-moitie-img{
		width: 28%;
	}
	#choix-magasin-carte {
	    width: 90%;
	    top: 20px;
	    left: auto;
	    margin: 0 5%;
		background: rgb(255,255,255,0.8);
	}		
	/** tabs resultat recherche **/
	#resultats_recherche .nav-tabs > li > a{
		font-size: 0.7em;
	}
	.ui-autocomplete .ui-menu-item span.rayons-general {
	    float: initial;
	    width: 100%;
	    margin-top: 5px;
	}
	.welcome-client a, .welcome-client {
		text-align: center;
	}
	.bg-personnage-carte,
	.bg-panier,
	.etape2{
		background: none;
	}
	.etape5 .message{
		background: #fff;
	}
	.item_relais .km {
		position: initial;
		display: inline-block;
		width: 100%;
	}
	.choisir_relais {
	    position: initial;
	    display: inline-block;
	    width: 50%;
	    margin: 10px 25% 0 25%;
	    text-align: center;	
	}
	/** compte**/
	.compte {
	    padding: 20px 20px 80px 20px;
	}
	.compte-home {
	    padding: 20px 20px 275px 20px;
	}
	#entete-compte {
/* 	    background: url(/assets/img/h1-compte-four.png) left 5px bottom no-repeat, #d5d931 url(/assets/img/h1-compte-cig.png) right 5px bottom no-repeat; */
	    background: #d5d931;
	}
	.cartouche-mag {
	    padding: 0 20px 0 0;
	}
/* 	#achat-mag, #resa-web, #cde-web, #donnee-pers { */
/* 	    width: 47%; */
/* 	    margin: 2% 1% 2% 1%; */
/* 	} */
	/** agenda **/
	table thead tr th .long {
  	  	display: none;
  	}
 	table thead tr th .short {
    	display: block;
  	}
  	table tbody tr td.hour span {
	    transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
  	}
  	
  	/** page fid **/
  	.contenu-center-petit {
	    width: 96%;
	    margin: 20px 2%;
	}
	.col-fid-text{
	    width: 100%;
	}
	#text-appli {
	    width: 100%;
	}
	.bg-faq .gd-titre_accordeon {
	    padding: 0 35px 5px 0;
	}
	.bg-faq {
	    background: #f4f4f4;
	}
	/** page fete du cash **/
	#bg-jaune{
		padding: 30px 15px;
	}
	.col-md-4 .texte-cercle img,
	.size-cent {
	    width: 80%;
	    height: auto;
	}
	.col-moyen-img {
	    width: 28%;
	}
	.big-number {
	    padding: 24px;
	    width: 80px;
	    height: 80px;
	    font-size: 3em;
	}
	#zone-choix-service div,
	#info-rdv div{
	    display: block;
	    padding: 10px 0;
	}
	#zone-info-recel,
	.col-choix-ou p,
	#info-rdv span,
	#info-rdv img {
	    padding: 10px;
	}
	.k-contest{
		width: 330px !important;
		padding: 0;
		margin: auto;
	}
}

/* End of file site.css */
/* Location: ./assets/css/site.css */