body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}
body {
	background-color:black;
	padding:15px 15px

}
img {
    max-width: 100%;
    height: auto;
}
p {
	color:#ffffff;
}
.soustitre {
	font-size: 1.5rem;line-height: 2.5rem;
}
.italic {
	font-style: italic;
}
.audio {
	position: absolute;/* left: 0; */transform: scale(0.5);right: -60px;
}
span.citation {
	color: white;
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
    font-size: 1.9379845vw;
    line-height: 3.48837209vw;
}
span.presentation {
font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	font-size: 18px;
    line-height: 30px;
}
span.info {
	font-family: 'Libre Baskerville', serif;
	font-size:13px;
}
span.texte {
	font-family: 'Libre Baskerville', serif;
	font-size: 18px;
    line-height: 30px;

}
.titre1 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 34px;
}
.titre2 {
	color: white;
	text-decoration: italic;
	/*border-top: dotted white 3px;*/
	/*
    -webkit-border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    -moz-border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    -o-border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;padding: 30px 8.1300813008%;
	*/

	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 2.40310078vw;
    line-height: 4.8780487805vw;
color: white;}
div.border {
	border-color:#ffffff;
	border-style:dotted;
	border-width:4px;
}
#container {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
}
#texte-facade {
    text-align: right;
    width: 81%;
    position: absolute;
    margin-top: 25%;
text-align: left;
    width: 82%;
    position: absolute;
    margin-top: 48px;
    /* margin-left: 50px; */
    padding: 0 8.1300813008%;}
#texte-presentation {
	/* border:dotted white 3px; */
/*	 -webkit-border-image: url("border.png") 6 6 6 6 / 6px 0px 0px 0px round round; 
    -moz-border-image: url("border.png") 6 6 6 6 / 6px 0px 0px 0px round round;
    -o-border-image: url("border.png") 6 6 6 6 / 6px 0px 0px 0px round round;
	/* border-image: url("border.png") 6 6 6 6 / 6px 0px 0px 0px round round; */
	/* border-image: url("border.png") 6 6 6 6 / 6px 0px 0px 0px round round; */*/
	padding: 30px 8.1300813008%;
	margin: 9px 0px 15px 0px;
}
#texte-seance {
	/* position: absolute; */
    /* margin-top: -20%; */
	margin: 40px 0px;padding: 0px 8.53658537%;;
}
.shadow {
		text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.right {
	    float: right;
}
#image-enfants {
	border:dotted white 0px;
/*	-webkit-border-image: url("border3.png") 5 6 6 6 / 0px 6px 6px 6px round round;
    -moz-border-image: url("border3.png") 5 6 6 6 / 0px 6px 6px 6px round round;
    -o-border-image: url("border3.png") 5 6 6 6 / 0px 6px 6px 6px round round;
	border-image: url("border3.png") 5 6 6 6 / 0px 6px 6px 6px round round;*/
	padding: 14px 0px 13px 0px;
	border-left-width: 0px;

}
#texte-enfants {
	float: right;
    width: 29.2682927%;
    margin-right: 2.4390243902%;
}
#image-etudiants {
	border:dotted white 0px;	    
/*	-webkit-border-image: url("border2.png") 5 6 6 6 / 0px 6px 6px 6px round round;
    -moz-border-image: url("border2.png") 5 6 6 6 / 0px 6px 6px 6px round round;
    -o-border-image: url("border2.png") 5 6 6 6 / 0px 6px 6px 6px round round;
	border-image: url("border2.png") 5 6 6 6 / 0px 6px 6px 6px round round;*/
	height: 540px;
	padding: 14px 0px 17px 0px;
	border-right-width: 0px;
}
#texte-etudiants {
    width: 29.2682927%;
    margin-left: 2.4390243902%;
}
#image-adultes {
		border:dotted white 0px;
/*	-webkit-border-image: url("border1.png") 6 6 6 6 / 6px 6px 6px 6px round round;
    -moz-border-image: url("border1.png") 6 6 6 6 / 6px 6px 6px 6px round round;
    -o-border-image: url("border1.png") 6 6 6 6 / 6px 6px 6px 6px round round;
	border-image: url("border1.png") 6 6 6 6 / 6px 6px 6px 6px round round;*/
	margin-top: 9px;
	padding: 17px 0px 11px 0px;
	border-left-width: 0px;

}
#texte-adultes {
	float: right;
    width: 29.2682927%;
    margin-right: 2.4390243902%;
}
#texte-bio {
	
	
    
    
	
    border-top: dotted white 3px;

    -webkit-border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    -moz-border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    -o-border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    border-image: url(border.png) 6 6 6 6 / 6px 0px 0px 0px round round;
    padding: 30px 8.53658537%;
