*{margin: 0;
padding: 0;}





/*=== PC SMALL ===*/

@media screen and (min-width: 992px) and (max-width:1199px){
    
    .container{
        width: 930px;

    }
    
.container2 {
   margin-right: auto;
    margin-left: auto;
   width: 730px;
    
}


/*----NAV----*/
    
.navbar-header{
    width:20%;
    float: left;}
    
.navbar-collapse{
    width:30%;
    float: right;
    position: relative;
 }   
    
.logo img{
    height:40px;
    display: block;
   padding-top: 30px;
}
      
 
/*----CABINET----*/  
 

.cabinet{
    height:435px;
    
}
    
.cabinet hr{
    width:550px;
    
}

.qui{
    width:70%;
}

.qui-photo{
    right:110px;
 
}
    
}

    
/*=== tablette ===*/


@media screen and (min-width: 768px) and (max-width:991px){
    

.logo img{
    height:35px;
    display: block;
   padding-top: 35px;
}
    
.container{
    width: 100%;
    box-sizing: border-box;}
    
.container2{
    width: 80%;}
    
.navbar-header{
    width:40%;
    float: left;
    padding-left: 70px;}
    
.navbar-collapse{
    width: 20%;
    float: right;
    padding-right: 70px}
    
.nav{
    position: absolute;
    top: 101px;
    right: 0px;
    width:150px;
    flex-direction: column;
    justify-content: space-around;
    background-color: rgba(255,255,255,0.8);
    height: 150px;
    padding: 15px;
    transform-origin: top;
     -webkit- transform-origin: top;
    -moz- transform-origin: top;
    -ms- transform-origin: top;
    -o- transform-origin: top;
    transition: 0.5s ease-in-out;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    align-items: flex-start;}    
    
.icon{
    display: inline-block;
    padding: 10px;
    color: #fff;
    background-color: #2c638d;
    border-radius: 5px;
    font-size: 20px;
    line-height: 0px;
    margin-top: 30px;
    float: right;
    cursor: pointer;}
    
.navbar-collapse:hover > .nav{
    display:flex;
    transform: scaleY(1);
     -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    }
    
.nav a{
    border: 1px solid rgba(255,255,255,0);}
    
    .active a{
        border-bottom: 2px solid #2c638d;
    }   

    
    
/*----CABINET----*/  

    
.cabinet{
    height:auto;
    padding-bottom: 60px;
    width:100%;
}
    
.cabinet hr{
    width:70%;
}

.qui{
    width:65%;
}

.qui-photo{
    right:8%;
     width:230px;
 
}
    
    
 

    
    }


/*=== SMARTPHONE ===*/
@media screen and (max-width:767px){


.logo img{
    height:35px;
    display: block;
   padding-top: 35px;
}
    
.container{
    width: 100%;
    box-sizing: border-box;}
    
.container2{
    width: 80%;}
    
.navbar-header{
    width:40%;
    float: left;
    padding-left: 20px;}
    
.navbar-collapse{
    display: none;}
    
.nav{
    position: absolute;
    top: 101px;
    right: 0px;
width: 120px;
    flex-direction: column;
    justify-content: space-around;
    background-color: rgba(255,255,255,0.8);
    height: 120px;
    padding: 15px;
    transform-origin: top;
      -webkit- transform-origin: top;
    -moz- transform-origin: top;
    -ms- transform-origin: top;
    -o- transform-origin: top;
    transition: 0.5s ease-in-out;
    transform: scaleY(0);
     -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    align-items: flex-start;}    
    
.icon{
    display: inline-block;
    padding: 10px;
    color: #fff;
    background-color: #2c638d;
    border-radius: 5px;
    font-size: 20px;
    line-height: 0px;
    margin-top: 30px;
    float: right;
    cursor: pointer;
    z-index: 200;}
    
.navbar-collapse:hover > .nav{
    display:flex;
    transform: scaleY(1);
     -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    }
    
.nav a{
    border: 1px solid rgba(255,255,255,0);}
    
    .active a{
        border-bottom: 2px solid #2c638d;
    }   

    
    
/*----CABINET----*/  

    
.cabinet{
    height:auto;
    padding-bottom: 0px;
    width:100%;
}
    
.cabinet hr{
    width:85%;
}

.qui{
    width:100%;
    margin-bottom: 20px;
    text-align: justify;
}

.qui-photo{
    right:inherit;
     width:50%;
    position: relative;
    margin:auto;
    bottom: 0px;

}
    
 /*====== FORMILAIRE ======*/


#formulaire {

 height:auto;

    padding-top: 50px;
    padding-bottom: 20px;
}


.left{
    width:100%;
    display: block;
    margin:auto;
    float:none;
    padding: 20px;
    box-sizing: border-box;
    padding-bottom: 0px;
}

.right{
    width:100%;
    display: block;
    margin:auto;
    float:none;
    padding: 20px;
    box-sizing: border-box;
    padding-top: 0px;
}
    
    #contact textarea{
    
    margin-bottom: 40px;
   
}

#formulaire button {
    text-decoration: none;
    border-radius: 5px;
    padding: 20px 15px 15px 15px;
    width: 150px;
    font-size: 16px;
     font-family: 'univers';
    font-weight: 100;
    letter-spacing: 2px;
    transition: 0.3s linear;
    text-align: center;
    display: block;
    background-color: #2c638d;
    border:1px solid white;
    color: white;
   float: none;
    margin: auto;
 
}

#formulaire button:hover{
    background-color: rgba(255, 255, 255, 0.6);;
    border:1px solid white;
    color: #2c638d;
   
}    
    
.footer1, .footer3{
    width:50%;
    display: block;
   float:left;
    padding-top: 50px;
    text-align: center;
    color:white;
    font-size: 14px;
 
}
    
.footer2 {
    display: none;
    
}  
    
 .footer-bas2 ul{
    padding-top:50px;
}

    
    }