@charset "iso-8859-1";

/*@import url(main.css);
@import url(gallery.css);
@import url(elements.css);
@import url(structure.css);
@import url(navigationElements.css);
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(catalog.css);
@import url(publicationMethods.css);
@import url(search.css);
@import url(board.css);
@import url(ads.css);
@import url(directory.css);
@import url(community.css);
@import url(googleMap.css);
@import url(layout.css);
@import url(print.css);
@import url(jquery.bxslider.css);*/

@import url(normalize.css);
@import url(tarteaucitron.css);

@font-face {
    font-family: 'Cardenio-Modern-Bold';
    src:url('fonts/Cardenio-Modern-Bold.ttf.woff') format('woff'),
        url('fonts/Cardenio-Modern-Bold.ttf.svg#Cardenio-Modern-Bold') format('svg'),
        url('fonts/Cardenio-Modern-Bold.ttf.eot'),
        url('fonts/Cardenio-Modern-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cardenio-Modern';
    src:url('fonts/Cardenio-Modern.ttf.woff') format('woff'),
        url('fonts/Cardenio-Modern.ttf.svg#Cardenio-Modern-Bold') format('svg'),
        url('fonts/Cardenio-Modern.ttf.eot'),
        url('fonts/Cardenio-Modern.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------------------------------------------------------------------
BASES
-------------------------------------------------------------------------------------------*/
body{
  background:#E9E9E9;
	font-family:'Karla',Helvetica,Arial,sans-serif;
	font-size:15px;
  line-height:1.5em;
	color:#494949;    
}
.clear {
	border:0;
	clear: both;
	height:0;
	line-height:0;
	visibility: hidden;
}
img{
  max-width:100%;
  vertical-align:middle;
}
/*Liens*/
a:link,
a:visited,
a:hover,
a:active{
	color:#E94C13;
	text-decoration:none;
  outline:none;
  transition:all ease-in 0.1s;
}
#container a{
  text-decoration:underline;
}
a.bouton{
  display:inline-block;
  background:#E94C13;
  color:#FFF;
  text-decoration:none !important;
  border-radius:10px;
  padding:6px 20px;
  font-weight:bold;
}
a.bouton:hover{
  background:#DA3A00;
}
a.suite,
a.voirvente{
  border:1px solid #E7511E;
  border-radius:5px;
  padding:6px 10px;
  display:inline-block;
  text-decoration:none !important;
}
a.suite:hover,
a.voirvente:hover{
  background:#E7511E;
  color:#FFF;
}
.back a{
  display:inline-block;
  padding:4px 10px 4px;
  border:1px solid #494949;
  color:#494949;
  text-transform:uppercase;
  text-decoration:none !important;
}
.back a:hover{
  background:#494949;
  color:#FFFFFF;  
}
a.more,
a.read{
  font-style:italic;
  text-decoration:none !important;
  display:inline-block;
  padding:6px 10px 4px 30px;
  margin-top:10px;
}
a.more:hover,
a.read:hover{

}
a.more{
  background:url(/images/picto-plus-gris.png) no-repeat 5px center;
  color:#74787A;
  border:1px solid #74787A;
}
a.more:hover{
  background-image:url(/images/picto-plus-bleu.png);
  color:#148DCE;
  border-color:#148DCE;
}
a.read{
  background:url(/images/picto-lire-anthra.png) no-repeat 5px center;
  border:1px solid #3F4559;
  color:#3F4559;
}
a.read:hover{
  background-image:url(/images/picto-lire-blanc.png);
  color:#FFFFFF;
  background-color:#3F4559;
}
#container .lienfaq{
  display:inline-block;
  color:#FFF;
  background:#3E3D3D;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  width:16px;
  height:16px;
  line-height:16px;
  border-radius:50%;
  text-align:center; 
  margin-left:5px;
  vertical-align:top; 
}
#container .lienlocaliser{
  font-style:italic;
  color:#7C7C7C;
  font-size:14px;
  padding-left:15px;
  background:url(/images/picto-localisation-gris.svg) no-repeat left center;
  background-size:10px;
  display:inline-block;
  margin-left:10px;
}

/*Liens boutons*/

/*Titres*/
h1, h2, .h2, h3, .h3, h4, h5{
  line-height:1.1em;
}
h1{
  color:#E94C13;
  font-size:42px;
  font-weight:normal;
  margin:10px 0 20px;
  font-family: "Satisfy";
}
.lequipe h1,
h2{
	color:#000;
  font-weight:normal;
  margin:30px 0;
  font-family: 'Cardenio-Modern-Bold';
  font-size:30px;
}
.lequipe h1:after,
h2:after{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background-size:contain;
  background:url(/images/feuilles-orange.svg) no-repeat center center;
  margin-left:10px;
}
h3{
  color:#494949;
  font-size:19px;
  font-weight:bold;
  margin:30px 0 20px;
}
h4{
  font-size:17px;
  font-weight:bold;
  color:#494949;
  margin:30px 0 20px;
}

.deux_colonnes > div h2:first-child,
.deux_colonnes > div .h2:first-child,
.deux_colonnes > div h3:first-child,
.deux_colonnes > div .h3:first-child,
.deux_colonnes > div h4:first-child,
.deux_colonnes > div h5:first-child{
  margin-top:0;
}



/*Textes, alignements, positionnements dans un article*/
#container ul li{
  padding-left:20px;
  padding:3px 0 3px 20px;
  position:relative;
}
#container ul li:before{
  display:block;
  position:absolute;
  left:0;
  top:12px;
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#000;
}
#container p strong{
}
p{
  margin:20px 0;
}
ul{
  margin:20px 0;
  list-style:none;
}
ol{
  margin:20px 0 20px 16px;
}
.above_left{text-align: left;}
.above_right{text-align: right;}
.above_center{text-align: center;}
.below_center{text-align: center;}
.below_right{text-align: right;}
.below_left{text-align: left;}
.above_center img, 
.above_right img, 
.above_left img, 
.below_center img, 
.below_right img, 
.below_left img{height:auto !important;float: none !important;}
.center{text-align: center;width:100%;}
.left{text-align: left;width:100%;}
.right{text-align: right;width:100%;}

.intext_left{
  float:left;
  padding:0 15px 10px 0;
}
.intext_right{
  float:right;
  padding:0 0 10px 15px;  
}
.deux_colonnes{
  padding:1px 0;
}
.colleft,
.colright{
}
.medias{
  margin:20px 0;
}
blockquote{
  font-size: 1.8em;
  width:80%;
  margin:50px auto;
  color: #000;
  padding:1.1em 30px 1.1em 75px;
  border-left:8px solid #E7511E ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
  font-family: "Satisfy";
}
blockquote::before{
  font-family:"satisfy";
  content: "\201C";
  color:#E7511E;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}
blockquote span{
  display:block;
  font-style: normal;
  font-weight: normal;
  margin-top:1em; 
  font-size:0.6em;
  font-family: 'Karla',Helvetica,Arial,sans-serif;
}
.vert{
  color:#5DA50A;
}
.orange{
  color:#E94C13;
}
.laide{
  font-style:italic;
  color:#7C7C7C;
}
.acacher{
  display:none;
}

/*Tableaux------------------------------------------------------------------------*/
table{
	border-collapse:collapse;
	border-spacing:0;
	margin:auto;
	width:100%;
	margin:25px 0;
}
th{
	border:1px solid #ccc;
	color:#3F4559;
	font-weight:bold;
	padding:15px 5px;
  font-size:17px;
}
td{
	border:1px solid #ccc;
	padding:10px;
}

/* ----------------------------------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------------------------------------*/
/*Ariane---------------------------------------------------------------------------*/
.breadcrumb{
  color:#74787A;
  font-size:12px;
  padding:0 0 30px;
  display:none;
}
.breadcrumb a{
  color:#74787A;
  text-decoration:none !important;
}
.breadcrumb .breadcrumb_navigation > span:first-child,
.breadcrumb .breadcrumb_navigation > span:nth-child(2) {
  display:none;
}
/*Pager---------------------------------------------------------------------------*/
.pager{
  text-align:center;
  margin:30px 0;
} 
  .pager a{
    display:inline-block;
    margin:5px;
    text-transform:uppercase;
    text-decoration:none !important;
    color:#494949;
    border:1px solid #494949;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:50%;
  }
  .pager a:hover{
    color:#FFF;
    background:#494949;
  }
  .pager a.pager_current_page{
    color:#FFF;
    background:#494949;
    font-weight:bold;
  }
  .pager .pagerFirst, .pager .pagerPrevious,
  .pager .pagerNext, .pager .pagerLast{
    display:none;
  }
  /*.pager .PagerPrevious,
  .pager .PagerNext{
    padding:8px 12px 4px;
    border:1px solid #3F4559;
    color:#3F4559;  
  }
  .pager .PagerPrevious:hover,
  .pager .PagerNext:hover{
    color:#FFFFFF;
    background:#3F4559;    
  }*/

.back{
  text-align:center;
  margin-top:30px;
}
.backtotop{
  background:url(/images/chevron-top-blanc.svg) no-repeat center center rgba(0,0,0,0.85);
  background-size:20px;
  width:46px;
  height:46px;
  border-radius:50%;
  position:fixed;
  bottom:15px;
  left:15px;
  z-index:20;
  color:#FFF;
  display:none;
  text-indent:-99em;  
}
/*Bouton nav responsive-----------------------------------------------------------*/
#navtop_bt{
  /*position:fixed;
  z-index:30;
  right:0;
  top:0;*/
  position:absolute;
  z-index:30;
  width:50px;
  height:50px;
  border-radius:50%;
  left:10px;
  padding:18px 0 0;
  background:#3E3D3D;
  cursor:pointer;
}
/*#navtop_bt:after {
	content: "MENU";
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-size: 12px;
  line-height:50%;
}*/
#navtop_bt span{
  position:relative;
}
#navtop_bt span,
#navtop_bt span:before,
#navtop_bt span:after {
	background: #FFFFFF;
	display:inline-block;
  vertical-align:top;
	height: 3px;
	width: 28px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
#navtop_bt span:before,
#navtop_bt span:after {
	content: '';
	position: absolute;
  left:0;
}
#navtop_bt span:before {
	top:-8px;
}
#navtop_bt span:after {
	top:8px;
}
#navtop_bt.navtop_bt_hover span {
     background: transparent;
}
#navtop_bt.navtop_bt_hover span:before {  
	top:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#navtop_bt.navtop_bt_hover span:after {
	top:0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*Nav principale------------------------------------------------------------------*/
/*#mainNav {
	position: fixed;
  overflow-y:auto;
	top: 0;
  left:0;
	z-index: 25;
	width: 100%;
  height:100%;
	padding: 65px 10px 20px;
	display: none;
	background: rgba(255,255,255,0.95);
}*/
  #mainNav{
    display:none; 
    background:#FFF;
    position:fixed;
    width:100%;
    overflow-y:scroll;
    height:100%; 
    z-index:10;
    top:0;
  }
  .fixedMobile #mainNav{
    padding-top:90px;

  }
nav ul{
  margin:0;
}
#mainNav .firstLevel{
  clear:left;
}
#mainNav .firstLevel .menu-acacher{
  display:none;
}
  #mainNav li a{
    color:#000;  
    font-weight:bold;
    cursor:pointer;
  }
  #mainNav .firstLevel > li{
    border-top:1px solid #D9D9D9;
  }
  #mainNav .firstLevel > li.has-submenu > a:after{
    content:"+";
    position:absolute;
    top:18px;
    right:20px;
  }
  #mainNav .firstLevel > li.sub-opened > a:after{
    content:"-";    
  }
  #mainNav .firstLevel > li > a{
    padding:10px 10px 10px 0;
    font-size:17px;
    line-height:1.3em;
    display:block;
    position:relative;
  }
  .menu2 #mainNav  .firstLevel > li > a{
    font-family: 'Cardenio-Modern-bold';
    font-size:22px;
    font-weight:normal;
  }  
  #mainNav .firstLevel > li > a img{
    display:none;
  }
  #mainNav .firstLevel > li.active > a{
    text-decoration:underline;
  }
  #mainNav .firstLevel > li > a > span{
    width:80px;
    height:40px;
    background-repeat:no-repeat;
    background-position:center top;
    transition:all ease-in 0.2s;
    display:inline-block;
    vertical-align:middle;
  }
  #mainNav .firstLevel > li.active > a > span{
    background-position:center bottom;
  }
  #mainNav li.menu-exceptionnelles > a > span{background:url(/images/pictos-menu-exceptionnelles.svg);}
  #mainNav li.menu-fruitslegumes > a > span{background:url(/images/pictos-menu-fruitslegumes.svg);}
  #mainNav li.menu-viandes > a > span{background:url(/images/pictos-menu-viandes.svg);}
  #mainNav li.menu-poissons > a > span{background:url(/images/pictos-menu-poissons.svg);}
  #mainNav li.menu-fromages > a > span{background:url(/images/pictos-menu-fromages.svg);}
  #mainNav li.menu-epiceries > a > span{background:url(/images/pictos-menu-epiceries.svg);}
  #mainNav li.menu-boissons > a > span{background:url(/images/pictos-menu-boissons.svg);}        
  #mainNav li.menu-quotidien > a > span{background:url(/images/pictos-menu-quotidien.svg);}
  #mainNav li.menu-recettes > a > span{background:url(/images/pictos-menu-recettes.svg);}  

