html { font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ }

	* { margin:0; padding:0; outline:0 }




	html, body { height:100%; }









#body0 {
	position:absolute;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#DDDDDD;
	font-size: 15px;
	line-height:20px;
	}


#body {
	position:absolute;
	margin: 0;
	padding: 0;
  	font: 400 14px/1.8 "Lato", sans-serif;
  	color: #777;
	background-color:#FFFFFF;
	color:#222222;
	line-height:20px;
	}

	h1 {
		font-family: 'book antiqua', palatino;
		display:block;
		color:#000000;
		font-style:italic;
		font-weight:400;
		font-size:20px;
	        }		

	h2 {
		font-family: 'book antiqua', palatino;
		display:block;
		color:#000000;
		font-weight:400;
		font-style:italic;
		font-size:24px;
	        }		



		a {color:#000000;}

		a:link { 
			text-decoration:underline}

		a:visited { 
			text-decoration:none}

                a:hover {
			text-decoration:none;
			color:#000000 ;
			padding:0;
                        }





	#image {
		position:relative;
		width: 100%;
		height: 100%;
	     }





#logo0  {
 width:100px;
	}

/* iframe {
/*     display: block;       /* iframes are inline by default */
 /*    background: #fff;
/*     border: none;         /* Reset default border */
/*     height: 100vh;        /* Viewport-relative units */
/*     width: 100vw;
/* }*/

#menu  {
 	position:fixed;
	left:-5px;
	top:30px;
	list-style: none;
    	z-index: 1;
    	background: #FCFCFC;
	color:#000000;
    	border:0;
    	margin: 0;
    	padding: 0;
    	padding-top: 5px;
    	padding-left: 10px;
    	padding-bottom: 15px;
    	width:180px;
    	line-height:25px;
    	list-style: none;
	text-align:center;
	border-radius: 2px 2px 2px 2px;  
	box-shadow: 2px 2px 2px #F0F0F0;
	opacity:1;
	font-weight:800;
	}


#menu a 	{  
        	text-decoration:none;  
		color:#333333;
        	padding: 0px;  
		line-height:20px;
		font-weight:400;
    		}  

#menu a:hover {  
        	text-decoration:none;  
		color:#000000;
		font-weight:400;
    		}  


 

.logo		{
		line-height:40px;
		}  



.apropos {
		font-family: 'book antiqua', palatino;
		position:relative;
		font-size:18px;
		margin-left: 15px;
		font-style:normal;
	     }

.apropos a {
	color:#DDDDDD;
	text-decoration:none;
	}
.apropos a:hover {
	color:#DDDDDD;
	text-decoration:underline;
	}

 
.contact  {
	list-style: none;
	z-index:3000;
    	background: #080808;
	color:#DDDDDD;
	padding:10px;
	line-height:20px;
	font-size:14px;
	border-radius: 2px 2px 2px 2px;  
	box-shadow: 3px 3px 3px #222;
	opacity:0.8;
	text-align:center;
	z-index:5000;
 	min-height: 100%;
	}
.contact a {
	color:#DDDDDD;
	text-decoration:none;
	}
.contact a:hover {
	color:#DDDDDD;
	text-decoration:underline;
	}

