* { 
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box; 
   box-sizing: border-box; 
   margin: 0; 
   padding: 0;
}

body {
   font-family: 'Arial', 'Helvetica', sans-serif;
   text-align: left;
   font-size: 1em;
   line-height: 1.2em;
   background-color: #4dbece;
   width: 100%;
   padding: 1em;
}

img {
   border: none;
}

a {
   color: #e4f200;
   text-decoration: none;
}

#menu_haut {
   position: fixed;
   z-index: 2000;
   background-color: #e2007d;
   width: 100%;
   top: 0;
   left: 0;
   height: auto;
   padding: 1em;
   text-align: center;
   -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
   box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
}

#menu_haut ul {
   display: none;
   margin-top: 2.5em;
}

#menu_haut li, #menu_haut {
   color: #fff;
   font-size: 1.1em;
   list-style-type: none;
}

#menu_haut li {
  margin: 0 0 0.6em 0;
  background-image: none;
  list-style-image: none;
}

.picto_menu {
   position: absolute;
   max-width: auto;
   width: auto;
   right: 1em;
}


h1 {
   font-size: 2em;
   font-family: 'Satisfy', cursive;
   color: #fff;
   line-height: 120%;
   padding: 0 0 2em 0;
   text-align: center;
}

h2 {
   font-size: 2em;
   font-family: 'Satisfy', cursive;
   color: #fff;
   line-height: 120%;
   font-weight: normal;
   background: transparent url(../../images/design/fond_titre1.png) 0 0 no-repeat;
   background-size: 100% 100%;
   text-align: center;
}


h3 {
   font-family: 'Satisfy', cursive;
   font-size: 1.8em;
   font-weight: normal;
   text-align: center;
}

ul, p {
  text-align: justify;
  padding: 0.5em 0;
}

li {
  margin-left: 1em;
  padding: 0.2em 0;
  list-style-image: URL(../../images/design/puce.png);
}

#container {
   position: relative;
   height: auto;
   width: 100%;
   margin: 4em 0 0 0;
}

#footer {
   position: fixed;
   bottom: 0;
   left: 0;
   height: 110px;
   width: 100%;
   background: transparent url(../../images/design/fond.png) 0 0 no-repeat;
   z-index: 10;
}

#footer p {
   position: relative;
   top: 90px;
   font-size: 0.5em;
   color: #4dbece;
   text-align: center;
}

#footer a {
   color: #beb7b1;
}

.col50, .col30 {
   width:100%;
   float: left;
   margin: 0;
   padding: 0;
}


#slides4 {
  position: relative;
  width: 100%;
}


#equipe {
  position: relative;
  background: transparent url(../../images/design/menu_equipe.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/design/menu_equipe.png',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/design/menu_equipe.png',sizingMethod='scale')";
}

#structure {
  position: relative;
  background: transparent url(../../images/design/menu_art.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #fff;
}

#pedagogie {
  position: relative;
  background: transparent url(../../images/design/menu_pedag.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #4dbece;
}

#activites {
  position: relative;
  background: transparent url(../../images/design/menu_acti.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #fff;
}

#plan {
  position: relative;
  background: transparent url(../../images/design/menu_plan.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #fff;
}

#projet {
  position: relative;
  background: transparent url(../../images/design/menu_projet.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #4dbece;
}

#visite {
  position: relative;
  background: transparent url(../../images/design/menu_visite.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #fff;
}

#contact {
  position: relative;
  background: transparent url(../../images/design/menu_contact.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  color: #fff;
}

/*** rubriques ***/

.rub0, .rub0 div div, .rub1, .rub2, .rub3, .rub4, .rub5, .rub6, .rub7 {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 1em 0;
    padding: 0;
    top: 0;
    left: 0;
    height: auto;
}

.rub1 div, .rub2 div, .rub3 div, .rub4 div, .rub5 div, #blocs_lang, #bloc_equipe, #bloc_pedagogie, #bloc_activites, #bloc_visite, #bloc_projet, #bloc_contact, #bloc_plan, #horaires, #jardin {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    height: auto;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    background: none;
  }

  .rub0 h2, .rub1 h2, .rub2 h2, .rub3 h2, .rub4 h2, .rub5 h2, .rub6 h2, .rub7 h2,
  .rub0 h3, .rub1 h3, .rub2 h3, .rub3 h3, .rub4 h3, .rub5 h3, .rub6 h3, .rub7 h3  { 
    position:relative; 
    background-size: 100% 100%;
    margin: 0; 
    padding: 0.5em 0 0.5em 0; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: auto; 
    z-index: 1000;
  }

#nutrition h3, #horaires h3 { padding-top: 0 }


.rub2 h2 {
   background: transparent url(../../images/design/fond_titre2.png) 0 0 no-repeat;
   background-size: 100% 100%;
}

.rub3 {
  position: relative;
  float: left;
}

.rub4 h2 {
   position: relative;
   background: transparent url(../../images/design/fond_titre2.png) 0 0 no-repeat;
   background-size: 100% 100%;
}