#mainNav .secondLevel {
  display:none;
  background:#E5EFC3;
  padding-top:10px;
  padding-bottom:10px;
}
  /*#mainNav .secondLevel li.producteurbio > a:after{
    content:"BIO";
    background:#3B8505;
    color:#FFF;
    border-radius:5px;
    display:inline-block;
    font-size:11px;
    line-height:16px;
    padding:0 3px;
    margin:2px 0 0 8px;
    vertical-align:top;
  }*/
  #mainNav .secondLevel li.producteurbio > a:after{
    background:url(/images/labels/label-bio.gif) no-repeat center center;
    width:24px;
    height:18px;
    margin:2px 0 0 8px;
  }
  #mainNav .secondLevel li.producteurAB > a:after{
    background:url(/images/labels/label-AB.gif) no-repeat center center;
    width:24px;
    height:22px;
    margin:-2px 0 0 8px;
  }
  #mainNav .secondLevel li.producteurNP > a:after{
    background:url(/images/labels/label-natprogres.gif) no-repeat center center;
    width:24px;
    height:24px;
    margin:-3px 0 0 8px;
  }
  #mainNav .secondLevel li.producteurbio > a:after,
  #mainNav .secondLevel li.producteurAB > a:after,
  #mainNav .secondLevel li.producteurNP > a:after{
    content:"";  
    background-size:cover;
    border-radius:2px;
    display:inline-block;
    vertical-align:top;
  }
  #mainNav .secondLevel > li > a{
    padding:10px 15px 10px 80px;
    font-size:16px;
    font-weight:normal;
    display:block;
  }
  #mainNav .secondLevel > li.active > a{
    font-weight:bold;
    color:#000;
  }
  #mainNav .secondLevel > li > a img{
    max-width:196px;
    display:none;
  }
#mainNav .thirdLevel {
  display:none;
}
#mainNav .secondLevel > li.menu-visuelsousfamille{
  padding-bottom:5px;  
}
#mainNav .secondLevel > li.menu-visuelsousfamille > a{
  font-weight:bold;
  color:#000;
  text-transform:uppercase;
  padding-bottom:10px;
}
#mainNav .menu-3levels .thirdLevel{
  display:block;
}
#mainNav .menu-3levels .thirdLevel > li > a{
  font-size:15px;
  font-weight:normal;
  padding:5px 15px 10px 80px;
  display:block;
}
  
/*Nav au sein du contenu : menu de la leftbar ou rightbar selon modele ----------------------------------------*/
.sansleftnav #leftNav{
  display:none;
}
#leftNav,
.pagemoncompte #rightNav{
  margin-bottom:40px;
}
#leftNav .firstLevel,
.pagesmoncompte #rightNav .firstLevel{
  text-align:right;
}
#leftNav .firstLevel > li,
.pagesmoncompte #rightNav .firstLevel > li{
  display:inline-block;
}
#container #leftNav .firstLevel > li,
.pagesmoncompte #container #rightNav .firstLevel > li{
  padding:5px 0 5px 5px;
} 
#container #leftNav .firstLevel > li:before,
.pagesmoncompte #container #rightNav .firstLevel > li:before{
  display:none;
}
#leftNav .firstLevel > li > a,
.pagesmoncompte #rightNav .firstLevel > li > a{
  display:block;
  /*color:#808080;
  background:#F8F7F7;*/
  background:#FFF;
  color:#000;
  opacity:0.6;
  border:1px solid #D4D4D5;
  text-transform:uppercase;
  font-size:14px; 
  text-decoration:none;
  padding:2px 8px;
  border-radius:8px;
  position:relative;
}
#leftNav .firstLevel > li > a:hover,
#leftNav .firstLevel > li.active > a,
.pagesmoncompte #rightNav .firstLevel > li > a:hover,
.pagesmoncompte #rightNav .firstLevel > li.active > a,
.accueilmoncompte #rightNav .firstLevel > li.menu-gerer > a{
  opacity:1;
}
#container #leftNav .firstLevel > li.active,
.pagesmoncompte #container #rightNav .firstLevel > li.active,
.accueilmoncompte #container #rightNav .firstLevel > li.menu-gerer{
  padding-right:5px;
}
#leftNav .firstLevel > li.active > a:after,
.pagesmoncompte #rightNav .firstLevel > li.active > a:after,
.accueilmoncompte #rightNav .firstLevel > li.menu-gerer > a:after{
  content:"";
  display:block;
  width:21px;
  height:21px;
  background:url(/images/feuilles-orange.svg) no-repeat center center;
  background-size:contain;
  right:-15px;
  top:-10px;
  position:absolute;
}
/*  
.spconnecte #mainNav .firstLevel > li.je_m_inscris{
  display:none;
}
.spconnecte #rightNav .firstLevel > li.je_m_inscris{
  display:none;
}*/


/* ----------------------------------------------------------------------------------------
STRUCTURE
-------------------------------------------------------------------------------------------*/
.inner{
  padding:0 20px;
}
#page{
  overflow-x:hidden;
}
header{
  position:relative;
  //padding-top:65px;
}
#head{
  /*position:fixed;
  top:0;
  z-index:3;
  width:100%;*/ 
  background:#FFF;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}
  #headmobile{
    padding:10px 0;    
    position:relative;
  }
  .fixedMobile #headmobile{
    position:fixed; 
    width:100%;
    top:0;
    background:#FFF;
    z-index:15;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
  }
  #headboxestop{
    background:#3E3D3D;
  }
  #headboxestop ul,
  #headboxestop p,
  #headboxes ul,
  #headboxes p{
    margin:0;
  }
  #headboxes{
    text-align:right;
    padding:0 10px;
  }
  #head .inner{
    padding:0;
  }
  #logo{
    text-align:center;
    padding:10px 0;
  }
    #logo a{
      width:255px;
      height:70px;
      display:inline-block;
      color:#FFF;
      background:url(/images/logo-brancher-local.svg) no-repeat center center;  
      background-size:contain;
    }
    #logo a span{
      display:none;
    }
    
  #heading{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    text-align:center;
    width:100%;
    z-index:2;
  }
  #heading span{
    font-family:"Satisfy";
    font-size:28px;
    color:#3F4549;
    line-height:100%;
    display:inline-block;
    background:rgba(0,0,0,0.65);
    color:#FFFFFF;
    font-size:38px;
    padding:10px 20px;  
  }
  
  .home #navtop_bt,
  .sansmenu #navtop_bt{
    top:-75px; 
  }
  .home #logo,
  .sansmenu #logo{
    text-align:right;
    padding-right:20px;    
  }
  .home #headmobile,
  .sansmenu #headmobile{
    padding:0;
  }

#chapterpicture{
  position:relative;
  z-index:0;
  height:125px;
  overflow:hidden;
}
  .catalogProductsList #chapterpicture{
    display:none;  
  }
  #chapterpicture img{
    position:relative;
    max-width:inherit;
    left:50%;
    transform:translateX(-50%);
  }
#wrapper{
  padding:20px 0 0;
}
  .fixedMobile #wrapper{
    padding-top:90px;
  }
  .sansmenu.fixedMobile #wrapper,
  .home.fixedMobile #wrapper{
    padding-top:20px;
  }
  #rightbar{
  }
  #leftbar{
  }
  .unecolonne #rightbar,
  .unecolonne #leftbar{
    display:none;
  }
  .unecolonne #container{
    width:100%;
  }
#footer{
  background:#3E3D3D;
  padding:30px 0 0;
  margin: 0 0;
  color:#FFF;
}
#footer .inner{
  background:url(/images/fond-footer.svg) no-repeat 70% bottom;
}

/* pages avec modele rightbar*/
.pagedeuxcolonnes #rightNav{
  margin-bottom:30px;
}
.pagedeuxcolonnes #container #rightNav ul li:before{
  display:none;  
}
.pagedeuxcolonnes #container #rightNav ul li{
  padding:0;
}
.pagedeuxcolonnes #container #rightNav .firstLevel > li > a{
  text-decoration:none;
}
.pagedeuxcolonnes #rightNav .firstLevel > li > a{
  display:block;
  padding:10px 0;
  border-bottom:1px dotted #000;
  color:#000;
}

/* ----------------------------------------------------------------------------------------
FORMULAIRES
-------------------------------------------------------------------------------------------*/
.error{
  color:red;
  font-style:italic;
}
.form_creator_header{
  margin:0 0 30px;
}
#container .form_creator_header h2{
  margin-top:0;
}
.form_creator_header p{
}
.formulaire h1{
  margin-top:20px;
}
.formulaire{
  background:#FFF;
  padding:1px 20px 20px;
  border-radius:10px;
  margin:20px 0;
}

.la_gazette article, .precommandeencours #main, .pagedeuxcolonnes #main{
  background:#FFF;
  padding:10px 20px 20px;
  border-radius:10px;
  margin:20px 0;
}

.sponsorship legend{
  background:#F5F5F5;
  padding:5px 10px;
  margin:20px 0;
  border-left:3px solid #000;
}
legend{
  color:#000;
  text-transform:uppercase;
  padding:0 0 10px;
  font-weight:bold;
}
.row{
  margin:0 0 20px;
}
.row > label{
  font-weight:bold;
}
.row > span{
  display:block;
}
.row > div > select, .row > span select,
.row > div > input[type=text], .row > span > input[type=text],
.row > div > input[type=password], .row > span > input[type=password],
.row > div > textarea, .row > span > textarea,
.row > div > input[type=file], .row > span > input[type=file]{
  width:100%;
}
input[type=text],input[type=password], input[type=file], select, textarea{
  border:1px solid #C3C3C3;
  padding:10px 10px;
  background:#FFF;
}
textarea{
  width:100%;
}
.group_multi_radio,
.multi_radio,
.group_multi_checkbox,
.multi_checkbox{
  display:block;
}
.multi_radio,
.multi_checkbox{
  padding:3px 0;
  position:relative;
}
.multi_radio input,
.multi_checkbox input{
  position:absolute;
  top:7px;
  left:0;
}
.multi_radio label,
.multi_checkbox label{
  padding-left:20px;
  display:block;
}
input[type=checkbox],
input[type=radio]{
  margin-right:5px;
}
textarea::placeholder{
  font-style:italic;
}
.uneligne > label,
.uneligne > div,
.uneligne .group_multi_radio,
.uneligne .group_multi_checkbox,
.uneligne .multi_radio,
.uneligne .multi_checkbox{
  display:inline-block;
}
.uneligne .multi_radio,
.uneligne .multi_checkbox{
  margin-left:15px;
}
.rowcheck{
  position:relative;
}
.rowcheck label{
  padding-left:20px;
}
.rowcheck .checkobligatory{
  position:absolute;
  top:2px;
  left:0;
}
.rowcheck p{
  margin:10px 0;
  font-style:italic;
}
.errorForm,
label.error{
  color:red;
}
.submithidden{
  display:none;
}
.submithidden input,
.submit input{
  border: 0 none;
  color:#FFF;
  font-size:16px;
  background:#000;
  border-radius:10px;
  padding:10px 20px;
  cursor:pointer;
  transition:all ease-in 0.1s;
} 
.submit input.borange{
  background:#E7511E;
}
#captcha{
  margin:0 0 15px;
}
  /*::-webkit-input-placeholder {color:#3F4549;opacity:1;}
  ::-moz-placeholder          {color:#3F4549;opacity:1;} 
  :-moz-placeholder           {color:#3F4549;opacity:1;}
  :-ms-input-placeholder      {color:#3F4549;opacity:1;}
  :focus::-webkit-input-placeholder {opacity:0.4;}
  :focus::-moz-placeholder          {opacity:0.4;}
  :focus:-moz-placeholder           {opacity:0.4;}
  :focus:-ms-input-placeholder      {opacity:0.4;}*/

.loginError{
  color:red;
  font-weight:bold;
  font-style:italic;
}

.sploginError{
  color:red;
  font-weight:bold;
  font-style:italic;
  font-size:1.2em;
}

.aide p{
  margin:0;
  font-size:0.9em;
  font-style:italic;
}
/* ----------------------------------------------------------------------------------------
ACCUEIL
-------------------------------------------------------------------------------------------*/ 
/*.home #head{
  background:none;
  box-shadow:none;
}
  .home #logo{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    padding:10px 20px 0;
    border-radius:10px 10px 0 0;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e9e9e9",GradientType=1); 
  }
.home #wrapper{
  padding:40px 0 80px;
} */
#boutonmobilehome{
  position:fixed;
  width:100%;
  left:0;
  bottom:0;
  z-index:30;  
}
#boutonmobilehome .bouton{
  display:block;
  border-radius:0;
  padding:0;
  text-align:center;
  font-size:1.1em;
}
#boutonmobilehome .bouton span{
  background:url(/images/picto-panier-blanc.svg) no-repeat 10px center;
  background-size:25px;
  padding:15px 0 15px 50px;
  display:inline-block;
}
.titlehome{
  font-family: 'Cardenio-Modern-Bold';
  color:#000;
  margin:40px 0 20px;
  font-size:36px;
  line-height:130%;
}
.homeintro{
  display:flex;
  flex-wrap:wrap;
}
.homeintro #accountAuthentification{
  max-width:330px;
  margin:0 auto;
  order:2;
}
.homeintro #accountAuthentificationSubscription a{
  color:#FFF;  
}
.homeintro #accountAuthentificationSubscription{
  margin-top:10px;
}
.homeintro #accountAuthentification .lostPassword{
  font-size:15px;
}

