.test{
	border: 2px solid Black;
}
html, body {height: 100%;}
html {
	scroll-behavior: smooth;
  }
body{background: orange;}

@media (max-width:767px){body{padding: 0; background: white;}}

/**************top-header**********************/

#top-head-container{background-color: #ffa500 !important;}

#top-head{
	background-color: transparent;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px 5px 10px;
	}
#brand-name{
	left:0;
	right:0;
	margin-left: auto;
	margin-right:auto;
	color:white;
	font-weight: bold;
	font-size: 1.2em;
}
@media (max-width:767px) {
	#brand-name{font-size: 1em;}}


/**************main div**********************/
#main-div{border-radius: 4px!important;  padding: 0px 5px 0 10px; background: White;}
@media (max-width:767px) {#main-div{border-radius:0px;padding: 0; padding-bottom:100px; }}
@media (min-width:767px) {#main-div{box-shadow: 0px 2px 10px 0px #999999;}}




#main-div, #top-head, #header, #header-image,#footer-content,#footer-container
 { max-width: 980px!important; width:100%!important; }


/**************header**********************/
#header{
	background-color: white;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	}

@media (max-width:767px){ #header{	min-height: 25px; background-color: orange;z-index: 11 !important;}}

#logo-left{
	position: absolute;
	padding-top:2px !important;
	height: 160px;
	left: 0;
	right: 0;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
		background-image: url(picts/logo/logo_balades-en-famille.png);
		background-repeat: no-repeat;
		background-position: center;
		/*background-size:;*/
		z-index: 10;
}
@media (max-width:767px) {
	#logo-left{
		position:absolute;
   	left:0;
   	right:0;
   	margin-left:auto;
   	margin-right:auto;
		min-height: 50px;
		top:-10px;
		width:95px;
		height:95px!important;	
		border-radius: 100px;
		border: 5px solid white; 
		background-color: #ffda0f;	
		background-image: url(picts/logo/logo_balades-en-famille.png);
		background-repeat: no-repeat;
		background-position: -25px -17px;
		background-size: 130px;
		z-index: 11;
		}
}
@media (min-width: 768px) { 
	.bg-img {
		background-repeat: no-repeat;
		background-position: center;
		border: 1px solid white;
		min-height: 160px;
	}
	#header-img-small{
		background-size: 250px;
		box-shadow: inset 10px 0px 25px 0px white, 
					inset -1px 0 2px 0px white, 
					inset 0px 2px 5px 0px white,
					inset 0px -2px 5px 0px white;
	}
	#header-img-medium{
		background-size: 300px;
		box-shadow: inset 1px 0px 2px 0px white, 
					inset -1px 0 2px 0px white, 
					inset 0px 2px 5px 0px white,
					inset 0px -2px 5px 0px white;
		}
	#header-img-big{
		background-size: 400px;
		box-shadow: inset -10px 0px 25px 0px white, 
					inset 1px 0 2px 0px white, 
					inset 0px 2px 5px 0px white,
					inset 0px -2px 5px 0px white;
	}
 }
  
 /**************end of header**********************/
 /**************footer**********************/
#footer-container{background-color: #ffa500 !important;}

#footer-content{
	background-color: transparent;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px; 
	padding: 5px 10px 5px 10px;
}
#footer-nav a{
	color: white !important;
	text-decoration: none;
}
#footer-nav a:hover{text-decoration: underline;}

#footer-nav, #footer-copyright{
	left:0;
	right:0;
	margin-left: auto;
	margin-right:auto;
	background-color: #ffa500 !important;
	color:white!important;

}
#footer-copyright .glyphicon{
	color:white!important;
}

.right_bar{
	border-right: solid White;
	margin-left:0px;
	margin-right:0px;
	padding-left: 10px;
	padding-right: 10px;
}
@media (max-width: 767px) { 

.footer-mobile-top5 li, .footer-mobile-top5 li a {
	text-decoration: none;
	font-weight: normal !important;
	width:100%;
	}

#footer-nav span{
display:block;
text-align: left;
border-bottom: solid 1px white;
padding-top:3px; 
padding-bottom:3px;
background-color: #ffa500 !important;
}
.right_bar{border:0;}

