@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: Times, serif;
	font-size: 0.75em;
	background: #fbcfc1;
	background: #000;
}

img{
	border: 0;
}

p {
	font-size: 1.4em;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.4em;
}

ul li {
	margin-bottom: 5px;
}

cite {
	font-weight: bold;
}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

#socials {
	background: url(/img/bg-ctn.png) repeat left top;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
	padding: 10px;
}

#___plusone_0 {
	width: 71px !important;
}

iframe.twitter-share-button {
	width: 97px !important;
}

div.fb-like {
	vertical-align: top;
	*display:inline;
	zoom:1;
}

	div.fb-like iframe {
		/*width: 200px !important;*/
	}
.scroll {
	width: 100%;
	height: 2472px;
}
nav {
	position: fixed;
	left: 0px;
	top: 355px;
	z-index: 1100;
}
	
	nav ul {
		margin:0;
		padding: 0;
	}
	
		nav ul li {
			list-style: none;
		}
		
			nav ul li a {
				text-transform: uppercase;
				color: #000;
				font-size: 1.1em;
				text-decoration: none;
				padding: 4px 10px 2px 10px;
				display: inline-block;
				background: url(/img/bg-menu.png) repeat left top;
				line-height: 1.2em;
			}
			
			nav ul li a:hover {
				text-decoration: underline;
			}

.slide {
	width: 100%;
	overflow: hidden;
	background-image: url(/img/bg-1.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: absolute;
}

#affiche{

	position: fixed;
	top:500px;
	left: 0px;
	z-index: 1;
}

#btnfacebook{

	position: fixed;
	top:611px;
	left: 0px;
	z-index: 1;

}

#un {  }

#deux { background-image: url(/img/bg-2.jpg); }

#trois { background-image: url(/img/bg-3.jpg); }

#quatre { background-image: url(/img/bg-4.jpg); }
	
	.title {
		background-image: url(/img/tt-black.png);
		background-attachment: fixed;
		background-position: 50% 0;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	#un .title { background-image: url(/img/tt-white.png); }
	#deux .title { background-image: url(/img/tt-black.png); }
	#trois .title { background-image: url(/img/tt-white.png); }
	#quatre .title { background-image: url(/img/tt-white.png); }
	
	.date {
		background-image: url(/img/date-date-white.png);
		background-attachment: fixed;
		background-position: 50% 0;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	#un .date { background-image: url(/img/date-date-white.png); }
	#deux .date { background-image: url(/img/date-date-white.png); }
	#trois .date { background-image: url(/img/date-date-white.png); }
	#quatre .date { background-image: url(/img/date-date-black.png); }
	
	.palm {
		background-image: url(/img/palm-black.png);
		background-attachment: fixed;
		background-position: 50% 0;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	#un .palm { background-image: url(/img/palm-white.png); }
	#deux .palm { background-image: url(/img/palm-black.png); }
	#trois .palm { background-image: url(/img/palm-white.png); }
	#quatre .palm { background-image: url(/img/palm-white.png); }
	
	.text {
		width: 960px;
		margin: auto;
		position: relative;
	}
		
		h2 {
			font-size: 9.5em;
			color: #000;
			opacity: 0.1;
			filter: alpha(opacity = 10);
			position: absolute;
			margin: 0;
			text-transform: uppercase;
		}
		
		#un h2 { font-size:5.5em; right: 7px; top: 166px; color:#fff; opacity:0.3; filter: alpha(opacity = 30); }
		#deux h2 { right: 0px; top: 250px; }
		#trois h2 { right: 91px; top: 96px; }
		#quatre h2 { right: -64px; top: 126px; width: 649px; line-height: 0.75em; font-size: 6em; color:#fff; opacity:0.3; filter: alpha(opacity = 30); }
		
		.ctn {
			background: url(/img/bg-ctn.png) repeat left top;
			position: absolute;
			padding: 20px;
		}
		
		#un .ctn { right: 0px; top: 200px; background: none; padding: 0; height: 398px; }
		#deux .ctn { right: 50px; width: 415px; top: 450px; }
		#trois .ctn { right: 154px; width: 380px; top: 270px; }
		#quatre .ctn { right: 20px; width: 550px; top: 320px; }
		
		#trois .ctn ul {
			font-size: 1.3em;
		}
		
			#trois .ctn ul li {
				margin-bottom: 3px;
			}
		
			.ctn dl {
				float: left;
				font-size: 1.4em;
				width: 186px;
				margin: 0;
			}
			
			.ctn dl.two {
				width: 213px;
			}
			
			.ctn dl.three {
				width: 134px;
				padding-left: 17px;
			}
			
				.ctn dl dt {
					font-weight: bold;
					font-size: 0.9em;
				}
				
				.ctn dl dd {
					margin: 0 0 3px 0;
					font-size: 0.8em;
				}
				
#footer {
	background: #000000;
    bottom: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	.slide {
		background: url(/img/bg-1.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	
	#un .title {
		position: fixed;
		z-index: 1000;
	}
	
	#un .date {
		position: fixed;
		z-index: 1000;
	}
	
	#un .palm {
		position: fixed;
		z-index: 1000;
	}
	
	#deux .title,
	#trois .title,
	#quatre .title,
	#deux .date,
	#trois .date,
	#quatre .date,
	#deux .palm,
	#trois .palm,
	#quatre .palm {
		display: none;
	}
	
	#deux .text{ margin-top: -50px;}
	#deux .ctn{ margin-top: -50px;}
	#trois .text{ margin-top: -100px;}
	#trois .ctn{ margin-top: -75px; line-height: 16px;}
	#quatre .text{ margin-top: -75px;}
	#quatre .ctn{ margin-top: -100px;}
}