body {
	background: url(../img/bg2.jpg); 
	background-repeat: repeat-x;
		-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

a,input {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#wrap {
	background: url(../img/bg.jpg) no-repeat center fixed; 
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	font-size: 14px/26px;
	font-family: 'Open Sans', Helvetica, Arial,	sans-serif;
	display: none;
	width: 100%;
	height: 100%;
}
#wrapo {
	background: url(../img/bg2.png) no-repeat center fixed; 

	font-size: 14px/26px;
	font-family: 'Open Sans', Helvetica, Arial,	sans-serif;
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;


}
#espace {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
/*header {
	background: white;
	height: 60px;
	width: 100%;
	box-shadow:0 2px 0 rgba(0,0,0,0.08);
}
*/

#logo {
	background: url(../img/mini-logo.png) no-repeat;
	width: 289px;
	height: 112px;
	display: block;
	text-indent: -9999px;
	margin-top: 1% ;
	margin-right:auto;
	margin-left:auto;

}


#logo a{
	width: 289px;
	height: 112px;
	display: block;
}

.rubrique {
	margin: 0 auto 20px auto;
	text-indent: -9999px;
}

.rubrique2 {
	margin: 0 auto 20px auto;
	text-indent: -9999px;
	  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/* Grow Rotate */
.grow-rotate {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}



#espacejeux {
	width: 173px;
	height: 175px;
	background: url(../img/espaces.png);
	display: block;
	margin-top:20px;
	margin-left:auto;
		margin-right:auto;
}

#restaurant
{
		width: 180px;
	height: 180px;
	background: url(../img/mini-text6666.png);
	display: block;

			margin-left:60px;
		margin-right:auto;
	
}

#anniv{
	width: 143px;
	height: 143px;
	background: url(../img/anniv.png);
	display: block;
		margin-left:-10px;
		margin-right:auto;
}

#regles{
	width: 171px;
height: 171px;
background: url(../img/regles.png);
display: block;
margin-left: 123;
margin-right: auto;
margin-top: auto;
position: absolute;
}



#tarifs {
	width: 174px;
	height: 174px;
	background: url(../img/tarifs.png);
	display: block;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	position:center
}

#surprises {
	width: 184px;
	height: 183px;
	background: url(../img/surprises.png);
	display: block;
	margin-top:auto;
			margin-left:auto;
		margin-right:auto;
}


#contact {
	width: 184px;
	height: 183px;
	background: url(../img/contact.png);
	display: block;
	margin-top:auto;
			margin-left:auto;
		margin-right:auto;
	

}



#news {
	width: 50%;
}


i{
	color: blue !important;
}
i:hover{
	color: #eeae48 !important;
}


#facebook {
	background: url(../img/fb.png);
	width: 54px;
	height: 58px;
	display: block;
	text-indent: -19999px;
	margin: 0 auto;
	text-align: center;
}
#socialfoot {
	
	margin: 90px auto;

}

.ff {
	float: left;
}
.success {
font-size:10px;
}
#success {
margin-top:-15px;
}

.ffa {
	
	width: 350px;
	padding: 10px;
	opacity: 0.8;
	border-radius: 4px;
	text-align: center;
	font-size:10px;
	color: #ffffff;
	margin-top: 10px;
	margin:auto auto auto auto;
}

#contenu {
	width: 525px;
	height: 465px;
	display: block;
	margin: 120px auto 0 auto;
	position: relative;
	padding: 34px 80px 250px 180px;
	
}
.espace {
	background: url(../img/content.png) no-repeat;
}
#contenu3 {
	width: 900px;
	height: 797px;
	display: block;
	margin: 120px auto 0 auto;
	position: relative;
	/*padding: 50px 100px 250px 170px;*/
	
}
.A_chaque_âge_son_espace_de_jeux__ {
  font-size: 12px;
  font-family: 'Open Sans', Helvetica, Arial,	sans-serif;
  color:white!important;
  text-align:center;
}
 h4 {
 font-size: 19px;
font-family: 'Chelsea Market', cursive;
text-transform:uppercase; color:white;
 }

