body
{
  width: 980px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;
   padding: 0px;
   font-family: "Comic sans MS", Arial, sans-serif; 
   background: rgb(187,255,255) ;
}

h2
{
   color: purple;
   font-family: "Comic sans MS",cursive;
   text-align: center;
}
h4
{
color: pink;
font-size: 14pt;
font-weight: normal;
font-style: italic;
}
.violet
{
color: purple;
}
.violet_petit
{
font-style: normal;
font-size: 10pt;
color: purple;
}
.teal
{
color: teal;
}

.creche
{
background:url("images/creche.gif");
width: 110px;
height: 130px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}

.etoile
{
background:url("images/etoilsourir.gif");
width: 50px;
height: 47px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}
.oeufsp
{
background:url("images/oeufspaq.png");
width: 198px;
height: 49px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}
.oeuf
{
background:url("images/oeuf.png");
width: 46px;
height: 32px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}
.oiseau
{
background:url("images/oiseauj2.gif");
width: 60px;
height: 63px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}

p
{
padding-top:10px;
}


a
{
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
color: white;
font-size: 1.2em;
}
.lien_petit
{
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
color: white;
font-size: 0.8em;
}
.lien_rose
{
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
color: pink;

}

.lien_bleu
{
font-family: Arial, Verdana, sans-serif;
text-decoration: none;
color: navy;
font-size: 0.9em;
}


a:hover
{
color: purple;
background-color: rgb(187,255,255);
text-decoration: none;
}

em
{
font-size: 1.2em;
}
blockquote
{
background-color: rgb(187,255,255);
margin: 0px;
padding: 10px;
padding-top:0px;
width: 43%;
text-align: center;
}

td 
{
width: 12%;
background-color: rgb(117,189,182);
text-align: center;
border: 3px teal;
padding-top: 5px;
}
td a
{
color: white;
font-size: 1.2em;
text-decoration: underline;
}
td a:hover
{
background-color: rgb(187,255,255);
color: purple;
} 

#dessin1/* L'en-tête */
{
    width: 106px;
    height: 135px;
    position: absolute;
    top: 10px;
   right: 50%;
   margin-right: 320px;
    background: url("images/fillefleur.gif");
}
#dessin2
{
    width: 128px;
    height: 135px;
    position: absolute;
    top: 20px;
    left: 50%;
	margin-left: 300px;
    background: url("images/garconlire.gif");
}

#en_tete
{
   background: url("images/titre_eveil3.png") no-repeat center rgb(29,151,166);
   height: 79px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}
#en_tete h1
{
  /* text-align: center;
   font-size: 1.6em;
   color: white;*/
     text-indent: -50000px;
   font-size: 12pt;
   
}

#menu/* Le menu */
{
   float: left; /* Le menu flottera à gauche */
   width: 180px;   /* Très important : donner une taille au menu */
   margin-top: 50px;
   margin-bottom: 15px;
   margin-left:15px;
  text-align:center;
   padding-top: 0px;
   z-index:20;
 
} 
#menu p
{
  color: rgb(253,236,158);
  }
.construction
{
 /*position: absolute;
 top: 120px;
 left: 50%;
 width: 280px;
 height: 40px;*/
   margin: auto;
   margin-bottom: 10px;
   padding-top: 5px;
  padding-bottom:10px;
 text-align: center;
   font-family: "Impact", Arial, sans-serif; 
   font-size: 1.2em;
   background: darkorchid ;
   }	


#menu h3 
{
font-size:1em;
color: white;
text-align: center;
}
#menu  a
{
font-weight: bold;
}
           
.element_menua
{
  border: 2px solid rgb(0,215,215);
text-align:left;
  padding-top: 0px;
  margin-top:0px;
   margin-bottom: 6px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin-left:10px;
   color: navy;
   background-color: white;
   -moz-border-radius: 15px;
   z-index: 20;
}
.element_menua ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.gif"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche*/
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-left: 12px;
   margin-bottom: 10px; /* on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menua a
{
font-size: 0.8em;
color:navy;
font-weight: bold;
}

.element_menua a:hover
{
color: purple;
background-color: rgb(253,196,103);
text-decoration: none;
}

.gris a
{
color: lavender;
}

.rose
{
background-color: rgb(255,154,167);
margin-bottom: 2px;
margin-top:10px;

}
.jaune
{
background-color: rgb(253,196,103);
margin-bottom: 2px;
margin-top:10px;

}

.bleu
{
background-color: rgb(148,217,246);
margin-bottom: 2px;
margin-top:10px;
}


.element_menub
{
   /*margin-left:15px;
   padding: 0px;
   padding-bottom: 10px;
   margin-bottom: 0px;
  text-align:center;*/
  
   margin-top: 40px;
   padding: 0px;
   padding-bottom: 10px;
   margin-bottom: 0px;
  
  
}
.element_menub a img
{
text-decoration:none;
border:none;
}
.element_menub a img:hover
{
border:solid 2px teal;
background-color:white;

}


