@font-face {
    font-family: 'GoodDogRegular';
    src: url('GoodDog-webfont.eot');
    src: url('GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('GoodDog-webfont.woff') format('woff'),
         url('GoodDog-webfont.ttf') format('truetype'),
         url('GoodDog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'UbuntuTitle';
    src: url('Ubuntu-Title-webfont.eot');
    src: url('Ubuntu-Title-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-Title-webfont.woff') format('woff'),
         url('Ubuntu-Title-webfont.ttf') format('truetype'),
         url('Ubuntu-Title-webfont.svg#UbuntuTitle') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
background-color: #EFEFEF;
}
header
{  
    width: 96%;
  	background-color: white;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	border-radius: 0px 0px 20px 0px;
	margin-bottom: 40px;
	margin-left: 10px;
	padding-left: 10px;
	
}

nav
{  
	background-color: white;
	border: 2px solid rgb(191,191,191);
	box-shadow: 6px 6px 6px rgb(147,147,147);
	border-radius: 20px 0px 0px 0px;
	width: 96%;
    margin-left: 10px;
	margin-bottom: 40px;
	padding: 5px;
	
}
section
{
   background-color: white;
   border: 2px solid rgb(191,191,191);
   box-shadow: 6px 6px 6px rgb(147,147,147);
   width: 96%;
   margin-left: 10px;
   margin-bottom: 40px;
      padding: 8px;
}
footer
{
  background-color: white;
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-radius: 20px 0px 0px 0px;
  width: 96%;
  margin-top: 40px;
  margin-left: 10px;
  padding-left: 10px;

}
li
{
color: white;
border-bottom: 1px solid rgb(191,191,191);
border-right: 1px solid rgb(191,191,191);
width: 80%;
height: 10px;
padding: 20px;
margin: 2px 0 20px 0px;



}

li a
{
color: #494949;
font-size: large;
font-family: 'GoodDogRegular';
text-decoration: none;
text-align: center;

}


h1
{
    
   font-family: 'UbuntuTitle';
   color: grey;
		
}
h2
{
  font-family: 'UbuntuTitle';
   }

.imageflottante
{
   float: left;
}
.dessous
{
   clear: both;
}

li a:hover /* Apparence au survol des liens */
{
   color: white;
   background-color: color: #494949;
   
   
}
li:hover /* Apparence au survol des liens */
{
background-color: #494949; 
border-radius: 20px 0px 0px 0px;
}