

/* a:nth-child(1) svg*/
.leaflet-control-attribution
{
	display : none !important;
}

.fas.fa-jeulocal
{
	background-image:url("../themes/margot/images/jeu-blanc-icon.png");
	background-size:18px 18px;
	width:18px;
	height:18px;
	left:8.5px !important;
	top : 7px !important;
}

.fas.fa-hand-holding
{
	top : 3px !important;
}

.far.fa-calendar
{
	left : 11px !important;
}

.fas.fa-user
{
	left : 11px !important;
}

.fas.fa-users
{
	left : 8px !important;
}

html, body, #yw-container, #yw-main, #yw-main-content 
{
	width : 100%;
	height : 100%;
	margin : 0px !important;
	padding : 0px !important;
}

body
{
	overflow : auto;
}

.agenda-entry fig-caption h5
{
	color : white !important;
}

h4
{
  color: var(--title-h4-color) !important;
}

h5
{
  color: var(--title-h5-color) !important;
}

h6
{
  color: var(--title-h6-color) !important;
}

input.form-control[type="file"]
{
	padding:10px;
}

#yw-container
{
	display:flex;
	flex-direction :column;
	width:100%;
}

#yw-header
{
	margin-bottom: 0px;
	z-index:10;
}

#yw-header .container
{
	padding:15px !important;
}

#yw-main,
.yw-main-content
{
	max-width:100% !important;
	--padding-x:0px !important;
}

.yw-main-content
{
	height:100%;
}


#jeu-accueil-buttons
{
	margin : 20px 20px 60px 20px;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;	
	justify-content : space-between;
	row-gap : 20px;
	column-gap : 20px;
}

#jeu-accueil-buttons > *
{
	flex : 1 1 0;
}

/* PAGE */

.page
{
	overflow:auto;
}

/*
#yw-main .page
{
	display:flex;
	flex-direction:column;
	padding : 0px !important;
}
*/

#yw-main .page
{
	display:flex;
	flex-direction:column;
	padding : 0px !important;
}

#yw-container .page > h1,
#yw-container .page > h2,
#yw-container .page > span
{
	padding:20px;
	margin : 0px;
}

#yw-container .page > h2
{
	display:flex;
}

#yw-main .yw-main-content.alone .page #bazar_map
{
	position:absolute;
	width:100%;
	height:100%;
}


#yw-main .yw-main-content.alone
{
	padding:0px !important;
}

#yw-main .yw-main-content.alone .page
{
	position:relative;
	width:100%;
	height:100%;
	padding:0px !important;
}

/*
#yw-main .page > *:not(script)
{
	padding:20px;
	display:flex;
}
*/

#yw-main .page hr.hr_clear
{
	display:none;
}

/* alert */
.page .alert 
{
	margin:0px;
}


/* button */
/*
.btn:not(.note-btn):not(.btn-popup-map)
{
	min-width:max-content;
	margin : 10px !important;
}
*/
.btn-codeview
{
	display : none;
}

#yw-topnav .btn-menu
{
	margin-left : 0px !important;
}

.search-button-container .btn
{
	margin : 0px !important;
}

#geolocation_validate_container
{
	padding-left : 10px;
	padding-right : 10px;
}

.btn:not(.btn-icon):not(.btn-menu):not(.navbar-btn):not(.dropdown-toggle)
{
	overflow:visible;
}

.btn::after
{
	width : initial !important;
}

.btn-geolocate-address
{
	margin : 0px !important;
}

.jeu-page-panel h4
{
	color : white !important;
}

.jeu-page-panel
{
	text-align : center;
	border-width : 0px;
}

.dropdown-menu li i,
.dropdown-menu li img
{
	margin-right:10px;
}

/*
	position:fixed;
	bottom:0px;
	left:0px;
*/

.footer
{
	width:100%;
	background : white;
	padding:10px 0px 10px 0px !important;
	margin:0px !important;
	z-index:10;
}

footer#yw-footer
{
	position:fixed;
	margin-top:5px;
	height:10px;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:99999;
	opacity:0;
	padding:10px 10px 10px 10px!important;
	background:transparent;
	transition:background ease-in-out 0.3s, opacity ease-in-out 0.3s, height ease-in-out 1s;
	background-color : var(--neutral-light-color);
	box-shadow: none;
	transition : box-shadow ease-in-out 1s, color ease-in-out 1s, background ease-in-out 0.3s, opacity ease-in-out 0.3s, height ease-in-out 1s;
}

