h2 {
color:#ff00ff;
font-family:"comic sans ms";
font-size:30px;
text-align:center;
font-weight: bold;
padding-left:10px;
}

p {
color:#000000;
font-family:"comic sans ms";
font-size:14px;
text-align:left;
}

.logo
{
	height:100%;
	opacity:0.5;
}

.page
{
display:flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;

width:900px;
height:100%;

}

body 
{
margin-top: 0px;	
	
}

.bandeau1
{
border-bottom: 2px solid #E15116;
width: 900px;
height: 15px;
background-color: #FBF48B;
}
	
.titre
{
display: flex;
  flex-direction:row;
  justify-content: space-around;
  background-color: #DFE67B;	
	width:900px;
	height:90px;
	margin-bottom:10px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
}

.titre p
{
	
	font-size:18px;
}
nav
{
	display: flex;
  flex-direction:row;
  justify-content: space-around;
  height:50px;
	margin-bottom:5px;
}
nav ul
{
    list-style-type: none;
    display: flex;
    flex-direction: row;
}

nav li
{
    margin-right: 25px;
}

nav a
{
    font-size: 28px;
    color: #181818;
    padding-bottom: 1px;
    text-decoration: none;
	background: #CDFEAA;
}

nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
	
}

.textes
{
	width: 900px;
border: 1px solid #E15116;	
display:flex;
flex-wrap: wrap;
align-content: space-around;
padding:10px;
margin: 10px;
border-radius:10px;
background-color: #FBF48B;
}

table {
width: 900px;
border: 0;
border-collapse: collapse;

}


td {
font-family: sans-serif;

width: 50%;
padding: 5px;
text-align: center;
background-color: #DFE67B;

}

	
	



.texte
{
	font-family:"comic sans ms";
	font-size: 18px;
	font-color: blue;
	text-align:justify;
	background-color: #DFE67B;	
	width:400px;
	height: 400px;
	border: 2px solid #E15116;
	padding:10px;
    margin: 10px;
    border-radius:10px;
}
.d1 
{
    
	width:400px;
	height: 400px;
	border: 2px solid #E15116;
	margin: auto;
	color: #00ff00;
   
   background-color: #EDEDED;
    background-size: contain;
    border-radius:10px;
    animation: fondu1 15s ease-in-out infinite both;
}


.d1:hover
{
    animation-play-state: paused;
}
.d2:hover
{
    animation-play-state: paused;
}

.d3:hover
{
    animation-play-state: paused;
}


@keyframes fondu1
{
    0%{background-image: url("images/10.jpg");}
    20%{background-image: url("images/11.jpg");}
    40%{background-image: url("images/12.jpg");}
    60%{background-image: url("images/13.jpg");}
    80%{background-image: url("images/14.jpg");}
    100%{background-image: url("images/10.jpg");}
}





footer  {
	width:900px;
	height: 20px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	border-radius: 5px;
	background-color: #FBF48B;
	border: 1px solid #E15116;
	
}