/* mots clefs html5 considérés comme des block */
header, footer, section, aside, nav, article, red {display: block;font-family: ubuntu, arial, sans-serif;}

a:link {color:green;text-decoration: none;}
a:visited {color:green;text-decoration: none;}







/* Styles du Header */
header {
text-decoration: none;
}
header h1{
color: white;
background-color:rgba(40,40,40,0.7);
padding: 0px 30px;
margin: 0px 0px 0px 10px;
text-decoration: none;
}
header p{
height:40px;
width: 330px;
color: white;
background-color:rgba(40,40,40,0.7);
padding: 0px 10px;
margin: 0px 0px 0px 10px;
text-decoration: none;
}
header h1 a:link, header h1 a:visited {
text-decoration: none;}


/* Styles du bandeau de chemin */
#chemin {
position:fixed;
padding: 0 0 0 0;
background-color:rgba(40,40,40,0.5);
font-size: 12px;
}



/* Styles du Menu */
header .menu {position:fixed;}
header .menu ul{
padding: 1% 1% 1% 1%;
list-style: none;
line-height: normal;
}
/* commande pour ne pas envoyer chaque item à la ligne */
header .menu li {float: left;height:22px;white-space: nowrap;}
header .menu a {
margin: 2px 2px;
padding: 0px 15px;
border:1px solid white;
text-decoration: none;
color: white;
background-color:rgba(40,40,40,0.5);
}





/* Styles du corps de texte */
#corps img{max-width: 600px;}

#corps h1, h2, h3, h4, h5, h6 {
color: #333;
margin: 0 0 20px 0;
line-height: 1.5em;
}

#corps p {
text-align: justify;
}

/* Styles du footer */
footer {
font-size: 12px;
}

/* Styles du bloc a largeur reduite red */
#red {max-width:500px;
margin: 0px 0px 0px 25px}