/************************************************************
	FONTS
************************************************************/
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
    line-height: 1.7;
    background-color: #fff;
}
body, p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
        font-size: 16px;
    line-height: 1.7;
}
h1, .h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    color: #78ba43;
	font-weight: 900;
	text-transform: uppercase;
}
h1:after, .h1:after {
    content: "";
    display: block;
    width: 75px;
    border-bottom: 1px solid #78ba43;
    margin: 20px 0px 50px 0px;
}
/************************************************************
	MARGIN / PADDING
************************************************************/
hr.space-between-section {
    border: 0px;
    padding-top: 80px;
    margin: 0px;
}
/************************************************************
	COLORS
************************************************************/
a:focus, a:hover {
    color: #ffd200;
}
.primary {
	color: #78ba43;/* Couleur des textes */
}
.primary:hover {
	color: rgb(0, 76, 224); /* Couleur de texte hover */
}
.bg-primary {
	color: #fff; /* Couleur texte */
	background-color: #78ba43;/* Couleur de fond */
}
.btn.bg-primary:hover {
	color: #000;/* Couleur texte hover */
	background-color: #ffd200; /* Couleur de fond hover */
}
.bg-secondary {
	color: #000; /* Couleur texte */
	background-color: #ffd200;/* Couleur de fond */
}
.btn.bg-secondary:hover {
	color: #000;/* Couleur texte hover */
	background-color: #ffc000; /* Couleur de fond hover */
}
.bg-third {
    background-color: #efefef;
    padding: 80px 0px;
}
.hero-full-screen h1, .hero-full-screen .h1 {
    color: #fff;
}
.hero-full-screen h1:after, .hero-full-screen .h1:after {
    border-color: #fff;
}
/************************************************************
	MENU COLORS
************************************************************/
	/* CUSTOM EQS : MENU */
	nav#main-menu {
		background-color: #fff;/* COULEUR DE FOND  */
	}
	.menu-item a {
		color: #000; /* COULEUR DE BASE  */
		padding: 20px 13px; /* ADAPTER LA TAILLE DE LA BARRE VIA PADDING LINK  */
	}
	.menu-item a:hover {
		color: #78ba43; /* COULEUR AU HOVER  */
	}
	.menu-item.current-menu-item > a, .current_page_ancestor > a {
		color: #78ba43; /* COULEUR ACTIF  */
	}
/************************************************************
	MOBILE-MENU
************************************************************/
.fa-navicon:before, .fa-reorder:before, .fa-bars:before, i.burger:before {
    color: #78ba43 /* Couleur icone mobile nav  */
}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 26px 20px;
}
/************************************************************
	HEADER
************************************************************/
	/*LOGO*/
