/* CSS Document */

body{
  width:1024px;
  margin:auto;
 }


/*représente la page englobante de l'accueil*/
#page_englobante_accueil{
    background : url(images/accueil-enfant-sport-en-famille.jpg) no-repeat 0 0;
    
    }

/*représente le logo*/
.logo{
    margin-left : 312px;
    }

/*représente la div du menu*/
#menu{
    margin-top:5px;
    float:left;
    margin-left: -5px; 
    }
    
/*représente l'affichage de la liste à puce du menu, class posée sur le ul*/
.menu{
    list-style-type:none;
    margin-top:0px;
    list-style-position:outside; 
    display:block;
    margin-bottom:0px;
    margin-left:17px;
    }

/*class posée sur les liens d'images afin d'en supprimer le contour et de faire un petit espacement entre chaque lien de la liste du menu*/
a img{
    border:none;
    margin:2px;
    }

a {
    color:#666666;
    text-decoration:none;
    font-family:"Times New Roman", "sans serif";
    font-size:16px;
    line-height:18px;
    }
    
a:hover {
    color:#dc006c;
    text-decoration:none;
    font-family:"Times New Roman", "sans serif";
    font-size:18px;
    line-height:24px;
    font-weight:blod;
    }

/*style atribué à la div présentation de l'accueil*/
.presentation{
    margin-left:300px;
    margin-top:10px;
    }

.presentation_titre{
    margin-top:330px;
    }

.intro_accueil{
    color:#000000;
    width:600px;
    font-family:"Times New Roman", "sans serif";
    font-size:16px;
    line-height:21px;
    margin-top:0px;
    }


/*tout les pieds de page en fonction de l'image de fond*/
.copyright{
    margin-top:490px;
    margin-left:350px;
    }

.copyright_nous{
    margin-top:200px;
    margin-left:50px;
    }

.copyright_recettes{
    margin-top:1020px;
    margin-left:550px;
    }

.copyright_contact{
    margin-top:0px;
    margin-left:50px;
    }
    
.copyright_manger-bouger{
    margin-top:1465px;
    margin-left:170px;
    }    

.copyright_sport{
    margin-top:270px;
    margin-left:45px;
    }

.copyright_jeux{
    margin-top:870px;
    margin-left:45px;
    }

.copyright_pack{
    margin-top:1220px;
    margin-left:580px;
    }



.pied_de_page{
  color:#000000;
  font-family:"Times New Roman", "sans serif";
  font-size:17px;
  line-height:22px;
    }

#page_englobante_nous{
    background : url(images/nous.jpg) no-repeat 0 0;
    margin:auto;
    }

.contact{
    margin-left:15px;
    margin-top:28px;
    float:left;
    }

#page_englobante_recettes{
    background : url(images/recettes_astuces.jpg) no-repeat 0 0;
    margin:auto;
    }

#page_englobante_contact{
    background : url(images/contacts-sport-jeux-motricite-enfant.jpg) no-repeat 0 0;
    margin:auto;
    }

#page_englobante_liens{
    background : url(images/liens.jpg) no-repeat 0 0;
    margin:auto;
    }


/*formatage de la div de contact et commande*/
.contact_commande{
    margin-left:380px;
    width:400px;
    }

/*formatage du paragraphe de contact et commande, partie adresse*/
.adresse{
    margin-top:230px;
    color:#ffffff;
    font-family:"Times New Roman", "sans serif";
    font-size:26px;
    line-height:28px;
    }

/*formatage du paragraphe de contact et commande, partie condition*/
.condition{
    margin-top:65px;
    color:#ffffff;
    font-family:"Times New Roman", "sans serif";
    font-size:20px;
    line-height:24px;
    }

.ann{
    margin-top:250px;
    color:#ffffff;
    font-family:"Times New Roman", "sans serif";
    font-size:26px;
    line-height:28px;
    }

#page_englobante_manger-bouger{
    background : url(images/manger-bouger.jpg) no-repeat 0 0;
    margin:auto;
    }

#page_englobante_sport_famille{
    background : url(images/sport_en_famille.jpg) no-repeat 0 0;
    margin:auto;
    }

/*formatage de la div de contact et commande*/
.sport_en_famille{
    margin-left:300px;
    }

/*formatage du paragraphe de sport en famille*/
.sport{
    margin-top:30px;
    color:#000000;
    font-family:"Times New Roman", "sans serif";
    font-size:17px;
    line-height:22px;
    width:480px;
    }

#page_englobante_jeux{
    background : url(images/+_de_jeux-maternelle-enfant-sport.jpg) no-repeat 0 0;
    margin:auto;
    }
    
.jeux{
    margin-top:30px;
    color:#ffffff;
    font-family:"Times New Roman", "sans serif";
    font-size:17px;
    line-height:22px;
    width:320px;
    }

.div_englogante_p_jeux{
    width:750px;
    float:left;
    }

