@charset "UTF-8";
/* CSS Document */

body{
			background-color: #F0F0F0;
            width: 100%;
            margin-right: auto;
            margin-left: auto;
		}
        .compil{
            background-color: #F0F0F0;
			color: #161616;
            width: 80%;
            margin-right: auto;
            margin-left: auto;
            font-family: 'Abel', sans-serif;
        }
    .btRond{
	display:inline-block;
	text-align: center;
	width:40px;
	height:40px;
	line-height:45px;
	border-radius:50%;
	border:2px solid #161616;  
	text-decoration: none;
	color: #161616;
    font-size: 1.5vh;
    margin: 5px;    
}
.btfleche{
    display:flex;
    height: 20px;
    color: #161616;
    text-decoration: none;
    margin: 10px;
}
.tourne{
  -ms-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
    line-height: 27px;
}

/*.btRond acronym{
    border:none;
    border-bottom: 0;
}
acronym{
   border:none;
   outline: none; 
}
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}*/
/*for FireFox*/
   /* input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } */
/*for IE8 */
   /* input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }*/
      .btRetour{
          position: fixed;
          z-index: 200;
          top: 22px;
          left: 0px;
          float: left;
          display: block;
          background-color: #161616;
          color: #F0F0F0;
          padding: 10px;
          font-size:2vh;
          line-height: 40px;
          text-decoration: none;
        }
        .zonecover{
            float: left;
            width: 30%;
            height: auto;
            margin-right: 20px;
        }
        .titre{
         font-family: 'Julius Sans One', sans-serif;
            font-size:2vh;
            }
        .lesliens{
            width: 100%;
            float: right;
        }
        
        .gauche{
            float: left;
        
        }
        .extrait{
            position: absolute;
            z-index: 10;
            margin-top: 50px;
            margin-left: 0px;
             display: block;
          background-color: #161616;
          color: #F0F0F0;
          padding: 10px;
            font-size:2vh;
    
        }
         .liste{
            float: left;
            width: 100%;
            height: auto;
            font-family: 'Abel', sans-serif;
        }
        .liste ul{
            list-style: none;
            padding-left: 14px;
        }
         .liste ul li{
             font-size:2vh;
            margin-bottom: 4px;
        }
        .groupe{
            color: #9E9E9E;
            font-style: italic;
        }
        .groupe:before{
            content: "  ///  ";
            font-style: normal;
        }
        .cover{
            width: 100%;
            height: auto;
            margin-right: auto;
            margin-left: auto;
        }
        .texteintro{
            width: 70%;
            height: auto;
            margin-right: auto;
            margin-left: auto;
        }
        
.texte{
    font-family: 'Abel', sans-serif;
		}
        
        .panel { 
             overflow:hidden; padding-bottom:56.25%; position:relative; height:0;
        }

        .panel iframe { left:0; top:0; height:100%; width:100%; position:absolute;}
        
        
@media screen and (max-width: 800px) {
    .compil{
            width: 80%;
        }
     .zonecover{
            
            width: 100%;
            height: auto;
            margin-right: auto;
            margin-left: auto;
            margin-bottom: 20px;
        }
    .cover{
            width: 80%;
            height: auto;
        
        }
     .texteintro{
            width: 90%;
        }
     .btRond{
    font-size: 3vh; 
}
    
        }