/*CSS BY ARTAMEDIA - FONDUE LA WELSCH*/
/* red: #ed3b29 - #d6260b*/
body {font-size: 17px;}

h3 {margin-bottom:1rem}
#sp-main-body {padding:0}
#sp-menu a {text-transform: uppercase}

/*Langues*/
div.mod-languages a {font-family: 'Bitter', sans-serif; font-size: 14px}
div.mod-languages .lang-active a {color:#ed3b29}
div.mod-languages ul li.lang-active {background-color:transparent!important}



/*Bouton nav responsive*/
a:hover>.burger-icon>span, a:focus>.burger-icon>span, a:active>.burger-icon>span {background-color: #ed3b29}

#header {
background: rgb(243,218,182);
background: -moz-linear-gradient(0deg, rgba(243,218,182,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(243,218,182,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(243,218,182,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3dab6",endColorstr="#ffffff",GradientType=1);
}

#header img {max-width: 800px; height: auto; margin: 0 auto}

#slogan {background-color:#111; color:#fff; padding:100px 0 40px 0}
#slogan h1 {font-size:60px; color:#fff; margin: 0; line-height: 70%; padding: 24px 0 0 0;}
#slogan h4 {font-size:40px; color:#ed3b29; text-align: center; padding: 0 0 24px 0;}
#slogan h2 {text-align: right; line-height: 46px; color:#ed3b29}
#slogan #head-hymne h2 {text-align: center; color:#fff; margin-top:40px}

#concept {padding:72px 0 40px 0; background-color:rgba(248,234,214,1)}
#concept h2 {text-align: center}

#recette {color: #fff; padding: 40px 0}
#recette h2, #recette h5 {color:#fff}
#vente {padding:72px 0 40px 0}
img#regiogarantie {float: left; margin-right: 16px}

#contact {padding: 72px 0 40px 0; background-color:rgba(248,234,214,1)}
#contact h2, #contact h3 {text-align: center}

#map {background-color:#2E312F}
#legendmap {padding: 32px}
#legendmap p {padding: 0; margin: 0; text-align: center}
#legendmap p img.iconmap {display:inline!important; margin:0 8px 0 16px}

#commande, #infos {padding: 80px 0 40px 0}

#presse {background-color: #212121; padding: 80px 0 40px}
#presse h2 {padding:0 0 32px 0; color: #fff; text-align: center}
#presse .qx-element-heading {}
#presse .qx-element-heading  {color: #fff; font-size:90%}
#presse h5 {font-size:90%; margin-bottom: 0!important; padding:24px 0 0 0; color:#fff}
#presse .qx-element-custom-html {text-align: center}


#sp-footer p {margin-bottom:0}
#sp-footer img {display:inline; vertical-align: text-bottom;}

hr.space {visibility: hidden; height: 30px}
hr.spacex {visibility: hidden; height: 0px; margin: 0}


/*commande*/
div.convertforms {margin: 0 auto} 
.cf-control-input-desc, .cf-control-input {text-align: left}

@media (max-width: 1199px) {
img#regiogarantie {float: none; margin-right: 0; margin-bottom:8px}
}

@media (max-width: 992px) {
	.logo-image {height: 48px!important}
	#header img {max-width: 100%}
}

@media (max-width: 991px) {
	#slogan h2 {text-align: center}
}
@media screen and (max-width: 767px) {
  .qx-section--stretch {
    width: 100% !important;         /* Force la largeur à 100% */
    margin-left: 0 !important;      /* Supprime tout décalage horizontal */
    overflow-x: hidden !important;  /* Évite les débordements */
	}
	#sp-main-body > .container { /*supprime les padding latéraux des container*/
		padding-left: 0 !important; 
		padding-right: 0 !important
	} 
	.container, .container-sm {
        max-width: 100%;
	}
}
	
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 100%;
    }
}
	
@media (max-width: 575px) {
    #sp-header .logo {
        height: 50px;
    }
    #sp-header {
        height: 60px;
    }
}
@media (max-width:420px) {
	#sp-header .mod-languages {display: none}
}