.textW  {
	color:#FFFFFF;
	line-height:30px;
	}


	.superpoz0 {
	    	}
	.superpoz {
		position:absolute;
		left:0%;
	    	}


	.actu {
		font-family: 'book antiqua', palatino;
		position:relative;
		color:#666666;
		top: 0px;
		margin-top: 100px;
		font-style:normal;
		padding-top:0px;
		line-height:22px;
		margin-left:0px;
		font-size:16px;
	    	}

	.actu img {
		display:inline;
		position:relative;
		margin-bottom:0px;
		z-index:100;
	     }

	.actu h1 {
		font-family: 'book antiqua', palatino;
		font-variant: small-caps;
		display:block;
		color:#000000;
		font-weight:800;
		font-size:30px;
		margin-bottom:0px;
		padding-bottom:20px;
		padding-top:10px;
		line-height:30px;
	        }	
	.actu h1 {
		font-family: 'book antiqua', palatino;
		font-variant: normal;
		color:#000000;
		font-style:italic;
		font-weight:400;
		font-size:18px;
		line-height:20px
		margin-bottom:0px;
		padding-bottom:15px;
	        }

	.actu h2 {
		font-family: 'book antiqua', palatino;
		display:block;
		color:#000000;
		font-style:italic;
		font-weight:800;
		font-size:16px;
		margin-bottom:5px;
		margin-top:12px;
		padding-bottom:0px;
		padding-top:10px;
		line-height:14px;
	     }
	.actu h0 {


		font: 400 14px/1.8 "Lato", sans-serif;
		display:block;
		color:#222222;
		font-weight:400;
		margin-bottom:0px;
		padding-bottom:30px;
		padding-top:10px;
		line-height:30px;
	     }

	.actu a {
		text-decoration:none;
		color:#6bcff8;
	     }

	.actu a:hover {
		text-decoration:underline;
		color:#6bcff8;
	     }


	.centerimage {
		text-align:center;
	     }

	.margimage {
		position:relative;
		margin-left:230px;
	     }

	.textcontact {
		font-family: 'book antiqua', palatino;
		font: 400 16px/1.8 "Lato", sans-serif;
		position:relative;
		color:#222222;
		margin-left: 0px;
		margin-top: 0px;
		margin-Bottom: 00px;
		top:0px;
		font-style:normal;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
		line-height:30px;
		text-align:center;
	     }


	.textcontact a {
		color:#000000;
		font-style:normal;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
		line-height:20px;
		text-decoration:underline;
	     }
	.textcontact a:hover {
		color:#555555;
		text-decoration:underline;
	     }




	.legendW {
		font-family: 'book antiqua', palatino;
		position:relative;
		color:#DDDDDD;
		margin-left: 230px;
		margin-top: 230px;
		margin-bottom: 0px;
		top:0px;
		font-size:14px;
		font-style:normal;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:200px;
		line-height:20px;
		text-align:left;
	     }
	.legendW h1 {
		font-family: 'book antiqua', palatino;
		font-variant: normal;
		color:#FFFFFF;
		font-style:italic;
		font-weight:800;
		font-size:17px;
		line-height:20px
		margin-bottom:0px;
		padding-bottom:15px;
	        }


	.legend {
		font-family: 'book antiqua', palatino;
		position:relative;
		color:#222222;
		margin-left: 230px;
		margin-top: 30px;
		margin-Bottom: 200px;
		top:0px;
		font-size:14px;
		font-style:normal;
		padding-left:0px;
		padding-right:20px;
		padding-top:0px;
		padding-bottom:0px;
		line-height:20px;
	     }

	.legend a {
		font-family: 'book antiqua', palatino;
		color:#000000;
		font-style:normal;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
		line-height:20px;
		text-decoration:underline;
	     }
	.legend a:hover {
		color:#555555;
		text-decoration:underline;
	     }

	.legend h1 {
		font-family: 'book antiqua', palatino;
		font-variant: normal;
		color:#000000;
		font-style:italic;
		font-weight:800;
		font-size:17px;
		line-height:20px
		margin-bottom:0px;
		padding-bottom:15px;
	        }

	.legend img {
		font-family: 'book antiqua', palatino;
		display:inline;
		left: 0px;
		top:0px;
		font-style:normal;
		padding-left:0px;
		padding-right:10px;
		padding-top:30px;
		padding-bottom:0px;
		vertical-align:middle;
		margin:0;
		opacity:0.5;
	     }

	.legend img:hover {
		opacity:1;
	     }










/*-------------- PARALAX-----------------*/


.bgblank 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
 background-size:  auto 100%;

}

.bgblank2
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size:  cover;
  background-color: white;
  z-index:1000;
}


