body
{
	margin:10px;
	padding:10px;
	text-align:center;
	font-family: arial;
	font-size: 20px;
}

nav
{
    display: inline-block;
    width: 100%;
    vertical-align: top;
	text-align:center;
	
	
}

section
{
    display: inline-block;    
    vertical-align: top;
	width: 90%;
	
	margin-top: 8px;
	
	
}

header
{
	text-align: center;
	margin: auto;
	width: 90%;
	margin-bottom:4px;
	
}

footer
{
margin-top:20px;
}



h1
{
	text-decoration: underline;
	font-family: arial;
	font-size: 45px;
}

h2
{
	font-family: arial;
	text-align: center;
	font-size: 35px;
	
}

h3
{
font-family: arial;
	text-align: left;
	font-size: 25px;
	margin-left:20px;
}

p
{
	
	text-indent:20px;
	text-align: justify;
    text-justify: inter-word;
	margin-right:20px;
	margin-left:20px;
}

.photo
{
	text-align:center;
}

a
{
	font-weight:bold;
	color: #ABACC9;
	text-decoration:none;
}

.link:hover
{
	text-decoration:underline;
}
article
{
	border: 2px solid black;
	width: 85%;
	margin-left: auto;
  margin-right: auto;
}

/* couleur evenemtns */
.gris
{
	background-color:#ECECEC;
}
.blanc
{
	background-color: #FBFBFB;
}


/* puces pour le menu */
ul 
{
	 list-style-type:none;
	 width: 60%;
	margin-left: auto;
  margin-right: auto;
}

ul li a 
{
 display:block;
 margin:5px 5px;
 float:left;   
 width:21%;
 background-color:#ABACC9;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:2px;
 border:2px solid;
  font-family: arial;
 }
 
 ul li a:hover 
 {
 background-color:#D3D3D3;
 font-weight: bold;
 font-family: arial;
 }