@media (min-width: 1200px) { 

	#block-block-2 img {height: auto !important;}
	#node-4 blockquote {width: 400px;margin-left: 80px;margin-top: 56px;}
	#worldmap {margin-right: 80px;}
	.elm h4{padding-bottom: 8px;	padding-top: 15px;}
	.line_1 .big h4{	width: 55%;}
	.elm .infos h4{font-size: 18px;}
	.submenu ul.slides li span.img {height: 129px;padding:0;}
	.submenu ul.slides li h2{ font-size:1.3em;}
	.navbar-inner .brand h2 {  padding-bottom: 50px;padding-top: 60px; background-position: center 129px;}
	#cmMenu447items .brand h2, #cmMenu448items .brand h2,
	#cmMenu449items .brand h2, #cmMenu450items .brand h2 {margin-bottom: 20px;}
	#topNav ul.menu.nav.pull-right li a {font-size: 12px;}

	#subContent #home-page-video {
		width: 275px;
		height: 175px;
	}

  }


/* ************************************************************************************************************ */
/* ************************************************************************************************************ */
/* ************************************************************************************************************ */


/* ---------------------------------------- autre ---------------------------------------- */
@media (min-width: 980px) and (max-width: 1199px) { 

	#block-block-2 img {height: auto !important;}
	.region-sidebar-first ul.menu li a {height: 100%;line-height: 23px;}
	#site-name {top: 40px;}

	#subContent #home-page-video {
		width: 221px;
		height: 141px;
	}

 }

/* ************************************************************************************************************ */
/* ************************************************************************************************************ */
/* ************************************************************************************************************ */


	@media (max-width: 979px) {
		/*
		#topNav .navbar ul.justifiednav li,#topNav ul.menu.nav.pull-right li {
			display: block;
			text-align: center;
			width: 100%;
		}
		*#topNav .navbar ul.justifiednav li  a,#topNav ul.menu.nav.pull-right li a{
			height: auto;
			line-height: normal;
			margin: 0;
			padding: 0;
			background:none;
		}
		#topNav .navbar ul.justifiednav,#topNav ul.menu.nav.pull-right{
			display:block;
			height:auto;
			margin: 0;
			padding: 0;
			
		}
		*/
		ul.menu li a{font-size: 15px;}
		.elm{float: none;display: inline-block;}
		.elm.small {width: 48%;padding-bottom: 46.57%;}
		.elm.long {width: 47.71%;padding-bottom: 46.57%;}
		.line {overflow: hidden;display: inline;/*padding-left: 4px;*/}
		.line_1 .big h4 {margin: 15% auto 0;font-size: 140%;}
		.wrap{width: 100%;margin-bottom: 4px;}
		.wrap .small {width: 48%;padding-bottom: 44.2%;}
		.submenu ul.slides li span.img {height: 79px;}
		.hero-caption p{display: none;}
		#block-menu-block-4 {width: 100%;float: none;border-left: 0;}

		.navbar #block-search-form {float: right}
		header#navbar a.logo {margin-top: 52px;}
		#topNav .navbar ul.justifiednav {height: auto;}
		#topNav .navbar ul.justifiednav li a {line-height: 40px;height: auto;}
		.navbar .nav {margin: 0 10px 10px 0;}

		#block-globule-banner-banner {margin-top: 10px}
		.flex-next2 { height: 311px; background-position: 0 -39px;}
		.flex-prev2 { height: 311px; background-position: -10px -39px;}

			#subContent #home-page-video {
				width: 170px;
				height: 108px;
			}

		}

/* ************************************************************************************************************ */
/* ************************************************************************************************************ */
/* ************************************************************************************************************ */

    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
		ul.menu li a{font-size: 14px;}
		#navigationSlider {height: 40px;}
		#navigationSlider li a {font-size: 16px;}
		#navigationSlider li {padding-left:10px;padding-right:10px;}
		.navbar-inner  {min-height: 34px;}
		#navigationSlider {height: 34px;}
		#navigationSlider li.active {padding-bottom: 12px;}
		.navbar .brand h2 {font-size: 17px;padding-top: 22px;margin-bottom:0;}
		.submenu ul.slides li h2 {font-size: 17px;padding-top: 22px;}
		.submenu a.brand {height: 310px;}
		.submenu ul.slides li {height: 310px;}
		#subContent h2 {font-size: 14px;}
		#block-block-2 img {height: auto !important;}
		.region-sidebar-first ul.menu li a {height: 100%;line-height: 23px;}
		#topNav ul.menu.nav.pull-right li a{padding: 0px 0 0 17px;}

	}

