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;
padding:10px;
margin: 10px;
border-radius:10px;
background-color: #FBF48B;
}

.texte
{
	font-family:"comic sans ms";
	font-size: 16px;
	font-color: blue;
	
	background-color: #DFE67B;	
	width:400px;
	border: 2px solid #E15116;
	padding:10px;
margin: 10px;
border-radius:10px;
}

.boitevideo
{
	display: flex;
  flex-direction:row;
  justify-content: space-around;
  width:900px;
  padding:10px;
  margin:10px;
  background-color: #DFE67B;	
	
}

.vidoesoiseaux
{

	
}


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;
	
}