/*style general des pages*/

.contenu{
         width: 515px;
         height; 900px;
         margin-top: 30px;
         margin-left: 60px;
         
         }
         
.paragraphe{
            margin-top: 15px;
            width: 513px;
            height: 500px;
            box-shadow: 22px 2px 30px silver;
            background-color: #ECEBE6;
            font-family: helvetica;
            }

h1{
   color: #EDEEE9;
   font-size: 24px;
   font-family: helvetica;
   }
   
h2{
   font-size: 16px;
   }
      
p.atelier{
  padding-left: 20px;
  padding-right: 20px;
  }
  
.lien_basic{
            color: black;
            text-decoration: underline;
            }
            
.lien_basic:hover{
                  color: #d2584c;
                  }
  
.cours{
       padding-left: 30px;
       }
   
.reserver{
          display: block;
          border: 1px solid white;
          width: 150px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          background-color: #9063A3;
          color: black,
          text-decoration: none;
          box-shadow: 2px 2px 5px black;
          margin-left: 15px;
          }

/*page accueil*/

#contenu_accueil{
         background-image: url(../images/back_accueil.png); 
         width: 670px;
         height: 750px; 
         }
         
#titre_accueil{
               width: 200px;
               margin-top: 30px;
               margin-left: 20px;
               }
   
/*page atelier*/

.back_atelier{
                background-image: url(../images/back_atelier.png);
                width: 513px;
                height: 500px;
                }
                
#atelier1{
         background-image: url(../images/cafe.png);
         width: 250px;
         height: 210px;
         position: absolute;
         margin: 450px 0 0 300px;
         }                

#item_plus{
           display: block;
           height: 25px;
           line-height: 25px;
           margin-top: -25px;
           margin-left: 328px;
           background-color: #9063A3;
           position: absolute;
           color: white;
           text-decoration: none;
           }

/*page cours adulte*/

.back_adulte{
                background-image: url(../images/back_adulte.png);
                width: 513px;
                height: 500px;
                }

#stage{
       background-image: url(../images/stage_adulte.png);
       width: 250px;
       height: 346px;
       position: absolute;
       margin: 404px 0 0 385px;
       }

.colonne{
         width: 240px;
         float: left;
         margin-right: 7px;
         margin-left: 7px;
         }
         
h2.cadre{
       border: 1px solid white;
       background-color: #D7D8DA;
       text-align: center;
       height: 25px;
       line-height: 25px;
       box-shadow: 22px 2px 10px black;
       }
       
/*page planning adultes*/

#contenu_planning{ 
         width: 635px;
         height: 585px; 
         }
         
#contenu_planning table{
                        font-family: helvetica;
                        }
         
#titre_planning{
               width: 600px;
               margin-top: 60px;
               margin-left: 20px;
               } 
       
/*page enfants*/ 

.back_enfants{
                background-image: url(../images/back_enfants.png);
                width: 513px;
                height: 500px;
                }
                
#enfants{
         background-image: url(../images/mercredi.png);
         width: 307px;
         height: 250px;
         position: absolute;
         margin: 500px 0 0 328px;
         }
         
#enfants1{
         background-image: url(../images/poterie.png);
         width: 150px;
         height: 130px;
         position: absolute;
         margin: 500px 0 0 128px;
         }  
         
#enfants2{
         background-image: url(../images/pot.png);
         width: 148px;
         height: 105px;
         position: absolute;
         margin: 420px 0 0 320px;
         }           
                
/*page sortie d'ecole*/ 

#sortie{
         background-image: url(../images/sortie.png);
         width: 150px;
         height: 197px;
         position: absolute;
         margin: 520px 0 0 220px;
         } 
         
#sortie1{
         background-image: url(../images/craie2.png);
         width: 250px;
         height: 118px;
         position: absolute;
         margin: 632px 0 0 420px;
         }  
         
/*planning mercredi et sortie*/

#contenu_planning_enfants{
                           width: 635px;
                           height: 585px; 
                           }
                           
#contenu_planning_enfants table{
                                font-family: helvetica;
                                }
         
#titre_planning_enfants{
               width: 400px;
               margin-top: 60px;
               margin-left: 20px;
               } 
         
/*page vacances*/ 

