.fixed {position: fixed;width: 100%;top: 0;left: 0;}
.nav-collapse, .nav-collapse * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nav-collapse, .nav-collapse ul {list-style: none;width: 100%;float: left;}
.nav-collapse li {float: left;}
.nav-toggle {position: fixed;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-decoration: none;text-indent: -999px;position: relative;overflow: hidden;width: 70px;height: 55px;float: right;}
.nav-toggle {background: url("mob_menu.png") no-repeat scroll center center rgba(0, 0, 0, 0);text-indent: -900em;width: 30px;height: 30px;color: #fff;cursor: pointer;display: inline-block;height: 30px;margin-right: 10px;margin-top: 25px;width: 30px;float: right;border: none;text-indent: -900em;overflow: hidden;position: relative;top: -20px}
.nav-toggle.active {font-size: 28px;background: url("mob_menu.png") no-repeat scroll center center rgba(0, 0, 0, 0);text-indent: -900em;width: 30px;height: 30px;}
.nav-collapse ul {margin: 0;padding: 0;width: 100%;display: block;list-style: none;}
.nav-collapse li {display: block;}
.js .nav-collapse {clip: rect(0 0 0 0);max-height: 0;position: absolute;display: block;zoom: 1;}
.nav-collapse.opened {max-height: 9999px;}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
 @media screen and (max-width: 768px) {
.menu {background: none !important;position: absolute;right: 0;top: 70px !important;}
.nav-collapse {width: 290px;border: medium none;height: 320px;top: 0px;bottom: 0;position: fixed;right: 0;float: right;z-index: 900;}
.nav-collapse ul {border-radius: 0 0 6px 6px;background-image: -moz-linear-gradient(to bottom, #048c9d, #09b4d5);background-image: -webkit-linear-gradient(to bottom, #048c9d, #09b4d5);background-image: -o-linear-gradient(to bottom, #048c9d, #09b4d5);background-image: linear-gradient( to bottom, #048c9d, #09b4d5);}
.nav-collapse li {float: left;width: 100%;background: none;width: 100%;border-top: 1px solid #069cb3;}
.nav-collapse a {font-size: 1.3em;text-decoration: none;width: 100%;padding: 0px 1em;float: left;}
.menu li.lien_actif {margin: 0!important;padding: 0px 0px 0px 15px !important;}
.menu li.lien_actif a.accueil, .menu li, .menu li.lien_actif a.accueil, .menu li.lien_actif a.restaurant-chez-gracieuse, .menu li.lien_actif a.nos-excursions, .menu li.lien_actif a.contact {background: none;padding: 10px 0 10px 15px !important}
.header-right {font-size: 12px}
.header {min-height: auto}
.rightimg {float: left !important}
.bg_slogan {float: left;margin: 10px 0 !important}
.bg_slogan_footer img, .bg_slogan img {width: 100%;}
.bg_slogan_footer {background: #189eb7 none repeat scroll 0 0;color: #fff;float: left;font-size: 13px;line-height: 34px;margin: 0 0 0 -20px !important;position: absolute;text-align: center;text-shadow: none;text-transform: uppercase;width: 100%;}
.right {float: left}
.wimgr {width: 100% !important}
.wtr {width: 100% !important;padding-top: 20px;clear: both}
h1 {font-size: 16px}
.sp_left {padding: 80px 0 0}
.header-tel {background: url("telr.png") no-repeat left center;padding-left: 30px;}}
 @media screen and (min-width: 770px) {
.js .nav-collapse {position: relative;}
.js .nav-collapse.closed {max-height: none;}
.nav-toggle {display: none;}}
 @media (min-width:768px) {
.conteneur {width: 750px}}
@media (min-width:992px) {
.conteneur {width: 960px;}}
 @media (max-width:960px) {
.box_text_left {width: 100% !important;background: #fff url(bg_box_text.png) no-repeat center bottom;}
.last-tarif {margin-left: 0px}
.imgrs, .imgls {width: 100%}}
@media (max-width:960px) and (min-width:768px) {
.rightimg {float: left !important}
.menu a {font-size: 16px}
.menu li {padding: 16px 12px !important;}
.menu li.lien_actif {padding: 13px 19px 13px 27px !important}
.menu li.lien_actif a.nos-excursions, .menu li.lien_actif a.restaurant-chez-gracieuse, .menu li.lien_actif a.contact {padding: 19px 19px 29px}
#cboxOverlay {position: relative;padding: 200% 0}}
@media (max-width:820px) and (min-width:533px) {
h1 {font-size: 1.4em;padding-top: 7px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
.bg_slogan_footer {background: #189eb7 none repeat scroll 0 0;color: #fff;float: left;font-size: 20px;line-height: 34px;margin: 15px 0 0 -20px !important;padding: 0 10px;position: relative;text-align: center;text-shadow: 2px 2px 4px #948773;text-transform: uppercase;width: 106%;}
.bg_slogan_right {background: #20a2b8 none repeat scroll 0 0;color: #fff;font-size: 11px;padding: 4px 10px 10px;text-align: left}
.bg_slogan_vert {float: left;width: 28%;margin-right: 5px}
.bg_slogan {font-size: 12px}
#cboxOverlay {position: relative;padding: 200% 0}}
@media (max-width:603px) and (min-width:533px) {
input[type="submit"] {margin: 10px 0 5px 0}
.w70, .w60, .w50, .w40 {width: 100%}
#cboxOverlay {position: relative;padding: 200% 0}}
 @media (max-width:533px) {
input[type="submit"] {margin: 10px 60px 5px 0}
body {font-size: 11px}
.w70, .w60, .w50, .w40 {width: 100%}
.list1 {padding-left: 0px}
.header-right {right: 5px;font-size: 11px;}
.header-tel, .header-slogan {padding-left: 24px}
.menu {top: 60px !important}
.flexslider {padding: 20px 20px 40px}
.flex-direction-nav .flex-prev {left: 13px}
.flex-direction-nav .flex-next {right: 13px}
.flexslider .flex-control-nav {margin: 0 0 0 -28px;}
.ml2, .mlm {margin-left: 0px}
.tarif {font-size: 14px;margin: 20px 0 20px 70px}
.heberge {bottom: 19px;float: left;font-size: 11px;margin-left: 10px;position: absolute;}
.img16 {float: right;margin: 40px 0 10px 20px;width: 100%;}
.sp_left {margin: 10px 0 50px;padding: 80px 0 18px;width: 100%;}
.txtmod {clear: both}
.info-oblig {font-size: 12px;}
.titre-h3 {line-height: 14px}
.fieldset-content fieldset legend a {font-size: 13px}
.slogan {font-size: 14px}
.nav-collapse a {font-size: 1.1em;}
.nav-collapse {width: 210px}
.menu li.lien_actif a.accueil, .menu li, .menu li.lien_actif a.accueil, .menu li.lien_actif a.restaurant-chez-gracieuse, .menu li.lien_actif a.nos-excursions, .menu li.lien_actif a.contact {padding: 10px 0 10px 5px !important;}
.slogan_accueil1 {background: #1a9eb5 url("bg_slogan_accueil1.jpg") no-repeat scroll 30px 0;color: #fff;font-size: 12px;padding: 12px 8px 10px 6px;text-align: center;}
.bg_slogan_footer {background: #189eb7 none repeat scroll 0 0;color: #fff;float: left;font-size: 13px;line-height: 18px;margin: 0 0 0 0px !important;position: relative;text-align: center;text-shadow: none;text-transform: uppercase;width: 100%;padding: 10px 10px}
.bg_slogan_right {background: #20a2b8 none repeat scroll 0 0;color: #fff;font-size: 11px;padding: 4px 10px 10px;text-align: left}
.bg_slogan_vert {float: left;width: 35%;margin-right: 5px}
.bg_slogan {font-size: 11px}
h1 {font-size: 15px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
#cboxOverlay {position: relative;padding: 200% 0}}
@media (max-width:480px) {
h1 {font-size: 14px;}
h2 {font-size: 13px;}
h3 {font-size: 12px;}
input[type="submit"] {margin: 10px 10px 5px 0;padding: 6px 15px 7px;font-size: 12px}
.header-right {left: 20px;top: 72px;}
.menu {top: 10px !important;}
.tarif {margin: 20px 0 20px 20px}
.w33 {width: 40%}
.slogan_accueil1 {background: #1a9eb5 url("bg_slogan_accueil1.jpg") no-repeat scroll 25px 0;color: #fff;font-size: 11px;padding: 10px 8px 10px 6px;text-align: center;}
#cboxOverlay {position: relative;padding: 200% 0}}
@media (max-width:360px) {
.header-right {left: 20px;top: 60px;}
.pl1, .pls {padding-left: 5px}
.heberge {font-size: 10px;bottom: 16px;margin-left: 5px;}
.footer {font-size: 10px}
h1 {font-size: 0.86em;padding-top: 12px;}
h3 {font-size: 0.8em;line-height: 14px;}
#cboxOverlay {position: relative;padding: 200% 0}}
@media (max-width:320px) {
h1 {font-size: 0.78em;padding-top: 12px;}
h3 {font-size: 0.8em;line-height: 14px;}
#cboxOverlay {position: relative;padding: 200% 0}}