/********************************************************************************************/
/******************************************* GENERALITES ****************************************/
/********************************************************************************************/


body .container.contenu{
    /*margin-top: -50px;*/
    background: #eaeaea;
    z-index: 2;
    position: relative;
}

@media (min-width: 1440px) {
    body .container.contenu{
        margin-top: -50px;
        background: #eaeaea;
        z-index: 2;
        position: relative;
    }
}

body .container.contenu.nomargin{
	margin-top: 0;
}
.col1,
.col1new{
    flex: 0 0 375px;
    max-width: 375px;
    margin-left: 15px;
}
.col1 > .row{
	padding-left: 0px;
	padding-right: 0px;
}
.col2{
	display: none;
}
.col3{
    flex: 0 0 300px;
    max-width: 300px;
    margin-left: 15px;
    /*padding-left: 15px;*/
}
.bloc h3{
	font-size: 22px;
}
.autopromo{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.autopromo:hover{
	opacity: 0.95;
}
.contenu_inter{
    margin-top: 15px;
    margin-left: -0;
    margin-right: -0;
}
.pagination{
    margin-bottom: 0;
}
.pagination .page-item{
    margin-left: 7px;
    margin-right: 7px;
}

/********************************************************************************************/
/******************************************* HEADER ****************************************/
/********************************************************************************************/
/*
body{
    padding-top: 138px;
}
#header.headroom{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
}
#header.headroom--unpinned{
    top: 0;
    position: absolute;
}
#header.headroom--pinned{
    position: fixed;
    display: block;
}
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

/********************************************************************************************/
/******************************************* NAVBAR ****************************************/
/********************************************************************************************/

.navbar > .green > .container{
    position: relative;
}
#ariane{
    background:#222222;
    line-height: 40px;
}
#ariane,
#ariane a{
    color:#8a8a8a;
    font-size: 13px;
    text-transform: uppercase;
}
#ariane .container{
    padding-left: 142px;
}
#ariane .car{
    margin-left: 7px;
    margin-right: 7px;
}

/********************************************************************************************/
/******************************************* ARTICLE A LA UNE ****************************************/
/********************************************************************************************/

#une .container{
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 100%;
}
#une .titre{
    max-width: 700px;
    top: 0;
    bottom: 50px;
}
#une .titre.left{
	left: 30px;
}
#une .titre .contenttitre{
	display: table;
	height: 100%;
    width: 100%;
    text-align: center;
}
#une .titre .contenttitre .verticalcen{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 50px;

}
#une .titre h1{
    font-size: 36px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#une .titre .verticalcen h1:hover{
    opacity: 0.8;
}
#une .titre a.more{
    font-size: 12px;
}
#une .lireaussi{
    width: 330px;
}
#une .lireaussi .cartouche{
    display: inline-block;
    background: #1D995B;
    color:#fff;
    padding:5px 10px;
    font-family: 'Titillium Web';
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-left: 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#une .lireaussi .cartouche i{
    margin-right: 5px;
}
#une .lireaussi .cartouche:hover{
    text-decoration: none;
    background: #116337;
}

/********************************************************************************************/
/******************************************* PROCHAIN / BLOC ENTETE ****************************************/
/********************************************************************************************/

.prochain{
    padding-top: 10px;
    padding-bottom: 10px;
}
.prochain .logodom img,
.prochain .logoext img{
	height: 72px;
}
.prochain .infos {
	letter-spacing: 0.6px;
	padding-top: 5px;
}
.prochain .infos .compet{
	padding-left: 2px;
}
.prochain .infos .match{
	font-size: 36px;
    margin-top: 5px;
}
.prochain .boutons{
    padding-left: 0;
}

.blocshare .share{
    font-size: 12px;
}
.entete .ctitre{
    flex: 0 0 75%;
    max-width: 75%;
}
.entete .col-share{
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0;
}
.container.contenu.article .entete{
    height: 50px;
}
.prochain .bouton.btn-billetterie {
    display: inline-block;
}

/********************************************************************************************/
/******************************************* DERNIER MATCH ****************************************/
/********************************************************************************************/