#vacances{
         background-image: url(../images/crayon.png);
         width: 300px;
         height: 184px;
         position: absolute;
         margin: 566px 0 0 245px;
         }           
       
#vacances1{
         background-image: url(../images/arc.png);
         width: 300px;
         height: 176px;
         position: absolute;
         margin: 400px 0 0 250px;
         } 

/*planning vacances*/

#contenu_planning_vacances{
                           width: 635px;
                           height: 585px; 
                           }
                           
#contenu_planning_vacances table{    
                                 font-family: helvetica;
                                 }
         
#titre_planning_vacances{
               width: 600px;
               margin-top: 20px;
               margin-left: 20px;
               } 
    
/*page planning stage*/

#contenu_stage{
                width: 635px;
                height: 585px; 
                }
                
#contenu_stage table{
                     font-family: helvetica;
                     }
                
#titre_stage{
               width: 400px;
               margin-top: 60px;
               margin-left: 20px;
               }  
               
#titre_samedi{
              width: 400px;
               margin-top: 60px;
               margin-left: 20px;
               } 

/*page tarifs*/
         
#contenu_tarifs{ 
         width: 635px;
         height: 585px; 
         }
         
#titre_tarifs{
               width: 400px;
               margin-top: 30px;
               margin-left: 20px;
               } 
               
#contenu_tarifs table{
                font-family: helvetica;
                }
               
/*tableau des tarifs*/

table{
      border: medium solid silver;
      width: 98%;
      border-collapse: collapse ;
      margin: 10px auto;
      }

td{
   border: 1px solid black;
   text-align: center;
   background-color: #EBECEE;
   }               
       
/*page evenement*/

#back_evenement{
                background-image: url(../images/back_evenement.png);
                width: 513px;
                height: 500px;
                }
                
#evenement1{
         background-image: url(../images/gateau.png);
         width: 350px;
         height: 263px;
         position: absolute;
         margin: 487px 0 0 320px;
         } 
         
#evenement2{
         background-image: url(../images/guirlande.png);
         width: 300px;
         height: 97px;
         position: absolute;
         margin: 520px 0 0 40px;
         }  
         
/*page contact*/

.back_contact{
             background-image: url(../images/back_contact.png);
             width: 513px;
             height: 500px;
             }
             
 /*page coeur et partenaire*/
 
.liste_centre li{
                 display: block;
                 text-align: center;
                 }             
 
 /*page newsletter*/
 
#back_news{
             background-image: url(../images/back_newsletter.png);
             width: 513px;
             height: 500px;
             }          
         
/*page bijou argent*/

#back_argent{
             background-image: url(../images/back_bijou_argent.png);
             width: 513px;
             height: 500px;
             }

#argent1{
         background-image: url(../images/argent1.png);
         width: 152px;
         height: 202px;
         position: absolute;
         margin: 260px 0 0 420px;
         }
         
#argent2{
         background-image: url(../images/argent2.png);
         width: 150px;
         height: 102px;
         position: absolute;
         margin: 440px 0 0 80px;
         }  
         
#argent3{
         background-image: url(../images/argent3.png);
         width: 300px;
         height: 230px;
         position: absolute;
         margin: 480px 0 0 250px;
         }           
         
/*page bijou polymere*/  

#back_polymere{
             background-image: url(../images/back_bijou_polymere.png);
             width: 513px;
             height: 500px;
             }

#polymere1{
         background-image: url(../images/polymere1.png);
         width: 102px;
         height: 250px;
         position: absolute;
         margin: 450px 0 0 480px;
         }
         
 #polymere2{
         background-image: url(../images/polymere2.png);
         width: 170px;
         height: 184px;
         position: absolute;
         margin: 400px 0 0 30px;
         }  
         
 #polymere3{
         background-image: url(../images/polymere3.png);
         width: 140px;
         height: 400px;
         position: absolute;
         margin: 200px 0 0 340px;
         } 
         
#polymere4{
         background-image: url(../images/polymere4.png);
         width: 211px;
         height: 350px;
         position: absolute;
         margin: 380px 0 0 190px;
         }                   
         
/*page bijou fantaisie*/ 

#back_fantaisie{
             background-image: url(../images/back_bijou_fantaisie.png);
             width: 513px;
             height: 500px;
             }

