html{
background-color: #e6e6e6;
zoom: 0.9;
}
body{
font-family: Calibri, serif;
background-color: rgba(255, 255, 255, 0.8);
font-size: 1.2em;
border: 1px solid #f1f1f1 0.5;
margin: auto;
margin-top: 20px;
width: 1020px;
height: 2300px;
text-align: justify;
}
h1.Titre{
text-align: center;
font-size: 32px;
font-weight: bold;
margin-top: -10px;
padding-left: 237px;
color: RGB(39, 64, 139);
}
#facebook{
margin-left: 970px;
margin-top: 6px;
width: 42px;
height: 42px;
}
.logo{
height: 145px;
margin-left: 5px;
margin-top: 13px;
position: absolute;
z-index: 3;
}
/*On utilise ">" pour ne cibler que la liste ul qui est un enfant direct de nav*/
nav > ul::after{
margin: 0px;
padding: 0px;
content: "";
display: block;
clear: both;
}
/*On affiche seulement les éléments li correspondant à nos onglets de menu ligne*/
nav > ul > li{
float: left;
position: relative;
}
/*On enlève les puces */
nav li{
list-style-type: none;
position: relative;
}
.submenu{
background-color: RGB(254, 227, 71);
display: none;
width: 200px;
}
nav{
width: 100%;
background-color: none;
float: left;
margin-left: 215px;
}
nav a{
display: inline-block;
text-decoration: none;
margin-top: -10px;
padding: 16px 30px 20px 30px;
}
nav > ul > li > a{
padding: 20px 7px;
color: #fff;
}
/*Le sous-menu ne s'affiche que lorsque l'on passe la souris sur un menu */
nav li:hover .submenu{
display: inline-block;
position: absolute;
top: 100%;
left: 0px;
z-index: 100000;
}
.submenu li a{
margin-left: -40px;
font-size: 14px;
color: black;
width: 200px;
}
.menu{
background-color: #e71f2e;
height: 50px;
padding-right: 0px;
padding-left: 2px;
}
.menu:hover{
background-color: RGB(254, 227, 71);
}
nav > ul > li:hover a{
color: black;
}
/* Couleur de fond lors du passage de la souris sur les sous-menus */
.submenu li:hover a{
font-weight: 600;
}
/* Menu déroulant niveau2 */
#niv2{
background-color: RGB(254, 227, 71);
display: none;
width: 190px;
margin-top: -61px;
margin-left: 100px;
text-align: left;
padding-right: 5px;
}
#niv2 li:hover a{
background-color: RGBa(255, 255, 255, 0.30);
padding-bottom: 15px;
width: 175px;
}
.submenu li:hover > #niv2{
display: inline-block;
position: absolute;
top: 100%;
left: 100px;
z-index: 100000;
}
/* Corps */
section{
margin-left: 50px;
margin-right: 50px;
}
h2{
text-align: center;
color: RGB(39, 64, 139);
margin-top: 150px;
}
.responsable{
margin-top: 50px;
margin-left: 50px;
margin-bottom: 80px;
}
/*footer*/
footer{
width: 970px;
position: absolute;
background-color: #0e3b67;
position: absolute;
margin-top: -50px;
margin-bottom: 0px;
margin-left: 25px;
height: 200px;
-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Safari 3-8 */
transform: rotate(-1deg);
}
.no_rotate{
-ms-transform: rotate(1deg); /* IE 9 */
-webkit-transform: rotate(1deg); /* Safari 3-8 */
transform: rotate(1deg);
}
#f1{
color: white;
font-size: 15px;
margin-left: 20px;
margin-top: 20px;
font-weight: bold;
}
#f2{
color: white;
font-weight: bold;
font-size: 23px;
text-align: center;
margin-right: 70px;
margin-top: -103px;
}
#f3{
font-size: 15px;
color: white;
margin-left: 395px;
margin-top: 7px;
}
#f3 a{
position: absolute;
text-decoration: none;
color: white;
}
#f3 a:hover{
font-weight: bold;
cursor: pointer;
}
#copyright{
color: white;
font-weight: bold;
position: absolute;
font-size: 16px;
margin-left: 230px;
margin-top: 6px;
}
#marianne{
float: right;
margin-top: -150px;
margin-right: 5px;
}
#mds{
margin-top: -150px;
margin-left: 737px;
position: absolute;
width: 105px;
height: 75px;
}
#ancv{
margin-top: -68px;
margin-left: 737px;
position: absolute;
width: 106px;
height: 65px;
}