#menu {list-style: none;margin: 0;width: 100%;height: 50px;position: relative;padding:0;background-color: #FFFFFF;}
#menu li {float:left;margin:auto;padding:0;}
#menu span {display: none;position: absolute;}

#menu a {display:block;text-indent:-900%;position:absolute;outline:none;}
#menu a:hover {background-position:left bottom;}
#menu a:hover span {display:block;}

#menu .home {background: url(../../fr/pictures/nav-home.gif) no-repeat;width: 70px;height: 45px;top: 0px;left: 0px}
#menu .gites {background: url(../../fr/pictures/nav-gites.gif) no-repeat;width: 60px;height: 45px;top: 0px;left: 80px;}
#menu .bookings {background: url(../../fr/pictures/nav-bookings.gif) no-repeat;width: 106px;	height: 45px;top: 0px;left: 150px;}
#menu .activities {background: url(../../fr/pictures/nav-activities.gif) no-repeat;width: 120px;height: 45px;top: 0px;left: 260px;}
#menu .area {background: url(../../fr/pictures/nav-area.gif) no-repeat;width: 90px;height: 45px;top: 0px;left: 358px;}
#menu .directions {background: url(../../fr/pictures/nav-directions.gif) no-repeat;width: 106px;height: 45px;top: 0px;left: 464px;}
#menu .testimonials {background: url(../../fr/pictures/nav-testimonials.gif) no-repeat;width: 95px;height: 45px;top: 0px;left: 565px;}

@media (max-width:800px){
#menu {list-style: none;margin: 0;width: 100%;height: 100px;position: relative;padding:0;background-color: #FFFFFF;}
#menu li {float:left;margin:auto;padding:0;}
#menu span {display: none;position: absolute;}

#menu a {display:block;text-indent:-900%;position:absolute;outline:none;}
#menu a:hover {background-position:left bottom;}
#menu a:hover span {display:block;}

#menu .home {background: url(../../fr/pictures/nav-home.gif) no-repeat;width: 70px;height: 45px;top: 0px;left: 0px}
#menu .gites {background: url(../../fr/pictures/nav-gites.gif) no-repeat;width: 60px;height: 45px;top: 0px;left: 80px;}
#menu .bookings {background: url(../../fr/pictures/nav-bookings.gif) no-repeat;width: 106px;	height: 45px;top: 0px;left: 150px;}
#menu .activities {background: url(../../fr/pictures/nav-activities.gif) no-repeat;width: 120px;height: 45px;top: 0px;left: 260px;}
#menu .area {background: url(../../fr/pictures/nav-area.gif) no-repeat;width: 90px;height: 45px;top: 0px;left: 358px;}
#menu .directions {background: url(../../fr/pictures/nav-directions.gif) no-repeat;width: 106px;height: 45px;top: 0px;left: 464px;}
#menu .testimonials {background: url(../../fr/pictures/nav-testimonials.gif) no-repeat;width: 95px;height: 45px;top: 0px;left: 565px;}
}
@media (max-width:768px){
#menu {list-style: none;margin: 0;width: 100%;height: 100px;position: relative;padding:0;background-color: #FFFFFF;}
#menu li {float:left;margin:auto;padding:0;}
#menu span {display: none;position: absolute;}

#menu a {display:block;text-indent:-900%;position:absolute;outline:none;}
#menu a:hover {background-position:left bottom;}
#menu a:hover span {display:block;}

#menu .home {background: url(../../fr/pictures/nav-home.gif) no-repeat;width: 70px;height: 45px;top: 0px;left: 60px}
#menu .gites {background: url(../../fr/pictures/nav-gites.gif) no-repeat;width: 60px;height: 45px;top: 0px;left: 135px;}
#menu .bookings {background: url(../../fr/pictures/nav-bookings.gif) no-repeat;width: 106px;	height: 45px;top: 0px;left: 205px;}
#menu .activities {background: url(../../fr/pictures/nav-activities.gif) no-repeat;width: 120px;height: 45px;top: 0px;left: 310px;}
#menu .area {background: url(../../fr/pictures/nav-area.gif) no-repeat;width: 90px;height: 45px;top: 0px;left: 408px;}
#menu .directions {background: url(../../fr/pictures/nav-directions.gif) no-repeat;width: 106px;height: 45px;top:50px;left: 150px;}
#menu .testimonials {background: url(../../fr/pictures/nav-testimonials.gif) no-repeat;width: 95px;height: 45px;top: 50px;left:260px;}
}
@media (max-width:736px){
#menu {list-style: none;margin: 0;width: 100%;height: 150px;position: relative;padding:0;background-color: #FFFFFF;}
#menu li {float:left;margin:auto;padding:0;}
#menu span {display: none;position: absolute;}

#menu a {display:block;text-indent:-900%;position:absolute;outline:none;}
#menu a:hover {background-position:left bottom;}
#menu a:hover span {display:block;}

#menu .home {background: url(../../fr/pictures/nav-home.gif) no-repeat;width: 70px;height: 45px;top: 0px;left: 60px}
#menu .gites {background: url(../../fr/pictures/nav-gites.gif) no-repeat;width: 60px;height: 45px;top: 0px;left: 135px;}
#menu .bookings {background: url(../../fr/pictures/nav-bookings.gif) no-repeat;width: 106px;	height: 45px;top: 0px;left: 205px;}
#menu .activities {background: url(../../fr/pictures/nav-activities.gif) no-repeat;width: 120px;height: 45px;top: 0px;left: 310px;}
#menu .area {background: url(../../fr/pictures/nav-area.gif) no-repeat;width: 90px;height: 45px;top: 0px;left: 408px;}
#menu .directions {background: url(../../fr/pictures/nav-directions.gif) no-repeat;width: 106px;height: 45px;top:50px;left: 150px;}
#menu .testimonials {background: url(../../fr/pictures/nav-testimonials.gif) no-repeat;width: 95px;height: 45px;top: 50px;left:260px;}
}

