body
{
width: 100%;
height: 100%;
margin: auto;
background-color: yellow;
}

.bloc1
{
width: 96.6%;
height: 95%;
position: absolute;
top:2.5%;
left:1.7%;
background-color: blue;
}

.bloc2
{
width: 93.2%;
height: 90%;
position: absolute;
top:5%;
left:3.4%;
background-color: rgb(204,236,255);
}

img
{
height: 100%;
position: absolute;
right: 0%;
top: 0%;
}

.menu1
{
width: 165px;
border: 2px solid red;
background-color: yellow;
color: black;
padding: 0px;
position: absolute;
left: 2%;
top: 10%;
}

.menu2
{
width: 160px;
border: 2px solid red;
background-color: yellow;
color: black;
position:absolute;
left: 2%;
top: 30%;
}

.menu3
{
width: 160px;
color: blue;
background-color: yellow;
border: 4px dotted red;
font-size: 25px;
font-family: "Arial Black",serif;
text-decoration: blink;
position: absolute;
left:2%;
top:50%;
}

a
{
text-decoration: none;
color: blue;
}

a:hover
{
text-decoration: none;
color: red;
}

#menu
{
top:0%;
height:99.4%;
width: 20%;
border: 2px solid red;
background-color:yellow;
color: black;
position: absolute;
left: 0%;
padding-right: 20px;
}

li
{
padding: 5px 0px 0px 0px;
color:black;
}

#texteN1
{
width: 70%;
color: black;
position:absolute;
right: 5%;
top: 18%;
text-align: justify;
}

strong
{
color: black;
}

.souligne
{
text-decoration: underline;
color: black;
}

blockquote
{
text-align: center;
color: red;
}

table
{
margin:auto;
margin-top: 30px;
border-collapse: collapse;
}

td
{
width: 100px;
background-color: #ADFF2F;
border:2px solid black;
text-align: center;
padding: 10px;
}

h2
{
text-align: center;
}

h3
{
text-align: center;
}

h4
{
color: red;
font-weight: bold;
}
#texteN3
{
text-align: center;
}