.dernier ul{
	margin-bottom: 10px;
}
.dernier ul li a{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.dernier ul li a:hover{
	text-decoration: none;
	color: #333;
}

/********************************************************************************************/
/******************************************* ARTICLE SECOND ****************************************/
/********************************************************************************************/

.article.second{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.article.second:hover{
	opacity: 0.8;
}
.article.second .infos h2 a{
    height: 60px;
}
.article.list{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.article.list:hover{
    opacity:0.8;
}
.article.list a:hover{
    text-decoration: none;
}

/********************************************************************************************/
/******************************************* FIL INFOS ****************************************/
/********************************************************************************************/

#filinfos .fil ul li {
    line-height: 19px;
    font-size: 16px;
}
#filinfos .fil ul li a:hover{
	text-decoration: none;
}
#filinfos .fil ul li a .titre{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#filinfos .fil ul li a:hover .titre{
	color:#333;
}

/********************************************************************************************/
/******************************************* AGENDA ****************************************/
/********************************************************************************************/

.agenda .unedate .event{
	font-size: 16px;
}

/********************************************************************************************/
/******************************************* BLOC CLASSEMENT ****************************************/
/********************************************************************************************/

.calendrier .infos .date{
	font-size: 13px;
}
.classement .table tr,
.classement .table td{
	font-size: 16px;
    line-height: 21px;
    vertical-align: middle;
}
.classement.bloc .position{
    height: 54px;
}

/********************************************************************************************/
/******************************************* PALMARES ****************************************/
/********************************************************************************************/

.palmares{
	padding-top: 15px;
	padding-bottom: 30px;
}
.palmares .more a{
	top: 30px;
	right: 30px;
}
.palmares .slick-list{
	margin-top: 30px;
}
.palmares .slick-arrow{
    font-size: 44px;
    top: 100px;
}

/********************************************************************************************/
/******************************************* BLOCS MEDIATHEQUE ****************************************/
/********************************************************************************************/

.padding_mediatheque{
	padding-left: 15px;
	padding-right: 15px;
}
.mediatheque .embed-responsive-16by9::before {
    padding-top: 66.25%;
}
.mediatheque.bloc{
	padding-bottom: 0;
}
.mediatheque .titrevideo{
	line-height: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.mediatheque .embed-responsive{
	margin-bottom: 0;
}
.mediatheque .blocshare{
    position: absolute;
    bottom: 5px;
}
.mediatheque .blocshare{
    position: absolute;
    bottom: 5px;
    left: 15px;
}
.mediatheque .blocshare .share{
    margin-bottom: 0;
}

/********************************************************************************************/
/******************************************* SOCIAL WALL ****************************************/
/********************************************************************************************/

.socialwall{
	background:none;
}
.socialwall h3.titre{
	position: static;
	margin-left: 20px;
}
.socialwall .slick-list {
    margin-left:35px;
    margin-right:35px;
}
.socialwall .publication {
    padding: 4px;
}
.socialwall .slick-arrow {
    color:#000;
    font-size: 44px;
    top: 100px;
    left:5px;
}
.socialwall .slick-arrow.slick-next {
    left:auto;
    right: 5px;
}

/********************************************************************************************/
/******************************************* FOLLOW US ****************************************/
/********************************************************************************************/

.followus{
	margin-top: 30px;
	padding-bottom: 30px;
}

/********************************************************************************************/
/******************************************* FOOTER ****************************************/
/********************************************************************************************/

.followus .titre{
	font-size: 18px;
	display: inline-block;
}
.followus .liens{
	display: inline-block;
}

/********************************************************************************************/
/******************************************* FOOTER ****************************************/
/********************************************************************************************/

footer#footer{
    padding-top: 45px;
}
footer#footer ul{
    line-height: 18px;
}
footer#footer .regie{
    line-height: 14px;
    font-size: 11px;
    margin-top: 15px;
}
footer#footer .regie img{
    margin-top: 20px;
    width: auto;
}
footer#footer .copy{
    margin-top: 70px;
}


/********************************************************************************************/
/******************************************* PAGE CALENDRIER ****************************************/
/********************************************************************************************/

