/* ------------------------------------------------ RESPONSIVE ------------------------------------------------ */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
}

img.noresponsive {
    max-width: 0;
}

/* MIN WIDTHS */
@media (min-width: 768px) {
    .pull-left-sm {float: left;}
    .pull-right-sm {float: right;}
}
@media (min-width: 992px) {
    .pull-left-md {float: left;}
    .pull-right-md {float: right;}
}
@media (min-width: 1200px) {
    .container {width: 970px;}
}

/* MAX WIDTHS */
@media (max-width: 992px) {
.entreprise .subline .col-md-4 {
/* height: auto !important*/
}
    .lang {top: -50px;right: -10px;}
    .lang li a {color: #5E5E5E}
    .lang li a:hover, .lang li a.active {color: #000}
	.subline {
background: rgb(13, 124, 67);
position: relative;
margin-bottom: 40px;
clear: both;
height: auto;
}
	.blog .dark.panel {
background-image: url(../img/bg-box2.png);
height: 100%;
background-color: rgb(16, 25, 68);
}
.blog .dark.panel .image { display: none;}	



.sante .subline, .dommage .subline, .subline {
height: auto !important;
}


}
@media (max-width: 768px) {



.entreprise .subline .col-md-4 {
 height: auto !important
}
.blog .panel .image {float:none !important}
    #header .contact {top: 0; margin-bottom: 0; width: 100%;}
    table.responsive-sm td {width: 100% !important; display: block; clear: both;padding: 15px;}
	.blog .panel .image {clear:both}	
.subline {
background: rgb(139, 192, 2);
position: relative;
margin-bottom: 40px;
clear: both;
height: auto;
}
	.sante .subline, .dommage .subline, .subline {
height: auto !important;
}
	.blog .dark.panel {
background-image: url(../img/bg-box2.png);
height: 100%;
background-color: rgb(16, 25, 68);
}
	
	
	
}
@media (max-width: 468px) {
.panelcities{
background: white !important

}

.insidebanner{
    width: 200px;
    height: 440px;
    /* margin-right: 22px; */
    border: 1px solid #CCCCCC;
    float: none;
    /* margin-top: 11px; */
    /* margin-bottom: 22px; */
    margin: auto;
    margin-left: 19px;
    margin-bottom: 20px
}
    #niceone{


background: rgba(0, 0, 0, 0.32);
    position: relative;
    
    margin-top: 0px;
    z-index: 99999999999999999999;
    
    
    } 
.entreprise .subline .col-md-4 {
 height: auto !important
}




.blog .panel .image {float:none !important}
    .hidden-xxs, tr.hidden-xxs, th.hidden-xxs, td.hidden-xxs {
        display: none!important;
    }
.sante .subline, 	.dommage .subline,  .subline {
height: auto !important;
}
    .col-xxs-12 {width: 100%}
    table.responsive-xs td {width: 100%; display: block; clear: both}
}