footer#yw-footer:hover
{
	opacity : 1;
	background: var(--neutral-light-color);;
	height:max-content;	
	box-shadow: rgb(38, 57, 77) 0px 20px 30px 10px;
	transition : box-shadow ease-in-out 1s, color ease-in-out 1s, background ease-in-out 0.3s, opacity ease-in-out 0.3s, height ease-in-out 1s;
}

footer#yw-footer a
{
	opacity : 0;
	color : var(--primary-color);
	transition:background ease-in-out 0.3s, opacity ease-in-out 0.3s, height ease-in-out 1s;
}

footer#yw-footer:hover a
{
	opacity : 1;
	transition:background ease-in-out 0.3s, opacity ease-in-out 0.3s, height ease-in-out 1s;
}

.footer:after
{
	display:none !important;
}


.footer
{
	border-top :1px solid #DDDDDD;
	background-color : var(--neutral-light-color);
}
/*
footer#yw-footer,
footer#yw-footer a
{
	color:white;
}

footer#yw-footer:hover,
{
	color:#4e5056;
}
*/
/* YESWIKI CLASSES */

/* FORM BUILDER */

#form-builder-container .cb-wrap 
{
	height : 100vh;
	overflow : scroll;
}

/* POPUPS */

/* YESWIKI POPUP */

#YesWikiModal .modal-header
{
	display:block;
}

#YesWikiModal .modal-header button
{
	float: right;
}

.yeswiki-iframe-body .container,
.yeswiki-iframe-body .yeswiki-page-widget
{
	padding: 0px !important;
}

.geolocation-modal-range-size
{
	width:400px !important;
}

/* LEAFLET POPUP */

.leaflet-popup-content .popup-entry-content 
{
	max-height:200px !important;
	max-width:200px;
	padding:0px !important;
}

.leaflet-popup-content .popup-entry-content .jeu-popup-content-wrapper
{	
	display:flex;
	flex-direction : row;
	flex-wrap : wrap;
	row-gap:10px;
	column-gap:10px;
	align-items:center;
	width:100%;
}

.leaflet-popup-content .jeu-popup-title
{
	flex:1 1;
	
}



.leaflet-popup-content .jeu-profile-type
{
	border-width:2px;
	border-style:solid;
	border-radius:5px;
	color:white;
	width:100%;
	font-weight:bold;
	text-align:center;
}

.leaflet-popup-content .jeu-popup-subtitle
{
	width:100%;
	display:flex;
	flex-direction:column;	
	row-gap:20px;
	column-gap:20px;
}

.leaflet-popup-content .jeu-description
{
	text-align:center;
}

.leaflet-popup-content .jeu-profile-type-personne
{
	border-color : var(--jeu-personne-color);
	background-color : var(--jeu-personne-color);
}

.leaflet-popup-content .jeu-profile-type-association
{
	border-color : var(--jeu-association-color);
	background-color : var(--jeu-association-color);
}

.leaflet-popup-content .jeu-profile-type-collectifinformel
{
	border-color : var(--jeu-collectifinformel-color);
	background-color : var(--jeu-collectifinformel-color);
}

.leaflet-popup-content .jeu-profile-type-jeulocal
{
	border-color : var(--jeu-jeulocal-color);
	background-color : var(--jeu-jeulocal-color);
}

.leaflet-popup-content .jeu-profile-type-offre
{
	border-color : var(--jeu-offre-color);
	background-color : var(--jeu-offre-color);
}

.leaflet-popup-content .jeu-profile-type-demande
{
	border-color : var(--jeu-demande-color);
	background-color : var(--jeu-demande-color);
}

.leaflet-popup-content .jeu-profile-type-evenement
{
	border-color : var(--jeu-evenement-color);
	background-color : var(--jeu-evenement-color);
}

.leaflet-popup-content .jeu-profile-type-association
{
	border-color : var(--jeu-association-color);
	background-color : var(--jeu-association-color);
}

.leaflet-popup-content .popup-entry-content .jeu-image-container
{
	display:flex;
	width:50px;
	height:50px;
	align-content:center;
}

.leaflet-popup-content .popup-entry-content .jeu-image-container .jeu-image
{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;	
}

.leaflet-popup-content .popup-entry-content .jeu-text
{
	text-align:left;
	margin:0px 0px 0px 10px;
	width:230px;
}

/* NAVBAR */

.navbar-header
{
	height:100%;
}

