.slide:hover{
cursor:ns-resize;
	}	

.first, 
.second,
.third,
.fourth,
.fifth,
.sixth,
.seventh,
.heighth,
.ninth,
.tenth,
.eleventh,
.twelfth,
.thirteenth,
.fourteenth,
.fifteenth,
.sixteenth,
.seventeenth,
.eighteenth,
.nineteenth,
.twenthieth,
.twenty-first{
    background:transparent;
}



/* Info (c'est la  qu'on met la fleche down)-- left:0 ou right:0 au choix*/

.info {
    display:block;
    position: absolute;
    top: 3%;
    left: 0;
    background: rgba(0, 0, 0, 0);
    width: 130px;
    padding: 10px;
    margin: 5px 0 65px;
    border: 0;
    font-family: "PT sans narrow", Helvetica, Arial, sans-serif;
    color: white;
    font-size: .9rem;
    font-weight: normal !important;
    cursor: pointer;
    z-index:1000;
}



#footer {
position: fixed;
display: inline;
bottom: 0%;
right: 0;
width: 100% !important;
height: 75px !important;
background: transparent;
z-index: 1000 !important;
}

#footer ul {
display: block !important;
float: left;
height: 75px;
content:'scroll';
}


/* footer ul (c'est la  qu'on met la fleche up)----left*/

#footer ul li {
list-style: none;
}

#footer ul li.up a {
display: block !important;
position: fixed;
bottom: 0%;
height: 75px !important;
width: 20% !important;
left: 40% !important;
background: url(../img/arrows_up_down_75.png) center bottom no-repeat;
text-indent: -9999px !important;
float: left;
text-decoration: none !important;
cursor: pointer;
}

#footer ul li.up a:hover {
background: url(../img/arrows_up_down_75.png) center top no-repeat;
}


/*medaillon*/
/* footer h1 (c'est la  qu'on met le medaillon)--- right*/

#footer h1 { 
	display:block !important;
	position:absolute;
	bottom:8%;
	left:89%;
	z-index:1001;
	}

/*medaillon*/	
#footer h1 a{   display:block !important;
	text-indent: -9999px;	
	background: url(../img/medaillon_100pc.png);
	background-position:50% top ;
	background-repeat:no-repeat;
	height: 75px;
	width: 160px;
	float: left;
	z-index:1001;
	}
	
#footer h1 a:hover{
	display:block !important;
	background-position:50% -75px;
	}