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

html {overflow: hidden;}
body {background-color:transparent;
line-height: 20px;
		color: #fff;
		text-shadow: 3px 3px 5px #00000061;
		padding:5%;font-family: 'Quicksand', sans-serif;
		    line-height: 30px;
    font-size: 16px;
}
a, a:hover, a:visited {color: #fff !important;}


a:focus.audio.play{    font-style: italic;
    text-decoration: underline;
    outline-color: #fff;
    outline-width: 5px;
    color: #000;} 

	
p {font-size: 16px;line-height: 30px;}
h1, h2, h3, h4, h5 {font-family: 'Passion One', cursive;}
.btn {    border: none;
    border-radius: 50px;
    background-color: #ffffff50;
    text-shadow: 1px 1px 2px #79797961;
    padding: 10px 20px;
    margin-top: 20px;
    box-shadow: 3px 3px 5px #00000061;    font-family: 'Passion One', cursive;
    font-size: 20px;}
.telecharger {padding: 25px 0 0 0;}
.h1, h1 {
    font-size: 45px;}
.air {    margin-bottom: 2em;}
.cover-book-1 {background: url('img/CEST_GAGNE_1_PORTADA.jpg') no-repeat center center;} 
.cover-book-2 {background: url('img/CEST_GAGNE_2_PORTADA.jpg') no-repeat center center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 47%;
    height: 0;
    padding: 23.5% 0;
    border-radius: 50%;
    text-align: center;
    color: #fff0;
    text-shadow: none;
    background-size: 100%;
    z-index: 1;
    margin: 0 1%;
	} 
.cover0 {background: url('img/unit0_spotifle.jpg') no-repeat center center;}
.cover1 {background: url('img/unit1_spotifle.jpg') no-repeat center center;}
.cover2 {background: url('img/unit2_spotifle.jpg') no-repeat center center;}
.cover3 {background: url('img/unit3_spotifle.jpg') no-repeat center center;}
.cover4 {background: url('img/unit4_spotifle.jpg') no-repeat center center;}
.cover5 {background: url('img/unit5_spotifle.jpg') no-repeat center center;}
.cover6 {background: url('img/unit6_spotifle.jpg') no-repeat center center;}
.cover1-2 {background: url('img/unit1-2_spotifle.jpg') no-repeat center center;}
.cover2-2 {background: url('img/unit2-2_spotifle.jpg') no-repeat center center;}
.cover3-2 {background: url('img/unit3-2_spotifle.jpg') no-repeat center center;}
.cover4-2 {background: url('img/unit4-2_spotifle.jpg') no-repeat center center;}
.cover5-2 {background: url('img/unit5-2_spotifle.jpg') no-repeat center center;}
.cover6-2 {background: url('img/unit6-2_spotifle.jpg') no-repeat center center;}

.cover {
cursor: pointer;
    position: relative;
    display: inline-block;
    width: 23%;
    height: 0;
    padding: 11.5% 0;
    border-radius: 50%;
    text-align: center;
    color: #fff0;
    text-shadow: none;
    background-size: 100%;
    z-index: 1;
    margin: 0.5%;
	}
.cover h1 {font-size: 2em;
    margin-top: -10%;}
.cover-book {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 47%;
    height: 0;
    padding: 23.5% 0;
    border-radius: 50%;
    text-align: center;
    color: #fff0;
    text-shadow: none;
    background-size: 100%;
    z-index: 1;
    margin: 0 1%;
	}
.cover-book h1 {font-size: 3em;
    margin-top: -5%;}
.cover:hover, .cover-book:hover {  color: #fff;
background: #000;
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
  animation-name: fadeIn;}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.9;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.9;
  }
}

 
.prev, .next {padding-top: 10px;}
.telecharger-one{
	padding: 10px;
    font-size: 15px;
    float: right;
    border: none;
    border-radius: 50px;
    background-color: #ffffff50;
    text-shadow: 1px 1px 2px #79797961;
    margin: 0;
    box-shadow: 3px 3px 5px #00000061;
    font-family: 'Passion One', cursive;
    line-height: 15px;
}


.audios {line-height: 3em;padding-left: 15px;list-style-image: url('img/li.png');}
​#container-audio { display: none; }​
​#container-audio:active {
    background-color: yellow;
}
.breadcrumbs {    font-family: 'Passion One', cursive;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 20px;}

.unbreak {
    white-space: nowrap;
}
.telechargertout {margin: 2em 0 3em 0;}