.navbar-header .navbar-brand,
.navbar-header .navbar-brand .include,
.navbar-header .navbar-brand table,
.navbar-header .navbar-brand tr,
.navbar-header .navbar-brand td
{
	width:100%;
	height:100%;
}

.navbar-header .navbar-brand
{
	padding:0px;
}

.navbar-header .navbar-brand table,
.navbar-header .navbar-brand tr,
.navbar-header .navbar-brand td
{
	vertical-align:middle;
}

.navbar-header .navbar-brand td img
{
	vertical-align:initial;
}



/* SITE NAV */

#yw-topnav .dropdown-menu
{
	margin-top:0px !important;
}

#yw-topnav .dropdown-menu li
{
	margin:0px !important;
}

#yw-topnav .dropdown-menu a
{
	padding-top:10px !important;
	padding-bottom:10px !important;
}


#yw-topnav hr
{
	margin : 5px 0px 5px 0px !important;
}
section
{
	padding:0px !important;
}

/* JEUWIKI CLASSES */

/* FLEX GRID */

.jeu-flex-grid
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	text-align:center;
	justify-content:space-around;
	margin: 20px 0px 20px 0px;
	row-gap:40px;
	column-gap:40px;
}

.jeu-flex-grid > *
{
	display:flex;	
	flex-direction:column;
	align-items: center;
	justify-content: center;
	text-align: center;
	row-gap : 40px;
	column-gap : 40px;
}

/*	width : 300px; */

.jeu-flex-grid-row
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;	
}

/* PELLET AND LEGEND */

/* #6aa84f=personne,#3d85c6=jeulocal,#f6b26b=collectifinformel,#0b5394=association,#a64d79=evenement,#bf9000=offre,#990000=demande */

:root
{
	--jeu-pellet-size:5px;
	--jeu-personne-color:#6aa84f;
	--jeu-jeulocal-color:#3d85c6;
	--jeu-association-color:#0b5394;
	--jeu-collectifinformel-color:#f6b26b;
	--jeu-evenement-color:#a64d79;			
	--jeu-offre-color:#bf9000;
	--jeu-demande-color:#990000;
	--jeu-bien-color:#f0e213;
	--jeu-service-color:#f07e39;											
}	

/*
:root
{
	--jeu-pellet-size:5px;
	--jeu-personne-color:#1ea01a;
	--jeu-jeulocal-color:#371aa;
	--jeu-association-color:#a01a1a;
	--jeu-collectifinformel-color:#a0591a;
	--jeu-offre-color:rgb(215, 137, 88);
	--jeu-demande-color:rgb(60, 171, 59);
	--jeu-bien-color:brown;
	--jeu-service-color:#f0e213;
	--jeu-evenement-color:#1ea01a;															
}	
*/

.jeu-pelleted:not(.jeu-pelleted-after):before
{
	border-width: var(--jeu-pellet-size);
	border-style:solid;	
	content: "";
	width: 0px;
	height: 0px;
	display: inline-block;
	position: relative;	
	border-radius: var(--jeu-pellet-size);
	margin-right : 10px;
}

.jeu-pelleted.jeu-pelleted-after:after
{
	border-width: var(--jeu-pellet-size);
	border-style:solid;	
	content: "";
	width: 0px;
	height: 0px;
	display: inline-block;
	position: relative;	
	border-radius: var(--jeu-pellet-size);
	margin-left : 10px;
}

.nb.jeu-pelleted:before
{
	margin-left : 5px;
}

.jeu-pelleted.jeu-pelleted-personne:before,
.jeu-pelleted.jeu-pelleted-personne:after
{
	border-color: var(--jeu-personne-color);
}

.jeu-pelleted.jeu-pelleted-jeulocal:before,
.jeu-pelleted.jeu-pelleted-jeulocal:after
{
	border-color: var(--jeu-jeulocal-color);
}

.jeu-pelleted.jeu-pelleted-association:before,
.jeu-pelleted.jeu-pelleted-association:after
{
	border-color: var(--jeu-association-color);
}

.jeu-pelleted.jeu-pelleted-collectifinformel:before,
.jeu-pelleted.jeu-pelleted-collectifinformel:after
{
	border-color: var(--jeu-collectifinformel-color);
}

.jeu-pelleted.jeu-pelleted-offre:before,
.jeu-pelleted.jeu-pelleted-offre:after
{
	border-color: var(--jeu-offre-color);
}

.jeu-pelleted.jeu-pelleted-demande:before,
.jeu-pelleted.jeu-pelleted-personne:after
{
	border-color: var(--jeu-demande-color);
}

