/* BODY */
body {
    padding:50px 0;
    max-width:870px;
    margin-right:auto;
    margin-left:auto;
    font-family: 'TypeType-TT-Smalls-ExtraLight'!important;
}

@media (max-width:870px) {
	body {
    	padding:0;
	}
}


p.lead {
    font-family: 'TypeType-TT-Smalls-Regular';
    font-size:19px;
    letter-spacing:1px;    
    text-transform: uppercase;
    line-height: 30px;
}

@font-face {
    font-family: 'TypeType-TT-Smalls-ExtraLight';
    font-weight: 100;
    src: url('../fonts/TypeType-TT-Smalls-ExtraLight.ttf')  format('truetype');
}

@font-face {
    font-family: 'TypeType-TT-Smalls-Regular';
    font-weight: 300;
    src: url('../fonts/TypeType-TT-Smalls-Regular.ttf')  format('truetype');
}


.entry:not(.logo) .entry__image {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}


.no-click {
    opacity:1!important;
}

.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
h1,
h4 {
    font-family: 'TypeType-TT-Smalls-Regular';    
}

h1,
h4 {
 	line-height:initial;    
}

h6,
.light{
    font-family: 'TypeType-TT-Smalls-ExtraLight';
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    font-size:12px;
    font-family: 'TypeType-TT-Smalls-ExtraLight';
    border-bottom: 1px solid #111111;
}

.btn, button, input[type="submit"], input[type="reset"], input[type="button"] {
    border: 1px solid #111111;
}

input::-webkit-input-placeholder {
    text-transform: lowercase!important;
    letter-spacing:14px;
}

textarea::placeholder {
    text-transform: lowercase!important;
    letter-spacing:14px;
}
/* HEADER */
.loader-mask .loader {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
    border:none!important;
	border-radius: 0!important;
	animation:none!important;
}

/* MENU */
.header .menu li a:hover,
.header .menu li a.active {
    color: #020025;
}

.header .mobile-nav.visible {
    z-index: 10;
}

.heading:after {
    display: block;
    content: '';
    background: transparent;
    margin: 40px auto 80px;
}

.logo-header {
    position: fixed;
    width: 150px;
    z-index: 9;
    top:0;
    left:0;
}

/* CONTENT */
.entry .entry__overlay {
    border: 10px solid #020025;
	background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}


.entry.my-hover .entry__overlay {
    border: 10px solid #020025;
	background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
        display: block;
    visibility: visible;
    opacity: 1;
}

.entry.no-click .entry__overlay {
    border: none;
}

.entry .entry__overlay.white {
    border: 10px solid #FFFFFF;

}

.entry .entry__overlay .entry__overlay__content .project {
    font-family: 'TypeType-TT-Smalls-ExtraLight';
    font-size:20px;
}

.entry .entry__overlay .entry__overlay__content .project span {
    font-family: 'TypeType-TT-Smalls-Regular';
	margin-right:5px;
    border-bottom: 2px solid #020025;
}

.entry .entry__overlay .entry__overlay__content {
	display: table-cell;
	padding: 25px;
}

.big-title {
    color: #020025;
    line-height: 50px;
}

.big-title-inside {padding:50%}


.no-padding {
	padding:0;
}
	
@media (max-width:870px) {
	.normal-padding {
		padding: 0 25px!important;
	}
}

@media (min-width:871px) {
	.normal-padding {
		padding: 0;
	}
}

.social li a:hover {
    color: #cecece!important;
}

.quote-panel {
    background: #cecece;
    padding: 65px 115px;
}

ul.normal {
	padding-left: 20px;
}

ul.normal > li:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}
/* CONTACT FORM */

label.error {
    display: none!important;
}

.wobble-error{border-color:#FF0000!important;}

.success-message{
  	display: none;
	color: green;
}

.error-message{
  	display: none;
    color: red;
}

button[disabled],
html input[disabled] {
	cursor: not-allowed;
}


/* LIGNES */

.project-navigation {
	margin-top:50px;
}
.project-navigation:before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    margin: 0 auto 50px;
    background: #111111;
}

@media (min-width:801px) {
	.ligne {
    	border-left:1px solid #111111;
	}
}

/* FOOTER */
.footer {
	padding-top:0px;
}
.footer .copy:before {
    height: 50px;
    background: #020025;
    width: 1px;
}

.logo-footer img {
    width:25x;
    height:25px;
}

a.link {
    color: #020025;    
}

a.link:hover {
    color: #cecece!important;
}

a.contact {
    letter-spacing:17px;
    margin-left:17px;
}

@media (min-width:871px) {
	a.contact {
 		font-size:14px;
	}
}

.footer .back2top.visible {
    color: #020025;    
}

.footer .back2top {
    font-family: 'TypeType-TT-Smalls-ExtraLight'!important;
}

@media (max-width:800px) {
	.footer .back2top {
		margin-top:50px;	
	}
}


/* REGLAGES RESPONSIVE */
@media (max-width:1023px) {
	.desktop-show {
		display:none!important;
	}
	
	.projet-1 .footer,
	.projet-2 .footer,
	.projet-3 .footer,
	.projet-4 .footer,
	.projet-5 .footer,
	.projet-6 .footer {
		padding-top:0;
	}
	
	.special-center {
		text-align:center;
	}
	
::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

}

.contact__info { letter-spacing: 1px!important;}