/********************************************/
/*** PAGE D'ACCUEIL MAGAZINE 
/********************************************/

/** position du titre H1 **/
/**.magazine h1 {} **/

.bloc .content.template {padding-top:4rem;} /** devrait être global **/

.magazine .bloc.template h2 {margin-bottom:.5rem;}
.magazine .bloc.template ul.tag {margin-bottom:2rem;margin-top:1rem;}


/** titre de la ligne **/
/*.line h2 {font-size:4rem; text-transform: uppercase; margin-bottom:1.5rem; margin-top:1rem; background-color:#FFFFFF; display:inline-block; padding-left:1rem; padding-right:1rem;}*/

/** slider bloc **/
.line .swiper-container {height:250px;} /** container principal de la ligne **/
.line .bloc { height:100%; } /** on donne la hauteur par défaut à chaque bloc **/
.line .bloc .content {height:100%;}

/** pagination du slider **/
.line .pagination {position:relative; margin:auto; text-align:center; z-index:2; padding-top:1rem;}
.line .pagination ul {margin:auto;padding:0; position:relative; display:inline-block;}
.line .pagination ul li {float:left;list-style:none; margin-right:10px;display:inline-block;width:14px;height:14px;}
.line .pagination ul li a {width:100%;height:100%;border-radius:7px;background-color:#FFFFFF; display:inline-block;}

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

/** on affiche pas le séparateur de la dernière ligne **/
.line:last-child hr {display:none;}



.article-twin .content 
{
    padding-left:2rem;
    padding-right:2rem;
    padding-top:4rem;
    padding-bottom:2rem;
}



/**.bloc.agenda-line .content a.voir-tout {text-align:center;display:block;margin-bottom:1rem;}**/
.article-twin .content .event-list {padding-bottom:3rem;}
.article-twin .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;
}
.article-twin .content .voir-tout a 
{
    text-align:center;display:block;height:2.5rem;
    width:100%;
    
}

.article-twin .personne_item:not(:first-child)
{
    top:-4rem;
} 

.article-twin .signature {margin-top:4rem;}

.bloc.magazine-line .line {margin-bottom:0;} /* bulle bloc la parole à */



/*********************************************/
/** TEMPLATE ARTICLE 
/*********************************************/

.page-blocs { margin-bottom:3rem; } /** tous les blocs de la template **/

.page-image { margin-bottom:20px; }
.page-video { margin-bottom:20px; }
.page-texte { margin-bottom:20px; }

.page-chapeau { font-size:1.8rem; line-height:2.8rem; font-style: italic; font-weight:bold; margin-bottom:50px;}
.page-chapeau .line { 
    width:100%;
    height:40px;
    background-image:url(../img/ui/chapeau-600.png); 
    background-repeat:no-repeat;
    background-size:40% auto;
    margin-bottom:10px;
    margin-top:20px;
}


.bloc.magazine-line .content {padding-bottom:5rem;}
.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.magazine-line .content .voir-tout a
{
    text-align:center;display:block;height:2.5rem;
    width:100%;
}




/*************************************/
/*** SWIPPER BLOC 
/*************************************/


/** CONTAINER LINE **/
.line { margin-bottom:20px; }

@media only screen and (max-width: 767px) and (min-width: 450px)
{
	/** l'avatar est au dessus du texte **/
	.col-7-9 {width:100%; margin:0;}
	.col-2-9 {width:100%; margin:0;}
	.bloc .content.template {padding-left:3rem;padding-right:3rem;};
}