body{
/*max-width: 1024px;*/
display: inline;
padding: 0px;
margin: 0px;
font-family: "Script MT Bold", "Comic Sans MS", "Times New Roman";
}

/* En-tête */

header{
/*display: inline-block;*/
/*width: 1024 px;*/
background-color: #3d99f7;
margin: 0;
padding: 0;
}

header p {
margin: 0px;
padding:0;
}

header img{
display:block;
padding-left: 20px;
padding-bottom:0;
margin:0;
border:0;
}

/* Le menu */

/*nav{
text-align:center;
background-color: #9eabc1;
height:35px;
padding:0;
margin:0;
border-top:2px solid #fecc03;
border-bottom:2px solid #fecc03;
}
div#menu1{
top:100px;
width:1100px;
margin-left:auto;
margin-right:auto;
}        

nav li{
display: inline-block;
vertical-align:middle;
font-family: "Script MT Bold", "Comic Sans MS", "Times New Roman";
font-size: 1.5em;
color: black;
padding-right: 35px;
padding-left:35px;
padding-top:0;
margin-top:0;
}

nav ul{
background-color: #9eabc1;
padding: 0;
margin: 0;
list-style-type:none;
}

nav ul .bout{*/
/*padding-left:75px;*/
/*display: inline-block;
vertical-align:middle;
}

nav a{
text-decoration: none;
color: black;
padding-top:0;
margin-top:0;
}

nav a:hover{
color:#8e0111;
border-bottom: 2px solid #8e0111;
}*/

/* Pied de page */

footer{
margin-left:0;
left:0px;
background-color:#3d99f7;
border-top: 2px solid #fecc03;
}

footer p{
padding-top:10px;
font-family:arial;
font-size:1em;
margin:0;
height:40px;
text-align:center;
}

footer a{
text-decoration:none;
color: white;
}


/*corps du site*/

section{
top:135px;
height: 870px;
margin-left:40px;
width:950px;
margin-left:auto;
margin-right:auto;
}

section div#cadre{
display:inline-block;
position:absolute;
width: 900px;
margin:50px;
margin-bottom:0px;
height: 800px;
border:3px solid #d3caca;
word-wrap:break-word;
overflow: auto;
border-radius: 20px;
z-index:1;
}

section div#cadre p{
Width:600px;
border: 1px solid blue;
border-radius: 20px;
margin:40px;
margin-left:150px;
padding:10px;
padding-left:10px;
padding-bottom:20px;
color:black;
font-size:18px;
font-family: "Verdana";
text-align:justify;
background-color:#ecf3ff;
}

section div#cadre a{
text-decoration:none;

}

section div#cadre p img{
display:block;
border: 1px solid grey;
border-radius: 10px;
padding:0px;
width:215px;
margin-left:auto;
margin-right:auto;
}


section div#menu1{
display:inline-block;
position:absolute;
z-index: 2;
border:3px solid #d3caca;
border-radius: 20px;
width:100px;
height:200px;
margin-left:0px;
margin-top: 150px;
background-color:#f1f1f1;
}

section div#menu1 ul{
text-align:center;
font-size:1.2em;
color: #9a9b9a;
list-style-type:none;
padding:0;
margin:0;
padding-top:5px;
}


section div#menu1 li a{
text-decoration:none;
color: #9a9b9a;
}

section div#menu1 li a:hover{
color:#540a22;
border-bottom: 2px solid #540a22;

}

section div#menu1 ul{
color:#540a22;
}