.jeu-pelleted.jeu-pelleted-service:before,
.jeu-pelleted.jeu-pelleted-service:after
{
	border-color: var(--jeu-service-color);
}

.jeu-pelleted.jeu-pelleted-bien:before,
.jeu-pelleted.jeu-pelleted-bien:after
{
	border-color: var(--jeu-bien-color);
}

.jeu-pelleted.jeu-pelleted-evenement:before,
.jeu-pelleted.jeu-pelleted-evenement:after
{
	border-color: var(--jeu-evenement-color);
}

/**********************/
/* BAZAR LIST */

.bazar-list-dynamic-container,
.bazar-list-static-container
{
	margin-left:0px !important;
	margin-right:0px !important;
	margin-bottom:0px !important;
	margin-top:0px !important;
	width:100%;
	height:0px;
	flex : auto;
}

.bazar-list
{
	width : 100% !important;
}

.bazar-map-container
{
	width : 100% !important;
	height : 100% !important;
}

/* FACETTE */

.facette-container
{
	width:100%;
	height:100%;
	padding:0px !important;
	margin:0px !important;
	flex-direction : row !important;
	display : flex;
	flex-wrap : wrap;
}

.results-col
{
	z-index:9;
	height:100%;
	padding:0px 0px 0px 0px;	
	overflow:auto;
	min-width : 370px;
	flex : 1 1 auto;
	width : 0;
	float : none !important;
}

.filters-col
{
	float : none !important;
}

@media (min-width: 800px)
{
	.bazar-list-dynamic-container .filters-col
	{	
		height : 100%;
	}
}

@media (max-width: 800px)
{
	.bazar-list-dynamic-container.jeu-results-focused .results-col:after
	{
		content:""
	}

	.bazar-list-dynamic-container .results-col
	{
		width : 100%;
		height : 90%;
	}

	.bazar-list-dynamic-container .filters-col
	{
		width : 100%;
		height : 10%;
	}		

	.bazar-list-dynamic-container.jeu-toggled .results-col
	{
		width : 100% !important;
		height : 10% !important;
	}

	.bazar-list-dynamic-container.jeu-toggled .filters-col
	{
		width : 100% !important;
		height : 90% !important;
	}	
	
	.bazar-list-dynamic-container.jeu-toggled-mid .results-col
	{
		width : 100% !important;
		height : 50% !important;
	}

	.bazar-list-dynamic-container.jeu-toggled-mid .filters-col
	{
		width : 100% !important;
		height : 50% !important;
	}	
}

/* FILTERS AND RESULTS*/

.results-col .panel-group
{
	padding: 0px 20px 0px 20px;
}

.results-col .panel-group,
.results-col .alert
{
	margin: 0px !important;
}

.bazar-search 
{
	margin : 20px 0px 20px 0px !important;
	padding : 20px !important;
}

#search-form 
{
	margin : 30px 20px !important;
}

.jeu-panel-dates
{
	padding-left : 10px;
	padding-right : 10px;
}

.jeu-popup-subtitle .jeu-panel-dates
{
	font-weight: bold;
	color: var(--secondary-color-2);
}

.bazar-list .panel:last-child .panel-heading
{
  border-bottom: 0px solid var(--neutral-soft-color) !important;
}

.filters
{
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.reset-filters
{
	margin-left : 0px !important;
	margin-right : 0px !important;
}

.facette-container .filters-col
{
	min-width : 370px;
	overflow : auto;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px inset, rgba(0, 0, 0, 0.23) 0px 6px 6px inset;
}

.bazar-list .jeu-panel-heading-container
{			
	flex-wrap : wrap;
	display : flex;
}


.bazar-list .panel-heading
{
	overflow : hidden;
}
/*
.bazar-list .panel-heading:not(.collapsed) .jeu-panel-heading-container
{	
	height:30px;
}
*/
.bazar-list .panel-heading .title-area
{
	width : 100%;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;	
}

.bazar-list .panel-heading .title-area .title
{
	flex : auto;
}

.bazar-list .panel-heading .floating-area
{
	width : max-content;
	color: var(--primary-color);
	font-size: .95em;
}
	
.bazar-list .panel-heading.collapsed .floating-area
{
	grid : none;
	display:flex;
	float:none;
	opacity : 1;
	transition: opacity 0.2s;
}

.bazar-list .panel-heading.collapsed .jeu-tags
{
	opacity : 1;
	transition: opacity 0.2s;
}

.bazar-list .panel-heading:not(.collapsed) .subtitle-area,
/*.bazar-list .panel-heading:not(.collapsed) .floating-area,*/
.bazar-list .panel-heading:not(.collapsed) .jeu-tags
{
	opacity : 0;
	transition: opacity 0.2s;
}

.panel-title
{
	text-overflow:ellipsis;
	overflow: hidden;
}

.panel-title .title
{
	font-weight:bold;
}


.subtitle-area
{
	padding-left:20px;
	padding-right : 2.2rem;
	width : 100%;
}

#jeu_panel_offres_demandes
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;	
	row-gap:10px;
	column-gap : 20px;
}

