/*
    Custom CSS :
*/

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Medium.eot');
    src: url('../fonts/Butler-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Butler-Medium.woff2') format('woff2'),
        url('../fonts/Butler-Medium.woff') format('woff'),
        url('../fonts/Butler-Medium.ttf') format('truetype'),
        url('../fonts/-Medium.svg#Butler-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Bold.eot');
    src: url('../fonts/Butler-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Butler-Bold.woff2') format('woff2'),
        url('../fonts/Butler-Bold.woff') format('woff'),
        url('../fonts/Butler-Bold.ttf') format('truetype'),
        url('../fonts/Butler-Bold.svg#Butler-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler.eot');
    src: url('../fonts/Butler.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Butler.woff2') format('woff2'),
        url('../fonts/Butler.woff') format('woff'),
        url('../fonts/Butler.ttf') format('truetype'),
        url('../fonts/Butler.svg#Butler') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler';
    src: url('../fonts/Butler-Light.eot');
    src: url('../fonts/Butler-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Butler-Light.woff2') format('woff2'),
        url('../fonts/Butler-Light.woff') format('woff'),
        url('../fonts/Butler-Light.ttf') format('truetype'),
        url('../fonts/Butler-Light.svg#Butler-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



.btn-primary {
    color: #fff;
    background-color: var(--main-color3);
    border-color: var(--main-color3);
}

.btn-primary:hover {
    color: var(--main-color3);
    background-color: #fff;
    border-color: var(--main-color3);
}

body header .navbar-toggler {
	position: absolute;
	z-index: 1111;
	top: 30px;
	left: 100%;
	padding: 8px 10px 0 10px;
	background: white;
	-moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms;
	border: none;
	border-radius: 0px;
	outline: none
}

body header .navbar-toggler span {
	position: relative;
	display: block;
	height: 3px;
	width: 38px;
	background: var(--main-color2);
	margin: 0 0 9px 0
}

body header .navbar-toggler:before {
	position: absolute;
	display: block;
	top: -15px;
	left: 4px;
	width: 100%;
	text-align: center;
	content: 'MENU';
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 0;

	border: none;
	border-radius: 0px
}

body header .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
	-moz-transform: rotate(45deg) translateY(7px) translateX(9px);
	-ms-transform: rotate(45deg) translateY(7px) translateX(9px);
	-webkit-transform: rotate(45deg) translateY(7px) translateX(9px);
	transform: rotate(45deg) translateY(7px) translateX(9px);
	-moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms
}

body header .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
	opacity: 0
}

body header .navbar-toggler[aria-expanded="true"] span:nth-child(3) {
	-moz-transform: rotate(-45deg) translateY(-9px) translateX(9px);
	-ms-transform: rotate(-45deg) translateY(-9px) translateX(9px);
	-webkit-transform: rotate(-45deg) translateY(-9px) translateX(9px);
	transform: rotate(-45deg) translateY(-9px) translateX(9px);
	-moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms
}

body header .navbar-toggler[aria-expanded="true"]:before {
	content: 'FERMER'
}

body header .header-top {
	z-index: 111;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
#mainCarousel .carousel-caption{

  padding-left: 3%;
      padding-right: 3%;
}
#mainCarousel .carousel-caption.left{
width: 400px;
    left: 15%;
    margin: 0;
    /* padding: 0px; */
    position: absolute;
    bottom: 0;
}
#mainCarousel .carousel-caption.right{
width: 400px;
    left: 65%;
    margin: 0;
    /* padding: 0px; */
    position: absolute;
    bottom: 0;
}

#mainCarousel .carousel-inner {
      margin-top: 71px;
      height: calc( 100vh - 71px);
}
.apercu-categories .masonry {
  column-count: 3;
}
a.cta-custom{
  color:var(--main-color2);
}
.pictogrammes{
  background:var(--main-color3);
  color:var(--main-color2);
}
.pictogrammes .card{
  width: 30%;background-color:transparent;border: 1px solid white;margin:1rem;
}
.pictogrammes .card img.card-img-top{
  width:50%;margin-left:auto;margin-right:auto;padding:1rem;
}
.masonry .item span{
  position:absolute;
  background-color:var(--main-color1);color:var(--main-color2);
  padding:10px;
}
footer .info a{
  font-size:16px;
}
.reseaux-sociaux a{
  font-size:40px;
}

.bg-dark{
  background:var(--main-color3) !important;
}
@media (min-width: 992px) {
	body header .header-top {
		background-color: transparent;
	}
	.blcOption .item .inner {
		height: 155px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top .container {
		padding: 0 15px !important;
		max-width: none !important;
		width: 100%
	}
}

@media (max-width: 991px) {
	body header .header-top .cta_header {
		display: none
	}
  #mainCarousel .carousel-caption.left,#mainCarousel .carousel-caption.right{
      left: 15%;
      right: 15%;
      position: absolute;
      margin-bottom: 3rem;
      width:auto;
  }
  p img {
    max-width: 100%;
    height: auto;
}


}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top .cta_header .cta-custom,
	body header .header-top .cta_header .avant-apres.single .owl-nav button,
	body .avant-apres.single .owl-nav header .header-top .cta_header button,
	body header .header-top .cta_header .button-group button,
	.button-group body header .header-top .cta_header button {
		font-size: 16px !important;
		padding: 10px !important
	}
}

body header .header-top .navbar-brand {
	margin-right: 0 !important;
	max-width: 300px
}
body header .header-top .navbar-brand {
	margin-right: 0 !important;
	max-width: 250px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto !important;
	top: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top .navbar-brand {
		/*max-width: 150px*/
	}
}

@media screen and (max-width: 991px) {
	body header .header-top .navbar-brand {
		max-width: 250px;
		margin: auto !important
	}
}

@media screen and (max-width: 400px) {
	body header .header-top .navbar-brand {
		max-width: 60%
	}
}

body header .header-top .navbar-brand img {
	max-width: 100%
}

body header .header-top .navbar {
	padding: 0;
	width: 100%
}

	.flex-fill-width{
		flex-grow: 0!important;
		flex-shrink: 0!important;
		flex-basis: 100%!important;
	}
	
	.white-border{
		border-left: 1px solid #fff!important;
		border-right: 1px solid #fff!important;
		border-top: 1px solid #fff!important;
		border-bottom: 1px solid #fff!important;
	}
@media (max-width: 991px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav {
		height: auto !important;
		padding-bottom: 0;
		overflow: auto;
	}
	

	
	
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li {
	padding: 0px ;
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 18px;
}
body header .header-top .navbar #navbarSupportedContent .navbar-nav li span {
	color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li {
		padding: 0px 5px !important
	}
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li a {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 16px;
	color: white;
	position: relative;
	padding: 5px 0px;
	z-index: 1001
}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li a {
		font-size: 14px;
		padding: 5px 0px !important
	}
}

@media (min-width: 992px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li a.dropdown_toggle:after {
		position: absolute;
		width: 0;
		height: 0;
		left: 0;
		right: 0;
		top: 100%;
		margin: auto;
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		content: ''
	}
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li:hover>a,
body header .header-top .navbar #navbarSupportedContent .navbar-nav li.selected>a {
	color: white !important
}

@media (max-width: 991px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li:hover>a,
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li.selected>a {
		color: var(--main-color3) !important
	}
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li:hover>a:before,
body header .header-top .navbar #navbarSupportedContent .navbar-nav li.selected>a:before {
	width: 100%;
	opacity: 1
}

@media (min-width: 992px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li:hover,
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li.selected {
		/*background-color: var(--main-color3)*/
	}
}

@media (max-width: 991px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li {
		padding: 0px 10px 0 0
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li a {
		color: var(--main-color2) !important;
		background-color: rgba(255, 237, 0, 0);
		padding: 10px 20px;
		letter-spacing: 1px
	}
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown>.dropdown-menu {
	border: none
}

@media (max-width: 991px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown>.dropdown-menu {
		display: block;
		background-color: transparent;
		padding-left: 100px;
	}
}

@media (min-width: 992px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown>.dropdown-menu {
		background-color: transparent;
		text-align: left;
		display: none;
		position: static;
		padding-left: 300px;
		margin-top: -60px;

	}

	body header .header-top .navbar #navbarSupportedContent.showed   .mega-menu li.dropdown>.dropdown-menu {
		display: block !important;

	}
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown>.dropdown-menu a {
	font-size: 30px
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown>.dropdown-menu a:hover {
	color: var(--main-color3) ;
}
body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown>.dropdown-menu a:after {
	display: none;
}


body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown:hover>.dropdown-menu {
	display: block !important
}

@media (min-width: 992px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav>li+li {
		margin-left: 0
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top .navbar #navbarSupportedContent .navbar-nav>li+li {
		margin-left: 5px
	}
}

@media (max-width: 991px) {
	body header .header-top .navbar #navbarSupportedContent {
		padding-top: 20px;
		background-color: white;
		overflow: visible !important;
		position: fixed;
		z-index: 111;
		top: 0;
		display: block !important;
		height: 100vh !important;
		overflow: auto;
		/*left: -50%;
		width: 50% !important;*/
		overflow: auto
	}
	body header .header-top .navbar #navbarSupportedContent li+li {
		margin-top: 10px
	}

}

@media (max-width: 767px) {
	body header .header-top .navbar #navbarSupportedContent {
	/*	left: -100%;
		height: 100vh !important;
		padding-bottom: 0;
		width: 100% !important;*/
	}
}

body header .header-top .navbar #navbarSupportedContent.showed {
	left: 0 !important
}