margin-top: 30px;color: white;}
#texte-luc {
max-width: 950px;
}
#container-info {
	
}
#container-info div {
	padding:1.1538461538vw;
}
#tarifs {
	float:left;
  width: 30vw;
  white-space: normal;
  padding-left:0px !important;
}
#horaires {
	float:left;
	width: 30vw;
    white-space: normal;
}
#contact {
  vertical-align: top;
    white-space: normal;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#adresse {
	float:left;
	width: 30vw;
      white-space: normal;
     padding-right:0px !important;
}
#acces {
  vertical-align: top;
    white-space: normal;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
a {
	color:white;
	
}
.exposant {
position: relative;
bottom: 1px;
font-size: .8em;
line-height: .8em;
vertical-align:super;
text-decoration:none;
}
span.texte2 {
	font-family: 'Libre Baskerville', serif;
	font-family: 'Libre Baskerville', serif;
    font-size: 15px;
    line-height: 20px;
}
span.bold {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
}
@media screen and (max-width: 1260px)
{
body {
	background-color:black;
	padding:15px 15px;

}
.responsive-img {
	width:65.853658537%;
}
#image-etudiants {
height: 42.647058824vw;

}
#container-info div {
	padding:1.1538461538vw;
}
.responsive-height {
   height: 37vw;
}
}
@media screen and (min-width: 1260px)
{
#texte-facade {
    text-align: left;
    width: 82%;
    position: absolute;
    margin-top: 48px;
/* margin-left: 50px; */padding: 0 8.1300813008%;}
#texte-seance {
	/* position: absolute; */
    /* margin-top: -22%; */
	padding: 0px 8.53658537%;;
}
span.citation {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
    font-size: 25px;
    line-height: 40px;
}
span.presentation {
font-family: 'Libre Baskerville', serif;
	font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}
span.info {
	font-family: 'Libre Baskerville', serif;
	font-size:13px;
}
span.texte {
	font-family: 'Libre Baskerville', serif;
	font-size: 18px;
    line-height: 30px;

}
.titre1 {
	color: white;
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 59px;
}
.titre2 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 28px;
    line-height: 60px;
font-style: italic;}
span.titre3 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 20px;
    line-height: 20px;
}
span.texte2 {
	font-family: 'Libre Baskerville', serif;
    font-size: 15px;
    line-height: 20px;
}

#container-info div {
	padding:15px;
}
#tarifs {
	float:left;;
  width: 390px;
  white-space: normal;
  padding-left:0px !important;
}
#horaires {
	float:left;
  width: 390px;
    white-space: normal;
}
#contact {
  vertical-align: top;
    white-space: normal;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#adresse {
	float:left;
  width: 390px;
      white-space: normal;
    padding-right:0px !important;
}
#acces {
  vertical-align: top;
    white-space: normal;
    padding-left: 0px !important;
    padding-right: 0px !important;

}
}
@media screen and (max-width: 800px)
{
	.audio {
		position: unset;
	display: block;transform: scale(1);padding: 22px 0px;margin: 0 auto;right: unset;}
.texte {
	font-size: 15px !important;
	line-height: 25px !important;
}
.titre2 {
	font-size: 25px !important;
	line-height: 30px !important;
}
.texte-responsive {
	float:none !important;
    width: auto !important;
    margin-right: 0 !important;
    padding: 15px 15px 0px 15px
}
#texte-luc {
			    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
#texte-bio {	
    padding: 15px;
}
.responsive-img {
    width: 98.5%;
}
#texte-seance {
	position: relative;
    margin-top: 0;
    padding: 15px 15px 0px 15px
}
#image-etudiants {
	height: auto;
}
.responsive-height{
	clear: both;
height:auto;
}
.presentation {
	font-size: 15px !important;
	line-height: 25px !important;
}
.responsive-info {
	width:88% !important;
	padding-top: 15px !important;
}
#texte-facade {
    text-align: center;
    /* width: 100%; */
    position: relative;
    margin-top: 0;
    padding-bottom: 15px;
}
#texte-presentation {
	padding:15px !important;
}
.citation { 
font-size: 14px !important;
line-height: 25px !important;
}
}