@font-face {
	font-display: swap;
	font-family: Mazaeni;
	src: url("Mazaeni.woff2");
	font-weight: 400;
	font-style: normal
}
body {
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
}
body .NoParentsGamme {
    border-bottom: solid 0px #e8e0dd;
    padding-bottom: 10px;
}
body .NoParentsGamme:after{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2b8391;
    background: linear-gradient(90deg,#2b8391 0,#4cb5bd 50%,#4cb5bd 0,#97bf25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b8391",endColorstr="#97bf25",GradientType=1);
}
header {
  background-color: #2b8391;
  height: 110px;
  transition: all .3s ease-in-out;
  top: 0;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
#sub_header {
	display: block;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	z-index: 99999;
	padding: 0 15px;
	transition: all .3s ease-in-out;
}
#sub_header .col_sub_header_right > div {
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux {
  list-style: none;
  font-size: 0;
  height: 20px;
  padding: 0;
  margin: 9px 0 0;
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux li {
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux li a {
  display: block;
  font-size: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  transition: all .3s ease-in-out;
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux li + li {
  margin-left: 5px;
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux li.instagram a {
  background-image: url(sprite.svg#instagram_white);
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux li.facebook a {
  background-image: url(sprite.svg#facebook_white);
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux li.twitter a {
  background-image: url(sprite.svg#twitter_white);
}
#sub_header .col_sub_header_right #menu-reseaux-sociaux li.linkedin a {
  background-image: url(sprite.svg#linkedin_white);
}

#header_top {
  position: relative;
  z-index: 99999;
  padding: 0 15px;
}

#header_top .col_header_left {
    width: 205px;
    padding: 0 0 0 15px;
    transition: all .3s ease-in-out;
}
#header_top>.row>div {
    padding-top: 12px;
}
#header_top, #header_top>.row, #header_top>.row>div {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  transition: all .3s ease-in-out;
}
#header_top .col_header_left>div {
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
.navbar, .navbar .container, .navbar .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
nav#menu_principal {
	padding: 0;
	transition: all .3s ease-in-out;
	height: 50px;
	min-height: 50px;
	position: static;
	width: 100%
}

#header_top .col_header_right {
  padding: 0;
}


/******************* footer **************************/
footer {
    position: relative;
    padding: 0;
    background-color: #fff;
    z-index: 1;
    display: block;
}
footer a {
    text-decoration: none;
    background-color: transparent;
    color: #4c4c4c;
    transition: all .3s ease-in-out;
}
footer .colorbar {
    width: 100%;
    height: 3px;
    background: #4cb5bd;
}
footer .colorbar>* {
    display: none;
}
footer .carte_france {
    display: block;
    position: static;
    width: 205px;
    height: 202px;
    margin: 15px auto 0;
}
div:not(.elementor-text-editor)>p {
    color: #2b2b2b;
    font-size: 1rem;
    line-height: 1.4em;
    font-weight: 400;
}
footer .footer_zone {
    position: relative;
    padding: 30px 0;
}
footer .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
footer .footer_col01 {
    text-align: center;
}
footer .zone_img {
    display: block;
    position: relative;
    margin-bottom: 15px;
}
footer .logo_footer {
    display: block;
    position: static;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    height: 125px;
    z-index: 1;
}
footer .zone_img img {
    max-width: 100%;
}
footer .footer_contact {
    width: 100%;
    margin: 0 auto;
}
footer .footer_contact .box2 {
    display: inline-block;
    text-align: center;
}
footer .footer_contact a {
    display: inline-block;
    padding-left: 35px;
    height: 30px;
    line-height: 30px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    transition: all .3s ease-in-out;
    text-align: center;
}
footer .footer_contact a:hover {
    opacity: .7;
}
footer .footer_contact h3 {
    font-family: Inter, sans-serif;
    display: inline-block;
    margin: 15px 0;
    padding: 0 15px;
    font-size: 1em;
    background-color: #258392;
    border-radius: 13px;
    font-weight: 400;
}
footer .footer_contact h3 a {
    line-height: 26px;
    color: #fff;
    padding-left: 0;
    height: 26px;
    white-space: nowrap;
}
footer .footer_contact a.tel {
	background-image: url("phone-blue.svg");
}
footer .footer_contact a.mail {
    background-image: url(mail-blue.svg);
}
footer .footer_col02 {
    margin-top: 30px;
    text-align: center;
}
footer .footer_elt+.footer_elt {
    margin-top: 35px;
}
footer h4 {
    font-weight: 700;
    color: #4cb5bd;
    text-transform: uppercase;
    font-size: 1.25em;
    margin-bottom: 10px;
}
footer .menu-reseaux-sociaux-container .menu {
    list-style: none;
    font-size: 0;
    height: 20px;
    padding: 0;
    margin: 9px 0 0;
}
footer .menu-reseaux-sociaux-container .menu li {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
}
footer .menu-reseaux-sociaux-container .menu li+li {
    margin-left: 5px;
}
footer .menu-reseaux-sociaux-container .menu li a {
    display: block;
    font-size: 0;
    background: #258392;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 30px 30px;
    mask-size: 30px 30px;
    height: 30px;
    width: 30px;
    transition: all .3s ease-in-out;
}
footer .menu-reseaux-sociaux-container .menu li a:hover {
    opacity: .7;
}
footer .menu-reseaux-sociaux-container .menu li.instagram a {
    -webkit-mask-image: url(instagram-square.svg);
    mask-image: url(instagram-square.svg);
}
footer .menu-reseaux-sociaux-container .menu li.facebook a {
    -webkit-mask-image: url(facebook-square.svg);
    mask-image: url(facebook-square.svg);
}
footer .menu-reseaux-sociaux-container .menu li.twitter a {
    background-image: url(sprite.svg#twitter);
}
footer .menu-reseaux-sociaux-container .menu li.linkedin a {
    -webkit-mask-image: url(linkedin-square.svg);
    mask-image: url(linkedin-square.svg);
}
.footer_col01 .box1 strong {
    font-weight: 700 !important;
}
footer h4 {
    font-weight: 700;
    color: #258392;
    font-size: 1.5em;
    margin-bottom: 10px;
    text-transform: none !important;
    font-family: Mazaeni, sans-serif;
}


/*************** Responsive **************/

@media only screen and (min-width: 576px){
	
    footer .zone_img {
        position: relative;
        margin-bottom: 0;
        z-index: -1;
    }
		footer .logo_footer {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	footer .carte_france {
		position: absolute;
		top: 65px;
		left: 15px;
		z-index: 0;
		margin-top: 0;
	}
	footer .footer_contact {
		width: 50%;
		margin: 145px 0 0 auto;
	}
	footer .footer_contact .box2, footer .footer_contact a {
		display: block;
		text-align: left;
	}
}


@media only screen and (min-width: 768px){
	footer .footer_zone {
		padding: 60px 0 52px;
	}
	footer .footer_col01 {
		text-align: left;
	}
	footer .carte_france {
		left: 0;
	}
	footer .footer_contact .box2, footer .footer_contact a {
		display: block;
		text-align: left;
	}
	footer .footer_contact .box2, footer .footer_contact a {
		display: block;
		text-align: left;
	}
	footer .footer_col02 {
		margin-top: 0;
		text-align: left;
	}
}


@media only screen and (min-width: 992px) {
  header {
	height: 90px;
  }
  #header_top, #header_top > .row, #header_top > .row > div {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
  }
  #header_top > .row > div {
    padding-top: 0;
  }
   #header_top .col_header_left .logo_topbar {
    display: block;
    position: absolute;
    width: 155px;
    height: 75px;
    left: 50px;
    top: -33px;
    transition: all .3s ease-in-out;
  }
  #header_top .col_header_left .logo_topbar a, #header_top .col_header_left .logo_topbar a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #header_top .col_header_right {
    padding: 0 15px 0 0;
    padding-top: 0px;
  }
  #header_top .col_header_left .logo_topbar a img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}


@media (max-width: 991px) {
    .mega-menu-toggle {
        background: 0 0 !important;
    }
}


@media only screen and (max-width: 992px) {
	#sub_header {
	  display: none;
	}
	#mega-menu-menu-1 .mega-menu-link {
		font-size: 14px;
	}
	#widget-panier {
		background-color: transparent;
		border-radius: 0;
		margin: 4px 10px 0;
	}
	.OsPanier.api .ospanier .entete {
		width: 40px;
		height: 25px;
		background-size: auto 23px;
	}
	.OsPanier.api .ospanier .entete .EnteteNbArticles {
		left: 25px;
		margin-top: -7px;
	}
	#header_top .col_header_left .logo_topbar img {
        height: 80px;
        width: auto;
    }
}


@media only screen and (min-width: 1100px){
#mega-menu-menu-1 .mega-menu-link {
		font-size: 16px;
	}
}


@media only screen and (min-width: 1200px){
#mega-menu-menu-1 .mega-menu-link {
		font-size: 18px;
		padding: 0 8px;
	}
}


@media only screen and (min-width: 1280px){
	#mega-menu-menu-1 .mega-menu-link {
		font-size: 20px;
		padding: 0 10px;
	}
}