.homepresentation{
  padding:1px 0 20px;
}
.homepresentation .visuel{
  float:right;
  max-width:90px;
  margin:40px 0 10px 15px;
}
.homel1 .visuel{
  text-align:center;
}
.homel1 .contenutexte{
  max-width:600px;
  margin:0 auto;
}
#container .homel1 ul li,
#container .homepresentation ul li{
  padding:10px 0 10px 40px;
}
#container .homel1 ul li:before,
#container .homepresentation ul li:before{
  background:url(/images/check-orange.svg) no-repeat left top;
  border-radius:0;
  width:27px;
  height:30px;
}
.homepresentation .boutonblanc{
  display:inline-block;
  background:#FFF;
  text-decoration:none !important;
  border-radius:10px;
  padding:6px 20px;
  font-weight:bold;
  margin-right:15px;
  margin:10px 15px 10px 0;
}
.homepresentation .bouton{
  padding-left:45px;
}
.homepresentation .bouton,
.homepresentation .bouton:hover{
  background-image:url(/images/picto-panier-blanc.svg);
  background-repeat:no-repeat;
  background-position:10px center;
  background-size:25px;
}
.homel2{
  padding-top:20px;
}
.homeccm{
  margin:30px 0 0;
}
.homeccminner{
  background:#fff;
  padding:1px 15px 40px;
  border-radius:10px;
  position:relative;
}
.homel2 .titlehome,
.homeccm .titlehome{
  text-align:center;
}
.homel2 .step,
.homeccm .step{
  margin:15px 0 30px;
}
.homel2 p,
.homeccm p{
  margin:10px 0;
}
.homel2 .visuel,
.homeccm .visuel{
  text-align:center;
  position:relative;
  z-index:2;
}
.homel2 .step1 .visuel,
.homeccm .step1 .visuel{
  margin-bottom:-26px;
}
.homel2 .step3 .visuel,
.homeccm .step3 .visuel{
  margin-bottom:-2px;
}
.homel2 .title,
.homeccm .title{
  color:#65AC08;
  font-weight:bold;
  font-size:18px;
}
.homel2 .step1 .insidestep,
.homeccm .step1 .insidestep{
  padding-top:35px;
}
.homel2 .insidestep,
.homeccm .insidestep{
  background:#FFF;
  padding:25px 15px 10px 30px;
  border-radius:10px;
  position:relative;
  margin-left:15px;
}
.homeccm .insidestep{
  background:#EEF3DE;
}
.homel2 .insidestep span,
.homeccm .insidestep span{
  background:#9AC016;
  color:#FFF;
  font-weight:800;
  text-align:center;
  display:block;
  line-height:36px;
  height:36px;
  width:36px;
  border-radius:50%;
  position:absolute;
  top:-15px;
  left:-15px;
  z-index:3;
}
.homeccm .CCMlien{
  text-align:center;
  position:absolute;
  width:100%;
  left:0;
  bottom:-30px;
}
.CCMlien .bouton{
  background:#494949;
}
.CCMlien .bouton:hover{
  background:#000;
}
.homeSCIC{
  margin:140px 0;
}
.homel3{
  color:#FFF;
  background:#494949;
  margin-top:80px;
  padding:1px 20px 40px;
  position:relative;
}
.homel3:before{
  content:"";
  width:40px;
  height:62px;
  background:url(/images/home-localisation.svg) no-repeat center center;
  display:block;
  position:absolute;
  left:50%;
  margin-left:-19px;
  top:-40px;
}
.homel3 .titlehome{
  text-align:center;
  color:#FFF;
}
.homel3 .intro p{
  max-width:650px;
  margin:0 auto;
}
.homel3 .pointretrait{
  color:#494949;
}
.homel3 .pointretrait p{
  margin:5px 0;
  text-align:left;
}
.homel3 .pointretrait{
  background:#FFF;
  padding:10px 15px 15px;
  margin:20px 0 0;
  text-align:center;
}
.homel3 .pointretrait p strong{
  color:#E94C13;
  font-family: 'Cardenio-Modern-Bold';
  font-size:24px; 
  font-weight:normal;
  line-height:130%; 
}
.homel3 .pointretrait p strong:after{
  display:inline-block;
  content:"";
  background:url(/images/picto-localisation-orange.svg) no-repeat center center;
  width:12px;
  height:18px;
  background-size:contain;
  margin-left:10px;
}
.homel3 .pointretrait .bouton{
  margin-top:10px;
}
.homel4{
  background:#FFF;
  padding:40px 50vw 20px;
  margin:140px -50vw 0;
}
.homel4 .titlehome{
  color:#9AC016;
}
#container .homel4 .contenutexte li{
  padding-left:15px;
}
#container .homel4 .contenutexte li:before{
  background:url(/images/chevron-right-green.svg) no-repeat left top;
  border-radius:0;
  width:8px;
  height:11px;
}
.homel4 .contenutexte .bouton{
  background:#9AC016;  
}
.homel4 .contenutexte .bouton:hover{
  background:#68A928;
}

/* ----------------------------------------------------------------------------------------
MAP
-------------------------------------------------------------------------------------------*/  
.map{
  margin:20px 0;
}
.map > div{
  position:relative;
  padding-bottom:60%;
  padding-top:30px;
  margin:0 auto !important;
  height:0 !important;
  overflow:hidden;
  width:100% !important;
}
.map iframe,
.map object,
.map embed{
  position:abolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
} 

/* ----------------------------------------------------------------------------------------
FAQ
-------------------------------------------------------------------------------------------*/ 
#faq ol{
  margin-bottom:30px;
}
#faq ol li{
  padding:3px 0;
  color:#E7511E;
}
.faqDetail{
  border-top:1px solid #494949;
  padding:0 0 25px;
}
 
/* ----------------------------------------------------------------------------------------
WIDGETS
-------------------------------------------------------------------------------------------*/
/*Widgets header--------------------------------------------------------------*/
header .widget p{
  margin:0;
}
#headboxes .widget{
  display:inline-block;
  vertical-align:top;
  text-align:left;
  margin-left:10px;
}
/*Widget Gazette*/
.bx-gazette{
  border-top:1px solid #D9D9D9;
}
.bx-gazette a{
  padding:10px 10px 10px 80px;
  background:url(/images/picto-brancherlocal-couleur.svg) no-repeat 30px center;
  background-size:22px;
  display:block;
  line-height:40px;
  font-size:17px;
}
.fixedMobile .bx-gazette{
  border:0 none;
}
/*Widget infos lieu de retrait*/
.bx-infosretrait .widgetContainer{
  color:#FFF;
  padding:5px 10px 5px 30px;
  background:url(/images/picto-localisation-blanc.svg) no-repeat 10px center;
  background-size:12px;
  font-size:13px;
  line-height:100%;
  display:block;
  cursor:pointer
}
.bx-infosretrait .widgetContainer a{
  color:#FFF;
}
.bx-infosretrait .widgetContainer p:after{
    display:inline-block;
    content:"";
    background:url(/images/chevron-bottom-white.svg) no-repeat center center;
    width:10px;
    height:7px;
    background-size:contain;
    margin:0 0 0 5px; 
}
.bx-infosretrait-content{
  display:none;
  position:absolute;
  text-align:left;
  background:#3E3D3D;
  color:#FFF;
  z-index:10;
  padding:15px;
  font-size:14px;
}
.bx-infosretrait-content p{
}
.bx-infosretrait .libelleretrait{
  font-weight:bold;
}
.bx-infosretrait-content a{
  color:#FFF;
  text-decoration:underline;
}
.bx-infosretrait-content .bouton{
  margin-top:10px;
}

/*Widget recherche catalogue*/
.widgetCatalogSearch,
#headboxes .widget.widgetCatalogSearch,
#headboxestop .widget.widgetCatalogSearch{
  display:none;
}
.widgetCatalogSearch #boutonrecherche{
  background:url(/images/picto-recherche-blanc.svg) no-repeat center center #E94C13;
  width:50px;
  height:50px;
  border-radius:50%;
  background-size:25px; 
  cursor:pointer; 
}
.widgetCatalogSearch #togglesearch{
  display:none;
  padding:15px;
  position:absolute;
  right:0;
  top:100%;
  width:100%;
  background:rgba(0,0,0,0.8);
  z-index:10;
}
.widgetCatalogSearch form{
  border:1px solid #AAA;
  border-radius:12px;
  background:#FFF;
}
.widgetCatalogSearch fieldset,
.widgetCatalogSearch .submit{
  display:inline-block;
  vertical-align:middle;
}
.widgetCatalogSearch fieldset{
  width:calc(100% - 50px);
}
.widgetCatalogSearch fieldset .row{
  margin:0;
}
.widgetCatalogSearch fieldset .row input{
  width:100%;
  background:none;
  border:0 none;
}
.widgetCatalogSearch fieldset .row input::placeholder{
  color:#A09F9F;
  font-size:14px;
}
.widgetCatalogSearch .submit input{
  background:url(/images/picto-recherche-orange.svg) no-repeat center center;
  background-size:25px;
  padding:0;
  width:40px;
  height:40px;
}
.widgetCatalogSearch .submit input:hover{
  transform:none;
}

/*Widget gestion de compte*/
.widgetLoginEntry{
  background:url(/images/picto-compte-gris.svg) no-repeat center center #E9E9E9;
  background-size:27px;
  width:50px;
  height:50px;
  border-radius:50%;
  text-indent:-999em;
  cursor:pointer;
}
.widgetLoginEntry > a{
  display:inline-block;
  height:100%;
}
.widgetLogin{
}
.widgetLoginLinks{
  background:rgba(0,0,0,0.8);
  display:none;
  position:absolute;
  z-index:10;
  width:100%;
  right:0;
  top:100%;
  padding:5px 0;
}
.widgetLoginLinks a{
  display:block;
  text-align:right;
  padding:10px 20px;
  color:#FFF;
}

/*Widget panier*/
.widgetCart .viewcart a,
.bx-cart-txt a{
  background:url(/images/picto-panier-blanc.svg) no-repeat center center #9DBF09;
  background-size:30px;
  width:50px;
  height:50px;
  border-radius:50%;
  display:block;
  text-indent:-999em;
}
.bx-cart-txt a{
  font-size:15px;
}

/*Widget brancherlocal*/
.bx-brancherlocal{
  border-bottom:1px solid #D9D9D9;
}
.bx-brancherlocal li{
  border-top:1px solid #D9D9D9;
}
.bx-brancherlocal a{
  display:block;
  padding:10px 10px 10px 80px;
  line-height:40px;
  font-family:"Satisfy";
  font-size:20px;
}
#mainNav .bx-brancherlocal a{
  color:#E94C13;
  font-weight:normal;  
}

/*Widget indication de ou valider son panier*/
.bx-validcart{
  display:none;
}

/*Widgets leftbar-------------------------------------------------------------*/
.bx-lienequipe{
  text-align:center;
}
.bx-lienequipe p{
  margin:0;
}
.bx-lienequipe a{
  display:inline-block;
  font-family: 'Cardenio-Modern-Bold';
  background:#FFF;
  color:#000;
  font-size:20px;
  padding:3px 10px 3px 40px;
  text-decoration:none !important;
  border-radius:8px;
  margin-bottom:25px; 
  position:relative; 
}
.bx-lienequipe a:before{
  content:"";
  display:block;
  width:25px;
  height:40px;
  background:url(/images/picto-brancherlocal-couleur.svg) no-repeat center center;
  background-size:contain;
  position:absolute;
  left:8px;
  top:-8px;
}
/*Widgets centre-------------------------------------------------------------*/
#container .bx-rassurances ul li:before{
  background:#9AC016; 
  left:50%;
  top:-6px;
  margin-left:-6px;
  width:12px;
  height:12px; 
}
#container .bx-rassurances ul li{
  padding:15px 10px 10px;
}
.bx-rassurances{
  
}
.bx-rassurances ul {
  margin:60px -20px 0;
  padding:134px 20px 0;
  background:url(/images/fond-rassurances1.svg) no-repeat center top;
}
.bx-rassurances ul li{
  padding:10px;
  text-align:center;
  color:#000;
  background:#FFF;
  border-radius:10px;
  margin:0 0 20px 0;
}
.bx-rassurances ul li a{
  color:#000;
}
/*Widgets rightbar------------------------------------------------------------*/
/*#rightbar .widget{
  margin-bottom:50px;
}
#rightbar .widget h4{
  font-size:36px;
  font-weight:bold;
  font-family:"Satisfy";
  margin:0 0 25px;
}
.modedecouverte{
  padding:15px;
  border:1px solid #000;
}
.modedecouverte .widgetContainer{
  background:url(/images/visuel-inscription.svg) no-repeat right top;
  background-size:100px;
}
.modedecouverte p{
  margin:0;
  padding:5px 0;
}
.modedecouverte .mode{
  font-size:26px;
  font-family:"satisfy";
  color:#000;
  padding-right:110px;
  line-height:120%;
}
.modedecouverte ul{
  margin:5px 0 0;
  color:#FFF;
}
.modedecouverte li{
  margin:0 0 2px;
  line-height:120%;
}
.modedecouverte li a{
  color:#FFF;
  padding:8px 5px 8px 17px;
  background:url(/images/chevron-right-blanc.svg) no-repeat 6px 11px #9AC117;
  background-size:6px;
  display:block;
}
.modedecouverte li a:hover{
  background-color:#5DA50A;
}
#container .ligne-agenda a{
  text-decoration:none;
}
.ligne-agenda a{
  color:#3F4549;
  margin:0 0 20px;
}
a.widgetLastElementsLink{
  display:table;
}
.contenu-date{
  display:table-cell;
  vertical-align:middle;
  width:96px;
  background:#F9EB1E;
  font-weight:bold;
  font-size:16px;
  text-align:center;
  padding:12px 10px 10px;
  border-radius:4px;
  line-height:100%;  
}
.contenu-date span{
  display:block;
  font-size:36px;
  line-height:100%;
}
.contenu-event{
  display:table-cell;
  vertical-align:middle;
  padding:0 0 0 15px;  
  color:#3F4549;
}
.resume-event{  
}
.contenu-event h3{
  margin:0 0 5px;
  color:#3F4549;
  font-size:24px;
  font-weight:normal;
}*/
  
