@import url('https://fonts.googleapis.com/css?family=Economica');
@import url('fonts/frontage/frontage.css');


.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  height: 0.0625rem;
  margin: -1px;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  width: 0.0625rem;
}

small, .small{
  font-size:90%;
}

body{
  text-rendering: geometricPrecision !important;
  background:#ededed;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif; 
  overflow-x:hidden !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3{
  font-family: 'Economica';
}

h1, h2{
  font-size:2.8vw;
}

.bgsizingcover{
  background-position:20%;
  background-size:cover;
}

.section{
/*   overflow-y:hidden; */
}
header{
  background:#ededed;
  height:39.6vh;
}
.imgRespons {
    min-height: 24vh;
    max-height: 33vh;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.modal-content .imgRespons{
  height: 100%;
}
.paddingMainCtnt{
  padding: 0 5.8vw;
}
.paddingSubCtnt{
  padding: 0 16.66vh;
}

.DarkColor{
  color:#1a7055;
}
.LightColor{
  color:#229470;
}

.logoheaderfixer {
    width: 95%;
    margin-left: 6.7%;
}

nav {
  padding-top: 5.5vh;
}
nav a {
    font-family: 'Economica';
    text-transform: uppercase;
    font-size: 2.3vw;
    letter-spacing: 0.2vw;
    padding-left: 2.3vw;
}
nav a,
nav a:hover{
    color:#9d9d9d;
    text-decoration:none;
}
nav a:hover{
    color:#7e7e7e;
}
.section{
  position:relative;
}
.arrowtobtm {
  background-image: url("img/arrow_down.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 1.8vw;
  height: 1.8vw;
  display: block;
  margin: auto;
  position: absolute;
  bottom: 1%;
  left: 50%;
  margin-left: -0.9vw;
}
.arrowtobtm:hover{
/*   animation: movingarrowbtm 2s infinite; */
}
.arrowtobtm.arrowtobtm-darker{
  background-image: url("img/arrow_down_dark.svg");
}
.arrowtotop {
  background-image: url("img/arrow_up.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 1.8vw;
  height: 1.8vw;
  display: block;
  margin: auto;
  position: absolute;
  top: 1%;
  left: 50%;
  margin-left: -0.9vw;
}
.arrowtotop.arrowtotop-darker{
  background-image: url("img/arrow_up_dark.svg");
}
.backhome {
  background-image: url("img/back_home.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 1.8vw;
  height: 2.3vw;
  display: block;
  margin: auto;
  position: absolute;
  bottom: 1vw;
  right: 1vw;
}
.backhome.backhome-darker{
  background-image: url("img/back_home_dark.svg");
}
.backhome.backhome-specialfooter{
  right: 6.1vw;
  bottom:  9vh;
/*   background-image: url("img/back_home_footer.svg"); */
}

@keyframes movingarrowbtm {
    from {bottom: 1vw;}
    50% {bottom: 1.3vw;}
    to {bottom: 1vw;}
}

.backhome,
.arrowtobtm,
.arrowtotop{
  opacity:0;
  transition: opacity ease 0.6s;
}
.active.fp-completely .backhome,
.active.fp-completely .arrowtobtm,
.active.fp-completely .arrowtotop{
  opacity:1;
  transition: opacity ease 1.8s;
}




/* CABINET GREEN SHADES */

.w-img-cab{
    -ms-flex: 0 0 44.3%;
    flex: 0 0 44.3%;
    max-width: 44.3%;
}

.w-txt-cab{
    -ms-flex: 0 0 55.7%;
    flex: 0 0 55.7%;
    max-width: 55.7%;
}

#cabinet_droit_de_la_construction H1,
#cabinet_droit_de_la_construction H2{
  padding-bottom:4vh;
}

.greenshades{
  color:#ededed;
  height:100%;
  widht:100%;
  background-image: url('img/gradient_cabinet.png');
  background-size:100% 100%;
}

.greenshades .spacing {
    padding: 0 10.6vh !important;
}

#doxos{
  background-image: url('img/gradient_cabinet.png');
  background-size:100% 100%;
}

/* FOLLE EQUIPEE SAUVAGE */
.soloEquipe {
    cursor: pointer;
    margin: 0 1%;
    width: 14.5%;
    display: block;
    float: left;
}
.soloEquipe:first-child{
  margin-left: 1.3%;
}
.soloEquipe:last-child{
  margin-right: 1.3%;
}
.folleEquipeeSlick{
  display: none;
}
.folleEquipee h2,
.folleEquipee h3 {
    font-size: 1.2em;
    letter-spacing: 0.13vw;
    margin-top: 0;
    margin-bottom: 0;
}
.custommodal span.bigger,
.custommodal h2,
.custommodal h3{
    font-family: 'Economica';
    font-size: 1.72vw;
    letter-spacing: 0.33vw;
}
.equipe_bloc_title{
  height:auto;
}
.equipe_bloc_trombi{
  height:70%;
}
.equipe_role{
  text-decoration: underline;
  font-weight: bold;
  font-size: 2vh;
  display: block;
}
.soloEquipe .equipe_role_subtil{
  text-align: center;
  display: block;
  opacity: 0.4;
  font-size: 0.9em;
  margin-bottom: 2vh !important;
}

.conclusion_img_bg,
.equipe_img_bg,
.doxos_img_bg{
  height:33%;
}

.doxos_bloc{
  height:67%;
}

.text_conclusion{
  height:40%;
}
#footimage{
  height:60%;
  background-repeat:no-repeat; background-size:100%;
}

.doxos_text{
  color:#dfe4e2;
}
.contact_infos a{
  color:inherit;
}
.contact_infos p, .pas_fond_vert p {
    padding-bottom: 3.4vh;
    font-size: 1.4vw;
    margin-bottom: 0vh;
    font-weight: lighter;
    line-height: 1em;
}
.pas_fond_vert p:last-child{
  padding-bottom:0;
}
.contact_infos p {
    padding-bottom: 2.2vh;
    font-size: 3.65vh;
    line-height: 4.4vh;
}
.contact_infos p:first-child {
    padding-top: 4.9vh;
}
.texte_fond_vert p {
    padding-bottom: 2vh;
    font-size: 1.4vw;
    font-weight: lighter;
    line-height: 1.2em;
}
.texte_fond_vert p:last-child{
  padding-bottom:0;
}

#doxos H1,
#doxos H2{
  padding-bottom:4vh;
}

.partenaires {
    padding-top: 7.5vh;
}
.stylepartenaire {
    font-family: 'FrontageCondensed', sans-serif;
    -webkit-font-smoothing: auto;
    cursor: pointer;
    color: #dfe4e2;
    font-weight: 100;
    font-size: 1.5vw;
    letter-spacing: 0.14vw;
}
.stylepartenaire a{
  color:inherit;
  text-decoration:none;
}
.modal_team.modal,
.modal-open{
  padding-right:0 !important;
}
.modal-backdrop{
  background:transparent;
}
.modal_team .modal-content{
  margin-top: 22vh;
  height:56vh;
  border-radius:0;
  border: 0px solid transparent;
  background:rgba(255,255,255,0.94);
}
.custommodal{
  max-width:100vw;
}
.custommodal p{
  padding-bottom: 2vh;
  font-size: 2.18vh;
  font-weight: lighter;
  line-height: 1.2em;
  text-align: justify;
}
.custommodal p:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
}