#titre-ej {
padding:150px 0 20px 0;
margin-left:50px;
}

#titre-th {
padding:70px 0 20px 0;
margin-left:50px;
}
#slider {
height:150px;
width:150px;
margin-left:210;
margin-top:90;
}
#p-ej {
padding: 0px 80px 10px;
margin-left: 220px;
margin-top: 20px;
font-family: 'Short Stack', cursive;
position: absolute;
width: 600px;
font-size: 16px;
}
.p-ej p{
font-size:16px;
text-align:left;
}
#p-sj {
padding:0px 90px 10px 140px;
margin-left:0px;
margin-top:-2px;
font-family: 'Short Stack', cursive;
position: absolute;
}

.p-sj p{
font-size: 16px;
text-align: center;
padding-top: 40px;
padding-right: 150px;
margin-left: 250px;

padding-right: -200px;
}

#contact2 {

margin-left:350px;
margin-top:10px;
position: absolute;
width:250px;
}
#p-th {
padding:0px 90px 10px 140px;
margin-left:0px;
margin-top:-10px;
font-family: 'Short Stack', cursive;
position: absolute;
}

.p-th p{
font-size:16px;
text-align:center;

}

#p-th2 {
padding:0px 90px 10px 140px;
margin-left:0px;
margin-top:10px;
font-family: 'Short Stack', cursive;
position: absolute;
}

.p-th2 p{
font-size:16;
text-align:center;
}

#mini-ej {
	width: 240px;
	height: 240px;
	margin-left:70px;
	padding:22px 5px 10px 5px ;
	
}
.mini-ej {
	background: url(../img/mini-text.png) no-repeat;
	text-align:center;
	color:white!important;
	font-family: 'Short Stack', cursive;
	
}
.mini-ej p {
font-size:11;
}

#mini-ej2 {
	width: 200px;
	height: 200px;
	margin:-240px 50px 10px 470px;
	padding:35px 20px 23px 20px ;
	position: absolute;
}
.mini-ej2 {
	background: url(../img/mini-text2.png) no-repeat;
	text-align:center;
	color:black!important;
	font-family: 'Short Stack', cursive;
}
.mini-ej2 p{
font-size:12;
}

#mini-ej4 {
	width: 200px;
	height: 200px;
	margin:-250px 50px 10px -200px;
	padding:25px 20px 23px 20px ;
	position: absolute;
}
.mini-ej4 {
	background: url(../img/mini-text2.png) no-repeat;
	text-align:center;
	color:black!important;
	font-family: 'Short Stack', cursive;
}
.mini-ej4 p{
font-size:12;
}

#mini-ej5 {
	width: 186px;
	height: 186px;
	margin:-50px 50px 10px -170px;
	padding:40px 20px 23px 20px ;
	position: absolute;
}
.mini-ej5 {
	background: url(../img/mini-text4.png) no-repeat;
	text-align:center;
	color:white!important;
	font-family: 'Short Stack', cursive;
}
.mini-ej5 p{
font-size:12;
}

#mini-ej6 {
	width: 200px;
	height: 200px;
	margin:-36px 50px 10px 530px;
	padding:35px 25px 23px 25px ;
	position: absolute;
}
.mini-ej6 {
	background: url(../img/mini-text5.png) no-repeat;
	text-align:center;
	color:white!important;
	font-family: 'Short Stack', cursive;
}
.mini-ej6 p{
font-size:12;
}

#mini-ej7 {
	width: 186px;
	height: 186px;
	margin:130px 50px 10px -100px;
	padding:44px 25px 23px 25px ;
	position: absolute;
}
.mini-ej7 {
	background: url(../img/mini-text6.png) no-repeat;
	text-align:center;
	color:white!important;
	font-family: 'Short Stack', cursive;
}
.mini-ej7 p{
font-size:12;
}