.agenda table.table.mois td{
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color:#8a8a8a;
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.agenda table.table.mois td.tous{
    color:#fff;
    background:#a6a6a6;
    border-top: solid 3px #a6a6a6;
    border-bottom: solid 3px #a6a6a6;
}
.agenda table.table.mois td.select{
    color:#000;
    border-bottom: solid 3px #1D995B;
}
.agenda table.table.mois td:hover{
    color:#000;
}
.agenda table.table.mois td.tous.select,
.agenda table.table.mois td.tous:hover{
    color:#fff;
    background: #222;
    border-top: solid 3px #222;
    border-bottom: solid 3px #222;
}
.agenda table.table.calendrier_mois{
    display: none;
}
.agenda table.table.calendrier_mois.select{
    display: table;
}
.contenu_inter.agenda.prochain .top.right{
    text-align: right;
}
.contenu_inter.agenda.prochain .col-md-2.d-md-flex img{
    width: 29px;
    height: 40px;
    margin: auto;
}
.contenu_inter.agenda.prochain .compet.text-right,
.contenu_inter.agenda.prochain .compet.text-left{
    width: 44%;
}


/********************************************************************************************/
/******************************************* PAGE AGENDA ****************************************/
/********************************************************************************************/

.agenda table.table .jour{
    width: 60px;
    font-size: 18px;
}
.agenda table.table .logo_compet{
    width: 64px;
}
.agenda table.table .jour div {
    font-size: 48px;
    line-height: 34px;
}
.agenda table.table .competition{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}
.agenda table.table .competition .journee{
    color:#8a8a8a;
}
.agenda table.table .compet .equipe {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
.agenda table.table .compet .logo {
    vertical-align: super;
    margin-left: 5px;
    margin-right: 5px;
}
.agenda table.table.calendrier_mois .text-right.compet .logo {
    float: right;
}
.agenda table.table.calendrier_mois .text-left.compet .logo {
    float: left;
}
.agenda table.table .text-right.equipe .equipe{
    position: relative;
    padding-right: 60px;
    text-align: right;
    height: 87px;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    right: 0;
}
.agenda table.table .text-right.equipe .equipe .logo{
    position: absolute;
    top: 0;
    right: 0;
}
.agenda table.table .text-left.equipe .equipe{
    position: relative;
    padding-left: 60px;
    text-align: left;
    height: 87px;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    left: 0;
    line-height: 24px;
}
.agenda table.table .text-left.equipe .equipe .logo{
    position: absolute;
    top: 0;
    left: 0;
}
.agenda table.table td .objet{
    letter-spacing: 0.5px;
    line-height: 28px;
}
.agenda table.table td .temps,
.agenda table.table td .lieu{
    letter-spacing: 0.5px;
}
.agenda table.table .bouton{
    display: inline-block !important;
    margin-top: 3px;
    margin-bottom: 3px;
}
.agenda table.table .compet.text-right{
    padding-right: 0;
}
.agenda table.table .compet.text-left{
    padding-left: 0;
}
.agenda table.table .compet.horaire{
    padding-left: 5px;
    padding-right: 5px;
}
.agenda table.table .liens{
    padding-left: 0;
}

/********************************************************************************************/
/******************************************* PAGE ARCHIVES ****************************************/
/********************************************************************************************/

.archives .padding_mediatheque .bloc,
.media_details .padding_mediatheque .bloc{
    margin-top: 15px;
}
.mediatheque .media a img{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.mediatheque .media:hover a img{
    opacity: 0.8;
}
.archives .anciens{
    padding-right: 30px;
}
.archives .anciens .article.list{
    margin-left: 0;
}
.archives .filtres{
    padding-left:15px;
    padding-right:15px;
}
.archives .filtres option{
    padding-top:15px;
    padding-right:15px;
}

/********************************************************************************************/
/******************************************* PAGE MEDIA DETAILS ****************************************/
/********************************************************************************************/

.media_details .mediatheque.bloc h3{
    margin-left: 0;
}
.media_details .mediatheque .blocshare{
    width: 200px;
    position: absolute;
    top: 15px;
    right: 0;
    height: 50px;
    left: auto;
}
.media_details .mediatheque .titrevideo{
    margin-top: 5px;
}
.media_details .padding_mediatheque .bloc{
    padding-bottom: 15px;
}
.media_details .anciens{
    padding-left: 15px;
    padding-right: 30px;
}
.media_details .anciens > .row > .col-lg-4{
    padding-left: 30px;
}
.media_details .more{
    padding-top: 0;
}

/********************************************************************************************/
/******************************************* PAGE CLASSEMENT ****************************************/
/********************************************************************************************/

.contenu_inter.classement table th,
.contenu_inter.effectif table th{
    padding-top: 5px;
    padding-bottom: 5px;
}
.contenu_inter.classement .table th.club,
.contenu_inter.effectif .table th.club{
    padding-left: 60px;
}
.contenu_inter.classement table td,
.contenu_inter.effectif table td{
    font-size: 24px;
}
.contenu_inter.classement table td.club,
.contenu_inter.effectif table td.club{
    padding-top: 1px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.contenu_inter.classement table td img ,
.contenu_inter.effectif table td img {
    width: 40px;
    margin-right: 15px;
}
.contenu_inter.classement table td.club span,
.contenu_inter.effectif table td.club span{
    vertical-align: sub;
}
.filtres_classement{
    margin-left: 0;
    margin-right: 0;
}
.filtres_classement .filtres{
    padding-left: 0;
    padding-right: 0;
}

/********************************************************************************************/
/******************************************* EFFECTIF PRO ****************************************/
/********************************************************************************************/

.contenu_gris.effectif_pro h3{
    font-size: 20px;
}
.contenu_gris.effectif_pro > .row.ligne{
    padding-right: 15px;
}
.contenu_gris.effectif_pro .joueur{
    background: transparent;
    padding-right: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.contenu_gris.effectif_pro .joueur:hover{
    opacity: 0.8;
}
.contenu_gris.effectif_pro .joueur .img{
    background: #fff;
    padding-right: 15px;
    padding-left: 15px;
}
.contenu_gris.effectif_pro .joueur .img .portrait{
    left: 0;
    margin-left: 0;
}
.contenu_gris.effectif_pro .joueur .img .ombre{
    margin-left: -15px;
}
.contenu_gris.effectif_pro .joueur .gofiche{
    background: #fff;
}
.contenu_gris.effectif_pro .joueur > .row{
    margin-right: 0;
    margin-left: 0;
}

/********************************************************************************************/
/******************************************* EFFECTIF DETAILS ****************************************/
/********************************************************************************************/

.effectif_details{
    position: relative;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}
.effectif_details .portrait{
    position: relative;
    margin-top: 40px;
    height: 584px;
}
.effectif_details .portrait .ombre{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5;
}
.effectif_details .portrait .joueur{
    position: absolute;
    bottom: 0;
    z-index: 4;
}
.effectif_details .num{
    color:#eaeaea;
    font-size: 100px;
    font-family: 'Titillium Web';
    font-weight: bold;
    line-height: 100px;
    letter-spacing: -5px;
    z-index: 4;
    position: absolute;
}
.actualites_effectif .anciens,
.last_article .anciens{
    padding-left: 15px;
}
.actualites_effectif .anciens .article.list,
.last_article .anciens .article.list{
    margin-right: 15px;
}
.actualites_effectif h3,
.last_article h3,
.photos_effectif h3{
    display: block;
    padding-right: 15px;
    margin-left: 30px;
}
.actualites_effectif h3{
    padding-right: 30px;
}
.photos_effectif h3{
    margin-left: 0px;
    padding-right: 0;
}
.actualites_effectif h3 a,
.last_article h3 a,
.photos_effectif h3 a{
    display: inline-block;
    float: right;
}
.photos_effectif{
    background:#fff;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 15px 15px;
}
.photos_effectif .slider_img{
    margin-top: 15px;
}
.photos_effectif h3{
    margin-top: 0;
}
.slider_img .slick-arrow{
    margin-top: -25px;
    font-size: 40px;
}

/********************************************************************************************/
/******************************************* PAGE ARTICLE ****************************************/
/********************************************************************************************/

.contenu.article .contenu_inter.texte .chapeau{
    padding-bottom: 5px;
}
.contenu.article .contenu_inter.texte .date_share{
    position: relative;
    padding-bottom: 10px;
    padding-top: 40px;
}
.contenu.article .contenu_inter.texte .date_share .blocshare{
    position: absolute;
    right: 0;
    top: 0;
}
.contenu.article .contenu_inter.texte .date_share .date{
    margin-left: 5px;
}
.contenu.article.nomargin .contenu_inter.texte{
    padding-top: 15px;
}


/********************************************************************************************/
/******************************************* MATCH CENTER ****************************************/
/********************************************************************************************/

#une.matchcenter .compet,
#une.matchcenter .logos,
#une.matchcenter .infos{
    max-width: none;
}
#une.matchcenter > .container > .row{
    position: relative;
    height: 100%;
}
#une.matchcenter .infos{
    bottom: 60px;
}
#une.matchcenter .logos{
    top: auto;
    height: 90%;
    position: absolute;
    display: table;
}
#une.matchcenter .logos .content_center{
    display: table-cell;
    vertical-align: middle;
}
#une.matchcenter .logos .text-right{
    padding-right: 0;
}
#une.matchcenter .logos .text-left{
    padding-left: 0;
}
#une.matchcenter .logos .text-right .nom{
    position: relative;
    padding-right: 100px;
    height: 120px;
    line-height: 125px;
    font-size: 40px;
}
#une.matchcenter .logos .text-right .nom img{
    width: 70px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
