/* commentaire */

	.activeGPUacceleration {
		transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		
	   -webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	   -ms-backface-visibility: hidden;
	   backface-visibility: hidden;

	   -webkit-perspective: 1000;
	   -moz-perspective: 1000;
	   -ms-perspective: 1000;
	   perspective: 1000;
	   /* Other transform properties here */
	}


	body {
		width: 1vw !important;
		
		overflow-x: hidden;
		overflow-y: hidden;
		font-family: 'Amaranth', 'Nanum Pen Script', 'Caveat', 'Neucha', 'Rancho', 'Montez', 'Engagement', 'Stalemate', Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000000;
		background-color: black;/*;white*/
		/*text-shadow: 1px 1px 2px #000000;*/
		
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
		outline: none;
		
	}
	
	#avoid_Whiteboard{
		position: absolute;
		/*background: url(Tmb/Vancouver%202016/DSC02819.JPG) no-repeat;*/
		left: 12%;
		top: 12%;
		width: 75%;
		height: 75%;
		background-size: cover;
		background-position: center center;
		border: 0px solid white;
		border-radius: 10px 10px 10px 10px;
	}
	
	#openingFrame{
		position: absolute;
		width: 90%;
		height: 90%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
		
	}
	
	#chargement_gallery_img{
		position : absolute;
		top: 50%;
		left: 50%;
		height : 64px;
		width : 300px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
		
		
		text-align: center;
		font-weight: bold;
		color: white;
		text-shadow: 1px 1px 2px #000000;
		font-size: 1.15em;
			
		opacity: 0.75;
		z-index: 10;
		
		display: none;
	}
	
	#chargement_movie{
		position : absolute;
		height : 64px;
		width : 300px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
		
		
		text-align: center;
		font-weight: bold;
		color: white;
		text-shadow: 1px 1px 2px #000000;
		font-size: 1.15em;
			
		opacity: 0.75;
		z-index: 0;
		
		display: block;
	}
	
	#momentsBox, #albumsBox, #blogBox{
		position: absolute;
		background-color: rgba(55, 55, 255, 0.7);
		background-size: cover;
		background-position: center center;
		border: 2px solid white;
		border-radius: 50px 50px 50px 50px;
		box-shadow: 0px 0px 5px 10px #000000;
		cursor: pointer;
		
		transition: all 0.5s;
	}

	.openingTxt{
		width:95%;
		position: absolute;
		text-align: center;
		font-weight: bold;
		color: white;
		text-shadow: 1px 1px 2px #000000;
		top: 45%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		
	}
	
	@media screen and (min-width:1025px) {
		#momentsBox{
			left: 0px;
			width: 30%;
			height: 95%;
			
			background : url(Img/Best%20of%202018/DSC07572.JPG) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		#albumsBox{
			right: 0px;
			width: 30%;
			height: 95%;
			
			background : url(Img/Vancouver%202016/DSC02819.JPG) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		#blogBox{
			left: 35%;
			width: 30%;
			height: 95%;
			
			background : url(Blog/blog_default.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		#momentsBox:hover, #albumsBox:hover, #blogBox:hover{
			background-color: rgba(55, 155, 255, 0.7);
			/*-webkit-transform: scale(1.05, 1.05);
			-ms-transform: scale(1.05, 1.05);*/
			transform: scale(1.05, 1.05);
			box-shadow: 0px 0px 50px 5px #777777;
		}
		
		.openingTxt{
			font-size: 4.5vw;
		}

		.blog_vig_date{
			font-size: 5vw;
		}

		.blog_vig_txt{
			font-size: 2.5vw;
		}
	}
	
	@media screen and (max-width:1025px) and (orientation: portrait) {
		#momentsBox{
			top: 0px;
			width: 100%;
			height: 30%;
			
			left: 0px;
			
			background : url(Tmb/Best%20of%202018/DSC07572.JPG) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		#albumsBox{
			bottom: 0px;
			width: 100%;
			height: 30%;
			
			left: 0px;
			
			background : url(Tmb/Vancouver%202016/DSC02819.JPG) no-repeat;
			background-size: cover;
			background-position: center center;
		}

		#blogBox{
			top: 35%;
			width: 100%;
			height: 30%;
			
			left: 0px;

			background : url(Blog/blog_default.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
		}

		#momentsBox:hover, #albumsBox:hover{
			background-color: rgba(55, 155, 255, 0.7);
			/*-webkit-transform: scale(1.05, 1.05);
			-ms-transform: scale(1.05, 1.05);*/
			transform: scale(1.05, 1.05);
			box-shadow: 0px 0px 15px 5px #777777;
		}
		
		.openingTxt{
			font-size: 10vw;
		}

		.blog_vig_date{
			font-size: 4.3em;
		}
		
		.blog_vig_txt{
			font-size: 1.9em;
		}
	}
	
	@media screen and (max-width:1025px) and (orientation: landscape) {
		#momentsBox{
			left: 0px;
			width: 30%;
			height: 100%;
			
			
			
			background : url(Tmb/Best%20of%202018/DSC07572.JPG) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		#albumsBox{
			right: 0px;
			width: 30%;
			height: 100%;
			
			
			
			background : url(Tmb/Vancouver%202016/DSC02819.JPG) no-repeat;
			background-size: cover;
			background-position: center center;
		}

		#blogBox{
			left: 35%;
			width: 30%;
			height: 100%;

			background : url(Blog/blog_default.jpg) no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		#momentsBox:hover, #albumsBox:hover{
			background-color: rgba(55, 155, 255, 0.7);
			/*-webkit-transform: scale(1.05, 1.05);
			-ms-transform: scale(1.05, 1.05);*/
			transform: scale(1.05, 1.05);
			box-shadow: 0px 0px 15px 5px #777777;
		}
		
		.openingTxt{
			font-size: 6vw;
		}

		.blog_vig_date{
			font-size: 4.0em;
		}
		
		.blog_vig_txt{
			font-size: 1.7em;
		}
	}
	
	/* DIV PAGE HTML */
	
	#mainFrame {
		position: absolute;
		top: 10px;
		left: 100%;
		width: 100%;
		
		transition: 0.5s;
		
		/*width: 1vw * 0.9;
		left: 1vw * 0.05;*/
		/*transform: translateX(5%);
		-webkit-transform: translateX(5%);*/
		/*padding-bottom: 200px solid white;*/
		/*
		-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	   -ms-backface-visibility: hidden;
	   backface-visibility: hidden;

	   -webkit-perspective: 1000;
	   -moz-perspective: 1000;
	   -ms-perspective: 1000;
	   perspective: 1000;*/
	}
	
	#extraLines{
		position: relative;
	}
	
	#debugActivated{
		position: fixed;
		top: 100px;
		left: 50px;
		background-color: black;
		color:white;
		z-index: 100;
		display: none; /*display: block;*/
	}
	
	.vignette, .vignette_derniere_ligne, .blog_Title{
		position: absolute;
		background-size: cover;
		background-position: center center;
		border: 0px solid white;
		border-radius: 10px 10px 10px 10px;
		z-index: 1;
	}
	
	.blogVignetteImg, .blogVignetteTxt{
		position: absolute;
		background-color: white;
		background-size: cover;
		background-position: center center;
		border: 0px solid black;
		border-radius: 10px 10px 10px 10px;
		
		z-index: 1;
		transform: scale(0.90, 0.90);
	}
	
	.blogVignetteTxt{
		cursor: pointer;
	}

	.blog_vig_date{
		position: absolute;
		top: 3%;
		right: 5%;
		/*transform: translateX(-50%) translateY(-50%);*/

		
		font-weight: bold;
		text-align : right;
		z-index: 20;
	}
	
	.blog_vig_txt{
		position: absolute;
		bottom: 5%;
		left: 5%;
		/*transform: translateX(-50%) translateY(-50%);*/

		
		font-weight: bold;
		text-align : left;
		text-shadow: 1px 1px 2px #FFFFFF;
		
		z-index: 20;
	}
	
	.blog_vig_bg {
		position: absolute;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		z-index: 11;
	}
	
	.blogVignetteTxt:hover{
		transition: 0.5s;
		transform: scale(0.95, 0.95);
		box-shadow: 0px 0px 25px 5px #777777;
		z-index: 10;
	}
	
	.bigImgs{
		position: absolute;
		background-size: contain;

		
		background-position: center center;
		background-repeat: no-repeat;
		/*border: 2px solid black;*/
		cursor: pointer;
		z-index: 1;
		
		/*-webkit-transition: all 2s;
		transition: all 2s;*/
	}
	
	.bigImgsAnimated{
		/*-webkit-animation: pulsatebigImgs 8s ease infinite;*/
		/*-webkit-animation: pulsatebigImgs 5s ease infinite;*/
		-webkit-animation: pulsatebigImgs 10s ease infinite;
		-webkit-animation-play-state: running;
		/*-moz-animation: pulsatebigImgs 12s ease infinite;
		-ms-animation: pulsatebigImgs 12s ease infinite;
		-o-animation: pulsatebigImgs 12s ease infinite;*/
		/*animation: pulsatebigImgs 8s ease infinite;*/
		/*animation: pulsatebigImgs 5s ease infinite;*/
		animation: pulsatebigImgs 10s ease infinite;
		animation-play-state: running;
		
		transform-origin: 50% 50%; /* compatibility on IOS */
	}
	
	/* Defined in Javascript w_index.js
			@-webkit-keyframes pulsatebigImgs {
				0% {background-size: 40%; background-position: center center;}
				20% {background-size: 40%; background-position: center center;}
				50% {background-size: 960px; background-position: center top;}
				60% {background-size: 960px; background-position: center top;}
				80% {background-size: 960px; background-position: center bottom;}
				90% {background-size: 960px; background-position: center bottom;}
				100% {background-size: 40%; background-position: center center;}
			}
			@-moz-keyframes pulsatebigImgs {
				0% {background-size: 40%; background-position: center center;}
				20% {background-size: 40%; background-position: center center;}
				50% {background-size: 960px; background-position: center top;}
				60% {background-size: 960px; background-position: center top;}
				80% {background-size: 960px; background-position: center bottom;}
				90% {background-size: 960px; background-position: center bottom;}
				100% {background-size: 40%; background-position: center center;}
			}
			@keyframes pulsatebigImgs {
				0% {background-size: 40%; background-position: center center;}
				20% {background-size: 40%; background-position: center center;}
				50% {background-size: 960px; background-position: center top;}
				60% {background-size: 960px; background-position: center top;}
				80% {background-size: 960px; background-position: center bottom;}
				90% {background-size: 960px; background-position: center bottom;}
				100% {background-size: 40%; background-position: center center;}
			}
	*/
	
	
	.bigImgsTouchScreen{
		position: absolute;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		/*border: 2px solid black;*/
		cursor: pointer;
		z-index: 1;
	}
	
	.bigImgsTouchScreenContain{
		position: absolute;
		background-size: 200px;
		background-position: center center;
		background-repeat: no-repeat;
		/*border: 2px solid black;*/
		cursor: pointer;
		z-index: 1;
	}
	
	.bigImgsAnimatedMobile{
		-webkit-animation: pulsatebigImgsMobile 10s ease infinite;
		/*-webkit-animation-delay: -3.5s;*/
		-webkit-animation-play-state: running;
		animation: pulsatebigImgsMobile 10s ease infinite;
		/*animation-delay: -3.5s;*/
		animation-play-state: running;
		
		/*transform-origin: 50% 50%; */ /* compatibility on IOS */
	}
	
	.vignette:hover{
		transition: 0.5s;
		/*border-image-width: 10px;
		border: 10px solid transparent;*/
		/*padding: 0% 0% 10px 10px;*/
		/*transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		transform: translateX(-20px);
		-webkit-transform: translateX(-20px);*/
		transform: scale(1.05, 1.05);
		cursor: pointer;
		box-shadow: 0px 0px 15px 5px #000000;
		z-index: 10;
	}
	
	.vignette_derniere_ligne:hover{
		transition: 0.5s;
		/*border-image-width: 10px;
		border: 10px solid transparent;*/
		/*padding: 0% 0% 0% 0%;*/
		cursor: pointer;
		box-shadow: 0px 0px 25px 15px #000000;
		z-index: 10;
	}
	
	#backbutton_gallery, #backbutton_home, #backbutton_opening{
		/* transform: translateZ(0); */
		position: fixed !important;
		-webkit-position: fixed !important;
		background : url(w_icons/back_button.png) no-repeat;
		left: 20px !important;
		top: 20px;
		width: 64px;
		height: 64px;
		z-index: 100;
		cursor: pointer;
		display: none;
		outline: none;
	}
	
	#backbutton_home:hover, #backbutton_gallery:hover, #backbutton_opening:hover{
		top:21px;
		outline: none;
	}
	/*
	#fb_Div{
		position: fixed;
		left: 20px;
		top: 120px;
		z-index: 100;
	}*/
	
	@media screen and (min-width:1025px)
	{

		.txt_MainTitle{
			position: relative;
			text-align: center;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%); /* reajustement de la moitié de la hauteur de l'element */
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			z-index: 3;
		}
		
		.txt_MainTxt{
			position: relative;
			text-align: center;
			top: 80%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 3px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 3;
		}
		
		
		.txt_ImgTxt{
			position: relative;
			text-align: center;
			top: 90%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 3px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 3;
		}

		.txt_ImgTxt_new{
			position: absolute;
			width: 100%;

			text-align: center;
			top: 90%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 3px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 3;
		}
		
		.txt_DebugInfo{
			position: relative;
			text-align: center;
			top: 10%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 3;
		}

		.size1{
			font-size: 7vw;
		}
		
		.sizeTxt1{
			font-size: 1.8vw;
		}
		
		.sizeTxt2{
			font-size: 1.4vw;
		}
		
		
		.size2{
			font-size: 3.5vw;
		}
		
		.size3{
			font-size: 2.5vw;
		}
		
		.size4{
			font-size: 1.5vw;
		}
	
		.movieicon{
			position: absolute;
			top: 45%;
			left: 50%;
			height : 136px;
			width : 140px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieIconSize2{
			position: absolute;
			top: 40%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieIconSize3{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieAlbumIconSize1{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 136px;
			width : 140px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieAlbumIconSize2-3{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 109px;
			width : 112px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}

		/* Blog*/
		.divTemplateTabxx{
			position : relative;
			width: 50%;
			/*height: 699px;*/
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	
	
			/*-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%); */ /* reajustement de la moitié de la hauteur de l'element */
		}
	}
	
	@media screen and (max-width:1025px) and (orientation: portrait)
	{
		/* Blog*/
		.divTemplateTabxx{
			position : relative;
			width: 95%;
			/*height: 699px;*/
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	
	
			/*-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%); */ /* reajustement de la moitié de la hauteur de l'element */
		}

		.txt_MainTitle{
			position: relative;
			text-align: center;
			top: 50%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%); /* reajustement de la moitié de la hauteur de l'element */
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			z-index: 2;
		}
		
		.txt_MainTxt{
			position: relative;
			text-align: center;
			top: 80%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 2;
		}
		
		.txt_ImgTxt{
			position: relative;
			text-align: center;
			top: 80%;
			
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 2;
		}

		.txt_ImgTxt_new{
			position: absolute;
			width: 100%;
			text-align: center;
			top: 80%;
			
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 2;
		}

		.size1{
			font-size: 2.9em;
		}
		
		.sizeTxt1{
			font-size: 1.15em;
		}
		
		.sizeTxt2{
			font-size: 0.75em;
		}
		
		
		.size2{
			font-size: 1.75em;
		}
		
		.size3{
			font-size: 1.5em;
		}
		
		.size4{
			font-size: 1em;
		}
		

		.movieicon{
			position: absolute;
			top: 45%;
			left: 50%;
			height : 136px;
			width : 140px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieIconSize2{
			position: absolute;
			top: 40%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieIconSize3{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieAlbumIconSize1{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieAlbumIconSize2-3{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
	
	}
	
	@media screen and (max-width:1025px) and (orientation: landscape)
	{
		/* Blog*/
		.divTemplateTabxx{
			position : relative;
			width: 95%;
			/*height: 699px;*/
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	
	
			/*-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%); */ /* reajustement de la moitié de la hauteur de l'element */
		}

		.txt_MainTitle{
			position: relative;
			text-align: center;
			top: 50%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%); /* reajustement de la moitié de la hauteur de l'element */
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			z-index: 2;
		}
		
		.txt_MainTxt{
			position: relative;
			text-align: center;
			top: 80%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 2;
		}
		
		.txt_ImgTxt{
			position: relative;
			text-align: center;
			top: 80%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 2;
		}

		.txt_ImgTxt_new{
			position: absolute;
			width: 100%;

			text-align: center;
			top: 80%;
			
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			
			font-weight: bold;

			color: white;
			text-shadow: 1px 1px 2px #000000;
			background-color: rgba(255, 255, 255, 0.3);
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			z-index: 2;
		}

		.size1{
			font-size: 2.9em;
		}
		
		.sizeTxt1{
			font-size: 1.15em;
		}
		
		.sizeTxt2{
			font-size: 0.75em;
		}
		
		
		.size2{
			font-size: 1.75em;
		}
		
		.size3{
			font-size: 1.5em;
		}
		
		.size4{
			font-size: 1em;
		}
		

		.movieicon{
			position: absolute;
			top: 40%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieIconSize2{
			position: absolute;
			top: 40%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
						
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieIconSize3{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 91px;
			width : 93px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieAlbumIconSize1{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 109px;
			width : 112px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
			
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
		
		.movieAlbumIconSize2-3{
			position: absolute;
			top: 50%;
			left: 50%;
			height : 109px;
			width : 112px;
			
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
						
			
			background : url(w_icons/play-icon.png) no-repeat;
			background-size: cover;
			/*box-shadow: 0px 5px 2px 2px #000000;*/
			/*border: 2px solid black;*/
			
			opacity: 0.75;
			z-index: 2;
		}
	
	}
	
	/* Blog */
	
	.blog_TitleTxt {
		position: relative;
		text-align: center;
		top: 50%;
		
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		
		font-weight: bold;

		color: white;
		text-shadow: 1px 1px 5px #000000;
		/*background-color: rgba(255, 255, 255, 0.3);*/
		/*box-shadow: 0px 5px 2px 2px #000000;*/
		/*border: 2px solid black;*/
		z-index: 3;
		
	}

	.templateTabxx_Box {
		position : relative;
		
		width: 100%;
		background-color : white;
		border: 0px solid white;
		border-radius: 20px 20px 20px 20px;

		margin-top : 40px;
		margin-bottom : 40px;
		/*background : url(Blog/Tour%20du%20Monde%20-%202008/Tmb/blog_default-temp1.jpg) no-repeat;
		background-size : cover;*/
	}
	
	/*
	.templateTab1 {
		border:0px;
		margin:0;
		padding:0;
		border-collapse: collapse;
	}*/
	
	.templateTabxx_background {
		position : absolute;
		left: -27px;
		top: -28px;
		width:1121px;
		height:754px;
		/*background : url(w_icons/cahier-voyage-background.jpg) no-repeat;*/
	}
	
	.templateTab1_top_fade {
		position : absolute;
		left: -27px;
		top: -28px;
		width:1121px;
		height:28px;
		background : url(w_icons/cahier-voyage-top-fade.jpg) no-repeat;
		background-size : cover;
	}
	
	.templateTab1_top {
		position : absolute;
		left: 0px;
		top: 0px;
		width:1066px;
		height:7px;
		background : url(w_icons/cahier-voyage-top.jpg) no-repeat;
		background-size : cover;
	}
	
	.templateTab1_left_fade {
		position : absolute;
		left: -27px;
		top: 0px;
		width:27px;
		height:699px;
		background : url(w_icons/cahier-voyage-left-fade.jpg) no-repeat;
		background-size : cover;
	}
	
	/*.templateTab1_left {
		position : absolute;
		left: 0px;
		top: 7px;
		width:6px;
		height:679px;
		background : url(w_icons/cahier-voyage-left.jpg) no-repeat;
		background-size : cover;
	}*/
	
	.templateTabxx_textleft {
		position : absolute;
		left: 6px;
		top: 7px;
		width:500px;
		height:679px;
		/*background-color: white;*/
		
		/*background : url(Blog/Tour%20du%20Monde%20-%202008/Tmb/blog_default-temp2.jpg) no-repeat;
		background-size : cover;*/
	}
	
	.templateTabxx_textleftalone {
		position : absolute;
		left: 25%;
		top: 7px;
		width:500px;
		height:679px;
		/*background-color: white;*/
		
		/*background : url(Blog/Tour%20du%20Monde%20-%202008/Tmb/blog_default-temp2.jpg) no-repeat;
		background-size : cover;*/
	}
	
	/*.templateTab1_center {
		position : absolute;
		left: 506px;
		top: 7px;
		width:60px;
		height:679px;
		background : url(w_icons/cahier-voyage-center.jpg) no-repeat;
		background-size : cover;
	}*/
	
	.templateTabxx_textright {
		position : absolute;
		left: 566px;
		top: 7px;
		width:491px;
		height:679px;
		/*background-color: white*/
	}
	
	/*#templateTab1_right {
		position : absolute;
		left: 1057px;
		top: 7px;
		width:9px;
		height:679px;
		background : url(w_icons/cahier-voyage-right.jpg) no-repeat;
		background-size : cover;
	}*/
	
	.templateTab1_right_fade {
		position : absolute;
		left: 1066px;
		top: 0px;
		width:28px;
		height:699px;
		background : url(w_icons/cahier-voyage-right-fade.jpg) no-repeat;
		background-size : cover;
	}
	
	.templateTab1_bottom {
		position : absolute;
		left: 0px;
		top: 686px;
		width:1066px;
		height:13px;
		background : url(w_icons/cahier-voyage-bottom.jpg) no-repeat;
		background-size : cover;
	}
	
	.templateTab1_bottom_fade {
		position : absolute;
		left: -27px;
		top: 699px;
		width:1121px;
		height:27px;
		background : url(w_icons/cahier-voyage-bottom-fade.jpg) no-repeat;
		background-size : cover;
	}
	
	.templateTabxx_Left_BGTitle {
		position : absolute;
		left: 0px;
		top: 15px;
		width: 500px;
		height: 37px;
		background-color : #a59864;
	}
	
	.templateTabxx_Title {
		position : relative;
		width : 100%;
		text-align: center;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);

		/*top: 50px;*/
		
		font-size : 2.5em;
		font-weight : bold;
		/*font-family: 'Caveat';*/
		color :white;

		background-size: cover;
		background-position: center center;
		border: 0px solid white;
		border-radius: 10px 10px 10px 10px;
		z-index: 1;

		font-weight: bold;

		text-shadow: 1px 1px 5px #524b32;
	}
	
	.templateTabxx_Date {
		position : relative;
		width : 100%;
		text-align: center;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);

		/*top: 80px;*/
		font-size : 1em;
		font-weight : regular;
		/*font-family: 'Caveat';*/
		color : #a59864;
	}
	
	.templateTabxx_Left_Stamp {
		position : absolute;
		left: 320px;
		top: 40px;
		width: 180px;
		height: 180px;
		/*background : url(Blog/Tour%20du%20Monde%20-%202008/Tmb/tampon_hawaii.png) no-repeat;
		background-size : cover;*/
	}
	
	.templateTabxx_MainText {
		position : relative;
		left: 0px;
		/*top: 125px;*/
		font-size : 1em;
		/*line-height : 0.8em;*/
		/*font-family: 'Caveat';*/
		color : #a59864;
		
		/*border-top : 20px;
		border-bottom : 20px;*/
		/*border: 20px solid white;*/
		padding: 5%;

		width : 90%;
	}
	
	.templateTabxx_Img {
		position : relative;
		
		width: 100%;

		border: 0px solid white;
		border-radius: 20px 20px 20px 20px;
		/*background : url(Blog/Tour%20du%20Monde%20-%202008/Tmb/blog_default-temp1.jpg) no-repeat;
		background-size : cover;*/
	}
	
	.templateTabxx_DayNumber {
		position : relative;
		width : 100%;
		text-align: center;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);

		top: 0px;
		font-size : 1.5em;
		font-weight : regular;
		/*font-family: 'Caveat';*/
		color : #a59864;

		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	.templateTabxx_Right_Stamp {
		position : absolute;
		left: 300px;
		top: 520px;
		width: 180px;
		height: 180px;
		/*background : url(Blog/Tour%20du%20Monde%20-%202008/Tmb/tampon_hawaii.png) no-repeat;
		background-size : cover;*/
	}
	
	.templateTabxx_Right_MainText {
		position : absolute;
		left: 10px;
		top: 10px;
		font-size : 1.4em;
		line-height : 0.8em;
		font-family: 'Caveat';
		color : #a59864;
		
		width : 475px;
	}
	
	.templateTabxx_Right_Img {
		position : absolute;
		left: 10px;
		top: 330px;
		width: 475px;
		height: 340px;
		/*background : url(Blog/Tour%20du%20Monde%20-%202008/Tmb/blog_default-temp1.jpg) no-repeat;
		background-size : cover;*/
	}
	

	/* Galerie Mobile */

	#fullFrame {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		
		z-index: 1;

		background: center no-repeat;
		background-size: contain;

		/*transition: 0.5s;*/
		
		/*width: 1vw * 0.9;
		left: 1vw * 0.05;*/
		/*transform: translateX(5%);
		-webkit-transform: translateX(5%);*/
		/*padding-bottom: 200px solid white;*/
		/*
		-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	   -ms-backface-visibility: hidden;
	   backface-visibility: hidden;

	   -webkit-perspective: 1000;
	   -moz-perspective: 1000;
	   -ms-perspective: 1000;
	   perspective: 1000;*/
	}

	#future_image {
		position: absolute;
		top: 0px;
		left: 110%;
		width: 100%;
		height: 100%;
		
		z-index: 10;

		background: center no-repeat;
		background-size: contain;

		/*transition: 0.5s;*/
		
		/*width: 1vw * 0.9;
		left: 1vw * 0.05;*/
		/*transform: translateX(5%);
		-webkit-transform: translateX(5%);*/
		/*padding-bottom: 200px solid white;*/
		/*
		-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	   -ms-backface-visibility: hidden;
	   backface-visibility: hidden;

	   -webkit-perspective: 1000;
	   -moz-perspective: 1000;
	   -ms-perspective: 1000;
	   perspective: 1000;*/
	}

	#past_image {
		position: absolute;
		top: 0px;
		left: -110%;
		width: 100%;
		height: 100%;
		
		z-index: 10;

		background: center no-repeat;
		background-size: contain;

		/*transition: 0.5s;*/
		
		/*width: 1vw * 0.9;
		left: 1vw * 0.05;*/
		/*transform: translateX(5%);
		-webkit-transform: translateX(5%);*/
		/*padding-bottom: 200px solid white;*/
		/*
		-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	   -ms-backface-visibility: hidden;
	   backface-visibility: hidden;

	   -webkit-perspective: 1000;
	   -moz-perspective: 1000;
	   -ms-perspective: 1000;
	   perspective: 1000;*/
	}

	#fullFrame_txt {
		/*width: 100%;*/
		z-index: 2;
	}

	#past_image_txt {
		/*width: 100%;*/
		z-index: 11;
	}

	#future_image_txt {
		/*width: 100%;*/
		z-index: 11;
	}

	#divTouchScreen {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		
		z-index: 100;

	}

	.icon_movie {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		
		z-index: 20;
		
		background: url(w_icons/play-icon.png) center no-repeat;	

		display: none;
		/*background-size: contain;*/

	}

	#link_icon_movie {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 140px;
		height: 136px;
		
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); /* reajustement de la moitié de la hauteur de l'element */
		
		background: url(w_icons/play-icon-invisible.png) center no-repeat;

		z-index: 110;

		display: none;
		outline: none;
	}