.navbar-nav .nav-item.cms-menu-vertical .cms-menu-niv2 {     padding-top: 4px; }
.navbar-nav .nav-item.cms-menu-vertical .cms-menu-niv2-link { margin-bottom:2px; }

@media (min-width: 992px) {
    header .navbar-nav .cms-menu-vertical .cms-menu-niv2 .cms-menu-niv3:hover .cms-subtree {  left: 70%!important; }
    header .navbar-nav .cms-menu-vertical .cms-menu-niv2 .cms-menu-niv3-container { left:45%!important; }
}

header .navbar-nav .cms-menu-petit .cms-menu-niv2-link {  padding: 0 4px!important; }



:root { 
	--body:#f7f7f7 ; --light: white;
	--dark: #496174;
	--darker: #5e0000;
	--darkover: #2e3c2c;
	--topbartext: white
}
/*a.card-img-top.d-block {    height: 200px;  align-content: center; }*/
@media (min-width: 992px) {
    .cms-menu-vertical .cms-menu-niv2-container { width:50%!important; min-height:260px!important; }
    .navbar-nav .cms-menu-vertical .cms-menu-niv2 .cms-menu-niv3-container { width:70%!important; left:30%!important;}
    .navbar-nav .cms-menu-vertical .cms-menu-niv3 {width:100%!important; left:30%!important; }
}
footer .bg-darker {background: linear-gradient(87deg, rgba(233,233,233,1) 75%, rgba(93,93,93,1) 100%)!important; }
footer .bg-darker * , footer .bg-darker .text-light , .widget-light .widget-list-link { color:#5e5e5e!important; }



.stdjs-slider-item-container {min-height:500px;}
.stdjs-slider-item-container .ml-auto.mr-auto.pt-5.mt-5 {background:rgb(255 255 255 / 60%); padding:30px; }
.stdjs-slider-item-container * { color:black!important;}

.jumbotron .text-light {     background: #000000a1; width: 60%; margin: auto; }

.navbar-stuck  > .navbar { padding:0; }


/* gestion des 4 pictos bleu sur l'accueil*/
.listeImg span {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: -10px !important;
    justify-content: center !important
}

.listeImg span a {
    width: calc(20% - 20px) !important;
    margin: 10px !important;
    box-sizing: border-box !important;
    display: block !important;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.listeImg span a:hover {
    transform: scale(0.96);
    filter: brightness(0.95);
}

.listeImg span a img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* gestion menu principal avec picto l'accueil*/

.navbar-nav .nav-item:not(.cms-menu-petit) .cms-menu-niv2-img:hover {
    transform: scale(0.92);
    filter: brightness(0.90);
}

/*Survol logo en haut a gauche*/
.logoMetier img {
  transition: transform 0.2s ease;
  transform-origin: center;
}


.logoMetier:hover img {
  transform: scale(0.92);
}


.logoMetier:active img {
  transform: scale(0.90);
}


/* survol bouton famille */
.listeFamille .btnFamille:hover {
    background-color: #ffa63b !important; /* #bfa272*/ 
    transition: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.listeFamille .btnFamille:hover a{
    color: #ffffff !important; 
    transition: none !important;
    box-shadow: none !important;
    outline: none !important;
}
/* clic survol bouton famille */
.listeFamille .btnFamille:active {
    background-color: #ffa63b !important;
    transition: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.listeFamille .btnFamille:active a{
    color: #ffffff !important;
    transition: none !important;
    box-shadow: none !important;
    outline: none !important;
    
}

#documentsbremstar .bloc-actu { flex-direction: row; width:auto; align-items:center; column-gap:10px; }
#documentsbremstar .bloc-actu .actu-type { width:150px; }
#documentsbremstar .bloc-actu .actu-titre { font-size:1em; width:300px; }
#documentsbremstar .bloc-actu .actu-image { width:50px;}
#documentsbremstar .bloc-actu .actu-texte {display:none; }
#documentsbremstar .page-actualites .coeur-page>span { row-gap:1rem; }

#contacthoraires > header + span.cms-compcontenu > img {width: 100%;    height: 200px;    object-fit: cover;    object-position: 0 34%; }

@media (max-width: 767px) { 
    #documentsbremstar .bloc-actu { flex-direction: column; align-items:start; row-gap:5px; }
    #documentsbremstar .page-actualites .coeur-page>span { row-gap:2rem; }
    .listeImg span a {
        width: calc(40% - 20px) !important;
    }
}

@media (min-width: 768px) { 
	.impex-auto {   background:#92c9ff36; border-radius:7px;}
	.impex-auto  > a > span { display:block; position:relative!important; font-weight:bold;}
	.impex-auto  > a > span:before { font-size: 1.5rem;
        top: -10px;
        position: absolute;
        left: -13px;
	}
	.impex-moto {   background:#92c9ff36; border-radius:7px; margin-left:7px;}
	
	.impex-moto  > a > span { display:block; position:relative!important; font-weight:bold;}
	.impex-moto  > a > span:before {font-size: 1.5rem; 
        top: -10px;
        position: absolute;
        left: -13px;
	}
}
footer .widget-light .widget-list-link  { color:white!important; }
footer .lstLiens a:hover {font-weight:bold;}

.txt-hover.padding5px p {
    padding: 50px!important;
}

/*Logo societe centré*/
@media (min-width: 768px) {
        .bloc-logo-societe-desktop {
      display: flex !important;
      justify-content: center!important;
      align-items: center!important;
    }
    
    .bloc-logo-societe-desktop img {
      display: block!important;
      margin: 0 auto!important;
    }
}

/*Taille du menu en haut*/
@media (min-width: 768px) {
  .navbar-menu-principal .navbar-nav > .nav-item > .nav-link {
    font-size: 1.20rem;
  }
}

.h3.pb-3 {
    color: #00aecb!important;
}


.navbar-menu-principal .stdjs-menu-principal .navbar-nav > li.cms-branch.nav-item:hover > a.cms-nodelink.nav-link > span,
.navbar-menu-principal .stdjs-menu-principal .navbar-nav > li.cms-branch.nav-item.selected > a.cms-nodelink.nav-link > span {
  border-bottom-color: #ffa63b !important;
}

.stdjs-slider-item-container {
  height: clamp(200px, 32vw, 360px) !important;
  min-height: clamp(200px, 32vw, 360px) !important;
}

/*Forcer la police en DIN 2014 ou Barlow*/
@font-face {
  font-family: "DIN 2014";
  src: url("/impex/PartageWeb/public/fonts/DIN2014-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DIN 2014";
  src: url("/impex/PartageWeb/public/fonts/DIN2014-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "DIN 2014", sans-serif !important;
}

.cms-complangues {display: none !important;}

/*@media (min-width: 768px) {
    .pl-md-5, .px-md-5 {
        margin-top: 3rem !important;
    }
}*/