@charset "UTF-8";



/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



/* Mobile Layout: 414px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 740px;
	display: block;
	background-image: url(../images/minylou-m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
	background-position: top center;
}
#personnages {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: url(../images/bg-personnages.jpg);
	background-size: cover;
}
#jeux-coloriage-livret {
	clear: both;
	float: left;
	margin-top:0;
	padding-top:40px;
	width: 100%;
	display: block;
	background:url(../images/bg-activites.jpg);
	padding-left:5%;
	padding-right:3%;
}
#about {
	clear: both;
	float: left;
	margin-top:0;
	padding-top:40px;
	width: 100%;
	display: block;
	background:url(../images/bg-about.jpg);
	padding-left:10%;
	padding-right:10%;
}
#contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:url(../images/bg-contact.jpg) !important;
}
#logo-splash {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 20px;
}
#bouton-menu {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 10%;
	width: 100%;
	display: block;
}
#jeux {
	clear: both;
	float: left;
	margin-top:50px;
	margin-left: 10%;
	margin-right: 10%;
	width: 70%;
	display: block;
}
#coloriage {
	clear: both;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	width: 70%;
	display: block;
}
#livret {
	clear: both;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom:20px;
	width: 70%;
	display: block;
}
#karine {
	clear: both;
	float: left;
	margin-left: 10%;
	padding-right: 25%;
	padding-top:50px;
	padding-bottom:10px;
	width: 100%;
	display: block;
	text-align:justify;
}
#martine {
	clear: both;
	float: left;
	margin-left: 10%;
	padding-right: 25%;
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
	display: block;
	text-align:justify;
}
#ad {
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	padding-right:0;
	
	position:relative;
}

#jeux-page {
	clear: both;
	float: left;
	margin-left: 0;
	padding-right: 65px;
	margin-top:-50px;
	margin-bottom:-20px;
	width: 100%;
	display: block;
}

#jeu-1 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:-50px;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-11 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-12 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:0px;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-13 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#jeu-15 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:0px;
	width: 100%;
	display: block;
	background:#FFF;
	margin-bottom:20px;
	z-index: 10;
	position:relative;
}
#insert1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:url(../images/insert1.jpg);
	background-size:cover;
	width:100%;
	height:270px;
}
#insert2 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	margin-bottom:0;
	width: 100%;
	display: block;
	background:url(../images/insert2.jpg);
	background-size:cover;
	width:100%;
	height:260px;
}
#form {
	clear: both;
	float: left;
	margin-left: 15%;
	margin-top:30px;
	width: 70%;
	display: block;
}
#brochure {
	clear: both;
	float: left;
	margin-left: 0;
	padding-right: 65px;
	margin-top:15px;
	margin-bottom:-20px;
	width: 100%;
	display: block;
			z-index: 10;
	position:relative;

}
#spirale {
	clear: both;
	float: left;
	margin-left: 0;
	padding-right: 65px;
	margin-top:15px;
	margin-bottom:-20px;
	width: 100%;
	display: block;
			z-index: 10;
	position:relative;

}


/* Tablet Layout: 415px to 1024px.*/
@media only screen and (min-width: 415px) {
	
.gridContainer {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/minylou.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
	background-position: top center;
	height:550px;
}


#personnages {
	clear: both;
	float: left;
	margin-bottom:0px;
	margin-left: 0;
	width: 100%;
	display: block;
}
#jeux-coloriage-livret {
	clear: both;
	float: left;
	margin-left: 0;
	padding-left:5%;
	padding-right:5%;
	margin-top:-70px;
	width: 100%;
	display: block;
}
#about {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background:url(../images/bg-about.jpg);
}
#contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:url(../images/bg-contact.jpg) !important;
}
#logo-splash {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
	margin-top: 0px;
}
#bouton-menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#jeux {
	clear: both;
	float: left;
	margin-top:90px;
	margin-left: 15%;
	width: 70%;
	display: block;
}
#coloriage {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 70%;
	display: block;
}
#livret {
	clear: both;
	float: left;
	margin-bottom:0px;
	margin-left: 15%;
	width: 70%;
	display: block;
}
#karine {
	clear: none;
	float: left;
	margin-top:-30px;
	margin-left: 60px;
	width: 100%;
	display: block;
}
#martine {
	clear: none;
	float: left;
	margin-left: 60px;
	width: 100%;
	display: block;
}
#ad {
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	padding-right:0;
	
	position:relative;
}

#jeux-page {
	clear: both;
	float: left;
	margin-left: 0;
	padding-right: 70px;
	padding-left: 70px;
	margin-top:0px;
	margin-bottom:0px;
	width: 100%;
	display: block;
}

