img,ul,form,li,td,div,p,br,a,h1,h2,body{
margin:0;
padding:0;
list-style:none;
border:0;
}

body {
behavior: url(csshover.htc);

} 
/*pour internet explorer propriete hover*/

.couleurfond{
 /* background:#f8fad2; */
  background:#cc1253;
/* background:#fdd49e;
background:#ece8d6;*/
}



#pere{
position: absolute; /* on positionne le conteneur */
/* margin-left: auto;
margin-right: auto; */
height:auto;
/* top:50%;
margin-top:-330px; */ 
width:1000px;
left:50%;
margin-left:-500px;
/* color:#330505; */
/* background-color:#eac9ee; */
background-color:#98ab40;
/* border:50px solid #cc1253;
 */
 background-image: url(); /* neige qui tombe */



}

#bandeau {
height:190px;
width:1000px;
text-align:center;
/* background-color:#b8aea9; */
 background-color:#812d60;
 /* background: #812d60 URL(images/bandeau.png) no-repeat top; */
float:left;
border-top:20px solid #812d60;
border-bottom:20px solid #cc1253;
padding-bottom:10px;
}

#menucentre{
width:1000px;
float:left;
margin-top:-10px;
/* border-top: 30px solid #acca02;
 */
}

#imagemenucentre{
background: URL(images/trois_poussins.png) no-repeat left ;
height:70px;
width:90px;
float: left;
padding-right:85px;
padding-left:-05px;
margin-top:-37px;
margin-bottom:10px;
}

#menuoeufs{
float: left;
width:800px;
text-align:center;
height:90px;
margin-left:0px;
}

#menu ul  {
list-style-type:none;
}

#menu li {
margin-left:3px;
margin-top:-63px;
float:left;
}

.notext{
display:none;
left:-5000px;
top:-5000px;
text-indent:-5000px;
}

#menu li a{
display:block;
width:100px;
height:120px;
}

#menu a.accueil:link , #menu a.accueil:visited , #menu a.accueil :active  {
background: transparent URL(images/accueilP.png) center no-repeat ;
}

#menu a.accueil:hover, #menu a.accueil:focus{
background: transparent URL(images/accueilG.png) center no-repeat ;
}

#menu a.commentcamarche:link , #menu a.commentcamarche:visited , #menu a.philosophie :active  {
background: transparent URL(images/commentcamarcheP.png) center no-repeat ;
}

#menu a.commentcamarche:hover, #menu a.commentcamarche:focus{
background: transparent URL(images/commentcamarcheG.png) center no-repeat ;
}

#menu a.petite:link , #menu a.petite:visited , #menu a.petite :active  {
background: transparent URL(images/petiteP.png) center no-repeat ;
}

#menu a.petite:hover, #menu a.petite:focus{
background: transparent URL(images/petiteG.png) center no-repeat ;
}

#menu a.petit:link , #menu a.petit:visited , #menu a.petit :active  {
background: transparent URL(images/petitP.png) center no-repeat ;
}

#menu a.petit:hover, #menu a.petit:focus{
background: transparent URL(images/petitG.png) center no-repeat ;
}

#menu a.fratrie:link , #menu a.fratrie:visited , #menu a.fratrie :active  {
background: transparent URL(images/deuxP.png) center no-repeat ;
}

#menu a.fratrie:hover, #menu a.fratrie:focus{
background: transparent URL(images/deuxG.png) center no-repeat ;
}

#menu a.commande:link , #menu a.commande:visited , #menu a.commande :active  {
background: transparent URL(images/commandeP.png) center no-repeat ;
}

#menu a.commande:hover, #menu a.commande:focus{
background: transparent URL(images/commandeG.png) center no-repeat ;
}

#menu a.catalogue:link , #menu a.catalogue:visited , #menu a.catalogue :active  {
background: transparent URL(images/catalogueP.png) center no-repeat ;
}

#menu a.catalogue:hover, #menu a.catalogue:focus{
background: transparent URL(images/catalogueG.png) center no-repeat ;
}