.mentions_legales a{
  color: #1a7055;
}
.mentions_legales .custom-hr{
  margin: 32px auto;
  border-color: #1a7055;
}
.mentions_legales h3{
  font-family: 'Calibri', sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.mentions_legales .modal-header{
    font-family: 'Economica';
    text-transform:uppercase;
}
.mentions_legales .modal-header > *{
  font-size:2rem;
}

.footer nav a{
  line-height:1.6em;
}
.scrollable{
/*   -webkit-overflow-scrolling: touch; 
  overflow-y: scroll;
  overflow-x: hidden; */
}

.footerstyling {
    height: 60vh;
    padding-top: 13vh;
}
#realfoot{
  height: 40vh;
}

  





/* regula screen */
@media all and (max-width: 1199px) {
  
} 
/* small screens */
@media all and (max-width: 1024px) {
  .texte_fond_vert p{
    font-size:1.2em;
  }
} 
/* small screens */
@media all and (max-width: 991px) {
  
} 

/* Tablets portait and large mobile */
@media all and (max-width: 812px) {

}


@media all and (max-width: 991px) {
  .folleEquipeeSlick{
    display: inherit;
  }

  .text_conclusion{
    height:60%;
  }
  #footimage{
    height:40%;
    background-repeat:no-repeat; 
    background-size:cover;
  }

  .backhome.backhome-specialfooter{
    right: 6.1vw;
    bottom:  5vh;
  }



  .footerstyling{
    padding-top: 14vh;
  }
  .doxos_bloc,
  .conclusion_text {
    padding-top: 10vh;
  }
  .conclusion_text{
    padding-left: 5.8vw;
    padding-right: 5.8vw;
  }
  .stylepartenaire {
      font-size: 2.9vh;
      line-height: 1.8em;
      font-weight: 500;
      font-family: 'FrontageCondensed';
  }
  .partenaires {
      padding-top: 1.5vh;
  }
  .texte_fond_vert p{
    margin-bottom:1vh;
  }
  #cabinet_droit_de_la_construction H1,
  #doxos H1,
  #cabinet_droit_de_la_construction H2,
  #doxos H2{
    padding-bottom:1vh;
    text-align: center;
  }

  .contact_infos p:first-child{
    padding-top:5vh;
  }
  .contact_infos p{
    padding-bottom: 5vh;
    font-size: 2.5vh;
    margin-bottom: 0vh;
    font-weight: lighter;
    line-height: 1em;
  }
  .pas_fond_vert p {
      padding-bottom: 2.1vh;
      font-size: 1.88vh;
      margin-bottom: 0vh;
      font-weight: lighter;
      line-height: 1em;
  }
  .slick-prev:before, .slick-next:before {
    content: ' ';
    background-image: url(img/arrow_up_dark.svg);
    width: 4vw;
    height: 10vw;
    display: inline-block;
    background-repeat: no-repeat;
  }
  .slick-prev:before {
    transform:rotate(-90deg);
  }
  .slick-next:before {
    transform:rotate(90deg);
  }
  .custommodal{
    width:100vw;
    height:100vh;
    margin:0;
  }
  .modal-content{
    width:auto;
    height:100%;
    margin:0;
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; /* on laisse le défilement se poursuivre */

  }
  .paddingSubCtnt{
    padding: 0 3.06vw;
  }
  h1,h2{
    font-size:7vw;
  }
  .slick-next{
    width:10vw;
    height:10vw;
    right:8vw;
  }
  .slick-prev{
    width:10vw;
    height:10vw;
    left:8vw;
  }
  
  .slick-list{
    width:74vw;
    margin:0 auto !important;
  }
  .slick-dotted.slick-slider{
    margin-bottom:0;
  }
  .soloEquipe{
    margin-left:0;
    width:74vw;
    height:70vh;
    float:left;
    display:none;
    margin:auto;
  }
  .slick-dots{
    bottom:-4vh;
    width:100vw;
  }
  .custommodal span.bigger,
  .custommodal h2,
  .folleEquipee h2,
  .custommodal h3,
  .folleEquipee h3 {
    font-family: 'Economica';
    font-size: 3.6vh;
    letter-spacing: 0.63vw;
    margin-top: 2.2vh;
  }
  
  .soloEquipe .equipe_role_subtil{
    font-size: 3.3vh;
    margin-bottom:0.5vh !important;

  }
  .imgRespons{
    min-height:38vh;
  }
  .equipe_bloc_title{
    height:15vh;
  }
  
  .equipe_bloc_trombi,
  .slick-list{
    height:58vh;
  }
  .equipe_img_bg{
    height:27vh;
  }
  
  
  .logoheaderfixer{
    width:auto;
  }
  .greenshades .spacing {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
  }
  
  .texte_fond_vert p {
    text-align:center;
    padding-bottom: 0;
    font-size: 1.9vw;
    margin-bottom: 2.5vh;
  } 
  .w-img-cab,
  .w-txt-cab{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mobile-pos-imgcab{
  }
  .mobile-pos-greenshades {
    position: absolute;
    left: 0;
    height: 60% !important;
    width: 100% !important;
    overflow: hidden;
    top: 20%;
  }

  .arrowtotop,
  .backhome,
  .arrowtobtm {
    width: 4vw;
    height: 4vw;
    margin-left: -2vw;
  }
  .arrowtotop{
    top: 0;
  }
  .arrowtobtm{
    bottom: 8vh;
  }
  .backhome {
      width:4vw;
      height: 5vw;
      margin-left: -12vw;
      margin-right: 0;
      bottom: 4vh;
      right:4vw;
   }
} 