/* ************************************************************************************************************ */
/* ************************************************************************************************************ */
/* ************************************************************************************************************ */

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
		ul.menu li a{font-size: 12px;}
		.pull-left, .pull-right {clear: both;text-align: center;float: none;}
		#navigationSlider {height: 40px;}
		#navigationSlider li a {font-size: 14px;line-height: 22px;}
		#navigationSlider li {padding:8px 0 0 0;}
		.navbar-inner  {min-height: 34px;}
		#navigationSlider {height: 100%;margin: 0 auto 15px;}
		#navigationSlider li.active, #navigationSlider li {margin: 4px 0;padding: 4px 0;}
		.navbar .brand h2 {font-size: 17px;padding-top: 22px;margin-bottom:0;padding-bottom: 39px;background-position: center 93px;}
		.submenu ul.slides li h2 {font-size: 17px;padding-top: 22px;}
		#subContent {margin-top: 0;}
		#subContent h2 {font-size: 15px;}
		#subContent .block-block {float: none;height: auto;margin-bottom: 12px;margin-right: 0;padding-bottom: 10px;
		border-bottom: 1px solid #eeeeee;width: 100%;}
		#subContent .footer-links {position: inherit;}
		#block-menu-block-1 > .navbar, #sliderMenu {float: none;width: 100%;}
		.navbar .nav {display: block;float: none;text-align: center;}
		ul#navigationSlider li {float: none;}
		#block-menu-block-1 li > a {height: 100%;background: transparent;}
		ol.flex-control-paging li a{height: 10px !important;background-color: #787878 !important;}
		ol.flex-control-paging li a.flex-active {height: 10px !important;background-color: #F08B09 !important;}
		.submenu ul.slides li, #sliderMenu .submenu a.brand  {width: 200px !important;}
		#block-menu-block-1 .submenu {margin-top: 0;overflow: hidden;}
		#block-block-2 img {height: auto !important;}
		.region-sidebar-first ul.menu li a {line-height: 23px;text-align: center;padding: 0 0 5px 0;}
		#sliderMenu {margin-bottom: 20px;}
		.flex-control-nav {/*width:inherit;*/width: 50%;}
		.hero-title h2 {font-size: 35px;line-height: 30px;}
		.hero-title h2 span {padding-left: 20px;}

		#subContent .block-block, #subContent .block {
		    float: none;
		    margin: 0 auto 1em;
		    position: relative;
		    width: 100%;
		}

		#subContent #home-page-video {
			width: 500px;
			height: 318px;
			margin: 0 auto;
		}
	}


