/* ------------------ * General ----------------------*/

body{
	margin:0px;
	padding:80px 0px 0px 0px;
	font-family: 'akkuratregular';
	font-size:16px;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover, a:focus {
  color: #999;
   text-decoration: none;
}

p {
    margin: 0 0 0px;
	line-height:140%;
	font-size: 18px;
}

/* ------------------ * FONTES ----------------------*/

@font-face {
    font-family: 'akkurat_lightregular';
    src: url('../fonts/akkurat_light_regular-webfont.eot');
    src: url('../fonts/akkurat_light_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akkurat_light_regular-webfont.woff2') format('woff2'),
         url('../fonts/akkurat_light_regular-webfont.woff') format('woff'),
         url('../fonts/akkurat_light_regular-webfont.ttf') format('truetype'),
         url('../fonts/akkurat_light_regular-webfont.svg#akkurat_lightregular') format('svg');
}

@font-face {
    font-family: 'akkuratregular';
    src: url('../fonts/akkurat_regular-webfont.eot');
    src: url('../fonts/akkurat_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akkurat_regular-webfont.woff2') format('woff2'),
         url('../fonts/akkurat_regular-webfont.woff') format('woff'),
         url('../fonts/akkurat_regular-webfont.ttf') format('truetype'),
         url('../fonts/akkurat_regular-webfont.svg#akkuratregular') format('svg');
}

/* ------------------ * HEADER ----------------------*/

.top-blackbar {
    background: #000000 none repeat scroll 0 0;
    padding: 9px 0 11px;
    width: 100%;
	color:#fff;
}

.tier-top .hiddenmobile img {
	margin-left:10px;
}

.col-xs-4 div.social a:hover  {
	color:#000;
}


nav {
      display: block;

    }
    nav ul {
      list-style: none;
    }
     nav li {
      display: inline-block;
    }
   
    nav select {
      display: none;
    }
	
	.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border-radius: 0px;
}

.navbar {
    border: 0px solid transparent;
    margin-bottom:0px;
    min-height: 50px;
    position: relative;
}

.navbar-default .navbar-nav > li > a {
    color: #58d2fa;
    font-family: "akkurat_lightregular";
    font-size: 19px;
    padding-left: 8px;
    padding-right: 15px; 
    text-transform: uppercase;
	font-weight:300;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-nav > li > a {
    line-height: 0;
}

.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 24px;
}

.select, .select a  {
	color:#fff!important;
}

.fa-behance, .fa-facebook, .fa-linkedin, .fa-twitter {
	color:#fff;
	margin-right:10px;
}

.fa-twitter{
	margin-right:5px;
}

.navtab {
	margin-left:33px;
}

.navtab li a{
	list-style:none;
	float:left;
	font-size:15px;
	text-decoration:none;
	padding:0px 10px;
	text-transform:uppercase;
}

.navtab li a:hover{
	color:#fff;
}

/* ------------------ * PADDING, MARGINS ----------------------*/
	
.padding-right{
	padding-right:0px;
}

.padding-left{
	padding-left:0px;
}

.col-md-1 {
    width: 7.333%;
}

.hidden-desktop{
	display:none;
}

.gap20{
	margin-top:20px;
}

.gap5{
	margin-top:5px;
}

.gap10{
		margin-top:10px;
}

.gap15{
	margin-top:15px;
}
	
.gap25{
		margin-top:30px;
}

.gap30{
			margin-bottom:30px;
		}
	
.gap45{
	margin-top:45px;
}

.gap80{
	margin-top:80px;
}

.gap25a{
	margin-top:20px;
}

.marginright20{
	margin-right:20px;
}

 .clear{
	clear:both;
}

.hidden-desktop{
	display:inherit;
}


/* ------------------ CTA ----------------------*/

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline:none;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-primary{
	background:transparent;
	border-radius:0px;
	border:solid 1px #000;
	text-transform:uppercase;
	font-family: 'akkurat_lightregular';
	color:#000;
	font-size:16px;
	margin-top:20px;
}

.btn-primary:hover{
	background:#000;
	border:solid 1px #000;
}

/* ------------------ TEXTES  ----------------------*/

.titre{
	padding:25px 20px;
	min-height:195px;
}

h1{
	font-size:46px;
	color:#000000;
	line-height:44px;
	font-family: 'akkurat_lightregular';
	margin-top:10px;
}

.h2-1 {
	margin:130px 0 10px 0;
}


h2,.h2 {
	font-size:24px;
	color:#000;
	font-family: 'akkurat_lightregular';
	text-transform:uppercase;
	margin:20px 0 10px 0;
}

.custom-blue h2, .custom-green h2 {
	margin-bottom:0;
}

h3{
	font-size:16px;
	color:#fbfd38;
	margin-top:0px;
	margin-bottom:5px;
	text-transform:uppercase;
}

.h1{
	font-size:30px;
	color:#000000;
	font-family: 'akkurat_lightregular';
	text-transform:uppercase;
	margin:30px 0 0 0 !important;
}


