/**  {
	padding: 0;
	margin: 0;
}*/
body {
	color: white;
	background-color: black;
	
}
header  {
	max-widthwidth: 100%;
	margin-left: auto;
	margin-right: auto;
}


.imageCentre {text-align:center;}
img{
	display:block;
    height: auto;
	max-width: 100%;
	margin-left: auto;
    margin-right: auto;
}
/*img1 {
	align: left;
	display:block;
	float: left;
    height: auto;
	max-width: 20%;	
}*/






/*


article
{
	width: 500px;
	margin-right: 15px;
}
article  h2 {
	color: rgb(253,217,81);
}	
article ul{text-align:left;}
article, aside
{
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	
}
aside
{
	position: relative;
	width: 300px;
	background-color: #706b64;
	box-shadow: 0px 2px 5px #1cla19;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	font-size: 1em;
}*/
h1 {
	/*font-size: 2vw;*/
}
.texte {
	background-color: #706b64;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #1cla19;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-size: 1.5vw;
}
.textebas {
	background-color: #706b64;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #1cla19;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-size: 1vw;
}


#texte-troupe{
	display: block;
	/*width: 50%;*/
	background-color: #706b64;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #1cla19;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-size: 1vw;
}
footer {
	background: url('ligne.jpg') repeat-x top;
	padding-top:5px;
	text-align: center;
}
#baspage {
	margin-top: 5px;
	color: rgb(253,217,81);
	font-size: 0.8em;
}
  .mySlides {display: none}
      
      .slideshow-container {
      max-width: 95%;
      position: relative;
      margin: auto;
      }
      /* Next & previous buttons */
      .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -22px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      }
      /* Position the "next button" to the right */
      .next {
      right: 0;
      border-radius: 3px 0 0 3px;
      }
      /* On hover, add a black background color with a little bit see-through */
      .prev:hover, .next:hover {
      background-color: rgba(0,0,0,0.8);
      }
      /* Caption text */
      .text {
      color: #ffffff;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
      }
      /* Number text (1/3 etc) */
      .numbertext {
      color: #ffffff;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
      }
      /* The dots/bullets/indicators */
      .dot {
      cursor: pointer;
      height: 15px;
      width: 15px;
      margin: 0 2px;
      background-color: #999999;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
      }
      .active, .dot:hover {
      background-color: #111111;
      }
      /* Fading animation */
      .fade {
      -webkit-animation-name: fade;
      -webkit-animation-duration: 1.5s;
      animation-name: fade;
      animation-duration: 1.5s;
      }
      @-webkit-keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
      }
      @keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
      }
      /* On smaller screens, decrease text size */
      @media only screen and (max-width: 300px) {
      .prev, .next,.text {font-size: 11px}
      }