@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.line-line{
    font-size:12px
}
.menu-up {
    z-index:11 !important;
}
.up-bag{
    margin-bottom: 35% !important;
}
.colors_txt{color:yellow;}
.color_app{
    background:#00336C;
}
.pros-txt{
        color: #333;
    font-size: 16px;
    height: 114%;
    font-family: "Raleway", sans-serif;
    /*width: 44%;
    margin-left: 524px;*/
width: 62%;
    margin-left: 365px;
}
.title-menu{
    margin-bottom: 10px ;
}
 .But-droit {
        display: inline-block;
        right: 18%;
        left: 15%;
        padding-bottom: 28%;
        zoom: 0.8 !important;
    }
.t-ds{
    width: 94% !important;
}
.up_top {
    width: 81% !important;
    bottom: 150px !important;
}
.sty-droit{
    color:white;
    font-family:Calibri;
}
.esp_r {
    right: 10%;
}
.test{
   
  
    height: 562px;
    padding-bottom: 31% !important;

}
.widget-title {
            color: white;
            /*margin-top: 16px;*/
        }

.colorchange {
            color: yellow;
        }
.p-design {
            font-family: gilroy;
            line-height: 1.5;
            font-size: 20px;
            width: 116%;
            margin-left: -15%;
          
            color: black;
        }
.But-droit{
    display: inline-block;
    right: 18%;
    left: 15%;
    padding-bottom: 28%;
}
.sl {
    bottom: -96px !important;
}
.col-btn-1:hover {
    color: #444444 !important;
    background-color: #FFFFFF;
}
.col-but{
    width: 253px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    padding: 10px 33px;
    border: 3px solid #FFFFFF;
    border-radius: 26.4px;
    cursor: pointer;
    color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}
.footer-cont {
    text-align: center !important;
    margin: auto !important;
}
.ryl-btn-2:hover{
    background-color:blue
}
.ryl-btn-2 {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    padding: 12px 35px;
    border: none;
    border-radius: 26.4px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #56ACCB;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.menu-nav {
    position:fixed !important;
}
.Test-txt {
   
    font-size: 41px;
    margin-bottom: 20%;
    margin-top: 18%;
    margin-right: 18%;
    margin-left: 18%;
    animation: 400ms ease 600ms normal forwards 1 running fadeInUp
}
.cont-cent{
        margin: auto !important;
}
.slider-response{
     height: 770px !important;
     width: 100% !important;
 }

/*==================
    PAGE D'ACCUEIL
====================*/

@media only screen and (mix-width: 1026px) and (max-width: 1172px){

     .up-bag {
         margin-bottom: -8% !important;
         width: 120%;
    }

    .But-droit {
        display: inline-block;
        right: 18%;
        left: 15%;
        padding-bottom: 28%;
        zoom: 0.7 !important;
    }
   
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
    .sl {
        bottom: 47% !important;
        zoom: 1.2;
    }
    .But-droit {
        display: inline-block;
        right: 18%;
        left: 15%;
        padding-bottom: 18%;
        
    }
    .main-menu .navbar-nav {
        display: inline-block;
        float: left;
        margin-left: 31%;
    }
}
@media only screen and (max-width: 768px) {

    .sl {
       /* bottom: 42% !important; */
        bottom: 37% !important;
    }
}
@media only screen and (mix-width: 681px) and (max-width: 767px){
  
    .col-but {
        width: 61% !important;
    }
      .But-droit {
        display: inline-block;
        right: 18%;
        left: 15%;
        padding-bottom: 14%;
        zoom: 0.7;
    }
   
}
@media only screen and (min-width: 360px) and (max-width: 680px) {
    .col-but {
        width: 88% !important;
        position: relative;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
        padding: 10px 33px;
        border: 3px solid #FFFFFF;
        border-radius: 26.4px;
        cursor: pointer;
        color: #FFFFFF;
        transition: all 0.3s ease-in-out;
    }
    .sl {
        /*bottom: 112px !important; */
    }
    .navbar-toggler {
        margin-right: 17% !important;
    }
    .main-menu {
        width: 100% !important;
    }
    .main-menu .navbar-nav {
       width: 139%;
       margin-left: 203px;
    }     
     
    .d-block {
        display: block !important;
        max-width: 190% !important;
    }
    .Test-txt {
        margin-bottom: 8% !important;
        font-size: 25px !important;
    }
    .p-design {
        font-family: gilroy;
        line-height: 1.5;
        font-size: 20px;
        width: 144% !important;
        background: rgba(130, 130, 130, 0.5);
        color: black;
    }
    .Rs-g {
        margin-bottom: 568px !important;
    }
   
    .slider-response {
    height: 453px !important;
    width: 100% !important;
}
 .But-droit {
        display: inline-block;
        right: 18%;
        left: 15%;
        padding-bottom: 28%;
        /*zoom: 0.7 !important;*/
        width:111%;
    }    
}
@media only screen  and (max-width: 359px) {
    .sl {
        bottom: 10% !important;
    }
    .slider-response {
        height: 476px !important;
        width: 100% !important;
    }
}