.box_0,
.box_1,
.box_2,
.box_3,
.box_4,
.box_5,
.box_6,
.box_7,
.box_8,
.box_9
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
 background-size: auto 100vh;
  background-color: #FFF;
  z-index:1000;
    }

@media screen and (max-width: 1024px) {
.box_0 .box_1, .box_2, .box_3, .box_4, .box_5, .box_6, .box_7, .box_8, .box_9 {
background-attachment: scroll !important;
background-size: 16px 90px !important;
background-position: 70% 100% !important;
}
}





 /* background-size: cover;*/

.box_0 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_01.jpg");
}
.box_1 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_03.jpg");
}
.box_2 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_05.jpg");
}
.box_3 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_09.jpg");
}
.box_4 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_11.jpg");
}
.box_5 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_13.jpg");
}
.box_6 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_15.jpg");
}
.box_7 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_17.jpg");
}
.box_8 {
  background-image: url("./ARCHIVES/2007_09_BOX/BOXbuild_19.jpg");
}



.fool_0, 
.fool_1, 
.fool_2, 
.fool_3, 
.fool_4, 
.fool_5, 
.fool_6, 
.fool_7, 
.fool_8, 
.fool_9 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
 background-size: auto 90%;
  background-color: #FFF;
  z-index:1000;

}


.fool_0 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_0.jpg");
}

.fool_1 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_1.jpg");
}
.fool_2 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_2.jpg");
}
.fool_3 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_3.jpg");
}
.fool_4 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_4.jpg");
}
.fool_5 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_5.jpg");
}
.fool_6 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_6.jpg");
}
.fool_7 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_7.jpg");
}
.fool_8 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_8.jpg");
  min-height: 600px;
}
.fool_9 {
  background-image: url("./ARCHIVES/2010_05_FOOLSCREEN/FOOLSCREEN_build_9.jpg");
  min-height: 1000px;
}





.splash_1, 
.splash_2 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
 background-size: 100% auto;
  background-color: #FFF;
  z-index:1000;

}


.splash_1 {
  background-image: url("./ARCHIVES/2008_07_LOIZEAU/PISCINE015_1_2000.jpg");
 
}
.splash_2 {
  background-image: url("./ARCHIVES/2008_07_LOIZEAU/PISCINE015_4_2000.jpg");
}



.mini_1, 
.mini_2, 
.mini_3 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
 background-size:  auto 100%;
 z-index:1000;

}


.mini_1 {
  background-image: url("./ARCHIVES/2007_LAG/MINI_1_1414.jpg");
  background-color: #FFF;
  z-index:1000;
}

.mini_2 {
  background-image: url("./ARCHIVES/2007_LAG/MINI_2_1414.jpg");
  background-color: #FFF;
  z-index:1000;
}


.boom_1, 
.boom_2 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
 background-size:  auto 100%;
  background-color: #FFF;
  z-index:1000;

}



.boom_1 {
  background-image: url("./ARCHIVES/2011_01_FEUILLATTE/BOOM/BOOM_1.jpg");
  min-height: 100%;
}
.boom_2 {
  background-image: url("./ARCHIVES/2011_01_FEUILLATTE/BOOM/BOOM_2.jpg");
  min-height: 200%;
}






.yu_1, 
.yu_2, 
.yu_3, 
.yu_4, 
.yu_5, 
.yu_6, 
.yu_7, 
.yu_8, 
.yu_9, 
.yu_10, 
.yu_gif 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}


.yu_1 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_01.jpg");
}
.yu_2 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_02.jpg");
}
.yu_3 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_03.jpg");
}
.yu_4 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_04.jpg");
}
.yu_5 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_05.jpg");
}
.yu_6 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_06.jpg");
}
.yu_7 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_07.jpg");
}
.yu_8 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_08.jpg");
}
.yu_9 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_09.jpg");
}
.yu_10 {
  background-image: url("./ARCHIVES/2014_09_SWISSLIFE/YU/YUparalax_10.jpg");
}
.yu_gif {
  background-image: 
  url("./ARCHIVES/2014_09_SWISSLIFE/YU/YU_10gif.gif"), 
 url("./ARCHIVES/2014_09_SWISSLIFE/YU/YU_07.jpg") ;
}