#une.matchcenter .logos .text-left .nom{
    position: relative;
    padding-left: 100px;
    height: 120px;
    line-height: 125px;
    font-size: 40px;
}
#une.matchcenter .logos .text-left .nom img{
    width: 70px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
#une.matchcenter .logos img{
    width: 100px;
    display: inline-block;
}
#une.matchcenter .logos .score{
    font-size: 70px;
    line-height: 110px;
}
#une.matchcenter .compet img{
    margin-left: 10px;
}
.matchcenter .anciens{
    padding-left: 15px;
}
.matchcenter .anciens > .no-gutters > .col-12.col-md-6{
    padding-right: 15px;
}

.matchcenter .entete h1,
.matchcenter .entete h3{
    padding-left: 5px;
    margin-left: 10px;
    padding-right: 5px;
    margin-right: 10px;
}
.matchcenter .live{
    padding-top: 0;
    height: fit-content;
    padding-left: 30px;
}
.matchcenter .compos{
    padding-top: 15px;
}
.matchcenter .compos .titre{
    font-weight: bold;
    position: relative;
    padding-left: 60px;
    padding-top: 11px;
    font-size: 30px;
}
.matchcenter .compos .titre img{
  width: 44px;
  position: absolute;
  left: 0;
  top: 0;
}
.matchcenter .live .event{
    padding-left: 70px;
    padding-bottom: 0px;
    margin-bottom: 0;
    background: #fff;
}
.matchcenter .live .event .temps{
    left: 5px;
}
.matchcenter .compos .joueurs .ss_titre{
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
}
.matchcenter .compos .joueurs .ss_titre span{
    display: inline-block;
    background: #eaeaea;
    padding-right: 10px;
    position: relative;
    z-index: 4;
}
.matchcenter .compos .joueurs .ss_titre:after{
    height: 1px;
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    width: 100%;
    top: 13px;
}
.matchcenter .compos .joueurs .joueur{
    position: relative;
    padding: 8px;
    padding-left: 90px;
    margin-bottom: 10px;
    background: #fff;
    line-height: 16px;
    overflow: hidden;
    display: block;
    color: #000;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.matchcenter .compos .joueurs .joueur:hover{
    text-decoration: none;
    opacity: 0.8;
}
.matchcenter .compos .joueurs .joueur .img{
    width: 80px;
    position: absolute;
    left: -15px;
    top: 2px;
    display: inline-block;
}
.matchcenter .compos .joueurs .joueur .img img{
    width: 100%;
}
.matchcenter .compos .joueurs .joueur .numero{
    position: absolute;
    left: 50px;
    top: 15px;
    font-size: 35px;
    font-weight: bold;
    width: 30px;
    text-align: center;
}
.matchcenter .compos .joueurs .joueur .nom{
  font-weight: bold;
  font-size: 15px;
}
.matchcenter .compos .joueurs .joueur .poste{
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}
.matchcenter .compos .joueurs .joueur .poste img{
  height: 10px;
  margin-right: 5px;
}
.matchcenter .compos .joueurs.adverse .joueur{
    padding-left: 50px;
}
.matchcenter .compos .joueurs.adverse .joueur .numero{
    left: 10px;
}
.matchcenter .live .event .picto,
.matchcenter .live .event .details {
    background: #fff;
}
.matchcenter .live:before{
    left: 63px;
}
.matchcenter .compos .evenement{
    position: absolute;
    text-align: right;
    top: 5px;
    right: 5px;
    line-height: 20px;
}
.matchcenter .compos .evenement i{
    font-size: 24px;
    margin-left: 5px;
}
.matchcenter .compos .evenement i.fa{
    font-size: 16px;
}
.matchcenter .compos .evenement i.fa-exchange{
    margin-right: 5px;
}
.matchcenter .resul_percent{
    text-align: right;
}
.matchcenter .resul_percent.podium.left{
    text-align: left;
}
.matchcenter .palma{
    text-align: left;
}
.matchcenter .resul_percent,
.matchcenter .palma{
    padding-top: 150px;
}
.matchcenter .contenu_gris.effectif_pro .col-6.joueur .img .portrait{
    margin-left: 0 !important;
}
/********************************************************************************************/
/********************************************************************************************/
/******************************************* MEMBRE.ASSE.FR ****************************************/
/********************************************************************************************/
/********************************************************************************************/