#fantaisie1{
         background-image: url(../images/fantaisie1.png);
         width: 150px;
         height: 214px;
         position: absolute;
         margin: 393px 0 0 45px;
         }
         
 #fantaisie2{
         background-image: url(../images/fantaisie2.png);
         width: 200px;
         height: 184px;
         position: absolute;
         margin: 350px 0 0 330px;
         }  
         
/*page bijou metal*/  

#back_metal{
             background-image: url(../images/back_bijou_metal.png);
             width: 513px;
             height: 500px;
             } 

#metal1{
         background-image: url(../images/metal1.png);
         width: 300px;
         height: 184px;
         position: absolute;
         margin: 388px 0 0 275px;
         }
         
 #metal2{
         background-image: url(../images/metal2.png);
         width: 200px;
         height: 174px;
         position: absolute;
         margin: 400px 0 0 60px;
         }    
         
/*page emaux*/

#back_emaux{
             background-image: url(../images/back_emaux.png);
             width: 513px;
             height: 500px;
             }    

#emaux1{
         background-image: url(../images/emaux1.png);
         width: 200px;
         height: 185px;
         position: absolute;
         margin: 390px 0 0 61px;
         }
         
 #emaux2{
         background-image: url(../images/emaux2.png);
         width: 130px;
         height: 130px;
         position: absolute;
         margin: 300px 0 0 360px;
         }  
         
#emaux3{
         background-image: url(../images/emaux3.png);
         width: 150px;
         height: 148px;
         position: absolute;
         margin: 400px 0 0 400px;
         }   
         
#emaux4{
         background-image: url(../images/emaux4.png);
         width: 250px;
         height: 211px;
         position: absolute;
         margin: 530px 0 0 260px;
         }                    

/*page mosaique*/

#back_mosaique{
             background-image: url(../images/back_mosaique.png);
             width: 513px;
             height: 500px;
             } 

#mosaique1{
         background-image: url(../images/mosaique1.png);
         width: 170px;
         height: 180px;
         position: absolute;
         margin: 370px 0 0 280px;
         }
         
 #mosaique2{
         background-image: url(../images/mosaique2.png);
         width: 250px;
         height: 280px;
         position: absolute;
         margin: 470px 0 0 385px;
         }  
         
#mosaique3{
         background-image: url(../images/mosaique3.png);
         width: 150px;
         height: 156px;
         position: absolute;
         margin: 460px 0  0 100px;
         }           
         
/*page modelage*/          

             
#back_modelage{
             background-image: url(../images/back_modelage.png);
             width: 513px;
             height: 500px;
             } 
             
#modelage1{
         background-image: url(../images/modelage1.png);
         width: 200px;
         height: 177px;
         position: absolute;
         margin: 323px 0 0 50px;
         }
         
 #modelage2{
         background-image: url(../images/modelage2.png);
         width: 200px;
         height: 225px;
         position: absolute;
         margin: 500px 0 0 40px;
         }  
         
 #modelage3{
         background-image: url(../images/modelage3.png);
         width: 350px;
         height: 246px;
         position: absolute;
         margin: 325px 0 0 280px;
         }                 
         
/*page ceramique*/  

#back_ceramique{
             background-image: url(../images/back_ceramique.png);
             width: 513px;
             height: 500px;
             }  

#ceramique1{
         background-image: url(../images/ceramique1.png);
         width: 250px;
         height: 248px;
         position: absolute;
         margin: 380px 0 0 210px;
         }
         

         
/*page peinture sur verre*/ 

#back_verre{
             background-image: url(../images/back_verre.png);
             width: 513px;
             height: 500px;
             } 


         
 #verre2{
         background-image: url(../images/verre2.png);
         width: 131px;
         height: 300px;
         position: absolute;
         margin: 322px 0 0 80px;
         }    
         
#verre3{
         background-image: url(../images/verre3.png);
         width: 63px;
         height: 250px;
         position: absolute;
         margin: 360px 0 0 470px;
         }   
         
#verre4{
         background-image: url(../images/verre4.png);
         width: 150px;
         height: 161px;
         position: absolute;
         margin: 350px 0 0 250px;
         }              
         
/*page cartonnage*/

#back_cartonnage{
             background-image: url(../images/back_cartonnage.png);
             width: 513px;
             height: 500px;
             }  