.stereo_1, 
.stereo_2, 
.stereo_3, 
.stereo_4, 
.stereo_5 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
 background-size: 100% auto;

}


.stereo_1 {
  background-image: url("./ARCHIVES/2006_07_PAPPARAZZART/STEREO/JUMELLES17.jpg");
  min-height: 150%;
}
.stereo_2 {
  background-image: url("./ARCHIVES/2006_07_PAPPARAZZART/STEREO/JUMELLES18.jpg");
  min-height: 150%;
}
.stereo_3 {
  background-image: url("./ARCHIVES/2006_07_PAPPARAZZART/STEREO/JUMELLES07.jpg");
  min-height: 150%;
}
.stereo_4 {
  background-image: url("./ARCHIVES/2006_07_PAPPARAZZART/STEREO/JUMELLES12dark.jpg");
  min-height: 150%;
}
.stereo_5 {
  background-image: url("./ARCHIVES/2006_07_PAPPARAZZART/STEREO/JUMELLES23.jpg");
  min-height: 150%;
}





.bobba_1, 
.bobba_2, 
.bobba_3, 
.bobba_4, 
.bobba_5, 
.bobba_6, 
.bobba_7 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  z-index:1000;
  background-size: auto 100% ; 
}

.bobba_1 {
  background-image: 
  url("./ARCHIVES/2015_09_BOBBA/BOBBA_01.jpg"); 
 height: 100%;
}

.bobba_2 {
  background-image: 
  url("./ARCHIVES/2015_09_BOBBA/BOBBA_02.jpg"); 
 height: 100%;
}

.bobba_3 {
  background-image: 
  url("./ARCHIVES/2015_09_BOBBA/BOBBA_03.jpg"); 
 height: 100%;
}

.bobba_4 {
  background-image: 
  url("./ARCHIVES/2015_09_BOBBA/BOBBA_04.jpg"); 
 height: 100%;
}


.bobba_5 {
  background-image: 
  url("./ARCHIVES/2015_09_BOBBA/BOBBA_05.jpg"); 
 height: 100%;
}


.bobba_6 {
  background-image: 
  url("./ARCHIVES/2015_09_BOBBA/BOBBA_06.jpg"); 
 height: 100%;
}


.bobba_7 {
  background-image: 
  url("./ARCHIVES/2015_09_BOBBA/BOBBA_07.jpg"); 
 height: 150%;
}







.tonkar_1, 
.tonkar_2 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  z-index:1000;
/*  background-size: 100% auto; */
  background-size: cover;
}

.tonkar_1 {
  background-image: 
  url("./ARCHIVES/2011_11_CLUB22/PHENAKISTICOPE/TONKARshort_01.jpg"); 
}

.tonkar_2 {
  background-image: 
  url("./ARCHIVES/2011_11_CLUB22/PHENAKISTICOPE/TONKARshort_02.gif"), 
  url("./ARCHIVES/2011_11_CLUB22/PHENAKISTICOPE/TONKARshort_01.jpg"); 
}


.buro 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1000px 100px;
}
.buro {
  background-image: 
  url("./ARCHIVES/2014_09_SWISSLIFE/BIBLI_1800.jpg"); 
}






.poker_1, 
.poker_2 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  z-index:1000;
  background-size: auto 100% ; 
}

.poker_1 {
  background-image: 
  url("./ARCHIVES/2010_07_TROUSdeMEMOIRE/POKERprint_1000.jpg"); 
}

.poker_2 {
  background-image: 
  url("./ARCHIVES/2010_07_TROUSdeMEMOIRE/POKERinstal_1000.jpg"); 
}



.rezo_1, 
.rezo_2 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  z-index:1000;
  background-size: auto 773px ; 
}

.rezo_1 {
  background-image: 
  url("./ARCHIVES/2011_11_CLUB22/REZO/SHORT_G6_600x773.jpg"); 
}