/*Widgets footer--------------------------------------------------------------*/
#footer .widget{
  margin-bottom:40px;
  text-align:center;
}
#footer ul{
  margin:0;
}
.bx-foot1 p{
  margin:0 0 20px;
}
.bx-foot2 p,
.bx-foot3 p,
.bx-foot4 p{
  margin:10px 0;    
}
.bx-foot2 li,
.bx-foot3 li{
  padding:0 0 4px;
}
.bx-foot2 p strong,
.bx-foot3 p strong,
.bx-foot4 p strong{
  font-family: 'Cardenio-Modern-Bold';
  font-size:24px;
  font-weight:normal;  
}
.bx-foot4 p strong{
  color:#E94C13;
}
.bx-foot2 a,
.bx-foot3 a,
.bx-foot4 a{
  color:#FFF;
}
.bx-foot4 a{
  font-style:italic;
  text-decoration:underline;
}
.bx-foot4{
  background:#2B2B2B;
  text-align:center;
  padding:10px 20px;
}
#footer .bx-footmentions{
  color:#C4C4C4;
  font-size:13px;
  padding:10px 0;
  margin:0;
}
.bx-footmentions p{
  margin:0;
}
.bx-footmentions a{
  color:#C4C4C4;
}
#footer .bx-bullecontact{
  position:fixed;
  right:15px;
  bottom:15px;
  margin:0;
}
.home .bx-bullecontact{
  display:none;
}
.bx-bullecontact p{
  margin:0;
}
.bx-bullecontact a{
  width:46px;
  height:46px;
  border-radius:50%;
  background:url(/images/fond-bullecontact.svg) no-repeat center center #E94C13;
  background-size:28px;
  text-indent:-999em;
  text-align:left;
  display:block;
}
/* ----------------------------------------------------------------------------------------
GESTION DE COMPTE
-------------------------------------------------------------------------------------------*/
/*Connexion*/
.formulaireauthentif{
  padding:1px 20px 20px;
  border-radius:10px;
  margin:20px 0;
}
#accountAuthentification .formulaireauthentif{
  background:#494949;
}
#accountAuthentification h2,
#accountAuthentification label,
#accountAuthentification .lostPassword{
  color:#FFF;
}
#accountSubscription .formulaireauthentif{
  background:#FFF;  
}
#accountAuthentification .rememberMe > div{
  float:left;
}
#accountAuthentification .lostPassword{
  display:inline-block;
  margin-top:10px;
}
#accountAuthentification .lostPassword span{
  font-style:italic;
}
#accountAuthentification .submit input{
  background:#E94C13;
} 
#accountSubscription{
  margin-bottom:50px;
}
.accountpages{
  max-width:500px;
  margin:30px auto;
  text-align:center;  
}
/*.accountpages > h1:before{
  content:"";
  display:inline-block;
  background:url(/images/picto-compte-gerer-orange.svg) no-repeat center center;
  background-size:contain;
  width:30px;
  height:30px;
  margin:8px 20px 0 0;
  vertical-align:top;
}*/
/*Gerer mon compte : liste des actions*/
.pagesmoncompte #rightNav .firstLevel > li > a{
  padding-left:26px;
  background-repeat:no-repeat;
  background-position:6px center;
  background-size:14px;
}
.pagesmoncompte #rightNav .firstLevel > li.menu-preco > a{background-image:url(/images/picto-compte-commandes.svg);}
.pagesmoncompte #rightNav .firstLevel > li.menu-historique > a{background-image:url(/images/picto-compte-historique.svg);}
.pagesmoncompte #rightNav .firstLevel > li.menu-favoris > a{background-image:url(/images/picto-compte-favoris.svg);}
.pagesmoncompte #rightNav .firstLevel > li.menu-gerer > a{background-image:url(/images/picto-compte-gerer.svg);}
.pagesmoncompte #rightNav .firstLevel > li.menu-deco > a{background-image:url(/images/picto-compte-deconnecter.svg);}

#accountActions{
}
#container #accountActions ul li{
  padding:0;
  margin:0 0 2px;
  display:block;
}
#container #accountActions ul li:before{
  display:none;
}
#accountActions ul li a{
  background:#FFF;
  display:block;
  padding:10px;
  color:#000;
  font-weight:bold;
  text-decoration:none !important;
  border-left:3px solid #FFF;
  border-right:3px solid #FFF;
}
#accountActions ul li a:hover{
  border-left:3px solid #E94C13;
  border-right:3px solid #E94C13;
  color:#E94C13;
}
/*Gerer mon compte : modifier mes infos*/
#accountModify .formulaire{
  text-align:left;
}
/*Gerer mon compte : changer de mot de passe*/
#accountChangePassword .formulaire{
  padding-top:20px;
}
/*Gerer mon compte : gestion des adresses*/
#container #accountAddress > ul > li{
  background:#FFF;
  padding:20px;
  border-radius:10px;
  margin:0 0 20px;
}
#container #accountAddress > ul > li:before{
  display:none;
}
#accountAddress dt{
  color:#000;
  font-weight:bold;
  font-size:16px;
  padding:0 0 5px;
}
#accountAddress dd a{
  text-transform:uppercase;
  display:inline-block;
  margin:5px 0 0;
  padding:5px;
}
/* ----------------------------------------------------------------------------------------
RESULTATS DE RECHERCHE
-------------------------------------------------------------------------------------------*/

#search h2{
  margin:40px 0 30px;
}
#searchForm fieldset > input,
#searchForm .submit{
  float:left;
}
#searchForm .submit input{
  height:44px;
}
#searchDisplayResults{
  margin:20px 0;
}
.searchResults dd ul{
  margin-top:0;
}
.searchResults dt{
  color:#148DCE;
  font-size:1.1em;
}
#container .searchResults dt a{
  text-decoration:none;
}
/* ----------------------------------------------------------------------------------------
ACTUALITES
-------------------------------------------------------------------------------------------*/
/*Liste des actus------------------------------------------------------------------*/
.newsList #wrapper{
  background:#EFEFEF;
}
#newsList{
  padding:30px 0;
}
#newsEventsList{
}
  .newsContainer{
    background:#FFFFFF;
    transition:all ease-in-out 0.1s;
    margin:0 0 30px;
  }
  .newsTexte{
    padding:20px;
  }
  .newsContainer h2{
    display:block;
    background:none;
    padding:0;
    font-size:22px;
    margin:0 0 10px;
    color:#148DCE;
  }
  #container .newsContainer h2 a,
  #container .newsTexte a{
    text-decoration:none;
  }
  .newsContainer img{   
  }
  .newsContainer .date,
  .newsContainer .period,
  .newsContainer .description{
  }

/*Actu detaillee------------------------------------------------------------------*/ 


/* ----------------------------------------------------------------------------------------
ARTICLES
-------------------------------------------------------------------------------------------*/
article{
  font-size:17px;
}
article p,
article ul{
  line-height:1.7;
}
#articlesList{}

#articlesList .chapo{
  margin:0 0 40px;
}
#articlesList h2{
  margin-bottom:15px;
}
#articlesList .chapoPicture{
}
#articlesList .description{
  margin:15px 0 0;
}
article #chapo{
  font-weight:bold;
  color:#3F4549;
}
.ventesavenir .colleft img{
  max-width:200px;
}
.ventesavenir h2{
  margin-top:0px;
}
/* ----------------------------------------------------------------------------------------
EVENEMENTS
-------------------------------------------------------------------------------------------*/
/*Fiches resumees-------------------------------------------------------------*/
.event{
  margin:40px 0 30px;
}
  .event_picture{
    padding:0 0 15px;
  }
  .event_picture img{
    width:100%;
  }
  .event h3{
    margin:0 0 10px;
    font-size:24px;
    font-weight:normal;
    color:#3F4549;
  }
  .event .date{
    color:#3F4549;
    font-weight:bold;  
  }
  .event p{
    margin:10px 0;
  }
  .event .more{
    margin-top:5px;
  }
/*Fiches detaillees-------------------------------------------------------------*/
#event #chapo .chapoPicture img{
  margin-bottom:15px;
}
#event #chapo .date{
	font-weight:bold;
	color:#3F4559;
  font-size:18px;
  margin-bottom:10px;  
}
#event .chapo_description{
	color:#3F4559;
  font-size:16px;  
}
/* ----------------------------------------------------------------------------------------
ANNUAIRE
-------------------------------------------------------------------------------------------*/
/*Fiches resumees-------------------------------------------------------------*/
#formArboSelect{
  background:#EFEFEF;
  padding:20px 15px;
  margin:40px 0 0;
}
#formArboSelect label{
	color:#3F4559;
  display:block;
  padding:0 0 10px;
}
#formArboSelect .row{
  margin:0;
}
#childrenCategories li{
  margin:5px 0;
}
#childrenCategories a{
  text-decoration:none;
  color:#3F4559;
  font-size:18px;
}
#childrenCategories a:hover{
  color:#148DCE;
}
.entry-box{
  margin:0 0 40px;
}
.asso-box .annuaire-description{
	color: #3F4559;
	margin-bottom: 5px;  
}
.annuaire-nom {
	color: #148DCE;
	font-weight: bold;
	font-size: 18px;
}
  .asso-box .annuaire-nom{
    margin-bottom:5px;
  }
.pro-box .pro-theme {
	font-weight: bold;
	color: #3F4559;
	margin-bottom: 5px;
}

/*Fiches detail------------------------------------------------------------------*/
.annuaire-contact{
  border-left:4px solid #3F4559;
  padding:5px 10px 3px;
  color:#3F4559;
}
.annuaire-asso .asso-logo{
  margin-bottom:20px;
}
.annuaire-asso .asso-logo img{
  max-height:200px;
}
.annuaire-detail .gallery > div{
  display:flex;
  flex-wrap:wrap;
}
.annuaire-detail .gallery > div > div{
  width:30%;
  margin-right:3.3%;
}
.annuaire-pro h1{
  margin-bottom:10px;
}
.annuaire-pro .pro-theme{
	font-weight:bold;
	color:#3F4559;
  font-size:18px;
  margin-bottom:20px;
}
  
/* ----------------------------------------------------------------------------------------
PUBLICATIONS DE MEDIAS
-------------------------------------------------------------------------------------------*/
#zsearch{
  margin:0 0 30px;
}
.mediatodl{
  margin:0 0 20px;
  background:#EFEFEF;
  padding:15px 10px;
  text-align:center;
	color:#3F4559;
}
.medianame{
  font-size:16px;
}




/* ----------------------------------------------------------------------------------------
PAGES RECETTES
-------------------------------------------------------------------------------------------*/ 
.pagedeuxcolonnes #rightNav .firstLevel > li.active > a{
  font-weight:bold;
}
.pagesrecettes #famillyPresentation{
  border:0 none;
  padding-bottom:0;
  margin:0 0 30px;
}
.pagesrecettes.catalogProductsList #container h1:first-of-type{
  margin-top:10px;
}
.pagesrecettes #product{
  font-size:17px;
  line-height:1.7;
}
.shortrecette{
  background:#FFF;
  padding:10px;
  margin-bottom:40px;
}
.shortrecette h3{
  font-family: 'Cardenio-Modern-Bold';
  font-weight:normal;
  margin:10px 0;
  font-size:24px;
}
.shortrecette .voirrecette{
  text-align:center;
}
.shortrecette .voirrecette a{
  display:inline-block;
  background:#E94C13;
  color:#FFF;
  text-decoration:none !important;
  padding:5px 10px;
  border-radius:8px;
}
.pagesrecettes #product{
  background:#FFF;
  padding:15px 20px;
  border-radius:10px;
}
.pagesrecettes .productPictures{
  margin:0 0 20px;
}
.recette_ingredients{
  color:#000;
  padding:0 0 10px;
}
.recette_ingredients p,
.recette_ingredients ul{
  margin:0 0 10px;
  font-style:italic;
}
.recette_preparation{
  border-top:1px solid #000;
}
#container .recette_ingredients li{
  padding:0 0 0 12px;
  font-style:italic;
}
#container .recette_ingredients li:before{
  content:"-";
  border-radius:0;
  background:none;
  color:#000;
  top:0;
}