#cartonnage1{
         background-image: url(../images/cartonnage1.png);
         width: 250px;
         height: 220px;
         position: absolute;
         margin: 373px 0 0 50px;
         }
         
 #cartonnage2{
         background-image: url(../images/cartonnage2.png);
         width: 200px;
         height: 285px;
         position: absolute;
         margin: 322px 0 0 380px;
         }  
         
/*page decopatch*/

#back_decopatch{
             background-image: url(../images/back_decopatch.png);
             width: 513px;
             height: 500px;
             } 

#decopatch1{
         background-image: url(../images/decopatch1.png);
         width: 290px;
         height: 170px;
         position: absolute;
         margin: 500px 0 0 50px;
         }
         
 
         
 #decopatch3{
         background-image: url(../images/decopatch3.png);
         width: 250px;
         height: 188px;
         position: absolute;
         margin: 340px 0 0 220px;
         }   
         
 #decopatch5{
         background-image: url(../images/decopatch5.png);
         width: 66px;
         height: 100px;
         position: absolute;
         margin: 520px 0 0 500px;
         }          
         
/*page scrapbooking*/

#back_scrapbooking{
             background-image: url(../images/back_scrapbooking.png);
             width: 513px;
             height: 500px;
             } 
             
#scrapbooking1{
         background-image: url(../images/scrapbooking1.png);
         width: 300px;
         height: 282px;
         position: absolute;
         margin: 340px 0 0 95px;
         }
         
 #scrapbooking2{
         background-image: url(../images/scrapbooking2.png);
         width: 200px;
         height: 198px;
         position: absolute;
         margin: 380px 0 0 376px;
         } 
         
#scrapbooking3{
         background-image: url(../images/scrapbooking3.png);
         width: 200px;
         height: 185px;
         position: absolute;
         margin: 250px 0 0 320px;
         }          
         
/*page carterie*/

#back_carterie{
             background-image: url(../images/back_carterie.png);
             width: 513px;
             height: 500px;
             } 
             
#carterie1{
         background-image: url(../images/carterie1.png);
         width: 200px;
         height: 150px;
         position: absolute;
         margin: 300px 0 0 350px;
         }
         
 #carterie2{
         background-image: url(../images/carterie2.png);
         width: 150px;
         height: 125px;
         position: absolute;
         margin: 350px 0 0 270px;
         }
         
#carterie3{
         background-image: url(../images/carterie3.png);
         width: 300px;
         height: 206px;
         position: absolute;
         margin: 470px 0 0 280px;
         }   
         
#carterie4{
         background-image: url(../images/carterie4.png);
         width: 150px;
         height: 247px;
         position: absolute;
         margin: 360px 0 0 80px;
         }            
         
/*page kirigami*/

#back_kirigami{
             background-image: url(../images/back_kirigami.png);
             width: 513px;
             height: 500px;
             }
             
#kirigami1{
         background-image: url(../images/kirigami1.png);
         width: 260px;
         height: 194px;
         position: absolute;
         margin: 373px 0 0 50px;
         }
         
 #kirigami2{
         background-image: url(../images/kirigami2.png);
         width: 160px;
         height: 160px;
         position: absolute;
         margin: 420px 0 0 80px;
         }  
         
#kirigami3{
         background-image: url(../images/kirigami3.png);
         width: 300px;
         height: 264px;
         position: absolute;
         margin: 250px 0 0 340px;
         }  
         
/*page couture*/

#back_couture{
             background-image: url(../images/back_couture.png);
             width: 513px;
             height: 500px;
             }
             
#couture1{
         background-image: url(../images/couture1.png);
         width: 135px;
         height: 150px;
         position: absolute;
         margin: 390px 0 0 270px;
         }
         
 #couture2{
         background-image: url(../images/couture2.png);
         width: 175px;
         height: 250px;
         position: absolute;
         margin: 435px 0 0 -70px;
         }  
         
#couture3{
         background-image: url(../images/couture3.png);
         width: 200px;
         height: 334px;
         position: absolute;
         margin: 380px 0 0 120px;
         }    
         
#couture4{
         background-image: url(../images/couture4.png);
         width: 150px;
         height: 207px;
         position: absolute;
         margin: 450px 0 0 440px;
         }           
         
          

      

             

 
 
 
 
 
 
 
 
 
            
             
                          