html { 
    background: url(../img/fond-mainframe.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  body {
      
      color: #ffffff;
      line-height: 1.5;
      /*margin: 0;*/
  }


  .video1 {
    padding: 50px;
    text-align:center;
    padding:0px;	
  }

  .video2 {
    padding: 50px;
    text-align:center;
    padding:10px;	
    background-color:rgba(4, 88, 167, 0.318);
  }

  .video3_conteneur {
    /* border: 2px solid white; */
    margin-left: 15%;
    margin-right: 15%;
  }

  .video3_conteneur_small {
    /* border: 2px solid white; */
    margin-left: 30%;
    margin-right: 30%;
  }


  .video3 { 
    overflow:hidden; 
    padding-bottom:56.25%; 
    position:relative; 
    height:0;
    /* border: 3px solid red; */

  }
    
  .video3 iframe {
    left:0; 
    top:0; 
    height:100%;
    width:100%;
    position:absolute;
    /* border: 3px solid green; */
  }  


  .audio1_conteneur {
    /* border: 2px solid blue; */
    margin-left: 30%;
    margin-right: 30%;
  }

  .audio1 { 
    /* border: 3px solid red; */
    /* overflow:hidden;  */
    /* padding-bottom:56.25%; 
    position:relative;  
    height:0px; */
    
  }

  .audio1 iframe {
    /* border: 3px solid green; */
    /* left:0;  */
    /* top:0;  */
    margin-right: 5%;
    margin-left: 5%;
    width: 90%;
    border: 0;
    height: 120px;
  }    
    

  .texte1 {
    text-align: center;
  }


  .texte2 {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    
  } 


  /*
 * $$$ concerts
 * 
 */

/* .concerts {
	border: 0px solid red;
	margin-left: auto;
	margin-right: auto;
	width:50%;

}

.concerts table {
	border: 0px solid white;	
	margin-left: auto;
	margin-right: auto;
	width:100%;

}

.concerts td {
	border: 0px solid yellow;	
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	/*text-align:center;*/
} */


  
  .imageTitre {
    /* border: 1px solid red; */

    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
    
    /* Set up proportionate scaling */
    width: 100%;
    height: 100%;
    
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
  }

  @media screen and (max-width: 1024px) { /* Specific to this particular image */
    img.bg {
      left: 50%;
      margin-left: -512px;   /* 50% */
    }  

  }



/* unvisited link */
a:link {
  color: rgb(104, 169, 255);
  text-decoration: none;
}

/* visited link */
a:visited {
  color: rgb(104, 169, 255);
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: lightgreen;
  text-decoration:underline;
}

/* selected link */
a:active {
  color: blue;
}