html {	height: 100%; font-size: 100%; text-decoration: none; }

body{
	margin: 0;	padding: 0;	line-height: 1.4;
	background-repeat:no-repeat;	background-attachment:fixed; background-position: 0 0,0 0,0 0;
	background-size: cover; /* version standardisée */	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */	-o-background-size: cover; /* pour Opera */
	background-color: #EEF1F3;    
    overflow-y: scroll; overflow-x: hidden;
}

#BackgroundImage{    position: fixed;  width: 100%;    height: 100%;    margin: auto; }

.metaDiv { position: relative; margin: auto; height: auto; width: 100%; top: 0; left: 0; }
.header{ width : 100%;	margin : auto; }

.banniere{ position:relative; background-repeat:no-repeat;	background-attachment:fixed; margin-bottom: 1em; }
.bannierePartie{ background-repeat:no-repeat; background-attachment:fixed; }

/* INFOBULLE */
.avecInfoBulle span{ display: none; }
.avecInfoBulle:hover { background: none; z-index:500; }
.avecInfoBulle:hover span {
    display: inline; position: absolute; white-space: nowrap; padding: 5px; top: 80%; left: 10%;
    background: white; color: #000000;    
    -moz-box-shadow:0px 0px 70px #222; -webkit-box-shadow:0px 0px 70px #222;
	box-shadow:0px 0px 70px #222; border: 4px solid rgba(56, 54, 54, 0.11); border-left: 6px solid #9EADF5;
}
@media (max-width: 999px) {
    .avecInfoBulle:hover span{ display: block; position: relative; }
}

/*PAGE*/
.page{ padding-top: 10px; width: 100%; margin-left: auto; margin-right: auto; }

/* FOOTER */
.footer {
    bottom: 0; left: 0;	width : 100%; height: auto; padding: 0; padding-top: 1em; padding-bottom: 1em;
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover;
}
.footerL {
	width: 48%;	display:inline-block;
	margin : auto;	padding-left:3%; padding-right:3%;	margin-top:0.5%;
	text-align : left;	color: #000000;	font-size: 70%;	font-weight: bold;	font-family : Arial;
}
.footerR {
	width: 48%;	display:inline-block;
	margin : auto;	margin-right: 1%;	margin-top:0.5%;	
	text-align : right;	color: #000000;	font-size: 70%;	font-weight: bold;	font-family : Arial;
}
.div_haut_footer { width: 30%;	float : left; }
#div_haut_footer_G { text-align: left;	padding: 0 0 0 1%; }
#div_haut_footer_C { width: 37%; text-align: center; }
#div_haut_footer_D { text-align: right;	padding: 0 1% 0 0; }

@media (max-width: 1200px) {
    .footer span{ width: 100%; text-align: center; }
}

a { text-decoration: none;  color: #000000; }
ul, ol, li{ list-style: none; }
/* ANIMATION */
.tps1, .tps1 li, .tps1 > div{ -webkit-animation-duration: 1s; animation-duration: 1s; } .tps2, .tps2 li, .tps2 > div{ -webkit-animation-duration: 2s; animation-duration: 2s; } .tps3, .tps3 li, .tps3 > div{ -webkit-animation-duration: 3s; animation-duration: 3s; } .tps4, .tps4 li, .tps4 > div{ -webkit-animation-duration: 4s; animation-duration: 4s; } .tps5, .tps5 li, .tps5 > div{ -webkit-animation-duration: 5s; animation-duration: 5s; } .tps6, .tps6 li, .tps6 > div{ -webkit-animation-duration: 6s; animation-duration: 6s; } .tps7, .tps7 li, .tps7 > div{ -webkit-animation-duration: 7s; animation-duration: 7s; }
.tps8, .tps8 li, .tps8 > div{ -webkit-animation-duration: 8s; animation-duration: 8s; } .tps10, .tps10 li, .tps10 > div{ -webkit-animation-duration: 10s; animation-duration: 10s; } .tps12, .tps12 li, .tps12 > div{ -webkit-animation-duration: 12s; animation-duration: 12s; } .tps14, .tps14 li, .tps14 > div{ -webkit-animation-duration: 14s; animation-duration: 14s; } .tps16, .tps16 li, .tps16 > div{ -webkit-animation-duration: 16s; animation-duration: 16s; } .tps18, .tps18 li, .tps18 > div{ -webkit-animation-duration: 18s; animation-duration: 18s; } .tps20, .tps20 li, .tps20 > div{ -webkit-animation-duration: 20s; animation-duration: 20s; } .tps22, .tps22 li, .tps22 > div{ -webkit-animation-duration: 22s; animation-duration: 22s; } .tps24, .tps24 li, .tps24 > div{ -webkit-animation-duration: 24s; animation-duration: 24s; } .tps26, .tps26 li, .tps26 > div{ -webkit-animation-duration: 26s; animation-duration: 26s; } .tps28, .tps28 li, .tps28 > div{ -webkit-animation-duration: 28s; animation-duration: 28s; } .tps30, .tps30 li, .tps30 > div{ -webkit-animation-duration: 30s; animation-duration: 30s; } .tps32, .tps32 li, .tps32 > div{ -webkit-animation-duration: 32s; animation-duration: 32s; } .tps34, .tps34 li, .tps34 > div{ -webkit-animation-duration: 34s; animation-duration: 34s; } .tps36, .tps36 li, .tps36 > div{ -webkit-animation-duration: 36s; animation-duration: 36s; } .tps38, .tps38 li, .tps38 > div{ -webkit-animation-duration: 38s; animation-duration: 38s; } .tps40, .tps40 li, .tps40 > div{ -webkit-animation-duration: 40s; animation-duration: 40s; } .tps42, .tps42 li, .tps42 > div{ -webkit-animation-duration: 42s; animation-duration: 42s; } .tps44, .tps44 li, .tps44 > div{ -webkit-animation-duration: 44s; animation-duration: 44s; } .tps46, .tps46 li, .tps46 > div{ -webkit-animation-duration: 46s; animation-duration: 46s; } .tps48, .tps48 li, .tps48 > div{ -webkit-animation-duration: 48s; animation-duration: 48s; } .tps50, .tps50 li, .tps50 > div{ -webkit-animation-duration: 50s; animation-duration: 50s; } .tps52, .tps52 li, .tps52 > div{ -webkit-animation-duration: 52s; animation-duration: 52s; } .tps54, .tps54 li, .tps54 > div{ -webkit-animation-duration: 54s; animation-duration: 54s; } .tps56, .tps56 li, .tps56 > div{ -webkit-animation-duration: 56s; animation-duration: 56s; } .tps58, .tps58 li, .tps58 > div{ -webkit-animation-duration: 58s; animation-duration: 58s; }
.tps60, .tps60 li, .tps60 > div{ -webkit-animation-duration: 60s; animation-duration: 60s; }
.animlinear, .animlinear li, .animlinear div{ -webkit-animation-timing-function: linear; animation-timing-function: linear; }
.infinite, .infinite li, .infinite > div, #coconDefile, #coconDefile li, #coconDefileFixe, #coconDefileFixe li { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }