.show {
	display: block;
}

.hide {
	display: none;
}

.dam-button{
	background-color: #F89720; /* Orange */
	border: 0px;
	color: white;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	font-family:"Open Sans", sans-serif;
	letter-spacing:4px;
	text-transform:uppercase;
}


.filtersBox {
	background-color: #E9E9EA;
	float: left;
	width: 100%;
}



.filtersRow {
	width: 100%;
	float: left;
}

.divFilter {
	display: block;
	float: left;
	margin-right:1%;
	padding:2px;
	width: 24%;
}

label{
	font-weight: bold;
	margin: 5px 5px 5px 5px;	
}


#eventsBox {
	display: block;
	width: 100%;
}

.boxLienDetails{
	background-image:url(media/details-dam-03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width:30px;
	height:30px
	
}

.event-one-category{
	border:1px solid #F89720;
	padding: 6px;	
}

a.event-one-discipline{
	color: #F89720;
}

.block-contenu{
	margin:10px 0px 0px 0px;
}

.divFilterButtons{
	width:100%;
}

.filterArtistName{
  	background-color: black;
  	width:50%;
  	align:center;
}

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

.artist-reseaux-sociaux{
	float: left;
	width:100%;
}

.artist-reseaux-sociaux facebook{
	background-image: url();
}

.artist-reseaux-sociaux twitter{
	background-image: url();
}

.artist-reseaux-sociaux instagram{
	background-image: url();
}

.box-artist-image-ala-une{
	width: 100%;
	height: 378px;
	background-repeat:no-repeat;
    background-size:contain;
}

.box-artist-image-details{
	width:50%;
	max-width: 246px;
	height: 185px;
	float: left;
	background-repeat:no-repeat;
    background-size:contain;	
}
	.box-artist-image-details.artiste-image-1,
	.box-artist-image-details.artiste-image-2,
	.box-artist-image-details.artiste-image-3,
	.box-artist-image-details.artiste-image-4{
		
	}

	.box-artist-image-details.artiste-image-1,
	.box-artist-image-details.artiste-image-3{
		margin-right:6px;
	}
	.box-artist-image-details.artiste-image-2,
	.box-artist-image-details.artiste-image-4{
		margin-left:6px;
	}

.box-artist-lecteur-video{

}



/* ------------------------------------- */
/* AJOUTS CSS ALEX PARADIS (22 OCT 2019) */
/* ------------------------------------- */

/* ------------------------------------- */
/* dam-sfdc-event-list.php   	 		 */
/* ------------------------------------- */
.filtersBox {
	background-color: #E9E9EA;
	float: left;
	padding:15px;
	width: 100%;
}
	.filtersBox .filtersRow{
		padding:10px 0px;
		width:80%;
	}
		.filtersBox #filtersRow0.filtersRow{
			height:160px;
			width:28%;
		}
		.filtersBox #filtersRow1.filtersRow,
		.filtersBox #filtersRow2.filtersRow{
			width:70%;
		}

		.filtersRow .divFilter#divFilterActivite,
		.filtersRow .divFilter#divFilterDiscipline{
			width:36%;
		}
		.filtersRow .divFilterDates#divFilterDates{
			width:149%;
		}

		.filtersRow .divFilter#divFilterEstGratuit,
		.filtersRow .divFilter#divFilterEstAccessibleHandicap{
			width:24%;
			text-align:center;
		}

			.filtersBox #filtersRow0.filtersRow .divFilter{
				width:95%;
			}
			/* FIX POUR MONTRER TOUJOURS LA LISTE DE CALENDRIER */
			.filtersBox #filtersRow0.filtersRow #filterCalendrier,
			.filtersBox #filtersRow0.filtersRow .ms-parent.filtreRecherche .ms-choice{
				display:none;
			}
		
			.filtersBox #filtersRow0.filtersRow .divFilter .ms-drop.bottom{
				border: none;
    			border-radius: 0px;
				display:block;
				margin-top: -14px;
			}
				.filtersBox #filtersRow0.filtersRow .ms-parent.filtreRecherche span{
					color:#808080;
					font-weight:bold;
				}
					.filtersBox #filtersRow0.filtersRow .ms-parent.filtreRecherche .divFilter-option-Calendrier-DAM span{
						color:#B30602;
					}
					.filtersBox #filtersRow0.filtersRow .ms-parent.filtreRecherche .divFilter-option-Calendrier-Membres span{
						color:#f89720;
					}
					.filtersBox #filtersRow0.filtersRow .ms-parent.filtreRecherche .divFilter-option-Calendrier-Partenaires span{
						color:#993399;
					}

				.filtersBox #filtersRow0.filtersRow .divFilter .ms-drop.bottom .ms-select-all,
				.filtersBox #filtersRow0.filtersRow .divFilter .ms-drop.bottom ul>li{
					padding:0 4px;
				}
				.filtersBox #filtersRow0.filtersRow .divFilter .ms-drop.bottom input{
					height:20px !important;
				}

		.filtersBox .filtersRow input{
			height: 32px!important;
		}
	.filtersBox .divFilter label{
		color:#f5901c;
	}
	.filtersBox .filtersRow .dam-button{
		background-color: #ffffff; /* Orange */
		border:solid 2px #F89720;
		color: #F89720;
	    padding: 1px 20px;
	    margin-top: 24px;
	    font-size: 16px;
	    width: 25%
	}
		.filtersBox .filtersRow .dam-button:hover{
			background-color: #F89720; /* Orange */
			color: #ffffff;
		}

	.filtersBox .ms-parent .ms-choice{
		border:none;
		border-radius:0px;
		margin-right:10px;
	}
		.filtersBox .ms-parent .ms-choice > div {
		    position: absolute;
		    width: 0;
		    height: 0;
		    top: 50%;
		    right: 8px;
		    margin-top: -5px;
		    border-color: #f5901c transparent transparent transparent;
		    border-style: solid;
		    border-width: 10px 10px 0 10px;
		}