#footer-nav span:hover{
text-decoration: none;
font-weight: bold;
}

#footer-nav {
background-color: #ffa500 !important;
position: fixed !important;
bottom: 30px !important;

}
#footer_classement_mobile{
position: fixed !important;
bottom: 50px !important;
width:100% !important;	
height:50px;
padding:0;
margin:0;
left:0;
right:0;
margin-left: auto;
margin-right:auto;
}

#footer_classement_mobile div{
	padding:0;	
	height:100% !important;
	bottom: 0px !important;
	}

#footer-copyright{
	height:25px;
	width:100%; 
	padding:0;
	padding-top:2px!important;
	margin:0 !important;
	position: fixed !important;
	bottom: 40px !important;
	border-top: 1px solid lightgrey;
	}


 }
 /**************end of footer**********************/

#pub_bas {margin-bottom:10px; margin-top:5px; width:100%;}
#pub_text{margin-bottom:10px; margin-top:10px; width:100%;}

.adslot_2{display:block;}

@media (max-width: 767px) { .adslot_2 { display: none; } }


#navbar_search_form {margin-top:10px;}
#text_search_form{margin-top:5px;}

#navbar, #navbar-menu{
	padding: 0px 0px 0px 0px;
}

#navbar-menu div{
	padding: 0px 4px 0px 0px;
	text-align: center;
	width:20% !important;
	}
.last{padding:0px !important;}
.navbar_tab{
	display: inline-block;
	font-weight: bold;
	border-radius: 7px 7px 0 0;
	width:100%;		
	padding: 7px 0px 3px 0px;
	}
.navbar_tab:hover{box-shadow: 0 0 10px #9ecaed;}	

	#navbar-menu  a:hover{text-decoration: overline;}
	#navbar-menu  a.highlight{text-decoration: underline overline ;}

@media (max-width:767px) {
	#navbar_search_form{margin-top:0px;}
	#navbar-menu div{padding: 0px 0px 0px 0px;}
	.navbar_tab{border-radius:0;	padding: 0px;}
	.navbar-menu-text{
		font-size: 12px !important;
		width:100%!important;
	}
}


	
#right_col_social_network{
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: 150px;
	width: 100%;
	}


@media (min-width:767px) {
#icon_facebook{background-image: url(picts/social/facebook.png);}
#icon_twitter{background-image: url(picts/social/twitter.png);}
#icon_instagram{background-image: url(picts/social/instagram.png);}
#icon_whatsapp{background-image: url(../_icon/svg/whatsapp.svg);}
#icon_mail{background-image: url(picts/social/email.png);}
.social-icon{
	min-height: 35px;
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: center;
	}
	.social-icon:hover{
	min-height: 40px;
	background-repeat: no-repeat;
	background-size: 40px;}
	
#whatsapp_share{display:none;}

	
}

.paypal_button{
	margin-top:5px;
	margin-bottom:5px;
}

.dropdown_item{
	margin: 5px 0px 5px 0px;
}
.icon-dropdown,.icon-dropdown_grey {
	max-width: 18px;
	max-height: 14px !important;
	width: 18px;

	}
	
.icon-dropdown_menu_circle {
	min-width: 20px!important;
	min-height: 15px!important;
	padding: 5px 2px 2px 3px;
	border-radius: 20px;
	border: 2px solid white;
	font-weight: normal;
	text-align: center;
}

.icon-circle{
	display: block;
	min-width: 40px;
	max-width: 40px;
	max-height: 40px;
	padding: 7px 0;
	border-radius: 20px;
	border: 4px solid White; 
	font-weight: bold;
	text-align: center;
	}
.center_top_border{
	display: block;
	position:relative;
	left:0;
	right:0;
	margin-right: auto;
	margin-left: auto;
	margin-top: -27px;
}

.bef_icon, .bef_icon_grey{
	max-width: 32px;
	max-height: 20px !important;}

.bef_icon  path, .icon-dropdown path , .icon-white path{
	fill:#fffafa !important;
}

