/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
         url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v20-latin/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }

/* Balises Générales */

body {
    font-family: roboto;
    color: black;
}

form {
    margin: auto;
    padding-top: 0px;
}

footer, .white {
    color : rgba(255, 255, 255, 1) !important;
}

label, #phone-info, #mail-info, #nom-info, #prenom-info, #pieces-info, .demande {
    display: inline;
}

/* Classes générales */


.size {
    font-size: 18px;
}


.black{
    color: black;
    
}

.bold {
    color: black !important;
    font-weight: 900 !important;
}
.listeCouleur {
    color: gray;
}

.envoyer {
    background-color: #388B35;
}

.visibilite {
    font-size: 19px;
}

.h2 {
    font-size: 40px !important;
}


.text {
    font-size: 14px;
}

.bolder {
    font-weight: 900 !important;
    font-size: 17px;
}

#bolder{
    font-weight: 900;
}

.justifier {
    text-align: center;
}

.bg .rectif-bg {
 height: 100%;
}

.ptpb {
    padding: 3em 0;
}

.padTpadB {
    padding: 1em 0;
}

.menu-top {
    top : 0px;
}

.margin-left {
margin-left: 8rem;
}

.largeur {
    width: auto;
}

.logo-footer {
    margin: auto;
    display: block;
}

.unstyled {
    list-style: none;
}

.vertical-align-center {
    vertical-align: middle;
}

.flat {
    height: 50% !important;
    display: flex;
}

.middle {
    margin: auto;
}


/* Ecran plus petit ou égal que 425px */
@media screen and (max-width: 425px)  {


.taille {
    width: initial;
}
    
.bg {
    background-size: cover;
}
}

/* Ecran compris entre 425 et 768px */


@media (min-width:425px) and (max-width:768px){
    .taille {
        width: initial;
    }

    .bg {
        background-size: cover;
    }
    .unstyled {
        padding-inline-start: 10px;
    }

    .queries {
        width: auto;
    }
}

/* Ecrans plus petits ou = a 768px */

@media screen and (max-width: 768px) {
    
    .text {
        font-size: 12px;
     }

    .border-left {
        
        border-left: 0px solid lightgray !important;
        height: auto;
    }

    .unstyled {
        padding: 0px;
    }

    .hero-wrap {
        height: 100%;
    }

    .mobile {
        margin-bottom: 2rem;
    }

    .margin-bottom {
        margin-bottom: 1.5rem !important;
    }

   .pt-queries {
       padding-top: 0px !important;
    }

   .ftco-footer {
        padding-top: 10%;
    }

    .queries {
        padding-right: 0px;
    }

   .logo {
       padding-bottom: 10px;
   }

   .formulaire {
       margin-top: -30%;
   }


   .MobdispNone {
       display: none;
   }

   .dispNone {
       text-align: justify;
   }  

}


/* Ecran de 768px minimum */

@media (min-width:768px) {
    
    .border-left {
        border-left: solid 1px rgba(255, 255, 255, .15) !important;
        height: 150px;
    }
    .dispNone {
        display: none;
    }

    .unstyled {
        padding-inline-start: 10px;
    }

    .centrage {
        text-align: center;
    }
}

/* Ecran de 1024px maximum */

@media screen and (max-width:1024px){
    .centrer {
        text-align : center;
    }


}


/* Ecrans entre 769px et 1200px */

@media (min-width:769px) and (max-width:1200px){

    .nav-link {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .centrer {
        text-align: center;
    }

    .logo-center {
        max-width: 100%;
    }
   
    .hero-wrap, .bg .logo-center {
        height: auto;
    }
}


@media (min-width:768px) and (max-width:1440px){
    .ftco-footer {
        padding-top: 5%;
    }


}