/* ************************************************************************************************************ */
/* ************************************************************************************************************ */
/* ************************************************************************************************************ */
    /* Landscape phones and down */
    @media (max-width: 580px) {
		ul.menu li a{font-size: 17px;}
		.hero-caption {width: 30%;}
		.flex-control-nav {width: 31%;}
		.hero-title h2 {font-weight: bold;color: white;font-size: 25px;line-height: 23px;}


		/************ SANDY ********/

		header#page-header{
			display: none;
		}


		.navbar .brand{
			float: none;
		}

		#sliderMenu .navbar-inner{
			margin: 0;
			width: 100%;
		}

		.submenu a.brand{
			margin-left: auto;
			margin-right: auto;
			display: none;
		}

		.navbar .brand h2{
			margin-bottom: 20px;
		}

		.flex-prev2, .flex-next2{
			display: none !important;
		}

		.submenu a.brand,
		.submenu ul.slides li{
			height: 250px;
		}
		
		.menuSlider{
			width: 100%;
			margin-left: 0;
		}

		.flex-viewport{
			width: 200px;
			margin-left: auto;
			margin-right: auto;
		}

		.flex-control-nav{
			width: 100%;
		}

		header#navbar a.logo{
			display: block;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.form-search .input-append .btn{
			height: 30px;
		}

		.form-search .input-append input{
			-webkit-appearance: none;
		}

		#subContent #home-page-video{
			width: 100%;
			/*height: 142px;*/
			height: 286px;
		}
		.video-js .vjs-tech{
			/*height: 142px;*/
			height: 286px;

		}	

		#block-block-5 div a{
			display: block;
		}

		#subContent .block{
			min-height: 100%;
			margin-bottom: 35px;
		}

		#subContent #block-block-5.block,
		#block-globule-news-globule-news-block2{
			margin-bottom: 0;
		}

		/** FOOTER **/

		footer p{
			margin: 0 15px 10px;
		}

		.globule{
			margin-top: 30px;
		}

		#footer .navbar, .region-footer .navbar li.first{
			list-style-type: circle;
			 margin: 0 10px;
		}

		footer .navbar .nav > li{
			float: none;
			text-align: left;
		}