/*formatage de la div de "encore plus de jeux"*/
.div_jeux{
    margin-left:60px;
    float:left;
    }

.div_jeux2{
    margin-left:20px;
    float:left;
    }

table{
    margin-top:80px;
    margin-left:250px;
    color:#ffffff;
    font-family:"Times New Roman", "sans serif";
    font-size:16px;
    }

td{
    padding-right:25px;
    }

/*mise en forme des titre des catégories de liens amis de la page contact et commandes*/
.titre{
    color:#000000;
    font-family:"Times New Roman", "sans serif";
    font-size:17px;
    font-weight:bold;
    }

/*mise en forme la div des liens amis de la page contact et commandes*/
.lien_amis{
    margin-left:280px;
    margin-top:70px;
    }

/*mise en forme du paragraphe des liens amis de la page contact et commandes*/
.liens{
    color:#000000;
    font-family:"Times New Roman", "sans serif";
    font-size:16px;
    line-height:20px;
    }

h1{
    color:#000000;
    font-family:"Times New Roman", "sans serif";
    font-size:26px;
    font-weight:bold;
    }

#page_englobante_pack{
    background : url(images/le_pack_cest_quoi-accessoires-jeux-enfants-maternelle-sport-famille.jpg) no-repeat 0 0;
    margin:auto;
    }

/*mise en forme du paragraphe de l'intro de la page le pack c quoi*/ 
.p_intro{
    color:#000000;
    font-family:"Times New Roman", "sans serif";
    font-size:17px;
    line-height:22px;
    }

.intro1{
    margin-left:300px;
    width:600px;
    margin-top:20px;
    }

/*mise en forme de la div foulard*/
.foulard{
    width:250px;
    float:left;
    margin-left:25px;
    }
    
/*mise en forme du paragraphe de la div foulard*/
.p_foulard{
    margin-left:70px;
    margin-top:0px;
    }
    
/*mise en forme de la div de la balle hérisson*/
.balle_herisson{
    width:340px;
    float:left;
    margin-left:25px;
    }
    
/*mise en forme du paragraphe de la div balle hérisson*/
.p_balle_herisson{
    margin-left:70px;
    }

/*mise en forme de la div de la balle à rebond*/
.balle_rebond{
    width:250px;
    float:left;
    margin-left:25px;
    margin-top:80px;
    }
    
/*mise en forme du paragraphe de la div balle à rebond*/
.p_balle_rebond{
    margin-left:70px;
    }
    

/*mise en forme de la div du ballon paille*/
.ballon_paille{
    width:400px;
    float:left;
    margin-left:25px;
    margin-top:10px;
    }
    
/*mise en forme du paragraphe de la div du ballon paille*/
.p_ballon_paille{
    margin-left:300px;
    margin-top:40px;
    }

/*mise en forme de la div des anneaux souples*/
.anneaux_souples{
    width:400px;
    float:left;
    margin-top:20px;
    }
    
/*mise en forme du paragraphe de la div des anneaux souples*/
.p_anneaux_souples{
    margin-left:270px;
    margin-top:50px;
    }
    
/*mise en forme de la div des anneaux durs*/
.anneaux_durs{
    width:240px;
    float:left;
    margin-left:100px;
    margin-top:110px;
    }
    
/*mise en forme du paragraphe de la div des anneaux durs*/
.p_anneaux_durs{
    margin-left:20px;
    margin-top:5px;
    }


/*mise en forme de la div des fleches directionnelles*/
.fleches_directionnelles{
    width:420px;
    float:left;
    margin-left:100px;
    margin-top:40px;
    }
    
/*mise en forme du paragraphe de la div des fleches directionnelles*/
.p_fleches_directionnelles{
    margin-left:240px;
    margin-top:100px;
    }


/*mise en forme de la div des pieds et des mains*/
.pieds_mains{
    width:250px;
    float:left;
    margin-left:0px;
    margin-top:180px;
    }
    
/*mise en forme du paragraphe de la div des pieds et des mains*/
.p_pieds_mains{
    margin-left:20px;
    margin-top:0px;
    }
    

/*mise en forme de la div du crayon propre*/
.crayon_propre{
    width:400px;
    float:left;
    margin-left:40px;
    margin-top:125px;
    }
    
/*mise en forme du paragraphe de la div du crayon propre*/
.p_crayon_propre{
    margin-left:280px;
    margin-top:60px;
    }
    
/*mise en forme de la div de la balle molle*/
.balle_molle{
    width:250px;
    float:left;
    margin-left:70px;
    margin-top:65px;
    }
    
/*mise en forme du paragraphe de la div de la balle molle*/
.p_balle_molle{
    margin-left:20px;
    margin-top:160px;
    }

.gras{
    font-weight:bold;
    }

form{
    width:550px;
    margin-left:350px;
    margin-top:70px;
    }


