a {
  text-decoration: none;
  color: #0000FF;
}
a:visited {
  color: #0000FF;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  color: 00000FF;
font-weight: bold;

}

html, body {
  scroll-behavior: smooth;
}

body {
background: black url(../img/fds_fond.png) no-repeat fixed left top; 
-moz-background-clip: initial; 
-moz-background-origin: initial; 
-moz-background-inline-policy: initial; 
font-size: 14px; 
font-family:candara;
background-color: black;
margin:0;
}

.haut {
margin-top:0;
margin:auto;
width: 100vw; 
text-align: center;
}

.titre {
padding-top:20px;
padding-bottom:50px;
text-align: center;
font-size: 60px;
color: rgb(255, 255, 0);
font-weight: normal;
color:#69FBF9; 
}


.soustitre {
padding-top:20px;
padding-bottom:0px;
text-align: center;
font-size: 36px;
color: rgb(255, 255, 0);
font-weight: normal;
font-style:italic;
color:#69FBF9; 
}


.titre img {
margin-right:50px;
height:60px;
}

.logo {
height:100px;
}

.bandeau {
margin:auto;
padding: 0px; 
color: rgb(0, 0, 0); 
font-style: normal; 
background-color: #fcc; 
width: 100vw;
font-size: 16px; 
text-align: left;
border-top:2px solid red;
border-bottom:2px solid red;
}

.flex-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

}

.bouton {
min-width:200px;
vertical-align: center; 
background-color: #fcc;
color: #000;
border-radius:20px;
font-size: 2vh;
font-weight:bold;
cursor:pointer;
border:2px solid #aaa;
margin: 10px; 
}


.programme
{
margin:auto;
margin-top: 30px;
vertical-align: top; 
background-color: #69FBF9;
color: rgb(25,0,0); 
padding-top: 0px;
padding-right:15px;
padding-bottom: 10px;
padding-left: 15px;
text-align:left;
border-radius: 10px 50px / 120px;
box-shadow: 0px 0px 30px #555;
border-style: ridge;
border-color: #fff;
}



.cases {
margin:auto;
border-spacing:20px;
width: 1000px;
}

.descriptif {
background-color: #aaFBF9;
border: 2px #000 solid;
color: #000;
border-radius:20px; 
padding:10px;
}


h1 {
font-size:24px;
font-weight:bold;
text-align:center;
}

h2 {
font-size:24px;
font-weight:bold;
text-align:left;
}

h3 {
font-size:18px;
font-weight:bold;
text-align:left;
margin-top:0;
}


.ateliers {
color: rgb(0,0,0);  
padding:0;
border-spacing:10px; 
border: 0px solid black;
width:100%;
margin:auto;

}

.ateliers td {
text-align: center; 
width: 25%;
padding:5px;
}


.atelier_titre {
background-color:#ffa;
font-weight:bold;
padding:5px;
margin:5px;
}




.at_titre {
color: #000;
font-size: 2vh;
font-weight:bold;
text-transform: uppercase;
padding:0 30px;
}

.at_texte {
font-size: 1.8vh;
text-align:left;
padding:0 30px;
}

.at_conditions {
font-size: 14px;
font-style:normal;
color:#00a;
background-color:#fff;
padding:3px;
}

.organisateur {
  margin-right: 50px;
  font-weight:bold;
  color: #000;
}


.age {
color: #00f;
font-size: 13px;
}

.bulle {
position:absolute; 
background-color:#fff; 
top:150px;left:200px; 
width:600px;
height:200px;
border:2px solid blue;
padding:10px; 
}










.tooltip
{
  text-decoration:none;
  position:relative;
}
 
 
.tooltip span
{
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white; 
  text-align:left;
}
 
.tooltip img {
  float:right;
  margin:3px;
} 
 
.tooltip span img
{
  float:left;
  margin:0px 5px 5px 0;
  height:140px;
}
 
 
.tooltip:hover span
{
  display:block;
  position:absolute;
  top:20px;
  left:-150px;
  z-index:1000;
  width:auto;
  width:300px;

  border:1px solid black;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}



/* Slideshow container */
.slideshow-container {
  position: relative;
/*  background: #f1f1f1f1;  */
  height:400px;
}

/* Slides */
.mySlidesS {
  display: none;
  padding: 20px 80px;
  text-align: center;
}

.mySlidesD {
  display: none;
  padding: 20px 80px;
  text-align: center;
}



/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 50px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  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(100,100,100,0.8);
  color: white;
}



/* The dots/bullets/indicators */
.choixS {
  cursor: pointer;
}

.choixD {
  cursor: pointer;
}


/* Add a background color to the active dot/circle */
.active, .choix:hover {  
filter: brightness(0.7);
}