/***** PAGE TODAY ***/

		.thumbnail{
			margin: 15px 0;
		}

		.executives ul.group-executive li{
			width: 100%;
		}

		.executives ul.group-executive li figure{
			float: none;
			width: 100%;
			margin-right: 0;
		}

		.executives li{
			float: none;
			margin: 0;
			width: 100%;
			margin: 0;
			margin-bottom: 1.5em;
		}

		.executives li:last-child{
			margin-bottom: 0;
		}

		.block h2.block-title{
			padding-top: 0;
		}

	
	/*** PAGE APPLICATION ***/


		.elm.big{
			width: 100%;
		}

		.mozzaRepeat-0 .line_1 .big h4{
			margin-top: 15%;
			font-size: 200%;

		}

		.wrap .small,
		.elm.small,
		.elm.long,
		.elm.big.bigRight{
			width: 100%;
		}

		#block-custom-block-applications{
			margin-bottom: 20px;
		}

		.elm.bigRight h4{
			padding-top: 5px;
		}

		
		/*** PAGE EXECUTIVE MANAGEMENT TEAM ***/


		ul.executiveManagementTeam li figure{
			margin: 0;
			padding: 0;
			float: none;
			margin-right: 0;
			width: 100%;
		}

		ul.executiveManagementTeam li figure img{
			width: auto;
		}

		ul.executiveManagementTeam li p{
			font-size: 90%;
		    line-height: 110%;
		    margin: 0;
		    padding: 0;
		    margin-bottom: 10px;
		}


		/**** PAGE CONTACT ***/

		fieldset#webform-component-left{
			float: none;
			width: 100%;
			margin: 0;
		}

		fieldset#webform-component-right{
			float: none;
			width: 100%;
			padding: 0;
			display: block;
			margin: 20px 0;
		}

		fieldset#webform-component-right .fieldset-wrapper{
			padding: 20px;
		}

		form#webform-client-form-26{
			margin: 0 0 50px;
			overflow: hidden;
		}

		/*** PAGE FUEL SURCHARGE ***/

		article#node-101 .field-items ul{
			display: none;
		}

		/*** MENU NIVEAU 4 ***/

		#block-menu-block-4, .highlighted .field-collection-container{
			display: none;
		}

		.subsub-menu-responsive{
			display: block;
			margin-bottom: 20px;
		}

		/*** PAGE LOCATION ***/

		#map-sidebar{
			display: none;
		}

		body.node-type-factory .field-name-body{
			float: none;
			width: 100%;
			margin-left: 0;
		}

		.field-name-field-address{
			margin-bottom: 40px;
			border-bottom: 1px solid #eeeeee;
		}

		#block-globule-location-block-location .map-side-content{
			float: none;
			width: 100%;
		}

		#block-globule-location-block-location .map-side-content .block-office{
			border-bottom: 1px dotted #999;
			margin-bottom: 20px;
			padding-bottom: 0px;
		}

		#block-globule-location-block-location #map-locations{
			float: none;
			width: 100%;
			height: auto;
			margin-bottom: 40px;
		}

		#block-globule-location-block-location #map-locations ul{
			margin-left: 0;
		}

		#block-globule-location-block-location #map-locations ul li{
			border-bottom: 1px dotted #999;
			margin-bottom: 20px;
			padding-bottom: 20px;
		}

		#block-globule-location-block-location #map-locations ul li:last-child{
			border-bottom: none;
		}

		#block-globule-location-block-location #map-locations ul li div p{
			margin-bottom: 10px;
		}

		.node-factory{
			margin-bottom: 40px;
		}

		article.node-factory .field-name-body .field-items img{
			width: auto !important;
			margin-bottom: 15px;
		}



		/** BURGER MENU **/

		button.navbar-toggle{
			display: block;
			background: transparent url("../images/burger-menu.jpg") no-repeat scroll left top;
		    border: 0 none;
		    box-shadow: none;
		    height: 26px;
		    position: absolute;
		    right: 10px;
		    top: 10px;
		    width: 33px;
		}

		button.navbar-toggle:hover{
			background: transparent url("../images/burger-menu-hover.jpg") no-repeat scroll left top;
		}

		button.navbar-toggle span{
			display: none;
		}

		.collapse{
			height: 0;
		}

		.navbar .nav.pull-right{
			float: none;
		}

		.navbar .nav > li{
			float: none;
			text-align: left;
		}

		#topNav ul.menu.nav.pull-right li:first-child a {
    		background: transparent url("../images/rond.png") no-repeat scroll 7px center;
		}

		nav.navbar .secondray-nav,
		nav.navbar .primary-nav{
			background-color: #efefef;	
			/*margin-left: -20px;
			margin-right: -20px;*/
		}

		nav.navbar .secondray-nav ul{
			margin-left: 10px;
			margin-top: 10px;
		}

		nav.navbar .primary-nav ul{
			padding-left: 15px;
		}

		#topNav .navbar ul.justifiednav{
			width: 100%;
		}

		#topNav .navbar ul.justifiednav li{
			display: block;
			text-align: left;
   			width: 100%;
		}
		
		#topNav ul.menu.nav.pull-right li a{
			padding: 5px 0 5px 17px;
		}

		/** SIDEBAR **/

		.region-sidebar-first ul.menu li a{
			text-align: left;
		}

		.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
			color: #0088ce;
		}

		.region-sidebar-first .navbar ul.nav li a{
			margin-top: 10px;
		}

	
		/** DIVERS **/

		.navbar #navigationSlider.nav > li{
			text-align: center;
		}

		.field-item p img{
			margin: 0 !important;
			width: 96% !important;
			height: 100% !important;
			margin-top: 15px !important;
			margin-bottom: 15px !important;
			display: block;
			padding: 0 !important;
		}

		.field-items .thumbnail img{
			width: 100% !important;
			height: 100% !important;
		}

		.node .field-name-body img{
			margin-right: 0;
			margin-left: 0;
		}

		.embed-container iframe{
			width: 100%!important;
		}


		#block-gbl-video-block-home-block-video .embed-container{
			padding-bottom: 0;
			height: auto;
		}

		body.node-type-globule-news .field-name-globule-news-image,
		body.node-type-globule-news .field-type-text-with-summary
		{
			float: none;
			width: 96%;
			margin: 0 0 20px 0;
		}

		/*section.mainContent article.node-globule-news{
			margin-bottom: 40px;
		}*/

		section#block-block-6{
			display: none;
		}

		span.hidden-sm{
			display: none;
		}
		
		/** LOGO **/

		a.logo img{
			max-width: 60%;

		}

/** NEW BURGER MENU **/

section#block-search-form,
section#block-block-regional-website-block-regional-website{
	display: none;
}


#mobile-header{
	display: block;
	position: fixed;
	top: 0;
	background-color: #222222;
	height: 55px;
	width: 100%;
	z-index: 99999;
	left: 0;
}

#mobile-header button.navbar-toggle{
	left: 20px;
	right: 0;
}

#mobile-header form#search-block-form{
	position: absolute;
    right: 20px;
    top: 10px;
}

