/*****************************************/
/*** AGENDA LINE 
/*****************************************/

/** AGENDA LINE **/

.bloc.agenda-line .content, .bloc.magazine-line .content
{
	padding-left:2rem;
	padding-right:2rem;
	padding-top:4rem;
}



/**.bloc.agenda-line .content a.voir-tout {text-align:center;display:block;margin-bottom:1rem;}**/
.bloc.agenda-line .content .event-list {padding-bottom:3rem;}
.bloc.agenda-line .content .voir-tout, .bloc.magazine-line .content .voir-tout
{ 
	position:absolute;bottom:0;left:0;
	width:100%; 
	/*margin-bottom:1rem; margin-top:1.5rem;*/
	padding-top:1rem; padding-bottom:1rem;
	border-top-style: solid; border-top-color:#CCCCCC; border-top-width:1px;
}
.bloc.agenda-line .content .voir-tout a, .bloc.magazine-line .content .voir-tout a
{
	text-align:center;display:block;height:2.5rem;
	width:100%;
}

.event-line 
{ 
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; 
	margin-bottom:2rem;
	min-height:10rem;
}

/** ITEM EVENT **/
.event-line:last-child {margin-bottom:1rem;border-style: none;}

.event-line .date-content 
{
	float:left;
	width:7rem;
	/*height:200px;*/
	/*background-color:#FFEEEE;*/
	margin-right:2rem;
	position:relative;
}

.event-line .event-content 
{
	/*background-color:#FF0000;*/
	/*height:200px;*/
 	margin-left:9rem; /** taille de la colonne de gauche + marge */
 	margin-bottom:2rem;
}

.event-line .event-content a.name { font-weight:bold; font-size:2rem;margin-bottom:.5rem;}
.event-line .event-content p.description { font-size:1.4rem; line-height:1.4rem; font-style: italic; margin-bottom:1rem; margin-top:1rem;}
.event-line .event-content span.horaire {font-size:1.4rem; line-height:1.4rem;}

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; padding-left:8px;} /** 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;}
/*.date-item span.horaire { margin-top:1rem; display:block; text-align:center;font-size:1.2rem;padding-right:4px;line-height:1.2rem;}*/

/** contenu event **/
.event-content a.name {display:block;}
.event-content span.label {position:relative;display:inline-block;color:#FFFFFF;background-color:#808080;font-size:1.2rem; line-height:2.4rem;}


/******************************************/
/*** PARTENAIRE LINE 
/******************************************/

#partenaire-line {background-color:#FFFFFF}
#partenaire-line .swiper-container {height:110px;}
#partenaire-line .col {position:relative;}
#partenaire-line .partenaire-item {position:relative;}
#partenaire-line img 
{
	width:100%;
	/*display:block;*/
	position:absolute;
	left:0;top:0;
	margin-top:50%;
	transform:translateY(-50%);
	/*padding-bottom:2rem;*/
}

/** les flèches ne s'affiche pas sur petit écran **/
#partenaire-line .swiper-button-next {display:none;}
#partenaire-line .swiper-button-prev {display:none;}


.swiper-line .swiper-container { height:250px; }
.swiper-slide .bloc .content {height:230px;}


.accueil .line .pagination {position:relative; margin:auto; text-align:center; z-index:2;top:-25px;}
.accueil .line .pagination ul {margin:auto;padding:0; position:relative; display:inline-block;}
.accueil .line .pagination ul li {float:left;list-style:none; margin-right:10px;display:inline-block;width:12px;height:12px;}
.accueil .line .pagination ul li a {width:100%;height:100%;border-radius:6px;background-color:#FFFFFF; display:inline-block;}

.accueil .line .pagination ul li a:hover {width:100%;height:100%;border-radius:6px;background-color:#FF0074; display:inline-block;}
.accueil .line .pagination ul li a.selected {background-color:#FF0074;}
.accueil .line .pagination ul li:last-child  {margin-right:0;}

/******************************************/
/*** CINEASTES LINE 
/******************************************/

.cineaste-line {background-color:#FFFFFF}

/** hauteur du container **/
.cineaste-line .swiper-container {height:220px;}

/** on affiche pas les flèches sur petit écran **/
.cineaste-line .swiper-button-next {display:none;}
.cineaste-line .swiper-button-prev {display:none;}

.cineaste-line .col {position:relative;}
.cineaste-line .swiper-wrapper {padding-bottom:2rem;}
.cineaste-line p.nom {max-height:40px;overflow: hidden;}


/**** SOCIAL ****/
#instagram-bloc {display:none;}
#facebook-bloc {display:none;}
#twitter-bloc {display:none;}

.social .section_header {margin-bottom:0rem;}
.social .col {margin-left:0;}
.social ul.social-menu {list-style: none; margin:0; padding:0;text-transform:uppercase; margin-bottom:1rem; height:3rem;}
.social ul.social-menu li {float:left;padding:.6rem;background-color:#transparent;}
/*.social ul.social-menu li:first-child {padding-left:0;}*/
.social ul.social-menu li a {font-size:1.5rem;}
.social ul.social-menu li.selected a {color:#e63ab6;}





/******************************************/
/*** TABLETTE
/******************************************/

@media only screen and (max-width:400px)
{
	#partenaire-line .swiper-container {height:170px;}
}


@media only screen and (min-width:400px) and (max-width:1023px)
{
	#partenaire-line .swiper-container {height:140px;}
}


@media only screen and (min-width: 768px)
{
	#partenaire-line .swiper-container {height:170px;}
}

/******************************************/
/*** DESKTOP
/******************************************/

@media only screen and (min-width: 1024px)
{
	/******** AGENDA LINE ******************/


	/******** PARTENAIRE LINE **************/
	#partenaire-line .section_header {margin-bottom:0;}
	#partenaire-line .swiper-container {height:140px;}

	/********* CINEASTE LINE ***************/
	.cineaste-line .section_header {margin-bottom:0;}
	.cineaste-line .swiper-container {height:230px;}
}


@media only screen and (min-width: 1200px)
{
	/********* PARTENAIRE LINE *************/
	#partenaire-line .swiper-button-next {right:-50px;transform:translateY(-10px);display:block;}
	#partenaire-line .swiper-button-prev {left:-50px;transform:translateY(-10px);display:block;}
	
	/********* CINEASTE LINE ***************/
	.cineaste-line .swiper-button-next {right:-50px;transform:translateY(-10px);display:block;}
	.cineaste-line .swiper-button-prev {left:-50px;transform:translateY(-10px);display:block;}

}