#jeu-1 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-6 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-8 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-10 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-11 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-12 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-13 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#jeu-15 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
	background:#FFF;
	margin-bottom:10px
}
#insert1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:url(../images/insert1.jpg);
	background-size:cover;
	width:100%;
	height:640px;
}
#insert2 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	margin-bottom:0;
	width: 100%;
	display: block;
	background:url(../images/insert2.jpg);
	background-size:cover;
	width:100%;
	height:500px;
}
#form {
	clear: both;
	float: left;
	margin-left: 15%;
	margin-top:30px;
	width: 70%;
	display: block;
}
#brochure {
	clear: both;
	float: left;
padding-right: 70px;
	padding-left: 70px;
	margin-top:0px;
	margin-bottom:0px;
	width: 100%;
	display: block;
			z-index: 10;
	position:relative;

}
#spirale {
	clear: both;
	float: left;
	padding-right: 70px;
	padding-left: 70px;
	margin-top:0px;
	margin-bottom:0px;
	width: 100%;
	display: block;
			z-index: 10;
	position:relative;

}

}

/* Desktop Layout: 1025px to a max of 1920px. */

@media only screen and (min-width: 1025px) {
.gridContainer {
	width: 98.75%;
	max-width: 1232px;
	padding-left: 0.625%;
	padding-right: 0.625%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:1000px;
	display: block;
}
#personnages {
	clear: both;
	float: left;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:0px;
	width: 100%;
	display: block;
}
#jeux-coloriage-livret {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:-50px;
	width: 100%;
	display: block;
	z-index:10;
	padding-left:9%;
	padding-bottom:5%;
	padding-right:10%;
	background:url(../images/bg-activites.jpg);
}
#about {
	clear: both;
	float: left;
	width: 100%;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	display: block;
	background:url(../images/bg-about.jpg);
}
#contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:url(../images/bg-contact.jpg) !important;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#logo-splash {
	clear: both;
	float: left;
	margin-left: 0;
	width: 36.7088%;
	display: block;
}
#bouton-menu {
	clear: none;
	float: left;
	margin-left: 51.8987%;
	width: 5.0632%;
	display: block;
}
#jeux {
	clear: none;
	float: left;
	margin-left: -20px;
	margin-top: 50px;
	margin-bottom:0;
	width: 33%;
	display: block;
}
#coloriage {
	clear: none;
	float: left;
	margin-left: -12%;
	margin-top: 50px;
	margin-bottom:0;
	width: 33%;
	display: block;
}
#livret {
	clear: none;
	float: left;
	margin-left: -12%;
	margin-right:-60%;
	margin-top: 50px;
	margin-bottom:0;
	width: 33%;
	display: block
}
#karine {
	clear: none;
	float: left;
	padding-left:0;
	padding-right:0;
	margin-left:7%;
	margin-right:0;
	margin-top:0;
	width: 40%;
	display: block;
}
#martine {
	clear: none;
	float: right;
	margin-top:40px;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:10%;
	width: 40%;
	display: block;
}
#ad {
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	padding-right:0;
	
	position:relative;
}

#jeux-page {
	clear: both;
	float: left;
	margin-left: 0;
	padding-left:0;
	padding-right: 0px;
	margin-top:0px;
	margin-bottom:0px;
	width: 100%;
	display: block;
}

#jeu-1 {
	clear: both;
	float: left;
	margin-left: 12.6582%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-2 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-3 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-4 {
	clear: both;
	float: left;
	margin-left: 12.6582%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-5 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-6 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-7 {
	clear: both;
	float: left;
	margin-left: 12.6582%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-8 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-9 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-10 {
	clear: both;
	float: left;
	margin-left: 12.6582%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-11 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-12 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-13 {
	clear: both;
	float: left;
	margin-left: 12.6582%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-14 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#jeu-15 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
	background:#FFF;
	margin-bottom:10px;
			z-index: 10;
	position:relative;
}
#insert1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:url(../images/insert1.jpg);
	background-size:cover;
	width:100%;
	height:900px;
}
#insert2 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	margin-bottom:0;
	width: 100%;
	display: block;
	background:url(../images/insert2.jpg);
	background-size:cover;
	width:100%;
	height:900px;
}
#form {
	clear: both;
	float: left;
	margin-left: 15%;
	margin-top:30px;
	width: 70%;
	display: block;
}
#brochure {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
	z-index: 10;
	position:relative;

}
#spirale {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
		z-index: 10;
	position:relative;
}



}