ul.date
{
	list-style: none;
	margin:0;
	padding:0;
	display:block;
}

ul.date li {float:left;display:inline-block;};

a.date-item { width:100%; height:8rem;position:relative;display:block;}

/** container du jour, mois, année **/
.date-item .date {position:relative; padding-right:4px;right:0;top:-.5rem;} /** largeur de l'ombre **/
.date-item .bg-two {border-style:solid; border-width:1px; border-color:#000000;}
.date-item span.jour {text-align:center; display:block;padding-top:.5rem;}
.date-item span.mois {text-align:center; display:block;}
.date-item span.annee {text-align:center; display:block;}

/** BLOC **/
.bloc.event-info h4 {margin-bottom:2rem;}
.bloc.event-info p.nom {text-align:left;}
.bloc.event-info p.horaires { font-weight: bold; }
.bloc.event-info .description { margin-bottom:2rem;}

/** LIEUX **/
.lieux-content {margin-bottom:2rem;}

/** AFFICHAGE DES DATES **/
.date-container
{
	width:7rem;
	height:8rem;
	position:relative;
	float:left;
	margin-right:1rem;
	margin-bottom:1rem;
}

.date-container + p.chapeau {margin-right:2rem;} /** date container juste avant le chapeau **/
.info-date-container { margin-bottom:2rem; }

/****************************/
/*** EVENT HEADER
/****************************/

#event-header { margin-top:-5rem; }
#event-header.bloc .content { margin-bottom:0; padding-bottom:1rem; padding-top:4rem;}

/** AFFICHE **/
div.affiche
{
	background-color:#FFFFFF;
	margin-top:-100px;
	padding:5px;
	margin-left:2rem; /** pour aligner avec la colonne de droite **/
	max-width:200px; position:relative; right:0px;
	display:none; /** par défaut invisible sur smartphone **/
}
div.affiche img { display:block; width:100%; height:auto; margin-bottom:1rem;}

h1 {color:#FFFFFF;}
h2 {margin-bottom:.5rem;}
p.participants {margin-bottom:2rem;}
p.chapeau {min-height:90px;margin-left:1rem;} /** hauteur d'un item de date **/

.bloc.map { margin-top:1rem; }

/** position du menu de section **/
.row.group.menu nav {margin-left:0;}


/** CALENDRIER **/
#calendar-container
{
	height:0%;
	-webkit-transition: height 1s; /* Safari */
    transition: height 1s;
    max-width:500px;
}


/** FORMUAIRE **/
.button {margin-bottom:.5rem;}
#ou { max-width:200px; float:left;}
#dept {max-width:200px;float:left;}
#archives {width:100%;margin-top:1rem;}
#date {min-width:4rem;}
#date span {display:none;}
#date i.fa.fa-calendar {line-height:4rem;width:100%;text-align:center;}


.field {margin-right:2rem;}
.field .select { width:100%; }


@media only screen and (max-width: 1023px)
{
	div.affiche {display:block;margin:0;padding:0;}
}


@media only screen and (min-width: 1024px)
{
	div.affiche {display:block;}
	#archives {max-width:200px;}
	#date i.fa.fa-calendar {display:none;}
	#date span {display:inline;}
}

.reserver-btn
{
	border-right: solid;
    border-right-color: #d5d4d4;
    border-right-width: 2px;
    padding-right: 20px;
    padding-left: 20px;
    height: 50px;
    min-width: 50px;
    background-color:#EEE;
    display:inline-block;
    line-height:50px;
}


.button.reserver-button {max-width:195px;background-color:#212223;margin-top:10px;width:100%;}
.button.reserver-button:hover {background-color:#e639b7;color:#FFF;}