#header-top{background-color:#fff}
.mobile-menu,.mobile-menu-sidebar{display:none}
#content-home .block-masonry.block-photo .first img,#content-home .block-masonry.block-locate img{
height:auto}
#shop-cart a.notif span.txt{display:none}
#logo-secondary{padding:6px 10px;text-align:center}
#logo-secondary img{margin:0 auto;height:auto;max-width:100%}
#footer-top #social-network .network .csc-textpic-imagewrap ul,#footer-top #social-network .network .csc-textpic-imagewrap ul li{height:100%}
#content-home #block-zoom h2,#content-home #block-zoom p{margin:0 40px;
}
#list-result .block-result .address-block,.list-news .block-result .address-block{display:block;margin:0 auto;
background:url('../../fileadmin/templates/tourisme/images/bg_caption_blue.png') no-repeat center center;background-size:100% 100%}
@media screen and (min-width:320px) and (max-width:449px){#content-home .block-masonry,#content-home .grid-sizer{width:100% !important}
#content-home .ligne>div{float:none;width:100%}
#footer-bottom #menu-footer{display:none}
#footer-bottom #social-network-small{float:none;padding:0;width:100%;text-align:center}
#footer-bottom #social-network-small ul li{margin:0 4px !important}
#content-home .block-masonry.block-locate .csc-textpic-caption .caption,#content-home #block-montagne .caption{background-size:50% auto !important;padding:30% 0 35% 0 !important}
.tx-yahooweather-pi1 .slider-weather ul li .temperature .icon,.tx-yahooweather-pi1 .slider-weather ul li .temperature .temp{float:none;width:100%}
.tx-yahooweather-pi1 .slider-weather ul li .temperature .temp p{text-align:center}
}
@media screen and (min-width:320px) and (max-width:749px){.lightbox-dialog{padding:80px 20px 20px 20px}
.slider li img{height:auto !important;width:100% !important;margin:0 !important}
body{padding-top:0px !important}
#header-top{background-color:#fff;height:52px}
#header-top.headbar-fixed{position:static}
#header-top .content-header{height:100%}
#logo{width:50%;height:100%;padding:8px 10px}
#logo a{line-height:34px}
.mobile-menu{display:block;background-color:#22252a;width:50%;height:52px;float:left}
.mobile-menu a{height:100%;display:block;padding:23.5px 0;text-indent:-9999px;
}
.mobile-menu a span{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:30px;margin:0 auto;display:block;height:5px;position:relative;background-color:#fff}
.mobile-menu a span:after,.mobile-menu a span:before{content:"";position:absolute;width:100%;left:0;height:5px;background-color:#fff;-webkit-transform-origin:center center;-moz-transform-origin:center center;transform-origin:center center;-webkit-transition-duration:0.3s,0.3s;-moz-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;-moz-transition-delay:0.3s,0s;transition-delay:0.3s,0s}
.mobile-menu a span:after{bottom:-10px;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;transition-property:bottom,transform}
.mobile-menu a span:before{top:-10px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;transition-property:top,transform}
.mobile-menu.active a span{background:none}
.mobile-menu.active a span:after,.mobile-menu.active a span:before{-webkit-transition-delay:0s,0.3s;-moz-transition-delay:0s,0.3s;transition-delay:0s,0.3s}
.mobile-menu.active a span:before{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.mobile-menu.active a span:after{bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
#main-menu{width:100%;display:none;position:absolute;z-index:50;left:0;float:none;top:52px;height:auto;-webkit-transition:none;-moz-transition:none;transition:none;background-color:#22252a}
#main-menu>ul{width:100%;left:0;height:auto;-webkit-transition:none;-moz-transition:none;transition:none}
#main-menu>ul>li{display:block;width:100%;float:none}
#main-menu>ul>li:hover .submenu,#main-menu>ul>li.active .submenu{display:none}
#main-menu>ul>li>a:before{display:none}
#main-menu>ul>li .submenu{position:static !important;width:100% !important;display:none;padding:0 !important}
#main-menu>ul>li.menu3 .submenu>ul{padding:0 15px}
#main-menu>ul>li.li-sub-submenu .submenu>ul{float:none;width:100%;padding:0}
#main-menu>ul>li.li-sub-submenu .submenu>ul>li{display:block;width:100%;float:none}
#main-menu>ul>li.li-sub-submenu .submenu>ul>li>a{margin:0}
#main-menu>ul>li .submenu>ul li ul li a,#main-menu>ul>li.li-submenu .submenu>ul li a{padding:5px 0}
#main-menu>ul>li .submenu .image,#main-menu>ul>li .submenu .image-menu{display:none}
#main-menu #right-menu{width:100%;padding:0}
#main-menu #right-menu .mobile-menu-sidebar{display:block}
#main-menu #right-menu .mobile-menu-sidebar a,#main-menu #space-menu ul li a,#main-menu #copyright ul li a{display:block;width:100%;text-decoration:none;text-align:center;color:#fff;font-size:18px;padding:14px 0;border-bottom:4px solid #fff;text-transform:uppercase;font-weight:700}
#main-menu #right-menu .mobile-menu-sidebar:hover a,#main-menu #right-menu.active .mobile-menu-sidebar a{background-color:#fff;color:#22252a}
#main-menu #right-menu .submenu{display:none}
#main-menu #right-menu ul li a{padding:12px 10px 12px 50px}
#main-menu #right-menu ul li a:before{top:2px}
#main-menu #space-menu p{display:none}
#main-menu #space-menu ul,#main-menu #copyright ul{margin:0}
#main-menu #space-menu ul li,#main-menu #copyright ul li{margin:0;float:left;width:50%}
#main-menu #space-menu ul li a,#main-menu #copyright ul li a{padding:8px 5px;border-bottom-width:1px;text-transform:none;font-size:14px;border-left:1px solid #fff;border-right:1px solid #fff}
#main-menu #language{float:none;width:100% !important;display:block;border:none;border-bottom:1px solid #fff}
#main-menu #language .lang-active a span{padding:10px 20px 10px 30px !important}
#main-menu #language .lang-active{display:none}
#main-menu #language ul{display:block;position:static;width:100%;margin:0}
#main-menu #language ul:before{display:none}
#main-menu #language ul li{display:inline-block;width:25%;text-align:center;border-left:1px solid #fff}
#language a{font-size:12px}
#main-menu #language ul li:first-child{border:none}
#main-menu #language ul li.active a{color:#eab717}
#breadcrumb{display:none}
#wrap #right-header{float:none;width:100%}
#wrap #right-header .top-right{height:auto}
#wrap #right-header .top-right>div{width:35%;float:left;height:40px}
.headbar-fixed .std .ospanier.minitoggle .contenu .Details{line-height:40px}
#wrap #right-header .top-right>div a{background-position:10px 0}
#wrap #right-header .top-right #search{width:65%;background-color:#fff}
#wrap #search .mobile{display:none}
#wrap #search:after{display:none}
#wrap #search .gsc-input-box{opacity:1;visibility:visible;position:absolute;right:40px;left:35%;top:0;width:auto !important}
#wrap #search input[type="text"],#wrap #search .gsc-control-cse input{position:static;margin:0 !important;
width:100% !important;padding:9px 10px !important;visibility:visible;opacity:1;border:none !important}
#search input[type="submit"],#search .gsc-control-cse{float:right;width:40px;background-position:center -40px}
.headbar-fixed .OsPanier.api .ospanier.minitoggle .contenu{top:98%;position:absolute}
#wrap #right-header .top-right #shop-cart a{padding-left:45px;text-decoration:none}
#wrap #right-header .top-right #shop-cart a .txt{display:block;position:static;font-size:15px}
#wrap #right-header .bottom-right{display:none}
#content-home .block-locate .csc-textpic-caption,#content-home #block-webcam p,#content-home #block-bulletin p,#content-home #block-zoom .caption,#content-home .block-photo .first .csc-textpic-caption,#content-home #block-love p,#content-main #other-like .image-list ul li .caption,#content-main #other-like .csc-textpic-imagewrap ul li .csc-textpic-caption .caption,#list-result .block-result .caption,#content-home .block-masonry .no-news-found,.list-news .block-result .caption{font-size:15px}
#content-home .block-masonry.block-locate .csc-textpic-caption .caption,#content-home #block-montagne .caption{padding:38% 0 35% 0}
#content-home .block-masonry.block-locate{width:100%}
#content-home .block-masonry.width3:before{padding-top:100% !important}
#footer-top #social-network{display:none}
#footer-top #newsletter{margin:0;max-width:100%;padding:15px;width:100%}
#footer-top #newsletter:before{display:none}
#footer-top #newsletter .content-block{position:static}
#footer-top #newsletter *{font-size:16px}
#footer-top #newsletter p{padding-top:45px;margin-bottom:15px}
#footer-top #newsletter input[type="submit"]{margin-top:-45px;height:45px}
.content-inner{padding:0 10px}
a.bt-bordure{font-size:16px}
#content-main #left{display:block;float:none;width:100%;padding:0px 10px}
h1{font-size:22px}
h2{font-size:18px}
h3{font-size:16px}
#content-main #left p{font-size:14px}
.select-box{width:auto !important;text-align:center !important}
#content-main #right{float:none;width:100%;min-height:800px}
#content-main #right .image ul li{height:50% !important}
#content-main #video .csc-textpic,#content-main #other-like,#content-main #other-like .csc-textpic{display:block}
#content-main #video .image,#content-main #other-like .image-list,#content-main #video .csc-textpic-imagewrap,#content-main #other-like .csc-textpic-imagewrap{width:100%;float:none;padding:10px}
#content-main #video .info,#content-main #other-like .info,#content-main #video .csc-textpic-text,#content-main #other-like .csc-textpic-text{width:100%;float:none;padding:20px 10px 0 10px}
#content-main #video .info h2,#content-main #other-like .info h2,#content-main #video .csc-textpic-text h2,#content-main #other-like .csc-textpic-text h2{font-size:22px}
#content-main #video .info h3,#content-main #other-like .info h3,#content-main #video .csc-textpic-text h3,#content-main #other-like .csc-textpic-text h3{font-size:18px}
#content-main #video .info p,#content-main #other-like .info p,#content-main #video .csc-textpic-text p,#content-main #other-like .csc-textpic-text p{font-size:14px}
#content-main #other-like .image-list ul li,#content-main #other-like .csc-textpic-imagewrap ul li{float:none;width:100%;padding:0 10px;margin:10px auto !important;max-width:350px}
#content-main #other-like .image-list ul li .image,#content-main #other-like .csc-textpic-imagewrap ul li .image{width:96%;width:calc(100% - 20px)}
#list-result .block-result .last,.list-news .block-result .last{padding:20px}
.tx-yahooweather-pi1 .slider-weather ul li{padding:0 10px;width:50%}
.tx-yahooweather-pi1 .slider-weather ul li{margin:10px 0}
.tx-yahooweather-pi1 .slider-weather ul li:nth-child(odd){border-left:none}
#content-main #detail-fiche-sitra #right{min-height:0;
}
#content-main .left,#content-main .right{float:none;width:100%}
#itinerary #google-map,#itinerary .right-itinerary{float:none;width:100%}
#itinerary{height:auto}
#itinerary #google-map{height:250px}
#itinerary .right-itinerary .block-yellow,#itinerary .right-itinerary .block-blue{height:auto;padding:20px 0 0 0}
#second-content .category-menu{padding:20px 10px}
#second-content .category-menu ul li{margin:0 5px 5px 0}
#second-content .content-category .block-menu{position:static;display:none}
#second-content .content-category .block-menu.animated{display:block}
#list-result .block-result .last .number,.list-news .block-result .last .number{margin-top:-30px}
#list-result .block-result:before{padding-top:125%}
#itinerary .right-itinerary .block-yellow form,#itinerary .right-itinerary .block-blue form{width:auto;max-width:100%;padding:0 10px}
}
@media screen and (min-width:320px) and (max-width:949px){#headband .image{height:250px}
#slideshow,#slideshow ul li{height:140px !important}
#slideshow .bx-controls-direction{margin-top:8px !important}
#slideshow .bx-controls-direction a{margin:0 0px !important;font-size:50px !important;position:absolute}
#slideshow .bx-controls-direction a.bx-prev{left:35px}
#slideshow .bx-controls-direction a.bx-next{right:35px}
#slideshow ul li .caption,#slideshow ul li .csc-textpic-caption{padding:10px !important;font-size:20px !important}
#slideshow ul li .caption span,#slideshow ul li .csc-textpic-caption span{font-size:16px !important}
#right-map,#left-map{width:100%;float:none}
#left-map{padding:20px 6.5% 20px 6.5%}
#right-map{height:auto !important}
#right-map .image-other img{width:100% !important;height:auto !important;margin:0 !important}
#right-map .image-menu.animated{display:block}
#right-map .image-first{float:none;width:100%;margin-bottom:20px}
#right-map .image-other{float:none;width:100%}
#right-map .image-other .image-content{float:left;width:50%}
}
@media screen and (min-width:450px) and (max-width:749px){#content-home .block-masonry,#content-home .grid-sizer{width:50%}
#content-home .column .block-masonry{width:100%}
#content-home .ligne>div{width:50%}
#content-home .ligne #block-webcam{float:right}
#content-home #block-zoom h2,#content-home #block-zoom p{margin:0 25px}
.slider .bx-controls-direction a{width:25px !important;height:25px !important;line-height:20px !important}
#footer-bottom #space-menu{display:block;display:none;float:none;width:100%;margin:0 0 15px 0}
#footer-bottom #space-menu p{margin-bottom:10px;display:block}
#footer-bottom #copyright{width:50%;padding:0}
#footer-bottom #social-network-small{float:right;width:50%;padding:0}
#footer-bottom #social-network-small ul li{margin:0 0 !important;float:right}
#footer-bottom #menu-footer{display:none}
}
@media screen and (min-width:320px) and (max-width:599px){#content-main #right .image ul li{float:none;width:100%;height:300px !important}
#content-main #right{float:none;width:100%;height:auto !important}
}
@media screen and (min-width:600px) and (max-width:749px){#footer-bottom #menu-footer{display:block}
#footer-bottom #main-menu-footer>ul>li{padding:0;width:50%}
#main-menu-footer>ul>li.li-sub-submenu .submenu>ul>li{padding-left:10px;margin-bottom:10px}
#footer-bottom #main-menu-footer>ul>li.menu1 .submenu>ul>li.menu1{float:right}
#footer-bottom #main-menu-footer>ul>li.menu1 .submenu>ul>li.menu2{float:left;padding-left:0}
#footer-bottom #main-menu-footer>ul>li.menu2{padding-left:15px}
#footer-bottom #main-menu-footer>ul>li.menu3{padding-left:0;clear:both;float:none;width:100%}
#content-main .list-news #right{height:auto !important}
}
@media screen and (min-width:750px) and (max-width:899px){body.headbar-fixed{padding-top:45px}
#content-home .block-masonry,#content-home .grid-sizer{width:50%}
#content-home .column .block-masonry{width:100%}
#content-home .ligne>div{width:50%}
#content-home .ligne #block-webcam{float:right}
#content-home .block-masonry.block-locate .csc-textpic-caption .caption{padding:22% 0 10% 0}
#content-home #block-montagne .caption{padding:40% 0 10% 0}
#content-home .block-masonry.block-locate{width:100%}
#footer-top #social-network .network .csc-textpic-text{padding-top:65px;background-position:center 82px}
}
@media screen and (min-width:750px) and (max-width:949px){#header-top{height:90px}
body{padding-top:90px}
#main-menu>ul>li>a{font-size:18px}
#main-menu>ul>li.li-sub-submenu .submenu>ul{width:100%}
#main-menu>ul>li.li-sub-submenu .submenu>ul>li>a{font-size:14px !important}
#main-menu>ul>li .submenu>ul li a .image{display:none}
#main-menu>ul>li .submenu .image-menu{display:none}
#main-menu>ul>li .submenu>ul li a{font-size:14px}
#language a{font-size:10px}
#language .lang-active a span{background-size:15px auto,10px auto;background-position:left 5px,right 0;padding:14px 15px 14px 20px}
#language:hover .lang-active a span{background-position:0 -28px,right -40px}
#right-header .bottom-right{height:50px}
.std .ospanier.minitoggle .contenu{height:50px !important}
.std .ospanier.minitoggle .contenu .Details{line-height:50px}
#logo-secondary{padding:2px 10px}
#header-top.headbar-fixed{height:45px}
#header-top.headbar-fixed #main-menu>ul>li>a{font-size:16px;padding:11px 0}
#header-top #logo a{line-height:80px}
#header-top.headbar-fixed #logo{padding:0px 10px}
#header-top.headbar-fixed #logo a{line-height:40px}
#header-top.headbar-fixed #language .lang-active a span{padding:16px 15px 16px 20px;background-position:0 7px,right 2px}
#header-top.headbar-fixed #right-header,#header-top.headbar-fixed #right-header .top-right{height:45px}
#header-top.headbar-fixed #language:hover .lang-active a span{background-position:0 -25px,right -38px}
#header-top.headbar-fixed #language ul{top:45px}
#search:after{height:50px}
#search input[type="text"]{margin:8px 10px;width:calc(100% - 20px)}
#header-top.headbar-fixed #search input[type="text"],#header-top.headbar-fixed #search .gsc-control-cse input{margin:7px 10px !important;width:calc(100% - 25% - 20px) !important}
#header-top.headbar-fixed #search input[type="submit"],#header-top.headbar-fixed #search .gsc-control-cse{background-position:center 2px}
#header-top.headbar-fixed #search:hover input[type="submit"],#header-top.headbar-fixed #search.animated input[type="submit"],#header-top.headbar-fixed #search:hover .gsc-control-cse,#header-top.headbar-fixed #search.animated .gsc-control-cse input{background-position:center -38px}
#header-top.headbar-fixed #shop-cart a{background-position:center 2px}
#headband .image{height:400px}
#slideshow,#slideshow ul li{height:400px !important}
#breadcrumb{margin:15px 10px}
#footer-top #newsletter{float:none;width:100%;margin:0px auto 0 auto;clear:both;max-width:100%;padding:20px 0}
#footer-top #newsletter:before{display:none}
#footer-top #newsletter .content-block{position:static}
#footer-top #social-network{float:none;display:block;width:auto;margin:20px -10px 0 -10px}
#footer-top #social-network .network{min-width:auto;max-width:300px;width:33.3%;padding:0 10px}
#footer-top #social-network .network .content-block{left:10px;right:10px}
#footer-bottom *{font-size:12px}
#footer-bottom #space-menu{width:70%;margin-bottom:10px}
#footer-bottom #copyright{
float:left;width:30%;
padding-left:0;margin-bottom:10px}
#footer-bottom #social-network-small{padding :0;
width:auto}
#footer-bottom #social-network-small ul li{margin:0 10px 0 0 !important}
#content-main #left{padding:20px}
#content-main #right .image ul li{height:50% !important}
.select-box{width:auto !important}
#content-main #video .info,#content-main #other-like .info,#content-main #video .csc-textpic-text,#content-main #other-like .csc-textpic-text{padding:20px}
#content-main #other-like .image-list ul li,#content-main #other-like .csc-textpic-imagewrap ul li{padding:0 10px}
#content-main #other-like .image-list ul li .image,#content-main #other-like .csc-textpic-imagewrap ul li .image{width:96%;width:calc(100% - 20px)}
#content-main #other-like .image-list ul li .caption span,#content-main #other-like .csc-textpic-imagewrap ul li .csc-textpic-caption span{width:auto;min-width:0}
#itinerary .right-itinerary{text-align:center}
#itinerary .right-itinerary .block-yellow,#itinerary .right-itinerary .block-blue{padding-top:30px}
#itinerary .right-itinerary .block-blue input[type="text"].address{width:100%;display:block;margin:0 0 10px 0}
}
@media screen and (min-width:900px) and (max-width:949px){body.headbar-fixed{padding-top:45px}
#content-home .block-masonry.block-locate .csc-textpic-caption .caption{padding:20% 0 35% 0}
#content-home #block-montagne .caption{padding:32% 0}
a.bt-bordure{font-size:16px}
#content-home .block-locate .csc-textpic-caption,#content-home #block-webcam p,#content-home #block-bulletin p,#content-home #block-zoom .caption,#content-home .block-photo .first .csc-textpic-caption,#content-home #block-love p,#content-main #other-like .image-list ul li .caption,#content-main #other-like .csc-textpic-imagewrap ul li .csc-textpic-caption .caption,#list-result .block-result .caption,#content-home .block-masonry .no-news-found,.list-news .block-result .caption{font-size:16px}
#footer-bottom #main-menu-footer>ul>li.menu2,#footer-bottom #main-menu-footer>ul>li.menu3{padding-left:20px}
}