/****************************************************
        media css
*****************************************************/
@media (max-width: 2251px) {

}
@media (max-width: 1500px) {
	.carousel-indicators {
		top:160px!important;
	}
	.black-bloc {
		height: 100px!important;
		padding: 15px 20px;
	}
	.text-only {
		padding-top: auto!important;
	}
	.black-bloc img {
		padding-left: 0 !important;
	}
}
@media (max-width: 1450px) {

}
@media (max-width: 1383px) {
	.logo-fl-desk{
		display: none;
	}
	.lg-display-none {
		display: none!important;
	}
	.md-display-none{
		display: none!important;
	}
	nav .container{display: table-cell;}
	.sticky-nav-fl .nav > li { float: left; width: 100% !important; margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
	.sticky-nav-fl .nav > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .sticky-nav-fl ul li a:hover { color: #fff !important;  background-color:#000;}
    .sticky-nav-fl ul li a:hover i { color: #fff!important; border-color:#ff9a15; }
    .sticky-nav-fl .navbar-nav > li > a { font-weight: 700; }
    .sticky-nav-fl .navbar-nav > li > a i { display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 14px; color:#fff!important; width: 20px; height: 20px; vertical-align: middle; padding: 0 0 0 4.2px; line-height: 20px; }
	.nav-fl.sticky-nav-fl .navbar-nav li a {color: #ccc!important;}
	.nav-fl.sticky-nav-fl .navbar-nav li a.select {color: #fff!important;}
    .nav-fl.shrink-nav .navbar-nav li a { color: #fff !important;}
	.nav-fl.shrink-nav .navbar-nav li a:hover { color: #fff !important;}
	.nav-fl.shrink-nav .navbar-nav li a.select { color: #fff !important;}
	
	 /*  position hauteur menu responsive */
    .navbar .text-right {background-color:#434343; min-height: 0; padding: 0;  position: absolute; top: 60px; width: 100%; }
    .navbar.shrink-nav .text-right { top: 61px !important;}
    .static-sticky .text-right { top:61px !important;}
	.navbar .text-right .lang { background-color: rgba(100, 100, 100, 0.95); min-height: 0; padding: 0;  position: absolute;  top: 236px; width: 100%;padding-left:8px;}
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus, 
    .navbar-nav > li > a { border-bottom: 0 !important;}
    .navbar-default .navbar-nav > li > a { color: #fff; display: block; height: 38px; line-height: 38px; padding: 0 0 0 15px; text-align: left; }
	.navbar-default .navbar-nav .lang > li { color: #fff; display: block; height: 38px; line-height: 38px; margin:0 0 0 8px; font-size: 18px; }
	.navbar-default .navbar-nav .lang > li > a { color: #fff; display: block; height: 38px; line-height: 38px; padding:0; text-align: left; }
    .navbar-collapse.in { overflow-x: hidden; }
    .navbar-default .col-sm-3 { float: left; }
	
	.sticky-nav-fl .navbar-nav a.select {
		border: none !important;
		font-weight: bold;
		padding-left: 15px!important;
		padding-right: 0!important;
		font-size:14px!important;
	}
	.sticky-nav-fl .navbar-nav a.select:hover {
		border:none !important;
		background-color:#000!important;
		color: #fff!important;
	}
	.ra-2019-book img {
		width:100%!important;
		height: auto!important;
	}
	#chiffres img {
		width:100%!important;
		height: auto!important;
	}
	/*  Solutions */
	.marches-info {
		padding-left: 25px!important;
	}
	.picto-title {
		font-size: 9px!important;
		letter-spacing: -0.02em!important;
	}

}
 
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .md-display-block { display: block !important}
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .md-no-margin-bottom { margin-bottom: 0 !important}
}
@media (min-width: 992px) and (max-width: 1199px) {
  
}
@media (max-width: 1199px) {
	.lg-display-block { display: block !important}
	.lg-display-none { display: none!important}
   
    /*  text center  */
    .md-text-center { text-align: center !important;}
    
    /*  display  */
    .md-display-none { display: none !important}
    
    /*  margin  */
	.gradient-bg-news {
		padding: 50px !important;
	}
	.gradient-bg-news h3 {
		font-size: 50px !important;
		line-height: 50px !important;
		margin: 0 0 20px 0 !important;
	}
	.bg-news {
		background-color: #fff !important;
	}
	.news-one {
		padding: 20px;
	}
	/*  Solutions */
	.carousel-indicators {
		top:120px!important;
	}
	.bloc-strategie {
		height: 620px!important;
	}
	.bloc-link-snef, .bloc-link-snef-small{
		width: 170px!important;
	}
	#developpement .img-hidden {
		display:block!important;
	}
	#developpement .space-left {
		padding-bottom: 209px!important;
	}
	#developpement .space-right {
		padding-bottom: 190px!important;
	}
	.btn-fl {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
		font-size: 12px!important;
	}
}
@media (max-width: 1064px) {

   
}
/******* Only for iPad Css *******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* for general iPad layouts */
    .navbar-nav > li > a { border-color: transparent !important; }
    .navbar-nav > li > a.active { border-color: black !important;  }
	
	/*Home*/
	.counter .col-lg-7 {
	  -ms-flex: 0 0 100%!important;
	  flex: 0 0 100%!important;
	  max-width: 100%!important;
	  padding-left: 0!important;
	  padding-right: 0!important;
	  margin-left: 0!important;
	  margin-right: 0!important;
	}
	.counter .col-lg-5 {
	  -ms-flex: 0 0 100%!important;
	  flex: 0 0 100%!important;
	  max-width: 100%!important;
	  padding-left: 0!important;
	  padding-right: 0!important;
	  margin-left: 0!important;
	  margin-right: 0!important;
	  margin-top:60px!important;
	}
	.counter .col-lg-4 {
	  -ms-flex: 0 0 33%!important;
	  flex: 0 0 33%!important;
	  max-width: 33%!important;
	  padding-left: 0!important;
	  padding-right: 0!important;
	  margin-left: 0!important;
	  margin-right: 0!important;
	}
	.news .col-lg-4 {
	  -ms-flex: 0 0 33.2%!important;
	  flex: 0 0 33.2%!important;
	  max-width: 33.2%!important;
	}
}
@media (max-width: 1024px) {
    /*  navigation position  */
    .navbar-right .dropdown-menu {
		right: -147px;
	}

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

	.sm-display-block {
		display: block !important;
	}
	.sm-display-none {
		display: none !important;
	}
	.md-display-block {
		display: block !important;
		
	}
	.md-display-none {
		display: none !important;
	}
	.separator-line-li {
		margin: 25px auto !important;
	}
	.mobile-spacer {margin-bottom:50px !important;
	}
	.margin-col-md {
		margin-bottom: 25px;;
	}

	/*Home*/
	
	/* Groupe*/
	#groupe-header{
		background: url("../images/groupe/fourelagadec_groupe_header_mobile.jpg") center no-repeat !important;
	}
	#groupe-header .title-header {
		padding-top: 150px!important;
		text-align: center!important;
	}
	h1 {
		padding-bottom: 20px;
	}
	#organisation-gradient-top {
		margin-top: -50px!important;
	}
	#organisation-gradient-bottom {
		margin-bottom: -50px!important;
	}
	/* Offre*/
	#offre-header{
		background: url("../images/offre/fourelagadec_offre_header_mobile.jpg") center no-repeat !important;
	}
	#offre-header .title-header {
		padding-top: 150px!important;
		text-align: center!important;
	}
	#performances .img-mobile {
		display: block!important;
	}
	.secteurs-title {
		margin-top: 100px!important;
	}
	.img-secteurs-desktop,.carousel-desktop {
		display: none !important;
	}
	.img-secteurs-mobile, .carousel-mobile {
		display: block !important;
	}
	/* Engagements*/
	#engagements-header{
		background: url("../images/engagements/fourelagadec_engagements_header_mobile.jpg") center no-repeat !important;
	}
	#engagements-header .title-header {
		padding-top: 150px!important;
		text-align: center!important;
	}
	.btn-fl {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
		font-size: 16px!important;
	}
	/* Contact*/
	#contact-header{
		background: url("../images/contact/fourelagadec_contact_header_mobile.jpg") center no-repeat !important;
	}
	#contact-header .title-header {
		padding-top: 150px!important;
		text-align: center!important;
	}

	/* Footer*/
	.spacing-line { 
		margin-top: 10px!important;
	}
	.logo-societe img {
		width: 75%!important;
	}
	.logo-societe .row {
		text-align: center!important;
	}
	footer h5 {
		text-align: center!important;
	}
	.bloc-footer-text {
		padding-right: 	0!important;
		margin-bottom: 30px;
	}
	.footer-middle {
		padding-left: 40px;
		padding-right: 40px;
	}
    .footer-social {
		text-align: center !important;
		margin-top: 15px;
	}
	.copyright {
		text-align: center;
		margin: 0px auto 10px auto;
	}
	.footer-signature {
		text-align: center !important;
		margin: 10px auto 0 auto;
		padding-bottom:25px;
	}
	.footer-bottom {
		margin-bottom: 0px!important;
	}
}

