body {
	margin: 0;
	overflow-x: hidden;
	-webkit-transition: background-color 2s linear;
	/* Saf3.2+, Chrome */
	-moz-transition: background-color 2s linear;
	/* FF4+ */
	-ms-transition: background-color 2s linear;
	/* IE10 */
	-o-transition: background-color 2s linear;
	/* Opera 10.5+ */
	transition: background-color 2 linear;
}



#header {
	line-height: 1em;
	position: fixed;
	top: 0vw;
	width: 75vw;
	transition: 0.5s;
	margin-bottom: 2vh;
	z-index: 4;
}


.date{
	font-family: 'titre';
	color: black;
	text-align: center;
	font-size: 3.5vw;

	background-color: rgb(239,239,240);
	width:39vw;
	margin-left: 0vh;
	padding: 2vh 5vh 2vh 5vh ;
	border-radius: 2em / 2em;
	z-index: 3;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);

}

.introduction{
	font-family: 'Garamond';
	color: white;
	text-align: center;
	font-size: 2vw;
	line-height: 2.3vw;

	background-color: #1090ff;
	width:39vw;
	margin-left: 2.8vh;
	padding: 2vh 7vh 2vh 7vh ;
	border-radius:2em / 2em;
	z-index: 3;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}


#schema{
	width: 40vw;
}

/* SECTION */

#section_header{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw
}


#section_0{
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 40vw;
	width:100vw;
	z-index: 2;
}

#section_programme{

	display: flex;
	align-items: center;
	justify-content: center;
	width:100vw;
	margin-top: 6vh;
}


#section{
	margin-top: 5vh;
	display: flex;
	align-items: center;
	justify-content: center;
	width:100vw;
}


#section_1{
	margin-top: 0vh;
	position: relative;
	width: 50vw;
	display: flex;
	align-items: flex-start;
	align-self: flex-start;
	flex-direction: column;
}

#section_2{
	margin: -40vh 1vw 0vh 50vw;
	position: relative;
	width: 48vw;
	display: flex;
	align-items: flex-end;
	align-self: flex-end;
	flex-direction: column;
}

#section_3{
	margin-top: -40vh;
	position: relative;
	width: 50vw;
	display: flex;
	align-items: flex-start;
	align-self: flex-start;
	flex-direction: column;
}

#section_4{
	margin: -40vh 1vw 0vh 50vw;
	position: relative;
	width: 48vw;
	display: flex;
	align-items: flex-end;
	align-self: flex-end;
	flex-direction: column;
}

#section_5{
	margin: -40vh 0vw 0vh 0vw;
	position: relative;
	width: 50vw;
	display: flex;
	align-items: flex-start;
	align-self: flex-start;
	flex-direction: column;
}

#section_6{
	margin: 0vh 0vw 0vh 0vw;
	position: relative;
	width: 48vw;
	display: flex;
	align-items: flex-start;
	align-self: flex-start;
	flex-direction: column;
}