#menuSecondaire{
float:left;
width:990px;
margin-top:-33px;
background-color: #cc1253;
height:15px;
line-height:15px;
color: #e7b4c6;
font-size: 12px;
font-family:arial;
padding: 4px 8px;

}

#menuDeroulant{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
width:1000px;
float:left;
 position: absolute;
 top: 288px;
 left: 200px;

}

#menuDeroulant ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
float:left;

}


#menuDeroulant li{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width:165px;
 text-align:center;
}

.decalageGauche{
margin-left:-30px;
}

.decalageDroite{
margin-left:-30px;
}

.decalageDroite2{
margin-left:-10px;
}

#menuDeroulant .sousMenu{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 }
 
 #menuDeroulant .sousMenu li{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
 text-align:center;
line-height:15px;
width:150px;

}

#menuDeroulant li a:link, 
#menuDeroulant li a:visited{
 display: block;
height: 1%;
 color: #e7b4c6;
 background-color: #cc1253;
 margin: 0;
 padding: 2px 4px;
 text-decoration: none;
 border-top:solid 1px #cc1253; /*pour ie bordure meme couleur que fond*/
border-bottom:solid 1px #cc1253;/*pour ie bordure meme couleur que fond*/
}

#menuDeroulant li a:hover { 
color:#fff;
}

#menuDeroulant li a:active { 
color:#fff; 
}


#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited{
 display: block;
 color: #e7b4c6;
 margin: 0;
 border: 0;
  padding: 2px 4px;
 text-decoration: none;
 background-color: #cc1253;
 }

#menuDeroulant .sousMenu li a:hover{
color:#fff; 
}

#menuDeroulant .sousMenu{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li:hover .sousMenu { 
display: block; 
}

.actifbas{
color:#fff;
font-size: 10px;
}

.separation{
color:#e7b4c6;
font-size: 11px;
}

#centre {
width:1000px;
margin-top:10px;
float:left;
}

#texteAccueil{
width:1000px;
padding-top:35px;
margin-left:10px;
text-align:center;
padding-bottom:60px;
float:left;
}

#tampon{
width:200px;
text-align:center;
padding-bottom:20px;
padding-left:80px;
margin-top:-20px;
float:left;
}

#texteAccueilHaut{
width:550px;
text-align:center;
padding-bottom:20px;
padding-left:10px;
margin-top:-20px;
float:left;
}

#boutonCommanderAccueil{
width:70px;
height:40px;
padding-left:790px;
margin-top:-95px;
float:left;
}

#texteAccueilGauche{
width:400px;
height:190px;
text-align:justify;
margin-left:55px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:20px;
margin-top:-25px;
background-color:#a7b75b;
float:left;
}

#texteAccueilDroite{
width:436px;
height:212px;
margin-top:12px;
text-align:justify;
margin-left:8px;
margin-top:-15px;
float:left;
}

#flashAccueil{
width:430px;
height:211px;
}

#texteAccueilBas{
width:900px;
height:155px;
margin-top:20px;
text-align:justify;
margin-left:30px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:10px;
background-color:#a7b75b;
float:left;
}

#boutonRemerciements{
background: URL(images/remerciements.png) no-repeat left ;
width:200px;
height:60px;
margin-left:5px;
margin-top:-50px;
float:left;
}

#textepage{
width:1000px;
padding-left:10px;
text-align:center;
padding-bottom:20px;
padding-top:0px;
float:left;
}

#textepagemarche{
width:800px;
margin-left:100px;
margin-bottom:30px;
padding-top:5px;
clear:both;
}

#textepagecatalogue{
width:800px;
margin-left:200px;
}

#imagescatalogue{
width:800px;
margin-left:100px;
margin-bottom:40px;
}

#textepagequisommesnous{
width:800px;
margin-left:100px;
margin-bottom:30px;
}

#format{
width:600px;
height:210px;
padding-left:150px;
padding-bottom:10px;
background: transparent URL(images/format2.png) center no-repeat ;
}

#recycle{
width:400px;
height:60px;
margin-top:-95px;
margin-left:360px;
}

#cucafran{
width: 180px;
float:left;
margin-left:10px;
margin-top:20px;
}

