@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-stretch: 100%;
	src: url(font/Open-Sans.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(font/roboto1.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(font/roboto2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(font/roboto3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  

div.cms-unknown-module
{
	display				: block;
	float				: left;
	clear				: both;
	padding				: 24px;
	border				: 1px solid black;
	background-color	: #cccccc;
	font-weight			: bold;
	font-size			: 18px;
	text-align			: center;
	color				: black;
}

div.cms-unknown-application
{
	display				: block;
	float				: left;
	clear				: both;
	padding				: 24px;
	border				: 1px solid black;
	background-color	: #cccccc;
	font-weight			: bold;
	font-size			: 18px;
	text-align			: center;
	color				: black;
}

/***** RESET *****/
ul { margin: 0; padding: 0; list-style-type: none; }
.main-content ul {margin: 30px 0;}
.main-content div.bx-viewport ul {margin: 0;}
a { text-decoration: none; }
a:focus { outline: 0; }
a img { border: 0; }
img.img-responsive{
	max-width: 100%;
}
textarea { resize: none }
br.clean { clear: both; }
.buttonWidth {width: 90%;}
div.resultAuto {width: 66%; }
.ui-helper-hidden-accessible {display: none;}
div.resultAuto ul.ui-autocomplete  {background-color: #ebebeb; border: 1px solid #a6a6a6; border-radius: 0 0 5px 5px; list-style: none; padding: 0; margin: 0; }
div.resultAuto ul.ui-autocomplete li  {cursor: pointer; padding: 5px; list-style: none; background: none;}
div.resultAuto ul.ui-autocomplete li:last-child  { border-radius: 0 0 5px 5px;}
div.resultAuto ul.ui-autocomplete li a  {color: #666;}
div.resultAuto ul.ui-autocomplete li:hover {background-color: #fff;}
.buttonWidth#autocompleteParticuliers {width: 66%; }
.buttonWidth#autocompleteParticuliersRuches {width: 66%; }
.buttonWidth#autocompleteEntreprises {width: 66%; }
p.warning {color: #FF6464;}
.alertes.expeditions p {text-align: left;}
/***** Sébastien's code *****/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

header #logo .title-header {position: absolute; bottom: 0; right: 0; font-size: 1.9em; margin-right: 25%; color: #fccf0d; font-weight: 800; text-shadow: 2px 0 0 #5c789e, -2px 0 0 #5c789e, 0 2px 0 #5c789e, 0 -2px 0 #5c789e, 1px 1px #5c789e, -1px -1px 0 #5c789e, 1px -1px 0 #5c789e, -1px 1px 0 #5c789e; }

.content ul.row li {
	list-style: none;
	padding: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.read-more {display: none;}
.col-4-5 { float: left; width: 80%; margin-left: 5%;  }
.col-5 { float: left; width: 10%; margin-left: 5%; }
.col-5-2 {	float: left;	width: 15%;	margin: 0 2.5%;  }

.recherche-blog input[type=text] {width: 100%; padding: 5px 0;}

/***** GLOBAL *****/
header nav .phone-menu li.show-connect a.btn.btn-blue { line-height: 2em; }

.btn.btn-cta{
    padding: 15px 5px;
    font-size: 16px;
    font-weight: 600;
}

html { font-size: 100%; }
body {
	position: relative;
	margin: 0;
	background: #fff;
	font: 400 12px 'Open Sans', sans-serif;
	color: #666;
	width: 100%;
	overflow-x: hidden;
}
.wrapper {
	width: 90%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.wrapper.header{
	position: relative;
	width: 100%;
	height: 170px;
}
hr { margin: 40px 0; }
a { color: #666;}
h1 { color: #8cc152; font-weight: 300; font-size: 2.2em; margin: 0 0 30px 0; line-height: 1.3em; font-family: Roboto, sans-serif; }
h2 { margin: 30px 0;	font-weight: 300; font-size: 1.8em; line-height: 1.5em; margin-top: 10px; font-family: Roboto, sans-serif;	color: #484848; }
h2.green { color: #8cc152; }
h3 { font-weight: 300; font-size: 1.6em; margin: 5px 0; font-family: Roboto, sans-serif; }
h4 { font-weight: 600; font-size: 1.1em; margin: 5px 0; font-family: Roboto, sans-serif; }
p { text-align: justify; margin: 30px 0; }
.content ul li { background: url("/assets/css/img/puce.jpg") no-repeat 10px 10px; padding-left: 20px; line-height: 26px; }

.wp_blog_content * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.wp_blog_content .wp-block-image img{
	max-width: 100%;
	height: auto;
}
.wp_blog_content .entry .entry-content > *{
	margin: 20px 0;
	gap: 10px;
}
@media (max-width: 599px) {
	.wp-block-column {
		margin: 0px 0 20px;
	}
}
.wp_blog_content .entry .entry-content > h3 {
	margin-top: 1.3em !important;
}

.wp_blog_content ul li{
	background: none;
	padding: 0;
	line-height: normal;;
	margin: 0;

	list-style: disc;
	margin-left: 20px;
}

.wp_blog_content p {
	margin-top: 0;
}

.wp_blog_content figure{
	margin: 0;
}
main .main-content .wp_blog_content iframe{
	margin: 0;
}
.main-content .wp_blog_content ul{ margin: 0}

img.max-width { width: 100%; height: auto; }
img.max-width-2 { width: 100%; max-width: 183px; height: auto; }
img.max-width-3 { width: 100%; max-width: 160px; height: auto; margin-top: 30px;}
.col-right { width: 47.5%; float: left; margin-right: 5%; }
.col-left { width: 47.5%; float: left; }
.col-left p:first-child, .col-right p:first-child, .col-2 p:first-child, .col-2-5 p:first-child,
.col-3 p:first-child, .col-3-5 p:first-child, .col-4 p:first-child, .col-5 p:first-child, .col-4-5 p:first-child
 { margin-top: 0; }
 .col-left h2:first-child, .col-right h2:first-child, .col-2 h2:first-child, .col-2-5 h2:first-child,
.col-3 h2:first-child, .col-3-5 h2:first-child, .col-4 h2:first-child, .col-5 h2:first-child, .col-4-5 h2:first-child
 { margin-top: 0; }
  .col-left h3:first-child, .col-right h3:first-child, .col-2 h3:first-child, .col-2-5 h3:first-child,
.col-3 h3:first-child, .col-3-5 h3:first-child, .col-4 h3:first-child, .col-5 h3:first-child, .col-4-5 h3:first-child
 { margin-top: 0; }
.col-2 { float: left; width: 47.5%; height: 100%; margin-left: 5%; }
.col-2.no-padding { float: left; width: 50%; height: 100%; margin-left: 0; }
.col-2-5 { float: left; width: 64.34%; height: 100%; margin-left: 5%; }
.col-3 { float: left; width: 30%; margin-left: 5%;  }
.col-3-5 { float: left; width: 72.75%; margin-left: 5%;  }
.col-4 { float: left; width: 21.25%; margin-left: 5%;  }

.col-66{
	float: left;
	box-sizing: border-box;
	width: 66%;
	padding-right: 28px;
}
.col-33{
	float: left;
	box-sizing: border-box;
	width: 33%;
}
.col-66.padding, .col-33.padding{
	padding-right: 18px;
	padding-left: 18px;
}
.col-66.center, .col-33.center{
	text-align: center;
}
.col-60{
	float: left;
	box-sizing: border-box;
	width: 67%;
	padding-right: 18px;
}
.col-40{
	float: left;
	box-sizing: border-box;
	width: 33%;
}

.row { clear: both; height: 100%; overflow: hidden;}
.row .col-2:first-child,
.row .col-3:first-child,
.row .col-4:first-child { margin-left: 0; }

.ui-icon-plus { display: inline-block; background: url("/assets/css/img/icon-plus.png") no-repeat; width: 24px; height: 24px; vertical-align: text-bottom; margin-right: 5px; }
.ui-icon-min { display: inline-block; background: url("/assets/css/img/icon-min.png") no-repeat; width: 24px; height: 24px; vertical-align: text-bottom; margin-right: 5px; }

.gmapClusterMarkerNumber {
	color:#FFF; 
	font-weight: bold; 
	font-size: 14px;
	text-align: center;
	width: 56px;
	height: 55px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
    display: table-cell;
    vertical-align: middle;
}
.gmapMarkerNumber {
	color:#FFF; 
	font-weight: bold; 
	font-size: 14px;
	text-align: center;
	width: 35px;
	height: 35px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
    display: table-cell;
    vertical-align: middle;
}
.gmapMarkerNumber.size01 {
	width: 35px;
	height: 35px;
}
.gmapMarkerNumber.size02 {
	width: 40px;
	height: 40px;
}
.gmapMarkerNumber.size03 {
	width: 45px;
	height: 45px;
}
.gmapMarkerNumber.size04 {
	width: 50px;
	height: 50px;
}
.gmapMarkerNumber.size05 {
	width: 55px;
	height: 55px;
}
.gmapMarker.bounce {
    animation: gmap_marker_bounce 0.8s infinite;
    -webkit-animation: gmap_marker_bounce 0.8s infinite;
    -moz-animation: gmap_marker_bounce 0.8s infinite;
    -o-animation: gmap_marker_bounce 0.8s infinite;
}
 @-webkit-keyframes gmap_marker_bounce {
    0% {-webkit-transform: translateY(0);} 
    30% {-webkit-transform: translateY(-20px);}
}
@-moz-keyframes gmap_marker_bounce {
    0% {-moz-transform: translateY(0);}
    30% {-moz-transform: translateY(-20px);}
}
@-o-keyframes gmap_marker_bounce {
    0% {-o-transform: translateY(0);}
    30% {-o-transform: translateY(-20px);}
} 
@keyframes gmap_marker_bounce {
    0% {transform: translateY(0);}
    30% {transform: translateY(-20px);}
}

section.bg-green { background: #ecffd7; padding: 10px; margin: 0 0 30px 0; border-radius: 3px; }
section.bg-red { background: #E98B7F; padding: 10px; margin: 0 0 30px 0; border-radius: 3px; }

.fond-green { background: #ecffd7; padding: 10px; margin: 0 0 30px 0; border-radius: 3px; }
.radius{ padding: 20px; border-radius: 3px;  margin: 0 0 30px 0; border: 1px solid #a6a6a6; }

.button-play { width: 180px; height: 81px; }
.button-play > img { float: left; vertical-align: top; }
.button-play .play { float: left; vertical-align: top; background: #dfdfdf; text-align: center; height: 100%; width: 49%; }
.button-play .play img { margin-top: 22%; }
.show-tooltip .tooltip { display: none; overflow: hidden; }
.show-tooltip, .btntool, input[type=button].btntool {cursor: help; outline-style: none;}

.bx-wrapper {  }
.bx-wrapper ul li { display: table; background: none; padding: 0; height: 100%;}
.bx-wrapper ul li a { display: table-cell; vertical-align: middle;	height: 120px;}
.bx-wrapper ul li img { height: auto;}
.box.slider{position: relative;}
.box.slider #slider-prev{
	position: absolute;
	top: 42px;
	left: 6px;
	font-size: 28px;
}
.box.slider #slider-next {
	position: absolute;
	top: 42px;
	right: 6px;
	font-size: 28px;
}

#of .bx-wrapper ul li { width: auto !important;}
#of .bx-wrapper ul li img { height: 150px; width: auto;}
input.btntool { background: none; border: none; padding: 0; margin: 0; font-size: 1em; color: #666; white-space: normal; }
td.left input.btntool { text-align: left; }
#powerTip { cursor: default; width: 400px; display: block; position: absolute; z-index: 999; }
#powerTip .tooltip { position: relative; color: #fff; background: #a0d468; padding: 20px; text-align: left; width: 400px; }
#powerTip .tooltip.tooltip-red { background: #fc6e51; }
#powerTip.se .tooltip { margin: -30px 0 0 40px; border-radius: 0 10px 10px 10px; }
#powerTip.sw .tooltip { margin: -30px 0 0 -80px; border-radius: 10px 0 10px 10px; }
#powerTip .tooltip .bubble-arrow { position: absolute; left: -20px; top: 0; width: 20px; height: 20px; }
#powerTip.se .tooltip .bubble-arrow { left: -20px;  }
#powerTip.sw .tooltip .bubble-arrow { left: 440px  }
#powerTip .tooltip .bubble-arrow .fhaut {  border-top: 10px solid transparent;  }
#powerTip.se .tooltip .bubble-arrow .fhaut { border-right: 20px solid #82ac54;  }
#powerTip.sw .tooltip .bubble-arrow .fhaut { border-left: 20px solid #82ac54;  }
#powerTip .tooltip.tooltip-red .bubble-arrow .fhaut { border-right-color: #d75e45; border-left-color: #d75e45;}
#powerTip .tooltip .infos {overflow: auto; }
#powerTip .tooltip .infos h2 { font-size: 1.4em; padding: 0 0 20px 0; margin: 0;  color: #000; }
#powerTip .tooltip .infos img { margin: 0 10px 5px 0; width: 60%; float: left; max-width: 230px;}
#powerTip .tooltip .infos p { margin: 0; padding: 0 0 5px; line-height: 1.5em; font-size: 1.1em; text-align: left; color: #000;}


#map .tooltip-green { left: 10px; position: relative; color: #fff; background: #a0d468; padding: 20px; text-align: left; width: 230px; }
#map .tooltip-red { left: 10px; position: relative; color: #fff; background: #fc6e51; padding: 20px; text-align: left; width: 300px; }
#map .tooltip-green .bubble-arrow { position: absolute; left: -20px; top: 0; border-top: 10px solid transparent; border-right: 20px solid #82ac54; }
#map .tooltip-red .bubble-arrow { position: absolute; left: -20px; top: 0; border-top: 10px solid transparent; border-right: 20px solid #d75e45; }
#map .tooltip-red .infos h2, #map .tooltip-green .infos h2 { font-size: 1.6em; padding: 0 0 20px 0; margin: 0; color: #000;}
#map .tooltip-red .infos img, #map .tooltip-green .infos img { max-width: 100%; margin: 10px 0; }
#map .tooltip-red .infos p, #map .tooltip-green .infos p { font-size: 1.2em; padding: 0; margin: 0;line-height: 1.4em; text-align: left; max-width: 100%; color: #000; }

section.main-content.xl #map .tooltip-green { left: 10px; top: -50px; }
section.main-content.xl #map .tooltip-red { left: 10px; top: -50px; }


/* AYMERIC : correction d'affichage des controles de la carte */
#map img { max-width: none; }
/* AYMERIC : ajout des tooltips en fixe sur la carte, non plus en infobulle */
.ext-tooltip { width:100%; display:none; padding-top:15px; color:black }
#ext-tooltip-green { background:#a0d468; }
#ext-tooltip-red { background:#fc6e51; }
.ext-tooltip h2 { margin-left:15px; }
.ext-tooltip img { float:left; margin:0px 15px 15px 15px;
	max-width: 200px !important; }
.ext-tooltip p { padding:15px; }

.blockHidden {display: none;}

.text-green {color: #8cc152;}

#subscribe_event_success {display: none;}
.formulaireinscriptionevenement {}
.formulaireinscriptionevenement label {display: block;}
.formulaireinscriptionevenement .champ {margin-top: 15px; width: 50%; overflow: visible}
.formulaireinscriptionevenement .champ input {width: 100%;}
.formulaireinscriptionevenement .champ input[type=button] {width: auto;}
.formulaireinscriptionevenement .champ .erreur {
display: none;
background-color: #f84242;
padding: 5px;
border-radius: 3px;
border: solid 1px red;
color: #FFF;
width: 100%;
}

.imgSlider { position: relative; }
.slider-prev { position: absolute; top: 40%; left: 5px; }
.slider-prev a {
	display: block;
	background: url("/assets/css/img/left-arrow.png") center no-repeat;
	width: 20px;
	height: 20px;
}
.slider-next { position: absolute; top: 40%; right: 5px; }
.slider-next a {
	display: block;
	background: url("/assets/css/img/right-arrow.png") center no-repeat;
	width: 20px;
	height: 20px;
}
.slick-slide{
	display: block;
	background: none !important;
}
.slick-vertical{
	text-align: center;
}
.slick-slide img {
	display: block;
	max-height: 170px;
	width: auto;
}
.slick-vertical .slick-slide img{
	display: inline-block;
	max-height: 170px;
	padding: 5px;
	max-width: 60%;
	height: auto;
	margin-bottom: 20px
}
.galery-media.slick-slider .slick-slide img{
	max-height: none;
	max-width: 100%;
}
.galery-media-home-top.slick-slider .slick-slide img{
	max-height: none;
	max-width: 100%;
	width: 100%;
}

.galery-media-home-top.slick-slider{
	max-height: 400px;
	overflow: hidden;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    z-index: 1;
}
@media only screen and (max-width: 1312px){
	.galery-media-home-top.slick-slider{
		width: 1312px;
		left: 50%;
		margin-left: -656px;
	}
}
/***** HEADER *****/
body > header{
	background: #fff;
}

header .banner-promo {
	width: 100%;
	background-color: #ffcc00;
	color: black;
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 1rem;
	margin-bottom: 10px;
}

header .banner-promo p {
	text-align: center;
	margin: 10px auto;
}

header .banner-promo a{
	color: #6351b3;
	text-decoration: underline;
	font-weight: bold;
}

header #logo {
	position: absolute;
	z-index: 28;
	font-size: 0;
	overflow: hidden;
}

header #logo img{
	height: 158px;
	margin-top: 4px;
}

header .baseline{
	position: absolute;
	bottom: 81px;
	display: inline-block;
	width: 100%;
	padding-left: 240px;
	padding-right: 200px;
	text-align: center;
	box-sizing: border-box;
	font-weight: 700;
	vertical-align: middle;
	font-size: 24px;
	font-family: Roboto, sans-serif;
	color: #3F3F41;
	z-index: 20;
    text-transform: uppercase;
}
header .baseline .b1{
}
header .baseline .b2{
	font-weight: normal;
}

header .btn-header{
	position: absolute;
    right: 133px;
    top: 15px;
	z-index: 60;
}
header .btn-header a{
    width: 103px;
    height: 74px;
    position: absolute;
    text-align: center;
    display: table-cell;
	color: #777;
	line-height: 14px;
	text-transform: uppercase;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;

    background: url('/assets/img/pictos/api-icone-localisez.png');
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 50% 3px;
    padding-top: 58px;
	transition: background-position 0.2s ease, padding 0.3s ease;
}
header .btn-header a:hover{
    /*background-position: 50% 0px;
    padding-top: 56px;*/
	font-weight: bold;
}

header .btn-header.cart{    
    right: 144px;
    top: 32px;
}
header .btn-header.cart a{   
    width: 130px;
    background-image: none;
}
header .btn-header.cart a span{
    font-weight: bold;
    font-size: 11px;
    background: #aadf5c;
    padding: 0 2px;
    margin: 0 2px;
    border-radius: 100px;
    color: white;
    height: 18px;
    min-width: 18px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
    vertical-align: -1px;
}
header .btn-header.account{
}

header .btn-header.cart{   
	display: none;
}

body.header-cart-active header .btn-header.cart{   
	display: block;
}
@keyframes cart-shake {
	10%, 90% {
	  transform: translate3d(-1px, 0, 0);
	}
	
	20%, 80% {
	  transform: translate3d(2px, 0, 0);
	}
  
	30%, 50%, 70% {
	  transform: translate3d(-4px, 0, 0);
	}
  
	40%, 60% {
	  transform: translate3d(4px, 0, 0);
	}
  }
body.header-cart-active.header-cart-active-boop header .btn-header.cart{   
	animation: cart-shake 1s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
body.header-cart-active.header-cart-active-boop header .btn-header.cart a{   
	color: #333;
	font-weight: bold;
}

.provenance {
	position: absolute;
	right: 0;
	padding: 6px 11px;
	width: 160px;
	bottom: 0;
	color: #0054A5;
	font-weight: bold;
	font-size: 18px;
	background: rgba(202, 234, 245, 0.33);
	box-shadow: 0 0 20px rgba(202, 234, 245, 0.33);
}
.provenance img {
	max-width: 100%;
}
@media only screen and (max-width: 959px) {
	.provenance {
		top: 3px;
		bottom: auto;
		left: 20px;
		width: 80px;
		font-size: 9px;
		font-weight: normal;
		padding: 2px;
	}
}

header.top h1, header.top p.title-header {
position: absolute;
bottom: 30px;
left: 0;
font-size: 1.1em;
color: #000;
font-weight: 400;
margin: 0;
}

header aside {
	float: right;
	margin-top: 10px;   
    position: absolute;
    top: 0;
    right: 0;
}
header aside li {
	float: left;
	margin: 0 5px;
	font-size: 0.85em;
	font-weight: 600;
}
header aside li .btn { display: block; border-radius: 15px; line-height: 23px; padding:3px; }
header aside li .btn i { vertical-align: top; margin-right: 0px; }
header aside li .btn span.value { margin: auto 10px; }
header aside li .btn span.value:empty { display: none }

/***** NAV TOP *****/
header nav {
	position: absolute;
	height: 50px;
	padding: 0 20px;
	color: #103D43;
	font-family: 'Roboto', sans-serif;
	bottom: 12px;
	padding-left: 240px;
	z-index: 4;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
header nav .phone-menu { display: none; }
header nav ul.menu {
	width: 100%;
	display: table;
	max-width: 1200px;
	margin: auto;
}
header nav ul.menu li {
	display: table-cell;
	text-align: center;
	line-height: 48px;
}
header nav ul.menu li div { position: relative; z-index: 990; }
header nav ul.menu li a {
	color: #103D43;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 15px;
	display: inline-block;
	line-height: 20px;
	font-weight: 700;
	vertical-align: middle;
}
header nav ul.menu li:hover > div > a { color: #FFCC00; }
/*
@media only screen and (min-width: 960px) {
	header nav ul.menu li:last-of-type:hover > div > a {
		filter: hue-rotate(-376deg);
		background: url('/assets/css/img/CONTACT.png') center 5px no-repeat;
	}

	header nav ul.menu > li:last-of-type > div > a {
		background: url('/assets/css/img/CONTACT.png') center 5px no-repeat;
		font-size: 0;
		width: 68px;
		display: inline-block;
		line-height: 42px;
	}
}*/

header nav ul.menu li a img { vertical-align: text-top; }

/***** NAV TOP - SUBMENU *****/
header nav ul.menu .sub-nav {
	display: none;
	position: absolute;
	z-index: 10;
	top: 67%;
	border-radius: 0;
	left: -6px;
	padding-top: 10px;
	width: 100%;
	min-width: 155px;
}
header nav ul.menu > li:last-of-type .sub-nav {
	left: auto;
	right: 0;
}
header nav ul.menu .sub-nav li {
	background: #FFF6D5;
	display: block;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #FFCC00;
	padding: 4px;
	width: 100%;
	line-height: 16px;
	margin: 0;
	height: auto;
	font-family: Arial, Tahoma, sans-serif;
}
header nav ul.menu .sub-nav > li:hover { }

header nav ul.menu li ul li:first-child {  }
header nav ul.menu li ul li:last-child {
	border-bottom: 0px;
}
header nav ul.menu .sub-nav li a {
	display: block;
	color: #3a3a3a;
	text-transform: none;
	font-weight: bold;
	background: none;
	font-size: 14px;
}
header nav ul.menu .sub-nav li a:hover {
	color: #fc0; text-decoration: none; }
header nav ul.menu li:hover .sub-nav,
header nav ul.menu li:hover #nav-connect { display: block; }

header nav ul.menu #nav-connect {
	background: url("/assets/css/img/bubble-arrow.png") no-repeat 90% 5px;
	display: none;
	position: absolute;
	z-index: 5;
	top: 100%;
	padding-top: 10px;
	border-radius: 3px;
	right: 10px;
	width: 250px;
}
header nav ul.menu #nav-connect li {
	display: block;
	text-align: left;
	background: #FFF;
	padding: 10px;
	width: 100%;
}
header nav ul.menu #nav-connect .bg-green {
	border-top: 2px solid #deedf2;
	background: #dbf2fa;
}
header nav ul.menu #nav-connect span {
	margin: 5px 0;
	font-weight: 300;
	font-size: 1.8em;
}
header nav ul.menu #nav-connect p {
	text-align: center;
}

/* Mailchimp newsletter */
.mc-field-group label {
    font-weight: bold;
    color: black;
    font-size: 20px;
    display: block;
    line-height: 1.5em;
    margin-top: 0.4em;
}


.mc-field-group input {
    padding: 9px !important;
    border-radius: 3px;
    border: 1px solid #a6a6a6;
}

.mc-field-group > * {
    display: block;
    width: 450px;
    max-width: 100%;
}


input#mc-embedded-subscribe {
    background: #fccf0d !important;
    border-width: 1px;
    padding: 5px 15px;
}



/***** MAIN CONTENTS ***/
main {
	display: block;
	width: 100%;
}
main .content {
	margin-top: 5px;
	background: #ffffff;
	padding-bottom: 40px;
	font-size: 1.1em;
}
main .main-content {
	padding: 30px;
	width: 70%;
	display: inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align: top;
	line-height: 24px;
	position: relative;
}
body.content-one-column main .main-content {
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 10px;
}
body.content-one-column main .main-content > p {
	margin: 0;
}
body.content-one-column main .main-content.xl {
	margin-top: 0;
	margin-left: 0;
	border-radius: 0;
}
body.content-one-column main .content {
	background: #fff;
}

img.photo-api{
	-webkit-border-radius: 0 11% 0 11%;
	-moz-border-radius: 0 11% 0 11%;
	-ms-border-radius: 0 11% 0 11%;
	-o-border-radius: 0 11% 0 11%;
	border-radius: 0 11% 0 11%;
}
main .main-content .entreprise_engagement {
}
main .main-content .entreprise_engagement p{
	margin: 0 0 1em 0;
}

main .main-content img {max-width: 100%; height: auto;}
main .main-content iframe, main .main-content img.alignright, main .main-content img.aligncenter, main .main-content img.alignleft {
	max-width: 100%;
	margin: 30px auto;
	display: block;
}
main .main-content .grecaptcha-logo iframe {
	margin: 0 auto;
}
main .main-content img.alignright,  {max-width: 100%; margin: 0 auto; display: block;}
main .main-content a {color: #8cc152;}
main .main-content.xl { width: 76%; margin-top: 20px; margin-left: 1%; border-radius: 3px; background: #fff; position: relative;}
main .main-content.xl section p:last-child { margin-bottom: 0; padding-bottom: 0; }
main .main-content.xl > ul { margin-left: -10px; }
main .main-content.xl section {  margin-bottom: 30px; }
main .main-content section.content.home.nomarge { background: none; }
main .main-content section.bg-green { padding: 20px; }
main .main-content section h2, main .main-content section h3, main .main-content section h4 { /*margin: 0;*/ padding: 0; line-height: 1.2em; }
main .sidebar {
	padding: 0 10px;
	width: 29%;
	display: inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	vertical-align: top;
}
.clear { clear: both; height: 0;}

/***** SIDEBAR *****/
main .sidebar-right { width: 20%; display: inline-block; margin-top: 20px; margin-left: 10px; }
body.content-one-column main .sidebar-right { display: none }

main .sidebar-right .btitle{
	font-size: 22px;
	font-weight: bold;
	color: #AADF5C;
	text-transform: uppercase;
	text-align: center;
}
main .sidebar-right .sub-btitle{
	font-size: 17px;
	font-weight: 800;
	color: #4C595A;
	line-height: 18px;
	margin-bottom: 9px;
	text-transform: uppercase;
	text-align: center;
}

main .sidebar-right .bseparator{
	background: #AADF5C;
	height: 6px;
	position: relative;
	width: 160px;
	margin: 20px auto 30px;
}
main .sidebar-right .bseparator::before{
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	top: 6px;
	background: url(/assets/css/img/arrow_down.png) center top no-repeat;
	background-size: auto 100%;
	position: absolute;
}

main .sidebar-right section { margin-bottom: 30px; }
main .sidebar-right section.parrain { margin-top: 0; }
.parrain .infos {
	background: #fff;
	text-align: center;
	border-bottom: 3px solid #e9e9e9;
	border-radius: 0 0 5px 5px;
	padding-bottom: 10px;
}
.parrain a { display: block; font-weight: 600; font-size: 1.2em; padding-top: 105px; }
.parrain header {
	position: relative;
	z-index: 1;
	background: #fccf0d;
	text-align: center;
	border-radius: 5px 5px 0 0;
	font-weight: 600;
	font-size: 1.3em;
	line-height: 100px;
}
.parrain .heart {
	background:url("/assets/css/img/icon-heart.png") no-repeat;
	position: absolute;
	bottom: -24px;
	left: 50%;
	width: 48px;
	margin-left: -24px;
	height: 48px;
}
.parrain .man {
	background: url("/assets/css/img/home/man.png") no-repeat center 13px;
	background-size: 70%;
}
.parrain .building {
	background: url("/assets/css/img/home/building.png") no-repeat center 23px;
	background-size: 75%;
}

.bloc-parrain{
	text-align: center;
	text-transform: uppercase;
}
.bloc-parrain .img{
	margin-bottom: 4px;
}
.bloc-parrain .lnk a.btn{
	font-size: 18px;
	font-weight: bold;
	border-radius: 14px;
	padding: 9px 5px;
}

.bloc-faq{}
.bloc-faq a:hover{ opacity: 0.9}


main .sidebar-right.mobile { display: none; }
/* main .sidebar-right section { margin-top: 20px; } */
main .sidebar-right a.btn { display: block; margin: 0 auto; width: 60%; text-align: center; }
main .sidebar-right .sub-nav {
	list-style-type: none;
	font-size: 1em;
	margin-left: 0;
	padding: 0 20px;
}
main .sidebar-right .sub-nav li {
	background: none;
    border-bottom: 1px solid #9fd169;
	display: block;
	text-align: center;
	line-height: 18px;
	padding: 3px 4px 4px;
}
main .sidebar-right .sub-nav > li:hover,
main .sidebar-right .sub-nav > li.actif {
	background: #AADF5C;
}
main .sidebar-right .sub-nav > li:hover a,
main .sidebar-right .sub-nav > li.actif a{
	color: #fff;
}
/*main .sidebar-right .sub-nav li:first-child { border-radius: 5px 5px 0 0; }
main .sidebar-right .sub-nav li:last-child { border-radius: 0 0 5px 5px; }*/
main .sidebar-right .sub-nav li a {
	display: block;
	color: #000;
	text-transform: none;
	font-weight: 300;
	background: none;
		padding: 5px 10px;
}
main .sidebar-right .sub-nav li:first-of-type {
	border-top: 1px solid #9fd169;
}
main .sidebar-right .sub-nav li a::before {
    /*content: "> ";*/
}

main .sidebar-right .sub-nav li a.bold {font-weight: 500;}

main .sidebar-right .sub-nav li a:hover { background: none; text-decoration: none; }
main .sidebar-right .sub-nav li.current {
	color: #fff;
	font-weight: 600;
	padding: 5px 10px;
	text-transform: uppercase;
	background: #AADF5C;
}
/*main .sidebar-right .sub-nav li a.disconnect { color: #000; font-weight: 600; background: #e2e2e2; }*/

main .sidebar-right .partners { background: #fff; overflow: hidden; }

main .sidebar-right .question-bubble {
	position: relative;
	background: #a0d468;
	border-radius: 20px 20px 0 20px;
	color: #fff;
	font-size: 1.5em;

}
main .sidebar-right .question-bubble a { color: #fff; display: block; padding: 20px;}
main .sidebar-right .question-bubble span { display: block; font-size: 0.6em; }
main .sidebar-right .question-bubble .bubble-arrow {
	position: absolute;
	bottom: -19px;
	right: 0;
	width: 19px;
	height: 20px;
	background: url("/assets/css/img/arrow-bubble.png") no-repeat center;
}

main .sidebar-right .expo { text-align: center; font-weight:600; font-size: 1.6em; margin-bottom: 40px; }
/***** BUTTONS ******/
.btn {
	color: #FFF !important;
	padding: 5px 10px;
	border-radius: 3px;
	border: 0;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
}
.btn.small{
	font-size: 0.8em;
	padding: 3px 10px;
}

.btn-blue { background: #4fc1e9; }
.btn-blue:hover { background: #5bcdf5; }
.btn-blue:active { background: #41b3db; border-top: 2px solid #348faf; }

.btn-custominsta {	background: #ca648c; }
.btn-custominsta:hover { background: #b35077; }
.btn-custominsta:active { background: #ca648c; border-top: 2px solid #b35077; }

.btn-customlinkedin {	background: #7a9ed0; }
.btn-customlinkedin:hover { background: #6588b9; }
.btn-customlinkedin:active { background: #7a9ed0; border-top: 2px solid #6588b9; }

.btn-white { background: #FFF; color: #d8ab5c !important; }
.btn-white:hover { background: #f9e181; color: #d8ab5c !important; }
.btn-white:active { background: #c49139; color: #FFF !important; border-top: 2px solid #a26e14; }

.btn-red { background: #fc6e51; }
.btn-red:hover { background: #ff7a5d; }
.btn-red:active { background: #ee6043; border-top: 2px solid #bf4d36; }

.btn-dark-blue { background: #5d9cec; }
.btn-dark-blue:hover { background: #69a2eb; }
.btn-dark-blue:active { background: #5d9cec; border-top: 2px solid #4a89dc; }

.btn-green { background: #AADF5C; }
.btn-green:hover { background: #ace074; }
.btn-green:active { background: #92c65a; border-top: 2px solid #759f48; }

.btn-pink { background: #ed5565; }
.btn-pink:hover { background: #f96171; }
.btn-pink:active { background: #df4757; border-top: 2px solid #b33946; }

.btn-orange { background: #fccf0d; color: #666 !important; }

.btn-light-blue { background: #48cfad; }
.btn-light-blue:hover { background: #54dbb9; }
.btn-light-blue:active { background: #3ac19f; border-top: 2px solid #2f9b7f; }

.btn-purple { background: #ac92ec; }
.btn-purple:hover { background: #b89ef8; }
.btn-purple:active { background: #9ca4af; border-top: 2px solid #7f6ab2; }

.btn-yellow { background:#d6c44c; }
.btn-yellow:hover { background: #ebd753; }
.btn-yellow:active { background: #d6c02a; border-top: 2px solid #b3a22e; }

.btn-grey { background: #aab2bd; }
.btn-grey:hover { background: #b6bec9; }
.btn-grey:active { background: #9ca4af; border-top: 2px solid #7d838c; }

.btn-black { background: #434a54; }
.btn-black:hover { background: #4f5660; }
.btn-black:active { background: #353c46; border-top: 2px solid #2b3038; }

.btn-bordeaux { background: #be2626; }
.btn-bordeaux:hover { background: #c54f4f; }
.btn-bordeaux:active { background: #b10000; border-top: 2px solid #b33946; }

.btn-turquoise { background-color: #48d2ab; }
.btn-turquoise:hover { filter: brightness(90%); }

.btn-dark { background-color: #363951; }
.btn-dark:hover { filter: brightness(90%); }

form input[type=submit] {
	text-transform: uppercase;
	font-weight: 600;
	font-family: "Open Sans";
}



input[type=checkbox].btn-switch{
	height: 0;
	width: 0;
	visibility: hidden;
}

.btn-switch-wrap{
	overflow: hidden;
    display: flex;
    margin-bottom: 20px;
}
.btn-switch-wrap span{
    padding-left: 20px;
	width: 100%;;
}
.btn-switch-wrap .btn-switch-label{ 
    margin-top: 2px;
}

.btn-switch-label {
	cursor: pointer;
	text-indent: -9999px;
	width: 50px;
	height: 25px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

.btn-switch-label:after {
	content: '';
	position: absolute;
	top: 3.5px;
	left: 5px;
	width: 17px;
	height: 17px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

.btn-switch:checked + .btn-switch-label {
	background: #AADF5C;
}

.btn-switch:checked + .btn-switch-label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

.btn-switch:active:after {
	width: 65px;
}


/***** ICONS *****/
.icon {
	background:url("/assets/css/img/icons.png") no-repeat;
	vertical-align: text-top;
	display: inline-block;
}
.icon-user { background-position: 0 0; width: 18px; height: 18px; }
.icon-clock { background-position: -18px 0; width: 18px; height: 18px; }
.icon-dialog { background-position: -36px 0; width: 18px; height: 18px; }
.icon-comment { background-position: 0px -45px; width: 40px; height: 40px; }
.icon-facebook { background-position: 0px -18px; width: 23px; height: 23px; }
.icon-twitter { background-position: -23px -18px; width: 23px; height: 24px; }
.icon-google { background-position: -46px -18px; width: 23px; height: 24px; }
.icon-instagram { background-position: -138px -19px; width: 23px; height: 24px; }
.icon-linkedin { background-position: -163px -19px; width: 23px; height: 24px; }
.icon-pinterest { background-position: -71px -42px; width: 18px; height: 23px; vertical-align: middle; margin-right: 1%; }
.icon-pinter { background-position: -113px -20px; width: 23px; height: 23px; }
.icon-mail { background-position: -69px -18px; width: 22px; height: 23px; }
.icon-tel { background-position: -90px -18px; width: 22px; height: 23px; }
.icon-bee { background-position: -40px -43px; width: 29px; height: 20px; }
.icon-arrow-left { background-position: -73px 0; width: 9px; height: 17px; }
.icon-arrow-right { background-position: -80px 0; width: 9px; height: 17px; }
.icon-close { background-position: -89px 0; width: 16px; height: 17px; }
.icon-profil { background-position: -106px 0; width: 12px; height: 15px; }
.icon-printer { background-position: -119px 0; width: 17px; height: 18px; }
.icon-printer2 { background-position: -135px 0; width: 16px; height: 18px; }
.icon-printer3 { background-position: -151px 0; width: 16px; height: 16px; }
.icon-gift { background-position: -167px 0; width: 16px; height: 15px; }
.icon-flower { background-position: -183px 0; width: 19px; height: 18px; }

.icon-abeille-noire {
	height: 24px;
    margin-bottom: -7px;
    width: 26px;
    background: url('/assets/img/abeille-noire-icon.jpg');
    background-size: contain;
    display: inline-block;
}

main a.btn i.icon.append { border-right: 1px solid white; padding-right: 10px; margin-right: 10px; }

/***** UTILS *****/
.text-center{
	text-align: center;
}

/***** ANNEXES ******/
section.page-title {
	background: #fccf0d;
	
    margin-top: 20px;
	padding: 0 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
section.page-title h1, section.page-title h3 {
	color: #666;
	display: inline-block;
	font-weight: 300;
	font-size: 3em;
	line-height: 80px;
	margin: 0;
}
section.page-title .sub-title {
	font-size: 1.8em;
	display: inline-block;
	margin-left: 20px;
}

body.parrainage-session-2019 section.page-title{
	background: #81C146;
	color: #fff;
	text-align: center;
	font-family: Roboto, sans-serif;
}
body.parrainage-session-2019 section.page-title h1,
body.parrainage-session-2019 section.page-title h3{
	color: #fff;
}
body.parrainage-session-2019.parrainage-session-2019-choix-abeilles section.page-title h1,
body.parrainage-session-2019.parrainage-session-2019-choix-abeilles section.page-title h3{
	background: url(/assets/css/img/titles/PICTO-TITRE-ABEILLE.png) center right no-repeat;
	padding-right: 75px;
	font-weight: 400;
	background-size: 60px;
}
body.parrainage-session-2019.parrainage-session-2019-choix-apiculteur section.page-title h1,
body.parrainage-session-2019.parrainage-session-2019-choix-apiculteur section.page-title h3{
	background: url(/assets/css/img/titles/PICTO-TITRE-API.png) center right no-repeat;
	padding-right: 75px;
	font-weight: 400;
	background-size: 60px;
}
body.parrainage-session-2019.parrainage-session-2019-choix-options section.page-title h1,
body.parrainage-session-2019.parrainage-session-2019-choix-options section.page-title h3{
	background: url(/assets/css/img/titles/PICTO-TITRE-LIVRAISON_OPTION.png) center right no-repeat;
	padding-right: 75px;
	font-weight: 400;
	background-size: 60px;
}
body.parrainage-session-2019.parrainage-session-2019-choix-paiement section.page-title h1,
body.parrainage-session-2019.parrainage-session-2019-choix-paiement section.page-title h3{
	background: url(/assets/css/img/titles/PICTO-TITRE-PAIEMENT.png) center right no-repeat;
	padding-right: 75px;
	font-weight: 400;
	background-size: 60px;
}

@media only screen and (max-width: 767px){
	body.parrainage-session-2019.parrainage-session-2019-choix-abeilles section.page-title h1,
	body.parrainage-session-2019.parrainage-session-2019-choix-abeilles section.page-title h3,
	body.parrainage-session-2019.parrainage-session-2019-choix-apiculteur section.page-title h1,
	body.parrainage-session-2019.parrainage-session-2019-choix-apiculteur section.page-title h3,
	body.parrainage-session-2019.parrainage-session-2019-choix-options section.page-title h1,
	body.parrainage-session-2019.parrainage-session-2019-choix-options section.page-title h3,
	body.parrainage-session-2019.parrainage-session-2019-choix-paiement section.page-title h1,
	body.parrainage-session-2019.parrainage-session-2019-choix-paiement section.page-title h3{
		padding: 10px 0;
		background: none;
	}
}

section.page-footer {
	min-height: 405px;
	border-radius: 5px 5px 0 0;
	padding: 20px 30px;
	margin-top: 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.articles article { border-bottom: 1px solid #a6a6a6; padding-bottom: 20px; margin-top: 20px; }
.articles article p {text-align:  justify; font-size: 1.1em; }

/***** ACCORDION *****/
#accordion > h3 { border-bottom: 1px solid #a6a6a6; padding: 10px 0; cursor: pointer; }
#accordion > h3 a { color: #666; text-decoration: none;}
#accordion > h3:focus { outline: 0; }
#accordion > h3.ui-state-active { border: none; }
#accordion > h3 .l-warning {
	padding-left: 30px;
	font-size: 15px;
	color: #fc950d;
	font-weight: 600;
	font-style: italic;
}
#accordion div { }
#accordion div p {margin: 20px 0; }

/***** TABLE *****/
table { border-collapse: collapse; width: 100%; }
table td { padding: 10px; text-align: center; }
table td.left { text-align: left; }
table thead td { background: #ebebeb; font-weight: 600; }
table tbody td { background: #f9f9f9; }
table tbody tr:nth-child(even) td { background: #ebebeb; }
table tbody tr:hover td { background: #fff; }

/***** TABLE BORDERED *****/
table.table-bordered{
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
}
table.table-bordered th,
table.table-bordered td{
	border-top: 1px solid #dee2e6;
}
table.table-bordered th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
}
table.table-bordered + tbody {
	border-top: 2px solid #dee2e6;
}
table.table-bordered {
	border: 1px solid #dee2e6;
}
table.table-bordered th,
table.table-bordered td {
	border: 1px solid #dee2e6;
}
table.table-bordered thead th,
table.table-bordered thead td {
	border-bottom-width: 2px;
}

/***** FORM *****/
input[type=text], input[type=number]  { padding: 5px; border-radius: 3px; border: 1px solid #a6a6a6; }
input[type=text].search-faq { padding: 7px; width: 20%;}
textarea.textarea {
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #a6a6a6;
	resize: vertical;
	width: 100%;
	box-sizing: border-box;
	height: 96px;
}
textarea#message { padding: 5px; border-radius: 3px; border: 1px solid #a6a6a6; }
input.field-error, select.field-error{ border: 1px solid #ed5565; color: #ed5565}

/***** FORM - CONTACTEZ NOUS *****/
form#formulairecontact input[type=text] { width: 70%; }
form#formulairecontact input[type=button] { cursor: pointer; }
form#formulairecontact .erreur { margin-bottom: 5px; }
form#formulairecontact textarea#message { width: 70%; min-height: 100px; }
form#formulairecontact #object { width: 73%; }

/***** FOOTER *****/
body > footer {
    background: url('/assets/css/img/woodwood-2.jpg') center -68px;
	text-align: center;
	width: 100%;
	bottom: 0;
	left: 0;
}
body > footer section {
	color: #FFF;
	text-align: center;
	padding: 10px 0;
	width: 75%;
	margin: 0 auto;
}

.social_footer{
	position: relative;
	padding-top: 20px;
	margin-bottom: -20px;
}
.social_footer .title{
	background: #fff;
	color: #222220;
	line-height: 25px;
	padding: 0px 8px;
	border-radius: 6px;
	display: inline-block;
	margin-bottom: 14px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.social_footer ul{

}
.social_footer ul li{
	margin: 0 4px;
	display: inline-block;
}
.social_footer ul li a{

}
.social_footer ul li a img{
	width: 50px;
}


body > footer ul { display: table; width: 100%; }
body > footer li {
	display: table-cell;
	margin: 0 20px;
	vertical-align: middle;
	text-align: center;
	line-height: 55px;
}
body > footer li a {
	color: #000;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 900;
	text-shadow: 0 0 11px white, 0 0 15px white, 0 0 30px white;
}
body > footer p {
	display: inline-block;
	margin: 15px 0;
	color: #000;
}
body > footer p a {
	color: #FFF;
}
body > footer p a:hover {
	text-decoration: underline;
}


div.imgSlider2 { position: relative; }

/* BOUTIQUE */
/* Catalogue */
/**body.boutique > main {
    background: url(/assets/img/noel_boutique_bg.jpeg);
    background-position-y: 100px;
	position: relative;
	z-index: 1;
}**/
body.boutique > main::before {
    content: "";
    background: white;
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: -1;
}
body.boutique > main > .wrapper {
    background: white;
    box-shadow: 0 0 16px white, 0 0 100px white;
}
.boutique-produit-liste{
    display: flex;
    justify-content: space-around;
    justify-items: stretch;
    flex-wrap: wrap;
}
.boutique-produit .card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
	margin: 0 6px;
}

.boutique-produit .card > hr {
	margin-right: 0;
	margin-left: 0;
}

.boutique-produit .card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.boutique-produit .card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.boutique-produit .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
    padding: 0.85rem;
}

.boutique-produit .card-title {
	margin-bottom: 0.75rem;
}

.boutique-produit .card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
}

.boutique-produit .card-text:last-child {
	margin-bottom: 0;
}

.boutique-produit .card-link:hover {
	text-decoration: none;
}

.boutique-produit .card-link + .card-link {
	margin-left: 1.25rem;
}

.boutique-produit .card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.boutique-produit .card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.boutique-produit .card-header + .list-group .list-group-item:first-child {
	border-top: 0;
}

.boutique-produit .card-footer {
	padding: 0.75rem 1.25rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.boutique-produit .card-footer:last-child {
	border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.boutique-produit .card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
}

.boutique-produit .card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
}

.boutique-produit .card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}

.boutique-produit .card-img {
	width: 100%;
	border-radius: calc(0.25rem - 1px);
}

.boutique-produit .card-img-top {
	width: 100%;
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}

.boutique-produit .card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
}

.boutique-produit-liste .mb-5,
.boutique-produit-liste .my-5 {
	margin-bottom: 3rem !important;
}

.boutique-produit-liste .mb-5,
.boutique-produit-liste .my-5 {
	margin-bottom: 3rem !important;
}

.boutique-produit .badge-new {
	display: inline-block;
	padding: 5px 5px 5px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	color: #fff;
	background-color: #8bd200;
	position: absolute;
	top: -10px;
}


.boutique-produit-liste .boutique-produit{ 
    flex-basis: 24%;
    margin-bottom: 20px;
    width: 24%;
    display: inline-flex;
}

@media (max-width: 1200px){
	.boutique-produit-liste .boutique-produit{ 
		flex-basis: 29%;
	}
}
@media (max-width: 900px){
	.boutique-produit-liste .boutique-produit{ 
		flex-basis: 38%;
	}
}
@media (max-width: 600px){
	.boutique-produit-liste .boutique-produit{ 
		flex-basis: 80%;
	}
}
@media (max-width: 410px){
	.boutique-produit-liste .boutique-produit{ 
		flex-basis: 100%;
	}
}

/* special composez vote coffret 4 cols */
.boutique-produit-tiny .boutique-produit .sliders{
    display: none;
}
.boutique-produit-tiny .boutique-produit .card-body{
    padding: 0.85rem 0;
}
.boutique-produit-tiny .boutique-produit .rupture{
    padding: 5px 5px;
}
@media (min-width: 782px){
	.boutique-produit-tiny .boutique-produit .main-img .img{
		height: 70px;
	}
	.boutique-produit-tiny .boutique-produit .main-img .img img {
		max-height: 70px;
	}
	.boutique-produit-tiny .boutique-produit .name{
		height: 51px;
	}
	.boutique-produit-tiny .boutique-produit .price{
		font-size: 20px;
	}
}
@media (min-width: 900px){
	.boutique-produit-tiny .boutique-produit .main-img .img{
		height: 140px;
	}
	.boutique-produit-tiny .boutique-produit .main-img .img img {
		max-height: 140px;
	}
}

.boutique-produit .card-body{ 
    text-align: center;
}
.boutique-produit .card-body .l{ 
    width: 100%;
}
.boutique-produit .card-body .r{ 
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 580px){
	.boutique-produit .card-body{ 
		display: block;
	}
	.boutique-produit .card-body .l,
	.boutique-produit .card-body .r{ 
		width: 100%;
	}
}

.boutique-produit .thumbnail{
}
.boutique-produit .sliders{
    display: flex;
    margin: 0px 0 10px;
    justify-content: center;
    height: 51px;
}
.boutique-produit .sliders > .img img {
    max-height: 57px;
}
.boutique-produit .main-img .img {
    height: 250px;
    margin-bottom: 10px;
	overflow: hidden;
}
#apiculteur-fiche .boutique-produit .main-img .img {
    height: 340px;
}
.boutique-produit .main-img .img img{
    max-height: 250px;
}
#apiculteur-fiche .boutique-produit .main-img .img img{
    max-height: 340px;
}


@media (max-width: 1200px){
	.boutique-produit .main-img .img { height: 200px; }
	.boutique-produit .main-img .img img{ max-height: 200px; }
}
@media (max-width: 900px){
	.boutique-produit .main-img .img { height: 170px; }
	.boutique-produit .main-img .img img{ max-height: 170px; }
}
@media (max-width: 600px){
	.boutique-produit .main-img .img { height: 250px; }
	.boutique-produit .main-img .img img{ max-height: 250px; }
}
@media (max-width: 410px){
	.boutique-produit .main-img .img { max-height: 200px; }
	.boutique-produit .main-img .img img{ max-height: 200px; }
}

.boutique-produit .img {
	cursor: pointer;
    text-align: center;
}
.boutique-produit .sliders > .img {
    padding: 0 7px;
}
.boutique-produit .name{
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 18px;
    height: 54px;
    overflow: hidden;
}
.boutique-produit .price{ 
    font-size: 30px;
    margin-bottom: 7px;
    color: #009ed6;
}
.boutique-produit .price-complement	{
    font-size: 12px;
    color: #8e8e8e;
    margin-bottom: 7px;
    padding-left: 6px;
}
.boutique-produit .description{
    margin-bottom: 16px;
}
.boutique-produit .card-text.description{
    margin-bottom: 16px;
	display: none;
}

.boutique-produit .label-bio{
	display: none;
}

.boutique-produit .addToCart{
    padding: 10px 9px;
    font-size: 12px;
    border-radius: 8px;
    font-weight: bold;
    margin-top: 8px;
}

.boutique-produit .infos{
	padding: 10px 9px;
    font-size: 12px;
    border-radius: 8px;
    background: #e0e0e0;
    color: #909090 !important;
    margin-top: 8px;
}

.boutique-produit .rupture{
    background: #e8e8e8;
    padding: 10px 20px;
    cursor: not-allowed;
    display: inline-block;
    line-height: 18px;
}
/* Popup add to cart*/

.boutique-produit-popup-atc{
	
}
.boutique-produit-popup-atc .thumbnail{
	
}
.boutique-produit-popup-atc .title{
    font-size: 23px;
    background: url(/assets/img/entete_actif.jpg) no-repeat;
    background-position: 0px 0px;
    background-size: 45px auto;
    padding-left: 57px;
    padding-top: 4px;
    min-height: 61px;
}
.boutique-produit-popup-atc .name{
    color: #009ed6;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3px;
}
.boutique-produit-popup-atc .price{
    margin-bottom: 0px;
}
.boutique-produit-popup-atc .price-complement{
    margin-bottom: 20px;
    font-size: 10px;
    color: #a9a9a9;
}
.boutique-produit-popup-atc .description{
    margin-bottom: 10px;
}

.boutique-produit-popup-atc .label-bio img{
	width: 100px;
}

@media (max-width: 959px){
	.boutique-produit-popup-atc .thumbnail{
		text-align: center;
	}

	.boutique-produit-popup-atc .thumbnail .img-responsive{
		max-height: 200px;
	}
}

/* bottom nav */
.boutique-bottom-nav{
	overflow: hidden;
}
.boutique-bottom-nav .btn{    
	font-size: 14px;
    line-height: 22px;
}
.boutique-bottom-nav .left{
	float: left;
}
.boutique-bottom-nav .right{
	float: right;
}


/* steps panier */
#order_step{    
    display: flex;
    justify-content: flex-start;
    margin: 0 0 20px;
    align-items: center;
}
#order_step li{
    padding-right: 30px;
    color: #c1c1c1;
}

/* page panier*/
.boutique-panier-page{

}
.boutique-panier-page #panier .name{

}
.boutique-panier-page #panier .article-label{
	display: none;
}
.boutique-panier-page #panier tbody tr td {
    background: #fff;
}
.boutique-panier-page #panier tbody tr:hover td {
    background: #f9f9f9;
}
.boutique-panier-page #panier .thumbnail img{
    height: 50px;
    width: auto;
    max-width: none;
}
.boutique-panier-page #panier td.l{
    text-align: left;
}
.boutique-panier-page #panier td.r{
    text-align: right;
}
.boutique-panier-page #panier td.inline{
    white-space: nowrap;
}
.boutique-panier-page #panier .btn{
    font-size: 10px;
}
.boutique-panier-page #panier .btn.btn-grey{
    background: #e6e6e6;
    color: #777777 !important;
}
.boutique-panier-page #panier .btn.btn-danger{
    background: #ef6d6d;
}
@media (max-width: 767px){
	.boutique-panier-page #panier{
		/*border-top-width: 2px;*/
	}
	.boutique-panier-page #panier .article-label{
		display: inline-block;
		font-weight: normal;
		color: #909090;
	}
	.boutique-panier-page #panier td div{
		display: inline-block;
		margin: 0 5px;
		min-width: 90px;
	}
	.boutique-panier-page #panier tbody tr:hover td {
		background: #fff;
	}
	.boutique-panier-page #panier thead{
		display: none;
	}
	.boutique-panier-page #panier tfoot tr{
		justify-content: flex-end;
		font-size: 14px;
		line-height: 2em;
	}
	.boutique-panier-page #panier td{
		border: none;	
		padding: 3px 18px;
		order: 10;
		box-sizing: border-box;
	}
	.boutique-panier-page #panier tr{
		border-top: 1px solid #dee2e6;	
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.boutique-panier-page #panier .td-delete{
		width: 15%;
		order: 1;
	}
	.boutique-panier-page #panier .td-thumbnail{
		display: none;
	}
	.boutique-panier-page #panier .td-name{
		width: 83%;
		order: 0;
		font-weight: bold;
		text-transform: uppercase;
		padding-top: 10px;
	}
	.boutique-panier-page #panier .td-price{
		width: 100%;
	}
	.boutique-panier-page #panier .td-qte{
		width: 100%;
		text-align: right;
	}
	.boutique-panier-page #panier .td-total{
		width: 100%;
		padding-bottom: 12px;
		font-weight: bold;
	}
}

/* Code promo / Code ambassadeur*/
.bloc-promo-code-ambassadeur{
    padding: 14px 30px 37px;
    background: #ffffff;
    line-height: normal;
    border: 3px solid #4fc1e9;
    border-radius: 12px;
    position: relative;
    margin-bottom: 50px;
}
.bloc-promo-code-ambassadeur .new{
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 6px;
    color: #676767;
}
.bloc-promo-code-ambassadeur .img{
    text-align: center;
    margin-bottom: 10px;
}
.bloc-promo-code-ambassadeur .img img{
    max-width: 270px;
}
.bloc-promo-code-ambassadeur .title{
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
    color: #26bcef;
    font-weight: bold;
}
.bloc-promo-code-ambassadeur .code{
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    background: #26bcef;
    bottom: -37px;
    position: absolute;
    width: 400px;
    border-radius: 20px;
    left: 50%;
    margin-left: -207px;
}
@media (max-width: 500px){
	.bloc-promo-code-ambassadeur .img img {
		max-width: 100%;
	}
	.bloc-promo-code-ambassadeur .title{
		font-size: 23px;
	}
	.bloc-promo-code-ambassadeur .code {
		font-size: 20px;
		width: 100%;
		border-radius: 20px;
		left: 0;
		margin-left: -8px;
	}
}

.bloc-promo-code-ambassadeur-details .description{
    margin-bottom: 10px;
    font-size: 17px;
    text-align: center;
}
.bloc-promo-code-ambassadeur-details .description strong{
    
}
.bloc-promo-code-ambassadeur-details .description_2.row_d{
	overflow: hidden;
}
.bloc-promo-code-ambassadeur-details .description_2.row_d .col-2_d{
	box-sizing: border-box;;
	float: left;
	width: 50%;
}
.bloc-promo-code-ambassadeur-details .description_2{
    text-align: center;
    margin-bottom: 20px;
    padding: 0 100px;
}
.bloc-promo-code-ambassadeur-details .description_2 .img{
	
}
.bloc-promo-code-ambassadeur-details .description_2 .featured{
    color: #26bcef;
    font-size: 32px;
}
.bloc-promo-code-ambassadeur-details .description_3{
    font-size: 11px;
}

@media (max-width: 926px){

	.bloc-promo-code-ambassadeur-details .description_2 {
		padding: 0;
	}
}
@media (max-width: 500px){
	.bloc-promo-code-ambassadeur-details .description {
		font-size: 16px;
		line-height: normal;
	}
	.bloc-promo-code-ambassadeur-details .description_2 {
		padding: 0;
	}
	.bloc-promo-code-ambassadeur-details .description_2.row_d{
	}
	.bloc-promo-code-ambassadeur-details .description_2.row_d .col-2_d{
		float: none;
		width: 100%;
		margin: 20px 0;
	}
}
.bloc-promo-code-ambassadeur-partager{
	margin-bottom: 20px;
	text-align: center;
}
.bloc-promo-code-ambassadeur-partager .title{
    display: inline-block;
    vertical-align: 10px;
    font-weight: 600;
    font-size: 13px;
}
.bloc-promo-code-ambassadeur-partager .a2a_default_style{
    display: inline-block;
}
.bloc-promo-code-ambassadeur-partager .a2a_default_style .a2a_svg,
a.a2a_i .a2a_svg,
a.a2a_more .a2a_svg{
    background-color: rgb(218 218 218) !important;
    border: 1px solid #c7c7c7;
}
.bloc-promo-code-ambassadeur-partager .a2a_default_style .a2a_svg .a2a_svg{
    border: none;
}
.bloc-promo-code-ambassadeur-partager .a2a_default_style .a2a_menu a{
    color: #676767;
}

#submit-code-promo{
	
}
#submit-code-promo .active-code-list{
    border-top: 1px solid #dadada;
    padding-top: 11px;
    margin-top: 17px;
}
#submit-code-promo .active-code-list:empty {
	display: none;
}
#submit-code-promo .active-code-list .active-code{
    margin: 4px 0;
    border-left: 5px solid gainsboro;
    padding-left: 16px;
}
#submit-code-promo .active-code-list .active-code .name{
    display: inline-block;
    font-weight: bold;
    margin-right: 30px;
}
#submit-code-promo .active-code-list .active-code .reduction{
    display: inline-block;
    margin-right: 30px;
}
#submit-code-promo .active-code-list .active-code .actions{
    display: inline-block;
	
}
#submit-code-promo .active-code-list .active-code .actions .btn{
	
}
#submit-code-promo .message{
    display: inline-block;
    margin-left: 20px;
}
#submit-code-promo .message .message-type-success{ 
    font-weight: bold;
    color: #aadf5c;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
}
#submit-code-promo .message .message-type-error{
    font-weight: bold;
    color: #fc6e51;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
}

/* page Ma facture */
.ma-facture-page{

}
.ma-facture-page #panier .name{

}
.ma-facture-page #panier .article-label{
	display: none;
}
.ma-facture-page #panier tbody tr td {
    background: #fff;
}
.ma-facture-page #panier tbody tr:hover td {
    background: #f9f9f9;
}
.ma-facture-page #panier td.l{
    text-align: left;
}
.ma-facture-page #panier td.r{
    text-align: right;
}
.ma-facture-page #panier td.inline{
    white-space: nowrap;
}
@media (max-width: 767px){
	.ma-facture-page #panier{
		/*border-top-width: 2px;*/
	}
	.ma-facture-page #panier .article-label{
		display: inline-block;
		font-weight: normal;
		color: #909090;
	}
	.ma-facture-page #panier td div{
		display: inline-block;
		margin: 0 5px;
		min-width: 90px;
	}
	.ma-facture-page #panier tbody tr:hover td {
		background: #fff;
	}
	.ma-facture-page #panier thead{
		display: none;
	}
	.ma-facture-page #panier tfoot tr{
		justify-content: flex-end;
		font-size: 14px;
		line-height: 2em;
	}
	.ma-facture-page #panier td{
		border: none;	
		padding: 3px 18px;
		order: 10;
		box-sizing: border-box;
	}
	.ma-facture-page #panier tr{
		border-top: 1px solid #dee2e6;	
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.ma-facture-page #panier .td-delete{
		width: 15%;
		order: 1;
	}
	.ma-facture-page #panier .td-thumbnail{
		display: none;
	}
	.ma-facture-page #panier .td-name{
		width: 83%;
		order: 0;
		font-weight: bold;
		text-transform: uppercase;
		padding-top: 10px;
	}
	.ma-facture-page #panier .td-price{
		width: 100%;
	}
	.ma-facture-page #panier .td-qte{
		width: 100%;
		text-align: right;
	}
	.ma-facture-page #panier .td-total{
		width: 100%;
		padding-bottom: 12px;
		font-weight: bold;
	}
}

/* geodis */
.geodis_point_relais .hide{
	display: none;
}

.geodis_point_relais .tabchoixtr{
	margin-top: 20px;
}
.geodis_point_relais .tabchoixtr tr td{
	padding: 2px 8px;
    vertical-align: top;
    text-align: left;
}
.geodis_point_relais .tabchoixtr hr{
     margin: 2px;
    }
.geodis_point_relais .horairestr tr td{    
    white-space: nowrap;
}
.geodis_point_relais .tabchoixtr tr td:nth-child(2) {
    display: none;
}
.geodis_point_relais .horairestr tr td:nth-child(2){
    display: table-cell;
}
.geodis_point_relais .horairestr{
    display: block;
    height: 1px;
    overflow: hidden;
}
.geodis_point_relais .horairestr.open{
	display: table;
    height: auto;
    overflow: visible;
}
.geodis_point_relais .horaire_link{
	text-decoration: underline;
	cursor: pointer;
}
.geodis_point_relais .horaire_link::before{
	content: '[+] ';
}
.geodis_point_relais .horaire_link.open{
	text-decoration: underline;
	cursor: pointer;
}
.geodis_point_relais .horaire_link.open::before{
	content: '[-] ';
}
.geodis_point_relais .tabchoixtr tr:last-child td[colspan="5"] {
    display: none;
}
.geodis_point_relais .relay_box {
    background: #f9f9f9;
    border-radius: 3px;
    padding: 10px 15px 13px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.geodis_point_relais .html_merci {
    background: green;
    border-radius: 3px;
    padding: 10px 15px 13px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.geodis_point_relais .preloading{
	padding: 10px;
}
.geodis_point_relais .preloading em{
	margin-left: 10px;
	line-height: 40px;
	vertical-align: middle;
}
.geodis_point_relais .preloading img{
	line-height: 40px;
	vertical-align: middle;
}

.geodis_point_relais .ui-widget-content a {
    width: 100%;
    display: inline-block;
}
@media only screen and (max-width: 767px){
	.geodis_point_relais .horairestr tr td {
	    display: table-cell;
	}
	.geodis_point_relais .tabchoixtr tr td:last-child {
	    padding: 2px;
	}
}


@media only screen and (min-width:1200px) {
	body {
		font-size: .8em;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1850px) {
	header #logo .title-header {margin-right: 25%;}
}
/*---------------------------------------------------
-- FULL PAGE
--
--
---------------------------------------------------*/
body.full-page{

}
body.full-page main .sidebar-right{
	display: none;
}
body.full-page main .main-content.xl{
	width: 98%;
}

/*---------------------------------------------------
-- ESPACE APICULTEUR
--
--
---------------------------------------------------*/
body.espace_apiculteur_template{

}
body.espace_apiculteur_template main .sidebar-right{
	display: none;
}
body.espace_apiculteur_template main .main-content.xl{
	width: 98%;
	padding: 5px;
}
body.espace_apiculteur_template .wrapper {
	max-width: 90%;
}

body .adresse_type_enlevement__dpd,
body .adresse_type_enlevement__stockaz,
body .adresse_type_enlevement__utpla{
	display: none;
}

body.adresse_type_enlevement__dpd .adresse_type_enlevement__dpd,
body.adresse_type_enlevement__stockaz .adresse_type_enlevement__stockaz,
body.adresse_type_enlevement__utpla .adresse_type_enlevement__utpla{
	display: inherit;
}

body .temp_recoit_encore_coffrets_3_pots_0,
body .temp_recoit_encore_coffrets_3_pots_1{
	display: none;
}

body.temp_recoit_encore_coffrets_3_pots_0 .temp_recoit_encore_coffrets_3_pots_0,
body.temp_recoit_encore_coffrets_3_pots_1 .temp_recoit_encore_coffrets_3_pots_1{
	display: inherit;
}


.document_item_list{
	margin-bottom: 30px;
}
.document_item_list .document_item{
	padding: 4px 0;
}
.document_item_list .document_item .box{
	padding: 6px 12px 10px;
	border: 1px solid #d0d6ca;
	border-radius: 3px;
}
.document_item_list .document_item .file{
	float: right;
	margin-top: 10px;
}
.document_item_list .document_item .description{
	font-size: 13px;
}


/****** TABLET ******/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	header #logo .title-header {margin-right: 0;}

	.formulaireinscriptionevenement .champ {width: 90%;}


	body {
		font-size: .8em;
	}
	body > footer li a, body > footer p { font-size: .8em; }
	header nav li {
		margin: 0;
	}
	#powerTip { width: 200px; }
	#powerTip .tooltip { width: 200px; }
	#powerTip .tooltip .infos p { max-width: 180px; }
	#powerTip .tooltip .infos img { max-width: 100%; width: 100%; }
	#powerTip.sw .tooltip .bubble-arrow { left: 240px;  }

	main {
		background-size: 150%;
	}
	.parrain a { font-size: 1em; padding-top: 130px; }
	main .sidebar-right .question-bubble { font-size: 1.3em; }
	main .sidebar-right .question-bubble span { font-size: .8em; }
	main .sidebar-right a.btn { width: 75%; font-size: .9em;}


}
@media only screen and (min-width: 768px) and (max-width: 800px) {
	main .sidebar-right .question-bubble { font-size: 0.9em; font-weight: bold; }
	main .sidebar-right .question-bubble span { font-size: 1em; font-weight: normal; }
}
@media only screen and (min-width: 801px) and (max-width: 940px) {
	main .sidebar-right .question-bubble { font-size: 1em; font-weight: bold; }
	main .sidebar-right .question-bubble span { font-size: 0.9em; font-weight: normal; }
}

/****** PHONE ******/
@media only screen and (max-width: 767px) {
	header #logo {
		left: 50%;
		margin-left: -104px;
		margin-top: 48px;
	}
	.wrapper.header{
		position: relative;
		width: 100%;
		height: 189px;
	}
	header #logo img {
		height: auto;
		width: 80%;
		max-width: 260px;
	}
	header #logo .title-header {
		margin-right: 0; font-size: 1.5em;
		padding-left: 100px;
	}
	header .btn-header {
		top: 65px;
	}
	header .btn-header.cart {
		top: 81px;
	}
	header aside li .btn span.value{
		display: none;
	}
	
	body header .baseline{
		right: auto;
		top: 0px;
		left: 0;
		width: 100%;
		position: relative;
		font-size: 17px;
		white-space: nowrap;
		padding: 0;
		padding-top: 7px;
	}
	body header .baseline img{
		height: 70px;
	}

	.formulaireinscriptionevenement .champ {width: 100%;}

	div.resultAuto {width: 100%; }
.buttonWidth#autocompleteParticuliers {width: 100%; }
.buttonWidth#autocompleteParticuliersRuches {width: 100%; }
.buttonWidth#autocompleteEntreprises {width: 100%; }
	header nav .phone-menu li.show-compte a.btn { line-height: 2.3em; }

	.btn { font-size: 0.8em; }
	#powerTip { display: none; overflow: hidden; width: 0; height: 0; }

	html, body { -webkit-text-size-adjust: none; }

	.col-2 { display: block; float: none; width: 100%; margin: 5px 0; }
	#logo img { width: 70%; max-width: 260px; height: auto; }
	section.page-title h1, section.page-title h3 {
		line-height: normal;
		line-height: 24px;
		padding: 10px;
		padding-right: 10px !important;
		font-size: 20px;
	}
	section.page-footer { height: auto; }
	main {  }
	main .main-content { width: 100%; display: block; float:none; }
	main .sidebar { width: 100%; display: block; float: none; }
	main .sidebar-right .question-bubble { width: 65%; margin: 0 auto; }
	main .sidebar-right { display: none; }
	main .sidebar-right.mobile { display: block; width: 100%; float: none; margin-left: 0; }
	main .main-content.xl { width: 100%; display: block; float: none; }

	.parrain a { padding-top: 50%; font-size: 1.5em; }
	.parrain .man { background-size: 40%; }
	.parrain .building { background-size: 45%; }
	.tooltip-green .picture, .tooltip-red .picture { width: 100%; }
	.tooltip-green .text, .tooltip-red .text { display: none !important; }
	table td { padding: 5px; }

	header aside {
		float: right;
		margin-top: 4px;
		position: absolute;
		top: 0;
		right: 0;
	}
	header aside li { float: left; margin: 0 2px; }
	header aside li .btn span.value {
		margin: auto 5px;
	}


	/***** TABLE *****/
table td, table th { display: block; text-align: left; padding: 0 10px; }
table td.left { padding: 10px 10px 0 10px; }
table tr td:last-child { padding: 0 10px 10px 10px; }

.slider-prev {
position: absolute;
top: 40%;
left: -15px;
}
.slider-next {
position: absolute;
top: 40%;
right: -5px;
}

form#formulairecontact input[type=text] { width: 90%; }
form#formulairecontact input[type=text]#object { width: 90%; }
textarea#message { width: 90%; min-height: 100px; }

	/*.sidebar-right .sub-nav { display: none; }*/
	/***** FOOTER *****/
	body > footer section { position: static; width:100%;  margin-left: 0; }
	body > footer section li { display: block; line-height: 20px; }
	body > footer p { display: block; text-align: center; margin: 20px 0;}
}

/***** TABLET + PHONE *****/
@media only screen and (max-width: 959px) {
	.col-left, .col-right, .col-2, .col-2-5, .col-3, .col-3-5, .col-4, .col-5, .col-5-2, .col-4-5, .col-66, .col-33, .col-60, .col-40,.col-2.no-padding {
		display: block; float: none; width: 100%; margin: 5px 0;
	}
	
	.no-mobile { display: none; }

	/***** NAV PHONE *****/
	header nav {
		padding: 0;
		clear: both;
		z-index: 29;
	}
	header nav .phone-menu {
		display: block;
		width: 100%;
		min-height:60px;
	}
	header nav ul.menu {
		position: absolute;
		z-index: 2;
		top: 60px;
		left: 0;
		display: none;
		border-bottom: 2px solid #E9E9E9;
		border-radius: 0 0 5px 5px;
	}
	header nav ul.menu li {
		display: block;
		width: 100%;
		text-align: left;
		line-height: normal;
		background: #FFF6D5;
	}
	header nav ul.menu li.index, header nav ul.menu li.btn-connect { display: none; }
	header nav ul.menu li div > a {
		padding-left: 30px;
		line-height: 30px;
		color: #fff !important;
		background: #ffc310;
		width: 100%;
		border-radius: 0;
	}
	header nav ul.menu li a {
		line-height: normal;
		padding: 0;
		background: none;
		font-weight: 600;
	}
	header nav ul.menu li:hover > div > a { }
	header nav .phone-menu li {
		text-align: left;
		padding: 10px;
		line-height: 40px;
		text-transform: uppercase;
	}
	header nav .phone-menu li img { vertical-align: middle;	}
	header nav .phone-menu li.show-menu { float: left; }
	header nav .phone-menu li.show-menu a { display: block; padding:0 10px; }
	header nav .phone-menu li.show-connect { float: right; }
	header nav .phone-menu li.show-compte { float: right; }
	header nav .phone-menu li.show-compte a.btn { line-height: 2.3em; }
	header nav .phone-menu li #phone-nav-connect {
		display: none;
		position:absolute;
		z-index: 2;
		right: 0;
		width: 200px;
	}
	header nav .phone-menu li #phone-nav-connect li {
		display: block;
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	header nav .phone-menu li.show-connect a.show-connect { line-height: 1em; display: block; padding: 15px 10px; }
	header nav .phone-menu li #phone-nav-connect li.bg-green {
		border-top: 2px solid #deedf2;
		background: #dbf2fa;
	}
	header nav li {
		background: #FFF;
		margin: 0;
	}
	header nav ul.menu .sub-nav {
		background: none;
		position: static;
		width: 100%;
		display: block;
		padding: 0;
	}
	header nav ul.menu .sub-nav li { border-radius: 0; background: #FFF6D5;  padding: 0; width: auto; height: auto }
	header nav ul.menu .sub-nav li:hover { background: #FFF6D5; }
	header nav ul.menu .sub-nav li a {
		color: #3a3a3a;
		font-weight: 400;
		text-transform: none;
		padding-left: 40px;
		line-height: 32px;
		font-size: 14px;
		font-weight: bold;
	}
	header nav ul.menu .sub-nav li a:hover {

	}
	header nav #nav-connect {
		position: static;
		width:100%;
	}
	header nav #nav-connect li {
		display: inline-block;
		width:100%;
		padding:0;
	}
	header .baseline{
		top: 50px;
		padding-left: 260px;
	}
}

@media only screen and (max-width: 480px) {
	body header .baseline{
	}
	body header .baseline img{
	}
	header #logo {
		left: 0;
		margin-left: 15px;
		margin-top: 39px;
	}
	header .btn-header {
		right: 110px;
	}
	header .btn-header.cart {
		right: 120px;
	}
}

@media only screen and (max-width: 600px) {
	header #logo .title-header {margin-right: 0; font-size: 1.2em;}
}

@media only screen and (min-width: 1200px) {
	section.main-content { min-height: 550px; }
}

div#msg-div div.msg { position: absolute; top: 50px; z-index: 9999; padding: 10px; width: 80%; max-width: 300px; left: auto; right: auto; border: 1px solid #ccc; border-radius: 10px; }
div#msg-div  div.msg.success-box { background: #e6ffe8; border-color: #33aa3e; }
div#msg-div  div.msg.error-box { background: #ffe6e6; border-color: #cf2525; }

.error-message {
	width: 500px;
	height: 150px;
	margin: 200px auto;
	background: #fff;
	padding: 5px 25px;
	border-radius: 10px;
	text-align: center;
}

.error-links li {
	display: inline;
	margin: 5px;
}

span.picto-ruche-connect-line{
    height: 23px;
    width: 22px;
    display: inline-block;
    vertical-align: -5px;
    margin-right: 4px;
}

/* Dialog style */
#msgdiv {
    position:fixed;
    right:10px;
    top:10px;
    width:300px;
    z-index:20000;
	cursor:pointer;
}
#msgdiv .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #FFF;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msgdiv .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msgdiv .msg p {
    margin: 0;
}

.temoignages_list{

}
.temoignages_list *{
	box-sizing: border-box;
}
.temoignages_list .temoin{
	width: 50%;
	padding: 0px 20px 20px 20px;
	margin-bottom: 10px;
}
.temoin{
	margin-top: 0px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 600px){
	.temoignages_list .temoin{
		width: 100%;
		padding: 0px;
		margin-bottom: 10px;
	}
}
.temoin p{
	margin: 0px;
	font-size: 12px;
}
.temoin .quote{
	font-style: italic;
	font-size: 14px;
}
.temoin .quote::after{
	content: ' ';
}

.temoin img{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}

.temoignages_list.carre img{
	border-radius: 0px;
}

.temoignages_list.big{}
.temoignages_list.big .temoin{
}
.temoignages_list.big .temoin p{
}
.temoignages_list.big .temoin .quote{
	margin-bottom: 6px;
	display: block;
	line-height: 1.4em;
}
.temoignages_list.big .temoin img{
	width: 150px;
	border-radius: 10px;
	margin-right: 21px;
	margin-bottom: 11px;
	margin-top: 5px;
}

.alertbox{
    background: #f1f1f1;
    padding: 10px 16px 12px;
}
.alertbox.success{
    background: #84bc48;
    color: white;
}
.alertbox.error{
    background: #fc6e51;
    color: white;
	
}
.infobox{
    background: #e5f5fb;
    padding: 10px 16px 12px;
	margin-bottom: 10px;
}

body.particulier .block_entreprise{
	display: none;
}
body.entreprise .block_particulier{
	display: none;
}


.introduction_nom_ruche{
	/*font-size: 12px;
	line-height: normal;
	font-style: italic;*/
}
.introduction_nom_ruche p{
	margin: 0px;
}
.ruche_partages_btns{
    float: right;
    right: 0;
    margin: 0;
    top: 0;
    padding: 0 0 22px 32px;
}
.ruche_connectee_infos .picto {
    float: left;
    width: 37px;
    margin: 0px 10px 9px;
    height: 37px;
}
.ruche_connectee_infos .legende_row {
    overflow: hidden;
	border-bottom: 1px solid #ececec;
   	padding: 8px 0px 4px;
}
.last_event{   
    padding: 12px 13px 15px;
    border: 1px solid #bad872;
    border-radius: 3px;
    margin-bottom: 20px;
}
.last_event .title{
    font-weight: bold;
    margin-bottom: 3px;
}
.last_event .desc{ 
    overflow:hidden;
}
.last_event .icon-main{  
    float: left;
    margin: 4px 16px 10px 0;
}

/* actus apiculteurs */
.actualite_apiculteur_content img{
	width: 100% !important;
}

.fancybox-opened{
	z-index: 100005 !important;
}


#warning_old_browser{
	background: #dbf2fa;
  	color: #0f5771;
	border: 1px solid #55ccf7;
	padding: 10px 16px 12px;
	font-size: 13px;
    line-height: 18px;
}


.customCheckbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.customCheckbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.customCheckbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.customCheckbox:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customCheckbox input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customCheckbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.customCheckbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.customCheckbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-autocomplete{
    background: #ffffff;
    max-width: 300px;
    border: 1px solid #bbbbbb;
}
.ui-menu-item{
	font-size: 16px;
	cursor: pointer;
    border-bottom: 1px solid #d7d7d7;
    padding: 1px 3px;
}
.ui-menu-item:hover{
    background: #fafafa;
}
.ui-menu-item a{
    display: block;
    background: inherit !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.hide{ display:none; }

.social_connexion{
	padding-bottom: 30px;
}

.social_connexion input[type=submit],
.social_connexion input[type=button]{
	margin-top: 10px;
	float: none;
	display: inline-block;
    color: #363636;
}
.social_connexion h2{
	margin-bottom: 5px;
}

input[name="submit_google_registration"],
input[name="submit_facebook_registration"],
input[name="submit_google_connect"],
input[name="submit_facebook_connect"],
input[name="submit_google_disconnect"],
input[name="submit_facebook_disconnect"]{
    padding: 12px 13px 11px 46px;
    background: white;
    border: 0;
    border-radius: 3px;
    border: 1px solid #4fc1e9;
}
input[name="submit_google_registration"],
input[name="submit_google_connect"],
input[name="submit_google_disconnect"]{
    background: white url(/assets/css/img/icon_google.png) no-repeat;
    background-size: 38px;
    background-position: 2px 2px;
}
input[name="submit_facebook_registration"],
input[name="submit_facebook_connect"],
input[name="submit_facebook_disconnect"]{
    background: white url(/assets/css/img/icon_facebook.png) no-repeat;
    background-size: 32px;
	background-position: 6px 5px;
	/*display: none !important;*/
}

/* #### IZIMODAL ##### */
.iziModal.iziUtpla .iziModal-button-close{
	opacity: .7;
}
.iziModal.iziUtpla h2{
	margin-top: 0;
	margin-bottom: 10px;
}

.iziModal.iziUtpla .infos-api img,
.iziModal.iziUtpla .infos-rucher img
{
	float: left;
	margin: 0px 15px 15px 15px;
	max-width: 200px !important;
}
@media only screen and (max-width: 600px){
	.iziModal {
		height: 100% !important;
	}
}

/* bloctel */
.bloctel-bs{
	font-size: 0.9em;
	line-height: 1.4em;
}

@media only screen and (max-width: 800px){
	.child-flex-50:first-of-type{
		margin-bottom: 30px;
	}
	body main .wrapper .content .main-content .child-flex-50{
		width: 100% !important;
	}
}