.note {
	font-size: 17px;
	color: 000DC;
	font-weight: bold;
}

.note span {
	display: none;
}

a.note:hover span {
	display:block;
margin:0 0 0 0;
}


.scroll {
	overflow:scroll;
	height: 500px;
}

a img:hover {
	opacity:0.6;
}

.menu{
position: fixed;
right:30;
}

.menu a {
line-height: 1.4;
}


@media all and (min-width: 100px) and (max-width: 1100px) {
.menu{
display: none;
}
}


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

@media all and (min-width: 1200px) {
.responsive_home, .responsive {
  width: 1000px;
}
.legende {
    opacity: 0; /*pour qu'on ne le voit pas, tant que ce n'est pas survollé*/
	align : center;
    transition: all 0.6s ease; /*temps d'apparition au survol*/
}

.survol:hover .legende {
    opacity: 0.9; /*opicité du fond lorsqu'il apparaît, si y a 0.9 c'est qu'il est un peu transparent*/
} 
}


@media all and (min-width: 1400px){
.responsive_home {
  width: 1200px;
}
.responsive {
width:1100px;
}
}

@media all and (min-width: 1600px){
.responsive_home {
  width: 1300px;
}
}



/* MENU FLOTTANT


#sidebar {
	float: right;

}

.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  width: 150px;
  font-family: SimplonNormRegular, Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.navigation ul {
	list-style-type: none;
}

.navigation a, .navigation span  {
  display: block;
  padding: 0px 0px;
  color: #0000DC;
  text-decoration: none;
}

.navigation a:hover, .navigation a:focus, .navigation a:active {
  text-decoration: underline;
}
.navigation .subMenu {
  font-size: 15px;
  margin: 0;
  padding: 0;
}
.navigation ul.subMenu a {
  background: none;
  padding: 3px 0px;
}

.subsubMenu {
  margin-left: 0px;
}

.navigation p {
	font-size: 15px;
	color: #0000DC;
	margin: 0;
	padding-left: 10px;
}