#jeu_panel_offres_demandes .jeu-panel-offres-container,
#jeu_panel_offres_demandes .jeu-panel-demandes-container
{
	display:flex;	
	max-width:max-content;
}

#jeu_panel_tags_container
{
	text-align : center;
	display : block;
	margin : 10px 10px 10px 10px;
}

#jeu_panel_tags_container .jeu-tags
{
	margin:0px 10px 0px 10px;	
}

.jeu-page-title-container
{
	z-index:10;
	display : flex;
	flex-wrap : wrap;
	flex-direction : row;
	row-gap : 10px;
	column-gap : 00px;
	align-items : center;
	padding : 0px 0px 0px 0px;	
	justify-content:space-between;
}

.jeu-page-title-container > *
{
	display:flex;
}

.jeu-page-title
{
	margin-left:20px;
	flex:auto;
}

.jeu-page-title-buttons
{
	display:flex;
	flex-direction:row;	
	flex-wrap:wrap;
	margin:0px 0px 0px 0px;
	padding : 10px 0px 10px 0px;
  	background-color : white !important;
  	z-index:100;
  	row-gap : 10px;
  	column-gap : 10px;
  	justify-content : space-between;
  	border-top:0px solid #EEEEEE;
  	box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 10px;	
}

.jeu-page-title-button
{
	flex:1 1 auto;
	width:max-content;
	text-align:center;
	margin:0px 20px 0px 20px;
}

.jeu-page-title-button span
{
	color:white;
}

/*
.facette-container .vue2leaflet-map
{
	width:100% !important;
	height:34% !important;	
}

.filters-col
{
	width:100% !important;
	height:66% !important;	
}

@media(min-width:768px) 
.facette-container .vue2leaflet-map
{
	width:75% !important;
	height:100% !important;	
}

@media(min-width:768px) 
.filters-col
{
	width:25% !important;
	height:100% !important;	
	overflow:auto;
}
*/

@media (max-width: 800px) {
  #yw-main {
    flex-direction: row;
	}
}    
    
/* TAGS */

.jeu-tag-static
{
	background : white;
	color : black;
	border : 0px solid black;
	font-style:italic;
}

a.tag-label.label
{
	display : inline-block;
	width:max-content;
}

/* MAIN CATEGORIES HANDLING */

.jeu-highlighted
{
	color : var(--primary-color);
}

.facette-container .jeu-mother-key
{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:1em;
	font-weight:bold;
	cursor:pointer;
}

.bazar-checkbox-cols
{
	column-count: 1 !important;
	-webkit-column-count: 1 !important;	
}

.bazar-checkbox-cols .jeu-mother-key
{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:0px;	
	font-weight:bold;
	cursor:pointer;
}

.bazar-checkbox-cols .checkbox
{
	margin-left:20px;
}


/* CATEGORY MOTHER KEYS */

.jeu-mother-key
{
	font-weight:bold;
}

div.jeu-mother-key
{
	cursor:pointer;
}

div.jeu-mother-key::before
{
	padding-right:0.5em;
	font-family: "Font Awesome 5 Free";
	content:"\f106";
}

div.jeu-mother-key.jeu-collapsed::before
{
	content:"\f107";
}

.jeu-mother-key.jeu-mother-key-empty
{
	display:none;
}

.jeu-mother-key-br,
.jeu-child-key
{
	display: block;
}

.jeu-mother-key-br.jeu-collapsed,
.jeu-child-key.jeu-collapsed
{
	display: none;
}