@media (max-width:640px){
#menu {list-style: none;margin: 0;width: 100%;height: 150px;position: relative;padding:0;background-color: #FFFFFF;}
#menu li {float:left;margin:auto;padding:0;}
#menu span {display: none;position: absolute;}

#menu a {display:block;text-indent:-900%;position:absolute;outline:none;}
#menu a:hover {background-position:left bottom;}
#menu a:hover span {display:block;}

#menu .home {background: url(../../fr/pictures/nav-home.gif) no-repeat;width: 70px;height: 45px;top: 0px;left: 10px}

#menu .gites {background: url(../../fr/pictures/nav-gites.gif) no-repeat;width: 60px;height: 45px;top: 0px;left: 85px;}

#menu .bookings {background: url(../../fr/pictures/nav-bookings.gif) no-repeat;width: 106px;	height: 45px;top: 0px;left: 155px;}

#menu .activities {background: url(../../fr/pictures/nav-activities.gif) no-repeat;width: 120px;height: 45px;top: 50px;left: 10px;}

#menu .area {background: url(../../fr/pictures/nav-area.gif) no-repeat;width: 90px;height: 45px;top: 50px;left: 95px;}

#menu .directions {background: url(../../fr/pictures/nav-directions.gif) no-repeat;width: 106px;height: 45px;top:50px;left: 185px;}

#menu .testimonials {background: url(../../fr/pictures/nav-testimonials.gif) no-repeat;width: 95px;height: 45px;top: 100px;left:90px;}
}

@media (max-width:414px){
#menu {list-style: none;margin: 0;width: 100%;height: 150px;position: relative;padding:0;background-color: #FFFFFF;}
#menu li {float:left;margin:auto;padding:0;}
#menu span {display: none;position: absolute;}

#menu a {display:block;text-indent:-900%;position:absolute;outline:none;}
#menu a:hover {background-position:left bottom;}
#menu a:hover span {display:block;}

#menu .home {background: url(../../fr/pictures/nav-home.gif) no-repeat;width: 70px;height: 45px;top: 0px;left: 5px}

#menu .gites {background: url(../../fr/pictures/nav-gites.gif) no-repeat;width: 60px;height: 45px;top: 0px;left: 80px;}

#menu .bookings {background: url(../../fr/pictures/nav-bookings.gif) no-repeat;width: 106px;	height: 45px;top: 0px;left: 150px;}

#menu .activities {background: url(../../fr/pictures/nav-activities.gif) no-repeat;width: 120px;height: 45px;top: 50px;left: 5px;}

#menu .area {background: url(../../fr/pictures/nav-area.gif) no-repeat;width: 90px;height: 45px;top: 50px;left: 130px;}

#menu .directions {background: url(../../fr/pictures/nav-directions.gif) no-repeat;width: 106px;height: 45px;top:100px;left: 5px;}

#menu .testimonials {background: url(../../fr/pictures/nav-testimonials.gif) no-repeat;width: 95px;height: 45px;top: 100px;left:116px;}
}