/* =========== CLEARFIX ============================================ */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 16px;
line-height: 20px;
color: #000;
/*font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;*/
font-family: 'Times New Roman', Arial, Helvetica, serif;
/*font-family: 'Times New Roman';*/
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
text-size-adjust: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
a, a:hover {
color: #000;
text-decoration: none;
outline: none;
}
a:active,
a:focus  {
outline: none;
-moz-outline-style: none;
}


input, textarea {
-webkit-appearance: none;
border-radius: 0;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: inherit;
margin: 0;
font-size: inherit;
}

	.global {
	/*width: 960px;*/
	margin: auto;
	text-align: left;
	position: relative;
	}
	header {
	/*font-family: 'Times New Roman', 'brandon_grotesque_light', Arial, Helvetica, sans-serif;*/
  font-family: 'Times New Roman', 'brandon_grotesque_light', Arial, Helvetica, serif;
	font-size: 32px;
	text-transform: uppercase;
	background: #fff;
	/*min-width: 960px;*/
	width:100%;
	position: fixed;
	top: 0px;
	z-index:2000;
	height: 120px;
	}
		header.ongoing,
		footer.ongoing {
		-webkit-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-moz-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-o-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-ms-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-khtml-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		}
		header.open {
		border-bottom: 1px solid #EEE;
		}
		footer.open {
		border-top: 1px solid #EEE;
		}
		header.first-load,
		footer.first-load {
		height: 5000px;
		-webkit-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-moz-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-o-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-ms-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-khtml-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		}
			header.first-load span.first.first-load {
			margin-right: 35px;
			opacity:0;
			}
			header.first-load span.last.first-load {
			margin-left: 35px;
			opacity:0;
			}
		header .animate {
		position: relative;
		height: 100%;
		}
			header .position {
			width: 100%;
			position: absolute;
			bottom: 15px;
			}
				header .global {
				text-align: center;
				}
					header .global a {
					display: block;
					}
						header span {
						height: 88px;
						line-height: 88px;
						display: inline-block;
						vertical-align: top;
						letter-spacing: 6px;
						}
						header span.first,
						header span.last {
						-webkit-transition: all 0.8s ease-in-out;
						-moz-transition: all 0.8s ease-in-out;
						-o-transition: all 0.8s ease-in-out;
						-ms-transition: all 0.8s ease-in-out;
						-khtml-transition: all 0.8s ease-in-out;
						transition: all 0.8s ease-in-out;
						opacity: 1;
                        /*color: #ff0000;*/
						}
						header .logo {
						width: 90px;
						height:90px;
						background : url('img/header-logo-custom.png') no-repeat center 15px;
				  	     background-size: contain;
						-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
						margin: 0 16px 0 6px;
						overflow: hidden;
						}
							header .logo input#image-loader {
							display: none;
							}

	#content {
	margin: 120px 0 60px 0;
	/*min-width: 960px;*/
	}
		#content-ajax {
		position : relative;
		}
			#content-ajax > span.mask {
			display:block;
			background: #000;
			position: fixed;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			z-index: 1500;
			opacity: 0.6;
			display:none;
			}


	/* ====== PAGE HOME ====== */
	.page-home {
	}
		.page-home h1 {
		display: none;
		}
		.page-home .slideshow,
		.page-home .slideshow-part {
		height: 600px;
		line-height:600px;
		}
		.page-home .slideshow {
		position: relative;
		overflow:hidden;
		}
			.page-home .slideshow ul.list {
			position: absolute;
			left: 36px;
			width:12px;
			padding:0;
			margin:0;
			list-style:none;
			z-index:1000;
			}
				.page-home .slideshow ul.list li {
				padding: 4px 0;
				}
					.page-home .slideshow ul.list li a {
					display:block;
					text-indent: -99999px;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					-khtml-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
					width: 10px;
					line-height:10px;
					border:1px solid #fff;
					background : url('img/background-black-40.png') repeat;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					}
					.page-home .slideshow ul.list li.active a {
					background: #fff;
					}
			.page-home .slideshow-part {
			width:100%;
			background-repeat: no-repeat;
			background-position: center center;
			/*min-width: 960px;*/
			z-index:10;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
				.page-home .slideshow.ratio-height .slideshow-part {
				background-size: auto 100%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-home .slideshow.animate .slideshow-part {
				transition: background-size 0.6s ease-in;
				-moz-transition: background-size 0.6s ease-in;
				-ms-transition: background-size 0.6s ease-in;
				-o-transition: background-size 0.6s ease-in;
				-webkit-transition: background-size 0.6s ease-in;
				}
				.page-home .slideshow.zoom .slideshow-part {
				background-size: 104% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-home .slideshow.ratio-height.zoom .slideshow-part {
				background-size: auto 104%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-home #slide-1 {
			background-image : url('img/page-home/slider-1.jpg');
            background-size: cover;
			}
			.page-home #slide-1.animate-grey {
			-webkit-animation: animGrey 0.9s ease-in;
			-moz-animation: animGrey 0.9s ease-in;
			-o-animation: animGrey 0.9s ease-in;
			-ms-animation: animGrey 0.9s ease-in;
			animation: animGrey 0.9s ease-in;
			}
				@-webkit-keyframes animGrey {
				0% { -webkit-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -webkit-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-webkit-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-moz-keyframes animGrey {
				0% { -moz-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -moz-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-moz-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-o-keyframes animGrey {
				0% { -o-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -o-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-o-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-ms-keyframes animGrey {
				0% { -ms-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -ms-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-ms-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@keyframes animGrey {
				0% { filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {filter: grayscale(0%) brightness(100%) contrast(100%);}
				}
			.page-home #slide-2 {
						background-image : url('img/page-home/slider-2-new.jpg');
            background-size: cover;
			}
			.page-home #slide-3 {
			background-image : url('img/page-home/slider-3.jpg');
            background-size: cover;
			}
			.page-home #slide-4 {
			background-image : url('img/page-home/slider-4.jpg');
            background-size: cover;
			}
			.page-home #slide-5 {
			background-image : url('img/page-home/slider-5.jpg');
            background-size: cover;
			}
			.page-home .slideshow-part.animate {
			z-index:20;
			-webkit-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-moz-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-o-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-ms-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-khtml-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			}
			.page-home .slideshow-part.current_active {
			z-index:15;
			}
				.page-home .slideshow .global {
				text-align: center;
				}
				.page-home .slideshow .content {
				margin: auto;
				text-transform: uppercase;
				vertical-align:middle;
				display:inline-block;
				line-height:1.2; /* on rétablit le line-height */
				padding-bottom:80px;
				}
					.page-home .slideshow .content .block-title {
					background : url('img/background-black-40.png') repeat;
					color: #fff;
          margin-top: 110px;
					margin-bottom: 90px;
					padding: 0 25px;
					}
					@media only screen and (min-width:960px) {
						.page-home .slideshow .content .block-title {
						-webkit-transform: scale(1.15);
						-moz-transform: scale(1.15);
						-ms-transform: scale(1.15);
						-o-transform: scale(1.15);
						transform: scale(1.15);
						}
					}
						.page-home .slideshow .content .block-title span {
						display: block;
						}
						.page-home .slideshow .content .block-title span.title {
						font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
						font-size: 79px;
						line-height: 79px;
						letter-spacing: 8px;
						padding: 25px 0 5px 0;
						}
							.page-home .slideshow #slide-2 .content .block-title span.title {
							letter-spacing: 11px;
							position: relative;
							left: 1px;
							}
							.page-home .slideshow #slide-3 .content .block-title span.title {
							letter-spacing: 25px;
							position: relative;
							left: 6px;
							}
						.page-home .slideshow .content .block-title span.subtitle {
						font-family: 'brandon_grotesque_light', Arial, Helvetica, sans-serif;
						font-size: 35px;
						line-height: 35px;
						letter-spacing: 10px;
						padding-bottom: 27px;
						}
					.page-home .slideshow .button-effect {
					width: auto;
					}
		.page-home .circle-mouse {
		width: 100%;
		position: absolute;
		bottom:-102px;
		z-index:1000;
		}
		.page-home .circle-mouse.show,
		html.no-csstransitions .page-home .circle-mouse {
		bottom:46px;
		}
			.page-home .circle {
			background : url('img/background-black-40.png') repeat;
			width:102px;
			height:102px;
			position: relative;
			margin: auto;
			-webkit-border-radius: 51px;
			-moz-border-radius: 51px;
			border-radius: 51px;
			behavior: url("/css/PIE.htc"); /* IE8 */
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}
			.page-home .circle-mouse.show .circle {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			}
			.page-home .circle-mouse,
			.page-home .circle-mouse .circle {
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-khtml-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
				.page-home .circle .mouse {
				background : #fff;
				background-size: 50% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				width:28px;
				height:52px;
				position: absolute;
				left:37px;
				top:25px;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;
				behavior: url("/css/PIE.htc"); /* IE8 */
				line-height: 2px;
				}
					.page-home .circle .points {
					background : url('img/page-home/mouse.gif') no-repeat;
					background-size: 100% auto;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 4px;
					height:16px;
					position: absolute;
					left:12px;
					top:5px;
					}


	/* ====== PAGES PROJET ====== */
	.page-project .block {
	}
		.page-project .block .global {
		text-align:center;
		}
			.page-project .block .number {
			font-size:15px;
			width: 27px;
			line-height: 27px;
			border:1px solid #555;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			behavior: url("/css/PIE.htc"); /* IE8 */
			text-align: center;
			display:inline-block;
			background: #fff;
			letter-spacing: 1px;
			}
			.page-project .block .title {
			font-family: 'museo_slab', Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			display:inline-block;
			background: no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			letter-spacing: 1px;
			}
				.page-project .block .title span {
				display: block;
				font-size:25px;
				line-height: 35px;
				    color: #000;
				}
		.page-project .block-dark {
		color: #fff;
		background: #0f0f0f url('img/page-project/block-dark-background.jpg') no-repeat center center;
		background-size: cover;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		}
			.page-project .block-dark .global {
			height:700px;
			}
			.page-project .block-dark .number {
			border:1px solid #fff;
			background:none;
			}
	.page-project #content {
	margin-top: 420px;
	}
    .list-of-projects #content {
	   margin-top: 120px;
        background: #000;
	}
    .list-of-projects #content .text {
        max-height: none;
	}
    ul#projects-ul-list{
        text-align: left;
        font-size: 20px;
    }
		.page-project .block {
		position: relative;
		z-index: 2;
		}


	.page-project .block-intro {
	height: 300px;
	width: 100%;
	line-height: 300px;
	background: no-repeat center center;
	background-size: cover;
	-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
	position: fixed;
	top: 120px;
	left: 0px;
	z-index: 1;
	}
		.page-project .block-intro .vertical-align {
		line-height: 10px;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		font-family: 'brandon_grotesque_thin', Arial, Helvetica, sans-serif;
		}
			.page-project .block-intro .vertical-align span {
			display: block;
			}
			.page-project .block-intro .vertical-align span.text-small {
			font-size: 26px;
			line-height: 30px;
			letter-spacing:3px;
			}
			.page-project .block-intro .vertical-align span.text-large {
			font-size: 70px;
			line-height: 96px;
			margin-top: 6px;
			letter-spacing: 8px;
                background-color: rgba(126,126,126,0.3);

			}
		/* Specific */
		.page-project-charlot .block-intro {
		background-image: url('img/page-project/charlot/block-intro.jpg');
		}
		.page-project-hotel-rdc .block-intro {
		background-image: url('img/page-project/hotel-rdc/block-intro.jpg');
		}
		.page-project-hotel-etage .block-intro {
		background-image: url('img/page-project/hotel-etage/block-intro.jpg');
		}
		.page-project-doumer .block-intro {
		background-image: url('img/page-project/doumer/block-intro-new.jpg');
		}
		.page-project-puteaux .block-intro {
		background-image: url('img/page-project/puteaux/block-intro.jpg');
		}


		.page-project .block-brief {
		background: #fff url('img/page-project/block-brief-background.jpg') repeat-x top center;
		background-size: auto 355px;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		position: relative;
		}
			.page-project .block-brief .number {
			margin-top: 75px;
			}
			.page-project .block-brief .title {
			background-image: url('img/page-project/block-brief-title.png');
			/*width: 205px;*/
			height: 85px;
			margin: -2px 0 21px 0;
			}
				.page-project .block-brief .title span {
				margin: 16px 48px 0 48px;
				}
			.page-project .block-brief .text {
			line-height: 35px;
			font-size:23px;
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			margin-bottom: 52px;
			max-height: 500px; /* Debug Chrome Android font-size */
			    color: #000;
			}
				.page-project .block-brief .text sup {
				font-size:60%;
				}
				.page-project .block-brief .text .large {
				line-height: 45px;
				font-size:30px;
				display:block;
				margin-bottom: 32px;
				}
			.page-project .block-brief .separation {
			width: 123px;
			height: 1px;
			display: inline-block;
			background: url('img/page-project/block-brief-separation.png') no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			margin-bottom: 20px;
			}


		.page-project .block-interieur {
		background: #fff;
		}
			.page-project .block-interieur .number {
			margin-top: 40px;
			}
			.page-project .block-interieur .title {
			background-image: url('img/page-project/block-interieur-title.png');
			width: 289px;
			height: 88px;
			margin: -10px 0 37px 0;
			}
				.page-project .block-interieur .title span {
				margin: 25px 50px 0 50px;
				}
			.page-project .block-interieur .switch {
			height:25px;
			text-align:center;
			margin: -50px 0 30px 0;
			position: relative;
			z-index:2;
			}
				.page-project .block-interieur .switch a {
				display:inline-block;
				font-size:13px;
				text-transform:uppercase;
				line-height:25px;
				width: 120px;
				vertical-align: top;
				}
				.page-project .block-interieur .switch a.slider-1 {
				text-align: right;
				}
				.page-project .block-interieur .switch a.slider-2 {
				text-align: left;
				}
				.page-project .block-interieur .switch a.active {
				font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
				}
				.page-project .block-interieur .switch .tools {
				border:1px solid #555;
				display:inline-block;
				vertical-align: top;
				width:54px;
				height:23px;
				-webkit-border-radius: 13px;
				-moz-border-radius: 13px;
				border-radius: 13px;
				behavior: url("/css/PIE.htc"); /* IE8 */
				position: relative;
				margin: 0 14px;
				cursor: pointer;
				}
					.page-project .block-interieur .switch .tools .round {
					display: block;
					width: 19px;
					height: 19px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					background: #000;
					position: absolute;
					left: 2px;
					top: 2px;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					}
					.page-project .block-interieur .switch .tools .round.slider-2-active {
					left: 33px;
					}
			.page-project .block-interieur .slider {
			background: #ccc;
			width: 100%;
			height: 0;
			position: relative;
			text-align:center;
			overflow:hidden;
			cursor: move; /* fallback if grab cursor is unsupported */
			cursor: grab;
			cursor: -moz-grab;
			cursor: -webkit-grab;
			}
			.page-project .block-interieur .slider:active {
			cursor: grabbing;
			cursor: -moz-grabbing;
			cursor: -webkit-grabbing;
			}
			.page-project .block-interieur .slider.active {
			height: 600px;
			}
				.page-project .block-interieur .slider .cursor {
				width: 190px;
				position: relative;
				z-index:2;
				line-height:14px;
				font-size:12px;
    			font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
				position: absolute;
				left: 50%;
				margin-left: -96px;
				top: 50%;
				margin-top: -60px;
				}
				@media only screen and (min-width:1200px) {
					.page-project .block-interieur .slider.active {
					height:800px;
					}
						.page-project .block-interieur .slider.active .cursor {
						}
				}
				@media only screen and (min-width:1400px) {
					.page-project .block-interieur .slider.active  {
					height:900px;
					}
						.page-project .block-interieur .slider.active .cursor {
						}
				}
					.page-project .block-interieur .slider .cursor .round {
					background: url('img/page-project/block-interieur-cursor.png') no-repeat;
					background-size: cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					height: 77px;
					width:77px;
					display:inline-block;
					}
					.page-project .block-interieur .slider .cursor .text {
					color: #fff;
					text-transform: uppercase;
					margin-top: 10px;
					opacity: 1;
					transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-webkit-transition: all 0.4s ease-in-out;
					}
					.page-project .block-interieur .slider .cursor .text.hide {
					opacity: 0;
					}
				.page-project .block-interieur .slider .slide {
				background: no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				height: 100%;
				width:100%;
				position: absolute;
				top:0px;
				opacity:0;
				}
					.page-project .block-interieur .slider .slide.active {
					opacity:1;
					}
				.page-project .block-interieur .slider nav {
				position: absolute;
				top: 0px;
				width:100%;
				text-align:center;
				z-index:3;
				}
					.page-project .block-interieur .slider nav ul {
					display:inline-block;
					z-index: 20;
					width:253px;
					height:52px;
					background: url('img/page-project/block-interieur-pagination.png') no-repeat;
					background-size: cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					text-align: center;
					padding:0;
					margin:0;
					}
						.page-project .block-interieur .slider nav ul li {
						display: inline-block;
						vertical-align: top;
						}
							.page-project .block-interieur .slider nav ul li a {
							display: block;
							margin: 0 4px;
							width: 20px;
							height: 20px;
							line-height:8px;
							text-indent:-99999px;
							border: 1px solid #fff;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 50%;
							behavior: url("/css/PIE.htc"); /* IE8 */
							background: #fff;
							cursor: pointer;
							-webkit-transition: all 0.1s ease-in-out;
							-moz-transition: all 0.1s ease-in-out;
							-o-transition: all 0.1s ease-in-out;
							-ms-transition: all 0.1s ease-in-out;
							-khtml-transition: all 0.1s ease-in-out;
							transition: all 0.1s ease-in-out;
							}
							.page-project .block-interieur .slider nav ul li.active a {
							background: #8C8C8C;
							}
				/* Specific */
				.page-project-charlot .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/charlot/block-interieur-1.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/charlot/block-interieur-2.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/charlot/block-interieur-3.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/charlot/block-interieur-4.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/charlot/block-interieur-5.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/charlot/block-interieur-6.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-7 {
				background-image: url('img/page-project/charlot/block-interieur-7.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-8 {
				background-image: url('img/page-project/charlot/block-interieur-8.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-1 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-1.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-2 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-2.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-3 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-3.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-1 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-1.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-2 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-2.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-3 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-3.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-4 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-1 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-1.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-2 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-2.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-3 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-3.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-4 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-5 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-5.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-1 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-1.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-2 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-2.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-3 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-3.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-4 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-5 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-5.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-6 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-6.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-7 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-7.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-8 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-8.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/doumer/block-interieur-new-1.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/doumer/block-interieur-new-2.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/doumer/block-interieur-new-3.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/doumer/block-interieur-new-4.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/doumer/block-interieur-new-5.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/doumer/block-interieur-new-6.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/puteaux/block-interieur-1.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/puteaux/block-interieur-2.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/puteaux/block-interieur-3.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/puteaux/block-interieur-4.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/puteaux/block-interieur-5.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/puteaux/block-interieur-6.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-7 {
				background-image: url('img/page-project/puteaux/block-interieur-7.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-8 {
				background-image: url('img/page-project/puteaux/block-interieur-8.jpg');
				}



		.page-project .block-excerpt {
		background: #fff;
		color: #cacaca;
		height: 240px;
		}
			.page-project .block-excerpt .global .text {
			background: url('img/page-project/block-excerpt-text.png') no-repeat center 42px;
			background-size: 822px auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			font-size:32px;
			line-height: 55px;
			width: 100%;
			position: relative;
			top: 65px;
			max-height: 500px; /* Debug Chrome Android font-size */
			}
			/* Specific */
			.page-project-charlot .block-excerpt .global .text,
			.page-project-hotel-etage .block-excerpt .global .text {
			font-size:38px;
			}


		.page-project .block-hat {
		background: no-repeat center center;
		background-size: cover;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		height: 344px;
		color:#cacaca;
		}
			.page-project .block-hat .global .text {
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			display: inline-block;
			line-height: 55px;
			}
		.page-project-hotel-rdc .block-hat {
		background-image: url('img/page-project/hotel-rdc/block-hat.jpg');
		}
			.page-project-hotel-rdc .block-hat .global .text {
			background: url('img/page-project/hotel-rdc/block-hat-text.png') no-repeat center 40px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:28px;
			width: 857px;
			margin: 89px 0;
			}
		.page-project-hotel-etage .block-hat {
		background-image: url('img/page-project/hotel-etage/block-hat.jpg');
		}
			.page-project-hotel-etage .block-hat .global .text {
			background: url('img/page-project/hotel-etage/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}
		.page-project-doumer .block-hat {
		background-image: url('img/page-project/doumer/block-hat.jpg');
		}
			.page-project-doumer .block-hat .global .text {
			background: url('img/page-project/doumer/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}
		.page-project-puteaux .block-hat {
		background-image: url('img/page-project/puteaux/block-hat.jpg');
		}
			.page-project-puteaux .block-hat .global .text {
			background: url('img/page-project/puteaux/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}


		.page-project .block-plans {
		position: relative;
		}
			.page-project .block-plans .mask {
			background: url('img/background-black-60.png') repeat;
			height:700px;
			width:100%;
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			z-index:2;
			display:none;
			}
			.page-project .block-plans .number {
			margin-top: 68px;
			}
			.page-project .block-plans .title {
			background-image: url('img/page-project/block-plans-title.png');
			width: 256px;
			height: 76px;
			margin: -9px 0 21px 0;
			}
				.page-project .block-plans .title span {
				margin: 23px 75px 0 75px;
				}
			.page-project .block-plans .floor {
			background: no-repeat;
			position: absolute;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
			.page-project .block-plans.ongoing .floor {
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .floor.first-load {
			opacity: 0;
			}
				.page-project .block-plans .floor .inside {
				background: no-repeat;
				position: absolute;
				top:0px;
				left:0px;
				display:block;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				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;
				-webkit-transition: all 0.5s ease-in-out;
				}
				.page-project .block-plans .floor .inside.first-load {
				opacity: 0;
				}
				.page-project .block-plans .floor .marker {
				background: url('img/page-project/block-plans-marker.png') no-repeat;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				width:45px;
				height:45px;
				text-align:center;
				position: absolute;
				z-index:3;
				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;
				-webkit-transition: all 0.5s ease-in-out;
				}
				.page-project .block-plans .floor .marker.hide-marker {
				background-image: url('img/pixel.gif');
				}
					.page-project .block-plans .floor .marker.first-load {
					opacity:0;
					}
					.page-project .block-plans .floor .marker .hover-zone {
					width:45px;
					height:45px;
					position:absolute;
					top:0px;
					left:0px;
					z-index:2;
					cursor:pointer;
					}
					.page-project .block-plans .floor .marker .more {
					width: 315px;
					height:315px;
					background: #000 no-repeat;
					background-size:cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					border:10px solid #fff;
					display:block;
					-webkit-border-radius: 168px;
					-moz-border-radius: 168px;
					border-radius: 168px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					position:relative;
					display:none;
					opacity: 0;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-webkit-transform: scale(0.4);
					-moz-transform: scale(0.4);
					-ms-transform: scale(0.4);
					-o-transform: scale(0.4);
					-khtml-transform: scale(0.4);
					-webkit-transform: scale(0.4);
					}
					.page-project .block-plans .floor .marker .more.show {
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);
					-o-transform: scale(1);
					-khtml-transform: scale(1);
					-webkit-transform: scale(1);
					opacity: 1;
					}
					/* Puls effect - Begin */
					@-webkit-keyframes pulse {
						0% {
						-webkit-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-webkit-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-webkit-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Gecko/Firefox */
					@-moz-keyframes pulse {
						0% {
						-moz-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-moz-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-moz-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Presto/Opera */
					@-o-keyframes pulse {
						 0% {
						-o-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-o-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-o-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Standard */
					@keyframes pulse {
						0% {
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						transform: scale(2.5);
						opacity: 0;
						}
					}
					.page-project .block-plans .floor .marker span.pulse-effect {
					width: 56px;
					height: 56px;
					display: block;
					position: absolute;
					top: -7px;
					left: -7px;
					border: 2px solid #e7e7e7;
					border-radius: 60px;
					-moz-box-shadow: 0 0 5px #bcbcbc;
					-webkit-box-shadow: 0 0 5px #bcbcbc;
					-o-box-shadow: 0 0 5px #bcbcbc;
					box-shadow: 0 0 5px #bcbcbc;
					behavior: url("/css/PIE.htc"); /* IE8 */
					-webkit-animation: pulse 1s ease-out infinite;
					-moz-animation: pulse 1s ease-out infinite;
					-o-animation: pulse 1s ease-out infinite;
					-ms-animation: pulse 1s ease-out infinite;
					animation: pulse 1s ease-out infinite;
					}
						.lt-ie9 .page-project .block-plans .floor .marker span.pulse-effect {
						display: none;
						visibility: hidden;
						}
					/* !Puls effect - Begin */
			.page-project .block-plans .switch {
			background: url('img/page-project/block-plans-switch.png') no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			width:233px;
			height:154px;
			position:absolute;
			top:428px;
			left:7px;
			text-align:left;
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .switch.first-load {
			opacity:0;
			}
				.page-project .block-plans .switch .clearfix {
				position: absolute;
				left:44px;
				top: 48px;
				}
					.page-project .block-plans .switch .tools {
					display:block;
					border:1px solid #fff;
					width:24px;
					height:54px;
					-webkit-border-radius: 13px;
					-moz-border-radius: 13px;
					border-radius: 13px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					text-align:center;
					float:left;
					position: relative;
					cursor: pointer;
					}
						.page-project .block-plans .switch .tools .round {
						display:block;
						border:1px solid #fff;
						width:18px;
						height:18px;
						-webkit-border-radius: 13px;
						-moz-border-radius: 13px;
						border-radius: 13px;
						behavior: url("/css/PIE.htc"); /* IE8 */
						background:#8a8a8a;
						position: absolute;
						left:2px;
						bottom:3px;
						transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						-webkit-transition: all 0.2s ease-in-out;
						}
							.page-project .block-plans .switch .tools .round.active-floor-2 {
							bottom: 31px;
							}
					.page-project .block-plans .switch ul {
					list-style:none;
					margin:0 0 0 8px;
					padding:0;
					text-transform:uppercase;
					line-height:20px;
					font-size: 13px;
					float:left;
					margin-top:1px;
					}
						.page-project .block-plans .switch ul li {
						margin: 5px 0;
						}
							.page-project .block-plans .switch ul li a {
							display:block;
							color:#fff;
							}
							.page-project .block-plans .switch ul li.active a {
							font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
							}
			.page-project .block-plans .description {
			position: absolute;
			text-align:justify;
			background: url('img/page-project/block-plans-description.png') no-repeat bottom left;
			background-size: 180px auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			line-height:30px;
			font-size:18px;
			padding-bottom:15px;
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .description.first-load {
			opacity: 0;
			}
				.page-project .block-plans .description p {
				padding-left: 10px;
				margin: 0 0 30px 0;
				}
			/* Specific */
			.page-project-charlot .block-plans .floor {
			width: 435px;
			height: 400px;
			top:200px;
			left:195px;
			right: auto;
			}
				.page-project-charlot .block-plans .floor .inside {
				width: 435px;
				height: 400px;
				}
			.page-project-charlot .block-plans .floor-1 {
			background-image: url('img/page-project/charlot/block-plans-ground-floor.png');
			}
				.page-project-charlot .block-plans .floor-1 .inside {
				background-image: url('img/page-project/charlot/block-plans-ground-floor-inside.png');
				}
				.page-project-charlot .block-plans .floor-1 .marker-1 {
				top:257px;
				left:344px;
				z-index: 4;
				}
					.page-project-charlot .block-plans .floor-1 .marker-1 .more {
					background-image: url('img/page-project/charlot/block-plans-ground-floor-marker-1.jpg');
					top:-124px;
					left:-161px;
					}
				.page-project-charlot .block-plans .floor-1 .marker-2 {
				top:330px;
				left:168px;
				}
					.page-project-charlot .block-plans .floor-1 .marker-2 .more {
					background-image: url('img/page-project/charlot/block-plans-ground-floor-marker-2.jpg');
					top:-184px;
					left:-167px;
					}
			.page-project-charlot .block-plans .floor-2 {
			background-image: url('img/page-project/charlot/block-plans-first-floor.png');
			display:none;
			}
				.page-project-charlot .block-plans .floor-2 .inside {
				background-image: url('img/page-project/charlot/block-plans-first-floor-inside.png');
				}
				.page-project-charlot .block-plans .floor-2 .marker-1 {
				top:34px;
				left:232px;
				}
					.page-project-charlot .block-plans .floor-2 .marker-1 .more {
					background-image: url('img/page-project/charlot/block-plans-first-floor-marker-1.jpg');
					top:-72px;
					left:-174px;
					}
			.page-project-charlot .block-plans .description {
			width:260px;
			top:210px;
			left:auto;
			right: 15px;
			}
			.page-project-hotel-rdc .block-plans .floor {
			width: 345px;
			height: 644px;
			top:30px;
			left: auto;
			right: 24px;
			background-image: url('img/page-project/hotel-rdc/block-plans-floor.png');
			}
				.page-project-hotel-rdc .block-plans .floor .inside {
				width: 345px;
				height: 644px;
				background-image: url('img/page-project/hotel-rdc/block-plans-floor-inside.png');
				}
				.page-project-hotel-rdc .block-plans .floor .marker-1 {
				top:495px;
				left:263px;
				z-index:4;
				}
					.page-project-hotel-rdc .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/hotel-rdc/block-plans-floor-marker-1.jpg');
					top:-195px;
					left:-240px;
					}
				.page-project-hotel-rdc .block-plans .floor .marker-2 {
				top:330px;
				left:50px;
				}
					.page-project-hotel-rdc .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/hotel-rdc/block-plans-floor-marker-2.jpg');
					top:-180px;
					left:-162px;
					}
			.page-project-hotel-rdc .block-plans .description {
			width:465px;
			top:236px;
			right: auto;
			left:15px;
			}
			.page-project-hotel-etage .block-plans .description {
			width:465px;
			top:226px;
			right: 15px;
			left:auto;
			padding-bottom:85px;
			background-position: 210px bottom;
			}
			.page-project-hotel-etage .block-plans .floor {
			width: 271px;
			height: 516px;
			top:128px;
			left: 90px;
			right: auto;
			background-image: url('img/page-project/hotel-etage/block-plans-floor.png');
			}
				.page-project-hotel-etage .block-plans .floor .inside {
				width: 271px;
				height: 516px;
				background-image: url('img/page-project/hotel-etage/block-plans-floor-inside.png');
				}
				.page-project-hotel-etage .block-plans .floor .marker-1 {
				top:357px;
				left:33px;
				}
					.page-project-hotel-etage .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/hotel-etage/block-plans-floor-marker-1.jpg');
					top:-152px;
					left:-116px;
					}
			.page-project-doumer .block-plans .description {
			width:465px;
			top:226px;
			right: 15px;
			left:auto;
			padding-bottom:25px;
			background-position: 210px bottom;
			}
			.page-project-doumer .block-plans .floor {
			width: 438px;
			height: 461px;
			top:167px;
			left: 14px;
			right: auto;
			background-image: url('img/page-project/doumer/block-plans-floor.png');
			}
				.page-project-doumer .block-plans .floor .inside {
				width: 438px;
				height: 461px;
				background-image: url('img/page-project/doumer/block-plans-floor-inside.png');
				}
				.page-project-doumer .block-plans .floor .marker-1 {
				top:270px;
				left:116px;
				}
					.page-project-doumer .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-1.jpg');
					top:-161px;
					left:-158px;
					}
				.page-project-doumer .block-plans .floor .marker-2 {
				top:312px;
				left:242px;
				}
					.page-project-doumer .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-2.jpg');
					top:-174px;
					left:-206px;
					}
				.page-project-doumer .block-plans .floor .marker-3 {
				top:325px;
				left:326px;
				}
					.page-project-doumer .block-plans .floor .marker-3 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-3.jpg');
					top:-158px;
					left:-134px;
					}








			.page-project-puteaux .block-plans .floor {
			width: 427px;
			height: 561px;
			top:95px;
			left: auto;
			right: 5px;
			background-image: url('img/page-project/puteaux/block-plans-floor.png');
			}
				.page-project-puteaux .block-plans .floor .inside {
				width: 427px;
				height: 561px;
				background-image: url('img/page-project/puteaux/block-plans-floor-inside.png');
				}
			.page-project-puteaux .block-plans .description {
			width:465px;
			top:236px;
			right: auto;
			left:15px;
			}
				.page-project-puteaux .block-plans .floor .marker-1 {
				top:99px;
				left:196px;
				}
					.page-project-puteaux .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-1.jpg');
					top:-138px;
					left:-68px;
					}
				.page-project-puteaux .block-plans .floor .marker-2 {
				top:178px;
				left:52px;
				}
					.page-project-puteaux .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-2.jpg');
					top:-161px;
					left:-126px;
					}
				.page-project-puteaux .block-plans .floor .marker-3 {
				top:257px;
				left:343px;
				}
					.page-project-puteaux .block-plans .floor .marker-3 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-3.jpg');
					top:-183px;
					left:-271px;
					}
				.page-project-puteaux .block-plans .floor .marker-4 {
				top:328px;
				left:57px;
				}
					.page-project-puteaux .block-plans .floor .marker-4 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-4.jpg');
					top:-101px;
					left:-142px;
					}
				.page-project-puteaux .block-plans .floor .marker-5 {
				top:497px;
				left:262px;
				}
					.page-project-puteaux .block-plans .floor .marker-5 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-5.jpg');
					top:-238px;
					left:-217px;
					}


		.page-project .block-mobilier {
		background: #fff;
		color: #000;
		}
			.page-project .block-mobilier .number {
			margin-top: 98px;
			}
			.page-project .block-mobilier .title {
			background-image: url('img/page-project/block-mobilier-title.png');
			width: 309px;
			height: 84px;
			margin: -10px 0 50px 0;
			}
				.page-project .block-mobilier .title span {
				margin: 25px 78px 0 78px;
				}
			.page-project .block-mobilier ul {
			text-align:center;
			list-style:none;
			padding: 0;
			margin: 0;
			}
				.page-project .block-mobilier ul li {
				display: inline-block;
				width: 195px;
				height:390px;
				position: relative;
				margin: 2px 23px 48px 23px;
				-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;
				-khtml-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				}
				.page-project .block-mobilier ul li.first-load {
				opacity: 0;
				}
					.page-project .block-mobilier ul li.furniture-1 {
					margin-left: 0px;
					}
					.page-project .block-mobilier ul li.furniture-4 {
					margin-right: 0px;
					}
					.page-project .block-mobilier ul li .plinth {
					background: url('img/page-project/block-mobilier-plinth.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 51px;
					position: absolute;
					top: 125px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .shadow {
					background: url('img/page-project/block-materiaux-mobilier-shadow.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 55px;
					position: absolute;
					top: 136px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .furniture {
					background: no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					position: absolute;
					bottom: 215px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .name {
					font-size: 15px;
					position: absolute;
					top: 223px;
					text-transform: uppercase;
					text-align:center;
					width: 100%;
					font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
					font-size: 15px;
					letter-spacing: 1px;
					}
					.page-project .block-mobilier ul li .button {
					background: url('img/page-project/block-materiaux-button-plus.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 15px;
					position: absolute;
					top: 258px;
					left:0px;
					display:block;
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-khtml-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
					}
					.page-project .block-mobilier ul li:hover .button {
					background-image: url('img/page-project/block-materiaux-button-check.png');
					}
						.page-project .block-mobilier ul li .description {
						height: 100px;
						width: 100%;
						background: #000;
						text-align:center;
						color: #fff;
						position: absolute;
						left: 0px;
						bottom: -15px;
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						z-index: 2;
						-webkit-transform: scale(0.95);
						-moz-transform: scale(0.95);
						-ms-transform: scale(0.95);
						-o-transform: scale(0.95);
						-khtml-transform: scale(0.95);
						-webkit-transform: scale(0.95);
						}
						.page-project .block-mobilier ul li:hover .description {
						opacity:1;
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						-khtml-transform: scale(1);
						-webkit-transform: scale(1);
						bottom:0px;
						}
							.page-project .block-mobilier ul li .description .subtitle {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size: 18px;
							line-height: 25px;
							padding-top: 18px;
							background: url('img/page-project/block-materiaux-separation.png') no-repeat center bottom;
							background-size: 87px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							padding: 0 0 6px 0;
							margin: 18px 0 8px 0;
							}
							.page-project .block-mobilier ul li .description .text {
							text-transform: uppercase;
							line-height: 12px;
							font-size: 10px;
							color: #6f6f6f;
							font-family: Arial, Helvetica, sans-serif;
							font-weight:bold;
							margin-bottom: 8px;
							letter-spacing: 1px;
							min-height:24px;
							}
							.page-project .block-mobilier ul li .description .arrow {
							position: absolute;
							top:-4px;
							left: 94px;
							background: #000;
							width: 8px;
							height: 8px;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							}
			/* Specific */
			.page-project-hotel-rdc .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-tabouret.png');
			height: 175px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-fauteuil.png');
			height: 165px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-table.png');
			height: 153px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-luminaire.png');
			height: 154px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-chaise.png');
			height: 165px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-bain.png');
			height: 119px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-fauteuil.png');
			height: 138px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-luminaire.png');
			height: 144px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-luminaire-1.png');
			height: 233px;
			bottom: 192px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .shadow {
			display:none;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .plinth {
			z-index: 1;
			top: -45px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-art.png');
			height: 186px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-luminaire-2.png');
			height: 192px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-imprime.png');
			height: 158px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-fauteuil.png');
			height: 173px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-chaise.png');
			height: 201px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-miroir.png');
			height: 201px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-luminaire.png');
			height: 191px;
			}


		.page-project .block-materiaux {
		background: #fff;
		color: #000;
		}
			.page-project .block-materiaux .number {
			margin-top: 60px;
			}
			.page-project .block-materiaux .title {
			background-image: url('img/page-project/block-materiaux-title.png');
			width: 298px;
			height: 86px;
			/* margin: -10px 0 21px 0; */
      margin: 40px 0 21px 0;
			}
				.page-project .block-materiaux .title span {
				margin: 25px 50px 0 50px;
				}
			.page-project .block-materiaux ul {
			text-align:center;
			list-style:none;
			padding: 0;
			margin: 0;
			}
				.page-project .block-materiaux ul li {
				display: inline-block;
				width: 195px;
				position: relative;
				margin: 2px 23px 160px 23px;
				-webkit-transition: all 1.5s ease-in-out;
				-moz-transition: all 1.5s ease-in-out;
				-ms-transition: all 1.5s ease-in-out;
				-o-transition: all 1.5s ease-in-out;
				-khtml-transition: all 1.5s ease-in-out;
				transition: all 1.5s ease-in-out;
				cursor:pointer;
				}
				.page-project .block-materiaux ul li.first-load {
				opacity: 0;
				}
					.page-project .block-materiaux ul li.material-1 {
					margin-left: 0px;
					}
					.page-project .block-materiaux ul li.material-4 {
					margin-right: 0px;
					}
					.page-project .block-materiaux ul li .material {
					background: url('img/page-project/block-materiaux-mobilier-shadow.png') no-repeat center bottom;
					background-size: 150px auto;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-khtml-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
					position: relative;
					}
						.page-project .block-materiaux ul li .description {
						height: 100px;
						width: 100%;
						background: #000;
						text-align:center;
						color: #fff;
						position: absolute;
						left: 0px;
						top: -15px;
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						z-index: 2;
						-webkit-transform: scale(0.95);
						-moz-transform: scale(0.95);
						-ms-transform: scale(0.95);
						-o-transform: scale(0.95);
						-khtml-transform: scale(0.95);
						-webkit-transform: scale(0.95);
						}
							.page-project .block-materiaux ul li .description .subtitle {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size: 18px;
							line-height: 25px;
							padding-top: 18px;
							background: url('img/page-project/block-materiaux-separation.png') no-repeat center bottom;
							background-size: 87px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							padding: 18px 0 6px 0;
							margin-bottom: 8px;
							}
							.page-project .block-materiaux ul li .description .text {
							text-transform: uppercase;
							line-height: 12px;
							font-size: 10px;
							color: #6f6f6f;
							font-family: Arial, Helvetica, sans-serif;
							font-weight:bold;
							margin-bottom: 8px;
							letter-spacing: 1px;
							min-height:24px;
							}
							.page-project .block-materiaux ul li .description .arrow {
							position: absolute;
							bottom:-4px;
							left: 94px;
							background: #000;
							width: 8px;
							height: 8px;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							}
						.page-project .block-materiaux ul li .circle {
						background: no-repeat;
						background-size: cover;
						-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
						width: 150px;
						height: 110px;
						display: inline-block;
						margin: 72px 0 15px 0;
						text-align:center;
						cursor: pointer;
						-webkit-transform: perspective(0px) rotateX(0deg);
						-moz-transform: perspective(0px) rotateX(0deg);
						-ms-transform: perspective(0px) rotateX(0deg);
						-o-transform: perspective(0px) rotateX(0deg);
						-khtml-transform: perspective(0px) rotateX(0deg);
						transform: perspective(0px) rotateX(0deg);
						-webkit-transform-style: preserve-3d;
						-moz-transform-style: preserve-3d;
						-ms-transform-style: preserve-3d;
						-o-transform-style: preserve-3d;
						-khtml-transform-style: preserve-3d;
						transform-style: preserve-3d;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						position: relative;
						}
					.page-project .block-materiaux ul li .circle.animate {
					-webkit-animation: animBois 1s ease-out;
					}
					@-webkit-keyframes animBois {
						0% {
						top:-20px;
						-webkit-transform: perspective(0px) rotateX(40deg);
						-moz-transform: perspective(0px) rotateX(40deg);
						-ms-transform: perspective(0px) rotateX(40deg);
						-o-transform: perspective(0px) rotateX(40deg);
						-khtml-transform: perspective(0px) rotateX(40deg);
						transform: perspective(0px) rotateX(40deg);	}
						100% {
						top:0;
						-webkit-transform: perspective(0px) rotateX(0deg);
						-moz-transform: perspective(0px) rotateX(0deg);
						-ms-transform: perspective(0px) rotateX(0deg);
						-o-transform: perspective(0px) rotateX(0deg);
						-khtml-transform: perspective(0px) rotateX(0deg);
						transform: perspective(0px) rotateX(0deg);
						}
					}
								.page-project .block-materiaux ul li:hover .material .description {
								opacity: 1;
								top: 0px;
								-webkit-transform: scale(1);
								-moz-transform: scale(1);
								-ms-transform: scale(1);
								-o-transform: scale(1);
								-khtml-transform: scale(1);
								-webkit-transform: scale(1);
								}
								.page-project .block-materiaux ul li:hover .material .circle {
								-webkit-transform: perspective(0px) rotateX(23deg);
								-moz-transform: perspective(0px) rotateX(23deg);
								-ms-transform: perspective(0px) rotateX(23deg);
								-o-transform: perspective(0px) rotateX(23deg);
								-khtml-transform: perspective(0px) rotateX(23deg);
								transform: perspective(0px) rotateX(23deg);
								}
					.page-project .block-materiaux ul li .name {
					font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
					font-size:15px;
					text-transform: uppercase;
					letter-spacing: 1px;
					margin-top: 42px;
					}
			/* Specific */
			.page-project-charlot .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-parquet.png');
			}
			.page-project-charlot .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-cheminee.png');
			}
			.page-project-charlot .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-bibliotheque.png');
			}
			.page-project-charlot .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-tableaux.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-parquet.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-fauteuil.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-bibliotheque.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-tableaux.png');
			}
			.page-project-doumer .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-parquet.png');
			}
			.page-project-doumer .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-salle-bain.png');
			}
			.page-project-doumer .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-carreaux-ciment.png');
			}
			.page-project-doumer .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-miroir.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-parquet.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-salle-bain.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-menuiserie.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-miroir.png');
			}


		.page-project .block-localisation {
		}
			.page-project .block-localisation .number {
			margin-top: 68px;
			}
			.page-project .block-localisation .title {
			background-image: url('img/page-project/block-localisation-title.png');
			width: 286px;
			height: 76px;
			margin: -9px 0 21px 0;
			}
				.page-project .block-localisation .title span {
				margin: 23px 25px 0 25px;
				}
			.page-project .block-localisation .global .map {
			height: 700px;
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			-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;
			-khtml-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			}
			.page-project .block-localisation.first-load .global .map {
			opacity: 0;
			}
			/* Specific */
			.page-project-charlot .block-localisation .global {
			position: relative;
			}
				.page-project-charlot .block-localisation .global .map {
				background: url('img/page-project/charlot/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-charlot .block-localisation .address {
			position: absolute;
			top: 333px;
			left: 396px;
			width: 185px;
			height:231px;
			}
				.page-project-charlot .block-localisation .address img {
				width: 100%;
				}
				.page-project-charlot .block-localisation .address .text {
				position: absolute;
				top: 105px;
				left: 14px;
				width: 170px;
				font-family: "budhand_regular", Arial, Helvetica, sans-serif;
				font-size: 24px;
				letter-spacing: 1px;
				-webkit-transform: rotate(-48deg);
				-moz-transform: rotate(-48deg);
				-ms-transform: rotate(-48deg);
				-o-transform: rotate(-48deg);
				transform: rotate(-48deg);
				}
			.page-project-hotel-rdc .block-localisation .global {
			}
				.page-project-hotel-rdc .block-localisation .global .map {
				background: url('img/page-project/hotel-rdc/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-doumer .block-localisation .global {
			}
				.page-project-doumer .block-localisation .global .map {
				background: url('img/page-project/doumer/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-doumer .block-localisation .address {
			position: absolute;
			top: 568px;
			left: 395px;
			width: 390px;
			font-family: "budhand_regular", Arial, Helvetica, sans-serif;
			font-size: 24px;
			letter-spacing: 1px;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
			-o-transform: rotate(-2deg);
			transform: rotate(-2deg);
			color: #c9c9c9;
			}
				.page-project-doumer .block-localisation .address sup {
				font-size: 60%
				}
			.page-project-puteaux .block-localisation .global {
			}
				.page-project-puteaux .block-localisation .global .map {
				background: url('img/page-project/puteaux/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-puteaux .block-localisation .address {
			position: absolute;
			top: 560px;
			left: 484px;
			width: 120px;
			font-family: "budhand_regular", Arial, Helvetica, sans-serif;
			font-size: 14px;
			letter-spacing: 1px;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
			-o-transform: rotate(-2deg);
			transform: rotate(-2deg);
			color: #c9c9c9;
			}


		.page-project .back-to-top {
		background: #fff;
		height: 115px;
		border-top: 1px solid #bfbfbf;
		text-transform:uppercase;
		font-size:14px;
		line-height:115px;
		position: relative;
		z-index: 2;
		}
			.page-project .back-to-top a {
			display: block;
			color:#bfbfbf;
			font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
			background-size: 9px 15px;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
				.page-project .back-to-top .arrow {
				width: 5px;
				height:7px;
				position:absolute;
				top:30px;
				left: 50%;
				margin-left: -3px;
				}
					.page-project .back-to-top .arrow span {
					display: block;
					position: absolute;
					background: #bfbfbf;
					width: 1px;
					height: 1px;
					}
						.page-project .back-to-top .arrow span.line {
						height:7px;
						left: 2px;
						top: 0px;
						}
						.page-project .back-to-top .arrow span.point-1 {
						left: 0px;
						top: 2px;
						}
						.page-project .back-to-top .arrow span.point-2 {
						left: 1px;
						top: 1px;
						}
						.page-project .back-to-top .arrow span.point-3 {
						left: 3px;
						top: 1px;
						}
						.page-project .back-to-top .arrow span.point-4 {
						left: 4px;
						top: 2px;
						}


		.page-project #popin-share {
		background: #fff;
		width:500px;
		margin: 50px auto;
		position: relative;
		padding-bottom:6px;
		margin-left:-250px;
		margin-top:-145px;
		z-index:1600;
		position: fixed;
		top:50%;
		left: 50%;
		display:none;
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		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;
		-webkit-transition: all 0.5s ease-in-out;
		}
			.page-project #popin-share.show {
			opacity: 1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			}
				.page-project #popin-share .text {
				text-transform: uppercase;
				font-size:20px;
				padding: 45px 0;
				}
				.page-project #popin-share .button-effect {
				width: 240px;
				line-height:46px;
				height:50px;
				font-size:15px;
				margin-bottom:23px;
				}
					.page-project #popin-share .button-effect .button {
					border: 2px solid #000;
					}
						.page-project #popin-share .button-effect .button span {
						padding: 0;
						}
						.page-project #popin-share .link .button-effect a {
						background: #000 no-repeat center center;
						}
							.page-project #popin-share .link.facebook .button-effect a {
							background-image: url('img/page-project/popin-share-facebook.png');
							background-size: 25px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
							.page-project #popin-share .link.twitter .button-effect a {
							background-image: url('img/page-project/popin-share-twitter.png');
							background-size: 29px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
							.page-project #popin-share .link.email .button-effect a {
							background-image: url('img/page-project/popin-share-email.png');
							background-size: 26px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
				.page-project #popin-share a.close {
				text-transform: uppercase;
				color: #fff;
				font-size: 10px;
				position: absolute;
				right: 2px;
				bottom: -22px;
				}


		.page-project .block-bottom {
		background: #000;
		padding: 80px 0 160px 0;
		position: relative;
		}
			.page-project .block-bottom .global {
			text-align:center;
			}
				.page-project .block-bottom .arrow-block {
				background: #fff no-repeat center center;
				background-size: 9px auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				display:inline-block;
				height:50px;
				width:46px;
				position: relative;
				}
				.page-project .block-bottom .previous {
				position: absolute;
				left:0px;
				top:0px;
				}
					.page-project .block-bottom .previous .arrow-block .arrow {
					width: 7px;
					height:5px;
					position:absolute;
					top:22px;
					left: 19px;
					}
							.page-project .block-bottom .previous .arrow-block .arrow span {
							display: block;
							position: absolute;
							background: #000;
							width: 1px;
							height: 1px;
							}
								.page-project .block-bottom .previous .arrow-block .arrow span.line {
								width: 7px;
								left: 0px;
								top: 2px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-1 {
								left: 2px;
								top: 0px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-2 {
								left: 1px;
								top: 1px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-3 {
								left: 1px;
								top: 3px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-4 {
								left: 2px;
								top: 4px;
								}
					.page-project .block-bottom .previous .button-effect {
					position: relative;
					left:-6px;
					width:200px;
					}
				.page-project .block-bottom .next {
				position: absolute;
				right:0px;
				top:0px;
				}
					.page-project .block-bottom .next .arrow-block .arrow {
					width: 7px;
					height:5px;
					position:absolute;
					top:22px;
					right: 19px;
					}
							.page-project .block-bottom .next .arrow-block .arrow span {
							display: block;
							position: absolute;
							background: #000;
							width: 1px;
							height: 1px;
							}
								.page-project .block-bottom .next .arrow-block .arrow span.line {
								width: 7px;
								left: 0px;
								top: 2px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-1 {
								left: 4px;
								top: 0px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-2 {
								left: 5px;
								top: 1px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-3 {
								left: 5px;
								top: 3px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-4 {
								left: 4px;
								top: 4px;
								}
					.page-project .block-bottom .next .button-effect {
					position: relative;
					right:-6px;
					width:200px;
					}
				.page-project .block-bottom .button-effect {
				display: inline-block;
				width:auto;
				height:50px;
				line-height:46px;
				font-size:15px;
				vertical-align: top;
				}
					.page-project .block-bottom .global > .button-effect .button span {
					padding: 0 35px;
					}
    .instagram{
        position: absolute;
        left: 0;
    }
    span.button-effect.black-to-white.instagram-button {
        display: none;
    }
    .instagram .instagram-logo-block{
        background: #fff url(img/instagram-logo-black.png) no-repeat;
        background-size: contain;
        background-position: center center;
        height: 50px;
        width: 46px;
        display: inline-block;
        position: relative;
    }

	/* ====== PAGE BIOGRAPHIE ====== */
	.page-biography {
	}
		.page-biography h1 {
		display: none;
		}
		.page-biography .two-parts {
		/*height:580px;*/
		/*line-height:580px;*/
		}
			.page-biography .two-parts .block-left {
			background: #000;
			/*height:100%;*/ /* native browser scroll */
			width:50%;
			float: left;
                overflow: hidden; /*for firefox*/
			}
				.page-biography .two-parts .block-left .text,
                .page-biography .two-parts .block-right .text {
				/*width:465px;*/
				margin: 40px;/*120px 110px 0 110px;*/
				display:inline-block;
				color: #fff;
				line-height:33px;
				vertical-align: middle;
				font-size:20px;
				text-align: justify;
				font-family: 'didot_italic', Arial, Helvetica, sans-serif;
				}
				.page-biography .two-parts .block-left .text:first-letter {
				font-size:63px;
				}
					.page-biography .two-parts .block-left .text p {
					margin: 0 0 30px 0;
					}
					.page-biography .two-parts .block-left .text ul.squares,
                    .page-biography .two-parts .block-right .text ul.squares {
					list-style: none;
					margin: 0 0 50px 0;
					padding: 0;
					text-align:center;
					padding-top:5px;
					}
						.page-biography .two-parts .block-left .text ul.squares li
                        .page-biography .two-parts .block-right .text ul.squares li {
						width: 4px;
						height: 4px;
						display: inline-block;
						background: #fff;
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
						margin: 0 1px;
						}
			.page-biography .two-parts .block-right {
			    background: #000;/* url('img/page-biography/biography.jpg') no-repeat center bottom;*/
			height:100%;
			width:100%;
			float: none;
            position: relative;
			display: block;
			background-size: auto 100%;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
			.page-biography .two-parts .block-right.ratio-height {
			background-size: cover;/*background-size: 100% auto;*/
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
            .page-biography .two-parts .biography-img-container {
                display: none;
            }
			@media only screen and (max-width:1000px) {
				.page-biography .two-parts .block-left {
				float: none;
				width: auto;
				/*min-width: 960px;*/
				}
			}
            h2.biographie-header {
                font-size: 25px;
            }
            h2.biographie-header + p {
                text-indent: 20px;
            }


	/* ====== PAGE CONTACT ====== */
    .contact-background{
        background:  url('img/page-contact/contact.jpg') no-repeat center bottom;
        height:100%;
        width:50%;
        float: right;
        display: none;
        background-size: cover;
        -ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
    }
	.page-contact {
	}
		.page-contact h1 {
		display: none;
		}
		.page-contact .background {
		background: url('img/page-contact/contact.jpg') no-repeat center top;
		background-size: 104% auto;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		position: relative;
		overflow-x: hidden;
		}
			.page-contact .facebook {
			background: #fff url('img/page-contact/facebook.png') no-repeat 13px center;
			background-size: 25px 25px;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			line-height:50px;
			font-size:15px;
			width:195px;
			text-transform:uppercase;
			text-align:left;
			position: absolute;
			right:-145px;
			margin-left: 10px;
			top:315px;
			}
			.page-contact .facebook.animate {
			transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			}
			.page-contact .facebook:hover {
			right: 0px;
			}
				.page-contact .facebook a {
				display:block;
				padding-left:50px;
				}
				.page-contact .facebook .arrow {
				width: 7px;
				height:5px;
				position:absolute;
				top:22px;
				right: 10px;
				}
						.page-contact .facebook .arrow span {
						display: block;
						position: absolute;
						background: #000;
						width: 1px;
						height: 1px;
						}
							.page-contact .facebook .arrow span.line {
							width: 7px;
							left: 0px;
							top: 2px;
							}
							.page-contact .facebook .arrow span.point-1 {
							left: 4px;
							top: 0px;
							}
							.page-contact .facebook .arrow span.point-2 {
							left: 5px;
							top: 1px;
							}
							.page-contact .facebook .arrow span.point-3 {
							left: 5px;
							top: 3px;
							}
							.page-contact .facebook .arrow span.point-4 {
							left: 4px;
							top: 4px;
							}
				.page-contact .background.ratio-height {
				background-size: auto 104%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-contact .background.animate {
				transition: background-size 0.6s ease-in;
				-moz-transition: background-size 0.6s ease-in;
				-ms-transition: background-size 0.6s ease-in;
				-o-transition: background-size 0.6s ease-in;
				-webkit-transition: background-size 0.6s ease-in;
				}
				.page-contact .background.unzoom {
				background-size: 100% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-contact .background.ratio-height.unzoom {
				background-size: auto 100%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-contact .block {
			height: 680px;
			line-height: 680px;
			width: 500px;
			margin: auto;
			color: #fff;
			position: relative;
			}
				.page-contact .form {
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: 0px;
				right: 0px;
				background: #070707;
				}
				.page-contact .form.step-1 {
				z-index:2
				}
				.page-contact .form.step-2 {
				}
					.page-contact .form .vertical-align {
					padding: 0 60px;
					vertical-align: middle;
					display: inline-block;
					line-height: 20px;
					}
						.page-contact .form ul.squares {
						list-style: none;
						margin: 0;
						padding: 0;
						}
							.page-contact .form ul.squares li {
							width: 4px;
							height: 4px;
							display: inline-block;
							background: #fff;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							margin: 0 1px;
							}
						.page-contact .form .intro {
						}
							.page-contact .form .intro .pen {
							width: 12px;
							height: 26px;
							display:inline-block;
							background: url('img/page-contact/pen.png') no-repeat;
							background-size: 12px 26px;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							margin-bottom: 13px;
							}
							.page-contact .form .intro .text {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size:20px;
							line-height: 30px;
							}
								.page-contact .form .intro .text .author {
								display: block;
								font-size:15px;
								margin-top: 2px;
								}
						.page-contact .form form {
						margin: 40px 0 28px 0;
						}
							.page-contact .form form .errors {
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							color: #C00;
							background: #fff;
							padding: 6px 0;
							font-size: 16px;
							display:none;
							}
							.page-contact .form form input[type=text],
							.page-contact .form form textarea {
							border-bottom: 2px solid #fff;
							font-size:18px;
							background: none;
							border:none;
							font-family: 'brandon_grotesque_light', Arial, Helvetica, sans-serif;
							margin-bottom: 25px;
							color: #fff;
							}
							.page-contact .form form input[type=text] {
							border-bottom: 2px solid #fff;
							padding: 0 7px;
							width: 366px;
							}
							.page-contact .form form textarea {
							border: 2px solid #fff;
							resize: none;
							padding: 5px 9px;
							width: 358px;
							height: 136px;
							margin-top: 8px;
							}
								.page-contact .form form input:-moz-placeholder,
								.page-contact .form form textarea:-moz-placeholder { /* Firefox 18- */
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input::-moz-placeholder,
								.page-contact .form form textarea::-moz-placeholder { /* Firefox 19+ */
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input::-webkit-input-placeholder,
								.page-contact .form form textarea::-webkit-input-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input:-ms-input-placeholder,
								.page-contact .form form textarea:-ms-input-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input.text-placeholder,
								.page-contact .form form textarea.text-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
							.page-contact .form form input[type=submit] {
							width: 380px;
							background: #fff;
							text-transform: uppercase;
							font-size:19px;
							font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;
							text-align: center;
							border: none;
							padding: 14px 0;
							margin-top: 8px;
							}
								.page-contact .form form input[type=submit]:hover {
								text-indent: -99999px;
								background: #fff url('img/page-contact-submit.png') no-repeat center center;
								}
						.page-contact .form .email {
						font-size: 20px;
						margin-top: 20px;
						}
							.page-contact .form .email a {
							color: #595959;
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							}
								.page-contact .form .email a:hover {
								text-decoration: underline;
								}
						.page-contact .form .confirmation {
						padding-bottom: 60px;
						}
							.page-contact .form .confirmation .title {
							font-size: 50px;
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							line-height: 55px;
							margin-bottom: 28px;
							}
							.page-contact .form .confirmation .text {
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							font-size: 20px;
							color: #595959;
							}


	footer {
	font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;
	height: 80px;
	overflow:hidden;
	line-height: 80px;
	font-size: 15px;
	text-transform: uppercase;
	background: #fff;
	width: 100%;
	/*min-width: 960px;*/
	position: fixed;
	bottom: 0px;
	padding-bottom: 20px;
	z-index:1900;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-khtml-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	}
	footer.open-submenu {
	height: 195px;
	}
		footer nav.main-menu {
		position: relative;
		height: 80px;
		}
		footer nav.main-menu .position {
		position: absolute;
		bottom: 0px;
		width: 100%;
		}
		footer nav.main-menu ul.global {
		text-align: center;
		list-style: none;
		padding: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-khtml-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		position: relative;
		top: 0;
		}
		footer nav.main-menu ul.global.hide {
		opacity: 0;
		top: 10px;
		}
		footer nav.main-menu ul.global.hide {
		opacity: 0;
		top: 10px;
		}
		html.no-opacity footer nav.main-menu ul.global.hide {
		display:none;
		}
			footer nav.main-menu ul.global li {
			display: inline-block;
			position: relative;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-khtml-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
                width:24%;
			}
				footer nav.main-menu ul.global li .arrow {
				display: block;
				height: 7px;
				line-height: 7px;
				position: absolute;
				width: 100%;
				left: 0px;
				text-align: center;
				opacity: 0;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-khtml-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				}
					html.no-opacity footer nav.main-menu ul.global li .arrow {
					display:none;
					}
				footer nav.main-menu ul.global li .arrow.top {
				top: 16px;
				}
				footer nav.main-menu ul.global li .arrow.bottom {
				bottom: 16px;
				}
				footer nav.main-menu ul.global li:hover .arrow {
				opacity: 1;
				}
				footer nav.main-menu ul.global li:hover .arrow.top {
				top: 10px;
				}
				footer nav.main-menu ul.global li:hover .arrow.bottom {
				bottom: 10px;
				}
					footer nav.main-menu ul.global li .arrow .position {
					width: 5px;
					height: 7px;
					display:inline-block;
					background: no-repeat center center;
					text-indent: -99999px;
					font-size: 0px;
					position: relative;
					}
						footer nav.main-menu ul.global li .arrow .position span {
						display: block;
						position: absolute;
						background: #000;
						width: 1px;
						height: 1px;
						}
							footer nav.main-menu ul.global li .arrow .position span.line {
							height: 7px;
							left: 2px;
							top: 0px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-1 {
							left: 0px;
							top: 2px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-2 {
							left: 1px;
							top: 1px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-3 {
							left: 3px;
							top: 1px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-4 {
							left: 4px;
							top: 2px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-1 {
							left: 0px;
							bottom: 2px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-2 {
							left: 1px;
							bottom: 1px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-3 {
							left: 3px;
							bottom: 1px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-4 {
							left: 4px;
							bottom: 2px;
							}
				footer nav.main-menu ul.global.hover li {
				opacity: 0.2;
				}
				footer nav.main-menu ul.global.hover li:hover {
				opacity: 1;
				}
					footer nav.main-menu ul.global li a {
					color: #000;
					padding: 0 23px;
					display:block;
					z-index:2;
					position: relative;
					}


		footer nav.submenu {
		background: #000;
		color: #fff;
		height: 135px;
		}
		footer.ongoing nav.submenu,
		footer.close nav.submenu {
		display:none;
		}
			footer nav.submenu .global {
			}
				footer nav.submenu .global ul {
				padding: 0px;
				margin: 0px;
				width: 500px;
				line-height: 33px;
				font-size: 14px;
				text-align: center;
				padding-top: 12px;
				position: absolute;
				}
					footer nav.submenu .global ul li {
					}
						footer nav.submenu .global ul li a {
						color: #fff;
						display:block;
						}
					footer nav.submenu .global ul li.arrow {
					display: block;
					height: 7px;
					line-height: 7px;
					position: absolute;
					width: 100%;
					left: 0px;
					top: 0px;
					text-align: center;
					}
						footer nav.submenu .global ul li.arrow .position {
						width: 7px;
						height: 7px;
						display:inline-block;
						background: no-repeat center center;
						text-indent: -99999px;
						font-size: 0px;
						position: relative;
						}
							footer nav.submenu .global ul li.arrow .position span {
							display: block;
							position: absolute;
							background: #fff;
							width: 1px;
							height: 1px;
							}
								footer nav.submenu .global ul li.arrow .position span.line {
								height: 7px;
								left: 3px;
								top: 0px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-1 {
								left: 0px;
								top: 3px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-2 {
								left: 1px;
								top: 4px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-3 {
								left: 2px;
								top: 5px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-4 {
								left: 4px;
								top: 5px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-5 {
								left: 5px;
								top: 4px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-6 {
								left: 6px;
								top: 3px;
								}
                                span#copy-right-container {
                                    width: 100%;
                                    background: #fff;
                                    position: fixed;
                                    bottom: 0;
                                    line-height: 20px;
                                    left: 0;
                                    font-size: 12px;
                                    text-transform: none;
                                    -webkit-transition: all ease 1s;
                                    -moz-transition: all ease 1s;
                                    -ms-transition: all ease 1s;
                                    -o-transition: all ease 1s;
                                    transition: all ease 1s;
                                }
                                span#copy-right-container.hide {
                                    opacity: 0;
                                }
                                span#copy-right-container a{
                                    color: #000;
                                    -webkit-transition: all ease 1s;
                                    -moz-transition: all ease 1s;
                                    -ms-transition: all ease 1s;
                                    -o-transition: all ease 1s;
                                    transition: all ease 1s;
                                }

                                span#copy-right-container.reverse-color {
                                    color: #fff;
                                    background-color: #000;
                                }
                                span#copy-right-container.reverse-color a{
                                    color: #fff;
                                }

/* Button effect - reveal, push out */
.button-effect  {
position: relative;
z-index: 1;
display:block;
line-height: 54px;
height: 58px;
display: inline-block;
overflow: hidden;
width: 100%;
font-size: 19px;
/* FIXME: Change font and border color*/
text-transform: uppercase;
}
	.button-effect .button {
	overflow: hidden;
	display: block;
	}
	.button-effect .button span {
	display: block;
	background: #000;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	transition: transform 0.2s;
	padding: 0 20px;
	}
	.button-effect .button::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	padding: 2px 0;
	}
	.button-effect .button:hover span,
	.button-effect .button:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	}
	.button-effect .button:hover::before,
	.button-effect .button:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	}
		.button-effect.black-to-white .button {
		border: 2px solid #fff;
		}
			.button-effect.black-to-white .button::before {
			background: #fff;
			color: #000;
			}
			.button-effect.black-to-white .button span {
			background: none;
			color: #fff;
			}
		.button-effect.white-to-black .button {
		border: 2px solid #fff;
		}
			.button-effect.white-to-black .button::before {
			background: #000;
			color: #fff;
			}
			.button-effect.white-to-black .button span {
			background: #fff;
			color: #000;
			}
.no-margin{
    margin-top: 0;
}

@media only screen
    and (min-width: 768px)
    and (max-width: 1024px)
    and (-webkit-min-device-pixel-ratio: 1)  {
    .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 16px;
line-height: 20px;
color: #000;
/*font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;*/
font-family: 'Times New Roman', Arial, Helvetica, serif;
/*font-family: 'Times New Roman';*/
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
text-size-adjust: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
a, a:hover {
color: #000;
text-decoration: none;
outline: none;
}
a:active,
a:focus  {
outline: none;
-moz-outline-style: none;
}


input, textarea {
-webkit-appearance: none;
border-radius: 0;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: inherit;
margin: 0;
font-size: inherit;
}

	.global {
	/*width: 960px;*/
	margin: auto;
	text-align: left;
	position: relative;
	}
	header {
	/*font-family: 'Times New Roman', 'brandon_grotesque_light', Arial, Helvetica, sans-serif;*/
  font-family: 'Times New Roman', 'brandon_grotesque_light', Arial, Helvetica, serif;
	font-size: 32px;
	text-transform: uppercase;
	background: #fff;
	/*min-width: 960px;*/
	width:100%;
	position: fixed;
	top: 0px;
	z-index:2000;
	height: 120px;
	}
		header.ongoing,
		footer.ongoing {
		-webkit-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-moz-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-o-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-ms-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-khtml-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		}
		header.open {
		border-bottom: 1px solid #EEE;
		}
		footer.open {
		border-top: 1px solid #EEE;
		}
		header.first-load,
		footer.first-load {
		height: 5000px;
		-webkit-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-moz-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-o-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-ms-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-khtml-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		}
			header.first-load span.first.first-load {
			margin-right: 35px;
			opacity:0;
			}
			header.first-load span.last.first-load {
			margin-left: 35px;
			opacity:0;
			}
		header .animate {
		position: relative;
		height: 100%;
		}
			header .position {
			width: 100%;
			position: absolute;
			bottom: 15px;
			}
				header .global {
				text-align: center;
				}
					header .global a {
					display: block;
					}
						header span {
						height: 88px;
						line-height: 88px;
						display: inline-block;
						vertical-align: top;
						letter-spacing: 6px;
						}
						header span.first,
						header span.last {
						-webkit-transition: all 0.8s ease-in-out;
						-moz-transition: all 0.8s ease-in-out;
						-o-transition: all 0.8s ease-in-out;
						-ms-transition: all 0.8s ease-in-out;
						-khtml-transition: all 0.8s ease-in-out;
						transition: all 0.8s ease-in-out;
						opacity: 1;
                        /*color: #00ff90;*/
						}
						header .logo {
						width: 90px;
						height:90px;
						background : url('img/header-logo-custom.png') no-repeat center 15px;
				  	     background-size: contain;
						-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
						margin: 0 16px 0 6px;
						overflow: hidden;
						}
							header .logo input#image-loader {
							display: none;
							}

	#content {
	margin: 120px 0 60px 0;
	/*min-width: 960px;*/
	}
		#content-ajax {
		position : relative;
		}
			#content-ajax > span.mask {
			display:block;
			background: #000;
			position: fixed;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			z-index: 1500;
			opacity: 0.6;
			display:none;
			}


	/* ====== PAGE HOME ====== */
	.page-home {
	}
		.page-home h1 {
		display: none;
		}
		.page-home .slideshow,
		.page-home .slideshow-part {
		height: 600px;
		line-height:600px;
		}
		.page-home .slideshow {
		position: relative;
		overflow:hidden;
		}
			.page-home .slideshow ul.list {
			position: absolute;
			left: 36px;
			width:12px;
			padding:0;
			margin:0;
			list-style:none;
			z-index:1000;
			}
				.page-home .slideshow ul.list li {
				padding: 4px 0;
				}
					.page-home .slideshow ul.list li a {
					display:block;
					text-indent: -99999px;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					-khtml-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
					width: 10px;
					line-height:10px;
					border:1px solid #fff;
					background : url('img/background-black-40.png') repeat;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					}
					.page-home .slideshow ul.list li.active a {
					background: #fff;
					}
			.page-home .slideshow-part {
			width:100%;
			background-repeat: no-repeat;
			background-position: center center;
			/*min-width: 960px;*/
			z-index:10;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
				.page-home .slideshow.ratio-height .slideshow-part {
				background-size: auto 100%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-home .slideshow.animate .slideshow-part {
				transition: background-size 0.6s ease-in;
				-moz-transition: background-size 0.6s ease-in;
				-ms-transition: background-size 0.6s ease-in;
				-o-transition: background-size 0.6s ease-in;
				-webkit-transition: background-size 0.6s ease-in;
				}
				.page-home .slideshow.zoom .slideshow-part {
				background-size: 104% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-home .slideshow.ratio-height.zoom .slideshow-part {
				background-size: auto 104%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-home #slide-1 {
			background-image : url('img/page-home/slider-1.jpg');
            background-size: cover;
			}
			.page-home #slide-1.animate-grey {
			-webkit-animation: animGrey 0.9s ease-in;
			-moz-animation: animGrey 0.9s ease-in;
			-o-animation: animGrey 0.9s ease-in;
			-ms-animation: animGrey 0.9s ease-in;
			animation: animGrey 0.9s ease-in;
			}
				@-webkit-keyframes animGrey {
				0% { -webkit-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -webkit-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-webkit-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-moz-keyframes animGrey {
				0% { -moz-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -moz-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-moz-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-o-keyframes animGrey {
				0% { -o-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -o-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-o-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-ms-keyframes animGrey {
				0% { -ms-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -ms-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-ms-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@keyframes animGrey {
				0% { filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {filter: grayscale(0%) brightness(100%) contrast(100%);}
				}
			.page-home #slide-2 {
			background-image : url('img/page-home/slider-2-new.jpg');
            background-size: cover;
			}
			.page-home #slide-3 {
			background-image : url('img/page-home/slider-3.jpg');
            background-size: cover;
			}
			.page-home #slide-4 {
			background-image : url('img/page-home/slider-4.jpg');
            background-size: cover;
			}
			.page-home #slide-5 {
			background-image : url('img/page-home/slider-5.jpg');
            background-size: cover;
			}
			.page-home .slideshow-part.animate {
			z-index:20;
			-webkit-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-moz-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-o-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-ms-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-khtml-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			}
			.page-home .slideshow-part.current_active {
			z-index:15;
			}
				.page-home .slideshow .global {
				text-align: center;
				}
				.page-home .slideshow .content {
				margin: auto;
				text-transform: uppercase;
				vertical-align:middle;
				display:inline-block;
				line-height:1.2; /* on rétablit le line-height */
				padding-bottom:80px;
				}
					.page-home .slideshow .content .block-title {
					background : url('img/background-black-40.png') repeat;
					color: #fff;
          margin-top: 110px;
					margin-bottom: 90px;
					padding: 0 25px;
					}
					@media only screen and (min-width:960px) {
						.page-home .slideshow .content .block-title {
						-webkit-transform: scale(1.15);
						-moz-transform: scale(1.15);
						-ms-transform: scale(1.15);
						-o-transform: scale(1.15);
						transform: scale(1.15);
						}
					}
						.page-home .slideshow .content .block-title span {
						display: block;
						}
						.page-home .slideshow .content .block-title span.title {
						font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
						font-size: 79px;
						line-height: 79px;
						letter-spacing: 8px;
						padding: 25px 0 5px 0;
						}
							.page-home .slideshow #slide-2 .content .block-title span.title {
							letter-spacing: 11px;
							position: relative;
							left: 1px;
							}
							.page-home .slideshow #slide-3 .content .block-title span.title {
							letter-spacing: 25px;
							position: relative;
							left: 6px;
							}
						.page-home .slideshow .content .block-title span.subtitle {
						font-family: 'brandon_grotesque_light', Arial, Helvetica, sans-serif;
						font-size: 35px;
						line-height: 35px;
						letter-spacing: 10px;
						padding-bottom: 27px;
						}
					.page-home .slideshow .button-effect {
					width: auto;
					}
		.page-home .circle-mouse {
		width: 100%;
		position: absolute;
		bottom:-102px;
		z-index:1000;
		}
		.page-home .circle-mouse.show,
		html.no-csstransitions .page-home .circle-mouse {
		bottom:46px;
		}
			.page-home .circle {
			background : url('img/background-black-40.png') repeat;
			width:102px;
			height:102px;
			position: relative;
			margin: auto;
			-webkit-border-radius: 51px;
			-moz-border-radius: 51px;
			border-radius: 51px;
			behavior: url("/css/PIE.htc"); /* IE8 */
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}
			.page-home .circle-mouse.show .circle {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			}
			.page-home .circle-mouse,
			.page-home .circle-mouse .circle {
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-khtml-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
				.page-home .circle .mouse {
				background : #fff;
				background-size: 50% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				width:28px;
				height:52px;
				position: absolute;
				left:37px;
				top:25px;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;
				behavior: url("/css/PIE.htc"); /* IE8 */
				line-height: 2px;
				}
					.page-home .circle .points {
					background : url('img/page-home/mouse.gif') no-repeat;
					background-size: 100% auto;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 4px;
					height:16px;
					position: absolute;
					left:12px;
					top:5px;
					}


	/* ====== PAGES PROJET ====== */
	.page-project .block {
	}
		.page-project .block .global {
		text-align:center;
		}
			.page-project .block .number {
			font-size:15px;
			width: 27px;
			line-height: 27px;
			border:1px solid #555;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			behavior: url("/css/PIE.htc"); /* IE8 */
			text-align: center;
			display:inline-block;
			background: #fff;
			letter-spacing: 1px;
			}
			.page-project .block .title {
			font-family: 'museo_slab', Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			display:inline-block;
			background: no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			letter-spacing: 1px;
			}
				.page-project .block .title span {
				display: block;
				font-size:25px;
				line-height: 35px;
				}
		.page-project .block-dark {
		color: #fff;
		background: #0f0f0f url('img/page-project/block-dark-background.jpg') no-repeat center center;
		background-size: cover;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		}
			.page-project .block-dark .global {
			height:700px;
			}
			.page-project .block-dark .number {
			border:1px solid #fff;
			background:none;
			}
	.page-project #content {
	margin-top: 420px;
	}
    .list-of-projects #content {
	   margin-top: 120px;
        background: #000;
	}
    .list-of-projects #content .text {
        max-height: none;
	}
    ul#projects-ul-list{
        text-align: left;
        font-size: 20px;
    }
		.page-project .block {
		position: relative;
		z-index: 2;
		}


	.page-project .block-intro {
	height: 300px;
	width: 100%;
	line-height: 300px;
	background: no-repeat center center;
	background-size: cover;
	-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
	position: fixed;
	top: 120px;
	left: 0px;
	z-index: 1;
	}
		.page-project .block-intro .vertical-align {
		line-height: 10px;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		font-family: 'brandon_grotesque_thin', Arial, Helvetica, sans-serif;
		}
			.page-project .block-intro .vertical-align span {
			display: block;
			}
			.page-project .block-intro .vertical-align span.text-small {
			font-size: 26px;
			line-height: 30px;
			letter-spacing:3px;
			}
			.page-project .block-intro .vertical-align span.text-large {
			font-size: 70px;
			line-height: 96px;
			margin-top: 6px;
			letter-spacing: 8px;
                background-color: rgba(126,126,126,0.3);

			}
		/* Specific */
		.page-project-charlot .block-intro {
		background-image: url('img/page-project/charlot/block-intro.jpg');
		}
		.page-project-hotel-rdc .block-intro {
		background-image: url('img/page-project/hotel-rdc/block-intro.jpg');
		}
		.page-project-hotel-etage .block-intro {
		background-image: url('img/page-project/hotel-etage/block-intro.jpg');
		}
		.page-project-doumer .block-intro {
		background-image: url('img/page-project/doumer/block-intro-new.jpg');
		}
		.page-project-puteaux .block-intro {
		background-image: url('img/page-project/puteaux/block-intro.jpg');
		}


		.page-project .block-brief {
		background: #fff url('img/page-project/block-brief-background.jpg') repeat-x top center;
		background-size: auto 355px;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		position: relative;
		}
			.page-project .block-brief .number {
			margin-top: 75px;
			}
			.page-project .block-brief .title {
			background-image: url('img/page-project/block-brief-title.png');
			/*width: 205px;*/
			height: 85px;
			margin: -2px 0 21px 0;
			}
				.page-project .block-brief .title span {
				margin: 16px 48px 0 48px;
				}
			.page-project .block-brief .text {
			line-height: 35px;
			font-size:23px;
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			margin-bottom: 52px;
			max-height: 500px; /* Debug Chrome Android font-size */
			}
				.page-project .block-brief .text sup {
				font-size:60%;
				}
				.page-project .block-brief .text .large {
				line-height: 45px;
				font-size:30px;
				display:block;
				margin-bottom: 32px;
				}
			.page-project .block-brief .separation {
			width: 123px;
			height: 1px;
			display: inline-block;
			background: url('img/page-project/block-brief-separation.png') no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			margin-bottom: 20px;
			}


		.page-project .block-interieur {
		background: #fff;
		}
			.page-project .block-interieur .number {
			margin-top: 40px;
			}
			.page-project .block-interieur .title {
			background-image: url('img/page-project/block-interieur-title.png');
			width: 289px;
			height: 88px;
			margin: -10px 0 37px 0;
			}
				.page-project .block-interieur .title span {
				margin: 25px 50px 0 50px;
				}
			.page-project .block-interieur .switch {
			height:25px;
			text-align:center;
			margin: -50px 0 30px 0;
			position: relative;
			z-index:2;
			}
				.page-project .block-interieur .switch a {
				display:inline-block;
				font-size:13px;
				text-transform:uppercase;
				line-height:25px;
				width: 120px;
				vertical-align: top;
				}
				.page-project .block-interieur .switch a.slider-1 {
				text-align: right;
				}
				.page-project .block-interieur .switch a.slider-2 {
				text-align: left;
				}
				.page-project .block-interieur .switch a.active {
				font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
				}
				.page-project .block-interieur .switch .tools {
				border:1px solid #555;
				display:inline-block;
				vertical-align: top;
				width:54px;
				height:23px;
				-webkit-border-radius: 13px;
				-moz-border-radius: 13px;
				border-radius: 13px;
				behavior: url("/css/PIE.htc"); /* IE8 */
				position: relative;
				margin: 0 14px;
				cursor: pointer;
				}
					.page-project .block-interieur .switch .tools .round {
					display: block;
					width: 19px;
					height: 19px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					background: #000;
					position: absolute;
					left: 2px;
					top: 2px;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					}
					.page-project .block-interieur .switch .tools .round.slider-2-active {
					left: 33px;
					}
			.page-project .block-interieur .slider {
			background: #ccc;
			width: 100%;
			height: 0;
			position: relative;
			text-align:center;
			overflow:hidden;
			cursor: move; /* fallback if grab cursor is unsupported */
			cursor: grab;
			cursor: -moz-grab;
			cursor: -webkit-grab;
			}
			.page-project .block-interieur .slider:active {
			cursor: grabbing;
			cursor: -moz-grabbing;
			cursor: -webkit-grabbing;
			}
			.page-project .block-interieur .slider.active {
			height: 600px;
			}
				.page-project .block-interieur .slider .cursor {
				width: 190px;
				position: relative;
				z-index:2;
				line-height:14px;
				font-size:12px;
    			font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
				position: absolute;
				left: 50%;
				margin-left: -96px;
				top: 50%;
				margin-top: -60px;
				}
				@media only screen and (min-width:1200px) {
					.page-project .block-interieur .slider.active {
					height:800px;
					}
						.page-project .block-interieur .slider.active .cursor {
						}
				}
				@media only screen and (min-width:1400px) {
					.page-project .block-interieur .slider.active  {
					height:900px;
					}
						.page-project .block-interieur .slider.active .cursor {
						}
				}
					.page-project .block-interieur .slider .cursor .round {
					background: url('img/page-project/block-interieur-cursor.png') no-repeat;
					background-size: cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					height: 77px;
					width:77px;
					display:inline-block;
					}
					.page-project .block-interieur .slider .cursor .text {
					color: #fff;
					text-transform: uppercase;
					margin-top: 10px;
					opacity: 1;
					transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-webkit-transition: all 0.4s ease-in-out;
					}
					.page-project .block-interieur .slider .cursor .text.hide {
					opacity: 0;
					}
				.page-project .block-interieur .slider .slide {
				background: no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				height: 100%;
				width:100%;
				position: absolute;
				top:0px;
				opacity:0;
				}
					.page-project .block-interieur .slider .slide.active {
					opacity:1;
					}
				.page-project .block-interieur .slider nav {
				position: absolute;
				top: 0px;
				width:100%;
				text-align:center;
				z-index:3;
				}
					.page-project .block-interieur .slider nav ul {
					display:inline-block;
					z-index: 20;
					width:253px;
					height:52px;
					background: url('img/page-project/block-interieur-pagination.png') no-repeat;
					background-size: cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					text-align: center;
					padding:0;
					margin:0;
					}
						.page-project .block-interieur .slider nav ul li {
						display: inline-block;
						vertical-align: top;
						}
							.page-project .block-interieur .slider nav ul li a {
							display: block;
							margin: 0 4px;
							width: 20px;
							height: 20px;
							line-height:8px;
							text-indent:-99999px;
							border: 1px solid #fff;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 50%;
							behavior: url("/css/PIE.htc"); /* IE8 */
							background: #fff;
							cursor: pointer;
							-webkit-transition: all 0.1s ease-in-out;
							-moz-transition: all 0.1s ease-in-out;
							-o-transition: all 0.1s ease-in-out;
							-ms-transition: all 0.1s ease-in-out;
							-khtml-transition: all 0.1s ease-in-out;
							transition: all 0.1s ease-in-out;
							}
							.page-project .block-interieur .slider nav ul li.active a {
							background: #8C8C8C;
							}
				/* Specific */
				.page-project-charlot .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/charlot/block-interieur-1.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/charlot/block-interieur-2.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/charlot/block-interieur-3.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/charlot/block-interieur-4.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/charlot/block-interieur-5.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/charlot/block-interieur-6.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-7 {
				background-image: url('img/page-project/charlot/block-interieur-7.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-8 {
				background-image: url('img/page-project/charlot/block-interieur-8.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-1 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-1.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-2 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-2.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-3 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-3.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-1 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-1.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-2 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-2.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-3 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-3.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-4 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-1 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-1.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-2 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-2.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-3 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-3.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-4 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-5 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-5.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-1 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-1.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-2 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-2.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-3 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-3.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-4 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-5 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-5.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-6 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-6.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-7 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-7.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-8 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-8.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/doumer/block-interieur-new-1.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/doumer/block-interieur-new-2.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/doumer/block-interieur-new-3.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/doumer/block-interieur-new-4.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/doumer/block-interieur-new-5.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/doumer/block-interieur-new-6.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/puteaux/block-interieur-1.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/puteaux/block-interieur-2.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/puteaux/block-interieur-3.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/puteaux/block-interieur-4.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/puteaux/block-interieur-5.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/puteaux/block-interieur-6.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-7 {
				background-image: url('img/page-project/puteaux/block-interieur-7.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-8 {
				background-image: url('img/page-project/puteaux/block-interieur-8.jpg');
				}



		.page-project .block-excerpt {
		background: #fff;
		color: #cacaca;
		height: 240px;
		}
			.page-project .block-excerpt .global .text {
			background: url('img/page-project/block-excerpt-text.png') no-repeat center 42px;
			background-size: 822px auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			font-size:32px;
			line-height: 55px;
			width: 100%;
			position: relative;
			top: 65px;
			max-height: 500px; /* Debug Chrome Android font-size */
			}
			/* Specific */
			.page-project-charlot .block-excerpt .global .text,
			.page-project-hotel-etage .block-excerpt .global .text {
			font-size:38px;
			}


		.page-project .block-hat {
		background: no-repeat center center;
		background-size: cover;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		height: 344px;
		color:#cacaca;
		}
			.page-project .block-hat .global .text {
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			display: inline-block;
			line-height: 55px;
			}
		.page-project-hotel-rdc .block-hat {
		background-image: url('img/page-project/hotel-rdc/block-hat.jpg');
		}
			.page-project-hotel-rdc .block-hat .global .text {
			background: url('img/page-project/hotel-rdc/block-hat-text.png') no-repeat center 40px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:28px;
			width: 857px;
			margin: 89px 0;
			}
		.page-project-hotel-etage .block-hat {
		background-image: url('img/page-project/hotel-etage/block-hat.jpg');
		}
			.page-project-hotel-etage .block-hat .global .text {
			background: url('img/page-project/hotel-etage/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}
		.page-project-doumer .block-hat {
		background-image: url('img/page-project/doumer/block-hat.jpg');
		}
			.page-project-doumer .block-hat .global .text {
			background: url('img/page-project/doumer/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}
		.page-project-puteaux .block-hat {
		background-image: url('img/page-project/puteaux/block-hat.jpg');
		}
			.page-project-puteaux .block-hat .global .text {
			background: url('img/page-project/puteaux/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}


		.page-project .block-plans {
		position: relative;
		}
			.page-project .block-plans .mask {
			background: url('img/background-black-60.png') repeat;
			height:700px;
			width:100%;
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			z-index:2;
			display:none;
			}
			.page-project .block-plans .number {
			margin-top: 68px;
			}
			.page-project .block-plans .title {
			background-image: url('img/page-project/block-plans-title.png');
			width: 256px;
			height: 76px;
			margin: -9px 0 21px 0;
			}
				.page-project .block-plans .title span {
				margin: 23px 75px 0 75px;
				}
			.page-project .block-plans .floor {
			background: no-repeat;
			position: absolute;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
			.page-project .block-plans.ongoing .floor {
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .floor.first-load {
			opacity: 0;
			}
				.page-project .block-plans .floor .inside {
				background: no-repeat;
				position: absolute;
				top:0px;
				left:0px;
				display:block;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				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;
				-webkit-transition: all 0.5s ease-in-out;
				}
				.page-project .block-plans .floor .inside.first-load {
				opacity: 0;
				}
				.page-project .block-plans .floor .marker {
				background: url('img/page-project/block-plans-marker.png') no-repeat;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				width:45px;
				height:45px;
				text-align:center;
				position: absolute;
				z-index:3;
				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;
				-webkit-transition: all 0.5s ease-in-out;
				}
				.page-project .block-plans .floor .marker.hide-marker {
				background-image: url('img/pixel.gif');
				}
					.page-project .block-plans .floor .marker.first-load {
					opacity:0;
					}
					.page-project .block-plans .floor .marker .hover-zone {
					width:45px;
					height:45px;
					position:absolute;
					top:0px;
					left:0px;
					z-index:2;
					cursor:pointer;
					}
					.page-project .block-plans .floor .marker .more {
					width: 315px;
					height:315px;
					background: #000 no-repeat;
					background-size:cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					border:10px solid #fff;
					display:block;
					-webkit-border-radius: 168px;
					-moz-border-radius: 168px;
					border-radius: 168px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					position:relative;
					display:none;
					opacity: 0;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-webkit-transform: scale(0.4);
					-moz-transform: scale(0.4);
					-ms-transform: scale(0.4);
					-o-transform: scale(0.4);
					-khtml-transform: scale(0.4);
					-webkit-transform: scale(0.4);
					}
					.page-project .block-plans .floor .marker .more.show {
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);
					-o-transform: scale(1);
					-khtml-transform: scale(1);
					-webkit-transform: scale(1);
					opacity: 1;
					}
					/* Puls effect - Begin */
					@-webkit-keyframes pulse {
						0% {
						-webkit-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-webkit-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-webkit-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Gecko/Firefox */
					@-moz-keyframes pulse {
						0% {
						-moz-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-moz-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-moz-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Presto/Opera */
					@-o-keyframes pulse {
						 0% {
						-o-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-o-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-o-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Standard */
					@keyframes pulse {
						0% {
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						transform: scale(2.5);
						opacity: 0;
						}
					}
					.page-project .block-plans .floor .marker span.pulse-effect {
					width: 56px;
					height: 56px;
					display: block;
					position: absolute;
					top: -7px;
					left: -7px;
					border: 2px solid #e7e7e7;
					border-radius: 60px;
					-moz-box-shadow: 0 0 5px #bcbcbc;
					-webkit-box-shadow: 0 0 5px #bcbcbc;
					-o-box-shadow: 0 0 5px #bcbcbc;
					box-shadow: 0 0 5px #bcbcbc;
					behavior: url("/css/PIE.htc"); /* IE8 */
					-webkit-animation: pulse 1s ease-out infinite;
					-moz-animation: pulse 1s ease-out infinite;
					-o-animation: pulse 1s ease-out infinite;
					-ms-animation: pulse 1s ease-out infinite;
					animation: pulse 1s ease-out infinite;
					}
						.lt-ie9 .page-project .block-plans .floor .marker span.pulse-effect {
						display: none;
						visibility: hidden;
						}
					/* !Puls effect - Begin */
			.page-project .block-plans .switch {
			background: url('img/page-project/block-plans-switch.png') no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			width:233px;
			height:154px;
			position:absolute;
			top:428px;
			left:7px;
			text-align:left;
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .switch.first-load {
			opacity:0;
			}
				.page-project .block-plans .switch .clearfix {
				position: absolute;
				left:44px;
				top: 48px;
				}
					.page-project .block-plans .switch .tools {
					display:block;
					border:1px solid #fff;
					width:24px;
					height:54px;
					-webkit-border-radius: 13px;
					-moz-border-radius: 13px;
					border-radius: 13px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					text-align:center;
					float:left;
					position: relative;
					cursor: pointer;
					}
						.page-project .block-plans .switch .tools .round {
						display:block;
						border:1px solid #fff;
						width:18px;
						height:18px;
						-webkit-border-radius: 13px;
						-moz-border-radius: 13px;
						border-radius: 13px;
						behavior: url("/css/PIE.htc"); /* IE8 */
						background:#8a8a8a;
						position: absolute;
						left:2px;
						bottom:3px;
						transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						-webkit-transition: all 0.2s ease-in-out;
						}
							.page-project .block-plans .switch .tools .round.active-floor-2 {
							bottom: 31px;
							}
					.page-project .block-plans .switch ul {
					list-style:none;
					margin:0 0 0 8px;
					padding:0;
					text-transform:uppercase;
					line-height:20px;
					font-size: 13px;
					float:left;
					margin-top:1px;
					}
						.page-project .block-plans .switch ul li {
						margin: 5px 0;
						}
							.page-project .block-plans .switch ul li a {
							display:block;
							color:#fff;
							}
							.page-project .block-plans .switch ul li.active a {
							font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
							}
			.page-project .block-plans .description {
			position: absolute;
			text-align:justify;
			background: url('img/page-project/block-plans-description.png') no-repeat bottom left;
			background-size: 180px auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			line-height:30px;
			font-size:18px;
			padding-bottom:15px;
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .description.first-load {
			opacity: 0;
			}
				.page-project .block-plans .description p {
				padding-left: 10px;
				margin: 0 0 30px 0;
				}
			/* Specific */
			.page-project-charlot .block-plans .floor {
			width: 435px;
			height: 400px;
			top:200px;
			left:195px;
			right: auto;
			}
				.page-project-charlot .block-plans .floor .inside {
				width: 435px;
				height: 400px;
				}
			.page-project-charlot .block-plans .floor-1 {
			background-image: url('img/page-project/charlot/block-plans-ground-floor.png');
			}
				.page-project-charlot .block-plans .floor-1 .inside {
				background-image: url('img/page-project/charlot/block-plans-ground-floor-inside.png');
				}
				.page-project-charlot .block-plans .floor-1 .marker-1 {
				top:257px;
				left:344px;
				z-index: 4;
				}
					.page-project-charlot .block-plans .floor-1 .marker-1 .more {
					background-image: url('img/page-project/charlot/block-plans-ground-floor-marker-1.jpg');
					top:-124px;
					left:-161px;
					}
				.page-project-charlot .block-plans .floor-1 .marker-2 {
				top:330px;
				left:168px;
				}
					.page-project-charlot .block-plans .floor-1 .marker-2 .more {
					background-image: url('img/page-project/charlot/block-plans-ground-floor-marker-2.jpg');
					top:-184px;
					left:-167px;
					}
			.page-project-charlot .block-plans .floor-2 {
			background-image: url('img/page-project/charlot/block-plans-first-floor.png');
			display:none;
			}
				.page-project-charlot .block-plans .floor-2 .inside {
				background-image: url('img/page-project/charlot/block-plans-first-floor-inside.png');
				}
				.page-project-charlot .block-plans .floor-2 .marker-1 {
				top:34px;
				left:232px;
				}
					.page-project-charlot .block-plans .floor-2 .marker-1 .more {
					background-image: url('img/page-project/charlot/block-plans-first-floor-marker-1.jpg');
					top:-72px;
					left:-174px;
					}
			.page-project-charlot .block-plans .description {
			width:260px;
			top:210px;
			left:auto;
			right: 15px;
			}
			.page-project-hotel-rdc .block-plans .floor {
			width: 345px;
			height: 644px;
			top:30px;
			left: auto;
			right: 24px;
			background-image: url('img/page-project/hotel-rdc/block-plans-floor.png');
			}
				.page-project-hotel-rdc .block-plans .floor .inside {
				width: 345px;
				height: 644px;
				background-image: url('img/page-project/hotel-rdc/block-plans-floor-inside.png');
				}
				.page-project-hotel-rdc .block-plans .floor .marker-1 {
				top:495px;
				left:263px;
				z-index:4;
				}
					.page-project-hotel-rdc .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/hotel-rdc/block-plans-floor-marker-1.jpg');
					top:-195px;
					left:-240px;
					}
				.page-project-hotel-rdc .block-plans .floor .marker-2 {
				top:330px;
				left:50px;
				}
					.page-project-hotel-rdc .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/hotel-rdc/block-plans-floor-marker-2.jpg');
					top:-180px;
					left:-162px;
					}
			.page-project-hotel-rdc .block-plans .description {
			width:465px;
			top:236px;
			right: auto;
			left:15px;
			}
			.page-project-hotel-etage .block-plans .description {
			width:465px;
			top:226px;
			right: 15px;
			left:auto;
			padding-bottom:85px;
			background-position: 210px bottom;
			}
			.page-project-hotel-etage .block-plans .floor {
			width: 271px;
			height: 516px;
			top:128px;
			left: 90px;
			right: auto;
			background-image: url('img/page-project/hotel-etage/block-plans-floor.png');
			}
				.page-project-hotel-etage .block-plans .floor .inside {
				width: 271px;
				height: 516px;
				background-image: url('img/page-project/hotel-etage/block-plans-floor-inside.png');
				}
				.page-project-hotel-etage .block-plans .floor .marker-1 {
				top:357px;
				left:33px;
				}
					.page-project-hotel-etage .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/hotel-etage/block-plans-floor-marker-1.jpg');
					top:-152px;
					left:-116px;
					}
			.page-project-doumer .block-plans .description {
			width:465px;
			top:226px;
			right: 15px;
			left:auto;
			padding-bottom:25px;
			background-position: 210px bottom;
			}
			.page-project-doumer .block-plans .floor {
			width: 438px;
			height: 461px;
			top:167px;
			left: 14px;
			right: auto;
			background-image: url('img/page-project/doumer/block-plans-floor.png');
			}
				.page-project-doumer .block-plans .floor .inside {
				width: 438px;
				height: 461px;
				background-image: url('img/page-project/doumer/block-plans-floor-inside.png');
				}
				.page-project-doumer .block-plans .floor .marker-1 {
				top:270px;
				left:116px;
				}
					.page-project-doumer .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-1.jpg');
					top:-161px;
					left:-158px;
					}
				.page-project-doumer .block-plans .floor .marker-2 {
				top:312px;
				left:242px;
				}
					.page-project-doumer .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-2.jpg');
					top:-174px;
					left:-206px;
					}
				.page-project-doumer .block-plans .floor .marker-3 {
				top:325px;
				left:326px;
				}
					.page-project-doumer .block-plans .floor .marker-3 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-3.jpg');
					top:-158px;
					left:-134px;
					}








			.page-project-puteaux .block-plans .floor {
			width: 427px;
			height: 561px;
			top:95px;
			left: auto;
			right: 5px;
			background-image: url('img/page-project/puteaux/block-plans-floor.png');
			}
				.page-project-puteaux .block-plans .floor .inside {
				width: 427px;
				height: 561px;
				background-image: url('img/page-project/puteaux/block-plans-floor-inside.png');
				}
			.page-project-puteaux .block-plans .description {
			width:465px;
			top:236px;
			right: auto;
			left:15px;
			}
				.page-project-puteaux .block-plans .floor .marker-1 {
				top:99px;
				left:196px;
				}
					.page-project-puteaux .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-1.jpg');
					top:-138px;
					left:-68px;
					}
				.page-project-puteaux .block-plans .floor .marker-2 {
				top:178px;
				left:52px;
				}
					.page-project-puteaux .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-2.jpg');
					top:-161px;
					left:-126px;
					}
				.page-project-puteaux .block-plans .floor .marker-3 {
				top:257px;
				left:343px;
				}
					.page-project-puteaux .block-plans .floor .marker-3 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-3.jpg');
					top:-183px;
					left:-271px;
					}
				.page-project-puteaux .block-plans .floor .marker-4 {
				top:328px;
				left:57px;
				}
					.page-project-puteaux .block-plans .floor .marker-4 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-4.jpg');
					top:-101px;
					left:-142px;
					}
				.page-project-puteaux .block-plans .floor .marker-5 {
				top:497px;
				left:262px;
				}
					.page-project-puteaux .block-plans .floor .marker-5 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-5.jpg');
					top:-238px;
					left:-217px;
					}


		.page-project .block-mobilier {
		background: #fff;
		color: #000;
		}
			.page-project .block-mobilier .number {
			margin-top: 98px;
			}
			.page-project .block-mobilier .title {
			background-image: url('img/page-project/block-mobilier-title.png');
			width: 309px;
			height: 84px;
			margin: -10px 0 50px 0;
			}
				.page-project .block-mobilier .title span {
				margin: 25px 78px 0 78px;
				}
			.page-project .block-mobilier ul {
			text-align:center;
			list-style:none;
			padding: 0;
			margin: 0;
			}
				.page-project .block-mobilier ul li {
				display: inline-block;
				width: 195px;
				height:390px;
				position: relative;
				margin: 2px 23px 48px 23px;
				-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;
				-khtml-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				}
				.page-project .block-mobilier ul li.first-load {
				opacity: 0;
				}
					.page-project .block-mobilier ul li.furniture-1 {
					margin-left: 0px;
					}
					.page-project .block-mobilier ul li.furniture-4 {
					margin-right: 0px;
					}
					.page-project .block-mobilier ul li .plinth {
					background: url('img/page-project/block-mobilier-plinth.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 51px;
					position: absolute;
					top: 125px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .shadow {
					background: url('img/page-project/block-materiaux-mobilier-shadow.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 55px;
					position: absolute;
					top: 136px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .furniture {
					background: no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					position: absolute;
					bottom: 215px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .name {
					font-size: 15px;
					position: absolute;
					top: 223px;
					text-transform: uppercase;
					text-align:center;
					width: 100%;
					font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
					font-size: 15px;
					letter-spacing: 1px;
					}
					.page-project .block-mobilier ul li .button {
					background: url('img/page-project/block-materiaux-button-plus.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 15px;
					position: absolute;
					top: 258px;
					left:0px;
					display:block;
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-khtml-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
					}
					.page-project .block-mobilier ul li:hover .button {
					background-image: url('img/page-project/block-materiaux-button-check.png');
					}
						.page-project .block-mobilier ul li .description {
						height: 100px;
						width: 100%;
						background: #000;
						text-align:center;
						color: #fff;
						position: absolute;
						left: 0px;
						bottom: -15px;
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						z-index: 2;
						-webkit-transform: scale(0.95);
						-moz-transform: scale(0.95);
						-ms-transform: scale(0.95);
						-o-transform: scale(0.95);
						-khtml-transform: scale(0.95);
						-webkit-transform: scale(0.95);
						}
						.page-project .block-mobilier ul li:hover .description {
						opacity:1;
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						-khtml-transform: scale(1);
						-webkit-transform: scale(1);
						bottom:0px;
						}
							.page-project .block-mobilier ul li .description .subtitle {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size: 18px;
							line-height: 25px;
							padding-top: 18px;
							background: url('img/page-project/block-materiaux-separation.png') no-repeat center bottom;
							background-size: 87px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							padding: 0 0 6px 0;
							margin: 18px 0 8px 0;
							}
							.page-project .block-mobilier ul li .description .text {
							text-transform: uppercase;
							line-height: 12px;
							font-size: 10px;
							color: #6f6f6f;
							font-family: Arial, Helvetica, sans-serif;
							font-weight:bold;
							margin-bottom: 8px;
							letter-spacing: 1px;
							min-height:24px;
							}
							.page-project .block-mobilier ul li .description .arrow {
							position: absolute;
							top:-4px;
							left: 94px;
							background: #000;
							width: 8px;
							height: 8px;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							}
			/* Specific */
			.page-project-hotel-rdc .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-tabouret.png');
			height: 175px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-fauteuil.png');
			height: 165px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-table.png');
			height: 153px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-luminaire.png');
			height: 154px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-chaise.png');
			height: 165px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-bain.png');
			height: 119px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-fauteuil.png');
			height: 138px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-luminaire.png');
			height: 144px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-luminaire-1.png');
			height: 233px;
			bottom: 192px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .shadow {
			display:none;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .plinth {
			z-index: 1;
			top: -45px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-art.png');
			height: 186px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-luminaire-2.png');
			height: 192px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-imprime.png');
			height: 158px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-fauteuil.png');
			height: 173px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-chaise.png');
			height: 201px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-miroir.png');
			height: 201px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-luminaire.png');
			height: 191px;
			}


		.page-project .block-materiaux {
		background: #fff;
		color: #000;
		}
			.page-project .block-materiaux .number {
			margin-top: 60px;
			}
			.page-project .block-materiaux .title {
			background-image: url('img/page-project/block-materiaux-title.png');
			width: 298px;
			height: 86px;
			/* margin: -10px 0 21px 0; */
      margin: 40px 0 21px 0;
			}
				.page-project .block-materiaux .title span {
				margin: 25px 50px 0 50px;
				}
			.page-project .block-materiaux ul {
			text-align:center;
			list-style:none;
			padding: 0;
			margin: 0;
			}
				.page-project .block-materiaux ul li {
				display: inline-block;
				width: 195px;
				position: relative;
				margin: 2px 23px 160px 23px;
				-webkit-transition: all 1.5s ease-in-out;
				-moz-transition: all 1.5s ease-in-out;
				-ms-transition: all 1.5s ease-in-out;
				-o-transition: all 1.5s ease-in-out;
				-khtml-transition: all 1.5s ease-in-out;
				transition: all 1.5s ease-in-out;
				cursor:pointer;
				}
				.page-project .block-materiaux ul li.first-load {
				opacity: 0;
				}
					.page-project .block-materiaux ul li.material-1 {
					margin-left: 0px;
					}
					.page-project .block-materiaux ul li.material-4 {
					margin-right: 0px;
					}
					.page-project .block-materiaux ul li .material {
					background: url('img/page-project/block-materiaux-mobilier-shadow.png') no-repeat center bottom;
					background-size: 150px auto;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-khtml-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
					position: relative;
					}
						.page-project .block-materiaux ul li .description {
						height: 100px;
						width: 100%;
						background: #000;
						text-align:center;
						color: #fff;
						position: absolute;
						left: 0px;
						top: -15px;
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						z-index: 2;
						-webkit-transform: scale(0.95);
						-moz-transform: scale(0.95);
						-ms-transform: scale(0.95);
						-o-transform: scale(0.95);
						-khtml-transform: scale(0.95);
						-webkit-transform: scale(0.95);
						}
							.page-project .block-materiaux ul li .description .subtitle {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size: 18px;
							line-height: 25px;
							padding-top: 18px;
							background: url('img/page-project/block-materiaux-separation.png') no-repeat center bottom;
							background-size: 87px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							padding: 18px 0 6px 0;
							margin-bottom: 8px;
							}
							.page-project .block-materiaux ul li .description .text {
							text-transform: uppercase;
							line-height: 12px;
							font-size: 10px;
							color: #6f6f6f;
							font-family: Arial, Helvetica, sans-serif;
							font-weight:bold;
							margin-bottom: 8px;
							letter-spacing: 1px;
							min-height:24px;
							}
							.page-project .block-materiaux ul li .description .arrow {
							position: absolute;
							bottom:-4px;
							left: 94px;
							background: #000;
							width: 8px;
							height: 8px;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							}
						.page-project .block-materiaux ul li .circle {
						background: no-repeat;
						background-size: cover;
						-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
						width: 150px;
						height: 110px;
						display: inline-block;
						margin: 72px 0 15px 0;
						text-align:center;
						cursor: pointer;
						-webkit-transform: perspective(0px) rotateX(0deg);
						-moz-transform: perspective(0px) rotateX(0deg);
						-ms-transform: perspective(0px) rotateX(0deg);
						-o-transform: perspective(0px) rotateX(0deg);
						-khtml-transform: perspective(0px) rotateX(0deg);
						transform: perspective(0px) rotateX(0deg);
						-webkit-transform-style: preserve-3d;
						-moz-transform-style: preserve-3d;
						-ms-transform-style: preserve-3d;
						-o-transform-style: preserve-3d;
						-khtml-transform-style: preserve-3d;
						transform-style: preserve-3d;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						position: relative;
						}
					.page-project .block-materiaux ul li .circle.animate {
					-webkit-animation: animBois 1s ease-out;
					}
					@-webkit-keyframes animBois {
						0% {
						top:-20px;
						-webkit-transform: perspective(0px) rotateX(40deg);
						-moz-transform: perspective(0px) rotateX(40deg);
						-ms-transform: perspective(0px) rotateX(40deg);
						-o-transform: perspective(0px) rotateX(40deg);
						-khtml-transform: perspective(0px) rotateX(40deg);
						transform: perspective(0px) rotateX(40deg);	}
						100% {
						top:0;
						-webkit-transform: perspective(0px) rotateX(0deg);
						-moz-transform: perspective(0px) rotateX(0deg);
						-ms-transform: perspective(0px) rotateX(0deg);
						-o-transform: perspective(0px) rotateX(0deg);
						-khtml-transform: perspective(0px) rotateX(0deg);
						transform: perspective(0px) rotateX(0deg);
						}
					}
								.page-project .block-materiaux ul li:hover .material .description {
								opacity: 1;
								top: 0px;
								-webkit-transform: scale(1);
								-moz-transform: scale(1);
								-ms-transform: scale(1);
								-o-transform: scale(1);
								-khtml-transform: scale(1);
								-webkit-transform: scale(1);
								}
								.page-project .block-materiaux ul li:hover .material .circle {
								-webkit-transform: perspective(0px) rotateX(23deg);
								-moz-transform: perspective(0px) rotateX(23deg);
								-ms-transform: perspective(0px) rotateX(23deg);
								-o-transform: perspective(0px) rotateX(23deg);
								-khtml-transform: perspective(0px) rotateX(23deg);
								transform: perspective(0px) rotateX(23deg);
								}
					.page-project .block-materiaux ul li .name {
					font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
					font-size:15px;
					text-transform: uppercase;
					letter-spacing: 1px;
					margin-top: 42px;
					}
			/* Specific */
			.page-project-charlot .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-parquet.png');
			}
			.page-project-charlot .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-cheminee.png');
			}
			.page-project-charlot .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-bibliotheque.png');
			}
			.page-project-charlot .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-tableaux.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-parquet.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-fauteuil.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-bibliotheque.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-tableaux.png');
			}
			.page-project-doumer .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-parquet.png');
			}
			.page-project-doumer .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-salle-bain.png');
			}
			.page-project-doumer .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-carreaux-ciment.png');
			}
			.page-project-doumer .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-miroir.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-parquet.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-salle-bain.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-menuiserie.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-miroir.png');
			}


		.page-project .block-localisation {
		}
			.page-project .block-localisation .number {
			margin-top: 68px;
			}
			.page-project .block-localisation .title {
			background-image: url('img/page-project/block-localisation-title.png');
			width: 286px;
			height: 76px;
			margin: -9px 0 21px 0;
			}
				.page-project .block-localisation .title span {
				margin: 23px 25px 0 25px;
				}
			.page-project .block-localisation .global .map {
			height: 700px;
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			-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;
			-khtml-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			}
			.page-project .block-localisation.first-load .global .map {
			opacity: 0;
			}
			/* Specific */
			.page-project-charlot .block-localisation .global {
			position: relative;
			}
				.page-project-charlot .block-localisation .global .map {
				background: url('img/page-project/charlot/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-charlot .block-localisation .address {
			position: absolute;
			top: 333px;
			left: 396px;
			width: 185px;
			height:231px;
			}
				.page-project-charlot .block-localisation .address img {
				width: 100%;
				}
				.page-project-charlot .block-localisation .address .text {
				position: absolute;
				top: 105px;
				left: 14px;
				width: 170px;
				font-family: "budhand_regular", Arial, Helvetica, sans-serif;
				font-size: 24px;
				letter-spacing: 1px;
				-webkit-transform: rotate(-48deg);
				-moz-transform: rotate(-48deg);
				-ms-transform: rotate(-48deg);
				-o-transform: rotate(-48deg);
				transform: rotate(-48deg);
				}
			.page-project-hotel-rdc .block-localisation .global {
			}
				.page-project-hotel-rdc .block-localisation .global .map {
				background: url('img/page-project/hotel-rdc/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-doumer .block-localisation .global {
			}
				.page-project-doumer .block-localisation .global .map {
				background: url('img/page-project/doumer/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-doumer .block-localisation .address {
			position: absolute;
			top: 568px;
			left: 395px;
			width: 390px;
			font-family: "budhand_regular", Arial, Helvetica, sans-serif;
			font-size: 24px;
			letter-spacing: 1px;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
			-o-transform: rotate(-2deg);
			transform: rotate(-2deg);
			color: #c9c9c9;
			}
				.page-project-doumer .block-localisation .address sup {
				font-size: 60%
				}
			.page-project-puteaux .block-localisation .global {
			}
				.page-project-puteaux .block-localisation .global .map {
				background: url('img/page-project/puteaux/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-puteaux .block-localisation .address {
			position: absolute;
			top: 560px;
			left: 484px;
			width: 120px;
			font-family: "budhand_regular", Arial, Helvetica, sans-serif;
			font-size: 14px;
			letter-spacing: 1px;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
			-o-transform: rotate(-2deg);
			transform: rotate(-2deg);
			color: #c9c9c9;
			}


		.page-project .back-to-top {
		background: #fff;
		height: 115px;
		border-top: 1px solid #bfbfbf;
		text-transform:uppercase;
		font-size:14px;
		line-height:115px;
		position: relative;
		z-index: 2;
		}
			.page-project .back-to-top a {
			display: block;
			color:#bfbfbf;
			font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
			background-size: 9px 15px;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
				.page-project .back-to-top .arrow {
				width: 5px;
				height:7px;
				position:absolute;
				top:30px;
				left: 50%;
				margin-left: -3px;
				}
					.page-project .back-to-top .arrow span {
					display: block;
					position: absolute;
					background: #bfbfbf;
					width: 1px;
					height: 1px;
					}
						.page-project .back-to-top .arrow span.line {
						height:7px;
						left: 2px;
						top: 0px;
						}
						.page-project .back-to-top .arrow span.point-1 {
						left: 0px;
						top: 2px;
						}
						.page-project .back-to-top .arrow span.point-2 {
						left: 1px;
						top: 1px;
						}
						.page-project .back-to-top .arrow span.point-3 {
						left: 3px;
						top: 1px;
						}
						.page-project .back-to-top .arrow span.point-4 {
						left: 4px;
						top: 2px;
						}


		.page-project #popin-share {
		background: #fff;
		width:500px;
		margin: 50px auto;
		position: relative;
		padding-bottom:6px;
		margin-left:-250px;
		margin-top:-145px;
		z-index:1600;
		position: fixed;
		top:50%;
		left: 50%;
		display:none;
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		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;
		-webkit-transition: all 0.5s ease-in-out;
		}
			.page-project #popin-share.show {
			opacity: 1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			}
				.page-project #popin-share .text {
				text-transform: uppercase;
				font-size:20px;
				padding: 45px 0;
				}
				.page-project #popin-share .button-effect {
				width: 240px;
				line-height:46px;
				height:50px;
				font-size:15px;
				margin-bottom:23px;
				}
					.page-project #popin-share .button-effect .button {
					border: 2px solid #000;
					}
						.page-project #popin-share .button-effect .button span {
						padding: 0;
						}
						.page-project #popin-share .link .button-effect a {
						background: #000 no-repeat center center;
						}
							.page-project #popin-share .link.facebook .button-effect a {
							background-image: url('img/page-project/popin-share-facebook.png');
							background-size: 25px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
							.page-project #popin-share .link.twitter .button-effect a {
							background-image: url('img/page-project/popin-share-twitter.png');
							background-size: 29px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
							.page-project #popin-share .link.email .button-effect a {
							background-image: url('img/page-project/popin-share-email.png');
							background-size: 26px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
				.page-project #popin-share a.close {
				text-transform: uppercase;
				color: #fff;
				font-size: 10px;
				position: absolute;
				right: 2px;
				bottom: -22px;
				}


		.page-project .block-bottom {
		background: #000;
		padding: 80px 0 160px 0;
		position: relative;
		}
			.page-project .block-bottom .global {
			text-align:center;
			}
				.page-project .block-bottom .arrow-block {
				background: #fff no-repeat center center;
				background-size: 9px auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				display:inline-block;
				height:50px;
				width:46px;
				position: relative;
				}
				.page-project .block-bottom .previous {
				position: absolute;
				left:0px;
				top:0px;
				}
					.page-project .block-bottom .previous .arrow-block .arrow {
					width: 7px;
					height:5px;
					position:absolute;
					top:22px;
					left: 19px;
					}
							.page-project .block-bottom .previous .arrow-block .arrow span {
							display: block;
							position: absolute;
							background: #000;
							width: 1px;
							height: 1px;
							}
								.page-project .block-bottom .previous .arrow-block .arrow span.line {
								width: 7px;
								left: 0px;
								top: 2px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-1 {
								left: 2px;
								top: 0px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-2 {
								left: 1px;
								top: 1px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-3 {
								left: 1px;
								top: 3px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-4 {
								left: 2px;
								top: 4px;
								}
					.page-project .block-bottom .previous .button-effect {
					position: relative;
					left:-6px;
					width:200px;
					}
				.page-project .block-bottom .next {
				position: absolute;
				right:0px;
				top:0px;
				}
					.page-project .block-bottom .next .arrow-block .arrow {
					width: 7px;
					height:5px;
					position:absolute;
					top:22px;
					right: 19px;
					}
							.page-project .block-bottom .next .arrow-block .arrow span {
							display: block;
							position: absolute;
							background: #000;
							width: 1px;
							height: 1px;
							}
								.page-project .block-bottom .next .arrow-block .arrow span.line {
								width: 7px;
								left: 0px;
								top: 2px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-1 {
								left: 4px;
								top: 0px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-2 {
								left: 5px;
								top: 1px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-3 {
								left: 5px;
								top: 3px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-4 {
								left: 4px;
								top: 4px;
								}
					.page-project .block-bottom .next .button-effect {
					position: relative;
					right:-6px;
					width:200px;
					}
				.page-project .block-bottom .button-effect {
				display: inline-block;
				width:auto;
				height:50px;
				line-height:46px;
				font-size:15px;
				vertical-align: top;
				}
					.page-project .block-bottom .global > .button-effect .button span {
					padding: 0 35px;
					}
    .instagram{
        position: absolute;
        left: 0;
    }
    span.button-effect.black-to-white.instagram-button {
        display: none;
    }
    .instagram .instagram-logo-block{
        background: #fff url(img/instagram-logo-black.png) no-repeat;
        background-size: contain;
        background-position: center center;
        height: 50px;
        width: 46px;
        display: inline-block;
        position: relative;
    }

	/* ====== PAGE BIOGRAPHIE ====== */
	.page-biography {
	}
		.page-biography h1 {
		display: none;
		}
		.page-biography .two-parts {
		/*height:580px;*/
		/*line-height:580px;*/
		    color: #fff;
		}
			.page-biography .two-parts .block-left {
			background: #000;
			/*height:100%;*/ /* native browser scroll */
			width:50%;
			float: left;
                overflow: hidden; /*for firefox*/
			}
				.page-biography .two-parts .block-left .text,
                .page-biography .two-parts .block-right .text  {
				width:75%;
				margin: 50px;/*120px 110px 0 110px;*/
				display:inline-block;
				color: #fff;
				line-height:33px;
				vertical-align: middle;
				font-size:20px;
				text-align: justify;
				font-family: 'didot_italic', Arial, Helvetica, sans-serif;
				}
				.page-biography .two-parts .block-left .text:first-letter {
				font-size:63px;
				}
					.page-biography .two-parts .block-left .text p {
					margin: 0 0 30px 0;
					}
					.page-biography .two-parts .block-left .text ul.squares,
                    .page-biography .two-parts .block-right .text ul.squares {
					list-style: none;
					margin: 0 0 50px 0;
					padding: 0;
					text-align:center;
					padding-top:5px;
					}
						.page-biography .two-parts .block-left .text ul.squares li,
                        .page-biography .two-parts .block-right .text ul.squares li {
						width: 4px;
						height: 4px;
						display: inline-block;
						background: #fff;
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
						margin: 0 1px;
						}
			.page-biography .two-parts .block-right {
			background: #000;
			width:100%;
		    float: none;
            position: relative;
            right: 0;
			display: block;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
			.page-biography .two-parts .block-right.ratio-height {
			background-size: cover;/*background-size: 100% auto;*/
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
            .page-biography .two-parts .biography-img-container {
                display: none;
            }
			@media only screen and (max-width:1024px) {
				.page-biography .two-parts .block-left {
				float: none;
				width: auto;
				/*min-width: 960px;*/
				}
			}


	/* ====== PAGE CONTACT ====== */
    .contact-background{
        background:  url('img/page-contact/contact.jpg') no-repeat center bottom;
        height:100%;
        width:50%;
        float: right;
        display: none;
        background-size: cover;
        -ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
    }
	.page-contact {
	}
		.page-contact h1 {
		display: none;
		}
		.page-contact .background {
		background: url('img/page-contact/contact.jpg') no-repeat center top;
		background-size: 104% auto;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		position: relative;
		overflow-x: hidden;
		}
			.page-contact .facebook {
			background: #fff url('img/page-contact/facebook.png') no-repeat 13px center;
			background-size: 25px 25px;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			line-height:50px;
			font-size:15px;
			width:195px;
			text-transform:uppercase;
			text-align:left;
			position: absolute;
			right:-145px;
			margin-left: 10px;
			top:315px;
			}
			.page-contact .facebook.animate {
			transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			}
			.page-contact .facebook:hover {
			right: 0px;
			}
				.page-contact .facebook a {
				display:block;
				padding-left:50px;
				}
				.page-contact .facebook .arrow {
				width: 7px;
				height:5px;
				position:absolute;
				top:22px;
				right: 10px;
				}
						.page-contact .facebook .arrow span {
						display: block;
						position: absolute;
						background: #000;
						width: 1px;
						height: 1px;
						}
							.page-contact .facebook .arrow span.line {
							width: 7px;
							left: 0px;
							top: 2px;
							}
							.page-contact .facebook .arrow span.point-1 {
							left: 4px;
							top: 0px;
							}
							.page-contact .facebook .arrow span.point-2 {
							left: 5px;
							top: 1px;
							}
							.page-contact .facebook .arrow span.point-3 {
							left: 5px;
							top: 3px;
							}
							.page-contact .facebook .arrow span.point-4 {
							left: 4px;
							top: 4px;
							}
				.page-contact .background.ratio-height {
				background-size: auto 104%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-contact .background.animate {
				transition: background-size 0.6s ease-in;
				-moz-transition: background-size 0.6s ease-in;
				-ms-transition: background-size 0.6s ease-in;
				-o-transition: background-size 0.6s ease-in;
				-webkit-transition: background-size 0.6s ease-in;
				}
				.page-contact .background.unzoom {
				background-size: 100% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-contact .background.ratio-height.unzoom {
				background-size: auto 100%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-contact .block {
			height: 680px;
			line-height: 680px;
			width: 500px;
			margin: auto;
			color: #fff;
			position: relative;
			}
				.page-contact .form {
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: 0px;
				right: 0px;
				background: #070707;
				}
				.page-contact .form.step-1 {
				z-index:2
				}
				.page-contact .form.step-2 {
				}
					.page-contact .form .vertical-align {
					padding: 0 60px;
					vertical-align: middle;
					display: inline-block;
					line-height: 20px;
					}
						.page-contact .form ul.squares {
						list-style: none;
						margin: 0;
						padding: 0;
						}
							.page-contact .form ul.squares li {
							width: 4px;
							height: 4px;
							display: inline-block;
							background: #fff;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							margin: 0 1px;
							}
						.page-contact .form .intro {
						}
							.page-contact .form .intro .pen {
							width: 12px;
							height: 26px;
							display:inline-block;
							background: url('img/page-contact/pen.png') no-repeat;
							background-size: 12px 26px;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							margin-bottom: 13px;
							}
							.page-contact .form .intro .text {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size:20px;
							line-height: 30px;
							}
								.page-contact .form .intro .text .author {
								display: block;
								font-size:15px;
								margin-top: 2px;
								}
						.page-contact .form form {
						margin: 40px 0 28px 0;
						}
							.page-contact .form form .errors {
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							color: #C00;
							background: #fff;
							padding: 6px 0;
							font-size: 16px;
							display:none;
							}
							.page-contact .form form input[type=text],
							.page-contact .form form textarea {
							border-bottom: 2px solid #fff;
							font-size:18px;
							background: none;
							border:none;
							font-family: 'brandon_grotesque_light', Arial, Helvetica, sans-serif;
							margin-bottom: 25px;
							color: #fff;
							}
							.page-contact .form form input[type=text] {
							border-bottom: 2px solid #fff;
							padding: 0 7px;
							width: 366px;
							}
							.page-contact .form form textarea {
							border: 2px solid #fff;
							resize: none;
							padding: 5px 9px;
							width: 358px;
							height: 136px;
							margin-top: 8px;
							}
								.page-contact .form form input:-moz-placeholder,
								.page-contact .form form textarea:-moz-placeholder { /* Firefox 18- */
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input::-moz-placeholder,
								.page-contact .form form textarea::-moz-placeholder { /* Firefox 19+ */
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input::-webkit-input-placeholder,
								.page-contact .form form textarea::-webkit-input-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input:-ms-input-placeholder,
								.page-contact .form form textarea:-ms-input-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input.text-placeholder,
								.page-contact .form form textarea.text-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
							.page-contact .form form input[type=submit] {
							width: 380px;
							background: #fff;
							text-transform: uppercase;
							font-size:19px;
							font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;
							text-align: center;
							border: none;
							padding: 14px 0;
							margin-top: 8px;
							}
								.page-contact .form form input[type=submit]:hover {
								text-indent: -99999px;
								background: #fff url('img/page-contact-submit.png') no-repeat center center;
								}
						.page-contact .form .email {
						font-size: 20px;
						margin-top: 20px;
						}
							.page-contact .form .email a {
							color: #595959;
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							}
								.page-contact .form .email a:hover {
								text-decoration: underline;
								}
						.page-contact .form .confirmation {
						padding-bottom: 60px;
						}
							.page-contact .form .confirmation .title {
							font-size: 50px;
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							line-height: 55px;
							margin-bottom: 28px;
							}
							.page-contact .form .confirmation .text {
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							font-size: 20px;
							color: #595959;
							}


	footer {
	font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;
	height: 80px;
	overflow:hidden;
	line-height: 80px;
	font-size: 15px;
	text-transform: uppercase;
	background: #fff;
	width: 100%;
	/*min-width: 960px;*/
	position: fixed;
	bottom: 0px;
	z-index:1900;
	    padding-bottom: 20px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-khtml-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	}
	footer.open-submenu {
	height: 195px;
	}
		footer nav.main-menu {
		position: relative;
		height: 80px;
		}
		footer nav.main-menu .position {
		position: absolute;
		bottom: 0px;
		width: 100%;
		}
		footer nav.main-menu ul.global {
		text-align: center;
		list-style: none;
		padding: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-khtml-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		position: relative;
		top: 0;
		}
		footer nav.main-menu ul.global.hide {
		opacity: 0;
		top: 10px;
		}
		footer nav.main-menu ul.global.hide {
		opacity: 0;
		top: 10px;
		}
		html.no-opacity footer nav.main-menu ul.global.hide {
		display:none;
		}
			footer nav.main-menu ul.global li {
			display: inline-block;
			position: relative;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-khtml-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
                width:24%;
			}
				footer nav.main-menu ul.global li .arrow {
				display: block;
				height: 7px;
				line-height: 7px;
				position: absolute;
				width: 100%;
				left: 0px;
				text-align: center;
				opacity: 0;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-khtml-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				}
					html.no-opacity footer nav.main-menu ul.global li .arrow {
					display:none;
					}
				footer nav.main-menu ul.global li .arrow.top {
				top: 16px;
				}
				footer nav.main-menu ul.global li .arrow.bottom {
				bottom: 16px;
				}
				footer nav.main-menu ul.global li:hover .arrow {
				opacity: 1;
				}
				footer nav.main-menu ul.global li:hover .arrow.top {
				top: 10px;
				}
				footer nav.main-menu ul.global li:hover .arrow.bottom {
				bottom: 10px;
				}
					footer nav.main-menu ul.global li .arrow .position {
					width: 5px;
					height: 7px;
					display:inline-block;
					background: no-repeat center center;
					text-indent: -99999px;
					font-size: 0px;
					position: relative;
					}
						footer nav.main-menu ul.global li .arrow .position span {
						display: block;
						position: absolute;
						background: #000;
						width: 1px;
						height: 1px;
						}
							footer nav.main-menu ul.global li .arrow .position span.line {
							height: 7px;
							left: 2px;
							top: 0px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-1 {
							left: 0px;
							top: 2px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-2 {
							left: 1px;
							top: 1px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-3 {
							left: 3px;
							top: 1px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-4 {
							left: 4px;
							top: 2px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-1 {
							left: 0px;
							bottom: 2px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-2 {
							left: 1px;
							bottom: 1px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-3 {
							left: 3px;
							bottom: 1px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-4 {
							left: 4px;
							bottom: 2px;
							}
				footer nav.main-menu ul.global.hover li {
				opacity: 0.2;
				}
				footer nav.main-menu ul.global.hover li:hover {
				opacity: 1;
				}
					footer nav.main-menu ul.global li a {
					color: #000;
					padding: 0 23px;
					display:block;
					z-index:2;
					position: relative;
					}


		footer nav.submenu {
		background: #000;
		color: #fff;
		height: 135px;
		}
		footer.ongoing nav.submenu,
		footer.close nav.submenu {
		display:none;
		}
			footer nav.submenu .global {
			}
				footer nav.submenu .global ul {
				padding: 0px;
				margin: 0px;
				width: 500px;
				line-height: 33px;
				font-size: 14px;
				text-align: center;
				padding-top: 12px;
				position: absolute;
				}
					footer nav.submenu .global ul li {
					}
						footer nav.submenu .global ul li a {
						color: #fff;
						display:block;
						}
					footer nav.submenu .global ul li.arrow {
					display: block;
					height: 7px;
					line-height: 7px;
					position: absolute;
					width: 100%;
					left: 0px;
					top: 0px;
					text-align: center;
					}
						footer nav.submenu .global ul li.arrow .position {
						width: 7px;
						height: 7px;
						display:inline-block;
						background: no-repeat center center;
						text-indent: -99999px;
						font-size: 0px;
						position: relative;
						}
							footer nav.submenu .global ul li.arrow .position span {
							display: block;
							position: absolute;
							background: #fff;
							width: 1px;
							height: 1px;
							}
								footer nav.submenu .global ul li.arrow .position span.line {
								height: 7px;
								left: 3px;
								top: 0px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-1 {
								left: 0px;
								top: 3px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-2 {
								left: 1px;
								top: 4px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-3 {
								left: 2px;
								top: 5px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-4 {
								left: 4px;
								top: 5px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-5 {
								left: 5px;
								top: 4px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-6 {
								left: 6px;
								top: 3px;
								}
                                span#copy-right-container {
                                    width: 100%;
                                    background: #fff;
                                    position: fixed;
                                    bottom: 0;
                                    line-height: 20px;
                                    left: 0;
                                    font-size: 12px;
                                    text-transform: none;
                                    /* border-top: solid 1px #666; */
                                }
                                span#copy-right-container.reverse-color {
                                    color: #fff;
                                    background-color: #000;
                                }
                                span#copy-right-container.reverse-color a{
                                    color: #fff;
                                }

/* Button effect - reveal, push out */
.button-effect  {
position: relative;
z-index: 1;
display:block;
line-height: 54px;
height: 58px;
display: inline-block;
overflow: hidden;
width: 100%;
font-size: 19px;
/* FIXME: Change font and border color*/
text-transform: uppercase;
}
	.button-effect .button {
	overflow: hidden;
	display: block;
	}
	.button-effect .button span {
	display: block;
	background: #000;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	transition: transform 0.2s;
	padding: 0 20px;
	}
	.button-effect .button::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	padding: 2px 0;
	}
	.button-effect .button:hover span,
	.button-effect .button:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	}
	.button-effect .button:hover::before,
	.button-effect .button:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	}
		.button-effect.black-to-white .button {
		border: 2px solid #fff;
		}
			.button-effect.black-to-white .button::before {
			background: #fff;
			color: #000;
			}
			.button-effect.black-to-white .button span {
			background: none;
			color: #fff;
			}
		.button-effect.white-to-black .button {
		border: 2px solid #fff;
		}
			.button-effect.white-to-black .button::before {
			background: #000;
			color: #fff;
			}
			.button-effect.white-to-black .button span {
			background: #fff;
			color: #000;
			}
.no-margin{
    margin-top: 0;
}
}

@media only screen and (min-width:1025px) {
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 16px;
line-height: 20px;
color: #000;
/*font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;*/
font-family: 'Times New Roman', Arial, Helvetica, serif;
/*font-family: 'Times New Roman';*/
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
text-size-adjust: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
a, a:hover {
color: #000;
text-decoration: none;
outline: none;
}
a:active,
a:focus  {
outline: none;
-moz-outline-style: none;
}


input, textarea {
-webkit-appearance: none;
border-radius: 0;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: inherit;
margin: 0;
font-size: inherit;
}

	.global {
	width: 960px;
	margin: auto;
	text-align: left;
	position: relative;
	}
	header {
	/*font-family: 'Times New Roman', 'brandon_grotesque_light', Arial, Helvetica, sans-serif;*/
  font-family: 'Times New Roman', 'brandon_grotesque_light', Arial, Helvetica, serif;
	font-size: 32px;
	text-transform: uppercase;
	background: #fff;
	min-width: 960px;
	width:100%;
	position: fixed;
	top: 0px;
	z-index:2000;
	height: 120px;
	}
		header.ongoing,
		footer.ongoing {
		-webkit-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-moz-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-o-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-ms-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		-khtml-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
		}
		header.open {
		border-bottom: 1px solid #EEE;
		}
		footer.open {
		border-top: 1px solid #EEE;
		}
		header.first-load,
		footer.first-load {
		height: 5000px;
		-webkit-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-moz-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-o-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-ms-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		-khtml-transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		transition: all 0s cubic-bezier(1.000, 0.010, 0.330, 1);
		}
			header.first-load span.first.first-load {
			margin-right: 35px;
			opacity:0;
			}
			header.first-load span.last.first-load {
			margin-left: 35px;
			opacity:0;
			}
		header .animate {
		position: relative;
		height: 100%;
		}
			header .position {
			width: 100%;
			position: absolute;
			bottom: 15px;
			}
				header .global {
				text-align: center;
				}
					header .global a {
					display: block;
					}
						header span {
						height: 88px;
						line-height: 88px;
						display: inline-block;
						vertical-align: top;
						letter-spacing: 6px;
						}
						header span.first,
						header span.last {
						-webkit-transition: all 0.8s ease-in-out;
						-moz-transition: all 0.8s ease-in-out;
						-o-transition: all 0.8s ease-in-out;
						-ms-transition: all 0.8s ease-in-out;
						-khtml-transition: all 0.8s ease-in-out;
						transition: all 0.8s ease-in-out;
						opacity: 1;
                        /*color: blue;*/
						}
						header .logo {
						width: 90px;
						height:90px;
						background : url('img/header-logo-custom.png') no-repeat center 15px;
				  	     background-size: contain;
						-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
						margin: 0 16px 0 6px;
						overflow: hidden;
						}
							header .logo input#image-loader {
							display: none;
							}

	#content {
	    margin: 120px 0 60px 0;
	    overflow: auto;
	    background-color: #000;
	    /*min-width: 960px;*/
	}
		#content-ajax {
		position : relative;
		}
			#content-ajax > span.mask {
			display:block;
			background: #000;
			position: fixed;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			z-index: 1500;
			opacity: 0.6;
			display:none;
			}


	/* ====== PAGE HOME ====== */
	.page-home {
	}
		.page-home h1 {
		display: none;
		}
		.page-home .slideshow,
		.page-home .slideshow-part {
		height: 600px;
		line-height:600px;
		}
		.page-home .slideshow {
		position: relative;
		overflow:hidden;
		}
			.page-home .slideshow ul.list {
			position: absolute;
			left: 36px;
			width:12px;
			padding:0;
			margin:0;
			list-style:none;
			z-index:1000;
			}
				.page-home .slideshow ul.list li {
				padding: 4px 0;
				}
					.page-home .slideshow ul.list li a {
					display:block;
					text-indent: -99999px;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					-khtml-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
					width: 10px;
					line-height:10px;
					border:1px solid #fff;
					background : url('img/background-black-40.png') repeat;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					}
					.page-home .slideshow ul.list li.active a {
					background: #fff;
					}
			.page-home .slideshow-part {
			width:100%;
			background-repeat: no-repeat;
			background-position: center center;
			/*min-width: 960px;*/
			z-index:10;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
				.page-home .slideshow.ratio-height .slideshow-part {
				background-size: auto 100%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-home .slideshow.animate .slideshow-part {
				transition: background-size 0.6s ease-in;
				-moz-transition: background-size 0.6s ease-in;
				-ms-transition: background-size 0.6s ease-in;
				-o-transition: background-size 0.6s ease-in;
				-webkit-transition: background-size 0.6s ease-in;
				}
				.page-home .slideshow.zoom .slideshow-part {
				background-size: 104% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-home .slideshow.ratio-height.zoom .slideshow-part {
				background-size: auto 104%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-home #slide-1 {
			background-image : url('img/page-home/slider-1.jpg');
            background-size: cover;
			}
			.page-home #slide-1.animate-grey {
			-webkit-animation: animGrey 0.9s ease-in;
			-moz-animation: animGrey 0.9s ease-in;
			-o-animation: animGrey 0.9s ease-in;
			-ms-animation: animGrey 0.9s ease-in;
			animation: animGrey 0.9s ease-in;
			}
				@-webkit-keyframes animGrey {
				0% { -webkit-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -webkit-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-webkit-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-moz-keyframes animGrey {
				0% { -moz-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -moz-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-moz-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-o-keyframes animGrey {
				0% { -o-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -o-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-o-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@-ms-keyframes animGrey {
				0% { -ms-filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { -ms-filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {-ms-filter: grayscale(0%) brightness(100%) contrast(100%);}
				}

				@keyframes animGrey {
				0% { filter: grayscale(100%) brightness(10%) contrast(250%);}
				30% { filter: grayscale(100%) brightness(10%) contrast(250%);}
				100% {filter: grayscale(0%) brightness(100%) contrast(100%);}
				}
			.page-home #slide-2 {
			background-image : url('img/page-home/slider-2-new.jpg');
            background-size: cover;
			}
			.page-home #slide-3 {
			background-image : url('img/page-home/slider-3.jpg');
            background-size: cover;
			}
			.page-home #slide-4 {
			background-image : url('img/page-home/slider-4.jpg');
            background-size: cover;
			}
			.page-home #slide-5 {
			background-image : url('img/page-home/slider-5.jpg');
            background-size: cover;
			}
			.page-home .slideshow-part.animate {
			z-index:20;
			-webkit-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-moz-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-o-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-ms-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			-khtml-transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			transition: all 1s cubic-bezier(1.000, 0.010, 0.330, 1);
			}
			.page-home .slideshow-part.current_active {
			z-index:15;
			}
				.page-home .slideshow .global {
				text-align: center;
				}
				.page-home .slideshow .content {
				margin: auto;
				text-transform: uppercase;
				vertical-align:middle;
				display:inline-block;
				line-height:1.2; /* on rétablit le line-height */
				padding-bottom:80px;
				}
					.page-home .slideshow .content .block-title {
					background : url('img/background-black-40.png') repeat;
					color: #fff;
          margin-top: 110px;
					margin-bottom: 90px;
					padding: 0 25px;
					}
					@media only screen and (min-width:960px) {
						.page-home .slideshow .content .block-title {
						-webkit-transform: scale(1.15);
						-moz-transform: scale(1.15);
						-ms-transform: scale(1.15);
						-o-transform: scale(1.15);
						transform: scale(1.15);
						}
					}
						.page-home .slideshow .content .block-title span {
						display: block;
						}
						.page-home .slideshow .content .block-title span.title {
						font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
						font-size: 79px;
						line-height: 79px;
						letter-spacing: 8px;
						padding: 25px 0 5px 0;
						}
							.page-home .slideshow #slide-2 .content .block-title span.title {
							letter-spacing: 11px;
							position: relative;
							left: 1px;
							}
							.page-home .slideshow #slide-3 .content .block-title span.title {
							letter-spacing: 25px;
							position: relative;
							left: 6px;
							}
						.page-home .slideshow .content .block-title span.subtitle {
						font-family: 'brandon_grotesque_light', Arial, Helvetica, sans-serif;
						font-size: 35px;
						line-height: 35px;
						letter-spacing: 10px;
						padding-bottom: 27px;
						}
					.page-home .slideshow .button-effect {
					width: auto;
					}
		.page-home .circle-mouse {
		width: 100%;
		position: absolute;
		bottom:-102px;
		z-index:1000;
		}
		.page-home .circle-mouse.show,
		html.no-csstransitions .page-home .circle-mouse {
		bottom:46px;
		}
			.page-home .circle {
			background : url('img/background-black-40.png') repeat;
			width:102px;
			height:102px;
			position: relative;
			margin: auto;
			-webkit-border-radius: 51px;
			-moz-border-radius: 51px;
			border-radius: 51px;
			behavior: url("/css/PIE.htc"); /* IE8 */
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}
			.page-home .circle-mouse.show .circle {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			}
			.page-home .circle-mouse,
			.page-home .circle-mouse .circle {
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-khtml-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
				.page-home .circle .mouse {
				background : #fff;
				background-size: 50% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				width:28px;
				height:52px;
				position: absolute;
				left:37px;
				top:25px;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;
				behavior: url("/css/PIE.htc"); /* IE8 */
				line-height: 2px;
				}
					.page-home .circle .points {
					background : url('img/page-home/mouse.gif') no-repeat;
					background-size: 100% auto;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 4px;
					height:16px;
					position: absolute;
					left:12px;
					top:5px;
					}


	/* ====== PAGES PROJET ====== */
	.page-project .block {
	}
		.page-project .block .global {
		text-align:center;
		}
			.page-project .block .number {
			font-size:15px;
			width: 27px;
			line-height: 27px;
			border:1px solid #555;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			behavior: url("/css/PIE.htc"); /* IE8 */
			text-align: center;
			display:inline-block;
			background: #fff;
			letter-spacing: 1px;
			}
			.page-project .block .title {
			font-family: 'museo_slab', Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			display:inline-block;
			background: no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			letter-spacing: 1px;
			}
				.page-project .block .title span {
				display: block;
				font-size:25px;
				line-height: 35px;
				}
		.page-project .block-dark {
		color: #fff;
		background: #0f0f0f url('img/page-project/block-dark-background.jpg') no-repeat center center;
		background-size: cover;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		}
			.page-project .block-dark .global {
			height:700px;
			}
			.page-project .block-dark .number {
			border:1px solid #fff;
			background:none;
			}
	.page-project #content {
	margin-top: 420px;
	}
    .list-of-projects #content {
	   margin-top: 120px;
        background: #000;
	}
    .list-of-projects #content .text {
        max-height: none;
	}
    ul#projects-ul-list{
        text-align: left;
        font-size: 20px;
    }
		.page-project .block {
		position: relative;
		z-index: 2;
		}


	.page-project .block-intro {
	height: 300px;
	width: 100%;
	line-height: 300px;
	background: no-repeat center center;
	background-size: cover;
	-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
	position: fixed;
	top: 120px;
	left: 0px;
	z-index: 1;
	}
		.page-project .block-intro .vertical-align {
		line-height: 10px;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		font-family: 'brandon_grotesque_thin', Arial, Helvetica, sans-serif;
		}
			.page-project .block-intro .vertical-align span {
			display: block;
			}
			.page-project .block-intro .vertical-align span.text-small {
			font-size: 26px;
			line-height: 30px;
			letter-spacing:3px;
			}
			.page-project .block-intro .vertical-align span.text-large {
			font-size: 70px;
			line-height: 96px;
			margin-top: 6px;
			letter-spacing: 8px;
                background-color: rgba(126,126,126,0.3);

			}
		/* Specific */
		.page-project-charlot .block-intro {
		background-image: url('img/page-project/charlot/block-intro.jpg');
		}
		.page-project-hotel-rdc .block-intro {
		background-image: url('img/page-project/hotel-rdc/block-intro.jpg');
		}
		.page-project-hotel-etage .block-intro {
		background-image: url('img/page-project/hotel-etage/block-intro.jpg');
		}
		.page-project-doumer .block-intro {
		background-image: url('img/page-project/doumer/block-intro-new.jpg');
		}
		.page-project-puteaux .block-intro {
		background-image: url('img/page-project/puteaux/block-intro.jpg');
		}


		.page-project .block-brief {
		background: #fff url('img/page-project/block-brief-background.jpg') repeat-x top center;
		background-size: auto 355px;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		position: relative;
		}
			.page-project .block-brief .number {
			margin-top: 75px;
			}
			.page-project .block-brief .title {
			background-image: url('img/page-project/block-brief-title.png');
			/*width: 205px;*/
			height: 85px;
			margin: -2px 0 21px 0;
			}
				.page-project .block-brief .title span {
				margin: 16px 48px 0 48px;
				}
			.page-project .block-brief .text {
			line-height: 35px;
			font-size:23px;
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			margin-bottom: 52px;
			max-height: 500px; /* Debug Chrome Android font-size */
			}
				.page-project .block-brief .text sup {
				font-size:60%;
				}
				.page-project .block-brief .text .large {
				line-height: 45px;
				font-size:30px;
				display:block;
				margin-bottom: 32px;
				}
			.page-project .block-brief .separation {
			width: 123px;
			height: 1px;
			display: inline-block;
			background: url('img/page-project/block-brief-separation.png') no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			margin-bottom: 20px;
			}


		.page-project .block-interieur {
		background: #fff;
		}
			.page-project .block-interieur .number {
			margin-top: 40px;
			}
			.page-project .block-interieur .title {
			background-image: url('img/page-project/block-interieur-title.png');
			width: 289px;
			height: 88px;
			margin: -10px 0 37px 0;
			}
				.page-project .block-interieur .title span {
				margin: 25px 50px 0 50px;
				}
			.page-project .block-interieur .switch {
			height:25px;
			text-align:center;
			margin: -50px 0 30px 0;
			position: relative;
			z-index:2;
			}
				.page-project .block-interieur .switch a {
				display:inline-block;
				font-size:13px;
				text-transform:uppercase;
				line-height:25px;
				width: 120px;
				vertical-align: top;
				}
				.page-project .block-interieur .switch a.slider-1 {
				text-align: right;
				}
				.page-project .block-interieur .switch a.slider-2 {
				text-align: left;
				}
				.page-project .block-interieur .switch a.active {
				font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
				}
				.page-project .block-interieur .switch .tools {
				border:1px solid #555;
				display:inline-block;
				vertical-align: top;
				width:54px;
				height:23px;
				-webkit-border-radius: 13px;
				-moz-border-radius: 13px;
				border-radius: 13px;
				behavior: url("/css/PIE.htc"); /* IE8 */
				position: relative;
				margin: 0 14px;
				cursor: pointer;
				}
					.page-project .block-interieur .switch .tools .round {
					display: block;
					width: 19px;
					height: 19px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					background: #000;
					position: absolute;
					left: 2px;
					top: 2px;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					}
					.page-project .block-interieur .switch .tools .round.slider-2-active {
					left: 33px;
					}
			.page-project .block-interieur .slider {
			background: #ccc;
			width: 100%;
			height: 0;
			position: relative;
			text-align:center;
			overflow:hidden;
			cursor: move; /* fallback if grab cursor is unsupported */
			cursor: grab;
			cursor: -moz-grab;
			cursor: -webkit-grab;
			}
			.page-project .block-interieur .slider:active {
			cursor: grabbing;
			cursor: -moz-grabbing;
			cursor: -webkit-grabbing;
			}
			.page-project .block-interieur .slider.active {
			height: 600px;
			}
				.page-project .block-interieur .slider .cursor {
				width: 190px;
				position: relative;
				z-index:2;
				line-height:14px;
				font-size:12px;
    			font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
				position: absolute;
				left: 50%;
				margin-left: -96px;
				top: 50%;
				margin-top: -60px;
				}
				@media only screen and (min-width:1200px) {
					.page-project .block-interieur .slider.active {
					height:800px;
					}
						.page-project .block-interieur .slider.active .cursor {
						}
				}
				@media only screen and (min-width:1400px) {
					.page-project .block-interieur .slider.active  {
					height:900px;
					}
						.page-project .block-interieur .slider.active .cursor {
						}
				}
					.page-project .block-interieur .slider .cursor .round {
					background: url('img/page-project/block-interieur-cursor.png') no-repeat;
					background-size: cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					height: 77px;
					width:77px;
					display:inline-block;
					}
					.page-project .block-interieur .slider .cursor .text {
					color: #fff;
					text-transform: uppercase;
					margin-top: 10px;
					opacity: 1;
					transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-webkit-transition: all 0.4s ease-in-out;
					}
					.page-project .block-interieur .slider .cursor .text.hide {
					opacity: 0;
					}
				.page-project .block-interieur .slider .slide {
				background: no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				height: 100%;
				width:100%;
				position: absolute;
				top:0px;
				opacity:0;
				}
					.page-project .block-interieur .slider .slide.active {
					opacity:1;
					}
				.page-project .block-interieur .slider nav {
				position: absolute;
				top: 0px;
				width:100%;
				text-align:center;
				z-index:3;
				}
					.page-project .block-interieur .slider nav ul {
					display:inline-block;
					z-index: 20;
					width:253px;
					height:52px;
					background: url('img/page-project/block-interieur-pagination.png') no-repeat;
					background-size: cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					text-align: center;
					padding:0;
					margin:0;
					}
						.page-project .block-interieur .slider nav ul li {
						display: inline-block;
						vertical-align: top;
						}
							.page-project .block-interieur .slider nav ul li a {
							display: block;
							margin: 0 4px;
							width: 20px;
							height: 20px;
							line-height:8px;
							text-indent:-99999px;
							border: 1px solid #fff;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 50%;
							behavior: url("/css/PIE.htc"); /* IE8 */
							background: #fff;
							cursor: pointer;
							-webkit-transition: all 0.1s ease-in-out;
							-moz-transition: all 0.1s ease-in-out;
							-o-transition: all 0.1s ease-in-out;
							-ms-transition: all 0.1s ease-in-out;
							-khtml-transition: all 0.1s ease-in-out;
							transition: all 0.1s ease-in-out;
							}
							.page-project .block-interieur .slider nav ul li.active a {
							background: #8C8C8C;
							}
				/* Specific */
				.page-project-charlot .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/charlot/block-interieur-1.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/charlot/block-interieur-2.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/charlot/block-interieur-3.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/charlot/block-interieur-4.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/charlot/block-interieur-5.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/charlot/block-interieur-6.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-7 {
				background-image: url('img/page-project/charlot/block-interieur-7.jpg');
				}
				.page-project-charlot .block-interieur .slider .slide-8 {
				background-image: url('img/page-project/charlot/block-interieur-8.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-1 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-1.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-2 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-2.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-1 .slide-3 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-1-3.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-1 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-1.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-2 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-2.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-3 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-3.jpg');
				}
				.page-project-hotel-rdc .block-interieur .slider-2 .slide-4 {
				background-image: url('img/page-project/hotel-rdc/block-interieur-2-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-1 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-1.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-2 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-2.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-3 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-3.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-4 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-1 .slide-5 {
				background-image: url('img/page-project/hotel-etage/block-interieur-1-5.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-1 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-1.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-2 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-2.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-3 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-3.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-4 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-4.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-5 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-5.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-6 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-6.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-7 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-7.jpg');
				}
				.page-project-hotel-etage .block-interieur .slider-2 .slide-8 {
				background-image: url('img/page-project/hotel-etage/block-interieur-2-8.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/doumer/block-interieur-new-1.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/doumer/block-interieur-new-2.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/doumer/block-interieur-new-3.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/doumer/block-interieur-new-4.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/doumer/block-interieur-new-5.jpg');
				}
				.page-project-doumer .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/doumer/block-interieur-new-6.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-1 {
				background-image: url('img/page-project/puteaux/block-interieur-1.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-2 {
				background-image: url('img/page-project/puteaux/block-interieur-2.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-3 {
				background-image: url('img/page-project/puteaux/block-interieur-3.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-4 {
				background-image: url('img/page-project/puteaux/block-interieur-4.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-5 {
				background-image: url('img/page-project/puteaux/block-interieur-5.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-6 {
				background-image: url('img/page-project/puteaux/block-interieur-6.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-7 {
				background-image: url('img/page-project/puteaux/block-interieur-7.jpg');
				}
				.page-project-puteaux .block-interieur .slider .slide-8 {
				background-image: url('img/page-project/puteaux/block-interieur-8.jpg');
				}



		.page-project .block-excerpt {
		background: #fff;
		color: #cacaca;
		height: 240px;
		}
			.page-project .block-excerpt .global .text {
			background: url('img/page-project/block-excerpt-text.png') no-repeat center 42px;
			background-size: 822px auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			font-size:32px;
			line-height: 55px;
			width: 100%;
			position: relative;
			top: 65px;
			max-height: 500px; /* Debug Chrome Android font-size */
			}
			/* Specific */
			.page-project-charlot .block-excerpt .global .text,
			.page-project-hotel-etage .block-excerpt .global .text {
			font-size:38px;
			}


		.page-project .block-hat {
		background: no-repeat center center;
		background-size: cover;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		height: 344px;
		color:#cacaca;
		}
			.page-project .block-hat .global .text {
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			display: inline-block;
			line-height: 55px;
			}
		.page-project-hotel-rdc .block-hat {
		background-image: url('img/page-project/hotel-rdc/block-hat.jpg');
		}
			.page-project-hotel-rdc .block-hat .global .text {
			background: url('img/page-project/hotel-rdc/block-hat-text.png') no-repeat center 40px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:28px;
			width: 857px;
			margin: 89px 0;
			}
		.page-project-hotel-etage .block-hat {
		background-image: url('img/page-project/hotel-etage/block-hat.jpg');
		}
			.page-project-hotel-etage .block-hat .global .text {
			background: url('img/page-project/hotel-etage/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}
		.page-project-doumer .block-hat {
		background-image: url('img/page-project/doumer/block-hat.jpg');
		}
			.page-project-doumer .block-hat .global .text {
			background: url('img/page-project/doumer/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}
		.page-project-puteaux .block-hat {
		background-image: url('img/page-project/puteaux/block-hat.jpg');
		}
			.page-project-puteaux .block-hat .global .text {
			background: url('img/page-project/puteaux/block-hat-text.png') no-repeat center 42px;
			background-size: 100% auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-size:32px;
			width: 100%;
			margin: 117px 0;
			}


		.page-project .block-plans {
		position: relative;
		}
			.page-project .block-plans .mask {
			background: url('img/background-black-60.png') repeat;
			height:700px;
			width:100%;
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			z-index:2;
			display:none;
			}
			.page-project .block-plans .number {
			margin-top: 68px;
			}
			.page-project .block-plans .title {
			background-image: url('img/page-project/block-plans-title.png');
			width: 256px;
			height: 76px;
			margin: -9px 0 21px 0;
			}
				.page-project .block-plans .title span {
				margin: 23px 75px 0 75px;
				}
			.page-project .block-plans .floor {
			background: no-repeat;
			position: absolute;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
			.page-project .block-plans.ongoing .floor {
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .floor.first-load {
			opacity: 0;
			}
				.page-project .block-plans .floor .inside {
				background: no-repeat;
				position: absolute;
				top:0px;
				left:0px;
				display:block;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				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;
				-webkit-transition: all 0.5s ease-in-out;
				}
				.page-project .block-plans .floor .inside.first-load {
				opacity: 0;
				}
				.page-project .block-plans .floor .marker {
				background: url('img/page-project/block-plans-marker.png') no-repeat;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				width:45px;
				height:45px;
				text-align:center;
				position: absolute;
				z-index:3;
				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;
				-webkit-transition: all 0.5s ease-in-out;
				}
				.page-project .block-plans .floor .marker.hide-marker {
				background-image: url('img/pixel.gif');
				}
					.page-project .block-plans .floor .marker.first-load {
					opacity:0;
					}
					.page-project .block-plans .floor .marker .hover-zone {
					width:45px;
					height:45px;
					position:absolute;
					top:0px;
					left:0px;
					z-index:2;
					cursor:pointer;
					}
					.page-project .block-plans .floor .marker .more {
					width: 315px;
					height:315px;
					background: #000 no-repeat;
					background-size:cover;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					border:10px solid #fff;
					display:block;
					-webkit-border-radius: 168px;
					-moz-border-radius: 168px;
					border-radius: 168px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					position:relative;
					display:none;
					opacity: 0;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-webkit-transform: scale(0.4);
					-moz-transform: scale(0.4);
					-ms-transform: scale(0.4);
					-o-transform: scale(0.4);
					-khtml-transform: scale(0.4);
					-webkit-transform: scale(0.4);
					}
					.page-project .block-plans .floor .marker .more.show {
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);
					-o-transform: scale(1);
					-khtml-transform: scale(1);
					-webkit-transform: scale(1);
					opacity: 1;
					}
					/* Puls effect - Begin */
					@-webkit-keyframes pulse {
						0% {
						-webkit-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-webkit-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-webkit-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Gecko/Firefox */
					@-moz-keyframes pulse {
						0% {
						-moz-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-moz-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-moz-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Presto/Opera */
					@-o-keyframes pulse {
						 0% {
						-o-transform: scale(0.3);
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						-o-transform: scale(1.5);
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						-o-transform: scale(2.5);
						transform: scale(2.5);
						opacity: 0;
						}
					}
					/* Standard */
					@keyframes pulse {
						0% {
						transform: scale(0.3);
						opacity: 0.5;
						}
						80% {
						transform: scale(1.5);
						opacity: 0;
						}
						100% {
						transform: scale(2.5);
						opacity: 0;
						}
					}
					.page-project .block-plans .floor .marker span.pulse-effect {
					width: 56px;
					height: 56px;
					display: block;
					position: absolute;
					top: -7px;
					left: -7px;
					border: 2px solid #e7e7e7;
					border-radius: 60px;
					-moz-box-shadow: 0 0 5px #bcbcbc;
					-webkit-box-shadow: 0 0 5px #bcbcbc;
					-o-box-shadow: 0 0 5px #bcbcbc;
					box-shadow: 0 0 5px #bcbcbc;
					behavior: url("/css/PIE.htc"); /* IE8 */
					-webkit-animation: pulse 1s ease-out infinite;
					-moz-animation: pulse 1s ease-out infinite;
					-o-animation: pulse 1s ease-out infinite;
					-ms-animation: pulse 1s ease-out infinite;
					animation: pulse 1s ease-out infinite;
					}
						.lt-ie9 .page-project .block-plans .floor .marker span.pulse-effect {
						display: none;
						visibility: hidden;
						}
					/* !Puls effect - Begin */
			.page-project .block-plans .switch {
			background: url('img/page-project/block-plans-switch.png') no-repeat;
			background-size: cover;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			width:233px;
			height:154px;
			position:absolute;
			top:428px;
			left:7px;
			text-align:left;
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .switch.first-load {
			opacity:0;
			}
				.page-project .block-plans .switch .clearfix {
				position: absolute;
				left:44px;
				top: 48px;
				}
					.page-project .block-plans .switch .tools {
					display:block;
					border:1px solid #fff;
					width:24px;
					height:54px;
					-webkit-border-radius: 13px;
					-moz-border-radius: 13px;
					border-radius: 13px;
					behavior: url("/css/PIE.htc"); /* IE8 */
					text-align:center;
					float:left;
					position: relative;
					cursor: pointer;
					}
						.page-project .block-plans .switch .tools .round {
						display:block;
						border:1px solid #fff;
						width:18px;
						height:18px;
						-webkit-border-radius: 13px;
						-moz-border-radius: 13px;
						border-radius: 13px;
						behavior: url("/css/PIE.htc"); /* IE8 */
						background:#8a8a8a;
						position: absolute;
						left:2px;
						bottom:3px;
						transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						-webkit-transition: all 0.2s ease-in-out;
						}
							.page-project .block-plans .switch .tools .round.active-floor-2 {
							bottom: 31px;
							}
					.page-project .block-plans .switch ul {
					list-style:none;
					margin:0 0 0 8px;
					padding:0;
					text-transform:uppercase;
					line-height:20px;
					font-size: 13px;
					float:left;
					margin-top:1px;
					}
						.page-project .block-plans .switch ul li {
						margin: 5px 0;
						}
							.page-project .block-plans .switch ul li a {
							display:block;
							color:#fff;
							}
							.page-project .block-plans .switch ul li.active a {
							font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
							}
			.page-project .block-plans .description {
			position: absolute;
			text-align:justify;
			background: url('img/page-project/block-plans-description.png') no-repeat bottom left;
			background-size: 180px auto;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			font-family: 'didot_italic', Arial, Helvetica, sans-serif;
			line-height:30px;
			font-size:18px;
			padding-bottom:15px;
			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;
			-webkit-transition: all 0.5s ease-in-out;
			}
			.page-project .block-plans .description.first-load {
			opacity: 0;
			}
				.page-project .block-plans .description p {
				padding-left: 10px;
				margin: 0 0 30px 0;
				}
			/* Specific */
			.page-project-charlot .block-plans .floor {
			width: 435px;
			height: 400px;
			top:200px;
			left:195px;
			right: auto;
			}
				.page-project-charlot .block-plans .floor .inside {
				width: 435px;
				height: 400px;
				}
			.page-project-charlot .block-plans .floor-1 {
			background-image: url('img/page-project/charlot/block-plans-ground-floor.png');
			}
				.page-project-charlot .block-plans .floor-1 .inside {
				background-image: url('img/page-project/charlot/block-plans-ground-floor-inside.png');
				}
				.page-project-charlot .block-plans .floor-1 .marker-1 {
				top:257px;
				left:344px;
				z-index: 4;
				}
					.page-project-charlot .block-plans .floor-1 .marker-1 .more {
					background-image: url('img/page-project/charlot/block-plans-ground-floor-marker-1.jpg');
					top:-124px;
					left:-161px;
					}
				.page-project-charlot .block-plans .floor-1 .marker-2 {
				top:330px;
				left:168px;
				}
					.page-project-charlot .block-plans .floor-1 .marker-2 .more {
					background-image: url('img/page-project/charlot/block-plans-ground-floor-marker-2.jpg');
					top:-184px;
					left:-167px;
					}
			.page-project-charlot .block-plans .floor-2 {
			background-image: url('img/page-project/charlot/block-plans-first-floor.png');
			display:none;
			}
				.page-project-charlot .block-plans .floor-2 .inside {
				background-image: url('img/page-project/charlot/block-plans-first-floor-inside.png');
				}
				.page-project-charlot .block-plans .floor-2 .marker-1 {
				top:34px;
				left:232px;
				}
					.page-project-charlot .block-plans .floor-2 .marker-1 .more {
					background-image: url('img/page-project/charlot/block-plans-first-floor-marker-1.jpg');
					top:-72px;
					left:-174px;
					}
			.page-project-charlot .block-plans .description {
			width:260px;
			top:210px;
			left:auto;
			right: 15px;
			}
			.page-project-hotel-rdc .block-plans .floor {
			width: 345px;
			height: 644px;
			top:30px;
			left: auto;
			right: 24px;
			background-image: url('img/page-project/hotel-rdc/block-plans-floor.png');
			}
				.page-project-hotel-rdc .block-plans .floor .inside {
				width: 345px;
				height: 644px;
				background-image: url('img/page-project/hotel-rdc/block-plans-floor-inside.png');
				}
				.page-project-hotel-rdc .block-plans .floor .marker-1 {
				top:495px;
				left:263px;
				z-index:4;
				}
					.page-project-hotel-rdc .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/hotel-rdc/block-plans-floor-marker-1.jpg');
					top:-195px;
					left:-240px;
					}
				.page-project-hotel-rdc .block-plans .floor .marker-2 {
				top:330px;
				left:50px;
				}
					.page-project-hotel-rdc .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/hotel-rdc/block-plans-floor-marker-2.jpg');
					top:-180px;
					left:-162px;
					}
			.page-project-hotel-rdc .block-plans .description {
			width:465px;
			top:236px;
			right: auto;
			left:15px;
			}
			.page-project-hotel-etage .block-plans .description {
			width:465px;
			top:226px;
			right: 15px;
			left:auto;
			padding-bottom:85px;
			background-position: 210px bottom;
			}
			.page-project-hotel-etage .block-plans .floor {
			width: 271px;
			height: 516px;
			top:128px;
			left: 90px;
			right: auto;
			background-image: url('img/page-project/hotel-etage/block-plans-floor.png');
			}
				.page-project-hotel-etage .block-plans .floor .inside {
				width: 271px;
				height: 516px;
				background-image: url('img/page-project/hotel-etage/block-plans-floor-inside.png');
				}
				.page-project-hotel-etage .block-plans .floor .marker-1 {
				top:357px;
				left:33px;
				}
					.page-project-hotel-etage .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/hotel-etage/block-plans-floor-marker-1.jpg');
					top:-152px;
					left:-116px;
					}
			.page-project-doumer .block-plans .description {
			width:465px;
			top:226px;
			right: 15px;
			left:auto;
			padding-bottom:25px;
			background-position: 210px bottom;
			}
			.page-project-doumer .block-plans .floor {
			width: 438px;
			height: 461px;
			top:167px;
			left: 14px;
			right: auto;
			background-image: url('img/page-project/doumer/block-plans-floor.png');
			}
				.page-project-doumer .block-plans .floor .inside {
				width: 438px;
				height: 461px;
				background-image: url('img/page-project/doumer/block-plans-floor-inside.png');
				}
				.page-project-doumer .block-plans .floor .marker-1 {
				top:270px;
				left:116px;
				}
					.page-project-doumer .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-1.jpg');
					top:-161px;
					left:-158px;
					}
				.page-project-doumer .block-plans .floor .marker-2 {
				top:312px;
				left:242px;
				}
					.page-project-doumer .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-2.jpg');
					top:-174px;
					left:-206px;
					}
				.page-project-doumer .block-plans .floor .marker-3 {
				top:325px;
				left:326px;
				}
					.page-project-doumer .block-plans .floor .marker-3 .more {
					background-image: url('img/page-project/doumer/block-plans-floor-marker-3.jpg');
					top:-158px;
					left:-134px;
					}








			.page-project-puteaux .block-plans .floor {
			width: 427px;
			height: 561px;
			top:95px;
			left: auto;
			right: 5px;
			background-image: url('img/page-project/puteaux/block-plans-floor.png');
			}
				.page-project-puteaux .block-plans .floor .inside {
				width: 427px;
				height: 561px;
				background-image: url('img/page-project/puteaux/block-plans-floor-inside.png');
				}
			.page-project-puteaux .block-plans .description {
			width:465px;
			top:236px;
			right: auto;
			left:15px;
			}
				.page-project-puteaux .block-plans .floor .marker-1 {
				top:99px;
				left:196px;
				}
					.page-project-puteaux .block-plans .floor .marker-1 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-1.jpg');
					top:-138px;
					left:-68px;
					}
				.page-project-puteaux .block-plans .floor .marker-2 {
				top:178px;
				left:52px;
				}
					.page-project-puteaux .block-plans .floor .marker-2 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-2.jpg');
					top:-161px;
					left:-126px;
					}
				.page-project-puteaux .block-plans .floor .marker-3 {
				top:257px;
				left:343px;
				}
					.page-project-puteaux .block-plans .floor .marker-3 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-3.jpg');
					top:-183px;
					left:-271px;
					}
				.page-project-puteaux .block-plans .floor .marker-4 {
				top:328px;
				left:57px;
				}
					.page-project-puteaux .block-plans .floor .marker-4 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-4.jpg');
					top:-101px;
					left:-142px;
					}
				.page-project-puteaux .block-plans .floor .marker-5 {
				top:497px;
				left:262px;
				}
					.page-project-puteaux .block-plans .floor .marker-5 .more {
					background-image: url('img/page-project/puteaux/block-plans-floor-marker-5.jpg');
					top:-238px;
					left:-217px;
					}


		.page-project .block-mobilier {
		background: #fff;
		color: #000;
		}
			.page-project .block-mobilier .number {
			margin-top: 98px;
			}
			.page-project .block-mobilier .title {
			background-image: url('img/page-project/block-mobilier-title.png');
			width: 309px;
			height: 84px;
			margin: -10px 0 50px 0;
			}
				.page-project .block-mobilier .title span {
				margin: 25px 78px 0 78px;
				}
			.page-project .block-mobilier ul {
			text-align:center;
			list-style:none;
			padding: 0;
			margin: 0;
			}
				.page-project .block-mobilier ul li {
				display: inline-block;
				width: 195px;
				height:390px;
				position: relative;
				margin: 2px 23px 48px 23px;
				-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;
				-khtml-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				}
				.page-project .block-mobilier ul li.first-load {
				opacity: 0;
				}
					.page-project .block-mobilier ul li.furniture-1 {
					margin-left: 0px;
					}
					.page-project .block-mobilier ul li.furniture-4 {
					margin-right: 0px;
					}
					.page-project .block-mobilier ul li .plinth {
					background: url('img/page-project/block-mobilier-plinth.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 51px;
					position: absolute;
					top: 125px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .shadow {
					background: url('img/page-project/block-materiaux-mobilier-shadow.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 55px;
					position: absolute;
					top: 136px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .furniture {
					background: no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					position: absolute;
					bottom: 215px;
					left:0px;
					display:block;
					}
					.page-project .block-mobilier ul li .name {
					font-size: 15px;
					position: absolute;
					top: 223px;
					text-transform: uppercase;
					text-align:center;
					width: 100%;
					font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
					font-size: 15px;
					letter-spacing: 1px;
					}
					.page-project .block-mobilier ul li .button {
					background: url('img/page-project/block-materiaux-button-plus.png') no-repeat center center;
					background-size: auto 100%;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					width: 100%;
					height: 15px;
					position: absolute;
					top: 258px;
					left:0px;
					display:block;
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-khtml-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
					}
					.page-project .block-mobilier ul li:hover .button {
					background-image: url('img/page-project/block-materiaux-button-check.png');
					}
						.page-project .block-mobilier ul li .description {
						height: 100px;
						width: 100%;
						background: #000;
						text-align:center;
						color: #fff;
						position: absolute;
						left: 0px;
						bottom: -15px;
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						z-index: 2;
						-webkit-transform: scale(0.95);
						-moz-transform: scale(0.95);
						-ms-transform: scale(0.95);
						-o-transform: scale(0.95);
						-khtml-transform: scale(0.95);
						-webkit-transform: scale(0.95);
						}
						.page-project .block-mobilier ul li:hover .description {
						opacity:1;
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						-khtml-transform: scale(1);
						-webkit-transform: scale(1);
						bottom:0px;
						}
							.page-project .block-mobilier ul li .description .subtitle {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size: 18px;
							line-height: 25px;
							padding-top: 18px;
							background: url('img/page-project/block-materiaux-separation.png') no-repeat center bottom;
							background-size: 87px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							padding: 0 0 6px 0;
							margin: 18px 0 8px 0;
							}
							.page-project .block-mobilier ul li .description .text {
							text-transform: uppercase;
							line-height: 12px;
							font-size: 10px;
							color: #6f6f6f;
							font-family: Arial, Helvetica, sans-serif;
							font-weight:bold;
							margin-bottom: 8px;
							letter-spacing: 1px;
							min-height:24px;
							}
							.page-project .block-mobilier ul li .description .arrow {
							position: absolute;
							top:-4px;
							left: 94px;
							background: #000;
							width: 8px;
							height: 8px;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							}
			/* Specific */
			.page-project-hotel-rdc .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-tabouret.png');
			height: 175px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-fauteuil.png');
			height: 165px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-table.png');
			height: 153px;
			}
			.page-project-hotel-rdc .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/hotel-rdc/block-mobilier-luminaire.png');
			height: 154px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-chaise.png');
			height: 165px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-bain.png');
			height: 119px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-fauteuil.png');
			height: 138px;
			}
			.page-project-hotel-etage .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/hotel-etage/block-mobilier-luminaire.png');
			height: 144px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-luminaire-1.png');
			height: 233px;
			bottom: 192px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .shadow {
			display:none;
			}
			.page-project-doumer .block-mobilier ul li.furniture-1 .plinth {
			z-index: 1;
			top: -45px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-art.png');
			height: 186px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-luminaire-2.png');
			height: 192px;
			}
			.page-project-doumer .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/doumer/block-mobilier-imprime.png');
			height: 158px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-1 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-fauteuil.png');
			height: 173px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-2 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-chaise.png');
			height: 201px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-3 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-miroir.png');
			height: 201px;
			}
			.page-project-puteaux .block-mobilier ul li.furniture-4 .furniture {
			background-image: url('img/page-project/puteaux/block-mobilier-luminaire.png');
			height: 191px;
			}


		.page-project .block-materiaux {
		background: #fff;
		color: #000;
		}
			.page-project .block-materiaux .number {
			margin-top: 60px;
			}
			.page-project .block-materiaux .title {
			background-image: url('img/page-project/block-materiaux-title.png');
			width: 298px;
			height: 86px;
			/* margin: -10px 0 21px 0; */
      margin: 40px 0 21px 0;
			}
				.page-project .block-materiaux .title span {
				margin: 25px 50px 0 50px;
				}
			.page-project .block-materiaux ul {
			text-align:center;
			list-style:none;
			padding: 0;
			margin: 0;
			}
				.page-project .block-materiaux ul li {
				display: inline-block;
				width: 195px;
				position: relative;
				margin: 2px 23px 160px 23px;
				-webkit-transition: all 1.5s ease-in-out;
				-moz-transition: all 1.5s ease-in-out;
				-ms-transition: all 1.5s ease-in-out;
				-o-transition: all 1.5s ease-in-out;
				-khtml-transition: all 1.5s ease-in-out;
				transition: all 1.5s ease-in-out;
				cursor:pointer;
				}
				.page-project .block-materiaux ul li.first-load {
				opacity: 0;
				}
					.page-project .block-materiaux ul li.material-1 {
					margin-left: 0px;
					}
					.page-project .block-materiaux ul li.material-4 {
					margin-right: 0px;
					}
					.page-project .block-materiaux ul li .material {
					background: url('img/page-project/block-materiaux-mobilier-shadow.png') no-repeat center bottom;
					background-size: 150px auto;
					-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-khtml-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
					position: relative;
					}
						.page-project .block-materiaux ul li .description {
						height: 100px;
						width: 100%;
						background: #000;
						text-align:center;
						color: #fff;
						position: absolute;
						left: 0px;
						top: -15px;
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						z-index: 2;
						-webkit-transform: scale(0.95);
						-moz-transform: scale(0.95);
						-ms-transform: scale(0.95);
						-o-transform: scale(0.95);
						-khtml-transform: scale(0.95);
						-webkit-transform: scale(0.95);
						}
							.page-project .block-materiaux ul li .description .subtitle {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size: 18px;
							line-height: 25px;
							padding-top: 18px;
							background: url('img/page-project/block-materiaux-separation.png') no-repeat center bottom;
							background-size: 87px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							padding: 18px 0 6px 0;
							margin-bottom: 8px;
							}
							.page-project .block-materiaux ul li .description .text {
							text-transform: uppercase;
							line-height: 12px;
							font-size: 10px;
							color: #6f6f6f;
							font-family: Arial, Helvetica, sans-serif;
							font-weight:bold;
							margin-bottom: 8px;
							letter-spacing: 1px;
							min-height:24px;
							}
							.page-project .block-materiaux ul li .description .arrow {
							position: absolute;
							bottom:-4px;
							left: 94px;
							background: #000;
							width: 8px;
							height: 8px;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							}
						.page-project .block-materiaux ul li .circle {
						background: no-repeat;
						background-size: cover;
						-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
						width: 150px;
						height: 110px;
						display: inline-block;
						margin: 72px 0 15px 0;
						text-align:center;
						cursor: pointer;
						-webkit-transform: perspective(0px) rotateX(0deg);
						-moz-transform: perspective(0px) rotateX(0deg);
						-ms-transform: perspective(0px) rotateX(0deg);
						-o-transform: perspective(0px) rotateX(0deg);
						-khtml-transform: perspective(0px) rotateX(0deg);
						transform: perspective(0px) rotateX(0deg);
						-webkit-transform-style: preserve-3d;
						-moz-transform-style: preserve-3d;
						-ms-transform-style: preserve-3d;
						-o-transform-style: preserve-3d;
						-khtml-transform-style: preserve-3d;
						transform-style: preserve-3d;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-ms-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						-khtml-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						position: relative;
						}
					.page-project .block-materiaux ul li .circle.animate {
					-webkit-animation: animBois 1s ease-out;
					}
					@-webkit-keyframes animBois {
						0% {
						top:-20px;
						-webkit-transform: perspective(0px) rotateX(40deg);
						-moz-transform: perspective(0px) rotateX(40deg);
						-ms-transform: perspective(0px) rotateX(40deg);
						-o-transform: perspective(0px) rotateX(40deg);
						-khtml-transform: perspective(0px) rotateX(40deg);
						transform: perspective(0px) rotateX(40deg);	}
						100% {
						top:0;
						-webkit-transform: perspective(0px) rotateX(0deg);
						-moz-transform: perspective(0px) rotateX(0deg);
						-ms-transform: perspective(0px) rotateX(0deg);
						-o-transform: perspective(0px) rotateX(0deg);
						-khtml-transform: perspective(0px) rotateX(0deg);
						transform: perspective(0px) rotateX(0deg);
						}
					}
								.page-project .block-materiaux ul li:hover .material .description {
								opacity: 1;
								top: 0px;
								-webkit-transform: scale(1);
								-moz-transform: scale(1);
								-ms-transform: scale(1);
								-o-transform: scale(1);
								-khtml-transform: scale(1);
								-webkit-transform: scale(1);
								}
								.page-project .block-materiaux ul li:hover .material .circle {
								-webkit-transform: perspective(0px) rotateX(23deg);
								-moz-transform: perspective(0px) rotateX(23deg);
								-ms-transform: perspective(0px) rotateX(23deg);
								-o-transform: perspective(0px) rotateX(23deg);
								-khtml-transform: perspective(0px) rotateX(23deg);
								transform: perspective(0px) rotateX(23deg);
								}
					.page-project .block-materiaux ul li .name {
					font-family: 'brandon_grotesque_bold', Arial, Helvetica, sans-serif;
					font-size:15px;
					text-transform: uppercase;
					letter-spacing: 1px;
					margin-top: 42px;
					}
			/* Specific */
			.page-project-charlot .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-parquet.png');
			}
			.page-project-charlot .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-cheminee.png');
			}
			.page-project-charlot .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-bibliotheque.png');
			}
			.page-project-charlot .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/charlot/block-materiaux-tableaux.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-parquet.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-fauteuil.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-bibliotheque.png');
			}
			.page-project-hotel-rdc .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/hotel-rdc/block-materiaux-tableaux.png');
			}
			.page-project-doumer .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-parquet.png');
			}
			.page-project-doumer .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-salle-bain.png');
			}
			.page-project-doumer .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-carreaux-ciment.png');
			}
			.page-project-doumer .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/doumer/block-materiaux-miroir.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-1 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-parquet.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-2 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-salle-bain.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-3 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-menuiserie.png');
			}
			.page-project-puteaux .block-materiaux ul li.material-4 .circle {
			background-image: url('img/page-project/puteaux/block-materiaux-miroir.png');
			}


		.page-project .block-localisation {
		}
			.page-project .block-localisation .number {
			margin-top: 68px;
			}
			.page-project .block-localisation .title {
			background-image: url('img/page-project/block-localisation-title.png');
			width: 286px;
			height: 76px;
			margin: -9px 0 21px 0;
			}
				.page-project .block-localisation .title span {
				margin: 23px 25px 0 25px;
				}
			.page-project .block-localisation .global .map {
			height: 700px;
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			-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;
			-khtml-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			}
			.page-project .block-localisation.first-load .global .map {
			opacity: 0;
			}
			/* Specific */
			.page-project-charlot .block-localisation .global {
			position: relative;
			}
				.page-project-charlot .block-localisation .global .map {
				background: url('img/page-project/charlot/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-charlot .block-localisation .address {
			position: absolute;
			top: 333px;
			left: 396px;
			width: 185px;
			height:231px;
			}
				.page-project-charlot .block-localisation .address img {
				width: 100%;
				}
				.page-project-charlot .block-localisation .address .text {
				position: absolute;
				top: 105px;
				left: 14px;
				width: 170px;
				font-family: "budhand_regular", Arial, Helvetica, sans-serif;
				font-size: 24px;
				letter-spacing: 1px;
				-webkit-transform: rotate(-48deg);
				-moz-transform: rotate(-48deg);
				-ms-transform: rotate(-48deg);
				-o-transform: rotate(-48deg);
				transform: rotate(-48deg);
				}
			.page-project-hotel-rdc .block-localisation .global {
			}
				.page-project-hotel-rdc .block-localisation .global .map {
				background: url('img/page-project/hotel-rdc/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-doumer .block-localisation .global {
			}
				.page-project-doumer .block-localisation .global .map {
				background: url('img/page-project/doumer/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-doumer .block-localisation .address {
			position: absolute;
			top: 568px;
			left: 395px;
			width: 390px;
			font-family: "budhand_regular", Arial, Helvetica, sans-serif;
			font-size: 24px;
			letter-spacing: 1px;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
			-o-transform: rotate(-2deg);
			transform: rotate(-2deg);
			color: #c9c9c9;
			}
				.page-project-doumer .block-localisation .address sup {
				font-size: 60%
				}
			.page-project-puteaux .block-localisation .global {
			}
				.page-project-puteaux .block-localisation .global .map {
				background: url('img/page-project/puteaux/block-localisation-background-map.png') no-repeat center center;
				background-size: cover;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-project-puteaux .block-localisation .address {
			position: absolute;
			top: 560px;
			left: 484px;
			width: 120px;
			font-family: "budhand_regular", Arial, Helvetica, sans-serif;
			font-size: 14px;
			letter-spacing: 1px;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
			-o-transform: rotate(-2deg);
			transform: rotate(-2deg);
			color: #c9c9c9;
			}


		.page-project .back-to-top {
		background: #fff;
		height: 115px;
		border-top: 1px solid #bfbfbf;
		text-transform:uppercase;
		font-size:14px;
		line-height:115px;
		position: relative;
		z-index: 2;
		}
			.page-project .back-to-top a {
			display: block;
			color:#bfbfbf;
			font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
			background-size: 9px 15px;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
				.page-project .back-to-top .arrow {
				width: 5px;
				height:7px;
				position:absolute;
				top:30px;
				left: 50%;
				margin-left: -3px;
				}
					.page-project .back-to-top .arrow span {
					display: block;
					position: absolute;
					background: #bfbfbf;
					width: 1px;
					height: 1px;
					}
						.page-project .back-to-top .arrow span.line {
						height:7px;
						left: 2px;
						top: 0px;
						}
						.page-project .back-to-top .arrow span.point-1 {
						left: 0px;
						top: 2px;
						}
						.page-project .back-to-top .arrow span.point-2 {
						left: 1px;
						top: 1px;
						}
						.page-project .back-to-top .arrow span.point-3 {
						left: 3px;
						top: 1px;
						}
						.page-project .back-to-top .arrow span.point-4 {
						left: 4px;
						top: 2px;
						}


		.page-project #popin-share {
		background: #fff;
		width:500px;
		margin: 50px auto;
		position: relative;
		padding-bottom:6px;
		margin-left:-250px;
		margin-top:-145px;
		z-index:1600;
		position: fixed;
		top:50%;
		left: 50%;
		display:none;
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		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;
		-webkit-transition: all 0.5s ease-in-out;
		}
			.page-project #popin-share.show {
			opacity: 1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			}
				.page-project #popin-share .text {
				text-transform: uppercase;
				font-size:20px;
				padding: 45px 0;
				}
				.page-project #popin-share .button-effect {
				width: 240px;
				line-height:46px;
				height:50px;
				font-size:15px;
				margin-bottom:23px;
				}
					.page-project #popin-share .button-effect .button {
					border: 2px solid #000;
					}
						.page-project #popin-share .button-effect .button span {
						padding: 0;
						}
						.page-project #popin-share .link .button-effect a {
						background: #000 no-repeat center center;
						}
							.page-project #popin-share .link.facebook .button-effect a {
							background-image: url('img/page-project/popin-share-facebook.png');
							background-size: 25px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
							.page-project #popin-share .link.twitter .button-effect a {
							background-image: url('img/page-project/popin-share-twitter.png');
							background-size: 29px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
							.page-project #popin-share .link.email .button-effect a {
							background-image: url('img/page-project/popin-share-email.png');
							background-size: 26px auto;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							}
				.page-project #popin-share a.close {
				text-transform: uppercase;
				color: #fff;
				font-size: 10px;
				position: absolute;
				right: 2px;
				bottom: -22px;
				}


		.page-project .block-bottom {
		background: #000;
		padding: 80px 0 160px 0;
		position: relative;
		}
			.page-project .block-bottom .global {
			text-align:center;
			}
				.page-project .block-bottom .arrow-block {
				background: #fff no-repeat center center;
				background-size: 9px auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				display:inline-block;
				height:50px;
				width:46px;
				position: relative;
				}
				.page-project .block-bottom .previous {
				position: absolute;
				left:0px;
				top:0px;
				}
					.page-project .block-bottom .previous .arrow-block .arrow {
					width: 7px;
					height:5px;
					position:absolute;
					top:22px;
					left: 19px;
					}
							.page-project .block-bottom .previous .arrow-block .arrow span {
							display: block;
							position: absolute;
							background: #000;
							width: 1px;
							height: 1px;
							}
								.page-project .block-bottom .previous .arrow-block .arrow span.line {
								width: 7px;
								left: 0px;
								top: 2px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-1 {
								left: 2px;
								top: 0px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-2 {
								left: 1px;
								top: 1px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-3 {
								left: 1px;
								top: 3px;
								}
								.page-project .block-bottom .previous .arrow-block .arrow span.point-4 {
								left: 2px;
								top: 4px;
								}
					.page-project .block-bottom .previous .button-effect {
					position: relative;
					left:-6px;
					width:200px;
					}
				.page-project .block-bottom .next {
				position: absolute;
				right:0px;
				top:0px;
				}
					.page-project .block-bottom .next .arrow-block .arrow {
					width: 7px;
					height:5px;
					position:absolute;
					top:22px;
					right: 19px;
					}
							.page-project .block-bottom .next .arrow-block .arrow span {
							display: block;
							position: absolute;
							background: #000;
							width: 1px;
							height: 1px;
							}
								.page-project .block-bottom .next .arrow-block .arrow span.line {
								width: 7px;
								left: 0px;
								top: 2px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-1 {
								left: 4px;
								top: 0px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-2 {
								left: 5px;
								top: 1px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-3 {
								left: 5px;
								top: 3px;
								}
								.page-project .block-bottom .next .arrow-block .arrow span.point-4 {
								left: 4px;
								top: 4px;
								}
					.page-project .block-bottom .next .button-effect {
					position: relative;
					right:-6px;
					width:200px;
					}
				.page-project .block-bottom .button-effect {
				display: inline-block;
				width:auto;
				height:50px;
				line-height:46px;
				font-size:15px;
				vertical-align: top;
				}
					.page-project .block-bottom .global > .button-effect .button span {
					padding: 0 35px;
					}
    .instagram{
        position: absolute;
        left: 20px;
    }
    .instagram .instagram-logo-block{
        background: #fff url(img/instagram-logo-black.png) no-repeat;
        background-size: contain;
        background-position: center center;
        height: 50px;
        width: 46px;
        display: inline-block;
        position: relative;
    }
    span.button-effect.black-to-white.instagram-button {
        display: inline-block;
    }

	/* ====== PAGE BIOGRAPHIE ====== */
	.page-biography {
	}
		.page-biography h1 {
		display: none;
		}
		.page-biography .two-parts {
		/*height:580px;*/
		/*line-height:580px;*/
		}
			.page-biography .two-parts .block-left {
			background: #000;
			/*height:100%;*/ /* native browser scroll */
			width:50%;
			float: left;
                overflow: hidden; /*for firefox*/
			}
				.page-biography .two-parts .block-left .text,
                .page-biography .two-parts .block-right .text {
				/*width:95%;*/
				padding: 80px 0 50px 0;/*120px 110px 0 110px;*/
				display:inline-block;
				color: #fff;
				line-height:30px;
				vertical-align: middle;
				font-size:18px;
				text-align: justify;
				font-family: 'didot_italic', Arial, Helvetica, sans-serif;
				}
				.page-biography .two-parts .block-left .text:first-letter {
				font-size:63px;
				}
					.page-biography .two-parts .block-left .text p {
					margin: 0 0 30px 0;
					    padding-right: 15px;
					}
					.page-biography .two-parts .block-left .text ul.squares,
                    .page-biography .two-parts .block-right .text ul.squares {
					list-style: none;
					margin: 0 0 50px 0;
					padding: 0;
					text-align:center;
					padding-top:5px;
					}
						.page-biography .two-parts .block-left .text ul.squares li,
                        .page-biography .two-parts .block-right .text ul.squares li {
						width: 4px;
						height: 4px;
						display: inline-block;
						background: #fff;
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
						margin: 0 1px;
						}
			.page-biography .two-parts .block-right {
			    .page-biography .two-parts .block-rightbackground: #000;/* url('img/page-biography/biography.jpg') no-repeat center bottom;*/
			height:100%;
			width:50%;
			float: right;
            position: relative;
            right: 0;
			    display: block;
			background-size: auto 100%;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
			.page-biography .two-parts .block-right.ratio-height {
			background-size: cover;/*background-size: 100% auto;*/
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			}
            .page-biography .two-parts .biography-img-container {
                width: 75%;
                margin: 100px auto 20px auto;
                display: block;
            }
            .page-biography .two-parts .block-right .block-right-text {

            }

			@media only screen and (max-width:1024px) {
				.page-biography .two-parts .block-left {
				float: left;
				/*width: auto;*/
				/*min-width: 960px;*/
				}
			}


	/* ====== PAGE CONTACT ====== */
    .contact-background{
        background:  url('img/page-contact/contact.jpg') no-repeat center bottom;
        height:100%;
        width:50%;
        float: right;
        display: block;
        background-size: cover;
        -ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
    }
	.page-contact {
	}
		.page-contact h1 {
		display: none;
		}
		.page-contact .background {
		background: url('img/page-contact/contact.jpg') no-repeat center top;
		background-size: 104% auto;
		-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
		position: relative;
		overflow-x: hidden;
		}
			.page-contact .facebook {
			background: #fff url('img/page-contact/facebook.png') no-repeat 13px center;
			background-size: 25px 25px;
			-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
			line-height:50px;
			font-size:15px;
			width:195px;
			text-transform:uppercase;
			text-align:left;
			position: absolute;
			right:-145px;
			margin-left: 10px;
			top:315px;
			}
			.page-contact .facebook.animate {
			transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			}
			.page-contact .facebook:hover {
			right: 0px;
			}
				.page-contact .facebook a {
				display:block;
				padding-left:50px;
				}
				.page-contact .facebook .arrow {
				width: 7px;
				height:5px;
				position:absolute;
				top:22px;
				right: 10px;
				}
						.page-contact .facebook .arrow span {
						display: block;
						position: absolute;
						background: #000;
						width: 1px;
						height: 1px;
						}
							.page-contact .facebook .arrow span.line {
							width: 7px;
							left: 0px;
							top: 2px;
							}
							.page-contact .facebook .arrow span.point-1 {
							left: 4px;
							top: 0px;
							}
							.page-contact .facebook .arrow span.point-2 {
							left: 5px;
							top: 1px;
							}
							.page-contact .facebook .arrow span.point-3 {
							left: 5px;
							top: 3px;
							}
							.page-contact .facebook .arrow span.point-4 {
							left: 4px;
							top: 4px;
							}
				.page-contact .background.ratio-height {
				background-size: auto 104%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-contact .background.animate {
				transition: background-size 0.6s ease-in;
				-moz-transition: background-size 0.6s ease-in;
				-ms-transition: background-size 0.6s ease-in;
				-o-transition: background-size 0.6s ease-in;
				-webkit-transition: background-size 0.6s ease-in;
				}
				.page-contact .background.unzoom {
				background-size: 100% auto;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
				.page-contact .background.ratio-height.unzoom {
				background-size: auto 100%;
				-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
				}
			.page-contact .block {
			height: 680px;
			line-height: 680px;
			width: 500px;
			margin: auto;
			color: #fff;
			position: relative;
			}
				.page-contact .form {
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: 0px;
				right: 0px;
				background: #070707;
				}
				.page-contact .form.step-1 {
				z-index:2
				}
				.page-contact .form.step-2 {
				}
					.page-contact .form .vertical-align {
					padding: 0 60px;
					vertical-align: middle;
					display: inline-block;
					line-height: 20px;
					}
						.page-contact .form ul.squares {
						list-style: none;
						margin: 0;
						padding: 0;
						}
							.page-contact .form ul.squares li {
							width: 4px;
							height: 4px;
							display: inline-block;
							background: #fff;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							margin: 0 1px;
							}
						.page-contact .form .intro {
						}
							.page-contact .form .intro .pen {
							width: 12px;
							height: 26px;
							display:inline-block;
							background: url('img/page-contact/pen.png') no-repeat;
							background-size: 12px 26px;
							-ms-behavior: url("/css/backgroundsize.min.htc"); /* IE8 */
							margin-bottom: 13px;
							}
							.page-contact .form .intro .text {
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							font-size:20px;
							line-height: 30px;
							}
								.page-contact .form .intro .text .author {
								display: block;
								font-size:15px;
								margin-top: 2px;
								}
						.page-contact .form form {
						margin: 40px 0 28px 0;
						}
							.page-contact .form form .errors {
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							color: #C00;
							background: #fff;
							padding: 6px 0;
							font-size: 16px;
							display:none;
							}
							.page-contact .form form input[type=text],
							.page-contact .form form textarea {
							border-bottom: 2px solid #fff;
							font-size:18px;
							background: none;
							border:none;
							font-family: 'brandon_grotesque_light', Arial, Helvetica, sans-serif;
							margin-bottom: 25px;
							color: #fff;
							}
							.page-contact .form form input[type=text] {
							border-bottom: 2px solid #fff;
							padding: 0 7px;
							width: 366px;
							}
							.page-contact .form form textarea {
							border: 2px solid #fff;
							resize: none;
							padding: 5px 9px;
							width: 358px;
							height: 136px;
							margin-top: 8px;
							}
								.page-contact .form form input:-moz-placeholder,
								.page-contact .form form textarea:-moz-placeholder { /* Firefox 18- */
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input::-moz-placeholder,
								.page-contact .form form textarea::-moz-placeholder { /* Firefox 19+ */
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input::-webkit-input-placeholder,
								.page-contact .form form textarea::-webkit-input-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input:-ms-input-placeholder,
								.page-contact .form form textarea:-ms-input-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
								.page-contact .form form input.text-placeholder,
								.page-contact .form form textarea.text-placeholder {
								color: #656565;
								text-transform: uppercase;
								}
							.page-contact .form form input[type=submit] {
							width: 380px;
							background: #fff;
							text-transform: uppercase;
							font-size:19px;
							font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;
							text-align: center;
							border: none;
							padding: 14px 0;
							margin-top: 8px;
							}
								.page-contact .form form input[type=submit]:hover {
								text-indent: -99999px;
								background: #fff url('img/page-contact-submit.png') no-repeat center center;
								}
						.page-contact .form .email {
						font-size: 20px;
						margin-top: 20px;
						}
							.page-contact .form .email a {
							color: #595959;
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							}
								.page-contact .form .email a:hover {
								text-decoration: underline;
								}
						.page-contact .form .confirmation {
						padding-bottom: 60px;
						}
							.page-contact .form .confirmation .title {
							font-size: 50px;
							font-family: 'didot_italic', Arial, Helvetica, sans-serif;
							line-height: 55px;
							margin-bottom: 28px;
							}
							.page-contact .form .confirmation .text {
							font-family: 'brandon_grotesque_regular', Arial, Helvetica, sans-serif;
							font-size: 20px;
							color: #595959;
							}
                        .page-contact .two-parts {
                            height: 580px;
                        }


	footer {
	font-family: 'brandon_grotesque_medium', Arial, Helvetica, sans-serif;
	height: 60px;
	overflow:hidden;
	line-height: 60px;
	font-size: 15px;
	text-transform: uppercase;
	background: #fff;
	width: 100%;
	/*min-width: 960px;*/
	position: fixed;
	bottom: 0px;
	z-index:1900;
	padding-bottom: 26px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-khtml-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	}
	footer.open-submenu {
	height: 195px;
	}
		footer nav.main-menu {
		position: relative;
		height: 60px;
		}
		footer nav.main-menu .position {
		position: absolute;
		bottom: 0px;
		width: 100%;
		}
		footer nav.main-menu ul.global {
		text-align: center;
		list-style: none;
		padding: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-khtml-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		position: relative;
		top: 0;
		}
		footer nav.main-menu ul.global.hide {
		opacity: 0;
		top: 10px;
		}
		footer nav.main-menu ul.global.hide {
		opacity: 0;
		top: 10px;
		}
		html.no-opacity footer nav.main-menu ul.global.hide {
		display:none;
		}
			footer nav.main-menu ul.global li {
			display: inline-block;
			position: relative;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-khtml-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
                width:auto;
			}
				footer nav.main-menu ul.global li .arrow {
				display: block;
				height: 7px;
				line-height: 7px;
				position: absolute;
				width: 100%;
				left: 0px;
				text-align: center;
				opacity: 0;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				-khtml-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				}
					html.no-opacity footer nav.main-menu ul.global li .arrow {
					display:none;
					}
				footer nav.main-menu ul.global li .arrow.top {
				top: 16px;
				}
				footer nav.main-menu ul.global li .arrow.bottom {
				bottom: 16px;
				}
				footer nav.main-menu ul.global li:hover .arrow {
				opacity: 1;
				}
				footer nav.main-menu ul.global li:hover .arrow.top {
				top: 10px;
				}
				footer nav.main-menu ul.global li:hover .arrow.bottom {
				bottom: 10px;
				}
					footer nav.main-menu ul.global li .arrow .position {
					width: 5px;
					height: 7px;
					display:inline-block;
					background: no-repeat center center;
					text-indent: -99999px;
					font-size: 0px;
					position: relative;
					}
						footer nav.main-menu ul.global li .arrow .position span {
						display: block;
						position: absolute;
						background: #000;
						width: 1px;
						height: 1px;
						}
							footer nav.main-menu ul.global li .arrow .position span.line {
							height: 7px;
							left: 2px;
							top: 0px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-1 {
							left: 0px;
							top: 2px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-2 {
							left: 1px;
							top: 1px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-3 {
							left: 3px;
							top: 1px;
							}
							footer nav.main-menu ul.global li .arrow.top .position span.point-4 {
							left: 4px;
							top: 2px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-1 {
							left: 0px;
							bottom: 2px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-2 {
							left: 1px;
							bottom: 1px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-3 {
							left: 3px;
							bottom: 1px;
							}
							footer nav.main-menu ul.global li .arrow.bottom .position span.point-4 {
							left: 4px;
							bottom: 2px;
							}
				footer nav.main-menu ul.global.hover li {
				opacity: 0.2;
				}
				footer nav.main-menu ul.global.hover li:hover {
				opacity: 1;
				}
					footer nav.main-menu ul.global li a {
					color: #000;
					padding: 0 23px;
					display:block;
					z-index:2;
					position: relative;
					}


		footer nav.submenu {
		background: #000;
		color: #fff;
		height: 135px;
		}
		footer.ongoing nav.submenu,
		footer.close nav.submenu {
		display:none;
		}
			footer nav.submenu .global {
			}
				footer nav.submenu .global ul {
				padding: 0px;
				margin: 0px;
				width: 500px;
				line-height: 23px;
				font-size: 12px;
				text-align: center;
				padding-top: 12px;
				position: absolute;
				}
					footer nav.submenu .global ul li {
					}
						footer nav.submenu .global ul li a {
						color: #fff;
						display:block;
						    line-height: 2.8em;
						}
					footer nav.submenu .global ul li.arrow {
					display: block;
					height: 7px;
					line-height: 7px;
					position: absolute;
					width: 100%;
					left: 0px;
					top: 0px;
					text-align: center;
					}
						footer nav.submenu .global ul li.arrow .position {
						width: 7px;
						height: 7px;
						display:inline-block;
						background: no-repeat center center;
						text-indent: -99999px;
						font-size: 0px;
						position: relative;
						}
							footer nav.submenu .global ul li.arrow .position span {
							display: block;
							position: absolute;
							background: #fff;
							width: 1px;
							height: 1px;
							}
								footer nav.submenu .global ul li.arrow .position span.line {
								height: 7px;
								left: 3px;
								top: 0px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-1 {
								left: 0px;
								top: 3px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-2 {
								left: 1px;
								top: 4px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-3 {
								left: 2px;
								top: 5px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-4 {
								left: 4px;
								top: 5px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-5 {
								left: 5px;
								top: 4px;
								}
								footer nav.submenu .global ul li.arrow .position span.point-6 {
								left: 6px;
								top: 3px;
								}
                                span#copy-right-container {
                                    width: 100%;
                                    background: #fff;
                                    position: fixed;
                                    bottom: 0;
                                    line-height: 26px;
                                    left: 0;
                                    font-size: 12px;
                                    text-transform: none;
                                    /* border-top: solid 1px #666; */
                                }
                                span#copy-right-container.reverse-color {
                                    color: #fff;
                                    background-color: #000;
                                }
                                span#copy-right-container.reverse-color a{
                                    color: #fff;
                                }
/* Button effect - reveal, push out */
.button-effect  {
position: relative;
z-index: 1;
display:block;
line-height: 54px;
height: 58px;
display: inline-block;
overflow: hidden;
width: 100%;
font-size: 19px;
/* FIXME: Change font and border color*/
text-transform: uppercase;
}
	.button-effect .button {
	overflow: hidden;
	display: block;
	}
	.button-effect .button span {
	display: block;
	background: #000;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	transition: transform 0.2s;
	padding: 0 20px;
	}
	.button-effect .button::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	transition: transform 0.2s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	padding: 2px 0;
	}
	.button-effect .button:hover span,
	.button-effect .button:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	}
	.button-effect .button:hover::before,
	.button-effect .button:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	}
		.button-effect.black-to-white .button {
		border: 2px solid #fff;
		}
			.button-effect.black-to-white .button::before {
			background: #fff;
			color: #000;
			}
			.button-effect.black-to-white .button span {
			background: none;
			color: #fff;
			}
		.button-effect.white-to-black .button {
		border: 2px solid #fff;
		}
			.button-effect.white-to-black .button::before {
			background: #000;
			color: #fff;
			}
			.button-effect.white-to-black .button span {
			background: #fff;
			color: #000;
			}
    .no-margin{
        margin-top: 0;
    }
}