body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.menu {
    background-color: #1a3471;
    color: #cfcfcf;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.3s;
}

.menu ul {
    list-style-type: none;
    padding: 0;
}

.menu ul li {
    display: inline;
    margin-right: 20px;
}

.menu a {
    color: white;
    text-decoration: none;
}

.content {
    margin-top: 150px; /* Pour éviter que le contenu ne soit caché par le menu */
	
}

.content4 {
    margin-top: 200px; /* Pour éviter que le contenu ne soit caché par le menu */
	margin-left: 100px;
}

.content1 {
    margin-left: 200px; /* Pour éviter que le contenu ne soit caché par le menu */
}

.content6 {
    margin-left: 100px; /* Pour éviter que le contenu ne soit caché par le menu */
}

.content3 {
    margin-left: 600px; /* Pour éviter que le contenu ne soit caché par le menu */
	margin-top : 200px;
}

.content5 {
   /* margin-left: 200px; /* Pour éviter que le contenu ne soit caché par le menu */
	align:center
}

A:hover {color:#535353;text-decoration:none;}
A {color:#999999; text-decoration:none;}

A.mail { color:#999999; text-decoration:none; }
A:hover.mail { color:#ffeaff; text-decoration:none; }

A.mail1 { color:none; text-decoration:none; }
A:hover.mail1 { color:none; text-decoration:none; }

A.menu1 { color:#000000; text-decoration:none; }
A:hover.menu1 { color:#000000; text-decoration:underline; }

A.off     {font-family:verdana;font-size:9px;color:black;font-weight:bold}

table.noir {


        border: 1px black solid;
       font-family: verdana;
       color: #535353;
       font-size:14px ;
       text-align: justify

       }