#textequisommesnous{
width:560px;
margin-left:-20px;
float:left;
}


h5{ /*texte page une petite*/
/* color:#cc1253;*/
color:#fff;
font-size:14px;
font-family:arial;
font-weight:normal;
text-align:justify;
/* text-transform:uppercase;
 */
 }
 
 .majuscule{
 text-transform:uppercase;
 color:#a31547;
 }
 
 .bordeaux{
  color:#a31547;
 }
 
 .majusculeTitre{
 text-transform:uppercase;
 color:#a31547;
 font-size:16px;
 border:1px dashed #fff;
 padding:5px;

 }
 
 .italique{
 font-style:italic;
 }


#arrive{
width:150px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:105px;
float:left;
}

#fairepartArrive{
margin-top:-25px;
margin-bottom:5px;
margin-left:98px;
float:left;
}

#appelle{
width:150px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:38px;
float:left;
}

#fairepartApelle{
margin-top:-25px;
margin-bottom:20px;
margin-left:23px;
float:left;
}

#epanoui{
width:150px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:38px;
float:left;
}

#fairepartEpanoui{
margin-top:-25px;
margin-bottom:20px;
margin-left:22px;
float:left;
}

#montre{
width:150px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:36px;
margin-left:36px;
float:left;
}

#fairepartMontre{
margin-top:-25px;
margin-bottom:20px;
margin-left:23px;
float:left;
}

#texteCliquerImage{
width:800px;
padding-left:98px;
text-align:center;
margin-top:-15px;
padding-bottom:20px;
padding-top:0px;
float:left;

}

p{
/* color:#89827e;
 */
color:#fff;
 font-family:arial;
font-size:12px;
text-align:justify;
text-decoration:none;
font-weight:normal;
line-height:16px;

}

.textepetit {
color:#ffffff;
font-size:12px;

}

.textepetit_bas {
color:#812d60;
font-size:13px;

}

h1{
color:#ffffff;
font-size:14px;
font-family:arial;
font-weight:normal;
text-align:center;
/* text-transform:uppercase;
 */
 }
 
 h3{ /*texte page une petite*/
color:#a31547;
font-size:14px;
font-family:arial;
font-weight:normal;
text-align:center;
/* text-transform:uppercase;
 */

 }
 
h4{ /*texte majuscules*/
color:#8e5b5e;
font-size:14px;
font-family:arial;
font-weight:bold;
text-align:center;
text-transform:uppercase;
margin-top:-2px;
margin-right:4px;
 }


#pied{
width:1000px;
float:left;
}

#menupied{
width:950px;
margin-left:15px;
text-align:center;
}


#menupied  ul li {
list-style:none;
text-decoration:none;
text-align:center;
font-size: 10px;
font-family:arial;
display:inline;
height:30px;
/* list-style-image:url(images/coquille_petite_menubas.png); */
}


.actifhaut{
color:#fff;
font-size: 11px;

}

#menupied a:link , #menupied a:visited , #menupied a :active  {
font-weight:normal;
color:#812d60;
text-decoration:none;
}

#menupied a:hover, #menupied a:focus{
font-weight:normal;
color: #fff;
text-decoration:none;
}

#textepied{
width:1000px;
float:left;
border-top: 6px solid #cc1253;
margin-top:10px;
background-color:#812d60;
}


#imagepied{
float:right;
width:40px;
height:80px;
padding-right:20px;
margin-top:-90px;
}

.textepetit_bas{
color:#fff;
font-size: 12px;

}

/* page dematerialise */
#numerique{
width:370px;
height:720px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:5px;
float:left;
}

#web{
width:370px;
height:720px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:10px;
float:left;
margin-bottom:20px;
}


/* page su mersure */
#avecidee{
width:300px;
height:430px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:60px;
float:left;
}

#sansidee{
width:300px;
height:430px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
margin-left:30px;
float:left;
margin-bottom:20px;
}

/* page actualites */
#actualites{
width:350px;
height:360px;
border:2px solid #8d9d42;
-moz-border-radius:25px;
padding:8px;
background-color:#a7b75b;
float:left;
margin:10px;
}



