body {
background-image:radial-gradient(#e4e4fb00 33%, #0000DC5E 112%), url("images/fonds/home_mobile.jpg");
background-repeat: no-repeat;
background-size: cover;

}



.menu-titre, .menu-projet, .subMenu, .menu-date {
font-size: 18;
}

@media all and (max-width: 1000px) {
.menu_home {
position: absolute;
left:30;
margin-top:200;
}
.menu-titre, .menu-projet, .subMenu, .menu-date {
font-size: 30;
}
}

.vignette, .vignette_portrait {
display: none;
}

@media all and (min-width: 800px) {
body {
background-image: radial-gradient(#e4e4fb57 33%, #0000DC7D 112%), url("images/fonds/home.jpg");
background-repeat: no-repeat;
background-size: cover;
margin:0px;
background-attachment: fixed;
}



.vignette {
right:5%;
width: 48%;
}
  
.vignette_portrait {
right:5%;
height:70%;
width: auto;
}

.survol:hover .vignette, .survol:hover .vignette_portrait {
display: block;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
}

.menu_home a:hover {
background-color:#00ff00;
text-decoration: none;
}
}