.bef_icon_grey  path, .icon-dropdown_grey path, .icon-grey path{
	fill:#999999 !important;
}
.icon_canton{
	display: inline;
	max-width:25px;
	max-height: 20px;
}
.icon-checkbox, .icon-balade{
	max-width: 20px!important;
	max-height: 20px!important;	
	min-width: 20px!important;
}
.icon-checkbox_circle,.icon-balade_circle {
	display: inline-block;
	height: 28px!important;
	width: 28px!important;
	min-width: 27px!important;
	min-height: 27px!important;
	padding: 2px 0 0 0;
	border-radius: 20px;
	border: 1px solid #dddddd;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	color: Black !important;
	text-decoration: none !important;
}
.icon-balade_age_text{
	color: Black !important;
	font-weight: bold;
	/*cursor: default;	*/
}

.collapse_when_mobile{
	padding: 0 !important;
	margin: 0 !important;
}
.panel-heading {font-weight: bold;}
.heading_top5, .heading_search{font: normal 12px !important;
}
.panel-classement .panel-body ol{
	width:100%;
	padding:2px 0px 0px 5px;
	margin: 0px;
}
.panel-classement .panel-body ol a{
	display: block;
	padding: 0px 1px 5px 0px;
}

.panel-search .panel-body{
	width:100%;
	padding:5px 10px 5px 5px;
	margin: 0px;
}

.panel-search .panel-body .checkbox{
	width:100%;
	margin: 0px;
}

.panel-search .panel-body label{
	display: block;
	}
	
.checkbox_categorie{
	min-height: 32px!important;
	padding-right:5px;
	margin-left:2px;
	vertical-align: middle !important;

}
.checkbox_critere{
	min-height: 32px!important;
	padding-right:5px;
	margin-left:2px;
	vertical-align: middle !important;
}

.checkbox_canton{
	min-height: 28px!important;
	padding-right:5px;
	margin-left:2px;
	vertical-align: middle !important;
}
.select_age{
	width:100% !important;
	margin: 0px;	
}
.heading_search_cat_type_text{
	font-style: italic !important; 
}

.select_age{
	width:100%;
	margin:5px;
	padding: 0px;
}

.critere_sub_title {
	display: block;
	margin-bottom: 10px !important;
	text-decoration: underline;
}
.panel-search  a:hover {text-decoration: none; border:none; cursor: default;}
.panel-search a:active {text-decoration: none; border:none;}


@media (max-width:767px) {

.panel-search a:hover{text-decoration: overline; border:none; cursor: pointer;}
.panel-search a:active{text-decoration: overline; border:none;}

 .panel-search .icon-circle	{
	display: inline;
	float:left;
	min-width: 25px;
	max-width: 25px;
	max-height: 25px;
	padding: 3px 0;
	border-radius: 20px;
	border: 2px solid White; 
	}
	
	.panel-search .icon-circle .bef_icon, .panel-search .icon-circle .bef_icon_grey{
	max-width: 22px;
	max-height: 16px !important;}

} 	



