@import url(https://fonts.googleapis.com/css?family=Lato:400,900|Open+Sans:400,300,800|Raleway:400,300,800|Old+Standard+TT:400,400italic,700);



.preloaderLogo {
    min-width: 400px;
    max-width: 800px;
    width: 40%;
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px){

    .preloaderLogo{
        min-width: 370px;
        max-width: 370px;
        width: 370px;
    }
}

.introLogo {
    position: relative;
    width: 700px;
}

#intro .btn {
	font-size: 22px;
}


/* Logo entete */
.logo-entete-blanc, .logo-entete-noir {
	max-height: 28px;
}
.navbar-brand .logo-entete-blanc {
    display: block;
}
.navbar-brand .logo-entete-noir {
    display: none;
}
.affix .logo-entete-blanc {
	display: none;
}
.affix .logo-entete-noir {
	display: block;
}

/* Menu */
.navbar-nav > li > a {
 	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
color: #d5d5d5;
	letter-spacing: 0px;
position: relative;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
line-height: 1.42857143;
color: #282828;
white-space: nowrap;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 11px;
letter-spacing: 1px;
padding-top: 10px;
padding-bottom: 10px;
}


/* Footer */
.footerLogo {
width: 200px;
    margin-top: 10px;
}
#footer a, .bottomLine a {
	color: #a5a5a5;
}
#footer .liens {
    list-style: none;
    color: #a5a5a5;
}
#footer .liens a {
	color: #a5a5a5;
	font-size:12px
}

/* Fonds */
#portfolioIntro{
    background: url(img/parallax-galerie.jpg);
    background-repeat: repeat;
    background-position: center center;
}
#contactIntro{
    background: url(img/parallax-galerie.jpg);
    background-repeat: repeat;
    background-position: center center;
}





/**/
.grayBackground {
	background: #EBEBEB;
}



/**/
.overlay {
background-color: white;
background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.75) 100%);
background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.75) 100%);
background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.75) 100%);
background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.75) 100%);
}

/**/
input:focus, textarea:focus, select:focus{
    outline:0;
}
label input, textarea, select{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}
#contact_form #name,
#contact_form #email,
#contact_form #phone,
#contact_form #adresse,
#contact_form #pays,
#contact_form #personnes,
#contact_form .input-date,
#contact_form #phone{
    height: 50px;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #d5d5d5;
    font-size:10px;
    text-transform:uppercase;
    font-family: 'Lato', sans-serif;
    color: #282828;
    letter-spacing:1px;
    padding:0;
    padding-left:10px;
}

/**/

#text-separator, #text-separator-clients, #text-separator-timers{
	background-color: rgba(31,31,31,0.9);
	overflow: hidden;
}

/**/
.owl-item {
	/*
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	*/	
}





/* Galerie */
.gallery .gallery-inner, .gallery .grid-sizer {
	width: 25%;
	border: 5px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* autre  taille */
.gallery .gallery-inner-width2 { width: 50%; }
.gallery .gallery-inner-width3 { width: 12.5%; }

.gallery-inner .caption{;
	background: rgba(255, 255, 255, 0.8);
   /* -webkit-transition: all 1s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; */
     -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
         -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
             transition: all 0.5s ease-in-out;
}

@media (max-width: 1024px){
	.gallery .gallery-inner, .gallery .grid-sizer {
		width: 33.333%;
	}
	.gallery .gallery-inner-width2 { width: 66.666%; }
}
@media (max-width: 768px){
	.gallery .gallery-inner, .gallery .grid-sizer {
		width: 50%;
	}
	.gallery .gallery-inner-width2 { 
		width: 100%;
	}
}


/* Galerie Presse */
.presse .gallery-inner .verticallineSeparator {
	height: 30px;
}
.presse .gallery-inner .caption-heading {
 width: 100%;
    height: 40px;
}
.popup-link {
	display: block;
}
.presse .gallery-inner .caption-texte{
	opacity: 1;
	position: absolute;
	bottom: 6%;
	width: 100%;
	height: auto;
	min-height: 35%;
	padding: 5px 8px;
	background: rgba(255, 255, 255, 0.9);
/*	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out; */
	
     -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
         -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
             transition: all 0.3s ease-in-out;	
	
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,1.00);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
}
.presse .gallery-inner:hover .caption-texte{
    opacity: 0;
}

.presse .gallery-inner .caption-texte h6{
	line-height: 20px;
}
.presse .gallery-inner .caption-texte p{
	line-height: 16px;
}
.hidden-pop {
	display: none;
}