#eventsBox .boxEvent{
	background-color: #E9E9EA;
	display: block;
	font-family: "Open Sans", Arial, sans-serif;    
    float: left;
    min-height:405px;
    height: auto;
    margin: 10px 14px;
    position: relative;
    width: 350px;
}

	#eventsBox .boxEvent .eventDetailsButton{		
		background-color: #f78f1e;
	    border-radius: 30px;
	    color: #ffffff;
	    display: block;
	    float: right;
	    height: 28px;
	    font-weight: bold;
	    font-size: 20px;
	    padding: 2px 0px;
	    position: relative;
	    text-align: center;
	    top: 370px;
	    right: 10px;
	    width: 28px;
	}
		#eventsBox .boxEvent .eventDetailsButton:hover{
			background-color: #ffffff;
	    	color: #f78f1e;
		}

	#eventsBox .boxEvent .boxEventHeaderColor{
		background-color:#ffffff;
		height:10px;
	}

	#eventsBox .boxEvent .boxImage{
		background-position:top center;
		background-size:cover;
	    min-height: 197px;
	    /*opacity: 0.75;*/
	    background-repeat: no-repeat;
	}

	#eventsBox .boxEvent .boxText{
	    bottom: 0px;
	    opacity: 0.90;
	    text-align: left;
	    padding-left: 10px;  
	}
		#eventsBox .boxEvent .boxText > div{
			font-size:18px;
			text-transform:uppercase;
			font-weight:bold;
		}
			
		#eventsBox .boxEvent .boxText .boxNomMembre,
		#eventsBox .boxEvent .boxText .boxTitre{
			font-size:18px;
			text-transform:uppercase;
			font-weight:bold;
		}

		#eventsBox .boxEvent .boxText .boxNomMembre{
			color:#ffffff;
		    height:52px;
		    padding-top: 18px;
		}
			#eventsBox .boxEvent[data-calendrier="Membres"] .boxEventHeaderColor{
				background-color:#F89720;
			}
			#eventsBox .boxEvent[data-calendrier="Membres"] .boxText .boxNomMembre{
				color:#F89720;
			}
			#eventsBox .boxEvent[data-calendrier="DAM"] .boxEventHeaderColor{
				background-color:#B30602;
			}
			#eventsBox .boxEvent[data-calendrier="DAM"] .boxText .boxNomMembre{
				color:#B30602;
			}
			#eventsBox .boxEvent[data-calendrier="Partenaires"] .boxEventHeaderColor{
				background-color:#993399;
			}
			#eventsBox .boxEvent[data-calendrier="Partenaires"] .boxText .boxNomMembre{
				color:#993399;
			}

		#eventsBox .boxEvent .boxText .boxTitre{
		    height:60px;
		    color:#2d2d2d;
		}

		#eventsBox .boxEvent .boxText .boxDate{
			font-style:italic;
			font-size:16px;
			height:35px;
		}
			#eventsBox .boxEvent .boxText .boxDate .boxLienDetails{
				float:right;
				font-family:Metropolis;
				font-size:16px;
				font-weight:normal;
				margin-right:15px;
			}

	.filtreRecherche ul li input{
		color:#ffffff;
	}
		.filtreRecherche ul li input[value="DAM"]{
			background-color:#B30602;
		}
		.filtreRecherche ul li input[value="Membres"]{
			background-color:#F89720;
		}
		.filtreRecherche ul li input[value="Partenaires"]{
			background-color:#993399;
		}

	.divFilter > input[type="checkbox"]{
		position:absolute;
		left:-9999px;
	}
		.divFilter > input[type="checkbox"] + label{
			cursor:pointer;
			height:42px;
			margin-left: 10px;
			padding-top:42px;
			width:42px;
		}
			.divFilter > input[type="checkbox"]:checked + label{
				background-position:0 -42px;
			}

			.divFilter > input[type="checkbox"]#filterEstGratuit + label{
				background-image:url(media/btn_gratuit.png);	
				text-indent:-4px;
			}
				
			.divFilter > input[type="checkbox"]#filterEstAccessibleHandicape + label{
				background-image:url(media/btn_accessible.png);	
				text-indent:-14px;
			}

