body { 

background-color:#000; 
margin: 0px; 
letter-spacing: 3px;
font-weight: bold;   
font-family: new_ciclefina;   
line-height: 1.6em;
margin-left: auto;
margin-right: auto; } 


#headline {

  font-family: new_ciclefina;
  background-color:#000; 
  position:fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 24px;
  color: #fff;
  z-index: 5;
  margin: 0px;
  padding:8px;    }


.logo {

    padding-top: 24px; margin-right: 12px; text-align: left; list-style: none; }


.rspvimage {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   height: 100%;
   padding:0;
   margin: 0;  }



.rspvimage  img {

   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;  }


video  { background-color: #000;  }



.boutonmenu  { 

   position:relative;
   width: 37px;
   height:37px;
   margin: 7x;
   padding: 7px;
   border: 2px solid #fff;
   z-index:3;
   cursor: pointer;
   background-color: #000;
   border-radius: 52px; }


#boxmenu {  

   position:relative;
   top: 6px;
   left: 20px;
   width:90%;
   height:242px;
   z-index:4;
   margin-top: 8px;
   display: none;
   letter-spacing: 5px;
   text-shadow: 1px 1px 2px #666;
   border: 2px solid #666;
   border-radius: 12px;
   box-shadow: 1px 3px 12px #000;
   background-color: #FFCC00;  }

#boitemenu {  

   position:relative;
   top: 6px;
   left: 15px;
   width:auto;
   height:50px;
   border: solid 2px #fff;
   z-index:0;
   padding: 2px;  }


.boutoncroix  {

   position: absolute;
   top:-3%;   
   left: 98%;
   width:22px;
   height:22px;
   border: 3px solid #FFF;
   z-index:4;   
   border-radius: 18px;  }


.topicindex  {

font-family: new_ciclefina;
font-size: 30px;
color:#FFCC00;
letter-spacing: 4px;
text-shadow: 1px 1px 1px #fff;
text-align: left; }



.topic  {

  text-decoration: none;
  padding: 1%;
  color:#FFCC00;
  font-size: 20px;
  text-align: right;  }

.titre  {

color:#FFCC00;
font-size: 26px;  }

a.titre9  {  font-size: 26px; padding: 10px;  }

a.titre9:hover  {  font-size: 26px; color: #fff; padding: 50px;  }

a.musicbox1  {
   text-decoration: none;
   background-color: #000; }


.musicbox1  {

   position: absolute;
   top: 6px;
   left: 4px;
   padding:6px; 
   width: 88%;
   height: auto;
   font-size: 1.3em; 
   border: 1px solid #C0C0C0;
   border-radius: 8px;
   color: #fff;
   letter-spacing: 5px;
   font-weight: bold; }


a.musicsubbox1  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox1:hover  {

   text-decoration: none;
   color:#fff;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.musicsubbox1  {

   position: absolute;
   top: 50px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

.musicsubbox2  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox2:hover  {

   text-decoration: none;
   color:#fff;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }

.musicsubbox2  {

   position: absolute;
   top: 86px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

.musicsubbox3  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox3:hover  {

   text-decoration: none;
   color:#fff;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.musicsubbox3  {

   position: absolute;
   top: 122px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }

.musicsubbox4  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox4:hover  {

   text-decoration: none;
   color:#fff;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.musicsubbox4  {

   position: absolute;
   top: 158px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }


.musicsubbox5  {
   text-decoration: none;
   background-color: #fff; }


a.musicsubbox5:hover  {

   text-decoration: none;
   color:#fff;
   background-color: #cc0000;
   box-shadow: 2px 2px 2px #000; }


.musicsubbox5  {

   position: absolute;
   top: 194px;
   left: 20px;
   padding:2px; 
   width: 85%;
   height: auto;
   font-size: 1.4em; 
   border: 1px solid #000;
   border-radius:  6px;
   color: #000; }



#article {

   position: relative; 
   top: 122%;
   height: auto;  
   text-align: justify; 
   padding: 1%;
   margin-top: 1%; }


.pied-article  {

  font-family: new_ciclefina;
  background-color:#000; 
  letter-spacing: 8px;
  position:relative;
  top:-4%;
  left: 0px;
  width: 100%;
  height: 33px;
  color: #FFCC00;
  z-index: 6;
  margin: 0px;
  padding:8px;
  text-align: right;  }





.rslides {
   
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding: 0;
   margin: 0;  }

.rslides  li {
   
  -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 0;  }

.rslides  li:first-child {
   
   position: relative;
   display: block;
   float: left;  }


.rslides  img {

   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;  }

@font-face {
    font-family: 'new_ciclefina';
    src: url('../fonts/New_Cicle_Fina-webfont.eot');
    src: url('../fonts/New_Cicle_Fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/New_Cicle_Fina-webfont.woff') format('woff'),
         url('../fonts/New_Cicle_Fina-webfont.ttf') format('truetype'),
         url('../fonts/New_Cicle_Fina-webfont.svg#new_ciclefina') format('svg');
    font-weight: normal;
    font-style: normal;   }