#mobile-header .form-search .input-append .search-query,
#mobile-header .form-search .input-append .btn{
	background-color: #ffffff;
}

header#navbar a.logo{
	margin-top: 70px;
}

button.navbar-toggle{
	height: 30px;
	top: 12px;
}

aside div.region-sidebar-first.well{
	display: none;
}

/*footer#footer{
	position: absolute;
	margin-left: -20px;
}*/

#sliding-popup{
	z-index: 9999999;
}

button.sidr-class-responsive-menu-button{
	display: block;
	background: transparent url("../images/btn-close-burger-menu.jpg") no-repeat scroll left top;
	border: 0 none;
    box-shadow: none;
    height: 21px;
    width: 21px;
    margin: 10px;
    float: right;
    position: absolute;
    top: 5px;
    right: 10px;
}

button.sidr-class-responsive-menu-button span{
	display: none;
}

.sidr{
	background-color: #222;
	box-shadow: 0 0 5px 5px #111 inset;
}

.sidr-class-menu-block-wrapper{
	margin-top: 50px;
}

.sidr-class-btn-group #sidr-id-flag-menu-switch{
	display: none;
}

.sidr-class-btn-group.open #sidr-id-flag-menu-switch{
	display: block;
}

#sidr-id-flag-menu-switch p{
	display: none;
}

.sidr-class-btn-group button.sidr-class-btn{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #666666;
    font-family: "DinBold",arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 0;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 8px 5px 8px;
}

.sidr-class-caret{
	 border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #666;
    content: "";
    height: 0;
    vertical-align: top;
    width: 0;
    display: inline-block;
    margin-left: 5px;
    margin-top: 8px;
    padding: 0;
}

.sidr ul li span.sidr-class-caret{
	padding: 0;
	display: inline-block;
	margin-top: 24px;
	 border-top: 4px solid #fff;
}

.sidr ul li:hover{
	border-top: 1px solid #4d4d4d;
	line-height: 48px;
	/*background-color: #444444;*/
}

.sidr ul li.active, .sidr ul li.sidr-class-active{
	border-top: 1px solid #4d4d4d;
	line-height: 48px;
}

.sidr ul{
	margin: 0;
	border-bottom: 0;
}

.sidr ul li{
	border-bottom: 0;
	border-top: 1px solid #4d4d4d;
}

.sidr-class-btn-group{
	margin-top: 30px;
}

.sidr-class-btn-group #sidr-id-flag-menu-switch ul li{
	border-top: 0;
	border-bottom: 1px solid #4d4d4d;
}

.sidr-class-it-language ul li a{
	display: block !important;
}

.sidr ul.sidr-class-links{
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #4d4d4d;
}

.sidr ul.sidr-class-links li{
	line-height: 37px;
}

.sidr ul.sidr-class-links li:hover, .sidr ul.sidr-class-links li:active{
	line-height: 37px;
}

.sidr ul.sidr-class-links li a{
	font-size: 12px;
}

.sidr ul.sidr-class-menu li a{
	font-size: 16px;
	font-weight: 700;
}

.sidr ul.sidr-class-submenu li a{
	font-weight: 300;
}

.sidr ul li ul.sidr-class-submenu li.sidr-class-active,
.sidr ul li ul.sidr-class-submenu li:hover,
.sidr ul li ul.sidr-class-submenu li:active{
	border-top: 1px solid #444444;
	line-height: 40px;
}

.sidr ul li ul.sidr-class-submenu li a{
	color: #ffffff;
}


/**MENU NIBEAU 3 **/

.sidr ul li ul.sidr-class-submenu li ul.sidr-class-submenu li a{
	padding: 0 15px 0 50px;
	color: #c9c9c9;
	font-size: 15px;
}




	}

@media (max-width: 320px) {

	#subContent #home-page-video{
		width: 100%;
		/*height: 142px;*/
		height: 163px;
	}
	.video-js .vjs-tech{
		/*height: 142px;*/
		height: 163px;

	}

	.mozzaRepeat-0 .line_1 .big h4{
		font-size: 130%;
		margin-top: 9%;
	}

}