/*************************************************************/
/*********************    STRUCTURE   *******************/
/*************************************************************/

.bloc_stade{
	margin-top: -15px;
}
.bloc_stade .matches{
	max-width: 55%;
	padding-right: 30px;
	padding-top: 30px;
	background:none;
}
.bloc_stade.bcpactus .matches{
    max-width: 100%; 
    /*margin-left: 24%;*/
}
.bloc_stade #filinfos{
	max-width: 45%;
	padding-top: 30px;
	z-index: 2;
	background:none;
}
.bloc_stade #filinfos .cache{
	/*height: 890px;*/
}


/*************************************************************/
/*********************    BIG NEWS   *******************/
/*************************************************************/

#articleUne h1{
	margin-top:10px;
	font-size: 34px;
}
.containerUne.homepage{
  padding-bottom: 59%;
  width: 100%;
}
.containerUne.homepage.video{
  padding-bottom: 0%;
}
.containerUne.homepage.video #articleUne{
  height: 550px;
}

/*************************************************************/
/*********************    OVERLAY   *******************/
/*************************************************************/

.overlay_top{
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -115px;
}
.overlay_top .prochgame{
    border-left: solid 2px rgba(8, 113, 74, 0.38);
    padding-left: 15px;
    padding-right: 15px;
}
.overlay_top .prochgame .logos{
    padding-left: 0;
    padding-right: 0;
}
.overlay_top .prochgame .equipes {
    line-height: 24px;
    margin-top: 7px;
}
.overlay_top .prochgame .infos.reserver {
    margin-top: -2px;
    margin-top: -10px;
}

/*************************************************************/
/*********************    ACTUS IMAGEES   *******************/
/*************************************************************/

.actusimagees{
	padding-left: 23px;
	padding-right: 22px;
    margin-left: -20px;
    margin-right: -20px;
	/*box-shadow: 0px 0px 29px 0px rgba(231, 231, 231, 0.73);*/
}
.actusimagees .uneactu{
	padding-left: 7px;
	overflow: hidden;
	padding-right: 8px;
}
.actusimagees .uneactu .sujet {
    left: 20px;
}
.actusimagees .uneactu .infos {
    width: calc(100% - 15px);
    padding: 15px 15px 10px;
}
.actusimagees .shadowbottom {
    left: 7px;
    width: calc(100% - 15px);
    height: 310px;
    background-size: 1px 160px;
}
.actusimagees .uneactu .infos h2{
	font-size: 16px;
}
.bcpactus .actusimagees .uneactu .infos h2{
    font-size: 13px;
}
.bcpactus .actusimagees .uneactu.col-md-4{
    height: 170px;
}
.bcpactus .actusimagees .bloc_autopromo .overlay_autopromo {
    width: calc(100% - 15px);
}

/*****************************************************************************/
/***************************   BLOC SHARE  ***************************************/
/*****************************************************************************/

.blocshare{
  margin-top: 0px;
}

/*************************************************************/
/*********************   BLOC MATCHES   *******************/
/*************************************************************/

.bloc_stade{
	/*background:url(../img/bg_fil.jpg) center center;*/
	background:url(../img/bg_carroussel.jpg) center center;
	background-size: cover !important;
	padding-bottom: 60px;
    background-attachment: fixed;
    background-position: center center;
}
.bloc_stade .formatTNT1{
	margin-top: 30px;
	margin-bottom: 30px;
}
.matches .nextgame .go_mcenter{
	margin-bottom: 15px;
}
.matches_box{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}
.matches_box .slick-list {
    /*padding: 0 30px 0 80px !important;*/
}