/* lyteshow */

#lyteshowArrive{
width:600px;
float:left;
margin-bottom:5px;
margin-left:100px;
}


/* contact */

#textecontact{
width:500px;
float:left;
margin-left:40px;
}

.contact{
color:#a31547;
font-family:arial;
font-size:13px;
font-weight:normal;
text-align:left;
text-decoration:underline;

}

#formulaire {
width:800px;
margin-left:50px;
float:left;
font-family:arial;
color:#a31547;
font-size:13px;
}

#messmail {
width:400px;
margin-left:200px;
float:left;
font-family:arial;
color:#a31547;
font-size:13px;
margin-top:-20px;
text-align:center;
}

fieldset {
padding-top:2px;
padding-left:20px;
margin:2px 5px 5px 5px;
border:solid 0px #615959;
width:850px;
}

legend{
font-size:13px;
color:#a31547;
font-family:arial;
width:300px;

}

textarea{
background-color:#98ab40;
border:dotted 1px #615959;
color:#ffffff;
}

input{
background-color:#98ab40;
color:#ffffff;
}

.calage{
display:inline;
float:left;
width:70px;
margin-left:0px;
font-family:arial;
font-size:13px;
color:#a31547;
}

.calage1{
display:inline;
float:left;
width:90px;
margin-left:0px;
font-family:arial;
font-size:13px;
color:#a31547;
}

.calage2{
display:inline;
float:left;
width:240px;
margin-left:0px;
font-family:arial;
font-size:13px;
color:#a31547;
}

.champs{
font-family:arial;
font-size:13px;
line-height:18px;
background-color:#98ab40;
border:dotted 1px #615959;
color:#ffffff;
}

.texteformul{
font-family:arial;
font-size:13px;
color:#cc1253;
border:dotted 1px #cc1253;
line-height:18px;

}

.texteformul2{
font-family:arial;
font-size:11px;
color:#a31547;
line-height:15px;
}

.envoyer{
font-size:14px;
color:#a31547;
border:dotted 1px #a31547;
margin-left:682px;
font-weight:normal;
margin-top:10px;
}

.effacer{
font-size:13px;
color:#a31547;
border:dotted 1px #a31547;
margin-left:30px;
padding-top:1px;
}

.stylemessage2{
font-family:arial;
font-size:13px;
color:#cc1253;


}

.stylemessage{
font-family:arial;
font-size:13px;
color:#ffffff;
margin-bottom:200px;

}

.asterisque{
font-family:arial;
font-size:13px;
color:#a31547;
padding:0px;
}
/* fin */


/* boutonCommander */



#boutonCommanderMarche{
width:70px;
height:40px;
margin-left:630px;
margin-top:-35px;
float:left;
}

#boutonCommanderPetite{
width:70px;
height:40px;
margin-left:-60px;
margin-top:-45px;
float:left;
}

#boutonCommanderPetit{
width:70px;
height:40px;
margin-left:-60px;
margin-top:-45px;
float:left;
}

#boutonCommanderFratrie{
width:70px;
height:40px;
margin-left:-60px;
margin-top:-45px;
float:left;
}

#boutonCommanderCatalogue{
width:160px;
height:56px;
margin-left:630px;
margin-top:-45px;
float:right;
}

#boutonCommanderCatalogue2{
width:900px;
height:56px;
margin-left:0px;
margin-top:-15px;
float:right;
}

#boutonCommander ul  {
list-style-type:none;
}
#boutonCommander li {
margin-left:3px;
float:left;
}
.notext{
display:none;
left:-5000px;
top:-5000px;
text-indent:-5000px;
}
#boutonCommander li a{
display:block;
width:200px;
height:100px;
}
#boutonCommander a.bouton:link , 
#boutonCommander a.bouton:visited , 
#boutonCommander a.bouton :active  {
background: transparent URL(images/commander.png) center no-repeat ;
}
#boutonCommander a.bouton:hover, 
#boutonCommander a.bouton:focus{
background: transparent URL(images/commanderHover.png) center no-repeat ;
}
/* fin boutonCommander */



