h1{
	font-family: 'Oswald', sans-serif, arial;
	font-size: 700%;
	padding-top: 2%;
	padding-bottom: 6%;
	text-align: center;
	font-weight: lighter;
	margin: auto;
        -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
  
.intro{
	font-size: 140%;
	font-family: 'PT Sans', sans-serif;
	margin-left: 20%;
	margin-right: 20%;
	text-align: justify;
}
.boutton{
	display: inline-block;
	text-decoration: none;
	border: 1px solid black;
	font-size: 100%;
	width: 10%;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	margin-left: 20%;
	padding: 10px;
	transition: 0.3s;
	color: black;
}
.boutton:hover{
	background-color: #7FC5ED;
	transition: 0.3s;
	color: white;
	border: 1px solid white;
}

a{
	text-decoration: none;
}

.snapwidget-widget{
	border:none; 
	overflow:hidden;  
	height:100%;
	width:85%;
	display: block;
	margin: auto;
}
.snap{ 
	height: 90%;
}
.afficherplus{
	height:10%;
	text-align: center;
}
.podcast{
	font-size: 200%;
	font-family: 'PT Sans', sans-serif;
	margin-left: 20%;
}
.secboutton{
	display: inline-block;
	text-decoration: none;
	border: 1px solid black;
	font-size: 16px;
	width: 30%;
	font-family: 'PT Sans', sans-serif;
	margin: auto;
	text-align: center;
	padding: 10px;
	transition: 0.3s;
	color: black;
}
.secboutton:hover{
	background-color: #7FC5ED;
	transition: 0.3s;
	color: white;
	border: 1px solid white;
	text-decoration: none;
}
.avisetinsta{
	display: flex;
	font-family: 'PT Sans', sans-serif;
}
.insta{
	width: 45%;
	margin-left: 17.5%;
	text-align: center;

}
.lien{
	color: grey;
	font-style: italic;
}
.avis{
	background-color: #2594A1;
	border: none;
	overflow:hidden;  
	width: 55%;
	margin-right:17.5%;
	margin-bottom: 3%;
	font-family: 'PT Sans', sans-serif;
	display: block;
}
.donnez{
	margin-left: 5%;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 150%;
	justify-content: space-between;
	letter-spacing: 0.1em;
}
.nometprénom{
	display:flex;
	margin-left:5%;
	margin-right: 5%;
	justify-content: space-between;
	border: none;
	font-family: 'PT Sans', sans-serif;
	text-align: left;
	color: black;

}
.email{
	margin-left:5%;
	margin-right: 5%;
	border: none;
	font-size: 13px;
	height:10%;
	font-family: 'PT Sans', sans-serif;
	text-align: left;
	color: black;
}
.message{
	margin-left:5%;
	font-size:13px;
	font-family: 'PT Sans', sans-serif;
}
.envoyer{
	margin-left: 40%;
}
.netp{
	margin-left: 20%;
	margin-right:20%;
	display:flex;
}
.send{
	margin-left:70%;
}
body{
	background-image:url(../images/backgroundelsa.png) ;
	background-repeat: no-repeat;
	background-position:50% 10%;
	background-size: 25%;

}
.thirdboutton{
	text-decoration: none;
	border: 1px solid black;
	display: inline-block;
	font-size: 16px;
	width: 10%;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	margin-left: 20%;
	padding: 10px;
	transition: 0.3s;
	color: black;
}
.thirdboutton:hover{
	background-color: #7FC5ED;
	transition: 0.3s;
	color: white;
	border: 1px solid white;
}

.res{
	display: flex;
	margin: auto;
	width: 30%;
}
.instagram-logo{
	width: 33.3%;
	text-align: center;
}
.facebook-logo{
	width: 33.3%;
	text-align: center;
}
.twitter-logo{
	width: 33.3%;
	text-align: center;
}
.podcast-audio{
	background-color: #E8E6E6;
	display:flex;
	width: 65%;
	height:100%;
	margin-left: 17.5%;
	margin-right: 17.5%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 2%;
}

.podcast-txt{
	display: block;
	width: 100%;
}
.image-podcast{
	width: 15%;
	height: 15%;
	padding: 15px;
}
h2{
	font-family: 'Oswald', sans-serif, arial;
	font-size: 160%;
}
h3{
	font-family: 'Oswald', sans-serif, arial;
	font-weight: lighter;
}

audio{
	width: 100%;
	padding-top: 25px;
}

.descriptionpodcast{
	font-size: 130%;
	font-family: 'PT Sans', sans-serif;
	margin-left: 20%;
	margin-right: 20%;
	text-align: justify;
}
.divaudio{
	width:90%;
}
.textetaudio{
	display:block;
}
footer{
	margin-top: 5%;
}

.mention{
	font-size: 100%;
	font-family: 'PT Sans', sans-serif;
	text-align: justify;
	width: 80%;
	margin: auto;
}

.mention td{
	border: 15px solid white;
	width: 40%;
	text-align: center;
	font-style: italic;
	
}
.podcast_article{
	font-family: 'Oswald', sans-serif, arial;
	font-size: 210%;
	margin-left: 3%;
	font-weight: lighter;
	font-weight: bold;
	color: RGBa(37, 148, 161, 0.8);
}
h5{
	font-size: 160%;
	font-family: 'PT Sans', sans-serif;
	margin-left: 20%;

}
.A_article{
	text-decoration: none; 
	color: black; 
}

.A_article:hover{
	background-color: RGB(249, 96, 77);
	color: white;
}
h4{
	font-family: 'Oswald', sans-serif, arial;
	font-weight: bold;
	font-size:180%;
}
.actuaccueil{
	border:solid;
	margin-top:3%;
	margin-bottom:3%;
	margin-right:15%;
	margin-left:15%;
}
.contenuannonce{
	margin-left:-15%;
	margin-right:-15%;
}
.news{
	font-size: 150%; 
	font-family: 'PT Sans', sans-serif; 
	text-align: center; 
	font-weight:bold;
}
.textetaudio-sans-son{
	display:block;
	margin-left:2%;
}
@media only screen and (max-width: 800px) { 

	h1{
		font-family: 'Oswald', sans-serif, arial;
		font-size: 300%;
		margin-top: 9%;
		text-align: center;
		font-weight: lighter;
	}

	.titre-reseaux{
		display: block;
	}

	.res{
		display: inline-flex;
		width: 100%;
		margin: auto;
	}

	.instagram-logo{
		display: flex;
		text-align: center;
	}
	img{
		text-align: center;
		margin: auto;
	}
	.facebook-logo{
		margin: auto;
		display: flex;
	}

	.twitter-logo{
		margin: auto;
		display: flex;
	}

	.intro{
		font-size: 100%;
		margin-left: 15%;
		margin-right:15%;	
	}

	.boutton{
		width: 25%;
		margin-left:35%;
	}

	.podcast{
		font-size: 150%;
	}

	.descriptionpodcast{
		font-size: 100%;
		margin-left:15%;
		margin-right:15%;
	}

	.podcast-audio{
		background-color: #E8E6E6;
		display:flex;
		width: 80%;
		height:70%;
		margin-left: 10%;
		margin-right: 15%;
		padding-top: 1%;
		padding-bottom: 1%;
		margin-bottom: 3%;
	}


	h2{
		font-size: 90%;
	}
	h3{
		font-size:90%;
	}

	audio{
		width: 100%;
		margin-top: -5%;
	}

	body{
		background-image:url(../images/backgroundelsa.png) ;
		background-repeat: no-repeat;
		background-position:50% 7%;
		background-size: 50%;

	}

	.avisetinsta{
		display: block;
	}

	.insta{
		width:100%;
		height:100%;
		margin: auto;
	}

	.avis{
		width:90%;
		height:90%;
		margin:auto;
		margin-top: 5%;
	}

	.snap{
		width:100%;
		height:550px;
	}

	.afficherplus{
		height:10%;
	}

	.contact{
		margin: auto;
		text-align: center;
	}

	.send{
		margin-left: 55%;
	}

	.thirdboutton{
		width: 30%;
		margin: auto;
	}
	.podcast_article{
	font-size: 100%;
	}
	h4{
	font-size:80%;
	margin:auto;
}
.actuaccueil{
	border:solid;
	margin-top:3%;
	margin-bottom:3%;
	margin-right:2%;
	margin-left:2%;
}
.contenuannonce{
	margin-left:-2%;
	margin-right:-2%;
	margin-bottom:3%;
}
.news{
	font-size: 100%; 
	font-family: 'PT Sans', sans-serif; 
	text-align: center; 
	font-weight:bold;
}
.textetaudio-sans-son{
	margin-top:10%;
}
	}