@media (min-width: 992px) {
	body header .header-top .navbar .cta_block {
		margin-left: 20px
	}
}

@media (min-width: 992px) and (max-width: 1209px) {
	body header .header-top .navbar .cta_block {
		margin-left: 10px
	}
}

@media (max-width: 991px) {
	body header .header-top .navbar .cta_block {
		display: none
	}
}

body header .header-top .navbar .cta_block .cta-custom,
body header .header-top .navbar .cta_block .avant-apres.single .owl-nav button,
body .avant-apres.single .owl-nav header .header-top .navbar .cta_block button,
body header .header-top .navbar .cta_block .button-group button,
.button-group body header .header-top .navbar .cta_block button {
	color: #ffed00
}

body header .header-top .navbar .cta_block .cta-custom:hover,
body header .header-top .navbar .cta_block .avant-apres.single .owl-nav button:hover,
body .avant-apres.single .owl-nav header .header-top .navbar .cta_block button:hover,
body header .header-top .navbar .cta_block .button-group button:hover,
.button-group body header .header-top .navbar .cta_block button:hover {
	color: white
}

@media (max-width: 991px) {
	body header .header-top .cta_block {
		display: none
	}

  .pictogrammes .card img.card-img-top{
    width:90%;margin-left:auto;margin-right:auto;padding:0.1rem;
  }
}

body header .header-top .cta_block .cta-header {
	font-size: 22px;
	position: relative;
	padding: 10px 20px;
	letter-spacing: 1px;
	color: white;
	text-decoration: none !important;
	z-index: 1;
	text-align: center;
	display: inline-block;
	overflow: hidden
}

body header .header-top .cta_block .cta-header span {
	display: block;
	line-height: 1
}

body header .header-top .cta_block .cta-header span.name {
	font-size: 0.74em;
	line-height: 1;
	letter-spacing: -1px
}

body header .header-top .cta_block .cta-header:before,
body header .header-top .cta_block .cta-header:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	width: 100%;
	z-index: -1
}

body header .header-top .cta_block .cta-header:before {
	background-color: #ffed00;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	transform: rotateX(90deg)
}

body header .header-top .cta_block .cta-header:after {
	background-color: transparent;
	border: 2px solid white
}

body header .header-top .cta_block .cta-header:hover:before {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg)
}

body header .header-top .cta_block .cta-header:hover:after {
	background-color: transparent !important
}

@media (min-width: 992px) {
	body header .header-top:not(.sticky) .container {
		position: relative
	}
	body header .header-top:not(.sticky) .container .cta_block {
		position: absolute;
		right: 15px;
		top: 20px
	}
	body header .header-top.before-stiky {
		top: -100px;
		position: fixed;
		left: 0;
		width: 100%;
		background-color: transparent;
		-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
		-webki-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
		-ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3)
	}
	body header .header-top.before-stiky *,
	body header .header-top.before-stiky *:before,
	body header .header-top.before-stiky *:after {
	/*	transition: all 0s !important*/
	}
	body header .header-top.before-stiky .menunavigation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center !important;
		align-items: center !important;
		-ms-flex-pack: center !important;
		justify-content: space-between !important;
		position: relative
	}
	body header .header-top.before-stiky .menunavigation>.text-center .navbar-brand {
		max-width: 150px
	}
	body header .header-top.before-stiky .menunavigation>.text-center .navbar-brand img {
		max-width: 100%;
		height: auto
	}
	body header .header-top.before-stiky .menunavigation .navbar #navbarSupportedContent .navbar-nav li {
		border-radius: 3px
	}
	body header .header-top.before-stiky .menunavigation .navbar #navbarSupportedContent .navbar-nav li a {
		font-size: 30px;
		padding: 5px 0px;
		color: white;
		
	}
	body header .header-top.before-stiky .menunavigation .navbar #navbarSupportedContent .navbar-nav li a::before {
		bottom: -10px;
		background-color: #ffed00;
		height: 4px !important
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top.before-stiky .menunavigation .navbar #navbarSupportedContent .navbar-nav li a::before {
		bottom: -5px
	}
}

@media (min-width: 992px) {
	body header .header-top.before-stiky .menunavigation .navbar-brand {
		/*max-width: 150px*/
	}
	body header .header-top.before-stiky .menunavigation .cta_block {
		position: absolute;
		margin-top: 10px;
		top: 100%;
		right: 15px
	}
	body header .header-top.before-stiky .menunavigation .cta_block .cta-header {
		font-size: 18px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body header .header-top.before-stiky .container {
		padding: 0 15px !important;
		max-width: none !important;
		width: 100%
	}
	body header .header-top.before-stiky .container .menunavigation .navbar-brand {
	/*	max-width: 150px !important;
		margin-right: 5px*/
	}
	body header .header-top.before-stiky .container .menunavigation .navbar #navbarSupportedContent .navbar-nav li {
		padding: 0 10px
	}
	body header .header-top.before-stiky .container .menunavigation .navbar #navbarSupportedContent .navbar-nav li a {
		/*font-size: 14px !important*/
	}
	body header .header-top.before-stiky .container .menunavigation .cta_block .cta-header {
		font-size: 16px
	}
}

@media (min-width: 992px) {
	body header .header-top.sticky {
		transition: all 0.4s !important;
		top: 0;
		height: 100px;
		background-color: #141414 
	}
	body header .header-top.sticky .navbar #navbarSupportedContent .navbar-nav li {
		transition: all 0.4s !important
	}
	body header .header-top.sticky .navbar #navbarSupportedContent .navbar-nav li a:before,
	body header .header-top.sticky .navbar #navbarSupportedContent .navbar-nav li a:after {
		transition: all 0.4s !important
	}
	body header .header-top.sticky .navbar #navbarSupportedContent .navbar-nav ul {
		transition: all 0.4s !important
	}
}

body .cta-mobile.rectBoxesBottom {
	position: fixed;
	z-index: 11111;
	background-color: var(--main-color1);
	bottom: 0;
	left: 0;
	width: 100%;
	/*display: block !important;*/
}

body .cta-mobile.roundBoxesRight {
	position: fixed;
	z-index: 11111;
	bottom: 100px;
	right: 0;
  width: 70px;
}

body .cta-mobile.rectBoxesBottom .cta-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width: 991px) {
	body .cta-mobile.rectBoxesBottom .cta-bottom {
		display: flex;
		width: 100%;
		flex-direction: row;
		padding: 10px 40px 0;
		column-gap: 30px;
	}
	.cta-mob-phone {
		border: #fff solid 1px !important;
		display: block;
		margin-bottom: 0
	}
}

body .cta-mobile.rectBoxesBottom .cta-bottom>a {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	text-align: center;
	color: white;
	padding: 10px;
	font-size: 20px;
	border-left: none;
	border-bottom: none
}
body .cta-mobile.roundBoxesRight .cta-bottom >a {

  background-color: var(--main-color1);
  color: white;
  border-radius: 50%;
}

body .cta-mobile.roundBoxesRight .cta-bottom >a:hover {

  background-color: var(--main-color3);
  color: white;
}

.cta-mob-contact {
	background-color: #fcbe98;
	color: #141414 !important;
}

body .cta-mobile.rectBoxesBottom .cta-bottom>a span {
	display: block
}
body .cta-mobile.roundBoxesRight .cta-bottom a span {
	display: none;
}
body .cta-mobile.roundBoxesRight .cta-bottom a.cta-mob-contact {
	font-size:35px;
  position: absolute;
  top: -65px;
  padding: 5px 10px;
}
body .cta-mobile.roundBoxesRight .cta-bottom a.cta-mob-phone {
  font-size:40px;
  padding:5px;
  margin-top:30px;
  padding-left: 15px;
  padding-right: 15px;
}
body .cta-mobile.rectBoxesBottom .cta-bottom>a span.name {
	font-size: 0.74em
}

body .cta-mobile.rectBoxesBottom .cta-bottom>a:last-child {
	border-right: none
}

@media (max-width: 767px) {
	body .cta-mobile.rectBoxesBottom .cta-bottom>a {
		padding: 10px 5px;
		font-size: 18px
	}

  .apercu-categories .masonry {
    column-count: 1;
  }
}

@media screen and (max-width: 991px) {
	body .cta-mobile.rectBoxesBottom .cta-bottom>a {
		display: table-cell;
		width: 250px;
		margin-bottom: 10px;
		border-radius: 5px;
		font-size: 16px
	}
}

@media (max-width: 400px) {
	body .cta-mobile.rectBoxesBottom .cta-bottom>a {
		font-size: 14px;
		padding: 10px 5px
	}
}

body .cta-mobile.rectBoxesBottom .cta-bottom>a i {
	margin-right: 7px;
	font-size: 0.9em
}

@media (max-width: 767px) {
	body .cta-mobile.rectBoxesBottom .cta-bottom>a i {
		display: block;
		margin-right: 0
	}
}

body .top-slide {
	overflow: hidden
}

body .top-slide #scroll_content {
	z-index: 11;
	position: absolute;
	display: block;
	text-align: center;
	color: white;
	font-size: 40px;
	width: 114px;
	bottom: 20px !important;
	left: 0;
	right: 0;
	margin: 0 auto 0 auto;
	-moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: fadeMidina;
	animation-name: fadeMidina;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	opacity: 0.6
}

@media (max-width: 767px) {
	body .top-slide #scroll_content {
		font-size: 30px
	}
  #sectFooter{
 /* padding-bottom: 79px;*/
  padding-bottom: 0px;
}
}

