﻿.titre-color {
     /*color : #ff2015;*/
     border-bottom-color : #ff2015;
}



 .img-logo {
     background:url('logo_couleur.png');
    background-size:contain ;
    background-repeat : no-repeat ;
    height: 50px;
    width : 250px;
    -ms-behavior: url('backgroundsize.min.htc');
}

.btn-retour {
    color : #ff2015;
    border-radius: 8px;
    padding:10px;
}

.btn-retour:hover {
    color : #FFFFFF;
    background-color : #ff2015;
    transition: background-color 0.3s ease-in-out; 
    -webkit-transition: background-color 0.3s ease-in-out; 
    -moz-transition: background-color 0.3s ease-in-out; 
    -o-transition: background-color 0.3s ease-in-out;

    cursor:pointer;
    border-radius: 8px;
}

.etat-dossier-back {
   background: #ff2015;
   border-radius: 10px;
   text-transform:uppercase;
}
.etat-dossier-back-vide {
    background: #FFFFFF;
    border-radius: 10px;
    text-transform: uppercase;
}


.heading:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 100px;
    border-top: 1px solid #e20011;
}

.color_title {
    color: #ff2015;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-rechercher {
    color: #fff;
    background-color: #ff2015;
    border-color: #ac2925;
}

    .btn-rechercher:hover {
        color: #fff;
        background-color: #ff2015;
        border-color: #ac2925;
        opacity: 0.8;
    }


.btn-white {
    background-color: #ff2015;
    border-color: #fff;
    color: #fff;
}

    .btn-white:hover {
        background-color: #fff;
        border-color: #fff;
        opacity: 0.9;
        color: #ff2015;
    }

#section_mockup {
  background-color: #fffff;
  padding-bottom: 35px;
  padding-top: 25px;  
}

.chiffre-list li i {
    color: #ff2015;
    margin-right: 7px;
    font-size: 18px;
}


 
.mockup {
    margin-top:0px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover; 
    background-repeat:repeat;
    background-image: url('mockup_confo.jpg'); 
    -ms-behavior: url('backgroundsize.min.htc');
}

 


 .logo_home {
    background:url('logo_blanc.png');
    background-size:contain ;
    background-repeat : no-repeat ;
    margin-top:20px;
    margin-left:20px;
    height: 75px !important;
    width: 400px !important;
    -ms-behavior: url('backgroundsize.min.htc');
}


  @media screen and  (max-width: 992px) {
        .logo_home {
        height: 65px !important;
        width: 348px !important; 
        -ms-behavior: url('backgroundsize.min.htc');
    }

    .full-screen { 
        background: url(landing-1-sm.jpg) no-repeat !important;
    }

}

    

@media screen and (max-width: 767px) {
        .logo_home {
        height: 60px !important;
        width: 320px !important;
        -ms-behavior: url('backgroundsize.min.htc'); 
    }

        
     .full-screen { 
        background: url(landing-1-xs.jpg) no-repeat !important;
    }

     .mockup {
          background-image: url('mockup_confo-xs.jpg'); 
          -ms-behavior: url('backgroundsize.min.htc');
    }
}


  @media screen and (max-width: 479px) {
    .img-logo {
        height: 28px !important;
        width: 200px !important;
        margin-left:4px;
        margin-top:10px;
    }

    .logo_home {
        height: 40px !important;
        width: 213px !important; 
        margin-left: 0px !important;
        -ms-behavior: url('backgroundsize.min.htc');
    }

     .full-screen { 
        background: url(landing-1-xxs.jpg) no-repeat !important;
    }

     .mockup {
          background-image: url('mockup_confo-xxs.jpg'); 
          -ms-behavior: url('backgroundsize.min.htc');
    }

}


.full-screen { 
    height: auto; 
    background: url(landing-1.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover;
}


  .btn-devis-color {
    border: 2px solid #ff2015;
    color: #ff2015 !important;
     border-radius: 10px;
  }  

  .btn-devis-color:hover {
    border: 2px solid #FFF;
    color: #FFF !important;
    background:#ff2015!important;
     border-radius: 10px;
  }  



#img_paris  { 
     background-image: url(pastille_paris.png); 
}

#img_compiegne  { 
     background-image: url(pastille_compiegne.png); 
}

#img_lyon  { 
     background-image: url(pastille_lyon.png); 
}

#img_toulouse  { 
     background-image: url(pastille_toulouse.png); 
}

#img_la_chapelle  { 
     background-image: url(pastille_la_chapelle.png); 
}

 #img_rodez  { 
     background-image: url(pastille_rodez.png); 
}

#img_mulhouse  { 
     background-image: url(pastille_mulhouse.png); 
}


.color-line {
    margin: auto;
    z-index: 1;
    width: 150px;
    height: 1px;
    background: #ff2015;
}

.bandeau-consultation {
    margin-top:0px;
    background-image: url('bandeau.jpg'); 
    background-repeat:no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
    -ms-behavior: url('backgroundsize.min.htc'); 
}


.mockup-bandeau {
    margin-top:0px;
    background-image: url('mockup_consultation.jpg'); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; 
    background-size: cover; 
    -ms-behavior: url('backgroundsize.min.htc');
    background-repeat:repeat !important;
}
