/*reset*/ 
* {margin:0; padding:0;}
body
{
margin: auto;
background-color: #feb56e;
}

#bloc_page
{margin: auto;
 justify-content: center ;
	width: 960px;
	background-color: #ffffff;
}
	
#entete
{
text-align:center;
margin: auto;
height: 250px;
width: 960px;
}

.menu
{font: italic small-caps bold 16px/2 'Trebuchet MS', Helvetica;
background-color: #fb9579;
 display: flex;
 justify-content: center ;
margin:auto;
 width: 960px;
}

.menu ul
{		
text-decoration:none;
list-style-type: none;
}

.menu li
{
display:block;   
padding: 5px 15px 5px 15px;
}

.menu a
{  min-width: 120px;   
    color: #7e0202;
text-decoration:none;	
}

.menu a:hover
{  
    color: #ffffff;
text-decoration:none;	
}

      * {box-sizing: border-box}
      body {
      font-family: Verdana, sans-serif;
      margin:auto;
	  }
      .mySlides {display: none}
      .slideshow-container {
	   border:5px solid #fff;
	   border-radius:20px;
     width: 500px;
	 height:900px;
      position: relative;
      }
      /* Boutons next & previous */
      .prev, .next {
      cursor: pointer;
      top: 80%;
      width: auto;
      padding: 25px;
      margin: auto;
      color: #282828;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      }
      /* Position de "next button" à la droite */
      .next {
      right: 0;
      border-radius: 3px 0 0 3px;
      }
      /* En survol, ajoutez la couleur noire de l'arrière-plan avec un peu see-through */
      .prev:hover, .next:hover {
      background-color: #fff;
      }
      /* Caption */
      .text {
      color: #356f21;
      font-size: 14px;
      padding:40px ;
      position: absolute;
      bottom: 180px;
      width: 100%;
      text-align: left;
      }
	  
    
      /* 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}
      }

#Explorations
{	text-align: left;
background-color: #ffffff;	
margin: auto;
	width:460px;
	padding: 20px;
}

#Explorations img
{	
margin: 10px;
}

#Illustrations
{	text-align: center;
background-color: #ffffff;	
margin: auto;
	width:960px;
	padding-top: 40px;
}

a
{  
text-decoration:none;	
}	

h1
{font: italic small-caps bold 16px/2 'Trebuchet MS', Helvetica;
    color: #696969;
	margin:0;
padding: 0;
}

h1 img
{vertical-align: middle;
}

h2
{
	font-family: Arial, sans-serif;
    color: #474747;
	font-size: large;
	margin:20px;
display:inline;
vertical-align:90%;
}

h3
{
	font-family: Arial, sans-serif;
    color: #474747;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	margin:20px;
display:inline;
vertical-align:90%;
}


p
{
font-weight: light;
	line-height: 150%;
	margin:30px 50px 30px 70px;
	  text-align: justify;
color: #2c1317;
font-family:sans-serif;
font-size: 14px;
	padding: 10px;	
}



#pied-de-page
{background-color: #fed5bc;	
	text-align:center;
width: 960px;
margin: auto;
padding:  15px ;
	font-size: 11px;
}

#pied-de-page a
{text-decoration: none;
color: #3a3a3a;
}