/* iPads (portrait and landscape) ----------- */
@media (max-width: 1920px) {
    
.cookies_ok{min-width: 100% !important;}
.cookies_detail {text-align: center;}
}


@media (max-width: 1200px) {
	#contLogo { 
	float:left !important; 
	margin-right:30px !important; 
	margin-left:30px !important;}
		
	#main-menu.stick { width:100% !important;}
	.display { display:none !important;}
	.container { width:100%; margin:auto;}

	/*============  Buttons oui/non accueil  =============*/
.bt_non a{
     float:left;
     margin:-65.5px 0px 0px 350px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}
.bt_non a:hover,
.bt_non a.active,.bt_oui a:hover,
.bt_oui a.active
{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform:scale(1.25); /* Safari et Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* Internet Explorer 9 */
  -o-transform:scale(1.25); /* Opera */
  transform:scale(1.25);
}

.bt_oui a{
 
    display: inline-block;
     margin:30px 0px 0px 200px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}

	.socials li{
    margin-left: 10px;
    margin-right: -10px;
    margin-top: 22.5px;
    list-style: none;
    width: 20px;
    text-align: center;
    background-color: #fff;
    border-radius: 1px;
    display: inline-block;
    position: relative;
}

.text_top_left a {
    color: #fff;
    margin-left: 10px;
    float: left;   
    width: 300px;
    font-weight: 400;
}

.text_top_right_user a {
    display: block;
    color: #fff;
    margin-top: -40px;
    margin-left: 1000px;


.cookies_ok{min-width: 100% !important;}
.cookies_detail {text-align: center;}
#cooker{padding:20px;}


}

@media (max-width: 990px) {
    
    .nav{
        display: none;
    }
    .socials{
        display: none;
    }
	.widget-text-left{
    text-align:center;
}
}

@media (max-width: 960px) {
 body{ overflow-x: hidden;}
    
.top_bar{
        display: none;
    }
	
	.stick img { 
      display: block;
     position: absolute;
     bottom: 0;
     right: 378px;
     width: 65px;
     padding-left: 0px;
     padding-right: 0px;
    }
	
	.navbar-toggle {
    display: inline-block;
  }
  #main-menu .navbar-form{ display: none;}
  #main-menu{
        text-align: center;
		
    }
	.navbar-header {
        float: none;
		width:40% !important;
		padding-left:0px !important;
		padding-right:30px !important;
		margin-top:-65px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {display: block !important;}
    .collapsing {overflow: hidden!important; }
    #main-menu .navbar-form {padding: 12px 15px;}
    #main-menu .navbar-form,
    .navbar-form .input-group{ 
        width: 100%;
    }
    .navbar-nav {margin: 0 -15px;}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 25px;
    }
    .dropdown-menu > li > a, 
    #main-menu.navbar-default .navbar-nav > li > a { }
    h1 {
        font-size: 50px;
        line-height: 50px;
    }
    
	
	
    .en-cta{ text-align: center;}
    a.btn{ margin-top: 30px}
    #en-portfolio .item p{ font-size: 12px}
    #en-portfolio .hover-bg .hover-text{height: 100%}
    ul.cat li a {border-color:#f1f1f1 }
    ul.list-inline.cat{border-color: transparent;}
    ul.cat li a { line-height: 50px; }
    #itemsWork .hover-bg .hover-text.off { height: 100%; }
    #itemsWork.col3 .hover-bg .hover-text.off { height: 60%}
    .en-cta .text-right {text-align: center !important;}
	
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:600px !important; height:auto !important;}
	#top-menu small { padding-left:15px; font-size:8px;}
	#home { display:none !important;}
	
	
	
	#header-slider { display:block !important;}
	#header-slider .lead {display:;}
    #header-slider .carousel-caption {top: 15%;}
	#header-slider .item img { min-height:300px;}
	
	#header-slider2 { display:block !important;}
	#header-slider2 .lead {display:;}
    #header-slider2 .carousel-caption {top: 15%;}
	#header-slider2 .item img { min-height:300px;}
	
	
	#contLogo { float:none !important; width:60%; margin:auto !important;}	
	
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu { width:100% !important;}
	#myMenu li { width:100% !important; }
	
	.display { display:none !important;}
	#conteneurEquipe { width:80% !important; margin:10% !important; }
	#video { display:none;}

	.bt_demande{
    padding: 10px;
    line-height: 15px;
    margin-top:10px;
	margin-left:0px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    color: #232323;
    background: #A5C81D;
}

	
}