body .top-slide #scroll_content:hover {
	animation-play-state: paused;
	color: #ffed00
}

body .top-slide #scroll_content img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%
}

body .top-slide.scroll #scroll_content {
	display: none
}

body .top-slide.slide-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--vh);
	overflow: hidden;
	background-color: var(--main-color1)
}

body .top-slide.slide-content #kenburns-bg {
	background-attachment: fixed;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
#map-plug {display:none;}

#google-reviews {
display:flex;
flex-wrap:wrap;
//display: grid;
//grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));
}

.review-item {
   
    margin: 0;
    padding: 0.6em 1em;
    flex: 1 1 29%;
    border-radius: 9px;
    max-height: 229px;
    overflow: hidden;
    border-radius: 20px;
    background-color: #fff;
    text-align: left;
    
}

@media ( max-width:1200px) {
  .review-item { flex: 1 1 40%; }
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}
.review-meta {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
 
}
/*.review-meta, .review-stars {text-align:center; font-size:115%;}*/

.review-stars{
    width: 62%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
   
}
.review-text {
    line-height: 1.55;
    text-align: left;
    max-width: 100%;
    margin: auto 0 auto auto;
    display: inline-block;
    float: none;
	    overflow: auto;
    height: 99%;
}

.review-author { text-transform: capitalize;
    font-weight: bold;
    color: #750a10;
    font-size: 1.2rem; display: none;}
.review-date {    color: #fff;
    opacity: 1;
    font-size: 0.8rem;
    display: none;}
.review-text {  line-height:1.55; text-align:left;/* max-width:32em;*/ margin:auto; height:55px}

 

.review-stars ul {
display: inline-flex;
list-style: none;
margin:0; padding:0;
}

.review-stars ul li {
float: left;
margin-right: 1px;
line-height:1;
}
.user-img{
    overflow: hidden;
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 5%;
    margin-right: 10px
}
.user-img img{
	        margin: auto;
    width: 100%;
    height: 100%;
    display: inline;
    vertical-align: middle;
}
.review-stars ul li i {
      color: #fdba13;
    font-size: 2em;
  font-style:normal;
}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }

@media screen and (max-width : 992px){
	  #schema >div{
  z-index: 105!important;
    margin: 10px 10px 77px 10px!important;
  }
  #schema .star{
  font-size: 20px!important;
  }
  #schema .review-stars{
	      width: 100%!important;
    display: inline-block!important;
    text-align: center!important;
     float: none!important;
    /* font-size: 27px; */
    /*margin-top: -30px!important;*/
    height: 20px!important;
  }
  #schema h4{
	font-size: 15px!important;
   margin: 0px 10px!important;
   min-width: 79px;
    margin-top: 5px!important;
  }
  #schema >div>span{
    display: none!important;
}
#schema img {
    /*margin-top: 7px;*/
}
	 #schema .star {
    font-size: 17px!important;
}
#schema .star{
    font-size: 17px!important;
}
#schema>div {
    display: flex!important;
	    min-width: 164px!important;
    width: 90%;
    padding: 8px;
}
#schema>div>div {
    display: inline-flex;
}
#schema .review-stars{
	     margin-top: 5px!important;
}
#schema a{
	         min-width: 60px;
}
#schema .star {
	font-size: 17px!important;
}

}
#schema .star {

	 font-size:1.7rem;
}
#schema img {
    /* margin-top: 7px; */
    height: 30px!important;
    width: 30px!important;
}
.horaire {
	position: absolute;
	left: 0;
	text-align: left;
	top: 0

}
.horaire li {
    display: block;
    font-size: 14px;
}

.member-div-container{
	display: flex;
    align-items: center;
    place-content: flex-start;
    flex-wrap: wrap;
	column-count: 6;
    column-gap: 1em;
	
}
.member-div-container>a {
    display: block;
    margin: 1rem 0;
    flex: 0 0 15%;
}
@media screen and (max-width: 992px){
	.member-div-container>a {
    flex: 0 0 46%;
	}
}

.member-div-container>a:hover {
 color:#fff;
}
.member-div-container .item-member {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2/3;
    box-shadow: 0 0 10px #0000008a;
    margin: 0;
    border-radius: 200px;
	background-color: #cccccc;
	background-size: cover;
	background-position: center center;
}
.member-div-container .item-member {
    display: block;
    margin: 0 0 1em;
    width: 100%;
	text-align:center;
}

.title-b{
	    margin-top: 100%;
    display: block;
    color: #fff;
}
.imgmissing{
	position:relative;
	width:100%;
	height:auto;
	display:block;
}
.btn-missing{
	position:absolute;
	top:100px;
	left:50%;
	 transform: translateX(-50%);
	 
}

body {  font-family: Poppins; color:#141414; font-size: 16px;  line-height: 24px; overflow-x: hidden; background-color: #141414}
p, ul, li { font-size: 16px ; line-height: 24px }
p a { font-weight: 700 ; color:#fcbe98; position: relative;}
p a:hover {   color: #F6C753 }
ul li a { font-weight: 700 ; color:#141414  }
p { text-align:inherit ; color:#141414}
a { color:#fcbe98 font-weight: 700 ; text-decoration: none }
body p { color: #060E09 }

h1 strong,
h2 strong {
	font-family: Butler;
	color: var(--main-color3);
	transform: rotate(-6deg);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -5px;
}


* {
	word-wrap: break-word;
}
.ico {
	position: absolute;
	display: none;
}
.modular-texte-1 , .modular-texte {
	background-color: #141414;
	padding: 60px 60px 40px;
	position: relative;
	overflow: visible;
}
.modular-texte-1 .container, .modular-texte .container {
	max-width: 100%;
}

.modular-texte-1 h2, .modular-texte h2 ,
.modular-texte-1 p, .modular-texte p  {
	color: #fff;
}
.modular-texte-1 h2, .modular-texte h2 {
	display: inline-block;
}

.modular-texte-1 h2:after, .modular-texte h2:after {
	border-bottom: #fff solid 1px;
	content: "";
	height: 1px;
	display: block;
  	margin: 20px 0;
}

.modular-texte-1 .inner, .modular-texte .inner {
	max-width: 760px;
	margin-left: 80px;
	position: relative;
	z-index: 20
}

.ico.tomate {
	left: -100px;
	top: 80px;
}
.ico.paprica {
	right: -100px;
	top: 60px;
	max-width: 600px;
}
.texte-image {
	background-color: #141414;
	padding: 60px 0;
	position: relative;
	overflow: visible;
	margin: 0 !important;
}
.texte-image  .container {
	max-width: 1200px;
	background-attachment: fixed !important;
	background-size: cover !important;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	padding: 100px 60px 100px
}
.texte-image  .container:after {
	content: "";
	background-color:rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;

}
.texte-image  .container .row {
	position: relative;
	z-index: 20
}

.texte-image  .container .blcTxt {
	/*padding-top: 60px;*/
}

.texte-image  .container .blcTxt .col-50 p {
	color: #fff;
	line-height: 30px;

}
.texte-image .container .blcTxt .col-50 {
	max-width: 296px;
}
.texte-image .container .blcTxt .col-50 .ico {
	max-width: 50px;
	display: block;
	margin: 0 auto 20px;
	position: static;
	
}
.texte-image .blcTxt {
	display: flex;
	justify-content: space-around;
}
.texte-image .blcTxt .col-50.right {
	margin-top: 150px;
}

.texte-image marquee {
	background-color: rgba(255,255,255,0.8);
	padding: 5px 20px;
	position: absolute;
	z-index: 2;
	top: 60px;
}

.texte-image marquee span {
	display: inline-block;
	text-transform: uppercase;
	color: #141414;
	font-size: 30px;
	font-family: Butler;
	position: relative;
	padding: 0 30px;
}

.texte-image marquee span:after  {
	content: "";
	width: 10px;
	height: 10px;
	border: #141414 solid 1px;
	border-radius: 50%;
	position: absolute;
	right: -5px;
  	top: 10px;
	
}

.texte-image marquee span:last-child:after {
	display: none;
}

/* text slide */
.slide-option-text { position: relative; z-index: 2; }
div.highway-slider {
	background-color: rgba(255,255,255,0.8);
	padding: 8px 20px;
}

div.highway-slider div.highway-barrier {
  overflow: hidden;
  position: relative;
}
div.highway-slider .highway-lane {
  display: flex;
  height: 100%;
}
div.highway-slider .highway-lane .item_txt_slide {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
	color: #141414;
	font-size: 30px;
	font-family: Butler;
	position: relative;
	padding: 0 30px;
	line-height: 30px;
}

div.highway-slider .highway-lane .item_txt_slide:after  {
	content: "";
	width: 10px;
	height: 10px;
	border: #141414 solid 1px;
	border-radius: 50%;
	position: absolute;
	right: -5px;
  	top: 10px;
	
}

div.highway-slider .highway-lane .item_txt_slide:last-child:after {
	display: none;
}
@-webkit-keyframes translatestf {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-500%);
  }
}
@keyframes translatestf {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-500%);
  }
}
#stffull div.highway-barrier .highway-lane {
  width: 500%;
}
#stffull div.highway-barrier .highway-lane .item_txt_slide {
  -webkit-animation: translatestf 30s linear infinite;
          animation: translatestf 30s linear infinite;
}
#stffull div.highway-barrier .highway-lane .item_txt_slide h4 {
  font-size: 28px;
}
@-webkit-keyframes translateinfinite {
  100% {
    transform: translateX(calc(-180px * 12));
  }
}
@keyframes translateinfinite {
  100% {
    transform: translateX(calc(-180px * 12));
  }
}
#infinite div.highway-barrier::before,
#infinite div.highway-barrier::after {
  content: " ";
  position: absolute;
  z-index: 9;
  width: 180px;
  height: 100%;
}
#infinite div.highway-barrier .highway-lane {
  width: 100%;
}
#infinite div.highway-barrier .highway-lane .item_txt_slide {
  white-space: nowrap;
  -webkit-animation: translateinfinite 25s linear infinite;
          animation: translateinfinite 25s linear infinite;
}
#infinite div.highway-barrier .highway-lane .item_txt_slide span.fab {
  font-size: 65px;
}
/* # text slide */