/* Cube portfolio */
#portfolioContent {
	padding: 20px 0;
}
#js-grid-mosaic{
	padding: 10px;
    background-color: #222;
}
.cbp .cbp-item .cbp-caption-defaultWrap-border{
	width: 100%;
	position: absolute;
	z-index: 3;
	height: 100%;
   -webkit-box-shadow: inset 0px 0px 0px 10px rgba(74,74,74,0.4);
    -moz-box-shadow: inset 0px 0px 0px 10px rgba(74,74,74,0.4);
    box-shadow: inset 0px 0px 0px 10px rgba(74,74,74,0.4);
     -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
         -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
          -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
             transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);			 
}
.cbp-caption:hover .cbp-caption-defaultWrap-border {
   -webkit-box-shadow: inset 0px 0px 0px 5px rgba(74,74,74,0.1);
    -moz-box-shadow: inset 0px 0px 0px 5px rgba(74,74,74,0.1);
    box-shadow: inset 0px 0px 0px 5px rgba(74,74,74,0.1);	
}
.cbp .cbp-item .cbp-caption-activeWrap{}
.cbp-l-grid-mosaic .cbp-caption-activeWrap {
    background-color: rgba(255, 255, 255, 0.9);
}
.cbp-l-filters-button .cbp-filter-item {
background-color: #FFF;
border: 1px solid #ECECEC;
	color: #999;
	font: 12px/32px "Raleway",sans-serif;
	font-weight: 400;
margin: 0px 8px 10px 0px;
	padding: 0px 24px;
	text-transform: uppercase;
}
.cbp-l-grid-mosaic .cbp-l-caption-title {
	font: 16px/20px "Raleway",sans-serif;
	font-weight: 400;
	color: #000;
}

/**/
.inclineLine {
top: 2%;
    width: 32px;
    height: 70px;
left: 45%;
}

/*<!-- 774 Intro -->*/
.introSmallCaption {
	padding: 30px 30px 30px 30px;
	text-shadow: 2px 2px 4px #000000;
	background-color: rgba(0,0,0,0.50);
}


/**/

#text-separator .minimal {
    padding-bottom: 20px;
}
#text-separator h2, #text-separator-clients h2, #text-separator h3, #text-separator-clients h3, #text-separator h4, #text-separator-clients h4{
    color: white;
	font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
/* 957 */
#text-separator p, #text-separator-clients p{
    color:#DADADA;
z-index: 100;
position: relative;
}
#text-separator .lineSeparator {
width: 100px;
height: 1px;
	background: #DADADA none repeat scroll 0% 0%;
margin-top: 20px;
margin-bottom: 25px;
}


/*TEXT STYLES*/

h1 { font-size: 42px; line-height: 54px; margin-bottom: 7px; }
h2 { font-size: 32px; line-height: 50px; margin-bottom: 10px;}
h3 { font-size: 24px; line-height: 36px; margin-bottom: 7px; }
h4 { font-size: 18px; line-height: 30px; margin-bottom: 7px; }
h5 { font-size: 16px; line-height: 26px; margin-bottom: 7px; }
h6 { font-size: 14px; line-height: 24px; margin-bottom: 7px;  }

h1,h2,h3,h4,h5,h6 {
letter-spacing: -0.5px;
-webkit-font-smoothing: antialiased;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
}

h1{
text-transform: uppercase;
	font-weight:300;
}

h2{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}

.sectionIntro  h1 {
text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

.sectionIntro h1.minimal{
letter-spacing: -3px;
margin-top:30px;
}


h6{
text-transform:uppercase;
}

.sectionIntro h3{
margin-top:-10px;
}

p {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 24px;
	color: #323232; /*4c4c4c*/
}

.minimal{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
text-transform: uppercase;
}

h1.minimal{
	font-size:48px;
	letter-spacing: -2px;
}

h1 small{
font-weight:300;
	font-size: 48px;
	letter-spacing: -2px;
}
#intro h1 {
	font-size:40px;
	margin-top: 5px;
    letter-spacing: 2px;
	line-height: 1.2em;
}

h2.minimal{
	font-size:38px;
	letter-spacing: -2px;
}

h2 small{
font-weight:300;
	font-size: 38px;
	letter-spacing: -2px;
}

h3.minimal{
	font-size:30px;
	letter-spacing: -1px;
}

h3 small{
font-weight:300;
	font-size: 30px;
	letter-spacing: -1px;
}

h4.minimal{
	font-size:24px;
	letter-spacing: -1px;
}

h4 small{
font-weight:400;
	font-size: 24px;
	letter-spacing: -1px;
}

h5.minimal{
	font-size:20px;
letter-spacing: -1px;
}

h5 small{
font-weight:400;
	font-size: 18px;
letter-spacing: -1px;
}

h6.minimal{
	font-size:16px;
}

h6 small{
font-weight:400;
	font-size: 18px;
}

p.bold{
font-weight:700;
}

p.lead {
    font-size: 16px;
}

.serif{
font-family: 'Old Standard TT', serif;
text-transform:none;
font-style:italic;
font-weight:300;
letter-spacing:-1px;
}


h3 .serif{
font-size:110%
}
h4 .serif{
font-size:120%
}

h5 .serif{
font-size:120%
}

h6 .serif{
font-size:120%
}


h3 small, h4 small, h5 small{
-webkit-font-smoothing: antialiased;
}

/**/
#text-separator .btn {
    background-color: rgba(245, 245, 245, 0.2);
}
#text-separator .btn:hover {
    color: #fff;
}