#ui-datepicker-div .ui-datepicker-month{
	background-color:#bbbbbb;
	height:21px;
}

.dam-button#buttonNewEvent{
	margin:10px 0px;
}



/* ------------------------------------- */
/* dam-sfdc-event-details.php   		 */
/* ------------------------------------- */
.div-event-details{
	width:100%;
}
	.div-event-details .details-title{
		color: #F89720;
		font-size:36px;
		padding-bottom: 25px;
	}

	.dam-hr{
		border: 1px solid #F89720;
		clear:both;
	}

	.div-event-details > div{
		float:left;
	}

	.div-event-details h1,
	.div-event-details h2,
	.div-event-details h3,
	.div-event-details h4,
	.div-event-details h5,
	.div-event-details strong,
	.div-event-details div,
	.div-event-details p{
		color:#2c2c2c;
	}
	

	.div-event-details .details-colonne-gauche{
		width:60%;
		margin-right:2%;
	}
		.div-event-details .details-colonne-gauche .boxImage{
			background-size:cover;
			background-position:top center;
			height:405px !important;
			margin-bottom:10px;
			max-height:405px !important;
		}

		.details-colonne-gauche .event-description{
			width:100%;
			/*min-height:300px;*/
		}


	.div-event-details .details-colonne-droite{
		width:38%;	
	}
		.details-colonne-droite h1.event-titre{
			font-size:26px;
			font-weight: bold;
			margin: 0px 0px 20px;
			text-transform:none;
		}

		.div-event-details .details-colonne-droite .block-contenu{
			margin:0px 0px 20px 0px;
		}

		.div-event-details .details-colonne-droite .block-contenu > strong{
			color:#2c2c2c !important;
			display:block;
			font-size: 18px;
			font-weight:normal;
    		margin-bottom: 5px;
		}

		.div-event-details .details-colonne-droite p{
			font-size: 14px;
		    line-height: 19px;
		    margin: 0px;
		}

		.div-event-details .details-colonne-droite .event-one-category{
			display:inline-block;
		}

		.div-event-details .details-colonne-droite .event-organise-par, 
		.div-event-details .details-colonne-droite .event-organise-par strong{
			display:inline-block;
			font-size:16px;
		}
		