.ico.basilic {
	left: -59px;
	bottom: 100px;
	z-index: 2
}
.ico.champignon {
	right: 0;
	top: 0;
	z-index: 20;
}

.modular-apercu-articles, #modular-apercu-articles {
	background-color: #141414;
	position: relative;
	overflow: visible;
}
#modular-apercu-articles  {
	padding-bottom: 80px;
}

.modular-apercu-articles h2 {
	text-align: center;
	color: #fff;
	font-family: Poppins;
	text-transform: uppercase;
	margin-bottom: 60px;
}
.modular-apercu-articles h2 strong {
	font-family: Butler;
	color: #fcbe98

}
.modular-apercu-articles h2:after {
	content: "";
	border-bottom:#fff solid 1px;
	width: 200px;
	margin: 20px auto;
	display: block;
	height: 1px;
}
.modular-apercu-articles #modular-apercu-articles {
	padding: 0 0 80px
}
 #modular-apercu-articles {
 	padding: 60px 0
 }


 #modular-apercu-articles  .card {
 	border: none;
 	border-radius: 15px;
 	overflow: hidden;
 	background-color: transparent;
 }
  #modular-apercu-articles .itemArt .cntImg {
 	border-radius: 15px 15px 0 0;
 	overflow: hidden;
}

#modular-apercu-articles .itemArt .card-body {
	border-radius: 15px;
	overflow: hidden;
	background: #fff;
	margin-top: -15px;
	max-height: 220px;
	min-height: 220px;
	height: 220px;
	position: relative;
}

#modular-apercu-articles .itemArt .card-body .card-title  {
	font-family: Poppins;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 20px;
	color: #141414
}
#modular-apercu-articles .itemArt .card-body .btn {
	background: url(/user/themes/default/assets/img/plus.png);
	width: 24px;
	  height: 24px;
	  background-size: cover;
	  border: none;
	  font-size: 0;
	  position: absolute;
	  right: -7px;
	  bottom: -5px;
	  z-index: 2;
	  -moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms;
}

#modular-apercu-articles .itemArt .card-img-top {
	 -moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms;

}

#modular-apercu-articles .itemArt .card-body .btn-primary.focus, #modular-apercu-articles .itemArt .card-body .btn-primary:focus {
	color: #fff;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

#modular-apercu-articles .itemArt:hover .card-body .btn  {
	transform: rotate(90deg);
}

#modular-apercu-articles .itemArt:hover .card-img-top {
	 transform: scale(1.1)
}
#modular-apercu-articles .itemArt {
	padding: 0 5px;
}

.ico.poivron {
	right: 0;
	bottom: 0;
}

#modular-apercu-articles .container {
	position: relative;
	z-index: 2;
}

.modular-bandeau-cta {
	min-height: inherit !important;
	position: relative;
	overflow: visible;
	padding: 20px 40px;
}
.modular-bandeau-cta .blcBtn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.modular-bandeau-cta .blcBtn a {
	width: 200px;
	text-align: center;
	
}
.modular-bandeau-cta .blcBtn a {
	width: 250px;
	text-transform: uppercase;
}

.modular-bandeau-cta .blcBtn a.cta-custom {
	border: #fff solid 1px;
	background-color: transparent;
	color: #fff
}

.modular-bandeau-cta .blcBtn a.cta-custom:hover {
	background-color: #fff;
	color: #141414
}
.modular-bandeau-cta .blcBtn a:hover {
	border-color: #fff
}
.ico.oeuf {
	left: -57px;
	top: -85px;
	max-width: 200px;
}
.ApercusAvis {
	overflow: visible;
}

.ApercusAvis .inner {
	display: flex;
	margin-top: 40px;
	grid-column-gap: 10px;
	grid-row-gap: 10px;

}

.ApercusAvis .inner  > div {
	 width: 50%;
}

.ApercusAvis h2 {
	text-align: center;
	color: #fff;
	font-family: Poppins;
	text-transform: uppercase;
}
.ApercusAvis h2 strong {
	font-family: Butler;
	color: #fcbe98;
}
.ApercusAvis h2::after {
	content: "";
	border-bottom: #fff solid 1px;
	width: 200px;
	margin: 20px auto;
	display: block;
	height: 1px;
}

.google {
	max-width: 200px;
	margin: 0 auto;
	position: relative;
	z-index: 20
}
.blcGoogle {
	background: url(/user/themes/default/assets/img/jason-jarrach.jpg);
	background-size: cover;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	height: 152px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blcGoogle:after {
	content: "";
	background-color: #fff;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.slick-dots {
	bottom: -35px !important;
}
.slick-dots li {
	margin: 0 2px;
}

.slick-dots li button:before {
	display: none;
}

.slick-dots .slick-active button {
	background-color: #fff
}
.modular-apercu-articles .my-5 {
	margin: 0 auto!important;
}
#schema {
	display: none !important;
}

#sectFooter {
	background: url(/user/themes/default/assets/img/ardoise.jpg);
	background-size: cover;
	position: relative;
	padding-bottom: 40px
}
#sectFooter .bg-dark {
	background: none !important;
}


.reseaux-sociaux .h2 {
	text-align: center;
	color: #fff;
	font-family: Poppins;
	text-transform: uppercase;
	font-size: 20px;
}
.reseaux-sociaux .h2 strong {
	font-family: Butler;
	color: #fcbe98;
}

.fa-facebook-f {
	background: url(/user/themes/default/assets/img/facebook.png) no-repeat center;
	width: 50px;
	height: 50px;
	background-size: 35px;
	background-color: #fcbe98;
	border-radius: 50%;
}

.fa-facebook-f:before {
	display: none;
}

.fa-instagram {
	background: url(/user/themes/default/assets/img/insta.png) no-repeat center;
	width: 50px;
	height: 50px;
	background-size: cover;
	background-size: 35px;
	background-color: #fcbe98;
	border-radius: 50%;
}
.fa-instagram:hover, .fa-facebook-f:hover {
	background-color: #fff
}
.fa-instagram:before {
	display: none;
}
.reseaux-sociaux .rs {
	display: none;
}
.ico.poivron-ftr {
	right: 0;
	bottom: 0;
}
#sectFooter .container {
	max-width: 100%;
}
.reseaux-sociaux a {
	margin-bottom: 20px;
	display: block;
}
.col-sm.reseaux-sociaux {
	max-width: 250px;
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 2
}
.list-inline-item a {
	font-weight: normal;
	opacity: 0.7;
	font-size: 14px;
}
.list-inline-item a:hover {
	opacity:1;
}
.list-inline-item {
	position: relative;
}
.list-inline-item::before {
	content: "|";
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	opacity: 0.7;
	position: absolute;
	left: -20px;
	top: 2px;
}
.list-inline-item:first-child:before {
	display: none;
}
.viseo img {
	max-width: 70px;
}
.viseo {
	position: absolute;
	right: 0;
	bottom: 11px;
	z-index: 2;
	width: 80px;
}


#pgContact {
	padding: 0 60px;
	background-color: #141414;
}

#pgContact h1,
#pgContact h2 {
	text-align: center;
	margin-bottom: 40px;
	color: #fff;
	font-family: Poppins;
	text-transform: uppercase;
}
#pgContact h1 strong,
#pgContact h2 strong {
	font-family: Butler;
  	color: #fcbe98;
  }

#pgContact h2::after {
	content: "";
	border-bottom: #fff solid 1px;
	width: 200px;
	margin: 20px auto;
	display: block;
	height: 1px;
}

@media screen and (max-width: 480px){
	#pgContact h1,
	#pgContact h2 {
	    font-size: 25px;
	}	
}

#devisForm {
	background: #f7f7f7;
	padding: 20px 20px;
	border-radius: 10px;
	height: 100%;
}
#contactInfo .blc-txt {
	background: url(/user/themes/default/assets/img/basilic-traitement.png) no-repeat bottom center;
	background-color: #fcbe98;
	border-radius: 10px;
	height: 100%;
	padding: 30px 25px;
	background-size: 250px;
}
#contactInfo .blc-txt h3 {
	font-size: 40px;
}
.buttons {
	display: flex;
	align-items: flex-end;
	justify-content: end;
	width: 100%;
	margin-right: 5px;
	vertical-align: top;
	margin-top: -5px;
}
.button.btn.btn-primary {
	background-color: #fcbe98;
	border-color: #fcbe98;
	font-size: 16px;
	color: #141414;
	border-radius: 10px;
	padding-top: 10px;
}

#pgContact {
	background: #141414;
}
.form-control {
	border: none;
}

