@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 1380px
-------------------------------------------------------------------*/
@media screen and (max-width: 1380px) {
	.wrapper { width:90%; }
	header .wrapper { width:100%; }
	.slider-title h1 { font-size:2.8em; }
	.header .nav-el-1-link { font-size:2.7em; }
	.header .nav-el-1-link-smaller { font-size:1.3em; }
	.box-link-title { font-size:1.5em; }
	.is-big { font-size:1.8em; }
	.partner-picture { width:70%; }
}

/*-------------------------------------------------------------------
	Less than 960px
-------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	.l-grid.side-by-side > div { width:100%; }
	.about-picture { max-height:400px; }
	.box-link-title { font-size:1.1em; }
	.is-big { font-size:1.2em; }
	footer p { font-size:1em; }
	.footer-logo { width:100%; max-width:200px; background-size:contain; }
	.medium-2-columns > div { width:50% !important; }
	/*.medium-2-columns > div:nth-child(2n) { padding:0 1em 0 1em; }
	.medium-2-columns > div:nth-child(2n+1) { padding:0 0 0 2em; }
	.medium-2-columns > div:nth-child(3n+1), .medium-3-columns > div:nth-child(4n) { clear:both; padding:0 2em 0 0 !important; }*/
	
	.medium-2-columns > div:nth-child(2n) { padding:0 0 0 2em; float:right; }
	.medium-2-columns > div:nth-child(2n+1), .medium-2-columns > div:nth-child(4n-1) { clear:both; padding:0 2em 0 0; }
	.slider-picture-contact { background-image:url(../images/banner-contact-small.jpg) !important; background-position:center right;  }
	.footer-logo-fr, .footer-logo-en { width:100%; background-size:contain; }
	.phone-number { position:relative; top:-4px; }
	.slider-picture {  background-position:center; }
}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.l-grid.box-links > div { width:100% !important; display:block; }
	.slider-picture-carrer { background-image:url(../images/banner-career-small.jpg) !important; background-position:center;  }
	.slider-picture-product { background-image:url(../images/banner-product-small.jpg) !important; background-position:center !important;  }
	.slider-title h1 { font-size:2.3em; }
	.header .nav-el-1-link { font-size:1.81em; }
	.header .nav-el-1-link-smaller { font-size:1.1em; }
	.flexslider-small { height:327px; }
    .navigation-alt { display: none; }
    .hide-menu  { display: inline-block; }
    .v-spacer-more { width: 90%;padding: 3em 0 6em 0!important;}
}

/*-------------------------------------------------------------------
	Less than 667px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
	.slider-picture { background-attachment:scroll; background-position:center; }
	.v-spacer { padding:3em 0; }

	h2 { font-size:1.7em; }
	h3 { font-size:1.5em; }
	h4 { font-size:1.2em; line-height:1.1em; }
	.table-title { font-size:1.0em; line-height:1em; }
	.nav-header { width:100%; }
	p, ul, ol { font-size:1.1em; }
	td { font-size:0.9em; }
	footer p { font-size:0.9em; }
	.footer-copyright p { font-size:0.8em; }
	.slider-title { left:50%; width:70%; text-align:center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.slider-title h1 { font-size:1.8em; line-height:1.1em; }
	.is-bigger, .is-bigger p { font-size:1.2em; }
	.flexslider { margin-top:90px; }
	.is-big { font-size:1.2em; }
	.footer-logo-fr, .footer-logo-en { width:150px; background-size:contain; }
	.l-grid > div, .medium-2-columns > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.nav-trigger-wrapper { width:30%; display:block; float:left; padding:30px 0; }
	.nav-lang { display:none; }
	.header .nav { padding:30px 10%; }
	.box-link-title { font-size:1.3em; }
	.header .nav-el-1-link { font-size:1.6em; }
	.header .nav-el-1-link-smaller { font-size:1em; }
	.navigation-line { margin:0.5em 0; }
	.nav-trigger { margin:0 auto; }
	#logo-fr, #logo-en { width:70%; background-size:50%; height:90px; }
	.slider-title-small { font-size:1.9em; bottom:15%; text-align:left; }
	.flexslider-small, .flexslider-small .slider-overlay, .flexslider-small .slider-picture { height:160px;  }
	footer { padding:50px 0 0 0; }
	footer .nav { display:none; } 
	.footer-copyright p { float:none; font-size:1em; }
	#cameleon { float:none; margin:0.6em 0 0 0; }
	footer { background-image:none;}
	footer, #l-wrap:after { height:auto;  }
	#l-wrap {  margin-bottom:0; min-height:0;  }
	#l-wrap:after { display:none; }
	.l-grid.has-no-spaces > .has-4-padding { padding:5% !important; }
	th { font-size:1.2em; }
	th { padding:2.5% !important; }
	td { padding:2.5% !important; }
	.flex-direction-nav .flex-prev { left:5%; }
	.flex-direction-nav .flex-next { right:5%; }
	/* Navigation */
	.nav { width:100%; float:none; }
	.nav-list-2 { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
	.nav-el-1, .nav-el-2, .nav-el-1-link { width:100%; display:block; }
    .logo-aq {  width: 80%;  margin: auto; }
    .immatriculation {
    width: 94%!important;
 
}
}

/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	.box-link-title:after { background-image:url(../images/plus@2x.png); background-size:50%; }
	#logo-fr { background-image:url(../images/logo-sierra-nacora-fr@2x.png); background-size:60%; }
	#logo-en { background-image:url(../images/logo-sierra-nacora-en@2x.png); background-size:60%; }
	.footer-logo-fr { background-image:url(../images/footer-logo-sierra-nacora-fr@2x.png); background-size:contain; }
	.footer-logo-en { background-image:url(../images/footer-logo-sierra-nacora-en@2x.png); background-size:contain; }
	#cameleon {  background-image:url(../images/cameleon-logo@2x.png); background-size:contain; }
	.flex-direction-nav a { background-image:url(../images/slider-arrow@2x.png); background-size:contain; }
	.arrow-down { display:block; background: url(../images/slider-arrow@2x.png);background-size:contain; }
    .logo-fb {background-image: url(../images/Logo-FB-over@2x.png); background-size:contain; }
    .logo-in {  background-image: url(../images/Logo-LinkedIn-over@2x.png); background-size:contain; }
    .logo-fb:hover { background-image: url(../images/Logo-FB-up@2x.png); }
    .logo-in:hover { background-image: url(../images/Logo-LinkedIn-over_1@2x.png); }
}