@media only screen and (max-width: 640px) {
	@font-face {
	  font-family: 'EncodeSans Light';
	  src: url('/fonts/encodesansnarrow-300-light-webfont.eot');
	  src: url('/fonts/encodesansnarrow-300-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/encodesansnarrow-300-light-webfont.ttf') format('truetype'), url('/fonts/encodesansnarrow-300-light-webfont.woff') format('woff');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'EncodeSans Bold';
	  src: url('/fonts/encodesansnarrow-700-bold-webfont.eot');
	  src: url('/fonts/encodesansnarrow-700-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/encodesansnarrow-700-bold-webfont.ttf') format('truetype'), url('/fonts/encodesansnarrow-700-bold-webfont.woff') format('woff');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'EncodeSans Regular';
	  src: url('/fonts/encodesansnormal-400-regular-webfont.eot');
	  src: url('/fonts/encodesansnormal-400-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/encodesansnormal-400-regular-webfont.ttf') format('truetype'), url('/fonts/encodesansnormal-400-regular-webfont.woff') format('woff');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'EncodeSans SemiBold';
	  src: url('/fonts/encodesansnormal-600-semibold-webfont.eot');
	  src: url('/fonts/encodesansnormal-600-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/encodesansnormal-600-semibold-webfont.ttf') format('truetype'), url('/fonts/encodesansnormal-600-semibold-webfont.woff') format('woff');
	  font-weight: normal;
	  font-style: normal;
	}
	body #img-fond {
	  position: absolute;
	  z-index: 0;
	  width: 100%;
	  max-height: 250px;
	  overflow: hidden;
	}
	body #img-fond #mask-small {
		width: 100%;
		height: 250px;
		position:absolute;
		background-image: url(/images/type_title_background.png);
	}
	body #img-fond img {
	  width: 100%;
	}
	body #header {
	  background: #0053a1;
	  padding: 20px 0px 10px 0px;
	  position: relative;
	}
	body #header .logo {
	  padding: 0;
	  margin-left: 15px;
	}
	body #header .menu-click {
	  float: right;
	  margin-right: 15px;
	  margin-top: 5px;
	}
	body #header #text-box {
	  color: white;
	  font-family: EncodeSans Regular;
	  font-size: 25px;
	  padding-left: 170px;
	}
	body #header #menu-mobile {
    list-style-type: none;
    position: absolute;
	z-index: 10;
    text-align: left;
    margin: 55px 0px 0px;
    padding: 0;
    display: none;
  }
  body #header #menu-mobile li a {
    text-decoration: none;
    color: white;
    font: 700 20px EncodeSans Regular;
	text-transform: uppercase;
    background: #fc9402;
    padding: 8px 0px 8px 15px;
    border-bottom: 1px #e68702 solid;
  }
  body #header #menu-mobile li ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0;
  }
  body #header #menu-mobile li ul li a {
    font-weight: 400;
	font-size: 18px;
	text-transform: none;
    background: #787878;
    padding: 8px 0px 8px 60px;
    border-bottom: 1px #8b8b8b solid;
  }
	body #jobs {
	  width: 100%;
	  padding: 30px 0px;
	  background-color: #0053a1;
	  background-image: none;
	  background-repeat: repeat-y;
	  position: relative;
	  z-index: 1;
	  margin-top: 170px;
	  height: 210px;
	  padding: 30px 15px 0px 15px;
	  font: 300 16px EncodeSans Regular;
	  color: #ffffff;
	}
	body #jobs a {
	  color: #ffffff;
	}
	body #jobs #carrousel-jobs-small h1 {
	  margin: 0px 0px 25px 0px;;
	  text-align:center;
	  font: 300 35px EncodeSans Light;
	}
	body #jobs #carrousel-jobs-small table {
	  font-size: 14px;
	}
	body #band {
	  width: 100%;
	  padding: 30px 0px;
	  background-image: url(/images/type_title_background.png);
	  background-repeat: repeat-y;
	  position: relative;
	  z-index: 1;
	  margin-top: 325px;
	}
	body #band h1 {
	  color: #FFF;
	  margin: 0px;
	  padding: 0px;
	  line-height: 1.3;
	  font-size: 44px;  
	  font-family: EncodeSans Light;  
	  font-weight: normal;
	  margin-left: 30px;
	}
	body #content {
	  background: url(/images/home_content_2_background.png);
	  background-size: 100% 100%;
	  width: 100%;
	  position: relative;
	  margin-top: 0px;
	  padding: 60px 15px;
	  text-align: center;
	}
	body #content .item-top {
	  text-align: center;
	  padding: 0px 20px;
	  margin-bottom: 50px;
	}
	body #content .item-top .orange {
	  background-color: #fc9402;
	  font: 300 16px EncodeSans Regular;
	  margin: 10px 0px;
	  color: #ffffff;
	  width: 100%;
	  height: 200px;
	  display: table-cell;
	  vertical-align: middle;
	} 
	body #content .item-top .orange h2 {
	  color: white;
	  font-family: EncodeSans Regular;
	  font-weight: 300;
	  font-size: 25px;
	  line-height: 30px;
	  margin: 0;
	}
	body #content .item-top .orange a {
	  text-decoration: none;
	}
	body #content .item-top .orange h2:hover {
	  color: #0053a1;
	}
	body #content .item-top p {
	  font: 400 16px EncodeSans Regular;
	  color: #0053a1;
	  padding: 0px 5px;
	}
	body #content .summary p {
	  color: #0053a1;
	  font: 600 20px EncodeSans Regular;
	  margin-bottom: 40px;
	}
	body #content p {
	  color: #444444;
	  font: 500 16px EncodeSans Regular;
	}
	body #content-type {
	  background: url(/images/bg-content.png) center top no-repeat;
	  background-size: 100% 100%;
	  width: 100%;
	  position: relative;
	  margin-top: 0px;
	  padding: 60px 0px;
	  text-align: left;
	  
	  min-height: 350px;
	}
	body #content-type .main-content {
	  padding-right: 35px;
	  font: 400 16px EncodeSans Regular;
	  color: #444444;
	}
	body #content-type .main-content h1 {
	  font: 300 52px EncodeSans Light;
	  color: #fc9402;
	}
	body #content-type .main-content .summary {
	  font: 500 20px EncodeSans Regular;
	  color: #0053a1;
	}
	body #content-type .main-content h2 {
	  font: 600 24px EncodeSans Regular;
	  color: #444444;
	  margin-top: 40px;
	}
	body #content-type .main-content p {
	  font: 400 16px EncodeSans Regular;
	  color: #444444;
	}
	body #content-type .main-content ul {
	  font: 400 16px EncodeSans Regular;
	  color: #444444;
	}
	body #content-type .left-content {
	  border-left: #282828 2px dotted;
	  padding-left: 35px;
	  padding-top: 0;
	  margin-top: 140px;
	}
	body #content-type .left-content h1 {
	  font: 300 30px EncodeSans Light;
	  color: #282828;
	  margin-top: 0;
	  line-height: 30px;
	}
	body #content-type .left-content .item {
	  margin-bottom: 30px;
	}
	body #content-type .left-content .item h2 {
	  font: 700 16px EncodeSans Regular;
	  margin-bottom: 8px;
	}
	body #content-type .left-content .item p {
	  font: 400 14px EncodeSans Regular;
	  color: #282828;
	  margin-top: 0px;
	}
	body #content-type .main-content input {
	  width: 100%;
	}
	body #content-type .main-content #yt0 {
	  width: 150px;
	}
	body #footer {
	  background: url(/images/footer_background.jpg) center bottom repeat-x;
	  background-size: auto 100%;
	  padding: 40px 0px 80px 0px;
	}
	body #footer .adress {
	  font: 400 18px EncodeSans Regular;
	  color: #b1b1b1;
	  text-align:center;
	  margin-bottom: 10px;
	}
	body #footer .adress h2 {
	  font: 600 24px EncodeSans Regular;
	  color: #b1b1b1;
	  margin-top: 20px;
	}
	body #footer .adress a {
	  color: #b1b1b1;
	  text-decoration: underline;
	}
	body #footer .adress img {
	  margin-top: 15px;
	}
	body #footer .copyright {
	  font: 400 18px Arial;
	  color: #b1b1b1;
	  text-align:center;
	}
}