/* ----------------------------------------------------------------------------------------
CONCEPT
-------------------------------------------------------------------------------------------*/
.colconcept h2,
.colservices h2{
}
.colservices img{
  max-height:120px;
}
.ligneaider{
  border:1px solid #000;
  border-radius:5px;
  margin:60px auto 30px;
  padding:0 20px 10px;
  text-align:center;
}
.ligneaider h2{
  color:#000;
  background:#FFF;
  padding:0 10px;
  display:inline-block;
  text-align:center;
  margin:-35px auto 0;
  font-family:"satisfy";
  font-size:44px;  
}
.ligneaider blockquote{
  width:auto;
  margin:30px auto 20px;
  padding:20px 20px 20px 45px;
  font-size:1.6em;
}
.ligneaider .colleft,
.ligneaider .colright{
  text-align:left;
}
.ligneaider h3{
  padding-left:45px;
  position:relative;
}
.ligneaider h3:before{
  background:#000;
  color:#FFF;
  text-align:center;
  font-weight:bold;
  display:block;
  position:absolute;
  left:0;
  top:-7px;
  width:36px;
  height:35px;
  line-height:36px;
  border-radius:50%;
} 
.ligneaider .aidepoint1 h3:before{content:"1";} 
.ligneaider .aidepoint2 h3:before{content:"2";} 
.ligneaider .aidepoint3 h3:before{content:"3";}

.aidepoint1,
.aidepoint2,
.aidepoint3{
  padding:5px 0;
}
.ligneaider .bouton{
  text-transform:none;
}
.lignesoutenir{
  padding:30px 0 0;
}
.lignesoutenir .col{
  background:#F5F5F5;
  padding:5px 15px;
  margin:0 0 5px;
}
#container .lignesoutenir a{
  display:inline-block;
  padding-left:20px;
  background:url(/images/chevron-right-black.svg) no-repeat left 3px;
  background-size:10px;
  color:#000;
  font-weight:bold;
  text-decoration:none;
  font-size:1.1em;
}
/* ----------------------------------------------------------------------------------------
CATALOGUE
-------------------------------------------------------------------------------------------*/
/*------------Familles-------------*/
.catalog{
  position:relative;
}
.catalogProductsList #container h1:first-of-type{
  text-align:center;
  font-size:44px;
  margin:0;
}
#famillyPresentation{
  border-bottom:1px solid #000000;
  padding-bottom:30px;
  margin:0 0 40px;
  position:relative;
}
#famillyPresentation .precommande_differee{
  background:url(/images/picto-precodif-blanc.svg) no-repeat 15px center #3E3D3D;
  background-size:26px;
  color:#FFF;
  font-style:italic;
  font-size:16px;
  padding:10px 20px 10px 50px;
  display:inline-block;
  margin-top:20px;
}
#famillyPresentation .precommande_differee span{
  font-weight:bold;
  font-style:italic;
}
#famillyDescription{
  text-align:center;
  padding-top:10px;
}
#famillyDescription p{
  margin:10px 0 0;
}
#famillyDescription .frequence_vente{
  text-transform:uppercase;
  font-weight:bold;
  font-size:16px;
  margin-bottom:20px; 
  color:#000; 
}
#famillyDescription .frequence_vente:before{
  content:"-";
  display:inline-block;
  margin-right:10px;
  font-size:20px;
}
#famillyDescription .frequence_vente:after{
  content:"-";
  display:inline-block;
  margin-left:10px;
  font-size:20px;
}
/*#famillyPresentation .voirvente{
  position:absolute;
  right:0;
  top:0;
}*/
/*.fin_vente{
  background:url(/images/picto-listecommande.svg) no-repeat 15px center #F4F4F4;
  background-size:24px;
  padding:13px 10px 13px 55px;
  margin:20px 0 2px;
}
.livraison_vente{
  background:url(/images/picto-livraison.svg) no-repeat 10px center #F4F4F4;
  background-size:35px;
  padding:13px 10px 13px 55px;
  margin:0 0 2px;  
}
.info_vente{
  background:url(/images/picto-info.svg) no-repeat 12px center #F4F4F4;
  background-size:30px;
  padding:13px 10px 13px 55px;
  margin:0 0 2px; 
}*/
#families{
  margin:40px 0 0;
}
.familly{
  background:url(/images/feuilles-vertes.svg) no-repeat -5px 50% #FFF;
  background-size:102px;
  margin:0 0 20px;
}
.familly h3{
  font-weight:bold;
  font-size:20px;
  text-align:right;
  margin:0;
}
#container .familly h3 a{
  text-decoration:none;
  color:#494949;
}
.familly h3 a{
  display:block;
  padding:20px 30px 20px 102px;
  position:relative;
}
.familly h3 a:hover{
}
.familly h3 a:after{
  content:"";
  background:url(/images/fond-familly.svg) no-repeat center top;
  width:8px;
  height:13px; 
  position:absolute;
  top:50%;
  margin-top:-7px;
  right:15px;
  transition:all ease-in-out 0.2s;
}
.familly h3 a:hover:after{
  background-position:center bottom;
}

/*.ventehome .familly{
  position:relative;
  margin:0 0 30px;
  overflow:hidden;
  border:0 none;
}
.ventehome .familly h3{
  position:absolute;
  background:rgba(0,0,0,0.8);
  color:#FFF;
  margin:0;
  font-size:21px;
  padding:10px 18px;
  top:0;
  z-index:2;
}
.ventehome .familly a{
  color:#FFF;
  text-decoration:none;
}
.ventehome .familly img{
  position:relative;
  z-index:1;
  transition:all ease-in 0.1s;
}
.ventehome .familly img:hover{
  transform:scale(1.05);
}*/
/*------------Short products TABLEAU-------------*/
.shorttable1 .short_product_container{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid #74787A;
}
.shorttable1 .pictureContainer{
  width:20%;
  float:left;
}
.shorttable1 .pictureContainer img{
  padding:0 10px 0 0;  
}
.shorttable1 .shortname{
  padding:0 0 10px 0;
  width:100%;
}
.shorttable1 .shortname .description{
  padding-top:10px;
}
.shorttable1 .shortname h3{
  margin:0;
}
.shorttable1 .shortprice{
  padding:0 20px 0 0;
  text-align:right;
  clear:left;
}
.shorttable1 .shortadd{
}
.shorttable1 .addToCart{
  width:290px;
  clear:left;
}
.shorttable1 .addToCart .row{
  margin-right:10px;
}

.shorttable1 .saisie{
  margin-right:10px;
}

/*------------Short products points en commun-------------*/
.priceContainer{
  font-size:18px;
  font-weight:bold;
  color:#E7511E;  
}
.espaceentrepreneur .addToCart{
  display:none;
}
.addToCart{
  position:absolute;
  right:15px;
  bottom:15px;
}
/*.addToCart .row select{
  padding:5px 10px;
}
.addToCart .row{
  margin-bottom:0;
}
.addToCart .row{
  display:inline-block;
  vertical-align:middle;
  display:none;
}*/
.addToCart .panier{
  display:inline-block /*!important*/;
  vertical-align:middle;
}
/*.addToCart .row label{
  padding:0 10px 0 0;
  font-weight:normal;
  color:#74787A;
  font-size:15px;
}*/
#container .addToCart .panier a{
  background-color:#9dbf09;
  background-image:url(/images/picto-panierblanc-2022.svg);
  background-repeat: no-repeat;
  background-position:center center ;
  background-size:30px;
  display:block;
  border-radius:50%;
  color:#FFF;
  text-decoration:none;
  text-indent:-999em;
  width:50px;
  height:50px;    
}
#container .addToCart .panier a:hover{
  background-color:#68A928;
}
.addToCart .buttons_added{
  background:#9dbf09;
  border-radius:10px;
  color:#FFF;
  font-weight:bold;
}
.addToCart .buttons_added *{
  display:inline-block;
  vertical-align:top;
}
#container .addToCart .buttons_added a{
  color:#FFF;
  text-decoration:none;
  padding:0 10px;
}
.addToCart .buttons_added .sp_quantity{
  font-size:18px;
  line-height:30px;
  width:20px;
  text-align:center;
}
.addToCart .buttons_added a:first-of-type{
  font-size:30px;
  line-height:30px;
}
.addToCart .buttons_added a:last-of-type{
  font-size:24px;
  line-height:26px;
}
/*------------Short products STANDARD-------------*/
#shortproductlist{
}
.shortlist1{
  position:relative;
  margin:60px 0 40px;
  background:#FFF;
}
.petitprix .prodspecial{
  background-image:url(/images/picto-petitprix.svg);
  background-size:24px;
  padding-right:32px;
}
.nouveaute .prodspecial{
  background-image:url(/images/picto-nouveaute.svg);
  background-size:16px;
  padding-right:24px;
}
.antigaspi .prodspecial{
  background-image:url(/images/picto-antigaspi.svg);
  background-size:24px;
  padding-right:32px;
}
.prodspecial{
  position:absolute;
  z-index:1;
  right:0;
  top:-30px;
  /*left:50%;
  border-radius:0 0 5px 5px;
  top:0;
  transform:translateX(-50%);*/
  display:block;
  padding:2px 0 5px 0;
  color:#000;
  font-size:18px;
  font-family: 'Cardenio-Modern-Bold';
  background-repeat: no-repeat;
  background-position: right center;
  background-color:#E9E9E9;
  text-align:right;
}
.shortlist1 .short_product_container{
  padding:30px 15px 66px;
  position:relative;
}
.shortlist1 .pictobio{
  background:#3B8505;
  color:#FFF;
  text-transform:uppercase;
  font-size:14px;
  line-height:100%;
  font-weight:bold;
  border-radius:5px;
  padding:4px;
  position:absolute;
  right:14px;
  top:-12px;
}
.shortlist1 .pictureContainer{
  position:relative;
}
.shortlist1 h3{
  color:#E13900;
  margin:0;
  font-size:19px;
}
.shortlist1 .prodqte{
  color:#E13900;
  font-size:14px;
  font-weight:bold;  
}
.shortlist1 .prodvendeur{
  font-size:14px;
  color:#484848;
}
.shortlist1 .description{
  padding:10px 0;
  font-size:15px;
  color:#000;
}
.shortlist1 .infossup{
  border-top:1px dotted #494949;
  border-bottom:1px dotted #494949;
  position:relative;
  margin-bottom:10px;
}
.shortlist1 .infossup a{
  font-style:italic;
  color:#000;
  text-decoration:none !important;
  display:block;
  padding:5px 0;
}
.shortlist1 .infossup a:after{
  content:"";
  display:block;
  background:url(/images/chevron-bottom-gris1.svg) no-repeat center center;
  position:absolute;
  right:0;
  top:12px;
  width:12px;
  height:8px;
  background-size:contain;
}
.shortlist1 .infosite a{
  font-style:italic;
  color:#000;
  display:block;
  padding:5px 0;
}
.shortlist1 .descriptionesp{
  margin:10px 0 0 0;
}
.shortlist1 .descriptionesp,
.shortlist1 .descriptionesp p,
.shortlist1 .descriptionesp span,
.shortlist1 .descriptionesp strong{
  font-style:italic;
}
.shortlist1 .description p{
  margin:0;
  padding:0;
}
.shortlist1 .priceContainer{
  color:#000;
}
.shortlist1 .shortprice{
  position:absolute;
  height:42px;
  top:-22px;
  left:-9px;  
}
.shortlist1 .shortprice span{
  float:left;
}
.shortlist1 .prixleft{
  width:9px;
  height:42px;
  background:url(/images/prix-left.png) no-repeat left top;
}
.shortlist1 .prix{
  height:42px;
  padding:9px 4px 0 4px;
  background:url(/images/prix-in.png) repeat-x left top;
}
.shortlist1 .prixright{
  width:14px;
  height:42px;
  background:url(/images/prix-right.png) no-repeat left top;
}
.shortlist1 .prodprixkg{
  position:absolute;
  left:15px;
  bottom:15px;
  color:#919191;
  font-size:13px;
}
.shortlist1 .saisie .row{
  margin-bottom:10px;
}
.shortlist1 form{
  margin:5px 0;
}
.shortlist1 .addToCart .row{
  margin-right:20px;
}
/*Specificites des pages avec produits sans photo*/

.produitssansphoto .shortlist1 .short_product_container{
  padding:15px 15px 66px;
}
.produitssansphoto .shortlist1 .shortprice{
  left:inherit;
  right:0;
  top:15px;
  height:28px;  
}
.produitssansphoto .shortlist1 .prixleft{
  width:10px;
  height:28px;
  background:url(/images/prix-left-sp.gif) no-repeat left top;
}
.produitssansphoto .shortlist1 .prix{
  height:28px;
  line-height:28px;
  padding:0 0 0 6px;
  background:url(/images/prix-in-sp.gif) repeat-x left top;
}
.produitssansphoto .shortlist1 .prixright{
  width:10px;
  height:28px;
  background:url(/images/prix-right-sp.gif) no-repeat left top;
}
.produitssansphoto .shortlist1 h3,
.produitssansphoto .shortlist1 .prodqte{
  padding-right:95px;
}
.produitssansphoto .shortlist1 .pictobio{
  right:inherit;
  left:50%;
  transform:translateX(-50%);
}
/*------------Short products PRODUCTEURS-------------*/
.catalog .widgetProduct .title{
  display:none;
}
 .widgetProduct .title{
  text-align:center;
  font-family: 'Cardenio-Modern-Bold';
  font-size:34px;
  margin:50px 0;
  color:#000;
 }
 .widgetProduct .title:before{
  content:".....";
  display:inline-block;
  font-size:50px;
  margin-right:15px;
 }
 .widgetProduct .title:after{
  content:".....";
  display:inline-block;
  font-size:50px;
  margin-left:15px;
 }
