@font-face {
  font-family: "caflisch";
  src : url("../font/caflischscriptpro-regular-webfont.ttf");
}
body {min-height: 100vh;overflow-x: hidden;}
body, #main-wrapper, #page {background-image: url('/sites/default/files/images/fond/fond_page_2.jpg'); }
#main {background: #fff;}
.califish {font-family: caflisch; color: #7e6850;}
h2.califish {font-size: 2rem;}
h1 {font-size: 1.75rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.25rem;}
h1 span {color: rgb(118, 88, 55); font-size: 1.5rem;font-weight: bold;}
/* Navbar */
#navbar-main {background-image: url("/sites/default/files/images/fond/fond_titre.png") ;padding: 0.5rem 0 0 0;background-color: #fff;}
#navbar-main #search-block-form {align-items: flex-end;height: 100%;justify-content: center;}
#navbar-main #search-block-form input {border-radius: 0;}
#navbar-main #search-block-form fieldset {padding-right: 0;}
#navbar-main #search-block-form #edit-actions,#navbar-main #edit-actions--7 {padding-left: 0;}
#navbar-main #edit-submit,#navbar-main #edit-submit--4  {background-color: #000;border-color: #000;border-radius: 0;color: white}
#navbar-main #edit-submit:hover, #navbar-main #edit-submit--4:hover {color: #f4b219;}
.navbar-toggler.navbar-toggler-right {background-color: #000;}
.nav-search-img-wrapper {flex-grow: 1;}
#CollapsingNavbar {margin-top: 1.5rem;}
#CollapsingNavbar li {background-color: #000; color: #FFF;padding: 0.5rem;flex-grow: 1;}
#CollapsingNavbar li a {background-color: #000; color: #FFF;padding:0 0.5rem; height: 30px;margin: 0 0.5rem}
#CollapsingNavbar li .nav-link:hover,#CollapsingNavbar .nav-link.active {background-color: #000; color: #FFF;border-top:#f4b219 solid 2px;border-bottom:#f4b219 solid 2px;}
#CollapsingNavbar .dropdown-menu {background: none;border: none; border-radius: 0;}
#CollapsingNavbar .dropdown-menu a:hover {color: #f4b219;text-decoration: none;}
#block-subtheme-main-menu {width: 100%;}
#CollapsingNavbar li.dropdown:hover > ul {
  display: block;
}
/* accueil */
.accueil-animate {min-height: 400px;background-size: cover;background-repeat: no-repeat;display: none;height: 100%; background-position: center;}
.accueil-animate.show {display: block;}
#nouveautes img {max-height: 90px; max-height: 90px}
#nouveautes .views-row {text-align: center;}
#nouveautes .views-row:nth-child(2) {border-left: 2px solid #7e6850;border-right: 2px solid #7e6850;}
#nouveautes p {text-align: justify;}
#nouveautes h3 {font-size: 1.25rem;color:#7e6850;}
#carousel_accueil {background-color:#e5e5e5;min-height: 15rem;}
#carousel_accueil .carousel-control-next,
#carousel_accueil .carousel-control-prev {border: 2px solid#fff;opacity: 1;border-radius: 60px;height: 20%;width: 7%;top: 35%;background:rgb(244, 178, 25);}
#carousel_accueil p {font-size: 0.9rem;}
#carousel_accueil .carousel-control-next {right: -2%;}
#carousel_accueil .carousel-control-prev {left: -2%;}
.lire-suite {background: #000; color: #fff;display: block;padding: 0.25rem;text-align: center;}
.lire-suite:hover {color: #fff;}
/* Page presentation */
.block-list-body {background-color: #eff0f0;flex-grow: 1;border: 1px solid #eff0f0;}
.block-list-title {background-color:#c6c7c9; border-radius: 20px 20px 0 0; margin: 0}
.block-list-image {text-align: center;background-color: #fff; height: 150px;}
.block-list-image img {height: 100%;max-height: 100%}
.block-list-image .w-50 img {height: auto;}
.block-list-content {padding: 0.75rem; text-align: justify;}
/* Page nos produits */
.bloc-produit {background-color: #000;text-align: center;position: relative;width: min-content;padding: 0.5rem 0.25rem;margin-top: 1rem;}
.bloc-produit a {color: #f4b219; display: block;padding: 0.5rem}
.bloc-produit a::after {content: '';display: block;height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
.bloc-produit .fleche {background-image: url('/sites/default/files/images/fleche.jpg');display: inline-block;height: 12px; width: 12px;}
.bloc-produit a h3 {font-size: 1rem;}
.li-produit {border-bottom: #000000 solid 3px;text-align: right;}
.li-produit a {font-size: 1.35rem ;color: #000;padding: 0.5rem 2rem ;display: block;background-image: url('/sites/default/files/images/fond/fond_menu_produit_gamme.jpg'); background-position: top right;background-repeat: repeat-y;}
.li-produit a.active, .li-produit a:hover {background-image: url('/sites/default/files/images/fond/fond_menu_produit_gamme_active.jpg');}
.li-produit .menu li {display: block;}
.li-produit .menu li a {font-size: 1.15rem;}
.node-link a {font-size: 0.9rem!important;}
/* Page produit */
.button-y {background-color: #f4b219;color: #fff;}
.button-y:hover {background-color: #f4b219;color: #000;}
#page_produit h1 {flex-grow: 1;margin: 0;background-color:#000;color:#fff;padding: 0.5rem 1rem;}
#page_produit .categ-title {padding: 0 5rem;border-bottom: 3px solid;display: flex;}
#page_produit .categ-title a {color: #000; font-size: 1.5rem;margin-top: auto;}
#page_produit .categ-title .field--type-entity-reference {margin: 0;display: flex;}
#carousel_produit .carousel-control-next,
#carousel_produit .carousel-control-prev {border: 2px solid#fff;opacity: 1;border-radius: 60px;height: 20%;width: 7%;top: 35%;background:rgb(244, 178, 25);}
#carousel_produit .carousel-item {background:#000;padding: 0.5rem 0.25rem 0 0.25rem;margin: 0 0.25rem;}
#carousel_produit .carousel-item a {height: 100%;display: block;}
#carousel_produit .carousel-item a, #carousel_produit .carousel-item p {color: #fff;text-align: center;}
#carousel_produit .carousel-item a:hover, #carousel_produit .carousel-item p:hover {color: #f4b219;}
@media (min-width: 768px) {
    #carousel_produit .carousel-inner .active,
    #carousel_produit .carousel-inner .active + .carousel-item,
    #carousel_produit .carousel-inner .active + .carousel-item + .carousel-item,
    #carousel_produit .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {display: block;}
    #carousel_produit .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel_produit .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carousel_produit .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #carousel_produit .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {transition: none;}
    #carousel_produit .carousel-inner .carousel-item-next,
    #carousel_produit .carousel-inner .carousel-item-prev {position: relative;transform: translate3d(0, 0, 0);}
    #carousel_produit .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {position: absolute;top: 0;right: -25%;z-index: -1;display: block;visibility: visible;}
    #carousel_produit .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carousel_produit .carousel-item-next.carousel-item-left + .carousel-item,
    #carousel_produit .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #carousel_produit .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #carousel_produit .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {position: relative;transform: translate3d(-100%, 0, 0);visibility: visible;}
    #carousel_produit .carousel-inner .carousel-item-next.carousel-item-left {position: absolute;top: 0;left: 0;z-index: -1;display: block;visibility: visible;}
    #carousel_produit .carousel-inner .carousel-item-prev.carousel-item-right {position: absolute;top: 0;left: -25%;z-index: -1;display: block;visibility: visible;}
    #carousel_produit .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carousel_produit .carousel-item-prev.carousel-item-right + .carousel-item,
    #carousel_produit .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #carousel_produit .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #carousel_produit .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {position: relative;transform: translate3d(100%, 0, 0);display: block;visibility: visible;}
}
/* Page contact */
#page-contact .tab-content {background-color:#f5f7f7;background-image: url('/sites/default/files/images/fond/fond_contact.png');background-repeat: no-repeat;background-position: right top;}
#list-form .nav-link {background:#b7b6b2;color:#fff;font-size: 1.5rem;border-radius: 0;width: 100%;text-align: center;}
@media (min-width: 992px) {
  #list-form .nav-link {width: 33%;}
}
#list-form .nav-link.active, #list-form .nav-link:hover {border-bottom: none;background-color: #000; color: #fff}
#page-contact .btn-primary {background-color: #000; color: #fff;border-color: #000;border-radius: 0;}
#page-contact .btn-primary:hover {color: #f4b219;}
#mapModal #leaflet-map-view-map-map {width: 100%}
/* footer */
.site-footer {background: none;padding-top: 0}
footer .footer-menu {background-color: #000;}
#block-subtheme-footer {width: 100%;margin: 0;padding: 0;}
footer .footer-menu ul {flex-direction: row;justify-content: space-around;}
footer .footer-menu ul a {color: #fff;padding: 0 0.6rem !important;}
footer .footer-menu ul li {padding: 0.5rem 0;}
footer .footer-menu ul a:hover,footer .footer-menu ul a.active {line-height: normal;background-color: #000; color: #FFF;border-top:#f4b219 solid 2px;border-bottom:#f4b219 solid 2px;}
footer .footer-manger-bouger {background-color: #fff; display: flex;width: 100%; justify-content: center;}
footer .footer-manger-bouger a {color: #000;font-weight: bold;}
footer .footer-manger-bouger a:hover {color: #000;}
.link-separator {background-image: url('/sites/default/files/images/separation_menu.png');background-repeat: no-repeat;background-position: left center;}
