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

/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}




html {
	width:1024px;
	}

body {
	height:7527px;
	width:1024px;
	margin:0;
	font-family:"Helvetica Neue";
	font-weight:normal;
	color:#000;
	}
	
a {
	color:#000;
	}
	
#container {
	height:7527px;
	width:1024px;
	margin:0;
	background:#d9b697;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	}
	
#marble-top {
	background:url(img/top-marble.jpg);
	width:1024px;
	height:1057px;
	position:absolute;
	top:0px;
	left:0px;
	}
	
	
#shape-marble {
	background:url(img/vague-top.png);
	width:1024px;
	height:684px;
	position:absolute;
	top:10px;
	left:0px;
	}
	
#cadre-photo {
	background:url(img/cadre-photo.png);
	width:417px;
	height:556px;
	position:absolute;
	top:68px;
	left:303px;
	}
	
#fleurs-gauche {
	background:url(img/fleurs-gauche.png);
	width:190px;
	height:182px;
	position:absolute;
	top:31px;
	left:252px;
	}
	
#fleurs-droite {
	background:url(img/fleurs-droite.png);
	width:179px;
	height:156px;
	position:absolute;
	top:491px;
	left:600px;
	}
	
	
#oiseau-gauche-01 {
	background:url(img/oiseau-gauche-01.png);
	width:125px;
	height:188px;
	position:absolute;
	top:29px;
	left:215px;
	}
	
#oiseau-gauche-02 {
	background:url(img/oiseau-gauche-02.png);
	width:186px;
	height:280px;
	position:absolute;
	top:74px;
	left:191px;
	}
	
#oiseau-droite-01 {
	background:url(img/oiseau-droite-01.png);
	width:169px;
	height:234px;
	position:absolute;
	top:350px;
	left:600px;
	}
	
#oiseau-droite-02 {
	background:url(img/oiseau-droite-02.png);
	width:189px;
	height:279px;
	position:absolute;
	top:266px;
	left:629px;
	}
	
#verre-back {
	background:url(img/verre-back.png);
	width:74px;
	height:276px;
	position:absolute;
	top:395px;
	left:330px;
	}
	
#verre-front {
	background:url(img/verre-front.png);
	width:90px;
	height:338px;
	position:absolute;
	top:380px;
	left:268px;
	}
	
#link-gps {
	background:url(img/place-gps.png);
	width:428px;
	height:121px;
	position:absolute;
	top:480px;
	left:560px;
	}
	
	
#link-gps a {
	line-height:97px;
	font-size:30px;
	padding-left:124px;
	text-decoration:none;
	}
	
	
#fleurs {
	background:url(img/fleurs-big.png);
	width:1024px;
	height:1041px;
	position:absolute;
	top:810px;
	left:0px;
	}
	
#sable {
	background:url(img/bg-sable.jpg);
	width:1024px;
	height:2103px;
	position:absolute;
	top:1692px;
	left:0px;
	}
	
@-ms-keyframes spin {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0deg); }
}
@keyframes spin {
    from {
        transform:rotate(360deg);
    }
    to {
        transform:rotate(0deg);
    }
}


#alarm {
	background:url(img/alarm.png);
	width:164px;
	height:164px;
	position:absolute;
	top:2461px;
	left:429px;
	
	-webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	}
	
#pyramid {
	background:url(img/pyramide.png);
	width:526px;
	height:551px;
	position:absolute;
	top:2256px;
	left:249px;
	}
	
#fond-piscine-top {
	background:url(img/fond-piscine-top.png);
	width:1024px;
	height:761px;
	position:absolute;
	top:0px;
	left:0px;
	}

#fond-piscine-bottom {
	background:url(img/fond-piscine.jpg);
	width:1024px;
	height:1442px;
	position:absolute;
	top:761px;
	left:0px;
	}

#fond-piscine {
	width:1024px;
	height:2203px;
	position:absolute;
	top:3380px;
	left:0px;
	}
	
#piscine01 {
	background:url(img/piscine01.png);
	width:383px;
	height:119px;
	position:absolute;
	top:3817px;
	left:650px;
	}
	
	
#piscine02 {
	background:url(img/piscine02.png);
	width:412px;
	height:265px;
	position:absolute;
	top:3900px;
	left:0px;
	}
	
	
#piscine03 {
	background:url(img/piscine03.png);
	width:752px;
	height:809px;
	position:absolute;
	top:4100px;
	left:460px;
	}
	

#marbre-noir {
	background:url(img/marble-black.jpg);
	width:1024px;
	height:1966px;
	position:absolute;
	top:5561px;
	left:0px;
	}
	
#collage-back {
	background:url(img/collage-back.png);
	width:1024px;
	height:1428px;
	position:absolute;
	top:5110px;
	left:0px;
	}
	
#collage-middle {
	background:url(img/collage-middle.png);
	width:1024px;
	height:1550px;
	position:absolute;
	top:5240px;
	left:0px;
	}
	
#collage-front {
	background:url(img/collage-front.png);
	width:777px;
	height:1155px;
	position:absolute;
	top:5423px;
	left:120px;
	}
	
#transition {
	background:url(img/transition-nextpage.png);
	width:1024px;
	height:857px;
	position:absolute;
	top:6670px;
	left:0px;
	}
	
	
	
#bulle01 {
	top:1206px;
	right:75px;
	}
	
#bulle02 {
	top:2283px;
	right:75px;
	}
	
#bulle03 {
	top:3451px;
	right:75px;
	}
	
#bulle04 {
	top:3511px;
	right:75px;
	}
	
#bulle05 {
	top:6988px;
	right:75px;
	}
	
	
.bulle-content {
	padding:11px;
	background-color:#fff;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-family:"Helvetica Neue";
	font-size:20px;
	}
	
.bulle {
	background:url(img/crochet-bulle.png) no-repeat bottom right;
	padding-right:8px;
	position:absolute;}
	
	
#continue.bottom {
	position:absolute;
	bottom:118px;
	left:-85px;
	-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
	}
	
#continue.top {
	position:absolute;
	top:112px;
	left:-82px;
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	}
	
	
	
	
	
	
/*** SLIDE TO CONTINUE ***/

@-webkit-keyframes wipe {
	0% {
		-webkit-mask-position: 0px 0;
	}
	100% {
		-webkit-mask-position: 230px 0px;
	}
}


#continue {
	font-family:"Helvetica Neue";
	font-size:23px;
	width:200px;
	padding-left:25px;
	line-height:34px;
	
	-webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,.2) 30%, rgba(0,0,0,1) 60%, rgba(0,0,0,.2) 90%);
	-webkit-mask-image: linear-gradient(left, rgba(0,0,0,.2) 30%, rgba(0,0,0,1) 60%, rgba(0,0,0,.2) 90%);
	
	-webkit-animation: wipe 2s linear infinite;
	
	}
	
#continue.black {
	color:#000;
	background:url(arrow-slide-black.png) 4px 8px no-repeat;
	}
	
#continue.white {
	color:#fff;
	background:url(arrow-slide-white.png) 4px 8px no-repeat;
	}