#intro_page
{
margin-left:380px;
margin-top: -15px;
color: white;
font-family: "Comic sans MS", Arial, sans-serif;
text-align: left;
z-index:21;
}
#intro_page h1
{
font-size: 2em;
color:white;
text-align: center;

}
 

#corps/* Le corps de la page */
{
   margin-left:240px;
   margin-bottom: 10px; 
   margin-top: 10px;
   padding: 15px; 
   padding-bottom: 8px;
   padding-top:0px;
   background: rgb(255,154,167); 
   border: 2px solid teal; 
   color: navy;
   text-align:justify;
    -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
    border-radius: 15px;
   z-index:23;
}

#corps h1
{
margin-top: 20px;
font-size: 1.8em;
color: white;
}


.epais 
{

background:  url("images/fllochrj.gif");
margin-top: 30px;
margin-bottom: 30px;
/*height: 25px;
margin-top: 30px !important;

margin-bottom: 30px !important;

border:none;*/
}

.important
{
font-size: 2.5em;
}

.imageflotdr
{
float: right;
margin: 20px;
margin-right: 0px;
margin-top: 5px;
}
.imageflotgch
{
float: left;
margin: 20px;
margin-left: 0px;
margin-top: 5px;
}

.centre
{
margin:auto;
text-align: center;
}
.clear
{
clear: both;
}
.clearl
{
clear: left;
}
.cleard
{
clear: right;
}
.marge
{
margin: 30px;
margin-top: 55px;
}
.impact
{
font-size:1.6em;
text-align:center;
color:purple;
font-family: Impact, "Arial Narrow", sans-serif;
padding-top:15px;
}
.black
{
font-size: 18pt;
text-align: center;
color: white;
font-family: "Arial Black",Impact,sans-serif;
font-weight: bold;
}



#corps ul
{
font-style:italic;
color: white;
font-size: 16pt;
text-align: left;
}
#corps ul a
{
color: purple;
font-size:0.8em;

}
 .gras
{
font-weight: bold;
}

.petite_liste
{
font-style: normal;
color: pink;
font-size: 10pt;
}
.calendrier 
{
width: 85%;
background-color: rgb(187,255,255);
padding: 10px;
margin: auto;
margin-top: 30px;
margin-bottom: 20px;
}
.calendrier table
{ 
padding: 10px;
font-family: Arial,Times,sans-serif;
font-size: 0.9em;
text-align: center;
margin: auto;
}
.calendrier table caption
{
color: teal;
font-family: "Arial Black",Arial,sans-serif;
font-size: 1.3em;
}
.calendrier table th
{
background-color: rgb(187,255,255);
color: teal;
text-align: center;
}
.calendrier table tr td
{
background-color: teal;
color: white;
font-weight: bold;
}



.priere
{
width:70%;
text-align: center;
margin: auto;
padding: 15px;
padding-top: 5px;
background-color: rgb(187,255,255);
}

#contact
{
font-size: 1em;
text-align: center;
color: white;
font-family: Comic,Arial,sans-serif;
font-weight: bold;
border-collapse: separate;
border-spacing: 5px;
}
#contact td
{
background-color: rgb(0,172,230);
}
#contact td a
{
color:purple;
text-decoration:none;
}


#menuhoriz
{
   margin-left:240px;
   margin-bottom: 10px; 
   margin-top: 0px;
 background-color: rgb(0,215,215); 
 border: 2px solid white;
 text-align: center;
 padding:5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#menuhoriz table
{
border-collapse: separate;
border-spacing: 5px;
}
#menuhoriz table a img
{
border: none;
}
.premier
{
background-color:rgb(0,215,215);
border: none;
}

#pied_de_page
{
clear:both;
   margin-top: 10px;
   padding: 10px;
   background-color: rgb(0,215,215);
   border: 2px solid white;
   color: white;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#pied_de_page a
{
font-size: 1.4em;
}

.copyright
{
font-size: 0.8em;
color: navy;
}