.rub5 {
  position: relative;
  margin-top: 28%;
  padding: 0 0 2em 0;
  background: transparent url(../../images/design/fond_txt1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.rub5 h2 {
  position: relative;
  margin: 0 auto;
}

.rub6 {
  position: relative;
}

.rub6 h2 {
  position: relative;
   background: transparent url(../../images/design/fond_titre2.png) 0 0 no-repeat;
   background-size: 100% 100%;
}

.rub7 {
  position: relative;
}

.rub7 h2 {
  position: relative;
   margin: 0 auto;
}

#bloc_structure {
   position: relative;
   color: #4d2e00;
   background-color: #fff;
   border-radius: 30px;
   text-align: left;
   padding: 3em;
   margin-top: -3em;
}

#bloc_structure h3 {
   color: #4dbece;
}

#nutrition {
   position: relative;
   color: #fff;
   text-align: left;
}

#blocs_lang {
  position: relative;
}

#langues {
   position: relative;
   color: #4d2e00;
   background-color: #fff;
   border-radius: 30px;
   padding: 3em;
}

#qualite {
   position: relative;
   color: #fff;
}

#horaires {
   position: relative;
   text-align: right;
   color: #4d2e00;
   background: transparent url(../../images/design/fond_txt_hor.png) 0 0 no-repeat;
   background-size: 100% 100%;
   padding: 3em;
}

#jardin {
   position: relative;
   text-align: right;
   color: #fff;
   background: transparent url(../../images/design/fond_txt_jar.png) 0 0 no-repeat;
   background-size: 100% 100%;
   padding: 3em;
}

#jardin h3 {
   padding-top: 2em;
}

#ecoute {
   position: relative;
   color: #fff;
}

#ecoute img {
   width: auto;
   max-width: auto;
}

#bloc_equipe {
   position: relative;
   margin-top: -3em;
   color: #4d2e00;
   background-color: #fff;
   border-radius: 30px;
   text-align: left;
   padding: 3em;
}

#bloc_pedagogie {
   color: #fff;
   text-align: left;
}

#bloc_activites {
   position: relative;
   color: #4d2e00;
   padding: 0;
   text-align: left;
   margin: 0 auto;
   background-color: #fff;
   border-radius: 30px;
   padding: 3em;
   margin-top: -3em;
}

#bloc_visite {
   position: relative;
   color: #fff;
   text-align: left;
   margin-top: -4em;
}

#bloc_projet {
   position: relative;
   color: #fff;
   text-align: center;
}

#bloc_projet a {
   color: #e2007d;
}

#bloc_plan {
   color: #fff;
   text-align: left;
   background: transparent url(../../images/design/fond_txt1.png) 0 0 no-repeat;
   background-size: 100% 100%;
}

#bloc_contact {
   position: relative;
   color: #fff;
   margin: 0 auto;
   text-align: left;
}

#bloc_contact p {
   font-size: 1.2em;
   line-height: 120%;
   text-align: center;
}

/*** Gallery ***/


#slides {
  width: 100%;
  height: auto;
}

#mask_visite {
  position: relative;
  top: -500px;
  background: transparent url(../../images/design/mask_visite.png) 0 0 no-repeat;
  width: 700px;
  height: 500px;
  z-index: 5;
  display: none;
}

.galerie #slides2 {
  display: none;
}

.galerie #slides3 {
  display: none;
}


#mask_art {
  background: transparent url(../../images/design/mask_art.png) 0 0 no-repeat;
  width: 381px;
  height: 233px;
  display: none;
}

#mask_jardin {
  background: transparent url(../../images/design/mask_jardin.png) 0 0 no-repeat;
  width: 381px;
  height: 233px;
  display: none;
}

.credphoto {
   width: 100%;
   position: relative;
   top: 15px;
   text-align: center;
}

#container { 
   width: 100%;
   padding: 0; 
   height: auto; 
}

.galerie {  }

#bloc_equipe .droite, #bloc_pedagogie .gauche, .col50.gauche, .col50.droite,
#bloc_activites .gauche { margin: 0; }

#slides {
   position: relative;
   min-height: 100px;
   height: auto;
   width: 100%;
   margin: 0 0 30% 0;
}

#mask_visite { display: none; }

img {
   max-width: 100%;
   width: 60%;
}

#slides img {
    position: relative;
    width: 100%;
    min-height: 100px;
}

.rub5 img {
   width: 30%;
}

.credphoto {
   position: relative;
   top: 25px;
}

iframe { width: 100%; }

@media screen and (max-width: 400px) {
  body {
   font-size: 0.75em;
  }

  .rub0 h2, .rub1 h2, .rub2 h2, .rub3 h2, .rub4 h2, .rub5 h2, .rub6 h2, .rub7 h2,
  .rub0 h3, .rub1 h3, .rub2 h3, .rub3 h3, .rub4 h3, .rub5 h3, .rub6 h3, .rub7 h3 {
   font-size: 1.5em;
   padding: 1em 2em;
  }
}

.simple * {
   background-image: none;
   color: #fff;
}

.simple h2 {
   color: #4D2E00;
   padding: 2em 0;
}

#menu_simple ul {
    width: 80%;
    margin: 0 auto;
}

#menu_simple li {
   float: left;
   margin: 0 2em 0 0;
}

/* Stylesheet: mobile Modified On 2013-07-12 16:07:55 */