html
{
	font-size:20px;
}

body:before 
{
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url("/images/fond-Website-1080x1920.jpg") no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body
{
	font-family:Arial, Helvetica, Sans-serif;
	color:white;
	background-color: #54153e;
	/*background: url("/images/fond-Website-1080x1920.jpg") no-repeat;
	background-attachment: fixed;
	background-size: cover;*/
}
	body strong
	{
		font-weight:bold;
	}
	#page 
	{
		width:100%;
		min-width: 1100px;
		position:relative;
		min-height:100%;
		overflow:hidden; 
	}

	/***HEADER***/

		header
		{
			font-size:16px;
			line-height:58px;

			background-image:url('pictos/logo.png');
			background-position:center center;
		}

	/***CONTENT***/

		/***WYSIWYG content***/

			.wysiwygContent
			{
				
			}

				.wysiwygContent p,
				.wysiwygContent ul
				{
					margin-bottom:1em;
				}
					.wysiwygContent p:last-child,
					.wysiwygContent ul:last-child,
					.wysiwygContent li:last-child
					{
						margin-bottom:0;
					}

					.wysiwygContent li
					{
						position:relative;
						padding-left:20px;
						margin-bottom:0.5em;
					}	
						.wysiwygContent li:before 
						{
						   
						}

				.wysiwygContent a
				{
					text-decoration:underline;
				}

	/***MAIN***/

		#main
		{
			/*background:url('backgrounds/main.jpg?v=1') no-repeat center top black;
			background-size:auto 100%;*/
			background-color:#54153E;
			z-index:-1;
		}
			#main .centerWrapper
			{
				height:1054px;
				z-index: 2;
			}

			#main #logo
			{
				position:absolute;
				left:50%; 
				top:405px; top:38.42504743833017%;
				margin-left:-185px;
			}

			/***Slogan***/

				#main .slogan
				{
					font-size:31px;
					line-height:34px; line-height:1.096774193548387em;
					text-transform:uppercase;
					letter-spacing:9px;
					text-shadow: -40px -7px 1px rgba(255, 255, 255, 0.3);

					position:absolute;
					left:50%;
					top:668px; top:63.37760910815939%;
					margin-left:-275px;
				}
					#main .slogan .line2
					{
						padding-left:294px;
					}

			/***Team***/

				#main #team
				{
					text-align:center;

					position:absolute;
					left:0; right:0; bottom:60px;
				}

					#main #team .title
					{
						font-size:17px;
						letter-spacing:2px;

						margin-bottom:10px;
					}

					#main #team .members
					{
						font-size:0;

						margin-bottom:20px;
					}
						#main #team .members:last-child
						{
							margin-bottom:0;
						}

						#main #team .item
						{
							font-size:23px;
							line-height:32px; line-height:1.5em;
							text-transform:uppercase;

							display:inline-block;
							width:20%; width:241px;
						}

	/***SERVICES***/

		#services
		{
			padding-top:47px;
			/*height:218px;*/
			padding-bottom:49px;
		}

			#services .title
			{
				margin-bottom:26px;
				padding-top:45px;
			}

			#services p
			{
				font-size:13px;
				line-height:29px;
				text-align:center;
				letter-spacing:1px;
				color:white;

			}
				#services p .separator
				{
					font-weight:bold;

					margin:0 2px;
				}

	/***SECTION 2***/

		#section2
		{
			background:url('backgrounds/section-2.jpg?v=1') no-repeat center top black;
			position:relative;
			background-size:auto 100%;
		}

			#section2 .centerWrapper
			{
				height:848px;
				z-index: 4;
			}

				#section2 .top
				{
					padding-top:88px;
				}
					#section2 .top .title
					{
						padding-top:80px;
					}

				/***Typos***/
				
					.typo { transition: all .4s ease-in-out; }

				
					.typo:hover
					{
						transform: scale(1.1);
					}

					#section2 #typos
					{
						position:absolute;
						left:50%; top:289px;
						margin-left:-558px;
						width:1115px; height:421px;
					}
						#section2 #typos .typo
						{
							position:absolute;
						}

							#section2 #typos .typo.barber-corner
							{
								left:210px; left:18.83408071748879%;
								bottom:134px; bottom:31.82897862232779%;
								width:356px; width:31.92825112107623%;
							}
							#section2 #typos .typo.caractere
							{
								left:97px; left:8.69955156950673%;
								top:115px; top:27.31591448931116%;
								width:227px; width:20.35874439461883%;
							}
							#section2 #typos .typo.color
							{
								left:389px; left:34.88789237668161%;
								top:112px; top:26.60332541567696%;
								width:212px; width:19.01345291479821%;
							}
							#section2 #typos .typo.conception-artistique
							{
								left:0; 
								top:75px; top:17.81472684085511%;
								width:318px; width:28.52017937219731%;
							}
							#section2 #typos .typo.soin
							{
								right:328px; right:29.41704035874439%;
								bottom:139px; bottom:33.0166270783848%;
								width:147px; width:13.18385650224215%;
							}
							#section2 #typos .typo.subtile
							{
								left:424px; left:38.02690582959641%;
								top:190px; top:45.13064133016627%;
								width:110px; width:9.86547085201794%;
							}
							#section2 #typos .typo.sun-kissed
							{
								left:580px; left:52.01793721973094%;
								bottom:41px; bottom:13.01244813278008%;
								width:37px; width:3.31838565022422%;
							}
							#section2 #typos .typo.traitement
							{
								right:51px; right:4.57399103139013%;
								top:152px; top:36.10451306413302%;
								width:375px; width:33.6322869955157%;
							}
							#section2 #typos .typo.cinq-mondes
							{
								right:203px; right:18.20627802690583%;
								bottom:40px; bottom:9.50118764845606%;
								width:274px; width:24.57399103139013%;
							}
							#section2 #typos .typo.eugene-perma
							{
								right:0; 
								bottom:122px; bottom:28.97862232779097%;
								width:290px; width:26.00896860986547%;
							}
							#section2 #typos .typo.olaplex
							{
								left:156px; left:13.99103139013453%;
								bottom:197px; bottom:46.79334916864608%;
								width:252px; width:22.60089686098655%;
							}
							#section2 #typos .typo.schwartzkopf
							{
								left:399px; left:35.7847533632287%;
								top:0;
								width:224px; width:20.08968609865471%;
							}
							#section2 #typos .typo.myriam-k
							{
								bottom: 0;
								left: 35.632%;
								width: 18.09%;
							}
							#section2 #typos .typo.l-oreal
							{
								right:132px; right:11.83856502242152%;
								top:58px; top:13.77672209026128%;
								width:321px; width:28.78923766816143%;
							}

								#section2 #typos div .typo
								{
									width:100% !important;
									height:100% !important;
								}


				/***Nav***/

					#section2 .nav
					{
						font-size:0; 
						text-align:right;

						position:absolute;
						right:61px; bottom:14px;
						z-index:10;
					}
						
						#section2 .nav .button
						{
							font-size:21px;
							line-height:53px;
							text-align:center;
							text-transform:uppercase;

							background-color:black;
							display:inline-block;
							width:148px;
							margin-left:17px;
							cursor:pointer;
							border: 1px solid black;
						}
						
						#section2 .nav .button.white
						{
						    position: absolute;
							width: 300px;
							border: 1px solid white;
							background: transparent;
							    right: 118%;
						}
						
						#section2 .nav .button.white:hover
						{
							border: 1px solid black;
							background: black;
							transition: 0.3s all linear;
						}

			/***Gallery***/

				#section2 #gallery
				{
					background:url('backgrounds/transparent-black.png');
					position:absolute;
					left:0; top:0; right:0; bottom:0;
					z-index:5;
				}

					#section2 #gallery .wrapper
					{
						position:absolute;
						width:624px;
						left:50%; top:20%;
						margin-left:-312px;
					}

					#section2 #gallery #closeGallery_btn
					{
						position:absolute;
						width:26px; height:26px;
						right:-13px; top:-13px;
						background-image:url('buttons/close-gallery.jpg');
						cursor:pointer;
					}

					/*** FancyBox ***/

						.fancybox-close
						{
							background-image: url('buttons/close-gallery.jpg');
							background-size: 26px;
							right: -11px;
    						top: 0;
						}

						.fancybox-skin {
    						background: none;
						}

						.fancybox-next span
						{
							border-color: transparent transparent transparent #ba9665;
						    border-style: solid;
						    border-width: 19px 0 19px 20px;
						    height: 0;
						    /*right: -25px;*/
						    width: 0;
							
							visibility: visible;
						}

						.fancybox-prev span
						{
							background-image: none;
						 	border-color: transparent #ba9665 transparent transparent;
						    border-style: solid;
						    border-width: 19px 20px 19px 0;
						    height: 0;
						    /*left: -25px;*/
						    width: 0;
							visibility: visible;
    					}
						
						 .fancybox-prev span
						{
						    background-image: none;
						}
					

					/***Zoom***/

						#section2 #gallery .zoom
						{
							position:relative;
							margin-bottom:10px;
							cursor:pointer;
						}
							#section2 #gallery .zoom .photo
							{
								position:absolute;
								left:0; top:0;
							}
								#section2 #gallery .zoom .photo:last-child
								{
									position:relative;
								}

					/***Thumbs***/

						#section2 #gallery .thumbs
						{
							position:relative;
							width:522px;
							margin:0 auto;
						}

							#section2 #gallery .thumbs .overflow
							{
								position:relative;
								overflow:hidden;
							}

								#section2 #gallery .thumbs .slider
								{
									position:relative;
									width:100%;
									font-size:0; 
									white-space:nowrap;
								}

									#section2 #gallery .thumbs .photo
									{
										display:inline-block;
										margin:0 5px;
										opacity:0.5;
										cursor:pointer;
									}
										#section2 #gallery .thumbs .photo.active,
										#section2 #gallery .thumbs .photo:hover
										{
											opacity:1;
										}

						/***Nav***/

							#section2 #gallery .previous,
							#section2 #gallery .next
							{
								position:absolute;
								top:50%; margin-top:-19px;
								cursor:pointer;
							}

							#section2 #gallery .previous
							{
								left:-25px;
								width: 0;
								height: 0;
								border-style: solid;
								border-width: 19px 20px 19px 0;
								border-color: transparent #ba9665 transparent transparent;
							}
							#section2 #gallery .next
							{
								right:-25px;
								width: 0;
								height: 0;
								border-style: solid;
								border-width: 19px 0 19px 20px;
								border-color: transparent transparent transparent #ba9665;
							}

	/***FOOTER***/

		footer
		{
			padding-top:28px;
			padding-bottom:40px;
		}

		/***Title***/

			footer .title
			{
				font-size:0;
				text-align:center;

				max-width:1070px;
				margin-left:auto;
				margin-right:auto;
				position:relative;
				margin-bottom:24px;
			}
				footer .title::before
				{
					content:" ";
					display:block;
					width:100%;height:1px;
					background-color:white;
					position:absolute;
					left:0; right:0;
					top:50%;
					margin-top:-1px;
				}
				footer .title span
				{
					font-size:17px;
					text-transform:uppercase;
					letter-spacing:1px;
					word-spacing:4px;
					font-weight:400;

					display:inline-block;
					padding:0 20px;
					position:relative;
				}

		/***Blocks***/

			footer .blocks
			{
				font-size:0;
				text-align:center;
			}

				footer .blocks .block
				{
					font-size:13px;
					line-height:27px;
					text-align:left;

					display:inline-block;
					position:relative;
					vertical-align:top;
				}
					footer .blocks .block::before
					{
						position:absolute;
						content:" ";
						display:block;
						width:1px;
						background-color:white;
						left:-12px; top:10px; bottom:8px;
					}

					footer .blocks .block.left
					{
						width:448px;
					}