/* ------------------------------------- */
/* dam-sfdc-artist-list.php   	 		 */
/* ------------------------------------- */
h1#repertoire-artiste-titre{
	color: #f89720;
    font-weight: lighter;
    border-bottom: solid 1px #f89720;
    font-size: 40px;
    padding-bottom: 25px;
    margin-bottom: 34px;
    text-align: center;
    letter-spacing: 5px;
}				

#filterArtistName{
	background-color: #2f2e2c;
    max-width: 550px;
    margin: 0 auto 35px;
    height: 60px;
    padding: 18px 15px;
    width: 550px;
}

	#filterArtistName label{
	    color: #ffffff;
	    display: block;
	    font-size: 17px;
	    width: 50%;
	    float: left;
	    line-height: 25px;
	    letter-spacing: 1px;
	}

	#filterArtistName #searchArtistName{
		border-radius:0px;
	    display: block;
	    float: left;
	    width: 45%;
	    padding: 0px 8px !important;
	    height: 25px !important;
	}
	#filterArtistName #buttonSubmitFilterArtist{
	    background-color:#ffffff;
	    color: #2c2c2c;
		width: 5%;
		float: left;
    	display: block;
    	padding: 0px !important;
		height:25px !important;
	}
		#filterArtistName #buttonSubmitFilterArtist:hover{
		    background-color: #f89720;
		    color:#ffffff;
		}

#filtersArtistRow2 .button-discipline{
	background: white;
	display: inline-block;
	padding: 15px 25px;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #F89720;
	border: 4px solid #F89720;
	float:left;
	margin:6px;
}

#filtersArtistRow2 .button-discipline:hover {
	background-color: #F89720;
	color: white;
}

#filtersArtistRow2 .button-discipline:active {
  	background-color: #F89200;
	color: white;
}

#filtersArtistRow2 .button-discipline.unselected{
	background: white;
	color: #F89720;
}

#filtersArtistRow2 .button-discipline.selected {
  background-color: #F89700;
  color: white;
}

#textHeaderArtistList{
	clear: both;
    position: relative;
    margin: 0px 10px 35px;
}
	#textHeaderArtistList .textHeaderArtistList_titre{
		color: #151513;
		font-weight: bold;
		padding-top: 20px;
	}

#textHeaderArtistList .textHeaderArtistList_contenu{
    color: #787877;	
}

#artistsBox{
	/*margin:0px 30px;*/
	margin: auto;
    width: 100%;
    max-width: 1040px;
}

#artistsBox .box-artist{
    font-family: Open Sans, Arial, sans-serif;
    width: 240px;
    height: 317px;
    float: left;
    position: relative;
    background-color: #e9e9eb;
    text-align: center;
    margin: 10px;
}
	#artistsBox .box-artist .box-artist-image{
	    /*height: 240px;	*/
	    height:auto;
	    padding-top:100%;
	    /*opacity: 0.75;*/
	    /*filter: alpha(opacity=75);*/
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: top center;
	}

	#artistsBox .box-artist .box-artist-text{
	    z-index: 999;
	    bottom: 0px;
	    opacity: 0.90;
	    /*filter: alpha(opacity=90);*/
	    padding: 10px 20px;
	    background-color: #E9E9EA;
	    height:67px;
	}
		#artistsBox .box-artist .box-artist-text .box-artist-text-titre{
			font-size: 16px;
	    	font-weight: bold;
		}

		
		
