/*
* XL 
*/
@media only screen and (min-width: 1120px){



}


/*
* large (calages)
*/
@media only screen and (max-width: 1080px){
  /*
  .off-canvas-content{
  background-color:blue;
  }
  */
  #sidebar .extranet .businesslink p {
      font-size: 18px !important;   
      padding-top: 21px !important;
      padding-left: 10px !important;
      line-height: 21px !important;
  }
  #sticky{
  display:none !important;
  }


}


/*
* large- (calages)
*/
@media only screen and (max-width: 1170px){

.top-bar .menumetier{
margin-left:0; 
}
.top-bar .menumetier li{
margin-right:5px; 
}
.top-bar .menumetier li a{
font-size:12px; 
}





}


/*
* ipad 
*/
   
   
@media only screen and (min-width: 640px) and (max-width: 1024px){   

/*
.off-canvas-content{
background-color:red;
}
*/



#sticky{
display:none !important;
}

.logoresp{
margin:20px;
}


#sidebar .businesslink.qualite {
padding-left: 5px !important;
}
#sidebar .businesslink.qualite p {
    padding-left: 0px !important;
    font-size:16px !important;
}



#sidebar .extranet .businesslink img {     
    padding-left: 5px !important;
}
#sidebar .extranet .businesslink p {
    font-size: 13px !important;   
    padding-top: 21px !important;
    padding-left: 0px !important;
    line-height: 21px !important;
}


#prefooter .btcontact div {
    font-size: 13px !important;        
}
#prefooter .btcontact .fa {
    font-size: 52px;
}


/* nav mobile */
.title-bar {
    background: #505b63 !important;
}
#prehead{
display:none;
}


.businesslink.qualite{
text-align:center;
} 
#sidebar .businesslink.qualite p,
#sidebar .businesslink.qualite img {
    float: none;
    display:inline-block;
}
.extranet .businesslink p, 
.extranet .businesslink img {
    float: none;
    display:inline-block;
}

.extranet .businesslink img{
    margin-top:-28px;
    margin-right:10px;
}
#sidebar .extranet .businesslink p{
    margin-top: 26px;
    padding-top:0 !important;
} 












}

@media only screen and (max-width: 1024px) {  

/* barre mobile */
#offCanvas{
background-color:#ffffff !important;
text-align:center;
}
#offCanvas #indep a{
display:block;
margin:10px;
text-align:center;
padding:5px 0;
background-color: #505b63;
color:#ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#offCanvas #indep a.extranetsidemobile{
   background-color:#de3878;
   color:#ffffff;
   padding:10px 0;
}
#offCanvas .menumetier li{
display:block;
margin:5px auto;
width:90%;
float:none;
}
#offCanvas .menumetier{
margin-top:10px;
}

#offCanvas .menu-menu-corpo-fr-container .is-drilldown{
}
.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #ffffff;
}
.js-drilldown-back > a::before {
    border-color: transparent #ffffff transparent transparent;
}

#offCanvas .menucorporesp ul li a{
width:90% !important;
margin:5px auto;
display:block !important;
background-color: #505b63;
color:#ffffff;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;


}


.title-bar{
  padding:15px 0.5rem !important;
}


.bx-wrapper .bx-caption span i {
    font-size: 16px;
    line-height:20px;
}
.bx-wrapper .bx-caption em {
    font-size: 15px;    
}
.bx-wrapper .bx-caption {
    bottom: 0;
}
.bx-wrapper .bx-caption span {
    padding-bottom: 4px;
} 




.headermobil .menumetier {
    margin-left: 0px;
    margin-top: 0px;
}
.headermobil .menumetier li{
   width:46%;
}
.headermobil .menumetier ul li {
    margin: 10px 2% ;
    padding: 8px 0 0 40px;
}
.headermobil .menumetier ul li a {
    font-size: 14px;
    margin-top: -8px;
    padding: 15px 8px;
    height: 46px;
    font-weight:bold;
}


.headermobil #extranetlink{
margin-right:20px;
}

 
#sidebar{
margin-top:20px;
}





}



/* mobile */
@media only screen and (max-width: 640px){   

 /*
.off-canvas-content{
background-color:purple;
}
 */

/* nav mobile */
.title-bar{
    background: #505b63 !important;
}
/*#prehead,
.actuhomefixes,
#slider h2 a{
  display:none;
}*/
#accueil #slider h2 a span{
  display: none;
  float: none;
}

#prehead{
  display:none;
}


#sidebar{
margin-top:0px;
}


#textrefmobile{
   display:block;
   margin-bottom:20px;
}
#textref{
   display:none;
}


#sidebar .extranet{
}
.extranet.mobile{
  display:block;
}


.headermobil .menumetier {
    margin-left: 0px;
    margin-top: 10px;
}
.headermobil .menumetier ul li {
    margin: 2%;
    padding: 8px 0 0 40px;
}
.headermobil #extranetlink{
margin-right:0px;
}
.headermobil .menumetier ul li a {
    font-size: 14px;
    margin-top: -8px;
    padding: 9px 8px;
    height: 46px;
    font-weight:normal;
}



.remontes .cont{
   margin-bottom:20px;
}

#prefooter .logo,
#prefooter .adresse,
#prefooter .btcontact {
    margin-top: 20px;
}

#prefooter .column{
  text-align:center;
}

footer  #membres{
padding-bottom:20px;
}

footer  #membres .column{
  text-align:center !important;
  min-height:71px;
}
footer  #membres .column{
padding-left: 0.625rem !important;
}



















}