.short_producteur{
  position:relative;
  margin:0 0 40px;
  background:#FFF;
}
.shortPhotoProducteur{
  position:relative;
  overflow:hidden;
}
.shortlabel{
  position:absolute;
  top:7px;
  right:7px;
  background:#FFF;
  font-size:14px;
  color:#000;
}
.shortlabeltxt{
  padding:0 4px;
  border-radius:4px;  
}
.shortlabelimg{
  padding:1px;
  border-radius:2px;  
}
.shortlabelimg img{
  border-radius:2px;
}
.shortPhotoProducteur > div{
  position:absolute;
  bottom:0;
  width:100%;
  overflow:hidden;
  height:89px;
  background:url(/images/fond-shortproducteur-horizontal.svg) no-repeat center center;
}
.conteneurfamilles .short_producteur{/*short producteur dans les familles*/
  max-width:420px;
  margin:0 auto 40px;
}
.shortLogoProducteur{
  background:#FFF;
  padding:0 15px 40px;
  text-align:center;
}
.shortLogoProducteur img{
  max-width:200px;
  max-height:110px;
}
.shortLocalisation{
  color:#A3A3A3;
  padding-left:18px;
  background:url(/images/picto-localisation-gris.svg) no-repeat left center;
  display:inline-block;
  background-size:12px;
  font-size:14px;
}
.shortProdproposes{
  display:block;
  color:#000;
  padding:5px 0 0;
  font-style:italic;
}
.short_producteur > a{
  color:#FFF;
  display:block;
  background:#E94C12;
  border-radius:8px 8px 0 0;
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  font-size:14px;
  font-weight:bold;
  padding:3px 10px;
  min-width:140px;
  text-align:center;
}
.short_producteur > a:hover{
  padding-bottom:8px;
}
#container .short_producteur > a{
  text-decoration:none;
}
.shortNomProducteur{
  font-family: 'Cardenio-Modern-Bold';
  font-size:24px;
  padding:0 0 10px;
  display:block;
}
.short_producteur p{
  margin:0;
}
/*------------FILTRES-------------*/
.bx-filtres{
  margin:-20px 0 40px;
}
.bx-filtres .formulaire{
  background:none;
  padding:0;
  margin:0;
  border-radius:0;
}
.bx-filtres .description{
  display:none;
}
.bx-filtres .widgettitle{
  font-weight:bold;
  color:#000;
  font-size:18px;
  margin:0 0 15px;
  text-align:center;
}
.bx-filtres .divfields{
  display:none;
  padding:0 10px 10px;
}
.bx-filtres .row{
  background:#F7F7F7;
  border-radius:10px;
  margin:0 0 15px;
}
.bx-filtres .row > label{
  display:block;
  color:#000;
  font-weight:normal;
  padding:10px;
  position:relative;
  text-transform:uppercase;
}
.bx-filtres .row > label:after{
  display:block;
  content:"";
  background:url(/images/chevron-bottom-gris1.svg) no-repeat center center;
  width:12px;
  height:10px;
  background-size:contain;
  margin:0 0 0 5px;
  position:absolute;
  right:10px;
  top:16px;
}
.bx-filtres .multi_checkbox{
  padding:5px 0;
}
.bx-filtres .multi_checkbox input{
  top:8px;
}
.bx-filtres .submit{
  text-align:center;
}
.bx-filtres .submit input{
  padding-left:35px;
  background:url(/images/delete-blanc.svg) no-repeat 10px center #000;
  background-size:12px;
}
/*------------Fiche producteur-------------*/
.localisation{
  display:block;
  color:#000;
  text-transform:uppercase;
  background:url(/images/picto-localisation.svg) no-repeat left center;
  background-size:18px;
  padding-left:25px;
  margin-top:-10px;
}
a.seecoords{
  padding-left:25px;
  color:#000;
  font-size:15px;
}
#coordonnees{
  display:none;
  background:#F4F4F4;
  padding:1px 25px;
  margin:0 0 20px;
}
br.separator{
  display:none;
}
.lequipe article > h1{
  margin-top:10px;
  font-size:36px;
}
.lequipe .textAndImages{
  padding-top:10px;
}
.liensexternes{
  text-align:center;
}
#container .liensexternes li{
  display:inline-block;
  padding:5px;
}
#container .liensexternes li:before{
  display:none;
}
.btfb{
  background:url(/images/picto-facebook.svg) no-repeat center center #3C5B9B;
  display:block;
  padding:10px 22px;
  border-radius:5px;
  background-size:15px;
  text-indent:-999em;
}
.btfb:hover{
  background-color:#000;
}
.btinsta{
  background:url(/images/picto-instagram.svg) no-repeat center center #602E7A;
  display:block;
  padding:10px 22px;
  border-radius:5px;
  background-size:25px;
  text-indent:-999em;
}
.btinsta:hover{
  background-color:#000;
}
/* ----------------------------------------------------------------------------------------
PANIER
-------------------------------------------------------------------------------------------*/
.panier .breadcrumb{
  display:none;
}
/*----------------OverDiv--------------*/
#overDiv{
  background:#FFF;
  box-shadow:0 0 5px rgba(0,0,0,0.4);
  margin-left:-150px;
}
.overlibcaption {
	display: none;
}
.overlibclose {
	text-align: right;
	padding: 15px 15px 0;
}
.overlibclose a {
	background: #E7511E;
	color: #FFF;
	display: inline-block;
	line-height: 28px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	border-radius: 50%;
	text-align: center;
}
#overlibcontent{
  padding:0 15px;
}
#overlibcontent p,
#overlibcontent ul{
  margin:0 0 20px;
}
#overlibcontent li:first-child{
  margin:0 0 10px;
}
#overlibcontent li a{
  display:inline-block;
  padding:5px 10px;
  color:#FFF;
  background:#000;
}
#overlibcontent li a.add2cartConfirmationCart{
  background:#E7511E;
}
#overlibfooter{
  display:none;
}
/*----------------Systeme d'onglets--------------*/
.navtabs{
  margin:0;
}
.navtabs li{
    display:none;
}
.togglebox{
}
.tabname{
  color:#FFF;
  cursor:pointer;
}
#container .tabname a{
  display:block;
  padding:12px 15px;
  background:#FFF;
  color:#000;
  font-size:16px;
  text-decoration:none;
  position:relative;
  border-bottom:1px dotted #000;
  font-weight:bold;
}
#container .active .tabname a{
  border-bottom:0 none;
}
.tabname a:after{
  content:"+";
  width:20px;
  height:20px;
  border-radius:50%;
  background:#000;
  position:absolute;
  right:15px;
  top:14px;
  color:#FFF;
  text-align:center;
  font-weight:700;
  line-height:18px;
}
.active .tabname a:after{
  content:"-";
  line-height:20px;
}
.active .tabname{
    margin:0;
}
.tabcontent{
    display:none;
    border:1px dotted #000;
    padding:0 15px 10px;
} 
/*----------------Precommandes--------------*/
.alerterouge{
  background:#E94C13;
  font-weight:bold;
  padding:15px;
  border-radius:10px;
  color:#FFF;
  text-align:center;
  margin:0 0 20px;
}
.alerterouge:before{
  content:"";
  display:inline-block;
  background:url(/images/alerterouge.svg) no-repeat center center;
  width:25px;
  height:21px;
  margin-right:10px;
  vertical-align:top;
}
.intropanier{
  padding-bottom:20px;
}
.zoneprecommande{
  padding:20px 0;
}
.zoneprecommande .colonne_gauche h1{
  color:#3E3D3D;
}
.zoneprecommande .colonne_gauche h3{
  font-weight:normal;
  margin:0 0 10px;  
}
.zoneprecommande .colonne_gauche h3 span{
  display:inline-block;
  vertical-align:middle;
  width:calc(100% - 67px);
  font-family:'Satisfy';
  color:#3E3D3D;
  font-size:24px;
  line-height:100%;
}
.zoneprecommande .colonne_gauche h3:before{
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:52px;
  height:52px;
  margin-right:15px;
  border-radius:50%;
  background-color:#3E3D3D;
  background-repeat:no-repeat;
  background-position:center center;
}
.zoneprecommande .colonne_gauche h3.precodif:before{background-image:url(/images/picto-precodif-blanc.svg);}
.zoneprecommande .colonne_gauche h3.legumes:before{background-image:url(/images/picto-legumes-blanc.svg);}
.zoneprecommande .colonne_gauche h3.fruits:before{background-image:url(/images/picto-fruits-blanc.svg);}
.zoneprecommande .colonne_gauche h3.viande:before{background-image:url(/images/picto-viande-blanc.svg);}
.zoneprecommande .colonne_gauche h3.poisson:before{background-image:url(/images/picto-poisson-blanc.svg);}
.zoneprecommande .colonne_gauche h3.fromage:before{background-image:url(/images/picto-fromage-blanc.svg);}
.zoneprecommande .colonne_gauche h3.epicerie:before{background-image:url(/images/picto-epicerie-blanc.svg);}
.zoneprecommande .colonne_gauche h3.boisson:before{background-image:url(/images/picto-boissons-blanc.svg);}
.zoneprecommande .colonne_gauche h3.vie:before{background-image:url(/images/picto-quotidien-blanc.svg);}

