/*Reset CSS*/
*{
    margin: 0px;
    padding: 0px;
		font-family: Merriweather ;}

body {
	font-family: Merriweather ;
}
body             { /* Page Body */
	max-width: 100%;
	margin-left: auto;
    margin-right: auto;
	font-family: Merriweather ;
	font-size:16px;
	color:black;
	text-align:center;
	background-color:##DEEAEA;
	
	}
	
#date_heure {
	font-size:16px;
}
	
h1	{
	text-align:center;
	font-family: Merriweather ;
	font-size:24px;
	color:black;
}

h2{
	text-align:center;
	font-family: Merriweather ;
	font-size:24px;
	color:black;
}

h3{
	text-align:center;
	font-family: Merriweather ;
	font-size:20px;
	color:black;
}

h5 {
	text-align:center;
	font-size:18x;
	color:#000000;
}	

.foto {
	margin-left: auto;
    margin-right: auto;
	max-width:95%;
	font-size:16px;
	text-align:center;
		font-family: Merriweather ;

}

img {
	max-width:90%;
}



	
.texte {
	margin-left: auto;
    margin-right: auto;
	text-align:left;
	color:#000000;
	font-size:18px;
	max-width:500px;
	width:90%;
	font-family: Merriweather ;
	font-style: italic;
	}

.textetitre {
	margin-left: auto;
    margin-right: auto;
	text-align:left;
	color:#000000;
	font-size:16px;
	max-width:1000px;
	width:90%;
}

.suite {
	text-align:center;
	color:#434343;
	font-size:16px;
	font-style:italic;
}

video {
	max-width:700px;
	width:90%;
}

fieldset {
	background-color:white;
	max-width:600px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:18px;
	font-family: Merriweather ;

		}
		
.serielimitee  {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:18px;
		}
		
.conditions  {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:18px;
		}

.textebas  {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	font-family: Merriweather ;
	text-align:center;
	font-size:16px;
	font-style:italic;
		}		

.conteneur1 { 
	width:100%;
	margin-left: 0px;
    margin-right: 0px;
	max-width: auto;
	background-color:#40e0d0;
	color: black;
	font-family: Merriweather ;
	}
	
.conteneur2 { 		
	width:100%;
	margin-left: auto;
    margin-right: auto;
	background-color:white;
	font-size:18px;
	font-family: Merriweather ;
	font:bold;
	}
	
.conteneur2 a{ 	
color:black;
	font-family: Merriweather ;
	font-size:18px;

}	

.legend	{ 
	font-size:16px;
	}

.conteneur3 { 
	width:100%;
	margin-left: 0px;
    margin-right: 0px;
	max-width: auto;
	background-color:white;
	font-size:16px;
	font-family: Merriweather ;
	color:black;
	}	
.conteneur3 a{ 	
color:black;
}
.conteneur3 	img {
	max-width:100%;
	}
	

	
	


/* Menu déroulant    Menu déroulant    Menu déroulant */
	
*	{
	margin:0px;
	padding:0px;
}

nav {
	width: 90%;
	max-width:1000px;
	margin: 0px auto;
	background-color:#40E0D0;
	position: sticky;
	top :0px;
}	
	
nav ul {
	list-style-type:none;
	text-align:center;

}	

nav ul li {
	float: left;
	width:33%;
	text-align:center;
	position: relative;


}

nav ul::after {
	content: "";
	display: table;
	clear: both;
}

nav a {
	display: block;
	text-decoration: none;
	color: black;
	border-bottom: 2px solid transparent;
	padding: 10px 0px;
}	

nav a:hover {
	color: blue;
	border-bottom: 2px solid gold;
}

.sous {
	display: none;
	box-shadow: 0px 1px 2px #CCC;
	background-color: #ffe599;
	position: absolute;
	width: 100%
	z-index: 1000;
	}

nav > ul li:hover .sous {
	display: block;
}

.sous li{
	float: none;
	width:100%;
	text-align: left;
	font-size:20px;
}

.sous a {
	padding:0px;
	border-bottom: none;
}

*sous a:hover {
	border-bottom: none;
	background-color: RGBa(200,200,200,0.1);	
	}

.deroulant > a::after{
    content:"";
    font-size: 12px;
}

.conteneur{
  margin: 50px 20px;
  height: 600px;
}
		
/* Fin déroulant */


/*Slideshow*/
.Slideshow {
    height: 300px;
    width: 300px;
    overflow: hidden;

    &-Content {
        position: relative;
        height: 100%;

        img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;

            animation-name: fadeInOut;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-duration: 15s;
            animation-direction: alternate;
        }

        img:nth-of-type(1) {
            animation-delay: 10s;
        }
        img:nth-of-type(2) {
            animation-delay: 5s;
        }
        img:nth-of-type(3) {
            animation-delay: 0s;
        }
    }

    @keyframes fadeInOut {
        0% {
            opacity:0;
        }
        30% {
            opacity:0;
        }
        35% {
            opacity:1;
        }
        65% {
            opacity:1;
        }
        70% {
            opacity:0;
        }
        100% {
            opacity:0;
        }
    }
}
/*Fin Slideshow*/

/**Formulaire*/