@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body {
    font-size: 16px;
    font-weight: 400;
    font-family: "raleway";
    overflow-x: hidden;
    text-align: center;
}
html {
    overflow-x: hidden;
}
a {
    text-decoration: none !important;
}
.landing .content_center {
    order: 2;
    padding: 30px 20px;
}
.landing .mentions a {
    color: #525252;
    text-decoration: none;
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 16px;
    margin: 0 5px;
}
.landing .coordonnees {
    color: #000 !important;
}
@media (min-width:768px) {
    .landing .coordonnees {
        margin: 50px 0px ;
  }
}
.landing .coordonnees a {
    color: #000 !important;
}
.landing .content_center h1 {
    font-size: 19px;
    font-family: 'Racing Sans One';
    margin: 20px 0;
}
.content_content_left, .content_content_right {
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: 15%;
    padding: 10px;
}
.content_content_left {
    border: ;
}
.landing .col .phone img {
    margin-right: 5px;
}
.landing .content_logo {
     background: #fff;
    padding: 10px;
    position: relative;
    margin-top: 14px;
}
.mentions img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.landing .content_left .content_logo::before {
    content: url(images/before_logo.png);
    position: absolute;
    top: -39px;
    display: none;
}
@media (min-width:1400px) {
    .content_content_left, .content_content_right {
        top: 193px;
    }
}
.content-btn-landing {
    width: 80%;
    margin: 0 auto;
}
.landing .logo img {
    position: relative;
    left: 0px;
    background: #000;
    padding: 5px;
    width: 100%;
    z-index: 2;
}
.landing .content_left {
    order: 1;
    color: #fff;
}
.landing .content_left .content-text, .landing .content_right .content-text {
     font-style: italic;
    font-size: 15px;
}
.landing .content-text h2 {
    font-size: 25px;
    font-family: "Racing Sans One", sans-serif;
    font-style: normal;
}
.landing .phone a {
    font-size: 22px;
    font-family: 'Racing Sans One';
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
}
.landing .btn_site {
      color: #0650A2;
    font-family: 'Racing Sans One';
    font-size: 18px;
    text-align: center;
    display: block;
    background: #FAD503;
    border-radius: 0;
    margin: 10px 0;
    padding: 10px 0;
}
.landing .content_right .btn_site {
    background: #C33623;
    color: #fff;
}
.landing .content_right {
    order: 3;
    color: #fff;
}
@media (min-width:768px) {
    .landing footer {
        display: none;
    }
    .logo::before {
        content: "";
        background: #000;
        width: 126%;
        height: 100%;
        position: absolute;
        left: -40px;
        top: 0;
        display: block;
        z-index: 1;
    }
    .logo {
        position: relative;
    }
}
.landing .col {
    position: relative;
}
.landing .col::before {
    content: "";
    background: rgb(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media (min-width:1400px) {
        .logo::before { left: -45px;
   }
}
.yziprods {
    display: block !important;
}
@media (max-width:767px) {
     .landing footer {
        display: block;
        margin: 18px 0;
        padding-bottom: 50px !important;
    }
   .landing .footer-phone {
    background: #0c0c0c;
    position: fixed;
    width: 100%;
    z-index: 100000;
    bottom: 0;
    padding: 10px !important;
    color: #fff;
    }
    .landing .footer-phone a {
        color: #fff;
    }
    .content_content_center .coordonnees {
        display: none !important;
    }
    .content_content_left, .content_content_right {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
    padding: 19px;
   }
   .landing footer a {
    color: #525252;
    text-decoration: none;
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 16px;
    margin: 0 5px;
  }
  .landing .content_center {
    order: 1;
  }
  .col {
    flex: 100%;
}
.landing .logo img {
    position: relative;
    left: 0;
    background: #000;
    padding: 0px;
    width: 190px !important;
}
}
@media (min-width:768px) and (max-width:1024px) {
    .content_content_left, .content_content_right {
        width: 90% !important;
    }
    .landing .content_center {
    order: 2;
    padding: 20px 10px;
   }
   .landing .logo img {
    position: relative;
    left: 0;
    background: #000;
    padding: 5px;
    width: 170px;
}
}
@media (min-width: 1400px) {
    .landing .logo img {
        left: 0;
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .landing .logo::before {
        left: -24px !important;
    }
    .landing .col {
        width: 35% !important;
    }
}
@media (min-width:993px) and (max-width:1024px) {
    .logo::before {
        left: -34px !important;
    }
}
@media (min-width:1600px) {
    .logo::before {
        display: none !important;
    }
}
.swiper-button-next, .swiper-button-prev {
    color: #C33623 !important;
}
.container-landing {
    overflow-x: initial !important;
    line-height: 1.2;
}
/*.container-landing .col {
    width: 35% !important;
 }*/
.container-landing .content_content_left, .container-landing .content_content_right
 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0 !important;
    padding: 40px 20px;
    background-color: #121615;
    height: 100%;
}
.container-landing .content_content_left {
  border: 20px solid #FAD503;
}
.container-landing .content_content_right {
  border: 20px solid #C33623;
}
.container-landing  .logo::before {
    display: none !important;
}
.container-landing .col::before {
    display: none !important;
}
@media (max-width:767px) {
    .container-landing .col {
    width: 100% !important;
    max-width:100% !important;
    }
    .container-landing .col {
        margin: 10px 0;
    }
    .titre_top {
        display: block !important;
    }
	 .container-landing .content_center .mentions {
        display: none !important;
    }
      .container-landing .content_center .content_content_text {
        display: none !important;
    }
	.container-landing .content_center {
       padding: 20px !important;
	}
	.yziprod {
       height: auto !important;
	}
}
@media (max-width:1024px) {
    .titre_top img {
        display: none !important;
    }
    .container-landing {
        overflow: inherit !important;
    }
    
    .container-landing  .phone_ span {
        font-size: 24px !important;
    }
    .container-landing  .titre_top_para span {
        font-size: 30px !important;
    }

}
@media (min-width: 768px) and (max-width: 1024px) {
    .container-landing .content_content_left,  .container-landing .content_content_right {
        width: 100% !important;
    }
}