/*

.jeu-mother-key-br,
.jeu-child-key
{
	display : block !important;
	opacity : 1;
	height:max-content;
	transition : height ease-in-out 0.3s, opacity ease-in-out 0.3s;
}

.jeu-mother-key-br.jeu-collapsed,
.jeu-child-key.jeu-collapsed
{
	display : block !important;
	opacity : 0;
	height:0px;
	transition : height ease-in-out 0.3s, opacity ease-in-out 0.3s;
}


.panel .panel-body
{
	display : block !important;
	height:100px;
	transition : height ease-in-out 0.3s !important;
}

.panel.collapsed .panel-body
{
	display: block !important;
	height:0px;
	margin:0px;
	overflow:hidden;
	transition : height ease-in-out 0.3s !important;
}

*/

/*

.jeu-mother-key-br.jeu-collapsed,
.jeu-child-key.jeu-collapsed
{
	height:max-content;
	transition : height ease-in-out 1s;
}

.jeu-mother-key-br.jeu-collapsed,
.jeu-child-key.jeu-collapsed
{
	height:0px;
	margin:0px;
	overflow:hidden;
	transition : height ease-in-out 1s;
}

*/

/* FORMS */

/* Multiple images in forms */

.jeu-form-images-container-label 
{
	color: var(--primary-color);
	font-size:14px;
	font-weight:600;
}

.jeu-form-image .bazar-entry-edit-image .jeu-image-container
{
	margin:20px;
}

.jeu-form-image img
{
	margin : 10px;
	object-fit:cover;
	width : 200px !important;
	height : 200px !important;
}

.jeu-form-image .bazar-entry-edit-image .image-actions
{
	margin : 20px 20px 20px 20px !important;
}

.jeu-form-image .bazar-entry-edit-image .image-actions label
{
	margin-bottom:10px;
}

.bootstrap-tagsinput
{
	width:100%;
}

/* MAP */ 
		
.jeu-map
{
	min-width:200px;
	min-height:200px;					
}
																	
.leaflet-popup .popup-entry-content
{
	width:auto !important;
	min-width:250px;
}

.leaflet-popup-content .jeu-popup-subtitle
{
	padding:0px 0px 0px 0px;
}

.leaflet-popup-content .jeu-popup-title-titre
{
	font-size : 1.2em;
	font-weight:bold;
}

.leaflet-popup-content .jeu-title.jeu-personne
{
	color : var(--jeu-personne-color);
}

.leaflet-popup-content .jeu-title.jeu-jeulocal
{
	color : var(--jeu-jeulocal-color);
}

.leaflet-popup-content .jeu-title.jeu-association
{
	color : var(--jeu-association-color);
}

.leaflet-popup-content .jeu-title.jeu-collectif-informel
{
	color : var(--jeu-collectifinformel-color);
}

.leaflet-popup-content .jeu-title.jeu-evenement
{
	color : var(--jeu-evenement-color);
}

.leaflet-popup-content .jeu-title.jeu-offre
{
	color : var(--jeu-offre-color);
}

.leaflet-popup-content .jeu-title.jeu-demande
{
	color : var(--jeu-demande-color);
}

.leaflet-popup a.tag-label
{
	display:inline-block;
}

/* LISTES ACCORDEON */

.jeu-echange-panel .title
{
	font-weight:bold !important;
	font-size:1.2em;
}


/* Formulaire */

#formulaire
{
	margin-top : 0px;
}

#formulaire > h2
{
	margin-top : 40px;
}

#formulaire .tab-content,
#formulaire > h2,
#formulaire > p,
#formulaire > div
{
	padding-left : 40px !important;
	padding-right : 40px !important;
}

.table-responsive
{
	margin-left:0px;
	margin-right:0px;
	overflow : auto;
}

/* nav-tabs */

.nav-tabs
{
	background: var(--neutral-light-color);
	margin:0px;
	padding:20px 0px 20px 0px;
	width:100%;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	align-items : center;
	row-gap : 10px;
	justify-content : space-between;
}

.nav-tabs li
{
	display : flex;
	flex : 1 1 0;
	float : none;
	margin : 0px 40px 0px 40px !important;	
}

.nav-tabs li a
{
	text-align:center;
	border:0px !important;
	width:max-content;
	font-weight : bold;
}
/*
.nav-tabs li:not(.active) a
{
	cursor : pointer;
	color: white;
	background-color: transparent !important;
	color: #62aebe !important;
	text-shadow: 0px 2px 0px #1a89a0;
}
*/
.nav-tabs li.active a
{
	text-align:left;
	cursor : default;
	background-color: var(--primary-color) !important;
	color: transparent !important;
	text-shadow: 0px 2px 4px rgba(255,255,255,0.7);
	-webkit-background-clip: text;
	background-clip: text;
}