/********************************************************************************************/
/******************************************* TITRE ****************************************/
/********************************************************************************************/
.editphoto {
	position:absolute;
	bottom:0px;
	right:0px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:1px;
}
.imgprofil {
	height:140px;
	width:auto;
    margin: 10px 0 0 0;
}
.devenezmembre {
    text-align: initial;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.assebutton {
	font-family: 'Titillium Web';
	margin-top:15px;
	text-transform:uppercase;
	color:white;
	background-color:#1D995B;
	border:none;
	font-size:16px;
	padding:5px 15px 5px 12px;
	width:auto;
}
.assebuttongrey {
	font-family: 'Titillium Web';
	margin-top:15px;
	text-transform:uppercase;
	color:#555555;
	background-color:#eaeaea;
	border:none;
	font-size:16px;
	padding:5px 15px 5px 12px;
	margin-left:10px;
	font-weight:bold;
	letter-spacing: 1px;
	width:auto;
}

.discoveravantage {
	margin:15px 0 0 0;
	text-transform:uppercase;
	color:white;
	background-color:#c81919;
	border:none;
	font-size:16px;
	padding:5px 15px 5px 12px;
	width:auto;
}
.article.list .infos h4{
    font-size: 15px;
    font-weight: bold;
	text-align:initial;
}
.article.list .infos{
	padding:15px 10px 10px 10px;
    position: relative;
}
.intituleH {
	display:initial;
}
.undernav {
	display:block;
}
.maintitle {
    text-align: center;
    position: relative;
    color: white;
    margin-top: 200px;
}
.cardsblock-20 {
	width:20%;
	padding:0px 10px 0px 10px;
}
.cardsblock-33 {
	width:33%;
	padding:0px 10px 0px 10px;
}
#titleavantages {
	width:40%;
	margin-left:30%;
	text-align:center;
	text-transform: uppercase;
	background-color:#1D995B;
	font-size:30px;
	color:white;
}
.relativemembersa {
    position: relative;
    margin: 10px 1px 1px 10px;
}
.relativemembersb {
    position: relative;
    float: right;
    margin: 10px 10px 0px 0px;
}
.imageblock2 {
    padding-left: 0px;
    padding-right: 0px;
    background: url(../images/2pm.jpg) no-repeat;
    background-size: auto 100%;
    height: 245px;
}