@media (max-width:1024px)
{
	.text_top_right_user a{
    display: block;
    color:#fff;
    margin-top:-40px;
    margin-left:900px;
}

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

/*============  Buttons oui/non accueil  =============*/
.bt_non a{
     float:left;
     margin:-65.5px 0px 0px 250px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}
.bt_non a:hover,
.bt_non a.active,.bt_oui a:hover,
.bt_oui a.active
{
    background: #808080;
}

.bt_oui a{
 
    display: inline-block;
     margin:30px 0px 0px 200px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}   
}
	

@media (max-width: 768px) {
  
  .navbar-toggle {
    display: inline-block;
  }
  #main-menu .navbar-form{ display: none;}
  #main-menu{
        text-align:center;
    }
	
.cookies_ok{margin-top:20px; }	
	 .stick img { 
     display: block;
     position: absolute;
     top: -1px;
     bottom: 0;
     right: 350px;
     width: 65px;
     padding-left: 0px;
     padding-right: 0px;
    }
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	
	#myMenu li { width:100% !important; } 
	.display { display:none !important;}
	#conteneurEquipe { width:90% !important; margin:5% !important; }
	#video { display:none;}
}
@media (max-width: 768px) {
    body{ overflow-x: hidden;}
    .navbar-header {
        float: none; width:40% !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {display: block !important;}
    .collapsing {overflow: hidden!important; }
    #main-menu .navbar-form {padding: 12px 15px;}
    #main-menu .navbar-form,
    .navbar-form .input-group{ 
        width: 100%;
    }
	
	.search_menu{
    margin-left:0px;
    width:100%;
    margin-top:0px;
    margin-bottom: 10px;
}

    .navbar-nav {margin: 0;}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 25px;
    }
    .dropdown-menu > li > a, 
    #main-menu.navbar-default .navbar-nav > li > a {  }
    h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .en-cta{ text-align: center;}
	a.btn{ margin-top: 30px}
    #en-portfolio .item p{ font-size: 12px}
    #en-portfolio .hover-bg .hover-text{height: 100%}
    ul.cat li a {border-color:#f1f1f1 }
    ul.list-inline.cat{border-color: transparent;}
    ul.cat li a { line-height: 50px; }
    #itemsWork .hover-bg .hover-text.off { height: 100%; }
    #itemsWork.col3 .hover-bg .hover-text.off { height: 60%}
    .en-cta .text-right {text-align: center !important;}
	
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:500px !important; height:auto !important;}
	
	.logo {font-size: 40px;}
	.top-links { margin-top:10px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:12px; display:block; margin-top:10px !important;}
	#home { display:none !important;}
	
	
	#header-slider { display:block !important;}
	#header-slider .lead {display:;}
    #header-slider .carousel-caption {top: 10%;}
	#header-slider .item img { min-height:280px;}
	
	#header-slider2 { display:block !important;}
	#header-slider2 .lead {display:;}
    #header-slider2 .carousel-caption {top: 15%;}
	#header-slider2 .item img { min-height:280px;}
	
	.bandeauLeft { position:relative !important; width:100% !important;}
	.bandeauLeft a { width:100% !important;}
	.bandeauLeft div { float:none !important; text-align:center;}
	.bandeauLeft #vs { padding:5px 0 !important;}
	.bandeauRight { margin-left:0px !important;}
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	
	#myMenu li { width:100% !important; } 
	.display { display:none !important;}
	#conteneurEquipe { width:100% !important; margin:0% !important; }
	#video { display:none;}
	#logoLoading { width:100px;}
	



/*============  Buttons oui/non accueil  =============*/
.bt_non a{
     float:left;
     margin:-65.5px 0px 0px 200px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}
.bt_non a:hover,
.bt_non a.active,.bt_oui a:hover,
.bt_oui a.active
{
    background: #808080;
}

.bt_oui a{
 
    display: inline-block;
     margin:30px 0px 0px 180px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}
.cookies_ok{  
	min-width: 315px !important;
    height:30px!important;
    line-height:26px;
    margin:5px 0px 5px 0px;
    color:#fff; 
    text-align:center;
    border:2px solid #fff;
    border-radius:3px;
    box-sizing:border-box;
    text-decoration:none;
    text-transform:uppercase;
    transition:all .2s ease-in-out;
    white-space:nowrap;
    -webkit-font-smoothing:antialiased;
    cursor:pointer!important;
    background-color:#B69F91 !important;
    border-color:#B69F91 !important;
	}
	
.h2_cookies{text-align:left; margin-bottom:10px; font-size: 12px;  font-weight:400;}
.text_cookies{font-size: 12px;}
.cookies_ok{ min-width: 50% !important; float:right; margin-top:5px; font-size: 12px;}
.cookies_detail{font-size: 12px; padding-top:5px;text-align: left; margin-top:5px;}

}


