@font-face {
    font-family: 'AlseanaRegular';
    src: url('al-seana-webfont.eot');
    src: url('al-seana-webfont.eot?#iefix') format('embedded-opentype'),
         url('al-seana-webfont.woff') format('woff'),
         url('al-seana-webfont.ttf') format('truetype'),
         url('al-seana-webfont.svg#AlseanaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*menu horizontal dans le header*/

#menuaccueil{
             width: 150px;
             height: 40px;
             position: absolute;
             margin-top: 24px;
             margin-left: 90px;
             font-family: 'AlseanaRegular';
             }
             
#menuaccueil li{
                text-align: center;
                float: left;
                width: 130px;
                height: 30px;
                line-height: 30px;
                display: block;
                text-decoration: none;
                border-top: 1px solid #5c5c5c;
                border-right: 1px solid #5c5c5c;
                border-left: 1px solid #5c5c5c;
                border-radius: 5px 5px 0 0;
                list-style-type: none;
                }
                
#menuaccueil li a{  
                  display: block;
                  color: black;
                  font-size: 18px;
                  text-decoration: none;
                  background-color: #D7D8DA; 
                  }
                  
 #menuaccueil li a:hover{
                        color: white;
                        background-color: #9063A3;
                        } 

#menuh{
       width: 630px;
       height: 40px;
       margin-left: 310px;
       margin-top: 24px;
       display: block;
       position: absolute;
       }
       
#menuh li{
          float: left;
          text-align: center;
          height: 30px; 
          line-height: 30px;
          margin-right: 5px;
          display: block;
          text-decoration: none;
          border-top: 1px solid #5c5c5c;
          border-right: 1px solid #5c5c5c;
          border-left: 1px solid #5c5c5c;
          border-radius: 5px 5px 0 0;
          list-style-type: none;
           font-family: 'AlseanaRegular';
          }

#item1{
       width: 60px;
} 

#item2{
       width: 100px;
} 

#item3{
       width: 100px;
} 

#item4{
       width: 100px;
} 

#item5{
       width: 60px;
} 

#item6{
       width: 60px;
} 

#item7{
       width: 60px;
} 

#menuh li a.lienh{
                  display: block;
                  color: black;
                  font-size: 18px;
                  text-decoration: none;
                  background-color: #D7D8DA; 
}

#menuh li a.lienh:hover{
                        color: white;
                        background-color: #9063A3;
}


/*menu vertical dans le content left*/

#menuv{
       width: 200px;
       height: 700px;
       margin-left: 58px;
       margin-top: 20px;
       display: block;
       position: absolute;
       }
       
#menuv li{
          text-align: center;
          height: 25px; 
          line-height: 25px;
          margin-bottom: 5px;
          display: block;
          text-decoration: none;
          border-top: 1px solid #5c5c5c;
           border-bottom: 1px solid #5c5c5c;
          border-right: 1px solid #5c5c5c;
          border-left: 1px solid #5c5c5c;
          border-radius: 5px 5px 5px 5px;
          list-style-type: none;
          font-family: 'AlseanaRegular';
          font-size: 40px;
          } 
          
#menuv li#special{
                   height: 50px;
                   }          
          
#menuv li a.lienv{
       display: block;
       color: black;
       text-decoration: none;
       background-color: #edece7; 
       font-size: 18px;
       }
       
#menuv li a.lienv:hover{
             background-color: #9063A3;
             color: white;
             }
             
/*sous-menu dans pages creation bijoux*/

.sousmenuh{
       width: 500px;
       height: 35px;
       margin-top: 20px;
       margin-left: 5px;
       display: block;
       position: absolute;
       }
       
.sousmenuh li{
          float: left;
          text-align: center;
          width: 118px;
          height: 30px; 
          margin-right: 5px;
          display: block;
          text-decoration: none;
          border: 1px solid #5c5c5c;
          list-style-type: none;
          }
             
.item{
      line-height: 30px;
      }
      
.sousmenuh li a{
                 background-color:#EBEBE3;
                 color: black;
                 display: block;
                 font-size: 18px;
                 font-family: 'AlseanaRegular';
                }
                
.sousmenuh li a:hover{
                       background-color: #A0A4A7;
                       color: white;
                       }                
      
/*sous-menu dans page cours enfants*/

.menuenfant{
       width: 500px;
       height: 35px;
       margin-top: 20px;
       margin-left: 15px;
       display: block;
       position: absolute;
       }
       
.menuenfant li{
          float: left;
          text-align: center;
          width: 150px;
          height: 30px;
          line-height: 30px;
          margin-right: 10px;
          display: block;
          text-decoration: none;
          border: 1px solid #5c5c5c;
          list-style-type: none;
          }
          
.menuenfant li a{
                 background-color:#EBEBE3;
                 color: black;
                 display: block;
                 font-family: 'AlseanaRegular';
                 font-size: 18px;
                }
                
.menuenfant li a:hover{
                       background-color: #A0A4A7;
                       color: white;
                       }           
          
/*menu bas de page*/

#menubas{
         width: 250px;
         height: 30px;
         position: absolute;
         margin: -130px 0 0 130px;
         }
         
#menubas li{
            float: left;
            display: block;
            height: 25px;
            line-height: 25px;
            text-align: center;
            font-family: helvetica;
            }
          
#style_infos{
             background-color: #A7AAAF;
             width: 150px;
             }
             
#style_news{
             background-color: #FC92AA;
             width: 100px;
             }             
          
.blanc{
       color: white;
       font-size: 14px;
       }
       
#copyright{
           width: 950px;
           height: 25px;
           position: absolute;
           margin: -30px 0 0 0;
          }

#copyright li{
            float: left;
            display: block;
            height: 25px;
            line-height: 25px;
            width: 310px;
            text-align: center;
            }

#copyright li a{
            text-decoration: underline;
            }