.matches_box .contentmatch {
    padding: 15px 10px;
}
.matches_box .slick-arrow {
    height: 375px;
    padding: 0;
    text-align: left;
}
.matches_box .slick-next.slick-arrow {
    text-align: right;
}
.bloc_stade .classement{
	text-transform: uppercase;
	color:#000;
	font-size: 13px;
	font-family: 'Titillium Web';
	font-weight: 400;
	margin-bottom: 15px;
}
.bloc_stade .classement .goclass,
.bloc_stade .agenda .goagenda{
    color: #007749;
    text-transform: uppercase;
    /*margin-right: 15px;*/
    font-family: 'Titillium Web';
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.bloc_stade .agenda table,
.bloc_stade .classement table{
	margin-top: 15px;
	margin-bottom: 5px;
}
.bloc_stade .classement th,
.bloc_stade .classement td{
	border: none;
	vertical-align: middle;
	text-align: center;
	padding:4px 2px;
	font-weight: 500;
}
.bloc_stade .classement .pos{
	text-align: left;
}
.bloc_stade .classement .club{
	text-align: left;
	width: 60%;
}
.bloc_stade .classement tr.asse td{
	font-weight: bold;
}
.bloc_stade .classement .club img{
	height: 25px;
	margin-right: 10px;
}
.bloc_stade .agenda td{
	vertical-align: middle;
	border:none;
	color:#000;
}
.bloc_stade .agenda td.jour{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 0;
	color:#007749;
	line-height: 22px;
}
.bloc_stade .agenda td.jour .chiffre{
	font-size: 40px;
	letter-spacing: -1px;
	font-weight: bold;
}
.bloc_stade .agenda td.jour .mois{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
}
.bloc_stade .agenda td.event{
	font-weight: 700;
	font-size: 14px;
}
.bloc_stade .agenda td.event .lieu{
	font-weight: 500;
	font-size: 12px;
}

/*************************************************************/
/*********************   PLAYLISTS   *******************/
/*************************************************************/

.listarticle{
    /*margin-top: -190px;*/
    background:none;
    overflow: visible;
}
.listarticle .playlist{
    /*overflow: hidden;*/
}
.listarticle .playlist .unslide{
	width: 200px;
	/*height: 200px;*/
}
.listarticle .playlist .unslide .infos h4 {
    font-size: 14px;
    margin-bottom: 0px;
}

/*
.listarticle .owl-carousel .owl-nav button.owl-next, 
.listarticle .owl-carousel .owl-nav button.owl-prev{
    font-size: 40px;
    position: absolute;
    top: 0;
    height: 280px;
    width: 50px;
    color:#fff;
}
.listarticle .owl-carousel .owl-nav button.owl-next{
    right: 0;
}
*/

.listarticle .slick-arrow.slick-next{
	/*background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
}
.listarticle .slick-arrow.slick-prev{
	/*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);*/
}
.listarticle.blanc{
    background-color:#fff;
}
h3.titre_playlist{
	margin-top: 0;
}
.cont_playlist {
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -20px;
    margin-right: -20px;
   	padding-top: 25px;
    margin-top: 0;
    padding-bottom: 15px;
}
.cont_playlist.play1 {
    margin-top: -20px;
    z-index: 2;
   	padding-top: 15px;
    position: relative;
}

/*************************************************************/
/*********************   VIDEO STAR   *******************/
/*************************************************************/

#videostar{
	margin-top: -35px;
}
.video_star h2{
	margin-top: 15px;
}
.video_star{
    padding-top: 30px;
    padding-bottom: 30px;
}
#videostar .container .entoure h1 a, 
#album .container .entoure h1 a{
	font-size: 34px;
}
#videostar .container .entoure h1 a:hover, 
#album .container .entoure h1 a:hover{
	text-decoration: none;
}
.bandeau_boutique2 .container:after {
    color: #d0d0d0;
    font-size: 15px;
    bottom: auto;
    transform: rotate(-90deg);
    left: -100px;
    top: 115px;
}
.bandeau_boutique2 .container img {
    width: 100%;
}

/*************************************************************/
/*********************   DERNIER ALBUM   *******************/
/*************************************************************/