#mini-ej3 {
	width: 155px;
	height: 157px;
	margin:170px 50px 10px 570px;
	padding:26px ;
	position: absolute;
}
.mini-ej3 {
	background: url(../img/mini-text7.png) no-repeat;
	text-align:center;
	color:white!important;
	font-family: 'Short Stack', cursive;

}
.mini-ej3  p{
font-size:12;

}

#photo-te {
	width: 178px;
	height: 178px;
	margin: 150px 10px 10px 780px;
	position:absolute;
	
}

#photo-tf {
	width: 178px;
	height: 178px;
	margin:-10px 10px 1px 140px;
	padding:15px 5px 0 5px ;
	position: absolute;
}

#photo-tf-map {
	width: 178px;
	height: 178px;
	margin:150px 50px 100px 260px;
	padding:15px 5px 0 5px ;
	position: absolute;
}

#photo-tf2 {
	width: 178px;
	height: 178px;
	margin:90px 10px 10px -10px;
	padding:15px 5px 0 5px ;
	position: absolute;
}

#photo-ej {
	width: 160px;
	height: 160px;
	margin: 400px 100px 120px 360px;
	padding:124px px px ;
	position:absolute;
	

}
#photo-mp {
	width: 178px;
	height: 178px;
	margin: 340px 0px 10px 120px;
	position:absolute;

}
#photo-es {
	width: 178px;
	height: 178px;
margin: -90px 0px 70px 720px;
	padding:15px 5px 0 5px ;
	position:absolute;
}
#photo-jg {
	width: 178px;
height: 178px;
margin: -310px 0px 0px 600px;
padding: 15px 5px 0 5px;
position: absolute;

}

#contenu3 h2 {
color:white;
font-size:20;
}

#p-th2 ul {
display:inline-block;
}

#p-th2 ul li:nth-child(1) {
    list-style-type: none; /* on annule la puce par défaut */
    /*background: url('../icon/socks.png');*/
	 /* background-repeat: no-repeat; on annule la répétition par défaut */
     /*background-position: left center; on positionne où l'on veut */
    padding-left: 30px; /* pour éviter la superposition du contenu */
	padding-bottom:10px;
	padding-top:60px;
}
#p-th2 ul li:nth-child(2) {
    list-style-type: none; /* on annule la puce par défaut */
   /* background: url('../icon/ice_cream.png'); background*/
	 /*background-repeat: no-repeat; on annule la répétition par défaut */
     /*background-position: left center; on positionne où l'on veut */
    padding-left: 30px; /* pour éviter la superposition du contenu */
		padding-bottom:10px;
		

	
}
#p-th2 ul li:nth-child(3) {
    list-style-type: none; /* on annule la puce par défaut */
    /*background: url('../icon/users_multiple.png');*/
	 /*background-repeat: no-repeat; on annule la répétition par défaut */
     /*background-position: left center; on positionne où l'on veut */
    padding-left: 30px; /* pour éviter la superposition du contenu */

}

.espace3 {
	background: url(../img/content.png) no-repeat;
	color:white;
}
.espace4 {
	background: url(../img/content3.png) no-repeat;
	color:white;
}
.espace5 {
	background: url(../img/content4.png) no-repeat;
	color:white;
}
.espace6 {
	background: url(../img/content5.png) no-repeat;
	color:white;
}
.espace7 {
	background: url(../img/content6.png) no-repeat;
	color:white;
}
.espace8 {
	background: url(../img/content7.png) no-repeat;
	color:white;

}

.espace9 {
	background: url(../img/restau1t.png) no-repeat;
	color:white;

}


#contenu2 {
	width: 727px;
	height: 596px;
	display: block;
	margin: 0px auto 0 auto;
	position: relative;
}
.espace2 {
	background: url(../img/home.png) no-repeat;
}
#retour2{
position: absolute;
width: 150px;
height: 150px;
margin-right:100px;
bottom: 0;
display: block;
right: 0;
}

/* Pulse Grow */
@-webkit-keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}