h5{
	font-size:18px;
	color:#000000;
	font-family: 'akkurat_lightregular';
	text-transform:uppercase;
}
	
	
h6{
		text-transform:uppercase;
		font-size:14px;
		line-height:19px;
		color:#000000;
		margin-top:0px;
		font-family: 'akkurat_lightregular';
}


/* ------------------ *** MOBILE  ----------------------*/

.navigation-mobile li a{
	font-size:16px;
	color:#fff;
	float:left;
	border-right:solid 1px #3ea0c0;

	text-transform:uppercase;
	background:#2f91b1;
	padding:10px 25px;
}

.navigation-mobile li a:hover{
	background:#117595;
	text-decoration:none;
}

.whitepadding-mobile{
	padding:15px;
}

.yeartext-mobile{
	font-size:16px;
	color:#000;
	font-family: 'akkurat_lightregular';
	margin-top:30px;
	float: right;
}

.hauteurmin {
	min-height:540px;
}


/* ------------------ ***** BLUE  ----------------------*/

.lightblueback{
	background:#2f91b1;
	width:100%;
	float:left;
	display:none;
}

.black-back {
    background: #000000 none repeat scroll 0 0;
    padding: 30px 30px 0;
}

.whitepadding{
	padding:150px 20px;
}

.active{
	background:#117595;
}

/* ------------------ *** Yellow  ----------------------*/

.yeartext {
	font-size:16px;
	color:#000;
	font-family: 'akkurat_lightregular';
	margin-bottom:15px;
}

/* ------------------ * CONTAINERS ----------------------*/
	
.container 			{  padding-left: 0; padding-right: 0; min-width:240px;  }
.row 				{ margin-left:0;  margin-right:0; min-width:240px /}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0;  padding-right: 0; }

/* ------------------ * Footer ----------------------*/

.footer-back {
    background: #000000 none repeat scroll 0 0;
    padding: 30px 30px 15px 30px;
    width: 100%;
	color:#fff;
}

.footertext-right{
	font-size:18px;
	line-height:26px;
	margin-top: -10px;
}

.footer-phonenumber{
	font-size:24px;
	margin-bottom:10px;
}

.btnfooter {
    background: #3ea0c0 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 10px 20px 9px;
    text-align: center;
    text-transform: uppercase;
}

.btnfooter:hover {
    background: #56b3d1 none repeat scroll 0 0;
 color: #fff;
}

.coyrighttext{
	font-size:14px;
	color:#444;
}

.coyrighttext a{
	color:#444;
}


/*-------------------------------Louis-Philippe Lampron adds------------------------*/

body.custom-purple .social-links a:hover .fa {
	color:#c083d9;
}

body.custom-blue .social-links a:hover .fa {
	color:#58d2fa;
}

body.custom-green .social-links a:hover .fa {
	color:#39b03f;
}

body.custom-yellow .social-links a:hover .fa {
	color:#fbfd38;
}

body.custom-red .social-links a:hover .fa {
	color:#ff5959;
}

body {
	padding-top:70px!important;
}

.portfolio-container {
	padding-bottom:100px;
}

.black-back {
    padding-bottom:35px;
	margin-bottom:-35px;
}

.single-portfolio-image {
	 padding-left: 20px;
     padding-right: 20px;
}

.single-portfolio-info {
}

.inverted-float {
	float:right!important;
}

.bottom-button-container .fa-caret-right {
	margin-left:10px;
}

.social-links,
.contact-links {
	text-align:right;
}

.contact-links .phone a {
	color:#fff;
	margin-right:10px;
}

nav ul {
    display: block!important;
}

