/* fonts */
@import url("https://use.typekit.net/scr0ndp.css");


/* --------------------------------------------------------------      reset.css   * Resets default browser CSS.   -------------------------------------------------------------- */
:root {

  --red: #CD1015;
  --red-back: #C6272B;
  --red-dark: #921210;
  --white: #fff;  
  --black: #161515; 
  


  --co-head: co-headline, sans-serif;
  --co-text: co-text, sans-serif;

  --container-width: 1670px;
  --pl: calc((100% - var(--container-width)) / 2);
  --ml: 12%;
}


html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: var(--co-text);
  font-weight: 400;  
  font-style: normal;
  vertical-align: baseline;

}

h1, h1 span, h2, h3{
  font-family: var(--co-head);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

h4{
  font-family: var(--co-text);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

a:hover{
  color: #fff;
}

body {

   line-height: 1.5;
 
}


/* Tables still need 'cellspacing="0"' in the markup. */
table {

 border-collapse: separate;
 border-spacing: 0;
 
}


caption, th, td {

 text-align: left;
 font-weight: normal;
 
}


table, td, th { vertical-align: middle; }


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }


blockquote, q { quotes: "" ""; }


/* Remove annoying border on linked images. */
a img { border: none; }


html {  box-sizing: border-box; }


*, *:before, *:after {  box-sizing: inherit; }



/* base */
header{
  background-color: var(--black);
}

.container{
  max-width: var(--container-width);
}

.ye-h1-g{ font-size: 70px; font-family: var(--co-text); color: #fff; }
.ye-h1{ font-size: 60px; color: var(--red); }
.ye-h2-g{ font-size: 50px; color: #fff; }
.ye-h2{ 
  font-size: 45px; 
  line-height: 60px;
  color: #fff; 
}
.ye-h3{ font-size: 40px; color: #fff; }
.ye-h4{ 
  font-size: 20px; 
  color: #fff;
  font-weight: 700;
}

.ye-h5{ 
  font-size: 20px; 
  line-height: 27px;
  color: #fff; 
}

.ye-btn{
  position: relative;
  display: block;
  background-color: var(--red-back);
  padding: 40px 0;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.ye-btn::after{
  content: "";
  position: absolute;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  bottom: 0;
  background-color: #fff;
  transition: width 0.5s ease-in-out;
}

.ye-btn:hover{
  text-decoration: none;
  color: #fff;
}

.ye-btn:hover::after{
  width: 100%;
  transition: width 0.5s ease-in-out;
}

.ye-p-g{ 
  font-size: 40px;
  font-weight: 400;
  color: #fff;
}

.ye-p{ 
  font-size: 25px;
  line-height: 33px;
}

.ye-fleches{ position: relative; }
.ye-fleches .ye-sp{
  content: "";
  width: 89px;
  height: 78px;
  position: absolute;
  background-image: url(../images/accueil/fleche.png);
  background-size: contain;
  margin-left: 20px;
  top: -4px;  
  transition: margin-left 1.2s ease-in-out;
}

[data-js-ancre]{
  cursor: pointer;
}

.ye-ligne-rouge{ 
  border-bottom: 5px solid var(--red-back);
  display: inline-block;
}
.ye-ligne-rouge.dark{ border-bottom: 5px solid var(--red-dark); }

/* menu */
nav.ye-nav-top{
  background-color: #CD110E;
  padding: 15px 0;
}

nav.ye-nav-top.menu-transparent{
  background-color: rgba(205, 17, 14, 0.5);  
}

nav.ye-nav-top .ye-texte-container{
  text-align: right;
}

nav.ye-nav-top .ye-texte-container a{
  margin-left: 35px;
  color: #fff;
}

nav.ye-nav-top .ye-texte-container img{
  max-width: 38px;
  margin-right: 20px;
}

.navbar{
  padding-top: 145px;
}

.navbar .container{
  align-items: end;
  justify-content: start;
}

.navbar .ye-titre-container{
  margin-left: 135px;
  width: 45%;
}

/* Section hero */
.ye-hero{  
  background-color: var(--black);
  padding: 70px 0 90px 0;
  overflow: hidden;
}

.ye-hero .ye-video {
  object-fit: cover;
  object-position: 25%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 49px;
}

.ye-hero > .container-fluid{  
  padding-left: var(--pl);
}

.ye-hero .ye-image-container{
  background-image: url(../images/accueil/EclipseExtermination_HeroImage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 432px 0;
}

/* section qui sommes-nous */
.ye-a-propos{
  padding-top: 130px;
}

.ye-a-propos .ye-col-droite{
  padding-top: 75px;
  padding-right: 0;
  position: relative;
}

.ye-a-propos .ye-col-droite .ye-image-container{
  background-image: url(../images/accueil/a-propos.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 285px 0;
  position: relative;
}

.ye-a-propos .ye-col-droite .ye-image-container::before{
  content: "";
  position: absolute;
  width: 322px;
  height: 58px;
  background-image: url(../images/accueil/cercles.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: -75px;
}

.ye-a-propos .ye-paragraph-container{ padding-right: 50px; }
.ye-a-propos .ye-h1{ margin-bottom: 100px; }
.ye-a-propos .ye-p{ margin-bottom: 35px; }

/* section services */
.ye-services > .container{
  padding: 65px 0 50px 0;
  background-color: var(--red-back);
}

/* .ye-services > .container > .row{ margin-right: -15.2px; } */

.ye-services picture{
  display: block;
  margin-bottom: 10px;
}

/* section nos valeurs */
.ye-nos-valeurs{ padding: 70px 0 150px 0; }
.ye-nos-valeurs .ye-h1{ margin-bottom: 100px; }
.ye-nos-valeurs .ye-h3{ margin-bottom: 10px; color: var(--red); font-size: 26px; text-align: center;}
.ye-nos-valeurs .ye-p{ padding: 0 30px; text-align: center; }


/* section temoignages */
.ye-temoignages{
  background-color: var(--black);
  padding: 220px 0 100px 0;
}

.ye-temoignages .carousel-indicators li {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.ye-temoignages .ye-h2-g{ margin-bottom: 100px; }
.ye-temoignages .ye-p-g{ margin-bottom: 95px; }


/* section nos services */
.ye-nos-services{ padding: 100px 0 60px 0; overflow: hidden;}
.ye-nos-services >.container-fluid{ padding: 0; }
.ye-nos-services .ye-h1{ margin-bottom: 60px; }
.ye-nos-services .ye-p-g{ color: var(--red); margin-bottom: 80px; }

.ye-nos-services .ye-service-container{
  padding: 60px 0;
  background-color: var(--black); 
  cursor: pointer; 
}

.ye-nos-services .ye-service-container:hover .ye-btn::after{
  width: 100%;
  transition: width 0.5s ease-in-out;
}

.ye-nos-services .ye-service-container picture{
  display: block;
  padding: 0 40px;
  margin-bottom: 80px;
}

.ye-nos-services .ye-service-container .ye-p-g{
  color: #fff;
}

.ye-nos-services .slick-slide {
  margin: 0 30px;
}

/* section contamination */
.ye-decontamination{
  background-color: var(--black);
  padding: 60px 0 100px 0;
}

.ye-decontamination .ye-p-g{
  margin-bottom: 40px;
}

.ye-decontamination .ye-texte-container{
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding-left: 100px;
}

.ye-decontamination .ye-texte-container picture{
  display: block;
  margin-bottom: 60px;
  text-align: center;
}

.ye-decontamination .ye-texte-container .ye-p{
  color: #fff;
}

.ye-decontamination .ye-btn {
  padding: 20px 0;
}

/* section comment on travaille */
.ye-notre-travail{
  background-color: var(--red-back);
  padding: 80px 0 140px 0;
}

.ye-notre-travail .ye-ligne{ position: relative; }
.ye-notre-travail .ye-ligne::before{
  content: "";
  position: absolute;
  height: 3px;
  background-color: #fff;
  width: 80%;
  left: 50%;
  top: 62px;
  transform: translateX(-50%);  
}

.ye-notre-travail .ye-h2-g{
  margin-bottom: 70px;
  font-family: var(--co-text);
}

.ye-notre-travail picture{
  display: block;
  margin-bottom: 40px;
}

/* section formulaire */
.ye-formulaire{
  background-color: var(--black);
  padding: 165px 0 150px 0;
}

.ye-formulaire .ye-texte-container:hover .ye-fleches .ye-sp{
  margin-left: 100px;  
  transition: margin-left 0.5s ease-in-out;
}

.ye-formulaire .ye-texte-container .ye-h1-g:last-of-type{
  margin-bottom: 30px;
}

.ye-formulaire .ye-texte-container .ye-h4:last-of-type{
  margin-bottom: 30px;
}

.ye-formulaire .ye-texte-container .ye-p{
  display: flex;
  align-items: center;
  color: #fff;
  margin-bottom: 15px;
}

.ye-formulaire .ye-texte-container .ye-p picture{
  display: block;
  width: 130px;
  text-align: left;
  margin-right: 10px;
}

footer nav.ye-nav-bottom{
  background-color: #CD110E;
  padding: 15px 0;
}

footer nav.ye-nav-bottom .ye-texte-container{
  text-align: center;
}

footer nav.ye-nav-bottom .ye-texte-container a{
  margin-left: 35px;
  color: #fff;
}

footer nav.ye-nav-bottom .ye-texte-container img{
  max-width: 38px;
  margin-right: 20px;
}

/* page merci */
.ye-merci{
  padding: 200px 0;
}


@media screen and (max-width: 1685px) {
  :root { --pl: 15px; }

  /* general */
  .ye-h1 { font-size: 43px; }

  .ye-h2 {
    font-size: 38px;
    line-height: 45px;
  }

  .ye-h4 { font-size: 28px; }
  .ye-h2-g { font-size: 42px; }  

  .ye-p {
    font-size: 18px;
    line-height: 30px;
  }  

  .ye-p-g { font-size: 32px; }

  /* menu */
  .navbar {
    padding-top: 100px;
  }

  nav.ye-nav-top {
    padding: 30px 0;
  }

  .navbar .navbar-brand img{
    width: 430px;
  }

  .navbar .container {
    justify-content: space-between;
  }

  .navbar .ye-titre-container {
    margin-left: 0;
  }

  /* section a-propos */
  .ye-a-propos .ye-h1 {
    margin-bottom: 50px;
  }

  .ye-a-propos .ye-p {
    margin-bottom: 25px;
  }

  .ye-a-propos .ye-col-droite .ye-image-container::before {
    right: 25px;
  }

  /* section nos valeurs */
  .ye-nos-valeurs .ye-h1 {
    margin-bottom: 45px;
  }

  .ye-nos-valeurs .ye-h3{ font-size: 22px; }

  /* section temoignages */
  .ye-temoignages {
    padding: 100px 0;
  }

  .ye-temoignages .ye-h2-g {
    margin-bottom: 80px;
  }

}

@media screen and (max-width: 1450px) {
  /* general */ 
  .ye-h1-g {
    font-size: 52px;
  }
}

@media screen and (max-width: 1330px) {
    .ye-hero .ye-image-container {
        padding: 375px 0;
    }

}

@media screen and (max-width: 1200px) {
  /* general */
  .ye-h1 {
    font-size: 35px;
  }

  .ye-h1-g {
    font-size: 42px;
  }

  .ye-h4 {
    font-size: 22px;
  }

  .ye-p-g {
    font-size: 25px;
  }

  .ye-btn {
    padding: 22px 0;
    font-size: 20px;
  }
  
  /*section hero*/
  .ye-hero .ye-image-container {
    padding: 305px 0;
  }
  

  /* section a-propos */
  .ye-a-propos {
    padding-top: 70px;
  }

  .ye-a-propos .ye-h1 {
    margin-bottom: 40px;
  }

  .ye-a-propos .ye-col-droite .ye-image-container {
    padding: 195px 0;
  }

  /* section services */
  .ye-services > .container {
    padding: 65px 15px 50px 15px;
  }

  /* section nos valeurs */
  .ye-nos-valeurs .ye-h3 {
    font-size: 18px;
  }

  /* section nos services */
  .ye-nos-services .ye-h1 {
    margin-bottom: 30px;
  }

  .ye-nos-services .ye-p-g {
    margin-bottom: 30px;
  }

  .ye-nos-services .ye-service-container {
    padding: 40px 0;
  }
  
  .ye-nos-services .ye-service-container picture {
    padding: 0 15px;
    margin-bottom: 50px;
  }

  .ye-nos-services .slick-slide {
    margin: 0 15px;
  }

  /* section decontamination */
  .ye-decontamination .ye-texte-container picture {
    margin-bottom: 30px;
  }

  .ye-decontamination .ye-texte-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* section formulaire */
  .ye-formulaire {
    padding: 70px 0 70px 0;
  }

  .ye-formulaire .ye-texte-container .ye-p picture {
    width: 75px;
  }



}

@media screen and (max-width: 992px) {
  /* general */
  .ye-h1 {
    font-size: 25px;
  }

  .ye-h1-g {
    font-size: 27px;
  }

  .ye-h2-g {
    font-size: 32px;
  }

  .ye-h4 {
    font-size: 16px;
  }

  .ye-p-g {
    font-size: 24px;
  }

  .ye-p {
    font-size: 16px;
    line-height: 28px;
  }

  /* menu */
  .navbar .ye-titre-container{
    width: 100%;
  }
  
  /*section hero*/
  .ye-hero .ye-image-container {
    background-position-x: 28%;
  }

  /* section a-propos */
  .ye-a-propos .ye-paragraph-container {
    padding-right: 0;
  }


}

@media screen and (max-width: 767px) {
  /* general */
  .ye-h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .ye-h2-g {
    font-size: 30px;
  }

  .ye-h4 {
    font-size: 19px;
  }

  .ye-p-g {
    font-size: 20px;
  }

  /* menu */
  .navbar {
    padding-top: 50px;
  }

  /* hero */
  .ye-hero {
    padding: 35px 0 90px 0;
  }

  .ye-hero > .container-fluid > .row div:last-of-type{
    order: -1;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-bottom: 20px;
  }

  .ye-hero .ye-image-container {
    padding: 225px 0;
  }

  .ye-hero .ye-video {
    left: 0;
  }

  /* section a-propos */
  .ye-a-propos .ye-col-droite {
    padding-left: 0;
  }

  /* section services */
  .ye-services > .container {
    padding: 45px 15px 0px 15px;
  }

  .ye-services .ye-service-container{
    margin-bottom: 55px;
  }

  /* section nos valeurs */
  .ye-nos-valeurs .ye-p {
    padding: 0;
  }

  .ye-nos-valeurs .ye-h3{ font-size: 20px; }

  /* section temoignages */
  .ye-temoignages {
    padding: 60px 0;
  }

  /* section decontamination */
  .ye-decontamination .ye-texte-container {
    margin-top: 30px;
  }

  .ye-decontamination .ye-texte-container .ye-p {
    margin-bottom: 30px;
  }




}

@media screen and (max-width: 640px) {
  /* general */
  .ye-h2 {
    font-size: 20px;
    line-height: 32px;
  }

  .ye-h2-g {
    font-size: 22px;
  }

  .ye-h4 {
    font-size: 17px;
  }  

  .ye-p-g {
    font-size: 20px;
  }

  /* menu */
  nav.ye-nav-top .ye-texte-container {
    text-align: center;
  }

  nav.ye-nav-top .ye-texte-container a {
    margin-left: 0;
  }

  /* section a-propos */
  .ye-a-propos .ye-col-droite .ye-image-container {
    padding: 130px 0;
  }

  .ye-a-propos .ye-col-droite .ye-image-container::before {
    left: 50%;
    transform: translateX(-50%);
  }

  /* section nos valeurs */
  .ye-nos-valeurs {
    padding: 70px 0;
  }

  .ye-nos-valeurs .ye-p {
    margin-bottom: 30px;
  }

  /* section temoignages */
  .ye-temoignages {
    padding: 40px 0;
  }


  .ye-temoignages .ye-h2-g {
    margin-bottom: 40px;
  }

  .ye-temoignages .ye-p-g {
    margin-bottom: 65px;
  }

  /* section nos services */
  .ye-nos-services {
    overflow: hidden;
    padding: 60px 0;
  }

  /* page merci */
  .ye-merci{
    padding: 100px 0;
  }

}

@media screen and (max-width: 576px) {
  /* section on travail */
  .ye-notre-travail {
    padding: 60px 0 20px 0;
  }

  .ye-notre-travail .ye-travail-container{
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    margin-left: var(--ml);
  }  

  .ye-notre-travail picture {
    margin-bottom: 0;
    margin-right: 20px;
  }

  .ye-notre-travail .ye-ligne::before {
    height: 400px;
    width: 3px;
    left: calc(var(--ml) + 76px);
    top: 5px;
    transform: none;
  }

}


@media screen and (max-width: 414px) {
  /* general */
  :root {    
    --ml: 0px;
  }

  .ye-h1-g {
    font-size: 20px;
  }
  
  .ye-h2 {
    font-size: 17px;
    line-height: 26px;
  }

  .ye-h2-g {
    font-size: 18px;
  }

  .ye-h4 {
    font-size: 15px;
  }

  .ye-p-g {
    font-size: 16px;
  }

  .ye-fleches .ye-sp {
    width: 60px;
    height: 50px;
    background-repeat: no-repeat;
  }



}