.imageblock3 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/umped.jpg') no-repeat;
	background-size:100% auto;
}

.imageblock4 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/escortkids.jpg') no-repeat;
	background-size:100% auto;
}
.imageblock5 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/2pdmes.jpg') no-repeat;
	background-size:100% auto;
	height:345px;
}
.imageblock6 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/eavcld.jpg') no-repeat;
	background-size:100% auto;
	height:345px;
}
.imageblock7 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/vignetteASSETV.jpg') no-repeat;
	background-size:100% auto;
}
.imageblock8 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/pdaalb.jpg') no-repeat;
	background-size:100% auto;
}
.imageblock9 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/rbdvbel2024.jpg') no-repeat;
	background-size:100% auto;
	height:245px;
}
.imageblock10 {
    padding-left:0px;
    padding-right:0px;
    background:url('../images/DEMAT2526.jpg') no-repeat;
    background-size:100% auto;
    height:245px;
}
.buttondevenirmembre {
    border: none;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    /*margin: 0px 10px 10px 10px;*/
    letter-spacing: 1px;
    width:auto;
}
.buttondiscovercards {
	border:none;
	background-color:#cdcdcd;
	color:#747474;
	text-transform:uppercase;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding:3px 10px 3px 10px;
	/*margin:10px;*/
	letter-spacing: 1px;
	line-height:20px;
	width:auto;
}
.cardsimg img {
	float:right;
	margin-top:-82px;
}
.centerUne {
	margin-left: auto;
    margin-right: auto;
    width: 581px;
    position: absolute;
    text-align: center;
}
.titreUne, .titreH1Une {
    font-family: apotek-cond, sans-serif;
    font-weight: bold;
	color: white;
    font-size: 40px;
    text-transform: uppercase;
    margin-top: -50px;
}
.assebutton {
	font-family: 'Titillium Web';
	margin-top:15px;
	text-transform:uppercase;
	color:white;
	background-color:#1D995B;
	border:none;
	font-size:16px;
	padding:5px 15px 5px 12px;
}
.imageblock7 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/vignetteASSETV.jpg') no-repeat;
	/*height:auto;*/
	background-size:100% auto;
}
.imageblock8 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/pdaalb.jpg') no-repeat;
	/*height:auto;*/
	background-size:100% auto;
}
.prochain,
.entete{
    background:#f8f8f8;
    padding-top:15px;
    padding-bottom: 15px;
}
.imageblock {
	padding-left:0px;
	padding-right:0px;
	background-image:url('../images/2pmvip768.jpg');
	height:250px;
}
.imageblock2 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/2pm.jpg') no-repeat;
	background-size:auto 100%;
	height:245px;
}
.imageblock3 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/umped768.jpg') no-repeat;
	height: 250px;
    background-size: 100% auto;
}
.imageblock4 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/escortkids768.jpg') no-repeat;
	height: 250px;
    background-size: 100% auto;
}
.imageblock5 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/2pdmes.jpg') no-repeat;
	background-size:auto 100%;
	height:345px;
}
.imageblock6 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/eavcld.jpg') no-repeat;
	background-size:auto 100%;
	height:345px;
}
.imageblock9 {
	padding-left:0px;
	padding-right:0px;
	background:url('../images/rbdvbel2024.jpg') no-repeat;
	background-size:auto 100%;
	height:245px;
}
.imageblock10 {
    padding-left:0px;
    padding-right:0px;
    background:url('../images/DEMAT2526.jpg') no-repeat;
    background-size:100% auto;
    height:245px;
}
.infosexp {
	position:relative;
	padding-top:50px;
}
.textexp {
	font-family: 'Titillium Web';
	color:white;
	font-size:18px;
	line-height: 180%;
	margin-top:50px;
}
.nombreusesexp {
	height:345px;
	background-image:url('../images/10000.jpg');
}
#content_fiche_article_description{
  margin-top: 100px;
}
#content_ficher_article_visuel{
  display: inline-block;
  width: 560px;
}