.nav-tabs li:not(.active) a:hover
{
	color : white !important;
	background-color : var(--primary-color);
}


/*
.nav-tabs li.active a,
.nav-tabs li.focus a
{
	font-weight:bold;
	background-color: var(--primary-color) !important;
	color: transparent !important;
	text-shadow: 0px 2px 4px rgba(255,255,255,0.7);
	-webkit-background-clip: text;
	background-clip: text;
}
*/
.page > h2,
.jeu-page-title
{
	font-weight:bold;
	font-size:1.4rem;
	background-color: var(--primary-color) !important;
	color: transparent !important;
	text-shadow: 0px 2px 4px rgba(255,255,255,0.7);
	-webkit-background-clip: text;
	background-clip: text;
}

/* Shadows */

@media (max-width: 800px)
{
	.nav.navbar-nav
	{
		box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 15px;	
	}
}

.jeu-citation q,
h1 q
{
	font-style : italic;
	font-weight:lighter;
	text-shadow : 0px 2px 4px rgba(113, 103, 103, 0.5);
}

.jeu-page-title-container
{
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

/*
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
*/
.jeu-image-container,
.jeu-map
{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.jeu-image-container:hover/*,
.jeu-map:hover*/
{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

#yw-topnav
{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

#yw-header
{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;	
}

.btn:not(.btn-icon):not(.btn-menu):not(.navbar-btn):not(.dropdown-toggle):not(.jeu-mail):not(.note-btn)
{
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
}

.btn-download
{
	padding-left : 5px;
	padding-right : 5px;
	width : max-content !important;
}

#yw-header h1
{
	text-shadow: 0px 3px 10px rgba(255, 255, 255, 0.8);
	margin-bottom:20px !important;
	font-weight:bold;
	letter-spacing : 0.05em;
	font-size:2.5em;
}

#yw-header span
{
	text-shadow: 0px 3px 5px rgba(255, 255, 255, 0.8);
	font-size:1.2em;
}

#yw-header a
{
	text-decoration:none !important;
}

.nav-tabs
{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
}

.nav-tabs li:not(.active) a
{
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
}

.filters .panel,
.reset-filters,
#geolocation_controller a
{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
}

.search-input
{
	box-shadow: inset rgba(0, 0, 0, 0.16) 0px 2px 4px, inset rgba(0, 0, 0, 0.23) 0px 2px 4px !important;
}

#yw-container .page > h2,
.results-col
{
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.bazar-search .fa-search
{
 	filter:drop-shadow(0px 3px 3px #555);
}

/* IMAGE GALLERY */

.jeu-image-container,
.jeu-map
{
	padding:5px;
	border-radius:5px;
	border : 1px solid var(--neutral-light-color);

}

.jeu-image-container/*,
.jeu-map*/
{
	transform: scale(1);
	transition: transform 330ms ease-in-out, box-shadow 330ms ease-in-out;
}

.jeu-image-container:hover/*,
.jeu-map:hover*/
{
	transform: scale(1.2);
	transition: transform 330ms ease-in-out, box-shadow 330ms ease-in-out;
	border : 1px solid var(--neutral-light-color);
}

.jeu-images-gallery
{
	display : flex;
	flex-wrap : wrap;
	flex-direction : row;
	justify-content : space-around;	
	width:100%;
	min-width:50px;
	min-height:50px;
}

.jeu-images-gallery a,
.jeu-image
{
	display : block;
	background-size : cover;
	background-position : center;
	width : 250px;
	height : 250px;
}

#lightbox .lb-image
{
	max-width : unset !important;
	border-radius: 3px;
	border: 4px solid #fff;
}

#lightbox .lb-number
{
	display:none !important;
}

/*
#lightbox .lb-dataContainer
{
	position:absolute !important;
	top:-20px !important;
}
*/

/* FICHES*/

.BAZ_cadre_fiche 
{
	padding : 20px !important;
}

.BAZ_cadre_fiche hr
{
	margin : 40px 0px 40px 0px !important;
	width : 100%;
}

#jeu_fiche_images

#jeu_profile_title,
#jeu_echange_title
{
	color: var(--primary-color);
}

#jeu_evenement_title .jeu-evenement-titre
{
	color: var(--primary-color);
}
/*
.jeu-categories-evenement span
{

}
*/
/* FICHE PROFILE */ 

#jeu_profile_header .jeu-profile-infos
{
	width : 250px;
}

#jeu_profile_header .jeu-profile-map,
.jeu-echange-map,
.jeu-evenement-map
{
	width:250px;
	height:250px;
}

#jeu_profile_header #jeu_profile_image
{
	width:250px;
	height:250px;
}

#jeu_profile_header #jeu_profile_image a
{
	display : block;
	width:100%;
	height:100%;	
	background-size : cover;
	background-position : center;
}

/*
#jeu_profile_header #jeu-profile-image img
{
	width:150px;
	margin:25px;
}
*/
.jeu-profile-inscription-date,
.jeu-echange-date,
.jeu-evenement-date
{
	font-size:1em;
	text-align:center;
	margin : 10px 0px 10px 0px;
}

.jeu-profile-nom
{	
	font-weight:bold;
}

#jeu_profile_description,
#jeu_echange_description,
#jeu_evenement_description
{
	text-align:center;
	margin : 20px 0px 20px 0px;
}

#jeu-profile-tags
{
	text-align:center;
	margin : 20px 0px 20px 0px;
}

/* PROFILE CATEGORIES ECHANGES */ 

#jeu-profile-categories-echanges,
#jeu-profile-categories-echanges
{
	justify-content:space-between !important;
}

#jeu-profile-categories-echanges .jeu-profile-offres,
#jeu-profile-categories-echanges .jeu-profile-demandes
{
	text-align:left !important;
	align-items:initial !important;
	width:300px;
	min-width:300px;
	max-width:300px;
	padding: 0px 0px 0px 0px;
	justify-content : left !important;
}

#jeu-profile-categories-echanges .jeu-profile-offres ul,
#jeu-profile-categories-echanges .jeu-profile-demandes ul
{
	padding : 0px !important;
}

#jeu-profile-echanges .jeu-profile-offres > * > h4,
#jeu-profile-echanges .jeu-profile-demandes > * > h4,
#jeu-profile-categories-echanges .jeu-profile-offres h4,
#jeu-profile-categories-echanges .jeu-profile-demandes h4
{
	color: var(--secondary-color-2);
}

#jeu-profile-echanges .jeu-profile-offres,
#jeu-profile-echanges .jeu-profile-demandes
{
	text-align:left !important;
	align-items:initial !important;
	width:100%;
}

#jeu-profile-categories-echanges .jeu-profile-offres li.jeu-mother-key,
#jeu-profile-categories-echanges .jeu-profile-demandes li.jeu-mother-key
{
	padding-left:10px !important;
	list-style-type: none;
}

#jeu-profile-categories-echanges .jeu-profile-offres li.jeu-child-key,
#jeu-profile-categories-echanges .jeu-profile-demandes li.jeu-child-key
{
	padding-left:20px !important;
	list-style-type: none;
}

/* EVENEMENTS */

.jeu-form-documents-container
{
	margin-top : 10px;
}

/* ECHANGES */

#jeu-profile-echanges,
#jeu-profile-echanges
{
	justify-content:space-between !important;
}

#jeu-echange-infos .jeu-tags a
{
	vertical-align:baseline !important;
}


#jeu-echange-contact-geolocation
{
}

#jeu-echange-contact
{
	width:200px;
}

#jeu-echange-address
{
	width:200px;
}
#jeu-echange-geolocation
{
	width:200px;
}

#jeu-echange-images img
{
	flex : 1 1;
	min-width:200px;
}

/* FICHE EVENEMENT */

#jeu_evenement_header
{
	width:100%;
	text-align:center;
}

#jeu_evenement_title
{
	font-weight:bold;
	font-size:2em;
}

#jeu_evenement_dates
{
	margin:10px 20px 10px 20px;
}

#jeu_evenement_image
{
	margin:40px 20px 20px 20px;
}

#jeu_evenement_infos
{
	text-align:center;
}

#jeu_evenement_description
{
	text-align:center;	
}

/*
#jeu_evenement_adresse_contact
{
	width:100%;
	display : flex ;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
}

#jeu_evenement_adresse_contact > *
{
	display:flex;
	flex-direction:column;	
	justify-content:center;
	text-align:center;
}
*/
#jeu_evenement_adresse
{
	min-width:200px;
	max-width:max-content;
	margin : 20px;
}
.jeu-evenement-map
{
	flex : 1 1 auto;
	height:100%;
	min-height : 300px;
	margin:20px;
}

#jeu_evenement_contact
{
	display:flex;
	min-width:200px;
	max-width:max-content;
	flex : 1 1 auto;
}