@media (max-width: 640px) {     

	
    #top-menu,
    .text-right{ text-align: center;}
    #main-menu{ width:100%;}
    #main-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #top-menu .navbar-header{ 
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #top-menu .navbar-brand{ float: none !important;}
    .logo{ margin-right: 0}
    .top-contact ol li {
        margin-left: 0;
        margin: 0 10px;
    }
    h1 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0;
    }
    
	
    a.btn{ margin-top: 15px}
    .widget,
    .news,
    .service { margin-bottom: 40px; }
    .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    #en-portfolio .item p{ font-size: 14px}
    #itemsWork.col3 .hover-bg .hover-text.off { height: 80%}
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:400px !important; height:auto !important;}
	
	.logo {font-size: 40px;}
	.top-links { margin-top:10px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:12px; display:block; margin-top:10px !important;}
	#home { display:none !important;}
	
	#header-slider { display:block !important;}
	#header-slider .item img { min-height:250px;}
	#header-slider .carousel-indicators {bottom: 20px }
	
	#header-slider2 { display:block !important;}
	#header-slider2 .item img { min-height:250px;}
	#header-slider2 .carousel-indicators {bottom: 20px }
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu li { width:100% !important; } 
	#contenairPartenaire { float:none !important; width:100% !important; min-width:100% !important; text-align:center !important;}
	#video { display:none;}
	#logoLoading { width:100px;}
	/*#btn_up { display:none !important;}*/
	#support { display:none !important;}


	/*============  Buttons oui/non accueil  =============*/
.bt_non a{
     float:left;
     margin:-65.5px 0px 0px 135px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}
.bt_non a:hover,
.bt_non a.active,.bt_oui a:hover,
.bt_oui a.active
{
    background: #808080;
}

.bt_oui a{
 
    display: inline-block;
     margin:30px 0px 0px 200px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}

	
}
@media (max-width: 460px) {
	.logo {font-size: 40px; height:200px !important;}
	.top-links { margin-top:30px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:12px; display:block; margin-top:20px !important;}
	.hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    	}
		
	.stick img { 
     display: block;
     position: absolute;
     top: 0px;
     bottom: 0;
     right: 155px;
     width: 65px;
     padding-left: 0px;
     padding-right: 0px;
    }
	
    h2 { font-size: 24px;}
    
	#testimonial .item {width: 100%;}
    #en-header .pull-right, 
    #en-header .pull-left{ 
        float: none !important;
        text-align: center;
    }
    .spacer{ padding: 10px 0}
    .smallspacer{ padding: 0}
    .media.comment .media-body{ font-size: 12px;}
    .comments img.media-object {
        width: 60px;
        height: 60px;
    }
    .author img.media-object {
        width: 80px;
        height: 80px;
    }
    #en-team .hover-bg .hover-text.off { height: 100%; }
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:300px !important; height:auto !important;}
	#home { display:none !important;}
		
	#header-slider { display:block !important; }
	#header-slider .item img { min-width:900px;}
	#header-slider .carousel-caption {top: 10%;width:100%;bottom:23%;}
	#header-slider .carousel-caption p {margin-top:3%; text-align: left;}
    
	.left span.fa,.right span.fa {display: none;}
		
	#header-slider2 { display:block !important; }
	#header-slider2 .item img { min-height:200px;}
	#header-slider2 .carousel-caption {top: 5%;}
    
		
	
	.en-cta small { font-size:14px;} 
	
	#main-menu.stick { width:100% !important;}
		#main-menu.stick ul { width:100% !important;}
		#main-menu.stick li { width:100% !important;}
		#main-menu.stick a { width:100% !important;}
	
	#myMenu li { width:100% !important; } 
	
	#contenairPartenaire { float:none !important; width:100% !important; min-width:100% !important; text-align:center !important;}
	
	#video { display:none;}
	
	#logoLoading { width:100px;}


}