/**/
@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
#rocket {
	margin:0px 0px 10px 420px;
		position:absolute;
			display: block;

}
#rocket2 {
	margin:0px 0px 10px 0px;
		position:absolute;
			display: block;

}
/*
 * Vendor prefix code removed for sake of brevity.
 */
 
 #airplane{
    width:66px;
    height:66px;
    background-image:url(../img/home2.png);
    background-position:0px 0px;
	margin:auto;
    -moz-animation-name:  airplaneMoving, airplaneCenter;
    -moz-animation-duration:  5s, 10s;
    -moz-animation-iteration-count: infinite, infinite;
    -moz-animation-direction:  alternate, normal;
    -moz-animation-timing-function:  linear, steps(2, end);
    
    -o-animation-name:  airplaneMoving, airplaneCenter;
    -o-animation-duration:  5s, 10s;
    -o-animation-iteration-count: infinite, infinite;
    -o-animation-direction:  alternate, normal;
    -o-animation-timing-function:  linear, steps(2, end);
    
    -webkit-animation-name:  airplaneMoving, airplaneCenter;
    -webkit-animation-duration:  5s, 10s;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction:  alternate, normal;
    -webkit-animation-timing-function:  linear, steps(2, end);
}
 #airplane2{
    width:66px;
    height:66px;
    background-image:url(../img/home2.png);
    background-position:0px 0px;
	margin:-500px auto auto auto;
    -moz-animation-name:  airplaneMoving, airplaneCenter;
    -moz-animation-duration:  5s, 10s;
    -moz-animation-iteration-count: infinite, infinite;
    -moz-animation-direction:  alternate, normal;
    -moz-animation-timing-function:  linear, steps(2, end);
    
    -o-animation-name:  airplaneMoving, airplaneCenter;
    -o-animation-duration:  5s, 10s;
    -o-animation-iteration-count: infinite, infinite;
    -o-animation-direction:  alternate, normal;
    -o-animation-timing-function:  linear, steps(2, end);
    
    -webkit-animation-name:  airplaneMoving, airplaneCenter;
    -webkit-animation-duration:  5s, 10s;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction:  alternate, normal;
    -webkit-animation-timing-function:  linear, steps(2, end);
}

/* Animation de la rotation */
@-moz-keyframes airplaneMoving{
    0%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes airplaneMoving{
    0%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(360deg);}
}
@-webkit-keyframes airplaneMoving{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

/* Animation de l'origine de la rotation */
@-moz-keyframes airplaneCenter{
    0%{-moz-transform-origin:-200px center;}
    100%{-moz-transform-origin:500px center;}
}
@-o-keyframes airplaneCenter{
    0%{-o-transform-origin:-200px center;}
    100%{-o-transform-origin:500px center;}
}
@-webkit-keyframes airplaneCenter{
    0%{-webkit-transform-origin:-200px center;}
    100%{-webkit-transform-origin:500px center;}
}
 
 
#saturn {
    left: 315px;
    position: absolute;
    top: 143px;
    
    /* Set up the animation */
    animation: orbit 20s linear infinite;
}


/* Note that the second rotate in each of the transforms below has been removed */
@keyframes orbit {
	from { 	transform: rotate(0deg) translateX(150px); }
	to   {  transform: rotate(360deg) translateX(150px); }
}

.floating{

    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;


}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}



.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
  -webkit-animation-name: buzz-out;
  animation-name: buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/**/

#retour {
position: absolute;
width: 200px;
height: 150px;
text-indent: -9999px;
bottom: 100px;
display: block;
right: 40px;
}

#contenu h2 {
	color: white;
	font-family: 'Open Sans', Helvetica, Arial,	sans-serif;

}

#contenu p {
	color: white;
	font-family: 'Open Sans', Helvetica, Arial,	sans-serif;

}

#send {
	background: white;
	border: 0;
	padding: 8px 14px;
	border-radius: 3px;
	cursor: pointer;
}