body{
background-image : url("../Pics/Sea.jpg");
background-repeat : no-repeat;
background-position: center center;
background-attachment: fixed;

font-size : 20px ;
font-style : italic ;
font-family : arial ;
font-weight : bold ;
}

.boitefifth
{
    position: absolute;
	background : white ;
	border: solid 2px black;
    border-radius : 10px;
	box-shadow : 5px 10px 3px black;
	opacity:0.9;
	padding-left : 10px ;
	padding-right : 10px ;
	padding-top : 10px ;
	padding-bottom : 10px ;
	margin-left: 400px;
	margin-right : 400px;
	margin-top : 100px;
}
.boitefourth
{
    position: absolute;
	background : white ;
	border: solid 2px black;
    border-radius : 10px;
	box-shadow : 5px 10px 3px black;
	opacity:0.9;
	padding-left : 10px ;
	padding-right : 10px ;
	padding-top : 10px ;
	padding-bottom : 10px ;
	margin-left: 400px;
	margin-right : 400px;
	margin-top : 100px;
}
.boitethird
{
    position: absolute;
	background : white ;
	border: solid 2px black;
    border-radius : 10px;
	box-shadow : 5px 10px 3px black;
	opacity:0.9;
	padding-left : 10px ;
	padding-right : 10px ;
	padding-top : 10px ;
	padding-bottom : 10px ;
	margin-left: 400px;
	margin-right : 400px;
	margin-top : 100px;
}
.boitesecond
{
    position: absolute;
	background : white ;
	border: solid 2px black;
    border-radius : 10px;
	box-shadow : 5px 10px 3px black;
	opacity:0.9;
	padding-left : 10px ;
	padding-right : 10px ;
	padding-top : 10px ;
	padding-bottom : 10px ;
	margin-left: 400px;
	margin-right : 400px;
	margin-top : 100px;
}
.boitefirst
{
    position: absolute;
	background : white ;
	border: solid 2px black;
    border-radius : 10px;
	box-shadow : 5px 10px 3px black;
	opacity:0.9;
	padding-left : 10px ;
	padding-right : 10px ;
	padding-top : 10px ;
	padding-bottom : 10px ;
	margin-left: 400px;
	margin-right : 400px;
	margin-top : 100px;
}

/*body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
nav {
position: absolute;
top: 5px;
left: 5px;
z-index:100;/* le menu se superpose au corps du site si nécessaire*/
}
nav dl {
float: left; /* pour que les différents menus viennent se disposer les uns a côtés des autres*/
width: 10.5em;
/*margin: 0 1px;*/
}
nav dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
nav dd {
border: 1px solid gray;
}
nav .vide {
border: none;
}
nav li {
text-align: center;
background: #fff;
}
nav li a, nav dt a {
color: #000;
text-decoration: none;
display: block; /* apparition des ss-menus si fonctionnalité Javascript du navigateur est désactivée */
				/* le lien hpertexte s'etend sur toute la lrgeur de son conteneur*/
height: 100%;
/*border: 0 none;*/
}
nav li a:hover, nav dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1; /*le corps du site s'affiche en dessous du menu */
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
/*width: 50%; */
}

/*a {text-decoration: none;
color: black;
color: #222;
}*/