@media (max-width: 920px) {
	.sm-margin-10 {margin-bottom:30px !important;}
	   	/*  Engagements */
}

@media (max-width: 768px) {
    .nav > li {width: auto;}
    .nav-tabs > li.active > a { margin-bottom: 0px; }
    .nav-tabs > li > a:hover { margin-bottom: 0px; vertical-align: top;}
	
	.margin-col-sm {
		margin:50px auto 0;
	}
	
	/*Home*/
	#home-header {
		height: 468px!important;
		background-image:url("../images/home/fourelagadec_home_header_mobile.jpg")!important;
	}
	#logo-header {
		margin: 100px auto 0!important;
		width: 200px!important;
	}
	.btn-circle {
		margin-top: 150px!important;
	}
	.bouton-video {
		margin-top: 25px!important;
	}
	/*Groupe*/
	#timeline {
		background: url("../images/groupe/fourelagadec_timeline_mobile.svg") center no-repeat !important;
		height: 1100px!important;
		margin-bottom: 20px!important;
	}
	#timeline-en {
		background: url("../images/groupe/fourelagadec_timeline_mobile_en.svg") center no-repeat !important;
		height: 1100px!important;
		margin-bottom: 20px!important;
	}
}
@media (max-width: 767px) {
	/* Parameter */
	.sm-text-center {
	text-align: center;
	}
	.xs-display-block {
		display: block !important;
	}
	.sm-display-block {
		display: block !important;
	}
    section {
		padding: 50px 0;
	}
	.title-header {
		padding-top:0px !important;
		margin-top: -50px!important;
	}
	h1 {
		font-size:25px !important;
		line-height:30px !important;
	}
	.btn-header-orange {
		margin-top:25px !important;
	}
	.margin-top-150 {
		margin-top: 75px !important;
	}

	.counter {
	margin-bottom:50px!important;
	}
  	.counter-number {
		margin:0px !important;
		font-size: 50px !important;
	}
	.counter-title {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	.bg-news {
		background-color: #fff;
	}
	.news-date,
	.news-title,
	.news-description {
		padding: 0 20px;
	}
	.btn-news-blue {
		margin: 20px 0 0 15px!important;
	}
	.force {
		padding-left:15px!important;
	}
	.btn-news {
		margin: 0 0 0 15px;
	}
	/*footer*/
	.logo-societe img {
		width: 100%!important;
	}
}
@media (max-width: 700px) {
}
@media (max-width: 640px) {

	#telecom-brand, #powerservices-brand, #lab-brand {
		margin: 240px auto 0!important;
	}
	.carousel-indicators {
		top:110px!important;
	}
	.margin-top-100 {
		margin-top: 50px!important;
	}
	
}
@media (max-width: 589px) {
   
}
@media (max-width: 580px) {
 
}
@media (max-width: 480px) {
    /*  navigation  */
    .navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 394px;
	}

}
@media (max-width: 420px) {   
   
}
@media (max-width: 466px) {

}
@media (max-width: 420px) {
	.counter-number {
		font-size: 40px !important;
	}
	.counter-title {
		font-size: 12px !important;
		line-height: 18px !important;
	}

}
  
@media (max-width: 380px) {
  
}
@media (max-width: 330px) {
   
}
/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse { max-height: 275px !important; }
}
@media (max-width: 320px) {
   
}
@media (min-width: 640px) {
     
}
@media (min-width: 768px) {
	.footer-signature {
    text-align: right !important;
	}
	
}
@media (min-width: 992px) and (max-width: 1200px) {
      
}