@media (max-width: 360px) {
    .logo {font-size: 30px; margin-bottom:40px !important; height:200px !important;}
	.top-links { margin-top:30px !important; }
	.logo_img img { width:250px !important; height:auto;}
	#top-menu small { padding-left:0px; font-size:8px; display:block;}
	
    a.carousel-control span.fa{ display: none;}
    h1 {
        font-size: 26px;
        letter-spacing: -2px;
        line-height: 24px;
    }
    .section-title.text-center { 
        width: 100%;
        margin-bottom: 30px;
    }
	
	#header-slider { display:block !important; }
	#header-slider .item img { min-height:150px;}
    #header-slider .carousel-caption a.btn,
    #header-slider .carousel-indicators {display: none; }
	
	.left span.fa,.right span.fa {display: none;}
	
	#header-slider2 { display:block !important; }
	#header-slider2 .item img { min-height:150px;}
    #header-slider2 .carousel-caption a.btn,
    #header-slider2 .carousel-indicators {display: none; }
    
	#en-portfolio,
    #en-services,
    #en-intro{ padding: 40px 0}
    .en-cta .overlay {padding: 5% }
    .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .testimonial blockquote{padding: 20px 0}
    #en-content { padding: 40px 0}
    #en-header .breadcrumb li a,
    #en-header .breadcrumb li.active{
        font-size: 12px;
    }
    #itemsWork.col3 .hover-bg:hover .hover-text.off {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    #itemsWork.col3 .hover-bg .hover-text { height: 100%}
    #en-team .hover-bg .hover-text.off small{ display: none;}
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:280px !important; height:auto !important;}
	.en-cta small { font-size:14px;} 
	#home { display:none !important; }
	
	
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu li { width:100% !important; } 
	.joueur { float:none !important; width:100% !important;}
	
	#contenairPartenaire { float:none !important; width:100% !important; min-width:100% !important; text-align:center !important;}
	#video { display:none;}
	#logoLoading { width:100px;}
}

@media (max-width: 320px) { 
    .logo {font-size: 30px; margin-bottom:40px !important; height:200px !important;}
	.top-links { margin-top:30px !important; }
	.logo_img img { width:250px !important; height:auto;}
    small, 
    p{ font-size: 12px}
    #en-header .breadcrumb li a,
    #en-header .breadcrumb li.active{
        font-size: 10px;
    }
	.video-player .overlay-fajar img { margin-top:20px !important; margin:auto; opacity:0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; max-width:260px !important; height:auto !important;}
	#top-menu small { padding-left:0px; font-size:8px; display:block;}
	
	.en-cta small { font-size:14px;} 
	
	#home { display:none !important;}
	
	#header-slider { display:block !important;}
	#header-slider2 { display:block !important;}
	
	.bandeauLeft { position:relative !important; width:100% !important;}
	.bandeauLeft a { width:100% !important;}
	.bandeauLeft div { float:none !important; text-align:center;}
	.bandeauLeft #vs { padding:5px 0 !important;}
	.bandeauRight { margin-left:0px !important;}
	
	#main-menu.stick { width:100% !important;}
	#main-menu.stick ul { width:100% !important;}
	#main-menu.stick li { width:100% !important;}
	#main-menu.stick a { width:100% !important;}
	#myMenu li { width:100% !important; } 
	.joueur { float:none !important; width:100% !important;}
	
	#video { display:none;}
	
	#logoLoading { width:280px;}
	


   .stick img { 
     display: block;
     position: absolute;
     top: -1px; 
     bottom: 0;
     right: 130px; 
     width: 65px;
     height:65px;
     padding-left: 0px;
     padding-right: 0px;
    }
  
}



@media only screen and (min-device-width : 320px) and (max-device-width : 414px) 
{
    
   	/*============  Buttons oui/non accueil  =============*/
.bt_non a{
     float:left;
     margin:-65.5px 0px 0px 5px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}
.bt_non a:hover,
.bt_non a.active,.bt_oui a:hover,
.bt_oui a.active
{
    background: #808080;
}

.bt_oui a{
 
    display: inline-block;
     margin:30px 0px 0px 140px;
     width: 120px;
     padding: 20px;
     background: #fff;
	 border-radius: 10px;
}
  
    }