/* ------------------------------------- */
/* dam-sfdc-artist-details.php   		 */
/* ------------------------------------- */		
		
#div-artist-details{
	width:100%;
}


	#div-artist-details .details-title{
		color: #F89720;
		font-size:36px;
		font-weight:lighter;
		line-height:40px;
		padding-bottom: 25px;
		padding-left:0px;
	}

	#div-artist-details > div{
		float:left;
	}

	#div-artist-details h1,
	#div-artist-details h2,
	#div-artist-details h3,
	#div-artist-details h4,
	#div-artist-details h5,
	#div-artist-details strong,
	#div-artist-details div,
	#div-artist-details p{
		color:#2c2c2c;
	}
	
	#div-artist-details .details-colonne-gauche,
	#div-artist-details .details-colonne-droite{
		margin-left:2%;
	}
		#div-artist-details .details-colonne-gauche{
			width:48%;
		}
		#div-artist-details .details-colonne-droite{
			width:42%;
		}

		#div-artist-details .block-contenu{
			margin-bottom:30px;
			margin-top:0px;
		}

		#div-artist-details .content-title{
			font-size: 20px;
		    line-height: 19px;
		    margin: 0px 0px 10px;
		    letter-spacing: 4px;
		}

		#div-artist-details .details-colonne-gauche a,
		#div-artist-details .details-colonne-droite a{
			color: #F89720;
		}
			#div-artist-details .details-colonne-gauche a:hover,
			#div-artist-details .details-colonne-droite a:hover{
				font-weight:bold;
			}

		#div-artist-details .details-colonne-gauche .boxImage{
			margin-bottom:10px;
		}

		.details-colonne-gauche .artist-description{
			width:100%;
			min-height:300px;
		}

	#div-artist-details .details-colonne-droite{

	} 
		#div-artist-details .details-colonne-droite .box-artist-image-ala-une,
		#div-artist-details .details-colonne-droite .box-artist-image-details{
			margin-bottom:30px;
			background-position:center;
		}

		#div-artist-details .details-colonne-droite h1.artist-titre{
			font-size:26px;
			font-weight: bold;
			margin: 0px;
		}

		#div-artist-details .details-colonne-droite strong{
			color:#2c2c2c !important;
			display:block;
			font-size: 18px;
			font-weight:normal;
    		margin-bottom: 4px;
		}

		#div-artist-details .details-colonne-droite p{
			font-size: 14px;
		    line-height: 19px;
		    margin: 0px;
		}


		#div-artist-details .details-colonne-droite .artist-one-category{
			display:inline-block;
			margin-top:8px;
		}
		
		#div-artist-details .details-colonne-droite .box-artist-evenements{
			border:8px solid #F89720; 
			clear:both;
			width: 100%;
			height: auto;
			padding:20px;
		}	
			#div-artist-details .details-colonne-droite .box-artist-evenements .content-title{
				font-size: 20px;
			    line-height: 19px;
			    margin: 0px 0px 20px;
			    font-weight: normal;
			    letter-spacing: 4px;
			}

	#theme-page .theme-content .link-retour{
		background-color: #777777 !important;
		border: solid 3px #777777;
		clear:both;
		display:block;
		margin-left:0px;
		padding: 9px 10px 9px 17px;
    	position: relative;
    	letter-spacing: 4px;
    	text-align:center;
    	text-transform: uppercase;
    	width:300px;
	}
		#theme-page .theme-content .div-event-details .link-retour{
			width:280px;	
		}
		#theme-page .theme-content .link-retour .link-retour-title{
			color:#ffffff;
			margin-bottom:0px;
		}
		#theme-page .theme-content .link-retour:hover{
			background-color: #ffffff !important;
		}
			#theme-page .theme-content .link-retour:hover .link-retour-title{
				color:#777777;
			}

#div-artist-details div .box-artist-one-event-titre{
	color: #f89720;
}	