.rezo_2 {
  background-image: 
  url("./ARCHIVES/2010_07_TROUSdeMEMOIRE/CUISINE_paralax_1.jpg"); 
}






.souvenir_1, 
.souvenir_2 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: auto 100% ; 
}

.souvenir_1 {
  background-image: 
  url("./ARCHIVES/2010_07_TROUSdeMEMOIRE/GOLF_paralax_1.jpg"); 
}

.souvenir_2 {
  background-image: 
  url("./ARCHIVES/2010_07_TROUSdeMEMOIRE/CUISINE_paralax_1.jpg"); 
}




.food_1, 
.food_2, 
.food_3, 
.food_4 
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  z-index:1000;
  background-size: auto 100% ; 
}

.food_1 {
  background-image: 
  url("./ARCHIVES/2012_01_MALBOUFFE/FASTFLOODinstal_04_2000.jpg"); 
}

.food_2 {
  background-image: 
  url("./ARCHIVES/2012_01_MALBOUFFE/FASTFLOODinstal_01post_2000.jpg"); 
}

.food_3 {
  background-image: 
  url("./ARCHIVES/2012_01_MALBOUFFE/FASTFLOODinstal_02_2000.jpg"); 
}

.food_4 {
  background-image: 
  url("./ARCHIVES/2012_01_MALBOUFFE/FASTFLOODinstal_03_2000.jpg"); 
}



	#imagestereo {
		padding-top: 15px;
		width:700px;
		height:500px;
		left: 300px;
		z-index:10;
		overflow:hidden;
	     }

	#movimage {
		position:relative;
		margin-left:-3608px;
		margin-top:-80px;
	     }

	.jumelles {
		position:relative;
		width:120vh;
	     }	   
	     
	.more {
		position:absolute;
		margin-left:230px;
		margin-top:60px;
		color:#000000;
		vertical-align:top;
		text-align:center;
	     }	     

	.vignetR {
		position:relative;
		padding-left:5px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		border-left:1px solid #555;
		border-right:1px solid #555;
		border-bottom:1px solid #555;
		border-top:1px solid #555;
		vertical-align:middle;
		font-color:black;
	     }	          
 


	.vignetLR {
		position:relative;
		padding-left:0px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		border-left:1px solid #555;
		border-right:1px solid #555;
		border-bottom:1px solid #555;
		border-top:1px solid #555;
		vertical-align:middle;
		font-color:black;
	     }	     




.clock {
  background: no-repeat center;
  height: 20em;
  position: relative;
  width: 20em;
}

.clock.simple:after {
  background: #000;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5%;
  height: 5%;
  z-index: 10;
}

.minutes-container, .hours-container, .seconds-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hours {
  background: #000;
  height: 7%;
  left: 48.75%;
  position: absolute;
  top: 43%;
  transform-origin: 50% 100%;
  width: 1.5%;
}

.minutes {
  background: #000;
  height: 10%;
  left: 49%;
  position: absolute;
  top: 48%;
  transform-origin: 50% 100%;
  width: 1%;
}

.seconds {
  background: #f00;
  height: 12%;
  left: 49.5%;
  position: absolute;
  top: 48%;
  transform-origin: 50% 80%;
  width: 0.8%;
  z-index: 8;
}


@keyframes rotate {
  100% {
    transform: rotateZ(360deg);
  }
  }




.hours-container {
  animation: rotate 43200s infinite linear;
}
.minutes-container {
  animation: rotate 3600s infinite linear;
}
.seconds-container {
  animation: rotate 60s infinite linear;
}

.minutes-container {
  animation: rotate 3600s infinite steps(60);
}
.seconds-container {
  animation: rotate 60s infinite steps(60);
}


.minutes-container {
  transition: transform 0.3s cubic-bezier(.4,2.08,.55,.44);
}
.seconds-container {
  transition: transform 0.2s cubic-bezier(.4,2.08,.55,.44);
}