/* CSS Document */

	@font-face	{
		font-family: FF_DIN_Light;
		src: url('fonts/FF_DIN_Light.otf');
	}
	
	@font-face	{
		font-family: HelveticaNeueLTPro-UltLt;
		src: url('fonts/HelveticaNeueLTPro-UltLt.otf');
	}
	
	@font-face	{
		font-family: HelveticaNeueLTPro-Th;
		src: url('fonts/HelveticaNeueLTPro-Th.otf');
	}
	
	@font-face	{
		font-family: HelveticaNeueLTPro-Lt;
		src: url('fonts/HelveticaNeueLTPro-Lt.otf');
	}
	
	@font-face	{
		font-family: botonlight;
		src: url('fonts/botonlight.otf');
	}
	
	@font-face	{
		font-family: botonregular;
		src: url('fonts/botonregular.otf');
	}
	
	@font-face	{
		font-family: botonmedium;
		src: url('fonts/botonmedium.otf');
	}


/************************************************************************************
 * Page
 ************************************************************************************/
 
 	body#bodyk2	{
		width:100%;
		margin:0;
		padding:0;
		overflow:hidden;
		background:url(images/fonds/bg-001.jpg) no-repeat top center fixed; 
		-moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: cover;           /* Opera 9.5 */
   		-webkit-background-size: cover;           /* Safari 3.0 */
        background-size: cover;           /* Gecko 2.0 (Firefox 4.0) et les autres navigateurs gérant CSS3 */ 
		/*background-position:top center;
		background-repeat:no-repeat;*/
	}

	body#bodyk	{
		width:100%;
		height:auto;
		overflow:hidden;
		background-position: center;
		background-attachment:fixed;
		-moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: cover;           /* Opera 9.5 */
   		-webkit-background-size: cover;           /* Safari 3.0 */
        background-size: cover;
		background-repeat:no-repeat;
	}

	body#bodyk3	{
		width:100%;
		height:1560px;
		overflow:hidden;
		background-color:#4f5948;
		
	}
	
	div#fond	{
		display: block;
		width:100%;
		height: 100%;
		position:absolute;
		z-index: 100;
		overflow: scroll;
		/*border: 1px solid #F00;*/
		
	}
	
	table#fond2	{
		width:100%;
		height: 100%;
		position:fixed;
		z-index: 100;
	}
	
	table#fond2	td {
		vertical-align: middle;
	}
	
	table.galerie	{
		width:100%;
		height: 100%;
		position:fixed;
		z-index: 100;
	}
	
	table.galerie	td {
		vertical-align: middle;
	}
	
	/*div#cartouche	{
		width: 200px;
		height: 50px;
		background-color: #F00;
		font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		color: #000;
		margin: 20% auto;		
		
	}*/
	
	p.cartouche	{
		display: block;
		min-width: 300px;
		width: 21%;
		height: 25px;
		/*background-color: #000;*/
		background: #000;
		font-family: HelveticaNeueLTPro-Lt, Helvetica, Arial, sans-serif;
		font-size: 12px;
		/*color: #999;*/
		letter-spacing: 0.1em;
		padding-top: 1.3em;
		opacity:0.80;
		position:relative;
		top: -0.5em;
	}
	
	p.cartouche	b	{
		font-family: HelveticaNeueLTPro-Md, Helvetica, Arial, sans-serif;
		font-weight: 400;
		/*color: #CCC;*/
	}
	p.meniou	{
		width: 100%;
		height: 100%;
		font-family: HelveticaNeueLTPro-UltLt, Helvetica, Arial, sans-serif;
		font-size: 90px;
		color: #FFF;
		margin: 2% auto;
		line-height: 150%;
	}
	
	div.contact-fond	{
		display:none;
		width:100%;
		height:100%;
		position:absolute;
		z-index: 10000;
		opacity:0.95;
		background-color:#333;
		/*border: 1px solid #F00;*/
		
	}
	
	div.contact-fond	img	{
		margin-top:250px;
	}
	
	div#fond2	{
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		z-index: 100;
		overflow:hidden;
		background:url(images/kwlski-logo-zoom1.png) top center fixed no-repeat;
		/*border: 1px solid #F00;*/
		
	}
		
	div#header	{
		display:block;
		position:relative;
		top: 0px;
		overflow:hidden;
		z-index:1000;
		background-image:url(images/kwlski-logo-header-suite.png);
		background-position: top;
		background-repeat: no-repeat;
		margin: 0 0 50 0;
		 /*border: 1px solid #F00;*/
	}
	
	div#header p	{
		font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		display:block;
		position:relative;
		width:624px;
		text-align:center;
		font-size:10pt;
		line-height:10pt;
		letter-spacing:0.1em;
		padding: 0;
		margin: 20px auto;
		color:#000;
		opacity: 1.0;
		/*border:1px solid #FFF;*/
	}
	
	div#header	p	a	{
		display:inline-block;
		margin: 0 5px;
	}
	
	div#header	ul	{
		text-align:left;
		width:100px;
		margin: 10px auto 100px auto;
		font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		font-size:9pt;
		line-height:15pt;
		letter-spacing:0.1em;
		/*border:1px solid #CCC;*/
	}
	
	div#header	ul#zoom	{
		text-align:center;
		width:200px;
		margin: -10px auto;
		overflow:hidden;
		padding: 0 0 0px 40px;
		/*border:1px solid #999;*/
	}
		
	div#ligne	{
		display:block;
		position:relative;
		top: 0px;
		z-index:1000;
		max-width:1280px;
		margin: 0px auto 0 auto;
		/*border: 1px solid #F00;*/
	}
	
	/*div#ligne	a	img	{
		max-width:27%;
		margin : 0px 0px;
	
	}*/
	
	div#ligne	img	{
		max-width:30%;
		margin : 0px 0px;
	
	}
	
	a.suivante	{
		display:inline-block;
		font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		color: #BBB;
		text-decoration:none;
		font-size:13px;
		margin : 40px 0px 0px 0px;
		line-height: 13px;
		width: 120px;
	
	}
	
	a.suivante:hover	{
		color: #FFF;
	}
	
	a.top	{
		display:block;
		font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		color: #BBB;
		text-decoration:none;
		font-size:10px;
		margin : 5px 0px 10px 0px;
		width: 120px;
		/*border: 1px solid #BBB;*/
	
	}
	
	a.top:hover	{
		color: #FFF;
	}
	
	/*img.vignette	{
		min-width:30%;
		max-width:37%;
		margin : 10px 10px;
		display:inline-block;
	
	}*/
	
	p.info	{
		display:inline-block;
		font-family:  HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		color: #FFF;
		background-color: #036;
		padding: 30px;
		max-width: 700px;
		height: 456px;
		margin: 0px 0px;
		vertical-align:top;
	}
	
	div#ligne	a	{
		margin : 0 0 0 0;
	}
		
	div#colonne	{
		display:block;
		position:relative;
		top: 0px;
		z-index:1000;
		width:100%;
		margin: 0px auto 0 auto;
		coverflow : visible;
		/*border: 1px solid #F00;*/
	}
	
	div#colonne	img	{
		display:block;
		max-width:95%;
		height:auto;
		margin : 80px 0;
	}
	
	div#piedpage	{
		display: block;
		width: 100%;
		height: 50px;
		bottom: 0px;
		font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		color:#000;
		font-size:13px;
		letter-spacing: 0.1em;
		line-height: 14px;
	}
	
	div#piedpage	p	{
		margin: 10px auto;
		/*border: solid 1px;*/	
	}
	
	div#piedpage	p	a	{
		font-size: 12px;
		color:#000;
		text-decoration: none; 	
	}
	
	div#piedpage	p	a:hover	{
		color:#FFF;
		text-decoration: none; 	
	}
	
	li.link3	{
		display:block;
		text-align:center;
		float: left;
		color:#555;
		margin: 0 0 0 20px;
	}
	
	li.link1	{
		display:none;
		color:#000;
		margin: 0 0 0 45px;
	}
	
	li.link0	{
		display:block;
		color:#000;
		margin: 0 0 0 45px;
	}
	
	a.menu	{
		color:#000;
		font-size:9px;
		text-decoration:none;
		margin:0 10 0 10px;
	}
	
	a.menuOn	{
		color:#BBB;
		font-family: HelveticaNeueLTPro-Lt, Helvetica, Arial, sans-serif;
		font-size:9px;
		text-decoration:none;
		margin:0 10 0 10px;
	}
	
	a.menu:hover	{
		color:#CCC;
		text-decoration:none;
	}
	
	a.menuC	{
		color:#555;
		text-decoration:none;
	}
	
	ul li .menuC:hover	{
		color:#CCC;
		text-decoration:none;
	}

    p.contact   {
        display: inline-block;
        margin-top: 45vh;
        margin-bottom: -50px;
        transform: translateY(-50%);
        font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
        font-size: 1.5em;
        letter-spacing: 0.08em;
        color: white;
        opacity: 0.6;
    }

    p.contact   span   {
        display: inline-block;
        margin-top: 10px;
        font-size: 0.7em;
        line-height: 1.2em;
    }
	
	div#OBJ_11	{
		display:none;
		position:absolute;
		width:100%;
		bottom:0px;
		font-family: HelveticaNeueLTPro-Th, Helvetica, Arial, sans-serif;
		font-size:9pt;
		line-height:11pt;
		letter-spacing:0.1em;
		text-align:center;
		padding: 10px 0;
		color:#fff;
		background-color:#333;
		opacity: 0.0;/* l'opacite que vous voulez au depart */
    	border: none;/* enlever les border d'une image en lien */
    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    	filter: alpha(opacity = 25); /* Hack IE 5-7 */
    	-webkit-transition: opacity 0.45s ease-in-out;/* transition pour Chrome et Safari */
    	-moz-transition: opacity 0.45s ease-in-out;/* transition pour Firefox */
    	-o-transition: opacity 0.45s ease-in-out;/* transition pour Opéra */
    	transition: opacity 0.45s ease-in-out;
		z-index:10000;
		/*border:1px solid #F00;*/
	}
	
	div.definition	{
		position:absolute;
		display:block;
		width:100%;
		bottom: 0px;
		z-index:50;
		/*opacity:0.5;
		background-color:#FFF;*/
	}
	
	div.definition p	{
		font-family: HelveticaNeueLTPro-Lt, Helvetica, Arial, sans-serif;
		text-align:center;
		display:block;
		width:824px;
		font-size:10pt;
		line-height:11pt;
		padding: 0 100px 0 100px;
		margin: 20px auto;
		color:#999;
		opacity: 1.0;
		/*border:1px solid #000;*/
	}
	