.last_album{
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
.last_album .first{
	width: 60%;
	z-index: 2;
}
.last_album .second{
	width: 45%;
	left: 55%;
	z-index: 1;
}
.last_album .titrealbum{
	position: absolute;
	right: 0;
	padding-left: 30px;
    bottom: 190px;
    z-index: 14;
}
.last_album h2, 
.video_star h2{
	font-size: 22px;
}


/*************************************************************/
/*********************   ARTICLE   *******************/
/*************************************************************/

article .listarticle{
	margin-top: 30px;
}
article .content_article,
#sidebar{
	padding-top: 0px;
}
#sidebar{
    width: auto;
    max-width: 310px;
}
article .content_article iframe.instagram-media{
    margin: auto !important;
}
#sidebar img{
	max-width: 100%;
}
#sidebar .matches{
	background:none;
	padding-bottom: 0;
}
#sidebar .matches h3.titre_module{
	font-size: 33px;
}
#sidebar .matches .nextgame h3{
	font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
#sidebar .matches .nextgame .boutons a{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
    display: inline-block;
    width: auto;
    margin-top: 20px;
    font-family: 'Roboto';
}
#sidebar .matches .nextgame .boutons .btn_vert{
    background: #227749;
}
#sidebar .matches .nextgame .boutons .go_mcenter{
    background: none;
}
#sidebar .matches .nextgame .img_compet{
    max-width: 45px !important;
}
#sidebar .matches .nextgame .infos .text{
	padding-left: 0;
	position: static;
}
#sidebar .matches .nextgame .go_mcenter{
	background:#fff;
    font-size: 19px;
    font-weight: 500;
    display: block;
    color: #000;
    width: 100%;
    font-family: 'Titillium Web';
    vertical-align: top;
    text-align: center;
    margin-top: 10px;
}
.matches .nextgame .btn_vert{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border:solid 2px #007749;
}
.matches .nextgame .btn_vert:hover{
	background:#f2f0e9;
	color:#007749;
}
.matches .nextgame .go_mcenter{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border:solid 2px #c5c4bf;
}
.matches .nextgame .go_mcenter:hover{
	background:#c5c4bf !important;
	color:#fff;
}

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


.contenu_inter.agenda.prochain table td img {
    width: 60px;
    margin-left: 10px;
    margin-right: 10px;
}
.contenu_inter.agenda.prochain table td.compet span.equipe{
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: sub;
    font-size: 20px;
}
.contenu_inter.agenda .table.calendrier_mois .text-end .equipe{
	width: 100%;
    /*display: inline-block !important;*/
}
.contenu_inter.agenda.calendrier_page .table.calendrier_mois .text-end .equipe{
	/*width: 100%;*/
    display: inline-block !important;
}
.contenu_inter.agenda.prochain .compet.text.horaire .heure{
    margin-top: 20px;
}

.contenu_inter.agenda table.table.mois{margin-bottom: 0;}
.contenu_inter.agenda table.table.mois td{
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color:#8a8a8a;
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    padding: 5px;
    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;
}
.contenu_inter.agenda table.table.mois td.tous{
    color:#fff;
    background:#a6a6a6;
    border-top: solid 3px #a6a6a6;
    border-bottom: solid 3px #a6a6a6;
}
.contenu_inter.agenda table.table.mois td.select{
    color:#000;
    border-bottom: solid 3px #007749;
}
.contenu_inter.agenda table.table.mois td:hover{
    color:#000;
}
.contenu_inter.agenda table.table.mois td.tous.select,
.contenu_inter.agenda table.table.mois td.tous:hover{
    color:#fff;
    background: #222;
    border-top: solid 3px #222;
    border-bottom: solid 3px #222;
}
.contenu_inter.agenda table.table.calendrier_mois{
    display: none;
}
.contenu_inter.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%;
}
.contenu_inter.agenda table.table{
	font-family: 'Titillium Web';
    margin-bottom: 0;
}
.contenu_inter.agenda table.table .jour{
    width: 60px;
    /*font-size: 18px;*/
}
.contenu_inter.agenda table.table .logo_compet{
    width: 64px;
}
.contenu_inter.agenda table.table .jour div {
   /* font-size: 48px;
    line-height: 34px;*/
}
.contenu_inter.agenda table.table .compet{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 5px;
}
.contenu_inter.agenda table.table .journee{
    text-transform: uppercase;
    font-size: 12px;
    color: #8a8a8a;
    padding: 0 5px;
}
.contenu_inter.agenda table.table .text-right.equipe .equipe{
    display: block !important;
}




