/**************************** ACTUZIK CSS ****************************/
h1 {
  font-size: 18px;
  }
h2 {
  font-size: 16px;
  }
h3 {
  font-size: 14px;
  }
h4 {
  font-size: 13px;
  }
p {
  padding:0px;
  margin:0px;
  }
img {
  border:0px;
  }
a {
  outline: none;
  }
a:link {
	color: #faf9b1;
	text-decoration: none;
  }
a:visited {
	text-decoration: none;
	color: #faf9b1;
  }
a:hover {
  text-decoration: underline;
	color: #900;
  }
a:active {
	text-decoration: none;
	color: #faf9b1;
  }
    a.lienTitre  {
      outline: none;
      color: #900;
      }
    a:link.lienTitre {
    	color: #900;
    	text-decoration: none;
      }
    a:visited.lienTitre {
    	text-decoration: none;
    	color: #900;
      }
    a:hover.lienTitre {
      text-decoration: none;
    	color: #faf9b1;
      }
    a:active.lienTitre {
    	text-decoration: none;
    	color: #900;
      }
html, body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
  }
  div#spacework {
    width: 100%;
    overflow: hidden;
    }
  div#conteneur {
    position: relative;
    margin: auto;
    margin-top: 10px;
    padding: 0px;
    width: 980px;
    height: 702px;
    text-align: left;
    }
  div#fond-neige-cacher {
    margin: auto;
    padding: 0px;
    width: 980px;
    height: 702px;
    text-align: left;
    }
    div#contenu {
      width: 980px;
      height: 650px; 
      }
      div#screen {
        float: left;
        width: 780px;
        height: 650px;
        }
        div#affichage {          
          margin-top: 135px;
          margin-left: 323px;
          height: 32px;
          width : 141px;
          }
        div#ecran {          
          margin-top: 120px;
          margin-left: 110px;
          padding-right: 15px;
          height: 415px;
          width : 577px;
          color: #faf9b1;
          overflow: auto;
          }
      div#menu {
        float: left;
        width: 200px;
        height: 650px;
        }
        div#logo {
          width: 200px;
          height: 148px;
          }
        div#bouton {
          width: 200px;         
          overflow:hidden;
          height:258px;
          }
          .btn {
            width: 200px;
            height: 43px;
            }
            span.btn_click {
            width: 160px;
            height: 35px;
            display:block;
            cursor: pointer;
            }
            .btn a {
            width: 160px;
            margin-left: 40px;
            height: 35px;
            display:block;
            }
        span#btn_son {
          position:absolute;
          top:457px;
          left:838px;
          float:left;
          width: 114px;
          height: 114px;
          margin:0px;         
          padding:0px;
          cursor: pointer;
          }
    div#footer {
      width: 980px;
      height: 52px;
      padding: 0px;
      margin: 0px;
      text-align: left; 
      }
      div#footer-g {
      float:left;
      width: 350px;
      height: auto;
      padding: 15px 0px 0px 75px;
      margin: 0px;
      color:#ddd;
      text-align: left; 
      }
      div#footer-d {
      float:right;
      width: 300px;
      height: 42px;
      padding: 1px;
      margin: 0px;
      text-align: left; 
      }
        span#playerFlash {
        overflow:hidden;
        margin-top: 5px;
        }
        span#titreSonEnCours {
        overflow:hidden;
        color:#ddd;
        }