#content_ficher_article_visuel_img{
  display: block;
  margin: auto;
  width:200px;
}
#content_fiche_article_description_content{
  background-color: #EAE8E8;
  width: 560px;
  padding: 10px 20px;
  margin-top: 8px;
  font-size: 14px;
  text-align: justify;
  color: #555;
}
.avantagesOffres {
	font-weight:bold;
	width: 760px;
	color:#006734;
	border-radius: 10px;"
}

.cardsimg img {
	display:none;
    float: right;
    margin-top: -82px;
}
.expspan {
	font-family: 'Titillium Web';
	font-size:19px;
	margin-top:10px;
}
.lecatalogue a {
	color:black;
	text-transform: uppercase;
    text-decoration: none;
	float:right;
	margin-top:10px;
	letter-spacing: 2px;
	margin-bottom:5px;
}
.avantagesChanges {
	margin-top:20px;
}
#content_fiche_article_achat{
    display: inline-block;
    vertical-align: top;
    /*bottom: -50px;*/
    width: 80%;
    position: relative;
    background-color: #EAE8E8;
    border-radius: 10px;
}
.displayN {
	display:block;
}

@media all and (min-width: 768px) and (max-width: 992px) {
    .titreUne {
        font-family: apotek-cond, sans-serif;
        font-weight: bold;
        color: white;
        font-size: 20px;
        text-transform: uppercase;
    }
}