.sub-links-list {
	display:table!important;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

nav ul li ul.submenu {
	margin:0px;
	padding:0px;
	margin-left:-5px;
	padding-top:18px;
}

nav ul li ul.submenu li {
	display:inline;
	margin-top:5px;
	margin-right:15px;
}

nav ul li ul.submenu li a {
	/*color: #3ea0c0;*/
    font-family: "akkurat_lightregular";
    font-size: 14px;
    text-transform: uppercase;
}

nav ul li ul.submenu li .fa {
	margin-right:5px;
}

.navtab {
    margin-left: 5px;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    float: right;
    margin-bottom: 8px;
    margin-right:5px;
    margin-top: 7px;
    padding: 10px 15px;
    position: relative;
	width:99%;
}

button.navbar-toggle:hover,
button.navbar-toggle:focus {
	background-color: rgba(255, 255, 255, 0)!important;
}

.mobile-menu-part {
	display:inline-block;
	width:48%;
	font-size:17px;
}

.active-page-label {
	text-transform:uppercase;
	text-align:left;
}

.caret-in-box {
	text-align:right;
}

.navbar-collapse {
    box-shadow:none;
	border:none;
	position:relative;
	top:7px;
	 padding-left: 10px;
}

nav ul li ul.submenu li {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}

.navbar-nav > li > a {
    padding-top: 22px;
}

.navbar-collapse {
	position: absolute;
}

.tablet-below {
	display:none!important;
}





/*-----end header et menu------*/



/* No greater than 480px */ /* ????? */ 
@media (max-width:480px) {
	
	
.navbar-nav > li > a {
    padding-bottom: 18px;
}
	

.black-back {
    padding: 15px;
}

.titre{
	min-height:200px !important;
}

	.navbar-toggle {
		margin-bottom: 5px;
		/*margin-right: 10px;*/
		}​
		
		.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	
	.navbar-collapse ul.nav {
		margin-left: 0;
	}
	
	.navbar-nav {
		/*border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;*/
		margin: 0;
		margin-top: 0;
	}
	
	.navbar-nav > li > a {
		/*padding-bottom: 10px;
		padding-top: 10px;*/
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom {
			position:relative  !important;
		}
		
		body{
			padding-top:0 !important; margin-top:0 !important;  
		}
		
		.navbar {
			width:90%;
			margin-left:30px;
		}
		
		.navbar-collapse {
			margin-left:-3px;
			margin-top:0px!important;
		}
		
		.btnfooter {
    float: none!important;
}

		
		
			
}

@media (min-width: 1025px) { /* ????? */ 



.single-portfolio-image {
	 padding-left: 0;
     padding-right: 0;
}

.whitepadding {
    padding: 150px 20px 150px 0;
}

.inverted-float .whitepadding {
    padding: 150px 20px 150px 60px;
}

  .container {
  width: 1170px;
   padding-left:0px;
   padding-right:0px;
 
  }
  
  .navbar-default .navbar-nav > li > a  {
 font-size: 24px;
  padding-left: 17px !important;
    padding-right: 17px !important; 
 
  }
  
  
 
	  .navbar-collapse ul.nav {
    padding-bottom: 5px;
}
	  
	  
	  .navbar-nav {
    margin: 0 -15px;
}
  
 .hidden-desktop
  {
 display:none !important;
  }
  
  
 
.navbar-default .navbar-nav > li > a {
   /*font-size: 18px;*/
    padding-left: 10px;
    padding-right: 10px;

}

  
  
}


/* Medium Devices, tablets and phones */
    @media only screen and (max-width : 992px) {
  
		h1{
	font-size:42px;
	line-height:42px;
}
		
			.single-portfolio-info .whitepadding {
				padding-top:80px!important;
				padding-bottom:30px!important;
			}
			
			.single-portfolio-info.first-portfolio .whitepadding {
				padding-top:0px!important;
			}
			
			.custom-text-center {
				text-align:center!important;
			}
			
			.btnfooter {
    			float: unset!important;
				display:inline-block!important;
				width:auto!important;
				margin-left:auto!important;
				margin-right:auto!important;
				margin-bottom:20px;
			}
			
			.logo-container {
				padding-left: 15px;
			}
			
			.hidden-medium {
    			display: none;
			}
			
			.hiddenmobile{
		display:none;
	}
	
			.navtab {
   				 margin-left: -65px;
				 margin-top: -10px;
			}
			
			.first-portfolio {
				margin-top:80px!important;
			}
			
			.first-portfolio.first-of-all {
				margin-top:0px!important;
			}
		
		
    }
	
/* Big Devices, Desktops */
    @media only screen and (min-width : 767px) {
		
		.nav > li.hidden-desktop {
    		display: none;
		}
		
		.hidden-submenu {
			display:none!important;
		}
		
		
		

    }

/* Medium Devices, custom */
    @media only screen and (max-width : 767px) {
		
		
		.titre {
    min-height: 160px !important;
}
		
				.text-right {
    text-align: center !important;
}

.marginleftright {
	margin:0!important;
}
		
			.container-in-black .col-sm-4{
				display:none!important;
		}
		
		.sub-links-list {
			display:none!important;
		}
		
		.navbar-collapse ul.nav {
			margin-left:0px!important;
			padding-bottom:10px;
		}
		
		h1{
			font-size:35px;
			line-height:35px;
		}
		
		.top-blackbar {
			padding: 5px 0 5px;
		}
		
		.contenant-header .col-xs-2{
			padding: 5px 0 0 0;
		}

		.navbar-collapse {
			border:1px solid #fff;
			background-color:#000;
			width:99%;
			/*margin-top:-5px;*/
		}
		
		nav ul li ul.submenu {
			margin:0px;
			padding:0px;
			margin-left:10px;
			padding-top:0px;
		}
		
		nav ul li ul.submenu li {
			display:block;
			margin-top:10px;
			margin-right:15px;
		}
		
		.tablet-below {
			display:block!important;
		}
		
		.container-in-black {
			padding-left:15px!important;
			padding-right:15px!important;
		}
		
		
				
		


    }
	
/* No greater than 768px, no less than 480px */
@media (max-width:768px) and (min-width:480px) {
    
		
		
		.navbar-fixed-top, .navbar-fixed-bottom {
			/*position:relative  !important;*/
		}
		
		body{
			/*padding-top:0 !important; margin-top:0; */ 
		}
		
		
		
}​

/* small Devices, custom */
    @media only screen and (max-width : 479px) {
		
		
	
	}


/*-------------------------------End Louis-Philippe Lampron adds------------------------*/