/***********************
PAGE ZOOM
***********************/

	div.zoom	{
		position:relative;
		display:block;
		max-width:1024px;
		min-width:800px;
		max-height:768px;
		min-height:660px;
		margin: 0 auto;
		top:-68px;
		z-index:10;
		/*border: 1px solid #000;*/
	}
	
	div.big	{
		position:absolute;
		display:none;
		width: 100%;
		height:100%;
		background-position: top center;
		background-attachment:fixed;
		-moz-background-size: auto 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: auto 100%;           /* Opera 9.5 */
   		-webkit-background-size: auto 100%;           /* Safari 3.0 */
        background-size: auto 100%;
		background-repeat:no-repeat;
		z-index:-1;
	}
	
	div.bigB	{
		position:absolute;
		display:none;
		width: 100%;
		height:100%;
		background-position:center;
		background-attachment:fixed;
		-moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
        -o-background-size: cover;           /* Opera 9.5 */
   		-webkit-background-size: cover;           /* Safari 3.0 */
        background-size: cover;
		background-repeat:no-repeat;
		z-index:-1;
	}
	
	div.nav	{
		position:absolute;
		display:block;
		width:100%;
		height:38px;
		bottom: 0px;
		z-index:500;
		/*border: 1px solid #666;*/
	}
	
	div.nav2	{
		position:absolute;
		display:block;
		width:100%;
		height:38px;
		top: 730px;
		z-index:500;
		/*border: 1px solid #666;*/
	}
	
	div.vignettes	img	{
		float:left;
		margin: 0 5px 0 0;
		border:none;
	}
	
	div.vignettes	{
		position:relative;
		display:block;
		width:1024px;
		height:38px;
		bottom: 0px;
		margin: 0 auto 0 auto;
		z-index:600;
		/*border: 1px solid #666;*/
	}
	
	div.vignettes	a	{
		border:none;
	}
	
	div.onglet	{
		position:relative;
		display:block;
		z-index:10;
		margin: 0 auto;
		width:74px;
		bottom:0px;
	}