/* reset */
* {
margin: 0;
padding: 0;
}

body {
background: #FFF url(grille.gif) repeat fixed; 
margin: 2px auto; 
font-size: 100%;
width: 980px;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article, footer2 {
display: block;
}

/* header */

header {
margin-top: 10px;
background: white url('banniere.jpg') ;
height: 120px; /* for IE */
min-height: 120px; /* for not-IE */
border-radius: 10px 10px 0px 0px; /* haut droite bas gauche */
box-shadow: 3px 3px 7px #777;
}

header h1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 180%;
padding: 10px 0 20px 40px;
color: white;
text-shadow: 2px 2px 0.2em black;
}

header h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0px 0 3px 40px;
font-style: italic;
font-size: 80%;
color: white;
text-shadow: 2px 2px 0.2em black;

}

/* nav */
nav {
min-height:330px;
width: 240px;
margin:5px 0 10px 0; /* haut droite bas gauche */
padding:5px 5px 5px 5px;
font-size: 85%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image: url(bgrd_menu.jpg);
float: left;
text-align: left; 

-webkit-box-shadow: 3px 3px 7px #777;
box-shadow: 3px 3px 7px #777;
}

nav a {color: black;font-weight: bold;}
nav a:hover {text-decoration: none;font-weight:normal;}
nav ul { list-style: none; margin: 10px 0px 0px 28px; padding: 3px 0px 3px 0px;}
nav li {padding: 5px 0px 5px 0px;}
nav center {margin: 5px;padding: 0px;font-size: smaller;font-weight: bold;}
nav img{vertical-align: middle; padding-right: 12px;}

#content {
min-height:330px;
width: 690px; 
margin:5px 0 10px 0; /* haut droite bas gauche */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: black;
float: right; 
padding:5px 20px 5px 20px;
background-color: #fff;
box-shadow: 3px 3px 7px #777;
}

#content h1{text-align: center; font-size: 120%;}
#content h2{ margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px ; }
#content ul{ padding: 0px 0px 15px 20px; margin: 0px 0px 0px 20px;}
#content img { 
display: block;
margin: 0 auto;
}

#content li{font-size: 90%; margin: 0px; padding: 0px;}
#content li li {font-size: 80%;}

#content .photo {
display: block;
margin-top: 5px ;
margin-bottom: 5px ; 
width: 400px; 
border: 5px solid Black;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;	
-moz-border-radius: 10px;
border-radius: 10px 10px 10px 10px; 
box-shadow: 1px 1px 8px #555;
}

/* footer */
footer {
clear: both;
float: left;
width: 960px;
color: black;
margin-top: 5px;
margin-bottom: 10px;

}

footer p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 12px;
padding-right: 20px;
}

footer a {color: #999;}
footer a:hover {color: #FFF;text-decoration: none;}

#footer2{
clear: both;
width: 980px;
text-align: center;
}

#footer2 img{margin: 0px 0px 0px 0px;padding: 0px;border: 0px solid Black;}
#footer2 a{padding: 0px;margin: 0px;background-color: White;color: Black;}