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

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

}

body
{
	width: 760px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #5cd022;
}

#header
{
	height: 100px;
	background-color: white;
	border : 2px solid black;
	border-radius: 10px;
}

#header a
{
	line-height: 100px;
	
	font-family: LucidaCalligraphyItalic;
	font-size: 63px;
	color : black;
	text-align: center;
	text-decoration:none;
	
	display: block ;
}

#nav
{
	background-image: url("images/background_nav.jpg");
	background-repeat: no-repeat;
	padding-left:125px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	
	width: 760px;
	height: 44px;
}

#bouton_nav
{
	float:left;
	
	width:80px;
	height: 40px;
	margin-left:10px;
	
	
	text-align: center;
	background-color: white;
	
	border : 2px solid black;
	border-radius: 10px;
  
	overflow: hidden;
}


#bouton_nav:hover
{

	background-color: grey;
}

#bouton_nav a
{
	font-family: 'LucidaConsoleRegular';
	line-height: 40px;
	display: block ;
	color:black;
	text-decoration: none;
}

#bouton_nav a:active
{
	color: white;
}

#corps
{
	padding: 30px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
    
	background-color: #FFFFFF;
	color: #000000;
    
	border : 2px solid black;
	border-radius: 10px;
	

}

#corps h1
{
	text-align:center;
}
#corps h2
{
	text-align:center;
}
#corps p
{
	text-align:center;
}



#footer 
{
	text-align: center;
	color: #000000;
}