.zoneprecommande .detail table{
  background:#F7F7F7;
  margin:0 0 40px;
}
.zoneprecommande .detail table tr{
  border-bottom:1px dotted #000;
  position:relative;
  display:block;
}
.zoneprecommande .detail table tr:last-child{
  border-bottom:0 none;
}
.zoneprecommande .detail table td{
  border:0 none;
  display:block;
}
.zoneprecommande .detail .colproduct{
  padding-right:56px;
}
.zoneprecommande .detail .colproduct .dateretrait{
  font-style:italic;
  color:#E94C13;
}
.zoneprecommande .detail .colqty,
.zoneprecommande .detail .colprice{
  display:inline-block;
  padding-top:0;
}
.zoneprecommande .detail .coldelete{
  position:absolute;
  right:5px;
  top:5px;
}
.zoneprecommande .detail .colqty:before{
  content:"quantité : ";
  opacity:0.5;
  font-style:italic;
}
.zoneprecommande .detail .colprice:before{
  content:"prix total : ";
  opacity:0.5;
  color:#494949;
  font-weight:normal;
  font-style:italic;
}
.zoneprecommande .detail .designationProduit{
  display:block;
  color:#000;
}
.zoneprecommande .detail .designationProduit a{
  color:#000;
  text-decoration:none !important;
}
.zoneprecommande .detail .productacteur{
  display:block;
  color:#747474;
}
.zoneprecommande .deleteprodbt{
  display:inline-block;
  text-indent:-999em;
  background:url(/images/delete-blanc.svg) no-repeat center center #000;
  width:26px;
  height:26px;
  border-radius:50%;
}
.zoneprecommande .deleteprodbt:hover{
  transform:scale(1.2);
}
.zoneprecommande .colprice{
  color:#000;
  font-weight:bold;
}
.zoneprecommande .colonne_droite{
}
.zoneprecommande .colonne_droite .zonedifferee,
.zoneprecommande .colonne_droite .zonecommande{
  background:#FFF;
  margin-bottom:36px;
}
.zoneprecommande .colonne_droite .headdifferee,
.zoneprecommande .colonne_droite .headprecommande{
  padding:15px 15px;
}
.zoneprecommande .colonne_droite h3{
  font-size:16px;
  margin:5px 0 10px;
}
.zoneprecommande .colonne_droite p{
  margin:10px 0;
  color:#7C7C7C;
  font-size:14px;
}
.zoneprecommande .colonne_droite p strong{
  font-weight:500;
}
.zoneprecommande .colonne_droite table{
  margin:0;
}
.zoneprecommande .colonne_droite td{
  border:0 none;
  padding:8px 0;
}
.zoneprecommande .colonne_droite .prixtotalproducteur,
.zoneprecommande .colonne_droite .prixfrais,
.zoneprecommande .colonne_droite .prixretrait,
.zoneprecommande .colonne_droite .prixtotal{
  text-align:right;
  color:#000;
  font-weight:bold;
  font-size:16px;
  vertical-align:top;
}
.zoneprecommande .colonne_droite .rowfrais,
.zoneprecommande .colonne_droite .rowlieu,
.zoneprecommande .colonne_droite .rowtotal,
.zoneprecommande .colonne_droite .rowaccept,
.zoneprecommande .colonne_droite .rownoaccept{
  border-top:3px solid #E9E9E9;
}
.zoneprecommande .colonne_droite .recapdetail .rowfrais{
  border-top:1px solid #E9E9E9;
}
.commandedetail{
  background:#FFF;
  margin-top:40px;
}
.commandedetail h2{
  font-family:"Satisfy";
  color:#3E2D3D;
  font-size:26px;
  font-weight:normal;
  text-align:center;
  margin:0;
  border-bottom:6px solid #E9E9E9;
  padding:18px 0 16px;
}
.commandedetail h2:after{
  display:none;
  background:none;
  margin:0;
  width:0;
  height:0;
}
.introcommandedetail{
  padding:10px 18px;
}
.introcommandedetail p{
  line-height:1.5;
}
.recapdetail .rowproducteur > td{
  padding:0;
}
.recapdetail .zonetoggledetail{
  border-top:1px solid #E9E9E9;
}
.recapdetail .liendetail .liendiffere{
  background:url(/images/picto-precodif-gris.svg) no-repeat 18px 10px;
  background-size:20px;
}
.recapdetail .liendetail .liendiffere span{
  display:block;
  color:#E94C13;
  font-style:italic;
  font-size:14px;
  line-height:1.2; 
}
.recapdetail .zonetoggledetail tr.liendetail .liendiffere{
  padding-left:46px !important;
}
.recapdetail .zonetoggledetail tr.liendetail td,
.recapdetail .rowfrais td,
.recapdetail .rowtotal td{
  padding-top:12px;
  padding-bottom:12px;
}
.recapdetail .zonetoggledetail tr.liendetail td:first-child,
.recapdetail .rowfrais td:first-child,
.recapdetail .rowtotal td:first-child{
  padding-left:18px;
}
.recapdetail .zonetoggledetail tr.liendetail td:last-child,
.recapdetail .rowfrais td:last-child,
.recapdetail .rowtotal td:last-child{
  padding-right:18px;
}  
.recapdetail .zonetoggledetail tr.contenudetail td{
  padding-top:0;
  padding-bottom:0;  
}
.zoneprecommande .colonne_droite p.explicationfrais{
  margin:0 0 10px;
}
.zoneprecommande .colonne_droite .zonetoggledetail{
  position:relative;
}
.zoneprecommande .colonne_droite .contenuProduit{
  /*position:absolute;
  left:-15px;
  top:100%;
  width:calc(100% + 60px);*/
  width:100%;
  display:none;
  background:#494949;
  padding:15px;
  z-index:2;
  color:#FFF;
  margin-top:10px;
}
.zoneprecommande .colonne_droite .contenuProduit ul{
  margin:0 0 15px;  
}
.zoneprecommande .colonne_droite .recapdetail .contenuProduit ul{
  margin:0 0 5px;
}
.zoneprecommande .colonne_droite .recapdetail .contenuProduit{
  /*position:absolute;
  left:-15px;
  top:100%;
  width:calc(100% + 60px);*/
  background:none;
  padding:0 18px 5px 18px;
  color:#494949;
  margin-top:0;
}
.zoneprecommande .colonne_droite .recapdetail .contenuProduit td{
  padding:0 18px;
}
#container .zoneprecommande .colonne_droite .contenuProduit li:before{
  width:5px;
  height:5px;
  display:none;
}
#container .zoneprecommande .colonne_droite .contenuProduit li{
  padding-left:0;
}
#container .zoneprecommande .colonne_droite .recapdetail .contenuProduit li{
  padding:0 0 3px;
}
.zoneprecommande .colonne_droite .contenuProduit li{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.zoneprecommande .colonne_droite .contenuProduit .prixdetailproducteur{
  text-align:right;
  min-width:70px;
}
.zoneprecommande .colonne_droite .tableautresmontants td{
  padding:12px 15px;
}
.zoneprecommande .colonne_droite .rowindicatif td{
  padding:0 15px 15px 15px;
  font-style:italic;
  color:#7C7C7C;
}
.zoneprecommande .colonne_droite a.liendetail,
.zoneprecommande .colonne_droite tr.liendetail td a{
  cursor:pointer;
  background:url(/images/chevron-bottom-gris1.svg) no-repeat right center;
  padding-right:20px;
  color:#494949;
  text-decoration:none !important;  
}
.zoneprecommande .colonne_droite a.liendetail.active,
.zoneprecommande .colonne_droite tr.liendetail.active td a{
  background-image:url(/images/chevron-top-gris1.svg);
}
.recapdetail .contenuProduit textarea{
  margin-bottom:12px;
}
/*.zoneprecommande .colonne_droite tr:nth-last-child(4) td{
  padding-bottom:15px;
}*/
.recappanier{
  background:#FFF;
  border-radius:6px 6px 0 0;
  border-collapse:inherit;
}
.recappanier .h2{
  font-family:"Satisfy";
  font-size:34px;
  color:#E94C13;
  padding:15px 0;
}
.zoneprecommande .colonne_droite .h3{
  font-size:16px;
  color:#000;  
  font-weight:bold;
}
.panier .zoneprecommande .colonne_droite .rowlieu td{
  padding-bottom:0;
}
.panier .zoneprecommande .colonne_droite .recappanier .rowlieu td{
  padding:5px 18px 18px;
}
.zoneprecommande .colonne_droite .rowlieu .h3{
  padding-bottom:10px;
}
.zoneprecommande .colonne_droite .rowlieuchoix td:first-child div{
  margin-top:5px;
}
.zoneprecommande .colonne_droite .rowlieuchoix td select{
  background:#FFF;
}
.zoneprecommande .colonne_droite .rowlieuchoix .prixretrait{
  font-size:15px;
  font-style:italic;
  color:#484848;
  font-weight:normal;
}
.zoneprecommande .colonne_droite .rowtotal,
.zoneprecommande .colonne_droite .prixtotal{
  color:#E94C13;
  text-transform:uppercase;
  font-weight:bold;
  font-size:18px;
}
.zoneprecommande .colonne_droite .recappanier .rowtotal{

}
.zoneprecommande .colonne_droite .recappanier .rowtotal td:first-child{
  padding:15px 0 15px 18px;
  border-top:1px solid #E9E9E9;
}
.zoneprecommande .colonne_droite .recappanier .rowtotal td:last-child{
  padding:15px 18px 15px 0;
  border-top:1px solid #E9E9E9;
}
.zoneprecommande .colonne_droite .recappanier .rowtotal td p{
  text-transform:none;
  font-weight:normal;
  margin:5px 0 0;
  line-height:1.3;
}
.zoneprecommande .colonne_droite .zonedifferee .rowtotal,
.zoneprecommande .colonne_droite .zonedifferee .prixtotal{
  color:#000;
}
.zoneprecommande .colonne_droite .zonedifferee .rowtotal td{
  padding-bottom:5px;
}
.zoneprecommande .colonne_droite .rowaccept,
.zoneprecommande .colonne_droite .rownoaccept{
  background:#FBE1D7;
}
.zoneprecommande .colonne_droite .recappanier .rowaccept,
.zoneprecommande .colonne_droite .recappanier .rownoaccept{
  background:#FBE1D7;
}
.zoneprecommande .colonne_droite .rowaccept td,
.zoneprecommande .colonne_droite .rownoaccept td{
  position:relative;
}
.zoneprecommande .colonne_droite .recappanier .rowaccept td,
.zoneprecommande .colonne_droite .recappanier .rownoaccept td{
  padding:12px 0;
}
.zoneprecommande .colonne_droite .rowaccept .condition_field,
.zoneprecommande .colonne_droite .rownoaccept .condition_field{
  position:absolute;
  left:15px;
  top:12px;  
}
.zoneprecommande .colonne_droite .rowaccept .condition_label p,
.zoneprecommande .colonne_droite .rownoaccept .condition_label p{
  margin:0;
  color:#000;
  font-size:15px;
}
.zoneprecommande .colonne_droite .rowaccept .condition_label p,
.zoneprecommande .colonne_droite .rownoaccept .condition_label p{
  font-size:14px;
  font-style:italic;
  line-height:1.5;
}
.zoneprecommande .colonne_droite .rowaccept .condition_label p a,
.zoneprecommande .colonne_droite .rownoaccept .condition_label p a{
  font-style:italic;  
}

.zoneprecommande .colonne_droite .rowaccept .condition_label,
.zoneprecommande .colonne_droite .rownoaccept .condition_label{
  padding-left:25px;
}
.zoneprecommande .colonne_droite .recappanier .rowaccept .condition_label,
.zoneprecommande .colonne_droite .recappanier .rownoaccept .condition_label{
  padding-left:35px;
}
.zoneprecommande .colonne_droite .rowaccept .condition_label a,
.zoneprecommande .colonne_droite .rownoaccept .condition_label a{
  color:#000;
}
.zoneprecommande .btvalidpreco a{
  display:block;
  width:100%;
  text-align:center;
  background:url(/images/fleche-btvalidpreco.png) no-repeat center top #E94C13;
  color:#FFF;
  font-size:18px;
  font-weight:bold;
  padding:20px 15px;
  text-decoration:none !important;
  cursor:pointer;
  text-transform:uppercase;
  border-radius:0 0 6px 6px;
}
.zoneprecommande .btvalidpreco a:hover{
  background-color:#E03C00;
  font-size:19px;
}
.zoneprecommande .btvalidpreco a:before{
  display:inline-block;
  vertical-align:top;
  content:"";
  background:url(/images/picto-boutonvalid.svg) no-repeat center center;
  width:17px;
  height:19px;
  background-size:contain;
  margin-right:10px;
}
.panier .zoneprecommande .colonne_droite .zonedifferee,
.panier .zoneprecommande .colonne_droite .zonecommande{
  padding-top:30px;
  position:relative;
  margin-bottom:60px;  
}
.panier .zoneprecommande .colonne_droite .zonedifferee:before,
.panier .zoneprecommande .colonne_droite .zonecommande:before{
  content:"";
  display:block;
  position:absolute;
  width:60px;
  height:60px;
  top:-30px;
  left:50%;
  margin-left:-30px;
  background-color:#9DBF09;
  border-radius:50%;
  background-repeat:no-repeat;
  background-position:center center;  
}
.panier .zoneprecommande .colonne_droite .zonedifferee:before{
  background-image:url(/images/picto-precodif-blanc.svg);
  background-size:34px;
}
.panier .zoneprecommande .colonne_droite .zonecommande:before{
  background-image:url(/images/picto-panier-blanc.svg);
  background-size:32px;
}

.commandemessage{
  margin:40px 0 80px;
  background:#7C7C7C;
  padding:12px 18px;
}
.commandemessage span{
  color:#FFF;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  padding-bottom:10px;
  display:block;  
}
.panier_faq{
  background:#F6F6F6;
  padding:40px 0 0;
  position:relative;
  margin-bottom:40px;
}
.panier_faq:before{
  content:"?";
  color:#FFF;
  font-size:24px;
  font-weight:700;
  text-align:center;
  line-height:60px;
  display:block;
  position:absolute;
  width:60px;
  height:60px;
  top:-30px;
  left:50%;
  margin-left:-30px;
  background-color:#3E3D3D;
  border-radius:50%; 
}
.panier_faq .question_panier{
  padding:0 10px;
}
.panier_faq .question{
  border-top:1px solid #000;
  font-style:italic;
  padding:10px 0 10px 22px;
  position:relative;
  cursor:pointer;
}
.panier_faq .question_panier:first-child .question{
  border:none;
}
.panier_faq .question:before{
  content:"+";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  left:0;
  top:9px;
  font-weight:800;
  color:#484848;
  font-size:18px;
  font-style:normal;
}
.panier_faq .question.active:before{
  content:"-";
  left:2px;
  top:10px;
}
.panier_faq .reponse{
  display:none;
  padding-bottom:15px;
}
.panier_faq .autre_question a{
  display:block;
  background:#3E3D3D;
  font-weight:bold;
  text-align:center;
  padding:15px;
}
#container .panier_faq .autre_question a{
  text-decoration:none;
  color:#FFF;
}
#container .panier_faq .autre_question a:hover{
  font-size:16px;
}
/*----------------Etape 1--------------*/
/*.catalogLightCart #rightbar{
  display:none;
}
.catalogLightCart #container{
  width:100%;
}
.cart table thead tr{
  display:none;
}
.cart table tr,
.cart table td{
  display:block;
}
.cart table tr {
	display: block;
	border: 1px solid #CCC;
  margin:0 0 15px;
  position:relative;
}
.cart table td {
	display: block;
	border: 0 none;
  padding:5px 10px;
}
.cart table .tdpicture{
  display:none;
}
.cart table td.tdname{
  font-weight:bold;
  background:#D3E293;
  padding:10px;
}
#container .tdname a{
  color:#000;
  font-size:18px;
  text-decoration:none;
}
.tdqte:before,
.tdunitprice:before,
.tdtotalprice:before{
  font-weight:bold;  
  width:120px;
  display:inline-block;
}
.tdqte:before{
  content:"Quantité :";
}
.tdunitprice:before{
  content:"Prix unitaire :";
}
.tdtotalprice:before{
  content:"Prix total :";
}
.tddelete{
  position:absolute;
  right:5px;
  bottom:15px;
}
.amount:last-child{
  background:#F5F5F5;
}
.amount:last-child td{
  font-weight:bold;
  font-size:18px;
  color:#000;
}
.tddelete,
.amount:last-child .tddelete{
  background:none;
  border:0 none;
}
.tdtotalamount {
  position:absolute;
  top:0;
  right:10px;
}
.amount .tddelete{
  display:none;
}
a.deleteProduct{
  width:40px;
  height:40px;
  text-indent:-999em;
  background:url(/images/picto-poubelle.svg) no-repeat center center;
  background-size:25px;
  display:block;
}
.cart .submit{
  text-align:center;
}
.cart .submit input{
  margin:10px;
}
#cart .submit input:last-child{
  background:#E7511E;
}
#cart .submit input:last-child:hover{
  background:#9AC117;
}
#cart_order_confirmation address{
  margin-bottom:10px;
}
#cart_order_confirmation .bouton,
#cart_footer .bouton{
  padding:7px 15px;
}
#cart_order_confirmation .submit input{
  font-size:22px;
  padding-left:50px;
  background-image:url(/images/picto-check-blanc.svg);
  background-repeat:no-repeat;
  background-position:10px center;
  background-size:25px;
  background-color:#E7511E;
}
.fieldsetacceptation .condition_field{
  float:left;
}
.fieldsetacceptation p{
  margin:0;
}
#cart_footer{
  background:#F5F5F5;
  font-weight:bold;
  text-align:center;
  padding:5px 15px 25px;
  color:#000;
  margin:0 0 20px;
} */

