html {
scroll-behavior: smooth;
}

a img:hover {
opacity:0.6;
}

.sous-menu {
position: fixed;
width:100;
}



@media all and (min-width: 100px) {
img.responsive {
  width: 800px;
}
}

@media all and (min-width: 100px) and (max-width:1100px) {
.sous-menu {
display: none;
}
.full_width {
position: absolute;
width:100%;
min-width: 800;
left:0;
top:450;
padding:30;
}
}

@media all and (min-width: 1100px) and (max-width:1400px) {
.sous-menu {
left:30;
bottom:30;
text-align: left;
}
}


@media all and (min-width: 1400px){
img.responsive {
  width: 950px;
}
.sous-menu {
right:30;
text-align: right;
}
}


@media all and (min-width: 1900px){
img.responsive_home {
  width: 1400px;
}
}