@font-face 
{ /* Définition d'une nouvelle police nommée CAC Champagne */
    font-family: 'cac_champagneregular';
    src: url('fonts/cac_champagne-webfont.eot');
    src: url('fonts/cac_champagne-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cac_champagne-webfont.woff') format('woff'),
         url('fonts/cac_champagne-webfont.ttf') format('truetype'),
         url('fonts/cac_champagne-webfont.svg#cac_champagneregular') format('svg');
}
@font-face    
{
    font-family: 'IndieFlower';
    src: url('fonts/IndieFlower.ttf') format('truetype');
}
@font-face 
{  
    font-family: 'MajorMonoDisplay-Regular';
    src: url('fonts/MajorMonoDisplay-Regular.ttf') format('truetype');
}

@font-face 
{  
    font-family: 'Abel-Regular';
    src: url('fonts/Abel-Regular.ttf') format('truetype');
}

@font-face 
{  
    font-family: 'ArchitectsDaughter-Regular';
    src: url('fonts/ArchitectsDaughter-Regular.ttf') format('truetype');
}

body
{
    
    /*background: linear-gradient( RGBA(200,229,240,0.4), white) fixed no-repeat top center;
    background-size:cover;*/
    
   background-image:url("images/fondvert4.jpg"); 
   background-attachment:fixed; 
   background-repeat:no-repeat; 
   background-position:center center; 
   background-size:cover; 
  	    
}

.pre-image1
{
 background-size: cover;

clip: rect(0,0,95%,0);
}

.image1
{
	display: block;
	margin: 0 auto;
	width: 100%;
	
}

#home
{
	font-family: IndieFlower, jazz Let, Bradley Hand, arial, serif;
	font-size:5em;
	text-align: center;
	

}

a
{
	color:black;
	text-decoration: none;
 

}

h2
{
	font-family: IndieFlower,optima,arial;
	font-style: italic;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-top:  10px;
  padding-bottom:  10px;
  margin: 0px;
	width: 100%;
  background: white;
  letter-spacing: 0.5em;
  font-size:1em;
  
}

h3
{
	
	text-decoration: underline;
  letter-spacing: 0.5em;
	text-indent:2em;
  text-align: center;
  background:  RGB(163,180,171) fixed no-repeat top center;
  font-family: IndieFlower,optima;


}

h4
{
	
  font-family: Abel-Regular,optima;
  

}

h5
{
  text-align: center;
  font-size: 1em;
  font-family: Abel-Regular,optima;

}

.date
{
  font-size: 1.3em;
  text-decoration: underline;
}



.vid
{
  width:320px; 
  height:240px;
 
}



#preaudio
{ 
  display: flex;
  flex-direction: row;
  /*border: 1px solid black;*/
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-right:5%;

}

  .present
  {
    width:62%;
    text-align: justify;
    /*border: 1px solid black;*/
    margin-left:5%;
    margin-right:3%;
  }

    #hismus
    {
      
      text-align: justify;
      display: flex;
      flex-direction: column;
      /*border: 1px solid black;*/
      width:100%;
      
    }

      .para1
      {
        
        width:100%;
        /*border: 1px solid black;*/
      }

      .para2
      {
        
        line-height: 1.5;
        width:95%;
        /*border: 1px solid black;*/
        
      }   


  .lecteur
  {
    align-content: center;
    
    width:100%;
    /*border: 1px solid black;*/
    margin-right:15%;
  }

  .mus
  {
    padding-left:3%;
  }


#player {
  margin: 0;
  padding: 0;
        font-family: ArchitectsDaughter-Regular,sans;
        font-size: 12px;
  width: 302px;
      }
      #playlist {
  border: solid 2px #555;
  font-family: ArchitectsDaughter-Regular,sans;
  font-size: 12px;
        background-color: #777;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 300px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
      }
      #playlist li:nth-child(even) {
        background-color: #888;
        font-size: 15px;
        height:25px;
        padding-left: 5px;
        padding-top: 5px;
              }
      #playlist li:nth-child(odd) {
        background-color: #777;
        font-size: 15px;
        height:25px;
        padding-left: 5px;
        padding-top: 5px;
      }
      #signature {
        border: solid 2px #555;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-family: sans;
        font-size: 15px;
        background-color: #888;
        color: white;
        list-style: none;
        padding-left: 30px;
        margin: 0;
        width: 270px;
      }
      #playlist li a,
      #playlist li a:visited,
      #playlist li a:hover {
        color: white;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
      }

      

      #liens
      {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-left: 5%;
        margin-right:5%;
      }

#facebook
{
  display: block;
  margin: 0 ;
  width:5%;
  align-content:right;

}

.fin
{
  background: RGB(150,150,150) fixed no-repeat top center;
  padding-left: 5%;
  line-height: 1.5;
  font-size: 12px;
}