/* ----------------------------------------------------------------------------------------
DETAIL COMMANDE
-------------------------------------------------------------------------------------------*/
/*.detailcommande #chapterpicture,
.detailcommande .breadcrumb,
.detailcommande #navtop_bt{
  display:none;
}
.detailcommande #headboxes{
  margin:0 0 5px;
}
.detailcommande #wrapper{
  padding-top:10px;
} 
.detailcommande h2{
  margin-top:15px;
}
.detailcommande .alerte_poids{
  font-style:italic;
  color:#868686;
}
.detailcommande h3{
  text-transform:uppercase;
  padding-left:10px;
  color:#000;
  font-size:1.3em;
}
.detailcommande h3.vert{
  border-left:10px solid #5DA50A;
}
.detailcommande h3.orange{
  border-left:10px solid #E7511E;
}
.detailcommande .producteur .tdprovenance{
  background:#E5EFC3;
  font-weight:bold;  
}
.detailcommande #paiement .nomproducteur{
  background:#F5C1B0;
  font-weight:bold;
}
.detailcommande .totalproducteur{
  font-weight:bold;
}
.detailcommande #paiement .lignetotal{
  background:#E7511E;
  color:#FFF;
  font-weight:bold;
}

.detailcommande #paiement .totalcommande{
  font-size:1.3em;
}

.detailcommande #paiement .offPaiement{
  color: #494949 !important;
  text-decoration:none !important;
}

.detailcommande #paiement .onPaiement{
  color: #E7511E !important;
  text-decoration:underline !important;
}
*/


/*----------------Styles personnalisÃ©s Ludo--------------*/
/*.grasgrand{
  font-weight:bold;
  color: #E7511E;
  font-size:1.1em;  
}

.gras{
  font-weight:bold;
}

.je_recois_les_ventes_par_mail #formpersonnalise .row:first-child{
   display:none;
}

#fdetail{
  display:none;
}
.cartquestions{
  margin-bottom:20px;
  margin-top: 15px;
}

.cartquestions > a{
  background:url(/images/picto-question-blanc.svg) no-repeat 10px 11px #E7511E;
  background-size:20px;
  padding: 10px 20px 10px 40px;
  color:#FFF;
  
}

#cart .cartquestions > a{
  background-color:#000;
}

#container .cartquestions > a:link{
 text-decoration:none;
}

.cartquestions > a:hover{
  padding-left:40px;
  background-color:#000;
}

.acacher{
  display:none;
}

.formasso form p{
  margin:5px 0;
}

.formasso form legend{
  padding:0px 0;
}

.formasso form .row > div > select{
  width:auto;
}

.formasso .letotal{
  font-weight:bold;
} */

/* ----------------------------------------------------------------------------------------
GAZETTE 2023 (preformate 10)
-------------------------------------------------------------------------------------------*/
#rightgazette{
  background:#FFF;
  padding:20px 30px;
  margin:0 0 40px;
}
.introgazette{
  text-align:center;
}
.introgazette p{
  font-size:16px;
}

.retraits{
  
}
.retraits p{
  font-size:16px;
}

.retraits h2 span{
  display:inline-block;
  background:url(/images/feuilles-vertes.svg) no-repeat right top #FFF;
  padding:5px 28px;  
}

#rightgazette h2{
  text-align:center;
  position:relative;
  z-index:0;
}
#rightgazette h2:after{
  width:100%;
  height:1px;
  border-bottom:3px dotted #000;
  margin:0;
  background:none;
  position:absolute;
  left:0;
  top:50%;
  z-index:-1;
}
#rightgazette h2 span{
  display:inline-block;
  background:url(/images/feuilles-vertes.svg) no-repeat right top #FFF;
  padding:5px 28px;  
}
#rightgazette .bouton{
  font-size:15px;
}
/*zone ventes exceptionnelles*/
.vegazette .widgetProduct .title{
  display:none;
}
.short_VEgazette{
  position:relative;
  margin:0 0 40px;
  background:#F3F1F1;
}
.shortPhotoVEgazette{
  position:relative;
  overflow:hidden;
}
.shortPhotoVEgazette > div{
  position:absolute;
  bottom:0;
  width:100%;
  overflow:hidden;
  height:78px;
  background:url(/images/fond-shortVEgazette.svg) no-repeat center top;
}
.shortTXTVEgazette{
  padding:0 10px 45px;
  text-align:center;
}
.shortNomVEgazette{
  font-weight:600;
  color:#000;
  margin:10px 0 15px;
  display:block;
}
.shortTXTVEgazette .description p{
  margin:5px 0;
  color:#919191;
  font-size:15px;
}
.short_VEgazette > a{
  color:#FFF;
  display:block;
  background:#E94C12;
  border-radius:8px 8px 0 0;
  position:absolute;
  text-decoration:none !important;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  font-size:14px;
  font-weight:bold;
  padding:3px 10px;
  min-width:140px;
  text-align:center;
}
.short_VEgazette > a:hover{
  padding-bottom:8px;
}
/*zone bons plans*/
.bpgazette .shortlist1{
  background:#F3F1F1;
}
.bpgazette .prodspecial{
  background-color:transparent;
}
.bpflex{
}
.bptxt{
  font-size:16px;
}
.bptxt p{
  line-height:1.5;
  margin:0 0 20px;
}
.bptxtfull{
}
/*zone focus equipe*/
.focusgazette{
  padding-bottom:40px;
}
.focusgazettevisuel{
  padding-right:41px;
  background:url(/images/fond-focusgazettevisuel.png) no-repeat right bottom;
  max-width:351px;
  margin:0 auto 40px;
}
.focusgazettenom{
  color:#000;
  font-family: 'Cardenio-Modern-Bold';
  font-size:26px;  
}
.focusgazettetxt{
  text-align:center;
}
.focusgazettetxt p{
  font-size:16px;
  line-height:1.5;
}
/*zone ventes de la semaine*/
#container .vsgazetteliste > li{
  padding:50px 0 30px;
}
#container .vsgazetteliste > li:before{
  display:none;
}
.vsgazetteliste > li{
  background-position:left top;
  background-repeat:no-repeat;
}
.vsgazetteliste .vsfruits{background-image:url(/images/picto-vsfruits.svg);}
.vsgazetteliste .vslegumes{background-image:url(/images/picto-vslegumes.svg);}
.vsgazetteliste .vsviande{background-image:url(/images/picto-vsviande.svg);}
.vsgazetteliste .vsfromage{background-image:url(/images/picto-vsfromage.svg);}
.vsgazetteliste .vsepiceriesalee{background-image:url(/images/picto-vsepiceriesalee.svg);}
.vsgazetteliste .vsepiceriesucree{background-image:url(/images/picto-vsepiceriesucree.svg);}
.vsgazetteliste .vspoissons{background-image:url(/images/picto-vspoissons.svg);}
.vsgazetteliste .vsboisson{background-image:url(/images/picto-vsboisson.svg);}
.vsgazetteliste .vsquotidien{background-image:url(/images/picto-vsquotidien.svg);}

.vsgazetteliste .titrevs{
  color:#000;
  font-weight:bold;
}
.vsgazetteliste ul{
  margin:0;
  font-size:16px;
}
#container .vsgazetteliste ul li:before{
  background:#9EBF0A;
  top:14px;
}
#container .vsgazetteliste ul li{
  padding-left:15px;
}
.vsgazetteliste ul a{
  color:#494949;
  text-decoration:none !important;
}
.vsgazetteliste ul a:hover{
  font-weight:500;
}

#leftgazette .title{
  font-size:24px;
  color:#FFF;
  margin:0 0 20px;
  font-family: 'Cardenio-Modern-Bold';  
}
#leftgazette > div{
  padding:16px;
  font-size:15px;
  margin:0 0 25px;  
}
/*---point de retrait---*/
#leftgazette .shortDetailRetrait{
  border:2px dotted #000;
}
#leftgazette .shortDetailRetrait .title{
  color:#3E3D3D;
  background:url(/images/picto-localisation-PDR.svg) no-repeat left top;
  background-size:18px;
  padding:2px 0 2px 26px;
}
#cart .shortDetailRetrait.haut{
  width:40%;
}

#cart .shortDetailRetrait.droite{
  width:100%;
}

#cart .shortDetailRetrait .title{
  color:#3E3D3D;
  background:url(/images/picto-localisation-PDR.svg) no-repeat left top;
  background-size:18px;
  padding:2px 0 2px 26px;
  font-size: 24px;
  margin: 0 0 20px;
  font-family: 'Cardenio-Modern-Bold';
}
#cart .recappanier .shortDetailRetrait .title{
  font-family:"Karla";
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
  margin:0 0 10px;
}

#cart .shortDetailRetrait {
  border:2px dotted #000;
  padding: 16px;
  font-size: 15px;
  margin: 0 0 25px;
}
#cart .recappanier .shortDetailRetrait{
  border:0 none;
  padding:0;
  margin-bottom:15px;
}
.shortNomretrait{
  color:#000;
  display:block;
}
.shortNomretrait .ville{
  color:#E94C13;
  font-weight:bold;
  font-size:18px;
}
#cart .recappanier .shortNomretrait .ville{
  color:#3E3D3D;
}
.shortNomretrait .Nouveau{
  color:#E94C13;
  border:1px solid #E94C13;
  padding:0 6px;
  font-family: 'Cardenio-Modern-Bold';
  border-radius:3px;
  display:inline-block;
  margin:0 5px;  
}
.shortDetailRetrait > span{
  display:block;
}
.shortNomretrait .detaillieu{
  display:block;
  margin:5px 0 0;
}
.shortDetailRetrait .plan{
  font-size:14px;
  color:#A3A3A3;
  margin-left:5px;
}
.shortDetailRetrait .shortLocalisation{
  background-position:left top; 
  margin-bottom:10px;
}
#leftgazette .shortDetailRetrait .shortLocalisation{
  background:none;
  padding-left:0;
}

#cart .shortDetailRetrait .shortLocalisation{
  background:none;
  padding-left:0;
}

.shortDetailRetrait .bouton{
  margin-top:15px;
  text-align:center;
}
#cart .recappanier .shortDetailRetrait .bouton{
  transform:none;
  background:none;
  padding:0;
  text-decoration:underline !important;
  color:#494949;
  font-size:15px;
  font-weight:normal;
  margin-top:10px;
}
/*---connexion---*/
#gazetteconnexion{
  background:#9DBF09;
}
#gazetteconnexion p{
  margin:0;
}
#gazetteconnexion p a{
  display:inline-block;
  background:url(/images/picto-compte-gris.svg) no-repeat 10px center #FFF;
  border-radius:8px;
  padding:4px 15px 4px 35px;
  background-size:17px;
  text-decoration:none;
  color:#3E3D3D;
  transform-origin:center;
}
/*---navigation nouveau client et client---*/
.kando .gazettenavclient,.kando #gazettemenu{
  display:none;
}

.gazettenavclient{
  background:#3E3D3D;
}
.gazettenavclient ul{
  margin:0;
}
#container .gazettenavclient ul li:before{
  display:none;
}
#container .gazettenavclient li{
  padding:3px 0 3px 0;
}
.gazettenavclient li{
  border-top:1px dotted #FFF;
}
#container .gazettenavclient li a{
  color:#FFF;
  display:block;
  text-decoration:none;
  padding:2px 0;
}
.gazettenavclient li a:hover{
  font-weight:bold;
}
#gazetteclient .title{
  padding-left:25px;
  background:url(/images/bg-gazettenouveauclient.svg) no-repeat left center;
}
/*---menu leftbar---*/
#gazettemenu{
  background:url(/images/bg-gazettemenu.gif) repeat-y right top #E94C13;
  color:#FFF;
}
#gazettemenu ul{
  margin:0;
}
#container #gazettemenu ul li:before{
  background:#FFF;
  top:13px;
  width:8px;
  height:8px;
}
#gazettemenu li{
  font-size:16px;
  font-weight:bold;
  transition:all ease-in 0.1s;
}
#gazettemenu li a{
  color:#FFF;
  text-decoration:none;
}
#container #gazettemenu li:hover{
  padding-left:23px;
}

/*---recette---*/
#gazetterecette{
  background:#FFF;
}
#gazetterecette .title{
  background:url(/images/bg-gazetterecette.svg) no-repeat left center;
  color:#E94C13;
  padding:4px 0 4px 30px;
}
#gazetterecette p{
  margin:0 0 10px;
  line-height:1.2;
}
#gazetterecette p strong{
  font-size:16px;  
}
#gazetterecette .shortrecette{
  width:100%;
  max-width:270px;
  margin-right:0;
  margin-left:0;
  padding:10px 0;
  margin-bottom:0;
}


  
/* ----------------------------------------------------------------------------------------
EQUIPE 2025 (preformate 12)
-------------------------------------------------------------------------------------------*/  
#equipe2025 h2{
  margin-bottom:0;
}
.shortproductlistequipe {
  font-size:15px;
}