.container {
	max-width: 1200px;
}
#map {
	padding: 20px !important;
}
#details {
	background-color: #141414;
}
#details #modular-apercu-articles {
	overflow: hidden;
}
#details p {
	color: #fff;
}
#details .container {
	max-width: 100%;
	padding: 0 75px;
}
.featurette-heading {
	color: #fff;
}
#details .ico.tomate {
	top: 300px;
}
.btn.selector {
	background: #fcbe98;
	color: #141414
}
.btn.selector:hover, .btn.selector.active {
	background: #fff;
	color: #141414
}
#pagCat .headerCat .col-md-6 {
	max-width: 100%;
}
#pagCat #modular-apercu-articles {
	overflow: hidden;
}
#pagCat {
	background: #141414;
}
#breadcrumbs a, #breadcrumbs  span {
	color: #fff;
}
.slideCateg {
	max-width: 1200px;
	margin: 0 auto;
}

.apercu-categories {
	background-color: #141414;
	text-align: center;
	padding-bottom: 60px;
}

.apercu-categories h2 {
	text-align: center;
	margin-bottom: 0;
	color: #fff;
	font-family: Poppins;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}

.apercu-categories h2:before {
	content: "";
	background:  url(/user/themes/default/assets/img/love.png);
	width: 50px;
	height: 50px;
	background-size: cover;
	position: absolute;
	right: -75px;
  	top: -14px;
  	animation: beat .3s infinite alternate;
}
@keyframes beat{
	to { transform: scale(1.4); }
}

.apercu-categories h2 strong {
	font-family: Butler;
  	color: #fcbe98;
  }

.apercu-categories h2::after {
	content: "";
	border-bottom: #fff solid 1px;
	width: 180px;
	margin: 20px auto;
	display: block;
	height: 1px;
}

.slideCateg a {
	display: block;
	border-radius: 15px;
	overflow: hidden;
	/*border: #fff solid 5px;*/
	margin: 7px;
	position: relative;
	height: 230px;
}
.slideCateg a img {
	width: 100%;
	display: block;
	height: 230px;
	object-fit: cover;
}

.slideCateg {
	/*background-color: #fff*/
	border-radius: 15px;
	padding:  2px;
}
.slideCateg .item span {
	position: absolute;
	bottom: 18px;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	padding: 10px;
	text-align: center;
	font-family: Butler ;
	text-transform: uppercase;
	left: 0
}

.navbar-expand-lg .navbar-toggler {
	display: block;
}
.navbar-nav {
	display: none;
}
body header .header-top .container {
	max-width: 100%;
	padding: 0 40px !important
}

a.cta-custom{
	color: var(--main-color1);
  background-color: var(--main-color3);
  border-color: var(--main-color3);
  font-weight: 700;
  padding: .375rem .75rem;
  border-radius: 5px;
}

a.cta-custom:hover {
	color: var(--main-color1);
	background-color: var(--main-color2);
	border-color: var(--main-color1);
}
.cta_header {
	position: absolute;
	right: 10px;
	top: 40px
}

.carousel-control-next, .carousel-control-prev {
	display: none !important;
}
.navbar-expand-lg .navbar-toggler {
	display: block !important;
	left: 0;
	top: 30px;
	/*background: url(/user/themes/default/assets/img/menu.png) no-repeat center ;*/
	width: 50px;
	height: 50px;
	background-size: 40px;
	background-color: transparent;
}

.navbar-expand-lg .navbar-toggler.showed {
/*	background: url(/user/themes/default/assets/img/x-mark.png) no-repeat center ;*/
	width: 50px;
	height: 50px;
	background-size: 40px;

}

.carousel-indicators {
	display: none;
}
.blcBanner {
	position: absolute;
	left: 0;
	right: 0;
	max-width: 1000px;
	top: 160px;
	margin: auto;
	z-index: 21;
	height: 475px;

}
.blcBanner .inner-banner {
	background: url(/user/themes/default/assets/img/banner1.jpg);
	background-size: cover;
	border-radius: 15px;
	/*padding: 80px 40px;*/
	text-align: center;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2
}
.blcBanner .inner-banner:after {
	content: "";
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.blcBanner h1 {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: Poppins;
	margin-bottom: 30px;
	position: relative;
	z-index: 2
}
.blcBanner .btn {
	z-index: 2;
	position: relative;
}

.blcBanner h1 strong {
	font-family: Butler;
	color: var(--main-color3);
	transform: rotate(-8deg);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -8px;
}

.blcOption {
	display: flex;
	flex-flow: row wrap;
	z-index: 3
}
.blcOption .item {
	width: 33.33%;
	padding:1%;
}
.blcOption .item .inner {
	background-color: #141414;
	border-radius: 15px;
	padding: 20px;
	position: relative;
	margin: 0 auto 10px;
	max-width: 400px;

}
.blcOption .item .inner .ico {
	max-width: 50px;
	left: 0;
}

.blcOption .item .inner h2 {
	color: #141414;
}
.blcOption .item .inner h2 {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.blcOption .item .inner p, .blcOption .item .inner p a {
	color: #fff;
}

.blcOption .item .inner h2 span {
	color: #fcbe98
}

.blcOption .item .inner .ico {
	max-width: 50px;
	
	position: static;
	max-width: 50px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -15px;
	margin-right: 20px;
}

.blcOption {
	display: flex;
	flex-flow: row wrap;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	bottom: -120px;
	top: auto;
	text-align: center;
	z-index: 30;
}
.ico.parmesan {
	left: 0;
	z-index: 20;
	bottom: 100px;
	max-width: 300px;
}
.ico.basilic2 {
	right: 0;
	bottom: 100px;
	z-index: 2;
}

.option-fixed {
	position: fixed;
	top: 50%;
	bottom: 0;
	margin: auto;
	right: 10px;
	z-index: 999;
	margin-top: -70px
}

.option-fixed ul li {
	margin: 10px 0;
}

.option-fixed ul li a {
	display: block;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background-color: rgba(153,151,152,0.8);
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	padding-top: 5px;
	 -moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms;
}
.option-fixed ul li a:hover {
	background-color: rgba(153,151,152,1);
}

.option-fixed ul li:first-child{
	position: fixed;
    top: 13%;
    width: 100px;
    height: 100px;
    right: 1%;
}
.option-fixed ul li:first-child a{

    width: 100px;
    height: 100px;

}

.option-fixed ul li:first-child a span{
	    max-width: 65px;
}

.option-fixed ul li a span {
	display: block;
	max-width: 45px;
	margin: -4px auto 0;
}
.option-fixed ul {
	list-style-type: none;
}
#postDetails p {
	color: #fff;
}

.mega-menu {
	/*display: none;*/
	position: fixed;
	width: 100%;
	height: 100%;
	background:  url(/user/themes/default/assets/img/ardoise.jpg);
	background-size: cover;
	top: 0;
	z-index: -9999;
	left: 0;
	opacity: 0;
	width: 60px;
	height: 80px;
	top: 0;
  	-webkit-transition: width 0.2s ease, height 0.4s ease;
	-moz-transition: width 0.2s ease, height 0.4s ease;
	-o-transition: width 0.2s ease, height 0.4s ease;
	transition: width 0.2s ease, height 0.4s ease;
  

}

.showed .mega-menu{
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.64s ease;
  -webkit-transition-delay: 0.34s;
  -moz-transition-delay: 0.34s;
  -o-transition-delay: 0.34s;
  transition-delay: 0.34s;
  width: 100%;
  background:  url(/user/themes/default/assets/img/ardoise.jpg);
  background-size: cover;
  height: 100%;
  z-index: 20
}


.mega-menu .navbar-nav {
	 display: block; 
}
.mega-menu .blcOption {
	position: static;
}
.mega-menu .navbar-nav {
	display: block;
	text-align: left;
}

.mega-menu .reseaux-sociaux {
	position: absolute;
	right: 0;
	top: 50%;
}
.mega-menu .inner {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
	text-align: center;
}



body header .header-top .mega-menu .navbar-brand {
	position: static;
}
#navbarSupportedContent.showed .mega-menu {
	visibility: visible;
  	opacity: 1;
  
}