/***************************** PAGE evenements ************************/
  .evenement_lignes {
    overflow:hidden;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
    .evenement_photos {
    float:left;
    width:160px;
    text-align:center; 
    margin-top:5px;    
    }
    .evenement_infos {
    float:left;
    overflow:hidden;
    width:380px;
    text-align:left;   
    }
      .evenement_titres {
      font-size: 16px;
      font-weight:bold;
      color: #900;
      margin-left:5px;    
      }
        .evenement_dates {  
        display:inline;
        font-size: 14px;
        font-weight:normal;
        color: #faf9b1;
        margin-left:10px;
        }
        .evenement_presence {
          float:left;
          font-size: 14px;
          color: #faf9b1;
          font-weight:bold;
          cursor:pointer;
          margin-left:5px;
          margin-top:3px;
        }
      .evenement_descs {
      clear:left;
      font-size: 12px;
      color: #900;
      margin:10px 0px 0px 15px;      
      }
      .evenement_groupes {
      font-size: 12px;
      color: #faf9b1;
      margin:10px 0px 0px 15px;      
      }
      .evenement_lieus {
      font-size: 12px;
      font-weight:bold;
      color: #faf9b1;
      margin:10px 0px 15px 15px;    
      }
      
/****************************** PAGE groupes **************************/
  #groupes_cadre {
    overflow:hidden;
    height:auto;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
  .groupe_cadre {
    width : 185px;
    height : 180px;
    overflow:hidden;
    float:left;
    padding:0px;
    margin: 0px 0px 15px 0px;
    text-align:center;
  }
    .groupe_titre {
    width : 185px;
    height: 20px;
    font-size: 13px;
    font-weight:bold;
    padding:0px;
    margin: 0px;
    color: #900;
    text-align:center;    
    }
    .groupe_photo {
    width:185px;
    height: 160px;
    text-align:center;  
    }
  /****************************** PAGE groupe **************************/
  #groupe_cadre {
    overflow:hidden;
    height:auto;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
    #groupe_photo {
    float:left;
    overflow:hidden;
    padding:5px;
    text-align: center;
    }
    #groupe_info {
    float:right;
    overflow:hidden;
    padding:5px 0px 5px 0px;
    }
      #groupe_nom {
      font-size: 18px;
      font-weight:bold;
      padding:0px;
      margin:0px;  
      color: #900;
      text-align:left;  
      }
      #groupe_description {
      font-size: 13px;
      color: #900;
      padding:0px;
      margin:10px 0px 0px 15px;  
      }
      #groupe_lien_web {
      font-size: 12px;
      color: #faf9b1;
      margin:10px 0px 0px 15px;  
      }
  .groupe_sons {
    overflow:hidden;
    height:auto;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
    .groupe_son {
      float:left;
      width:255px;
      margin:0px;
      padding: 0px 0px 0px 0px; 
      margin: 10px 0px 0px 10px; 
      font-size: 14px;
      color: #faf9b1;
      text-align: left;
    }
  #groupe_videos {
    overflow:hidden;
    height:auto;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
    .groupe_video {
     text-align: center;
     width : 560px;
     height:auto;
     overflow:hidden;
     margin: 0px 0px 10px 0px; 
    }
    
/***************************** PAGE partenaires ***********************/
  .partenaire_lignes {
    overflow:hidden;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
    .partenaire_photos {
    float:left;
    width:160px;
    text-align:center; 
    margin-top:5px;    
    }
    .partenaire_infos {
    float:left;
    overflow:hidden;
    width:380px;
    text-align:left;   
    }
      .partenaire_titres {
      font-size: 16px;
      font-weight:bold;
      color: #900;
      margin-left:5px;    
      }
      .partenaire_descs {
      font-size: 12px;
      color: #900;
      margin:10px 0px 0px 15px;      
      }
      #partenaire_lien_web {
      font-size: 12px;
      color: #faf9b1;
      margin:10px 0px 0px 15px;  
      }
  /****************************** PAGE evenement **************************/
  #evenement_titre {
    float:left;
    font-size: 20px;
    font-weight:bold;
    padding:0px;
    margin:0px;  
    color: #900;
    text-align:left; 
    margin: 15px 0px 0px 0px;
  }
  #evenement_presence {
    float:right;
    font-size: 14px;
    color: #faf9b1;
    font-weight:bold;
    cursor:pointer;
  
  }
  #evenement_cadre {
    overflow:hidden;
    height:auto;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
    #evenement_photo {
    float:left;
    overflow:hidden;
    padding:5px;
    text-align: center;
    }
    #evenement_info {
    float:right;
    overflow:hidden;
    padding:5px 0px 5px 0px;
    }
      #evenement_titre2 {
      font-size: 18px;
      font-weight:bold;
      padding:0px;
      margin:0px;  
      color: #faf9b1;
      text-align:left; 
      }
      #evenement_description {
      font-size: 13px;
      color: #900;
      padding:0px;
      margin:10px 0px 0px 15px;  
      }
      #evenement_texte {
      font-size: 13px;
      color: #900;
      padding:0px;
      margin:10px 0px 0px 15px;  
      }
      #evenement_lieu {
      font-size: 14px;
      font-weight:bold;
      color: #faf9b1;
      margin:10px 0px 0px 15px;  
      }
      #evenement_prix {
      font-size: 12px;
      color: #faf9b1;
      margin:10px 0px 0px 15px;  
      }
  #evenement_videos {
    overflow:hidden;
    height:auto;
    width : 560px;
    padding:0px;
    margin: 15px 0px 0px 0px;
  }
    .evenement_video {
     text-align: center;
     width : 560px;
     height:auto;
     overflow:hidden;
     margin: 0px 0px 10px 0px; 
    }