@media screen and (max-width: 1024px) {
/* ENTÊTE */
#header {width:98%; padding:0 1%;}
.wrapper{width:100%; margin:0;}
/*#container_head{height:230px;}*/
#supersized {top: 80px; }
#supersized img {max-width: 1400px!important; height: auto!important; left: -265!important; top: 105!important;}
div.display_box div.display_box_l {background: none; float: left; height: auto; padding:0; width:30%;}
div.display_box, div.display_box2, div.display_box3{background: none; height:auto; margin:0 0 15px 0; padding:2%; width:96%; border-radius:2px; box-shadow:0px 0px 29px 2px rgba(204,204,204,1); -webkit-box-shadow:0px 0px 29px 2px rgba(204,204,204,1); -mox-box-shadow:0px 0px 29px 2px rgba(204,204,204,1); clear:both;}
div.display_box div.display_box_c{width:35%;}
div.display_box div.display_box_r{width:26%;}
div.display_box div.display_box_r div.prix{ padding:5%;}
div.blanc img{max-width:100%!important; height:auto; margin-bottom:5px;}

div.display_box2 div.display_box_l {border: 1px dotted #0cf; color: #414141; float: left; height: 145px; margin: 5px 10px 5px 5px; padding: 10px; width: 28%;}
div.display_box2 div.display_box_c {background: none; float: left; height: 174px; padding: 6px 0 6px 0; width:32%;}
div.display_box2 div.display_box_r, div.display_box3 div.display_box_r {background: #0cf; color: #fff; float: right; font-size: 11px; height: 145px; margin: 5px 5px 5px 10px; padding: 10px; width: 25%;}
div.display_box2 div.display_box_r ul, div.display_box3 div.display_box_r ul {margin: 0 0 0 10px;}
div.display_box2 div.display_box_l div.logo {margin-bottom: 5px;}
div.display_box_l div.lien {width: 26%;}
div.display_box_r div.lien {width: 100%;}

/* MILIEU */
div.bg_trans div.titre_txt {margin-top: 20px;}
div#container_categories div#accueil_groupes div.boutons ul li {font-size: 14px; }
div#container_categories div.boutons ul li {font-size:15px;}
}

@media screen and (max-width: 950px) {
div#container_categories div#accueil_groupes div.boutons ul li {font-size: 13px; }
div#container_categories div.boutons ul li a { padding: 15px 0 15px 85px;}
div.bloc div.content div.photo{width:24%;}
div.bloc div.content div.resume{width:70%;}
}

@media screen and (max-width: 930px) {	
/* ENTÊTE */
#header #nav-client ul li {font-size:87%;}
#header div#social ul li a img{width:80%;height:auto;}
#header div#social ul li {margin-left: 0px;}
#header div#social ul li.mail {padding: 0 20px 0 34px;}

/* MILIEU */
div.bloc div.social_media{right:6px; top:6px;}
div#accueil_a, div#accueil_b, div#accueil_c {width:46%; margin:0 1% 10px 0;}
div#accueil_groupes div.sep{display:none;}

/* Listes séjours */
div.display_box div.display_box_l {width: 20%;}
div.display_box div.display_box_c {width: 45%;}
div.display_box div.display_box_c p{font-size:80%;}
div.display_box div.display_box_r {width: 25%;}
div.display_box div.display_box_r .bouton{width:25%; bottom:70px!important; font-size: 90%;}

div.display_box3 div.display_box_r{height:110px;}
div.display_box3 .display_box_c div.lien{bottom:77;}
div.cal_territoire a {width:98.5%;}
div#container_categories div.boutons ul li {font-size:12px;}
}

@media screen and (max-width: 768px) {
body{background:#fff;}
/* ENTÊTE */
#header_l {display:block; float:right; width: 100%; }
#header_r {display:block; float:right; width: 80%; }
#header_l.mobile{display:block;}
#header_l.desktop{display:none;}
#supersized {display: none;}
#header #sections{margin-bottom:5px;}
#menu {width:98%; margin:0 1%;}

/* MILIEU */
#content{width:100%;}
div.bg_trans {width:100%; margin-right:0; padding:0%;}
div.bg_trans.home {width:98%; margin-right:0; padding:1%;}
/*div.bg_trans div.titre_txt {margin-top: 15px;}*/
div.bloc {display:block; float: left; width: 100%;}
div.bloc_sep {display:none;}
div.bloc div.content div.photo{width:20%;}
div.bloc div.content div.resume{width:75%; font-size:15px; line-height: 18px;}
div.bloc div.content div.plus{right:10px; bottom:10px; font-size: 15px; line-height: 18px;}
div.bloc div.logo {min-height: 0px; }
div.bloc:nth-child(1){margin:0 0 10px 0;}
div.bloc:nth-child(2){margin:0 0 10px 0;}
div.bloc:nth-child(4){margin:0 0 10px 0;}
div.bloc:nth-child(5){margin:0 0 10px 0;}
div#accueil_a, div#accueil_b, div#accueil_c {width:100%; margin:0 0 10px 0;}
div#accueil_g, div#accueil_d {float: left; width: 100%; margin-right:0%;}

div.display_box, div.display_box2, div.display_box3{background: none; border:1px solid #ccc; margin-bottom:10px; display:block; float:left;}
div.display_box_groupes_new {background: none; border:1px solid #ccc; margin-bottom:10px;}

/* DROITE */
#droite {width: 98%; padding:2% 1%;}
#droite p {display:block; float:left; width:48%; margin:1%;}
#droite p img{width:100%;}

/* RÉSERVER */
div#reserver_details, div#reserver_details2 {float: left; width: 100%; margin-bottom: 5%;}
div#reserver_main {float: right; width: 100%;}
div#reserver_details2 {display:block;}
div#reserver_details {display:none;}

div#container_categorie_2c div#container_categories_main {float: right; width: 100%;}
div#container_categorie_2c div#container_categories_gauche {float: left; width: 100%;}
#calendrier_main {width:100%;}
#calendrier_details{width:100%;}
div.cal_territoire a{width:100%;}
div.cal_territoire div.sep{display: none;}
div.cal_str_jour, div.cal_sorties {padding: 5% 20%;}

#panier_r2{display:block; margin-bottom:5%;}
#panier_r{display:none;}

div.cal_nav{width:24.6%;}

div.interets h1{font-size:1em;}
div.display_box2 div.display_box_r, div.display_box3 div.display_box_r { width: 28%;}
div.display_box div.display_box_c {width: 30%;}
.display_box.bleu .logo img{max-height:45px; width:auto; margin-bottom: 0;}
.display_box.bleu .display_box_c{width:45%}
div.display_box_r div.stock {bottom: 55px;}

/* PIED DE PAGE */
#footer{width:96%; padding:2%;}
}

@media screen and (max-width: 670px) {
div.display_box2 div.display_box_l {border:none; height:auto;}
div.display_box2 div.display_box_r {border:none; box-shadow:none!important;}
div.display_box2 div.display_box_r h1{font-size: 16px;}
}

@media screen and (max-width: 650px) {
#jsddm li a {width: 115px;}
/* Listes séjours */
div.display_box div.display_box_l {width:100%;}
div.display_box div.display_box_c {width: 100%!important; padding:0;}
div.display_box div.display_box_r {width: 100%; float:right; margin:5% auto;}
div.display_box div.display_box_r .bouton{width: 25%; bottom:65px!important;}
div.display_box_r div.prix span {font-size:35px;}

div.display_box2 div.display_box_l {width: 96%; margin: 5px auto; display: block; float: left}
/*div.display_box2 div.display_box_l {width: 95%; margin-left: 0; margin-right: 0;}*/
div.display_box2 div.display_box_c {display:none;}
div.display_box2 div.display_box_r {width: 95%; margin:auto 0; display: block; float:left}
/*div.display_box2 div.display_box_r {width: 96%; margin:auto 0;}*/

div.display_box_groupes_new div.display_box_l {width:100%;}
div.display_box_groupes_new div.display_box_c {width: 55%; padding:0;}
div.display_box_groupes_new div.display_box_r {width: 35%; float:right;}
div.display_box_groupes_new div.display_box_r .bouton{width: 25%; bottom:65px!important;}
div.display_box2 div.display_box_l {border:none; height:auto;}
div.display_box2 div.display_box_r {border:none; box-shadow:none!important;}
div.display_box2 div.display_box_r h1{font-size: 16px;}
.logo img {width: 100%; display: block; float: left;}
.caracteristiques {display: block; float: left; width: 90%; margin-left: 5%; }
div.display_box_l_new {width:100%!important; height:auto!important;}
.prix {width: 55%;margin: auto;}
.logo img{margin:5% auto;}
div.display_box div.display_box_r div.prix {font-size: 15px;}
iframe{width:325px!important; height:auto!important;}
div.display_box div.display_box_r div.logo {margin: auto; width: 50%; display: block;}
div.display_box_r div.stock {text-align: center;}
div.display_box.bleu .display_box_l  img{width:100%;}
.display_box.bleu .logo img{max-height:100%; width:100%}
div.display_box_l div.lien {width: 100%;}
div.display_box2 div.display_box_r, div.display_box3 div.display_box_r{font-size:13px;}
div.reserver input{font-size:18px;}
div.display_box_r div.lien_billets {width: 100%;}
.reserver{margin-top:10px;}
}

@media screen and (max-width: 600px) {
#jsddm li a {width: 95px;}
#content fieldset label.form{display:block; float:left; width:100%; text-align: left;}
#content fieldset input{display:block; float:left; height:30px; min-width: 60%;}
input.login{width:100%;}
div#container_categories div.titre img {max-width: 70%;}
div.bg_trans div.titre_txt {max-width: 100%;}

/* DESTINATIONS */
#ski_content_g {float: left; width: 100%;}
#ski_content_d {float: right; width: 100%;}
#ski_content_d p{display: block; float: left; width:auto; max-width:30%; margin:25px auto;}
div#container_categories div.boutons ul li {font-size:16px;}
div.cal_nav{width:24.5%;}
}

/* MENU MOBILE */
@media screen and (max-width: 485px) {
.btn-menu{display:block; float:right; margin:10px 0 0; background: #afafaf; font-size:14px; color:#fff; border:0; text-transform: uppercase; cursor:pointer; padding:5px 10px; }
#menu2 {display: none; width: 100%; position: fixed; z-index: 2000;}
#menu2 ul {display: block; width: 100%; padding: 10px 0 0; height: 100vh; background: rgba(66, 66, 66, 0.97); margin:0px 0;}
#menu2 ul li { display: block; margin: 0 auto; width: 100%; padding: 10px 0; font-size: 20px; text-align: center; text-transform: uppercase; list-style-type: none;}
#menu2 ul li a { color: #fff; margin:0 auto;}
#menu2 ul li a:active, #menu2 ul li a:hover, #menu2 ul li a:focus {list-style: none; text-decoration: none;}
#menu2 ul li +li:before { content: ''; padding: 0; float: left;}
#jsddm li a {width:100%;}

/* ENTÊTE */
#header {width:100%; padding:0;}
#header_r {display:block; float:right; width: 98%; margin:0 1% 0 0; }
#header_l {width:98%; margin:0 auto;}
#header #nav-client {margin-bottom:10px;}
#header #sections ul li{ margin:1.5px; width:24%;}
#header #nav-client ul li.langue {width:50%; text-align: left; padding:5px 5px;}
#header #nav-client ul li.bouton {padding-left:4%; width:45%;}
#header div#social{ margin-top:10px;}
#header div#telephone { font-size:20px; padding:0 10px; margin-bottom:0.5%;}
#header div#social ul li.mail {background:none; padding:0 10px;}
#header div#social ul li.mail span{font-size:10px;}
#menu{display:none;}
#container_head {height: auto;}
/* MILIEU */
div.bg_trans div.titre_txt { position: relative; display: block; float:left; width: 100%; margin-top: 15px; margin-bottom: 5px; }
div.bg_trans div.titre img {width: 100%; margin-top: 5px;}
div#container_categories div.titre img {max-width: 100%;}
/* Listes séjours */
/*div.display_box div.display_box_c {width: 100%;}
div.display_box div.display_box_c p {margin-top:5px; font-size: 100%;}
div.display_box div.display_box_r {width: 25%; margin-bottom:10px;}
div.display_box div.display_box_r .bouton{width: 100%; bottom: -5px!important; }*/
div.cal_nav, div.cal_mois, div.cal_jour, div.cal_jour_fds, div.cal_vide, div.cal_sem, div.cal_fds {height: 45px;}
div.cal_jour, div.cal_jour_fds {font-size: 0.6em;}
div.cal_nav {height:29px;}

/* DROITE */
#droite p {width:100%; margin:2% 0;}
div.bloc div.content{height:250px;}
#partenaires li {width:44%;}
/* PANIER CHECKOUT*/
#panier_l { width: 100%;}
#panier_r2 {float: left; width: 100%;}
div.boutons_cc ul li a {padding:15px 0 35px 95px;}
div#container_categories div.boutons ul li {font-size:12px;}
div.cal_nav{width:24%;}
div.cal_str_jour, div.cal_sorties {padding: 0% 5px;}
.station .station_details{width:100%;}
div.station_details div.details div.sep {background: url(../images/station_sep.png) repeat;}
div.station_main {width: 100%; margin-top:5px;}
#content ul.col1 {width: 100%;}
table{width:auto!important}
.logo img {width: 100%; display: block; float: left;}
.caracteristiques {display: block; float: left; width: 90%; margin-left: 5%; }
div.display_box2 div.display_box_l {border:none; height:auto;}
div.display_box2 div.display_box_r {border:none; box-shadow:none!important;}
div.display_box2 div.display_box_r h1{font-size: 16px;}
}