/*==================
    DROIT AFFAIRES
====================*/

@media only screen and (min-width: 1408px) and (max-width: 1560px){
  .up-bag {
    margin-bottom: -5% !important;
}
.img-fluid {  
            /*height: 700px !important;*/
        height:    1531px !important
    }

}
@media only screen and (min-width: 1301px) and (max-width: 1407px){
.up-bag {
    margin-bottom: 3% !important;
}
.img-fluid {  
            height: 800px !important;
    }

}
@media only screen and (min-width: 1176px) and (max-width: 1300px){
.up-bag {
    margin-bottom: 3% !important;
}
.img-fluid {  
            height: 870px !important;
    }

}
@media only screen and (min-width: 1025px) and (max-width: 1175px){
.up-bag {
    margin-bottom: 25% !important;
    width: 934px;
    right: 135px;
}
.img-fluid {  
            height: 888px !important;
    }

}
@media only screen and (min-width: 924px) and (max-width: 1024px) {
       
.up-bag {
    margin-bottom: 0% !important;
    right: 32%;
    width: 164%;
}
.img-fluid {  
        height: 683px !important;
    }
}
@media only screen and (min-width: 815px) and (max-width: 923px){
    .up-bag {
    margin-bottom: -6% !important;
    right: 32%;
    width: 164%;
}
.img-fluid {  
        height: 732px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 814px){
    .up-bag {
    margin-bottom: -6% !important;
    right: 32%;
    width: 164%;
}
.img-fluid {  
        height: 909px !important;
    }

}
@media only screen and (min-width: 742px) and (max-width: 767px){
    .up-bag {
    margin-bottom: -6% !important;
    right: 32%;
    width: 164%;
}
.img-fluid {  
        height: 909px !important;
    }

}
@media only screen and (min-width: 681px) and (max-width: 741px){
    .up-bag {
    margin-bottom: -6% !important;
    right: 32%;
    width: 164%;
}
.img-fluid {  
        height: 981px !important;
    }

}

/*======================================
 VERSION MOBILLE LES DROITS DES AFFAIRES
========================================*/
@media only screen and (min-width: 572px) and (max-width: 680px) {
       
.up-bag {
    margin-bottom: 25% !important;
    width: 150%;
    right: 24%;
    }
     .img-fluid {  
        height: 1203px !important;
    }
}
@media only screen and (min-width: 462px) and (max-width: 571px) {

.up-bag {
    margin-bottom: 9% !important;
    width: 150%;
    right: 24%;
    }
 .img-fluid {  
        height: 1203px !important;
    }
}
@media only screen and (min-width: 424px) and (max-width: 461px) {

.up-bag {
    margin-bottom: 15% !important;
    width: 150%;
    right: 24%;
    }
 .img-fluid {  
        height: 1303px !important;
    }
}
@media only screen and (min-width: 415px) and (max-width: 423px) {

.up-bag {
    margin-bottom: -2% !important;
    width: 158%;
    right: 29%;
}
 .img-fluid {  
        height: 1203px !important;
    }
}
@media only screen and (min-width: 379px) and (max-width: 414px) {

.up-bag {
    margin-bottom: 0% !important;
    width: 150%;
    right: 24%;
    }
 .img-fluid {  
        height: 1403px !important;
    }
}
@media only screen and (min-width: 360px) and (max-width: 378px) {

.up-bag {
    margin-bottom: -12% !important;
    width: 124%;
    right: 6%;
}
 .img-fluid {
    height: 1741px !important;
}
}
@media only screen  and (max-width: 359px) {

.up-bag {
    margin-bottom: -9% !important;
    width: 150%;
    right: 24%;
    }
 .img-fluid {  
        height: 1678px !important;
    }
}