/* ---------------------------------------
	/* ------------CSS BEN 18/01/2022--------*/
-----------------------------------------*/


/* -------------------------- MIN 1200PX-------------------------*/

@media screen and (min-width: 1200px) {
  #col-left-guide { width: 62.28%;}
  #col-left-voyage .etape-img img {width:100%}
}

/* -------------------------- MAX 1200PX-------------------------*/
@media screen and (max-width: 1200px) {
#wrapper .inner-accueil, #wrapper .inner-list, #wrapper .inner-form, #wrapper .inner-detail, .inner-top, .inner-bottom, #wrapper3 ul.breadcrumb_breadcrumb, .container,   #bannermenu .inner-top, #bannertop .inner-top  {	width: 90%;	box-sizing:border-box;}
}

/* -------------------------- MIN 1022PX-------------------------*/
@media screen and (min-width: 1023px) {
#banner {	display: inherit;}
#footer {	display: inherit;}
#modules1 {	display: inherit;}
#collapse-mobile-menu { display: none;}
.sommaire-article {height:auto !important;}


/* ------ NOUVEAU MENU PRINCIPAL COPIE DEMO----- */
/* ------ Niveau 1 ----- */
.subnav_mainmenu {float:right;}
.subnav_mainmenu .nav {margin: 30px 0 0 0; padding: 0;}
.subnav_mainmenu .nav .dropdown {position:unset;}
.subnav_mainmenu .nav > li {padding:0 5px 30px 5px; margin:0;}
.subnav_mainmenu .nav li.item-101 {display:none;}
  .subnav_mainmenu .menu-mobile{display:none}
   .subnav_mainmenu .item-394{display:none}
.subnav_mainmenu .dropdown .caret {border-top-color:#333;}
.subnav_mainmenu .nav li a.level1 {color:#333; margin:0 10px; }
.subnav_mainmenu .nav li a.level1 .caret, .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {display:none;}
.subnav_mainmenu .nav .dropdown-menu {position: absolute; left: -10px;}
.subnav_mainmenu .nav .dropdown-menu {width:100%; margin:35px auto 0 auto; padding:15px; overflow:hidden; box-sizing:border-box; box-shadow: none; left:auto; right:0;     background: #fff;}
.subnav_mainmenu .nav li.dropdown:hover ul.dropdown-menu, .subnav_mainmenu .nav ul.dropdown-menu:hover {display:block;}
  .subnav_mainmenu a.menu-focus {background-color:#13ab8f; color:#fff; padding:0 5px }
/* ------ Niveau 2 avec images rondes et plusieurs colonnes ----- */
.subnav_mainmenu .nav .dropdown-menu img {display:block; margin:0 auto; border-radius: 500px;}
.subnav_mainmenu .nav .dropdown-menu .image-title {font-size:15px; margin-top: 10px; overflow: hidden; display: block;}
.subnav_mainmenu .nav .dropdown-menu li {display:inline-block; float:left; list-style: outside none none; text-align: center; margin:0;}
.subnav_mainmenu .nav .dropdown-menu li a {padding:5px; color:#333; font-size: 15px;}
.subnav_mainmenu .nav .dropdown-menu li.active a {opacity:0.8;}
.subnav_mainmenu .nav .dropdown-menu li.active a, .subnav_mainmenu .nav .dropdown-menu li a:hover {background-color:#13ab8f; color:#FFF; opacity:1;}


/* ------ Niveau 2 menu  ----- */
.subnav_mainmenu .nav .item-401 .dropdown-menu li {width:50%;}
.subnav_mainmenu .nav .item-405 .dropdown-menu li {width:33%;}
.subnav_mainmenu .nav .item-403 .dropdown-menu li {width:100%;}


  

}

/* -------------------------- MAX 1023PX-------------------------*/

@media screen and (max-width: 1023px) {
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {float:none; display:block; width:100%; box-sizing:border-box;}

#wrapper2 {height:65px;}
#bannerfix {margin-top:0;}
/*nouveau menu */
.subnav_mainmenu {position: absolute; right: 0px; top: 0px; height:auto !important; margin-top:62px; z-index:2;}
.subnav_mainmenu #mainmenu {display:none; overflow:hidden; float: right !important; background: #fff; padding: 0; width:300px;}
.subnav_mainmenu #mainmenu.in {overflow:visible;}
.subnav_mainmenu .nav > li {clear: both; margin:0; padding:0; text-transform: uppercase; text-align:left; width:100%; font-weight: bold;}
.subnav_mainmenu .nav > li a {padding:8px; color:#333; background: #fff; margin:0; border-bottom: 1px solid #333;}
.subnav_mainmenu .nav > li a:hover {background-color:#13ab8f; color:#FFF;}
.subnav_mainmenu .nav li.item-101 {display:none;}
.subnav_mainmenu .nav li a.level1 .caret {border-top-color: #333; border-bottom-color: #333; float:right;}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown a:hover .caret {border-top-color: #fff; border-bottom-color: #fff;}
.subnav_mainmenu .nav li .dropdown-menu {width:100%; margin:0;}
.subnav_mainmenu .nav li.open .dropdown-menu {width:auto; display:block; position:relative; box-shadow:none; top:0; margin:0; padding:0 0 0 20px; width: 100%; box-sizing: border-box;     max-height: 400px;    overflow-y: auto;}
.subnav_mainmenu .nav li .dropdown-menu li {width:auto; display:block; margin:0; padding:0; width:100%;}
.subnav_mainmenu .nav li .dropdown-menu li a {padding:8px 15px; margin:0; border-bottom:1px solid #333; text-transform:none;}
.subnav_mainmenu .nav .dropdown-menu li img {display:none;}

#collapse-mobile-menu {height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    padding: 5px 15px;}

#collapse-mobile-menu.btn {background-color: #13ab8f; color:#fff;}
#collapse-mobile-menu.btn.collapsed {background-color: #fff; color:#333;}
  
#recherche-libre {width: 100%;    margin: auto; float:none;}
#logo-menu {    float: left;    margin: 0;}
  #other-article-main {    margin-top: 0;}

/* sommaire articles */
#col-right {margin-top:0; height: auto !important;}
#col-right-scroll {left:0; background:#fff; padding:5px 0px; border-top:1px solid #ddd; width:100%!important;}
#col-right-scroll.affix {top:0; box-sizing: border-box; width: 100% !important;}
.sommaire-title {display:none;}
#collapse-sommaire {display:inline-block; font-size: 12px; background-color: #eeeeee70; margin-left: 5px;}
  #collapse-sommaire:hover {color:#000}
.sommaire-article {display:none; overflow:hidden; float: none; background: #fff; padding: 0; margin:0; width:auto; border:none;}
.sommaire-article.in {overflow:visible;}
  .sommaire-article ul {list-style: none; padding:0; margin:0; border: 1px solid #ccc; border-radius:3px; max-height: 300px;   overflow: scroll;}


.moduletable_breadcrumb {display:none}
.header-pano-intro {margin-top:0;}
img {max-width: 100% !important; }
#bannertop {display:none;}
.container {	width: 950px !important;}
#header .header-pano-wrapper {	height: 400px;}
#wrapper3 ul.breadcrumb_breadcrumb {	width: 100%;	box-sizing: border-box;      margin-top: 5px;}
.header-pano-title h1 {	font-size: 45px;}
#footer {	display: inherit;}
#modules1 {	display: inherit;}
  .header-pano-wrapper {	}
  
#related-articles-bottom .row-related-infos {    width: 33%;}
  
  
}

/*--------------------------------------------------- MAX 950PX-------------------------*/
@media screen and (max-width: 950px) {
.hidemobile950 {	display: none !important;}
#header .header-pano-wrapper {	height: 300px;}
#footer {	display: inherit;}
#modules1 {	display: inherit;}
}

/*----------------------------------MIN 768--------------------------*/
@media screen and (min-width: 768px) {
  #slider-voyage-mobile {display:none;}
}

/*-------------------------------- MAX 767PX----------------------------*/
@media screen and (max-width: 767px) {
img {	max-width: 100% !important;       height: auto !important;}
#wrapper3 ul.breadcrumb_breadcrumb {	margin-top: 0px;}
.hidemobile767 {	display: none !important;}
.header-pano-title {	top: 25%;}
.header-pano-title h1 {	font-size: 30px;}
.header-pano-title h2 {	font-size: 20px;  line-height: 25px;}
#maincontent .column {	width: 100% !important;	clear:both;	float:left}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {	/*overflow:hidden;*/}
#maincontent .column div.inner {	margin-left: 0 !important;	margin-right: 0 !important;}
.items-row .item, .column {	width: auto !important;	float: none;	margin: 0 !important;}
.column div.moduletable, .column div.moduletable_menu {	float: none;	width: auto !important;	/*margin: 0 !important;	padding: 0 !important;*/}
#related-articles-bottom .row-related-infos {    width: 50%;}

/** Newsletter **/
#newsletter .input-xlarge {    height: 33px;}

/** Formulaire de contact **/
.contact form fieldset dt {	max-width: 80px;}
.contact input, .contact textarea {	max-width: 160px;}
#footer {	display: inherit;}
#footer {	height: auto !important;}
#footer .logobloc {	float :none !important;	width: auto !important;}
#modules1 .flexiblemodule {	width: 100% !important;float: none;}
#modules1 .flexiblemodule > div.inner {	margin-left: 0 !important;	margin-right: 0 !important;}
}


/*------------------------------- MAX 524PX---------------------*/


@media screen and (max-width: 524px) {
.hidemobile524 {	display: none !important;}
#wrapper2 {height:80px;}
#bannermenu {	padding-top: 5px !important; background: #dbddde;}
.moduletable_search {	height: auto!important;}
#maincontent .column {	width: 100% !important;	clear:both;	float:left}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {	/*overflow:hidden;*/}
#maincontent .column div.inner {	margin-left: 0 !important;	margin-right: 0 !important;}
.items-row .item, .column {	width: auto !important;	float: none;	margin: 0 !important;}
.column div.moduletable, .column div.moduletable_menu {	float: none;	width: auto !important;	/*margin: 0 !important;	padding: 0 !important;*/}
#newsletter {  display:none;}
.header-pano-wrapper {    height: initial !important;}
  #related-articles-bottom .row-related-infos {    width: 99%; height:auto; margin: auto;}

/** specifique au formulaire de contact **/
.contact form fieldset dt {	max-width: 80px;}
.contact input, .contact textarea {	max-width: 160px;}
#footer {	display: inherit;	height: auto !important;}
#footer .logobloc {	float :none !important;	width: auto !important;}
#modules1 .flexiblemodule {	width: 100% !important;float: none;}
#modules1 .flexiblemodule > div.inner {	margin-left: 0 !important;	margin-right: 0 !important;}
}