.jaune, .panel-default > .panel-heading-jaune, .nav-pills > li .jaune a:hover 
	{background: #E0FF00 !important; color:#999999 !important;}
.jaune-clair, .panel-default > .panel-heading-jaune-clair, .nav-pills > li .jaune-clair a:hover 
	{background: #FFFF33 !important; color:#999999 !important;}
.orange,.panel-default > .panel-heading-orange, .nav-pills > li .orange a:hover,.panel-search .panel-heading-orange a 
	{background: #ffa500 !important; color: #fafafa!important;}
.rouge,.panel-default > .panel-heading-rouge, .nav-pills > li .rouge a:hover
	{background: #ff0000 !important;color: #fffafa!important;}
.violet, .nav-pills > li .violet a:hover
	{background: #BA55D3 !important;color: #ffffff!important;}
.vert, .nav-pills > li .vert a:hover
	{background: #708e00 !important;color: #ffffff!important;}
.bleu, .nav-pills > li .bleu a:hover
	{background: #0000CD !important;color: #ffffff!important;}
.bordeau, .nav-pills > li .bordeau a:hover
	{background: #900C3F !important;color: #ffffff!important;}

	
	
.bleu_facebook {background: #3A5795 !important;color: #ffffff!important;}
.bleu_twitter	{background: #00ABEE !important;color: #ffffff!important;}
.grey, .panel-default > .panel-heading-grey, .nav-pills > li .grey a:hover, .panel-search .panel-heading-grey a
{
	background: #CCCCCC !important;
	color: #ffffff !important;
}

.lightgrey, .panel-default > .panel-heading-lightgrey, .nav-pills > li .lightgrey a:hover,.panel-search .panel-heading-lightgrey a 
	{background: #dddddd !important; color:white !important;}

.extralightgrey, .panel-default > .panel-heading-extralightgrey, .nav-pills > li .extralightgrey a:hover,.panel-search .panel-heading-extralightgrey a 
	{background: #eeeeee !important; color:black !important;}
	
.noir_insta	{background: #634D40 !important;color: #ffffff!important;}
.vert_whatsapp	{background: #25D366 !important;color: #ffffff!important;}
.vert_don	{background: #5cb85c !important;color: #ffffff!important;}


.cadre_jaune{border-color:#E0FF00 !important;}
.cadre_orange{border-color:#ffa500 !important;}
.cadre_rouge{border-color:#ff0000 !important;}
.cadre_violet{border-color:#BA55D3 !important;}
.cadre_vert{border-color:#708e00 !important;}


.rouge2{background: #ff4b3c !important;}
.orange2{background:  #ff7b00 !important;}
.font_red{color:#ff0000 !important;}
/*****pour avoir un select en gris première option *****/
select:required:invalid {
  color: #999;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}
/******************************************************/
#data_content_center{
	border: 1px solid;
	border-radius: 0 0 4px 4px;
	margin: 0 0 25px 0!important;
	padding: 5px!important;
	width: 100%!important;
}

@media (max-width:767px) {
	#data_content_center{border:none;}
}

/*******toutes les balades - plan du site*******/
.panel-canton .panel-body{
	width:100%;
	padding:5px 10px 5px 5px;
	margin: 0px;
}
.panel-canton .panel-heading a {text-decoration: none; border:none; cursor: default; color: white;}
.panel-canton .panel-heading a:hover {text-decoration: none; border:none; cursor: default;}
.panel-canton .panel-heading a:active{text-decoration: none; border:none;}
.heading_list_balade:hover {text-decoration: none; border:none; cursor: default;}
.heading_list_balade:active {text-decoration: none; border:none;}


@media (max-width:767px) {

.panel-canton .panel-heading a:hover{text-decoration: underline; border:none; cursor: pointer;}
}

#toutes_les_balades li, #plan_du_site li{
	list-style: none;
	padding: 5px 0 5px 0;
} 

/*******./toutes les balades - plan du site*******/

/******page balades******************************/

#myBtn_top {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 150px; /* Place the button at the bottom of the page */
	right: 20px; /* Place the button 30px from the right */
	z-index: 10000 !important; /* Make sure it does not overlap */
}
.balade_titre{
	padding-bottom:0px !important;
	margin-bottom: 0px !important;

}

.balade_favorit_icon_yes, .balade_favorit_icon_no{
	font-size: 66%!important; 
}

.balade_favorit_icon_yes{
	color:orange !important; 
}

.balade_sous-titre_user{
font-style: italic;
color: grey;}

.panel-balade .panel-body{
	text-align: justify !important;
}

/*
@media(max-width:767px) {
	.tab-pane {display:block !important; //met le tabs en collone} }
*/

	.balade-desc-image-container {position: relative;}
	.magnifier-icon-image {
  		color: white;
  		font-size: 1.2em;
  		position: absolute;
  		bottom: 10px;
  		right: 10px;
  		text-align: right;
	}
	.item_gallery_image .thumbnail {
		position:relative;
		overflow:hidden;
		padding:0;
	}
	.item_gallery_image .thumbnail img{
		width:100%;
	} 
	#description a:not([href^='#']):not([href^='/']):after,#itineraire a:not([href^='#']):not([href^='/']):after {
		content: "\f08e";
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		display: inline-block;
		text-decoration: none;
		padding-left: 3px;
  	}
	#cboxCurrent { display:none !important; } /*on enlève l'information image/images_totales dans colorbox*/

@media (max-width: 768px){
	.item_gallery_image .thumbnail{max-width:300px;}
	}

.item_gallery_image .view_image {
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(90, 90, 90, 0.50);
    width:100%;
    height:100%;
	display:none;
    color:#fff !important;
    z-index:2;
    text-align: center; 
}
.item_gallery_image .view_image .fa {
	height:10%;
margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;}

.item_gallery_image .caption {
    background:rgba(90, 90, 90, 0.75);
    width:100%;
    padding:2%;
    text-align: left;
    color:#fff !important;
}


.balade-desc-image-container{margin-left: 1%;
	padding:0 !important;}

.balade-desc-image-container-vertical {width:27% !important; max-width:27% !important;}
.balade-desc-image-container-horizontal {width:40% !important; max-width:40% !important;}

.section_title_balade_text{
		color: Black !important;
		font-weight: bold !important;
		font-style: italic !important;
		font-size: 16px !important;
		margin-bottom: 10px !important;

}
.div-center{
	margin: auto !important;
	left:0 !important;
	right:0 !important;
}
@media (min-width:767px) {
	.panel-heading-balade{
		background-color: transparent !important;
		border: none!important;
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}
	.panel-balade{border: none !important; box-shadow:none !important;}
	.heading_balade_text{
		color: Black !important;
		font-weight: bold !important;
		font-style: italic !important;
		font-size: 16px !important;
	}
.heading_balade:hover{text-decoration: none; border:none; cursor: default;}
.heading_balade:active {text-decoration: none; border:none;}

}
.tab-content-balade{
	border-right: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	border-top: 0px  !important;
	border-radius: 0 4px;
	padding:10px 10px 15px;
	z-index:0;

}

@media (max-width:767px) {

#balade_tab_content .nav-tabs>li:not(.active)>a{
   border-top-color: #E6F3F7;
  border-left-color: #E6F3F7;
 border-right-color: #E6F3F7;
     
}

}

/******CSS meteo****************************************/
#meteo
{  font-family: arial,sans-serif;
	margin-top: 10px;
	padding: 5px;
	background: white;
	overflow: hidden;
	width:100%;

}
#meteo_today
{
	float:left;
	margin-top: 10px;
	padding-right: 10px;
	background: white;
	border-right: 1px solid #ccc;
	text-align: left;
}
@media (max-width:768px) {
#meteo_today
{
	border-right: 0px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom:10px;
  padding-bottom:10px;
}}
.week_day{font-weight:lighter;text-align:center;font-size:0.8em;margin:0 0 0px 0;color:#222222;}
.temperature{font-size: small; margin:0;text-align:center;}
.min{color: #3366CC;}
.max{color:#FF0033;}
#forecast{}
#meteo_source, #meteo_source a {
	font-size:8px;
	font-style: italic;
	width:100%;
	text-align: left;
}
/*Fin meteo*/
/**********Carte balades****************/
#map-canevas{
	max-height:400px;
	margin:10px;
}
.google_map_balloon_img{
	max-width:40%!important;
}
/**********Fin Carte balades****************/
/**********Page liens****************/

@media (max-width:767px){
	.page_liens_label_lien,.page_liens_text_lien{
		display: block;
	}
}
.iti_google_map{
	background-image: url(picts/loading.gif);
	background-repeat: no-repeat;

	background-position: center; 
	max-height: 226px!important;
	width:100%;
	height:226px!important; 
	border: 0px solid grey;  
	margin: 0px; 
	margin-top: 10px !important; 
	margin-bottom: 40px !important; 	
}

@media (min-width:768px){
	.iti_google_map{
		max-width: 300px!important;
		width:50%;
		float:right; 
		margin-left:12px;
	}
}
@media (max-width:767px){

	.iti_google_map{
		width:100% !important;
	}
}

.suisse_mobile_map{
	background-image: url(picts/loading.gif);
	background-repeat: no-repeat;

	background-position: center; 
	max-width: 600px!important;
	max-height: 410px!important;
	width:100%;
	height:410px!important; 
	border: 0px solid grey;  
	margin: 0px; 
	margin-top: 10px !important; 
	margin-bottom: 40px !important; 
	z-index: 0 !important;
	position: relative !important;	
}
.suisse_mobile_iframe{
	z-index: 0 !important;
	position: relative !important;	

}
.note-video-clip{
	background: #fff; 
	padding: 20px;
	width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border-radius: 5px;

}