@media all and (max-height: 455px){
  .text_conclusion{
    height:40%;
  }
  #footimage{
    height:60%;
    background-repeat:no-repeat; 
    background-size:cover;
  }
  .pas_fond_vert p{
    font-size:1.7vw;
  }


}

@media all and (max-width: 575px) {
  .slick-dots{
    bottom:0vh;
  }
  .scrollable.h-auto{
    height:100% !important;
  }
  .scrollable button.close{
    position:fixed;
    right:0;
  }
  .scrollable .imgRespons{
    min-height:40vh;
    max-height:40vh;
    margin-top:10vh;
  }


  .slick-prev:before, .slick-next:before {
    content: ' ';
    background-image: url(img/arrow_up_dark.svg);
    width: 10vw;
    height: 10vw;
    display: inline-block;
    background-repeat: no-repeat;
  }

  .animated_pic_mobile {
    background-position: 0 75%;
    background-repeat: no-repeat;
    background-size: contain;
  }
  header{
    height:37vh;
  }
  nav {
    padding-top:0;
  }
  nav.text-right{
    text-align:center !important;
  }
  nav a {
    font-size: 4vw;
    letter-spacing: 0.4vw;
    padding:0 2vw;
  }
  
  .arrowtotop,
  .backhome,
  .arrowtobtm {
    width: 10vw;
    height: 10vw;
    margin-left: -5vw;
  }
  .arrowtotop{
    top: 5vw;
  }
  .arrowtobtm{
    bottom: 5vw;
  }
  .backhome {
      width:8vw;
      height: 10vw;
      margin-left: -12vw;
      margin-right: 0;
      bottom: 4vh;
   }

  .logoheaderfixer{
    margin:auto;
    width:auto;
  }

  .greenshades .spacing {
    padding: 10vw !important;
  }

  #cabinet_droit_de_la_construction H1,
  #cabinet_droit_de_la_construction H2 {
    text-align: center;
    padding: 0;
    font-size: 7vw;
  }
  
  
  .texte_fond_vert p {
    text-align:center;
    padding-bottom: 0;
    font-size: 1.9vh;
    margin-bottom: 2.5vh;
  } 
}
/* ipad portrait ; copie regle au dessus */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  
  .animated_pic_mobile {
  }
  
  nav {
    padding-top: 2vh;
  }
  nav a {
      font-size: 3.6vw;
  }
  
  header .col-sm-4{
    flex : 0 0 50%;
    max-width:50%

  }
  header .col-sm-8{
    flex : 0 0 50%;
    max-width:50%
  }
  
  #cabinet_droit_de_la_construction p {
      text-align: center;
      padding-bottom: 0;
      font-size: 2.9vw;
      margin-bottom: 1.5vh;
  }
  
   #cabinet_droit_de_la_construction H1,
   #cabinet_droit_de_la_construction H2 {
      text-align: center !important;
      padding-bottom: 10%;
      font-size: 6vw;
  }
  
}

.smaller-link{
  font-size:1em;
}