.menu {
	padding: 40px 0;
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li span {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	font-family: Bulter;
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li span:hover {
	color: var(--main-color3) 
}


body header .header-top .navbar #navbarSupportedContent .navbar-nav li a {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	font-family: Bulter;

}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li a:hover {
	color: var(--main-color3)!important 
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li.selected a:hover {
	color: var(--main-color3)!important 
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li > span:after {
	content: "";
	border-bottom:#fff solid 1px;
	width: 100px;
	display: block;
	margin: 10px 0
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li > span:hover:after {
	border-color:var(--main-color3) 
}

body header .header-top .navbar #navbarSupportedContent .navbar-nav li >  a:after {
	content: "";
	border-bottom:#fff solid 1px;
	width: 100px;
	display: block;
	margin: 10px 0
}
body header .header-top .navbar #navbarSupportedContent .navbar-nav li >  a:hover:after {
	border-color:var(--main-color3) 
}

.mega-menu .blcOption  {
	margin-top: 20px;
}
.mega-menu .blcOption .item .inner {
	background-color: transparent;
	padding-bottom: 0;
}
.mega-menu .blcOption .item .inner h2 {
	color: #fff
}
.mega-menu .blcOption .item .inner p {
	color: #fff
}

.mega-menu  .fa-facebook-f {
	background: url(/user/themes/default/assets/img/facebook-w.png) no-repeat center;
	background-color: #141414;
	background-size: 40px;
	width: 70px;
	height: 70px;
}
.mega-menu  .fa-instagram {
	background: url(/user/themes/default/assets/img/insta-w.png) no-repeat center;
	background-color: #141414;
	background-size: 40px;
	width: 70px;
	height: 70px;
}

.mega-menu .reseaux-sociaux a {
	margin: 20px 0
}

.ico.deco {
	right: 0;
	bottom: 0;
	z-index: -1;
}
.header-bar.header-top {
	z-index: 9999;
}

.menu {
	padding: 40px 60px 20px;
	position: relative;
	left: -100%
}

.showed .mega-menu .menu {
	left: 0
}


.mega-menu .blcOption .item .inner .ico {
	left: 0
}

.btn-mobile {
	display: none;
}

.contact-ftr {
	display: none;
}
.apercu-categories .container {
	z-index: 2;
	position: relative;
	margin-bottom: 20px !important;
}

.parallax_layer_1 {
  -moz-transform: translateZ(-1px) rotateZ(3deg);
  -ms-transform: translateZ(-1px) rotateZ(3deg);
  -webkit-transform: translateZ(-1px) rotateZ(3deg);
  transform: translateZ(-1px) rotateZ(3deg);
}

#mainCarousel::after {
	content: "";
	width: 100%;
	background: linear-gradient(to bottom, rgba(229,229,229,0) 0%,rgba(182,182,182,0) 22%,rgba(20,20,20,0.97) 98%,rgba(20,20,20,1) 100%);
	height: 210px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.camera_wrap {
  float: none;
  height: 475px !important;
}

.carousel-inner-.camera_wrap {
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}
.carousel-inner-.camera_wrap:after {
	content: "";
	background-color: #000 ;
	opacity: 0.5;
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 2
}
.camera_bar {
	display: none !important;
}

.txt-banner {
	position: absolute;
	top: 100px;
	left: 0;
	text-align: center;
	z-index: 20;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.txt-banner h1 {
	font-size: 35px;
	margin-bottom: 60px;
}

.slideCateg .item {
	position: relative;
}
.slideCateg .item a:after {
	content: "";
	background-color: rgba(0,0,0,0.5);
	opacity: 0.5;
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	opacity: 0;
	-moz-transition: all 225ms ease-in-out 0ms;
	-o-transition: all 225ms ease-in-out 0ms;
	-webkit-transition: all 225ms ease-in-out;
	-webkit-transition-delay: 0ms;
	transition: all 225ms ease-in-out 0ms;

}
.slideCateg .item a:hover:after {
	opacity: 1
}

.section_categorie h1,
.section_categorie h2 {
	color: #fff;
	display: inline-block;
}
.section_categorie h1:after,
.section_categorie h2:after {
	content: "";
	border-bottom:#fff solid 1px;
	height: 1px;
	width: 100%;
	display: block;
}


#section_categorie .container {
	max-width: 100%;
	padding: 0 60px 60px;
	display: flex;
	flex-flow: row wrap;
}
#section_categorie .container .text-center {
	width: 100%
}
.filter_cat a.link_filter {
	display: block;
	background-color: transparent !important;
	border: #fff solid 1px;
	border-radius: 10px;
	padding: 10px 20px;
	font-weight: 700
}
.filter_cat a.link_filter.active {
	background-color: #fff !important;
	color: #141414 !important
}

.sublink {
	padding-left: 20px;
	position: relative;
	right: -45px;
	z-index: 20
}

.sublink span, .sublink a {
	display: block;
	border: #fff solid 1px;
	border-radius: 10px;
	padding: 10px 20px;
	background-color: transparent !important;
	font-weight: 700
}
.sublink span.active, .sublink a.active {
	background-color: #fff !important;
	color: #141414 !important
}

.section_categorie .list {
	width: calc(100% - 250px);
	display: flex;
  	flex-flow: row wrap;
}
.txt_prod h2 a,
.txt_prod h3 a {
	color: #fff;
	font-family: var(--main-typo1);
	font-size: 25px;
}
.txt_prod h2:after { display: none !important; }
.txt_prod .desc_prod {
	color: #141414;
	background-color: #fcbe98;
	padding: 10px;
	border-radius: 5px 0 0 5px;
}

.thumb_prod  img{
	max-width: 300px;
	border-radius: 15px;
	overflow: hidden;
	max-height: 200px;
	object-fit: contain

}

.btn_prod a {
	color: #fff;
	font-weight: 700;
	display: inline-block;
	position: relative;
	padding-right: 26px;
	
}
.btn_prod a:before {
	content: "";
	background: url(/user/themes/default/assets/img/plus-w.png) no-repeat right center;
	background-size: 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	-moz-transition: all 225ms ease-in-out 0ms;
  -o-transition: all 225ms ease-in-out 0ms;
  -webkit-transition: all 225ms ease-in-out;
  -webkit-transition-delay: 0ms;
  transition: all 225ms ease-in-out 0ms;

}
.btn_prod a:hover:before {
	transform: rotate(90deg);
}


.btn_prod a:hover {
	color: #fcbe98
}


.btn_prod a:after {
	content: "";
	border-bottom:#fff solid 1px;
	display: block;
	height: 1px;
	width: 125%;
	position: absolute;
	right: 0
}

.thumb_prod a {
	display: block;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	max-height: 200px;
	overflow: hidden;
}
.thumb_prod a:after {
	content: "";
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-moz-transition: all 225ms ease-in-out 0ms;
	  -o-transition: all 225ms ease-in-out 0ms;
	  -webkit-transition: all 225ms ease-in-out;
	  -webkit-transition-delay: 0ms;
	  transition: all 225ms ease-in-out 0ms;
}
.thumb_prod a:hover:after {
	opacity: 1

}
.box_boisson .txt_prod .desc_prod p {
	margin-bottom: 0;
}





.list .item .content {
	display: flex;
	width: 100%;
	padding-left: 100px;
	height: 220px;
}

.price_prod span {
	color: #fff;
	font-weight: 700;
	display: block;
	margin-bottom: 40px;
}
.price_prod {
	color: #fff;
	font-weight: 700;
	padding-left: 40px;
}
.btn_prod {
	display: flex;
	justify-content: end;
	padding-right: 20px;
	padding-top: 10px
}

.txt_prod {
	width: 625px;
}

.filter_cat {
	width: 250px;
}
.section_categorie .list .item {
	width: 100%;
}

.filtre_fix .afiltre {
	border: #fff solid 1px;
	display: block;
	width: 200px;
	color: #fff;
	font-weight: 700;
	border-radius: 10px;
}
.filtre_fix .afiltre:hover, .filtre_fix .afiltre.active {
	background-color: #fff;
	color: #141414
}
.top_detail {
	display: flex;
	padding: 60px 0;
}

.top_detail .container {
	padding: 0 20px !important;
	text-align: center;
}
.top_detail .titre2 {
	color: #fff;
	font-family: Poppins;
	position: relative;
	display:inline-block;
	margin-bottom: 20px
}
.top_detail .titre2:after {
	content: "";
	border-bottom:#fff solid 1px;
	width: 90%;
	height: 1px;
	display: block;
}
.top_detail .titre2 strong {
	font-family: Butler;
	color: var(--main-color3);
	transform: rotate(-2deg);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -5px;
}

#slideDetail {
	border-radius: 15px;
	overflow: hidden;
}

.content-detail {
	display: flex;
	flex-direction: row-reverse;
	position: relative;
}

#slideDetail img {
	border-radius: 20px;
	width: 100%;
}

#slideDetail .item {
	width: 100%;
	display: block;
	max-height: 500px;
}
#slideDetail img {
	border-radius: 20px;
	width: auto;
	max-height: 500px;
	/* object-fit: contain; */
	display: block;
	text-align: center;
	margin: 0 auto;
}
.content-detail .left {
	position: relative;
	width: 395px;
	left: 0;
	top: 60px;

	border-radius: 20px;
	margin-right: -398px;
}
.content-detail .right {
	padding-left: 175px;
	width: 100%
}

.content-detail .left .content {
	background-color: #fcbe98;
	padding: 20px;
	border-radius: 10px;
	text-align: left;
	box-shadow: 0px 0px 22px -3px rgba(0,0,0,0.59);
  -webkit-box-shadow: 0px 0px 22px -3px rgba(0,0,0,0.59);
  -moz-box-shadow: 0px 0px 22px -3px rgba(0,0,0,0.59);
}
#details .container.filtre_fix {
	max-width: 20%;
	width: 20%;
}
.content-detail  .title_left_bx {
	font-weight: 700;
	margin-bottom: 15px;
}
#details .content-detail .left .content p{
	color: #141414;
	font-size: 14px;
	line-height: normal;
}

.list_allerg {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 0
}

.icon_allerg {
	background-color: rgba(255,255,255,1);
	display: inline-flex;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
}
.list_allerg li {
	display: flex;
	align-items: center;
	width: 50%;
	margin-bottom: 10px;
}

.icon_allerg img {
	width: 30px;
	margin: 0 auto;
}
.title_allerg {
	padding-left: 10px;
	font-size: 14px;
	line-height: normal;
}
.detailProd .section_categorie {
	text-align: center;
}
.detailProd .section_categorie .list {
	width: 100%;
	display: flex;
}
.detailProd .section_categorie .list .item {
	width: 33.33%
}
.detailProd .section_categorie {
	text-align: center;
	padding-bottom: 80px;
	padding-top: 20px
}
.detailProd .section_categorie .s-titre {
	margin-bottom: 40px;
}

.detailProd .section_categorie .list .item .content {
	padding-left: 0;
	flex-direction: column;
	height: auto;
}