.bulle_programme{
	position: relative; 
	margin:  00vh 0vh 0vh 0;
	max-width: 40vw;
	color: white;
	background-color: #1090ff;
	display: inline-block;
	opacity: 98%;
	border-radius: 2em / 2em;
	text-align: left;
	padding: 5vh 6vh 5vh 6vh ;
	font-family: "Garamond";
	font-size: 1.55vw;
	line-height: 1.95vw;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.bulle_image{
	position: relative; 
	margin:  0vh 0vh 1vh 0;
	max-width: 40vw;
	background-color: white;
	display: inline-block;
	opacity: 98%;
	border-radius: 2em / 2em;
	text-align: left;
	padding: 4vh 7vh 4vh 7vh ;
	font-family: "Garamond";
	font-size: 1.6em;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.video_left{
	width: 40vw;
	margin-top: 1vh;
	margin-bottom: 1vh;
	border-radius: 2em / 2em;
	margin-left: 1vw;
}

.video_right{
	width: 40vw;
	padding: 1vh;
	border-radius: 2em / 2em;
	float: right;
	margin-bottom: 1vh;
	margin-top: 1vh;
}

/* BULLE GAUCHE */

.bulle_grise{
	max-width: 40vw;
	background-color: rgb(239,239,240);
	display: inline-block;
	opacity: 98%;
	border-radius: 2em / 2em;
	margin-left: 1vw;
	margin-bottom: 1vh;
	text-align: left;
	padding: 2vh 5vh 2vh 5vh ;
	font-family: "Garamond";
	font-size: 1.55vw;
	line-height: 1.85vw;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.bulle_bleu{
	max-width: 40vw;
	background-color: #1090ff;
	display: inline-block;
	opacity: 98%;
	border-radius: 1em / 1em;
	margin-left: 1vw;
	margin-bottom: 1vh;
	margin-top: 8vh;
	text-align: left;
	padding: 2vh 5vh 2vh 5vh ;
	font-family: "titre";
	font-size: 3.5vw;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.bulle_verte{
	max-width: 40vw;
	background-color: rgb(5,255,5);
	display: inline-block;
	opacity: 98%;
	border-radius: 2em / 2em;
	margin-left: 1vw;
	margin-bottom: 1vh;
	text-align: left;
	padding: 2vh 5vh 2vh 5vh ;
	font-family: "Garamond";
	font-size: 1.55vw;
	line-height: 1.85vw;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.bulle_orange{
	margin-left: 3.5vw;
	margin-top: 2vh;
	margin-bottom: 2vh;
	text-align: left;
	font-family: "Ysabeau";
	font-size: 1.1vw;
	line-height: 1vw;
	text-transform: uppercase;
}

/* BULLE DROITE */


.bulle_grise_droite{
	max-width: 40vw;
	background-color: rgb(239,239,240);
	display: inline-block;
	opacity: 98%;
	border-radius: 2em / 2em;
	margin-bottom: 1vh;
	text-align: left;	
	padding: 2vh 5vh 2vh 5vh ;
	font-family: "Garamond";
	font-size: 1.55vw;
	line-height: 1.85vw;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.bulle_bleu_droite{
	max-width: 40vw;
	background-color: #1090ff;
	display: inline-block;
	opacity: 98%;
	border-radius: 1em / 1em;
	margin-bottom: 1vh;
	text-align: left;
	margin-top: 8vh;
	padding: 2vh 5vh 2vh 5vh ;
	font-family: "titre";
	font-size: 3.5vw;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.bulle_verte_droite{
	max-width: 40vw;
	background-color: rgb(5,255,5);
	display: inline-block;
	opacity: 98%;
	border-radius: 2em / 2em;
	margin-bottom: 1vh;
	text-align: left;
	padding: 2vh 5vh 2vh 5vh ;
	font-family: "Garamond";
	font-size: 1.55vw;
	line-height: 1.85vw;
	box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
}

.bulle_orange_droite{
	display: inline-block;
	margin-bottom: 2vh;
	margin-top: 2vh;
	margin-right: 3.6vh;
	text-align: left;
	font-family: "Ysabeau";
	font-size: 1.1vw;
	line-height: 1vw;
	text-transform: uppercase;
}

.blanc{
	color: white;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: white;
	font-family:'Garamaori regular';
}

.horaire{
	font-family: "Ysabeau";
	background-color: rgb(5,255,5);
	padding: 0.1em;
	color: black;
	border-radius: 2em / 2em;
	line-height: 2vw;
}

.cormorant{
	font-family: "titre";
	font-size: 3.5vw;
	text-align: center;
	margin: 0;
}

a:hover{
	color: #1090ff;
}

.myBtn {
	cursor: pointer;
	color: #1090ff;
	font-family:'Garamaori regular';
}

.myBtn:hover{
	color: white;
}

.more{
	display: none;
}

.card{
}

li {
	display: list-item;
}

.retrait_programme{
	padding-left: 1em;
	text-indent: -1.8em;
	margin: 0;
	margin-bottom: 0.9vw;
}

.retrait{
	padding-left: 6.2em;
	text-indent: -6.2em;
	margin: 0;
}

.retrait2{
	padding-left: 1.15em;
	text-indent: -1.15em;
	margin: 0;
}

#feuille_gauche{
	max-width: 40vw;
}

#feuille_droite{
	max-width: 40vw;
	margin-left: 60vw;
}

.lien_zoom{
	color: rgb(5,255,5);
	cursor: pointer;
}

.lien_zoom:hover{
	color: #1090ff;
}


@media screen and (max-width: 1050px) { 

	body{
		margin: 0;
	}



	#header {
		line-height: 1em;
		position: fixed;
		top: 0vw;
		width: 75vw;
		transition: 0.5s;
		margin-bottom: 0vh;
		z-index: 4;
	}


	.date{
		font-family: 'titre';
		color: black;
		text-align: center;
		justify-content: center;
		width: 70vw;
		font-size: 6.2vh;
		background-color: rgb(239,239,240);
		margin-left: 0vh;
		padding: 2vh 7vh 2vh 7vh ;
		border-radius: 2em / 2em;
		z-index: 3;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	.introduction{
		font-family: 'Garamond';
		color: white;
		text-align: center;
		width: 70vw;
		font-size: 4vh;
		line-height: 4.3vh;
		background-color: #1090ff;
		margin-top: 1vh;
		margin-left: 0vh;
		padding: 2vh 7vh 2vh 7vh ;
		border-radius:2em / 2em;
		z-index: 3;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);	
	}


	#schema{
		width: 70vw;
	}

	/* SECTION */

	#section_header{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100vw;
		margin: 0;
		margin-bottom: 0vh;
	}

	#section_0{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		align-self: center;
		margin : 40vw 00vh 0vh 0vh;
		width:100vw;
		z-index: 2;
	}

	#section_programme{
		display: flex;
		align-items: center;
		justify-content: center;
		width:100vw;
		margin-left: 0vw;
		margin-right: 0vw;
		margin-top: 1vh;
	}


	#section{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width:100vw;
		margin-top: 3vh;
	}

	#section_1{
		margin-top: 0vh;
		position: inherit;
		margin: 0vh 3vw 0vh 2vw;
		width: 95vw;
		display: flex;
		align-items: start;
		align-self: flex-start;
		flex-direction: column;
	}


	#section_2{
		margin: 0vh 4vw 0vh 2vw;
		width: 94vw;
		display: flex;
		align-items: flex-end;
		align-self: flex-end;
		flex-direction: column;
	}

	#section_3{
		margin: 0vh 3vw 0vh 2vw;
		width: 95vw;
		display: flex;
		align-items: flex-start;
		align-self: flex-start;
		flex-direction: column;
	}

	#section_4{
		margin: 0vh 3vw 0vh 2vw;
		width: 94vw;
		display: flex;
		align-items: flex-end;
		align-self: flex-end;
		flex-direction: column;
	}

	#section_5{
		margin: 0vh 3vw 0vh 2vw;
		width: 95vw;
		display: flex;
		align-items: flex-start;
		align-self: flex-start;
		flex-direction: column;
	}

	#section_6{
		margin: 0vh 3vw 0vh 2vw;
		width: 95vw;
		display: flex;
		align-items: flex-start;
		align-self: flex-start;
		flex-direction: column;
	}

	.bulle_image{
		margin:  0vh 0vh 0vh 0;
		max-width: 100vw;
		background-color: white;
		display: inline-block;
		opacity: 98%;
		border-radius: 2em / 2em;
		padding: 4vh 7vh 4vh 7vh ;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	.video_left{
		width: 90vw;
		padding: 0vh;
		border-radius: 2em / 2em;
		margin-left: 0vh
	}

	.video_right{
		width: 90vw;
		margin-right: 1vh;
		margin-bottom: 1vw;
		margin-top: 1vw;
		padding: 0;
		border-radius: 8em / 8em;
		display: inline-block;
	}

	#carrousel{
		width: 90vw;
		padding: 0vw 1vw 0vw 0vw;
		cursor: e-resize;
		border-radius: 2em / 2em;
		margin-left: 2vh
	}

	.petite_imgseul{
		max-width: 90vw;
		padding: 0vw 1vw 0vw 0vw;
		border-radius: 2em / 2em;
	}

	.bulle_programme{
		position: relative; 
		margin:  00vh 0vh 0vh 0;
		max-width: 70vw;
		color: white;
		background-color: #1090ff;
		display: inline-block;
		opacity: 98%;
		border-radius: 2em / 2em;
		text-align: left;
		padding: 4vh 7vh 4vh 7vh ;
		font-family: "Garamond";
		font-size: 4vh;
		line-height: 4.3vh;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	/* BULLE GAUCHE */

	.bulle_grise{
		max-width: 80vw;
		background-color: rgb(239,239,240);
		display: inline-block;
		opacity: 98%;
		border-radius: 2em / 2em;
		margin-left: 0vh;
		margin-bottom: 1vh;
		text-align: left;
		padding: 2vh 5vh 2vh 5vh ;
		font-family: "Garamond";
		font-size: 3vh;
		line-height: 3.5vh;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	.bulle_bleu{
		max-width: 80vw;
		background-color: #1090ff;
		display: inline-block;
		opacity: 98%;
		border-radius: 1em / 1em;
		margin-left: 0vh;
		margin-bottom: 1vh;
		margin-top: 8vh;
		text-align: left;
		padding: 2vh 5vh 2vh 5vh ;
		font-family: "titre";
		font-size: 6vh;
		line-height: 6vh;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	.bulle_verte{
		max-width: 80vw;
		background-color: rgb(5,255,5);
		display: inline-block;
		opacity: 98%;
		border-radius: 2em / 2em;
		margin-left: 0vh;
		margin-bottom: 1vh;
		text-align: left;
		padding: 2vh 5vh 2vh 5vh ;
		font-family: "Garamond";
		font-size: 3vh;
		line-height: 3.5vh;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	.bulle_orange{
		max-width: 80vw;
		margin-left: 4vh;
		margin-top: 2vh;
		margin-bottom: 2vh;
		text-align: left;
		font-family: "Ysabeau";
		font-size: 2vh;
		line-height: 2.1vh;
		text-transform: uppercase;
	}

	/* BULLE DROITE */


	.bulle_grise_droite{
		max-width: 80vw;
		margin-right: 4vh;
		background-color: rgb(239,239,240);
		display: inline-block;
		opacity: 98%;
		border-radius: 2em / 2em;
		margin-bottom: 1vh;
		margin-right: 0vh;
		padding: 2vh 5vh 2vh 5vh ;
		font-family: "Garamond";
		font-size: 3vh;
		line-height: 3.5vh;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	.bulle_bleu_droite{
		max-width: 80vw;
		background-color: #1090ff;
		display: inline-block;
		opacity: 98%;
		border-radius: 1em / 1em;
		margin-bottom: 1vh;
		margin-right: 0vh;
		margin-top: 8vh;
		padding: 2vh 5vh 2vh 5vh ;
		font-family: "titre";
		font-size: 6vh;
		line-height: 6vh;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}


	.bulle_verte_droite{
		max-width: 80vw;
		background-color: rgb(5,255,5);
		display: inline-block;
		opacity: 98%;
		border-radius: 2em / 2em;
		margin-bottom: 1vh;
		margin-right: 0vh;

		padding: 2vh 5vh 2vh 5vh ;
		font-family: "Garamond";
		font-size: 3vh;
		line-height: 3.5vh;
		box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 8px 18px 0 rgba(0, 0, 0, 0.04);
	}

	.bulle_orange_droite{
		max-width: 80vw;
		display: inline-block;
		margin-bottom: 2vh;
		margin-top: 2vh;
		margin-right: 4.6vh;
		text-align: right;
		font-family: "Ysabeau";
		font-size: 2vh;
		line-height: 2.1vw;
		text-transform: uppercase;
	}

	.retrait{
		padding-left: 6.2em;
		text-indent: -6.2em;

		margin: 0;
	}

	.retrait_programme{
		padding-left: 1em;
		text-indent: -1.8em;
		margin: 0;
		margin-bottom: 1.5vw;
	}

	.retrait2{
		padding-left: 1em;
		text-indent: -1em;
		margin: 0;
	}

	.card{
		font-size: 3vh;
		line-height: 3.5vh;
	}

	.cormorant{
		font-family: "titre";
		font-size: 6vh;
		text-align: center;
		margin: 0;
	}

}