.actus.anciens .unslide,
.actus.anciens .unslide .shadow{
    width: 215px;
    height: 215px;
}
.actus.anciens .unslide .infos{
	width: 185px;
}
.main_live .actus.anciens .unslide, 
.actus.anciens.barright .unslide{
	padding-right: 0;
}
.main_live .actus.anciens .unslide .shadow, 
.actus.anciens.barright .unslide .shadow {
    /*width: calc(100% - 15px);*/
    width: calc(100% - 12px);
    left: 12px;
}


/********************************************************************************************/
/******************************************* MEDIATHEQUE ****************************************/
/********************************************************************************************/

.mediatheque .BG_mediatheque {
    width: 100%;
    /*height: 215px;*/
    /*height: 100% !important;*/
}




/********************************************************************************************/
/******************************************* EFFECTIFS ****************************************/
/********************************************************************************************/

.anciens.effectifs .bg_joueur {
    width: 100%;
}
.barright.effectifs .unslide .nom{
	font-size: 19px;
    width: 151px;
}
.barright.effectifs .unslide .nom small{
	font-size: 16px;
}
a.voiraussi_effec{
	float: right;
	margin-top: 7px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border:solid 2px #007749;
    margin-left: 15px;
}
a.voiraussi_effec:hover{
	background:#f2f0e9;
	text-decoration: none;
	color:#007749;
}
.fiche_details .img .portrait {
    height: 450px;
}
.fiche_details .img .num{
	left: 15px;
	right: auto;
}



/********************************************************************************************/
/******************************************* LIVE ****************************************/
/********************************************************************************************/


.main_live .navigation .lien{
    padding-left: 18px;
    margin-left: 10px;
    padding-right: 18px;
    margin-right: 10px;
    letter-spacing: 0;
    border-radius: 20px;
}
.main_live .navigation .lien:after {
    display: block;
    content: '';
    border-bottom: solid 3px #007749;
    transform: scaleX(0);
    transition: transform 100ms ease-in-out;
}
.main_live .navigation .lien:hover:after {
    transform: scaleX(1);
}
.main_live .navigation .lien.active:after {
    border:none !important;
}
.sidebar_live .bloc_score .score{
	text-align: right;
	padding-right: 15px;
}
.sidebar_live .bloc_score .logo{
	padding-left: 15px;
    width: 90px;
	padding-right: 15px;
}

.main_live .event_but{
	overflow: hidden;
    margin-left: -5px;
}
.main_live .event_but .img_buteur {
    width: 165px;
    bottom: -50px;
    top: auto;
}
.main_live .event_but .txt {
    padding-right: 175px;
}
.main_live .event_but:before{
	font-size: 190px;
    left: -17px;
    top: -25px;
    line-height: 190px;
}
.main_live .event_but .titre{
	padding-left: 0;
	margin-bottom: 10px;
}
.main_live .actus.anciens .unslide,
.main_live .actus.anciens .unslide .shadow{
	width: 250px;
	height: 250px;
    overflow: hidden;
}
.main_live .actus.anciens.vote .unslide .shadow{
    width: calc(100% - 15px);
    height: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.main_live .resul_percent{
	padding-top: 110px;
}


/********************************************************************************************/
/******************************************* BANDEAU UNFCCC ****************************************/
/********************************************************************************************/

#unfccc h2{
    margin-top: 30px;
    margin-bottom: 5px;
}
#unfccc img{
    max-width: 400px;
}