.detailProd .section_categorie .list .item .content .img {
	width: 250px;
	margin: 0 auto;
	display: flex;
	border-radius: 15px 15px 0 0;
	height: 350px;
	align-items: center;
	background: #011d1e;
}
.detailProd .section_categorie .list .item .content .img img {
	width: 100% !important;
	height: 350px;
	object-fit: contain;
	border-radius: 15px 15px 0 0
}
.detailProd .section_categorie .list .item .content .cat_name {
	background-color: #141414;
	padding: 5px 10px;
	border-radius: 10px;
	color: #fcbe98;
	font-weight: 700;
	width: 250px;
	margin:-10px auto 0;
}

.box_boisson .txt_prod .desc_prod {
	border-radius: 5px;
	padding-right: 110px;
}

.box_boisson .price_prod {
	display: none;
}
.box_boisson .btn_prod {
	display: none
}
.box_boisson .thumb_prod img {
	max-width: 120px;
	height: 200px;
	object-fit: cover;
}

.box_boisson  .thumb_prod .img {
	margin-left: -133px;
	margin-top: -26px;
}
.box_boisson {
	margin-top: 30px;
}
.section_categorie .list .item.box_boisson {
	width: 50%;
	position: static !important;
}

.box_boisson .thumb_prod a::after { 
	display: none;
}

#details .col-md-5 img {
	border-radius: 15px;
}
.masonry .item img {
	border-radius: 15px;
}

#pagCat .headerCat p {
	margin: 0 !important;
}
.ico.tangerine {
	left: 0;
}
.table {
	color: #fff
}

#details p.card-text {
    color: #141414;
}

.item.bierre .txt_prod .desc_prod {
	display: none;
}
.item.soft .txt_prod .desc_prod {
	display: none;
}



@media (max-width: 1400px) { 
	#contactInfo .blc-txt h3 {
		font-size: 35px;
	}
	.txt_prod {
		width: 500px;
	}
		.sublink span, .sublink a {
		width: 160px;
	}
	.content-detail {
		padding-left: 40px
	}

}

@media (max-width: 1200px) { 
	#pgContact {
		padding: 0 40px;
	}
	.menu {
		padding: 40px 40px;
	}
	.menu {
		padding: 20px 60px 10px;
	}
	.mega-menu .blcOption {
		margin-top: 0;
	}
	.blcBanner {
		left: 40px;
		right: 40px;
	}

	#section_categorie .container {
		padding: 0 40px 60px;
	}
	.sublink {
		padding-left: 40px;
		right: -30px;
	}
	.list .item .content {
		padding-left: 45px;
	}
	.txt_prod {
		width: 430px;
	}
	.filter_cat {
		width: 220px;
	}

	#details .container.filtre_fix .col-md-12 {
		padding: 0;
	}
	.content-wrapper.detailProd .container {
		padding: 0 20px !important;
	}

	.horaire {
		position: static;
		left: 0;
		text-align: center;
		top: 0;
		margin-top: 20px

	}





}
@media (max-width: 1024px) { 
	.slideCateg {
		padding-bottom: 50px;
	}
	.slideCateg .slick-dots {
		bottom: 15px !important;
	}
	.slideCateg .slick-dots .slick-active button {
		background-color: #141414;
	}
	.slideCateg .slick-prev, .slideCateg .slick-next {
		position: absolute;
		bottom: 8px;
		top: auto;
		z-index: 20;
		width: 40px;
    	height: 40px;
		background-size: cover
	}
	.slideCateg .slick-prev {
		background: url(/user/themes/default/assets/img/right-arrow.png);
		transform: rotate(180deg);
		background-size: cover;
		left: -191px;
	    right: 0;
	    margin: auto;
	}
	.slideCateg .slick-next {
		background: url(/user/themes/default/assets/img/right-arrow.png);
		background-size: cover;
		left: 0;
	    right: -174px;
	    margin: auto;
	    bottom: -10px;
	}
	.slideCateg .slick-prev:before, .slideCateg .slick-next:before {
		display: none;
	}
	.slideCateg .slick-prev:hover, .slideCateg .slick-prev:focus, .slideCateg .slick-next:hover, .slideCateg .slick-next:focus {
	
		background-image: url(/user/themes/default/assets/img/right-arrow.png) !important;
		background-position: center;
   		background-size: 40px;
	}


	#google-reviews .slick-prev, #google-reviews .slick-next {
		position: absolute;
		bottom: -42px;
		top: auto;
		z-index: 20;
		width: 40px;
    	height: 40px;
		background-size: cover
	}
	#google-reviews .slick-prev {
		background: url(/user/themes/default/assets/img/right-arrow-o.png);
		transform: rotate(180deg);
		background-size: cover;
		left: -170px;
	    right: 0;
	    margin: auto;
	}
	#google-reviews .slick-next {
		background: url(/user/themes/default/assets/img/right-arrow-o.png);
		background-size: cover;
		left: 0;
	    right: -150px;
	    margin: auto;
	    bottom:-62px;
	}
	#google-reviews .slick-prev:before, #google-reviews .slick-next:before {
		display: none;
	}
	#google-reviews .slick-prev:hover, #google-reviews .slick-prev:focus, #google-reviews .slick-next:hover, #google-reviews .slick-next:focus {
	
		background-image: url(/user/themes/default/assets/img/right-arrow-o.png) !important;
		background-position: center;
   		background-size: 40px;
	}


	.option-fixed {
		display: none;
	}
	.ApercusAvis .container {
		padding: 0 40px;
		z-index: 20;
		position: relative;
	}
	#modular-apercu-articles .container {
		padding: 0 40px;
	}
	#section_categorie .container {
		padding: 0 40px 60px;
	}

	.sublink {
		padding-left: 35px;
		position: relative;
		right: -20px;
	}
	.list .item .content {
		padding-left: 45px;
	}
	
	.txt_prod {
		width: 375px;
	}
	.filter_cat {
		width: 200px;
	}
	.thumb_prod img {
		max-width: 240px;
	}
	.price_prod {
		padding-left: 20px
	}
	.sublink {
		padding-left: 20px;
		right: -20px;
	}
	.filter_cat a.link_filter {
		padding: 10px
	}
	.content-detail .left {
		left: 30px;
	}
	.section_categorie .list .item.box_boisson {
		width: 100%;
	}
	.section_categorie .list .item.box_boisson  .txt_prod {
		width: 100%;
	}



}

