body {
color:black;
background-color:white;
background-image:url(fond.jpg);
width:100%;
}

h1 {
  text-align: center;
  color: black;
}

h2 {
  text-align: center;
  text-decoration : underline;
  color: black;
}

.citation {
  text-align:center;
  color: white;
  font-style: italic;
  font-size:32px;
}

.item {
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   border:solid 1px black;
   background-color:white;
}   

#courses {
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   border:solid 1px black;
} 


#bandeau {
	  display: block; 
	  margin: 0 auto;  
      max-width: 95%; 
      height: auto;
    }





	#ex2 {
		margin-left: auto;
   		margin-right: auto;
   		width: 60%;
    }
     
	.nav {
		padding: 0;
		text-align:center;
    }
	.nav li {
		display: inline;
		list-style: none; /* nécessaire pour IE7 */ 
	}
	.nav a {
		display:inline-block;
		margin: 0 30px;
    }

	#ex2 .nav {
		border: 1px solid #333;
		border-top-color: #707070;
		background-color: #5E5E5E;
		background: -moz-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -ms-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -o-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		text-align: center;
		height: 36px;
		-webkit-box-shadow: 0 1px 3px #999;
		-moz-box-shadow: 0 1px 3px #999;
		box-shadow: 0 1px 3px #999;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
    }
	#ex2 .nav a {
		height: 36px;
		margin:0;
		padding: 0 35px;
		line-height: 36px;
		border-left: 1px solid #555;
		border-right: 1px solid #888;
		text-decoration: none;
		color: white;
		text-shadow: -1px -1px 0 #444;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 1em;
    }
	#ex2 .nav :first-child a {
		border-left: 0;
    }
    #ex2 .nav :last-child a {
		border-right: 0;
    }
	#ex2 .nav a:hover,
	#ex2 .nav a:focus {
		background-color: #3E3E3E;
		background: -moz-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: -ms-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: -o-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		text-shadow: -1px -1px 0 #000;
    }