img#icon-brand-icon {
    height: 100px;
    padding: 10px 70px 10px 0px;
}
/************************************************************
	LINKS & BUTTONS
************************************************************/
a {
    color: #78ba43;
}
/************************************************************
	CONTENT - gallery
************************************************************/
.gallery img{ border:2px solid #fff !important; }

/***** IMG IN POST ******/
img.alignright {float:right; margin:10px 0 10px 15px}
img.alignleft {float:left; margin:10px 15px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:10px 0 10px 15px}
a img.alignleft {float:left; margin:10px 15px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/************************************************************
	ACCUEIL
************************************************************/
.contact-block {
    display: flex;
    font-size: 2rem;
}
.contact-block p {
    font-size: 1.3rem;
    margin-left: 15px;
    font-weight: bold;
}
.contact-block p a, .marketing-site-footer-block a {
    color: #fff;
}
.contact-block i:before {
    position: relative;
    bottom: 8px;
}
.hero-full-screen {
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-size: cover;
}

.hero-full-screen .middle-title h1 {color:#fff !important;}
.hero-full-screen .middle-title h2 {color:#fff !important;}
        
.hero-full-screen .middle-content-section {
  color: #fff;
}

.hero-full-screen .top-content-section {
  width: 100%;
}

.hero-full-screen .bottom-content-section {
    padding: 1rem;
    margin-bottom: -45px;
    position: relative;
}
.hero-full-screen .bottom-content-section svg {
  height: 3.75rem;
  width: 3.75rem;
}

.hero-full-screen .top-bar {
  background: transparent;
}

.hero-full-screen .top-bar .menu {
  background: transparent;
}

.hero-full-screen .top-bar .menu-text {
  color: #fefefe;
}

.hero-full-screen .top-bar .menu li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero-full-screen .top-bar .menu a {
    color: #fefefe;
    font-weight: bold;
}

.hero-full-screen ul.menu li img{height:170px;}


@media(max-width:639px) {
    .hero-full-screen ul.menu li img{height:45px;}
    .hero-full-screen ul.menu > li > a {padding:0.7rem 0.5rem; font-size: 14px; }
}


.button { padding:10px; background-color: #2199e8 ! important; }
.button:hover { background-color: #78ba43 ! important; }
a.button.large {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    padding: 20px;
}
.hero
{margin-bottom:80px;}


/************************************************************
	BLOC
************************************************************/
#fenetre {padding:70px;}
#fenetre strong{ color:#78ba43;}
#fenetre .thumbnail{border:0 !important; box-shadow: unset !important; width:100%; }
#fenetre .button {margin-top:50px;}


#schema {margin-top:50px;}
#schema img {text-align: center; }
#schema p {text-align: center; margin-bottom: 30px;}
#schema .columns {text-align: center;}
.stat{color:#78ba43;}
.stat span{color:#78ba43;}

#galerie{padding:70px 0;    background-color: #f9f9f9;}
#galerie h2{margin-bottom:30px;}

#galerie .thumbnail{border:0 !important; box-shadow: unset !important;  }
.stat {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}
dl dt {margin-right:5px;}
section#stat {
    background-color: #f7f7f7;
    padding: 50px 0px;
}
/************************************************************
	Bloc droite-gauche
************************************************************/

.marketing-site-content-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.marketing-site-content-section .button.round {
  border-radius: 5000px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.marketing-site-content-section .marketing-site-content-section-img {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.marketing-site-content-section .marketing-site-content-section-img img {
  width: 100%;
}

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-img {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}

.marketing-site-content-section .marketing-site-content-section-block {
  padding: 1rem;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
    background: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-block {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    padding: 4rem;
  }
}

.marketing-site-content-section-block-header {
  font-size: 24px;
}

.marketing-site-content-section-block-subheader {
  font-size: 13px;
}
/************************************************************
	HERO
************************************************************/
.hero-full-screen {
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}
.middle-content-section {
    margin-left: 55px;
    background-color: #78ba43bf;
    padding: 50px;
}
.middle-content-section h1 {
    color: #fff;
}
.middle-content-section h1:after {
    border-color: #fff;
}
li.menu-contact a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 900!important;
    text-transform: uppercase;
        padding-left: 10px!important;
}
li.menu-contact:before {
    content: "\f1f8";
    color: #78ba43;
    font-size: 30px;
    position: relative;
    margin-left: 10px;
}
li.menu-contact {
    display: flex;
    justify-content: center;
    align-items: center;
}
div#line {
    height: 60px;
    width: 2px;
    background-color: #78ba43;
    margin: 0 auto;
}
#main-menu .menu>li>a {
    padding: 43px 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
svg path {    fill: #78ba43;}
body .hero-full-screen {
    min-height: calc(100vh - 100px);
}
nav.shiftnav-nav ul#menu-main-menu {
    display: flex;
    flex-direction: column-reverse;
}
nav.shiftnav-nav li.menu-contact:before {display: none;}
nav.shiftnav-nav li.menu-contact {
    display: block;
}
/************************************************************
	CONTACT - BTN
************************************************************/
    #btn-contact{
        background-color: #fff;
        text-align: center;
    padding: 10px 30px;
        position: absolute;
            right: 0px;
        top: 0px;
        color:#78ba43;
    }
    #btn-contact a{color:#78ba43;  font-size: 23px;}
#btn-contact i {
    color: #78ba43;
    font-size: 30px;
    position: relative;
    top: 8px;
    margin-right: 10px;
}
    
    #btn-contact:hover{
        background-color:#78ba43;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */ 
        transform: scale(1.2);
    }
    #btn-contact:hover a{color:#fff;}
    #btn-contact:hover i{color:#fff;}
    
       #ico-tel{ color: #fff; height:50px;}
       
       #ico-tel:hover{
           color:#78ba43;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */ 
        transform: scale(1.2);
       }
   /************************************************************
	BLOCS
************************************************************/
.boxparent {
    display: flex;
}
.box-bloc {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.box-bloc.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-bloc.text > div{
    padding: 4rem;
}
.page-template-page-produits .box-bloc.text > div {
    max-width: 710px;
}
/************************************************************
	FOOTER
************************************************************/
  
footer .logo{height:170px;}
footer .logoschueco{height:40px; margin-bottom: 30px;}
        

.marketing-site-footer {
  background: #2199e8;
  color: #fff;
  padding: 2rem 0 0;
}

.marketing-site-footer .marketing-site-footer-menu-social a {
  color: #fff;
}

.marketing-site-footer .column-block {
  margin-bottom: 30px;
}


@media screen and (max-width: 39.9375em) {
  .marketing-site-footer .columns {
    margin-bottom: 2rem;
  }
}

.marketing-site-footer-name {
  color: #fefefe;
  margin-bottom: 1rem;
  font-size: 2rem;
}

.marketing-site-footer-title {
  color: #fefefe;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.marketing-site-footer-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

.marketing-site-footer-block .fa {
  font-size: 2rem;
  color: #020304;
}

.marketing-site-footer-block p {
  margin-left: 1rem;
  line-height: 1.125rem;
}

.marketing-site-footer-bottom {
  background: #020304;
  padding: 1rem 0;
}

.marketing-site-footer-bottom p,
.marketing-site-footer-bottom .menu {
  margin-bottom: 0;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
  color: #8aa0ae;
}

@media screen and (max-width: 63.9375em) {
  .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 63.9375em) {
  .marketing-site-footer-bottom {
    text-align: center;
  }
}


/************************************************************
	MEDIAS QUERIES
************************************************************/
@media(min-width:1200px) {
	.grid-container {
    max-width: 90%;
}
}
@media(min-width:1400px) {
	.grid-container {
    max-width: 1300px;
    width: 100%;
}
}
@media(max-width:1200px) {

}
@media(max-width:959px) {
.boxparent {
    display: flex;
    flex-direction: column;
}
.box-bloc.img {
    height: 400px;
    flex: none;
    order: 2;
}
    .home section#galerie {
    padding-top: 3rem;
}
}
@media(max-width:639px) {
    #fenetre {padding:20px;}
    #btn-contact{display: none;}
	.menu.expanded>li:nth-last-child(4):first-child, .menu.expanded>li:nth-last-child(4):first-child~li {
    width: 100%;
	margin: 20px 0px;
}
.hero-full-screen .bottom-content-section {
    margin-bottom: -16px;
}
#galerie {
    padding: 0px 0;
}
section#galerie h1 {
    padding: 20px;
}

.middle-content-section {
    margin-left: 0px;
}
h1, .h1 {
font-size: 28px;
}
}
@media(max-width:400px) {
	
}