@media (max-width: 991px) { 
	#contactInfo .col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#devisForm {
		margin-bottom: 20px;
		height: auto;
	}
	#contactInfo .blc-txt {
		padding-bottom: 140px
	}
	.mega-menu .reseaux-sociaux {
		position: static;

	}
	.menu {
		padding: 25px 40px;
	}
	.navbar-expand-lg .navbar-toggler {
		left: 0;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li {
		margin-bottom: 10px;
	}
	.mega-menu .blcOption {
		display: none;
	}
	.mega-menu .reseaux-sociaux a {
		display: inline-block;
	}
	.ico.deco {
		max-width: 390px;
	}
	body header .header-top .navbar-brand {
		max-width: 185px;
	}
	.mega-menu .reseaux-sociaux a {
		margin: 10px 10px;
	}
	.btn-mobile {
		display: block;
	}
	.btn-mobile a {
		display: block;
		width: 250px;
		margin: 15px auto;
	}
	.btn-mobile a.tel {
		background-color: transparent;
		border-color: #fff;
		color: #fff
	}
	.cta_header {
		display: none;
	}
	.navbar-expand-lg .navbar-toggler.showed {
		left: 33px;
	}
	.navbar-expand-lg .navbar-toggler {
		left: -20px;
	}
	.blcBanner {
		top: 110px;
	}
	.blcBanner {
		padding: 40px 20px;
		z-index: 20;
		min-height: 300px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.blcOption {
		position: static;
	}
	.blcBanner {
		z-index: 21;
		height: auto;
		flex-direction: column;
		top: 60px;
		padding: 40px 0
	}
	.blcOption .item {
		width: 100%;
		margin-bottom: 20px;
	}
	.blcBanner .inner-banner {
		margin-bottom: 30px;
	}
	.modular-texte-1 .inner, .modular-texte .inner {
		margin-left: 40px;
	}
	.apercu-categories {
		padding: 0 30px;
	}
	.texte-image .container {
		padding: 60px 40px;
	}
	.modular-texte-1, .modular-texte {
		padding: 60px 40px
	}
	.texte-image .blcTxt {
		display: flex;
		justify-content: inherit;
		flex-direction: column;
	}
	.texte-image .blcTxt .col-50.right {
		margin-top: 20px;
	}

	.col-sm.reseaux-sociaux {
		position: static;
	}
	.logofooter {
		margin-bottom: 20px;
	}
	.list-unstyled.list-inline.mb-0 {
		position: relative;
		z-index: 20;
	}
	.viseo {
		position: static;
		width: 80px;
		margin: 0 auto;
	}
	.list-inline-item {
		position: relative;
		text-align: left;
		display: block;
	}
	.list-inline-item::before {
		display: none;
	}
	#sectFooter {
		padding-bottom: 52px;
	}
	.contact-ftr {
		display: block;
		position: relative;
		margin-top: 40px;
	}
	.contact-ftr a {
		width: 250px;
	}
	.contact-ftr  a.cta-custom {
		border: #fff solid 1px;
		background-color: transparent;
		color: #fff;
	}
	.texte-image .container .blcTxt .col-50 {
		max-width: 296px;
		margin: 0 auto;
	}
	#sectFooter .row {
		flex-direction: column;
	}
	#sectFooter .footer-copyright {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.header-bar.header-top.before-stiky.sticky {
		background: #141414;
		height: 90px;
	}
	body header .header-top {
		z-index: 111;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	.camera_wrap {
		height: 300px !important;
		margin-bottom: 20px;
	}
	.filter_cat {
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.filter_cat a.link_filter {
		padding: 10px;
		width: 200px;
		margin: 0 auto 10px;
	}
	.sublink span, .sublink a {
		width: 200px;
		margin: 10px auto
	}
	.sublink {
		padding-left: 0;
		right: 0;
	}
	.list .item .content {
		padding-left: 0;
	}
	.section_categorie .list {
		width: 100%;
	}
	.txt_prod {
		width: 416px;
	}
	#section_categorie .container {
		padding: 0 40px 40px;
	}

	.list .item .content {
		flex-direction: column;
	}
	.txt_prod .desc_prod {
		border-radius: 5px;
	}
	.btn_prod {
		padding-right: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	.thumb_prod img {
		max-width: 100%;
	}
	.txt_prod {
		width: 100%;
	}
	.thumb_prod a {
		display: block;
		border-radius: 15px;
		overflow: hidden;
		position: relative;
		max-width: 400px;
		margin: 0 auto;
	}
	.thumb_prod img {
		max-width: 100%;
		height: 200px;
		width: 100%;
		object-fit: contain;
	}
	.thumb_prod .img {
		height: 250px;
		width: 100%;
	}
	.list .item .content {
		height: 430px
	}
	.price_prod {
		padding-left: 0;
		display: flex;
		justify-content: space-around;
		margin-top: 10px;
	}
	.top_detail {
		flex-direction: column;
	}
	.txt_prod .desc_prod p {
	margin-bottom: 0;
}
	#details .container.filtre_fix {
		max-width: 100%;
		width: 100%;
		margin-bottom: 30px;
	}
	.filtre_fix .afiltre {
		margin: 0 auto 10px;
	}
	.content-detail .left {
		width: 100%;
		position: static;
	}
	.content-detail {
		flex-direction: column-reverse;
	}
	.content-detail .right {
		padding-left: 0;
	}
	.detailProd .section_categorie .list .item {
		padding: 0 10px;
	}
	.detailProd .section_categorie .list .item .content .img {
		width: 100%;
	}
	.detailProd .section_categorie .list .item .content .cat_name {
		width: 100%;
	}
	.box_boisson .thumb_prod .img {
		margin-left: -90px;
	}
	.list .item.box_boisson .content {
		flex-direction: row;
		height: 250px;
		position: relative;
	}
	.box_boisson .thumb_prod img {
		max-width: inherit;
	}
	.box_boisson .thumb_prod .img {
		height: 220px;
	}
	.box_boisson .thumb_prod .img {
		right: 0;
		margin-left: 0;
	}
	.box_boisson .thumb_prod {
		position: absolute;
		right: 0;
	}
	.sublink {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sublink span, .sublink a {
		margin: 10px;
	}
	#slideDetail img {
		width: 100%
	}
	#contactInfo .blc-txt {
		background-size: 180px;
	}
	.contact-ftr {
		display: none;
	}
	.content-detail {
		padding-left: 0
	}
	#tarteaucitronIcon {
	display: none !important;
}


}
@media (max-width: 768px) { 
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown > .dropdown-menu a {
		font-size: 25px;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li span {
		font-size: 25px;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li a {
		font-size: 25px;
	}
	.modular-texte-1 .inner, .modular-texte .inner {
		margin-left: 0;
	}
	.ico.tangerine {
		left: 0;
	}
	.ico.champignon {
		z-index: 1
	}
	#modular-apercu-articles .itemArt .card-body {
		position: absolute;
		top: 0;
		background-color: transparent;
		margin-top: 0;
		max-height: 100%;
		min-height: 100%;
		height: 100%;
		z-index: 20
	}
	#modular-apercu-articles .itemArt .card-body .card-title {
		color: #fff;
	}
	#modular-apercu-articles .itemArt .card-body .card-text  {
		color: #fff
	}
	#modular-apercu-articles .card::after {
		content: "";
		background-color: rgba(0,0,0,0.8);
		width: 100%;
		height: 100%;
		opacity: 0.5;
		position: absolute;
		left: 0;
		top: 0;
	}
	.ApercusAvis .container {
		position: relative;
		z-index: 3;
	}
	.ApercusAvis .inner > div {
		width: 100%;
	}
	.ApercusAvis .inner {
		flex-direction: column;
	}
	.modular-bandeau-cta .blcBtn {
		flex-direction: column;
	}
	.modular-apercu-articles h2 {
		margin-bottom: 40px;
	  z-index: 2;
	  position: relative;
	}
	.modular-texte-1 .container, .modular-texte .container {
		padding: 0
	}
	.modular-bandeau-cta .container {
		margin-bottom: 20px !important;
	}
	.ico.paprica {
		right: 0;
		top: 202px;
		max-width: 300px;
	}
	.txt_prod {
		width: 100%;
	}
	.list .item .content {
		height: 430px
	}
	.detailProd .section_categorie .list {
		flex-direction: column;
	}
	.detailProd .section_categorie .list .item {
		width: 100%;
		margin-bottom: 20px
	}
	#mainCarousel { height: auto !important; }
	.blcBanner {
		position: relative;
	    width: 100%;
	    padding-left: 20px;
	    padding-right: 20px;
	    left: auto !important;
	    right: auto !important;
	}
	#contactInfo .blc-txt {
		background-size: 150px
	}
	#tarteaucitronIcon {
		bottom: 67px;
		color: #fff;
	}



}

@media (max-width: 600px) {
	#pgContact {
		padding: 0 20px;
	}
	.menu {
		padding: 20px 20px 0;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li.dropdown > .dropdown-menu a {
		font-size: 20px;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li span {
		font-size: 20px;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li a {
		font-size: 20px;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li {
		margin-bottom: 0;
		margin-top: 5px;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li a {
		padding: 5px 0
	}
	body header .header-top .navbar-brand {
		max-width: 165px;
	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li > span::after { 
		margin: 3px 0

	}
	body header .header-top .navbar #navbarSupportedContent .navbar-nav li > a::after { 
		margin: 3px 0

	}
	.navbar-expand-lg .navbar-toggler {
		left: 0;
	}
	.blcBanner {
		left: 20px;
		right: 20px;
	}
	.blcBanner h1 {
		font-size: 35px;
	}
	.blcBanner .inner-banner {
		padding: 30px 20px;
	}
	body header .header-top .container {
		padding: 0 20px !important;
	}
	.navbar-expand-lg .navbar-toggler.showed {
		left: 15px;
	}
	.blcOption .item .inner h2 {
		font-size: 25px;
	}
	.blcBanner h1 {
		margin-bottom: 20px;
	}
	.blcOption .item .inner .ico {
		left: 10px;
	}
	.modular-texte-1, .modular-texte {
		padding: 40px 20px 20px
	} 
	.apercu-categories {
		padding: 0 20px;
	}
	div.highway-slider .highway-lane .item_txt_slide {
		font-size: 20px;
	}
	.texte-image .container {
		padding: 60px 20px;
	}
	.ApercusAvis .container {
		padding: 0 20px;
		z-index: 20;
		position: relative;
	}
	#modular-apercu-articles .container {
		padding: 0 20px;
	}
	.txt-banner {
		top: 60px;
	}
	.camera_wrap {
		height: 230px !important;
	}
	#section_categorie .container {
		padding: 0 20px 40px;
	}
	.content-wrapper.detailProd .container {
		padding: 0 10px !important;
	}
	.sublink span, .sublink a {
		margin: 10px 5px;
		font-size: 0.8rem;
	}
	.apercu-categories h2 { font-size: 20px !important; }
	.apercu-categories h2:before { width: 30px; height: 30px; right: -45px; }
	.texte-image marquee { top: 0; }
	.item .btn_prod { padding-top: 0; }
	.list .item .content { height: auto !important; }
	.list .item.box_boisson .content { height: 190px !important; }

	.top_detail { padding: 30px 0; }
	.top_detail h1 { font-size: 1.7rem; }
	.detailProd .section_categorie { padding-bottom: 25px; }
	.detailProd .section_categorie .list .item .content .img img { object-fit: contain; }
	#contactInfo .col { padding: 0; }
	#devisForm { padding: 20px 0; }

	body .cta-mobile.rectBoxesBottom .cta-bottom {
		flex-direction: row;
		padding: 10px 20px 0;
		column-gap: 20px;
	}

}

@media (max-width: 480px) {
	.list .item .content {
/* 		height: 395px; */
	}
	.thumb_prod .img {
		height: 200px;
		width: 100%;
	}
	body .cta-mobile.rectBoxesBottom .cta-bottom {
		flex-direction: row;
		padding: 10px 20px 0;
		column-gap: 20px;
	}
	#sectFooter {
		padding-bottom:60px;
	}

	#tarteaucitronIcon {
		bottom: 110px;
		color: #fff;
	}
}

.item.bierre .btn_prod a {
	display: none;
}
.item.soft .btn_prod a {
	display: none;
}
.thumb_prod {
	position: relative;
}
.item.bierre .thumb_prod::before, .item.soft .thumb_prod::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	z-index: 2;
}

.item.bierre .txt_prod h2 {
	margin-top: 40px;
}
.item.soft .txt_prod h2 {
	margin-top: 40px;
}
.row.featurette p a:hover {
	color: #fff;
}

@media (max-width: 991px) { 
	.item.bierre .txt_prod h2 , .item.soft .txt_prod h2{
		margin-top: 40px;
		text-align: center;
		width: 100%;
	}

}