#div-artist-details .mkhb-social-media-el a.mkhb-icon-el__link{
	width: 40px;
    border: solid 2px #000000;
    height: 40px;
    background: none;
    border-radius: 20px;
}	
	
	#div-artist-details .mkhb-social-media-el a.mkhb-icon-el__link .mk-svg-icon{
		height: 24px !important;
	    width: 24px !important;
	    color: #f89820;
	}

	
	#div-artist-details .mkhb-social-media-el a.mkhb-icon-el__link:hover{
		background-color:#f89820;
		border-color:#f89820;
	}
		#div-artist-details .mkhb-social-media-el a.mkhb-icon-el__link:hover .mk-svg-icon{
			color: #ffffff;
		}

/* -------------------------------- */
/* RESPONSIVE 						*/
/* -------------------------------- */
#theme-page .mk-main-wrapper-holder{
	margin:0 20px;
}

/* DESKTOP -------------------------------- */
@media (max-width:1200px) {
	
	#eventsBox .boxEvent{
		margin: 10px 10px;
	}
	#eventsBox{
		margin:0 auto;
		max-width: 740px;
	}
	#theme-page .theme-content .link-retour{
		/*margin-left:24px;*/
	}
}

@media (max-width:1128px) {
	
}

/* LARGE ---------------------------------- */
@media (max-width: 992px) {
	.box-artist-image-details.artiste-image-1, 
 	.box-artist-image-details.artiste-image-2,
 	.box-artist-image-details.artiste-image-3, 
 	.box-artist-image-details.artiste-image-4{
 		margin-left:0px;
 		margin-right:0px;
 	}

 		.filtersBox #filtersRow0.filtersRow, 
		.filtersBox #filtersRow1.filtersRow,
		.filtersBox #filtersRow2.filtersRow, 
		.filtersRow .divFilter#divFilterActivite,
		.filtersRow .divFilter#divFilterDiscipline,
		.filtersBox #filtersRow0.filtersRow .divFilter,
		.filtersRow .divFilterDates#divFilterDates,
		.filtersRow .divFilterDates#divFilterDates .divFilter{
			width:100%;
		}

		.filtersBox #filtersRow0.filtersRow{
			height:160px;
		}
			.filtersBox #filtersRow1.filtersRow{
				margin-top:10px;
			}
		
			{
				width:100%;
			}

		.filtersRow .divFilterDates#divFilterDates{
			height:135px;
		}

		.filtersRow .divFilter#divFilterEstGratuit,
		.filtersRow .divFilter#divFilterEstAccessibleHandicap{
			width:46px;
			text-align:center;
		}
			.filtersRow .divFilter#divFilterEstGratuit{
				position:absolute;
				top:456px;
			}
			.filtersRow .divFilter#divFilterEstAccessibleHandicap{
				margin-left:100px;
			}
}

/* MEDIUM --------------------------------- */
@media (max-width: 768px) {
	#theme-page .mk-main-wrapper-holder{
		margin:0px 0px;
	}

	#eventsBox {
	    max-width: 100%;
	}
    	#eventsBox .boxEvent{
		    margin:10px 0px;
		    width:100%;
		    height: 580px;
		}
		#eventsBox .boxEvent .boxImage{
			/*min-height:205px;*/
			min-height: auto;
    		padding-top: 56.25%;
		}

	#div-artist-details .details-colonne-gauche,
	#div-artist-details .details-colonne-droite,
	.div-event-details .details-colonne-gauche,
	.div-event-details .details-colonne-droite{
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}

	.details-colonne-gauche .event-description{
		min-height:auto;
	}

	#artistsBox .box-artist {
	    float: none;
	    margin: 20px 0px;
	    width: 100%;
	}

	#filterArtistName{
		height:82px;
		max-width:100%;
	}

	#theme-page .theme-content .link-retour{
		margin-left:0px;
		top:10px;
		text-align:center;
		width:auto;
	}

}

/* SMALL ---------------------------------- */
@media (max-width: 576px) {
	.divFilter{
		width:32%;
	}
		.divFilter label{
			/*display:none;*/
		}
}