/* Global */
body, h1, h2, h3, h4, h5, h6{font-family: 'Martel Sans', sans-serif;}
.row{max-width: 946px; margin: 0 auto;}

/* header*/
div#header div.main-head{margin-top: 18px; margin-bottom: 28px; display: flex; padding: 0 15px; align-items: center;}
img.logo{width: 96%; max-width: 380px;}

/*** common for this **/
.tcb{color: #6A6868;}

/*** SPONSORS ****/
div#head_left{display: inline-block; width: 40%; order: 1; margin-right: 10px;}
div#head_right{display: inline-block; width: 60%; order: 2;}
ul#sponsor-mobi{list-style-type: none; margin: 0;}
ul#sponsor-mobi img, #sponsors_equipe img{border-radius: 10px;}
ul#sponsor-mobi li.s1, ul#sponsor-mobi li.s2, ul#sponsor-mobi li.s3, ul#sponsor-mobi li.s3, ul#sponsor-mobi li.s4{display: none;}
ul#sponsor-mobi li.slick-slide.s1, ul#sponsor-mobi li.slick-slide.s2, ul#sponsor-mobi li.slick-slide.s3, ul#sponsor-mobi li.slick-slide.s3, ul#sponsor-mobi li.slick-slide.s4{display: block;}
div.simili-sponsor{height: 0;}

@media only screen and (max-width: 767px) {
	div#header div.main-head{flex-direction: column; padding: 0; margin-top: 0;}
	div#head_left{width: 100%; order: 2;}
	div#head_left img.logo{padding-left: 25px; padding-top: 20px; max-width: 64%;}
	div#head_right{width: 100%; order: 1; position: fixed; z-index: 12;}
	div#head_right img{width: 100%;}
	div.simili-sponsor{padding-bottom: 23%;}
}

/***/
h1{color: #6A6868; font-size: 3rem; text-transform: uppercase; text-align: center; margin-bottom: 20px; margin-top: 20px;}
h1.match_title{font-size: 2rem; text-transform: none;}
h2{color: #6A6868; font-size: 2.2rem; text-transform: uppercase;}
h3{color: #6A6868; font-size: 1.6rem; text-transform: uppercase; margin-bottom: 20px; margin-top: 20px;}
h4{font-size: 1.8rem; color: #6A6868;}
div.zone_titre{background: white; padding: 5px; position: relative;}
a{color: #66ABE4;}

@media only screen and (max-width: 500px) {
	h1{font-size: 2.4rem;}
}
@media only screen and (max-width: 420px) {
	h1{font-size: 2rem;}
}

/* MENU tournois liste en arbre */
div.un_tournoi a{line-height: 50px; display: block; font-size:1.4em; font-weight: bold; background: white; padding-left: 10px;}
@media only screen and (max-width: 380px) {
	div.un_tournoi a{font-size:1.2em; padding-left: 3px;}
}

/** SYNTHESE CLASSEMENT **/
li.synthTournoi h6{color: #b00a0a; margin: 0 0 5px 0;}
table.syntheseClassement{width: 100%; border: none; border-collapse: collapse;}
table.syntheseClassement thead{background-color: white;}
table.syntheseClassement thead tr th{font-size: 0.8em; color: #c0444c; padding: 0px; text-transform: capitalize; border-top: 1px solid #8ca7b0; border-bottom: 1px solid #8ca7b0;}
table.syntheseClassement tbody tr td{font-size: 0.8em; padding: 0px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; overflow: hidden;}
table.syntheseClassement th.synCol2, table.syntheseClassement td.synCol2{width: 70%; overflow: hidden;}
table.syntheseClassement tbody tr.topteam{background-color: #00e1d1;}
table.syntheseClassement tbody tr.lastteam{background-color: #aa2425;}
table.syntheseClassement tbody tr.lastteam td{color: white;}

/* PAGE TOURNOI */
dl.tournoi, dl#mainTab{margin-bottom: 0; padding-left: 15px;}
div#tournoi ul.tabs-content{margin-bottom: 0;}
table.classementWeb{width: 100%; border: none; border-collapse: collapse;}
table.classementWeb thead tr th{font-size: 1em; padding: 3px; text-transform: capitalize; text-align: center;}
table.classementWeb tbody tr td{font-size: 0.9em; padding: 3px; text-overflow: ellipsis; text-transform: uppercase; text-align: center;}
table.classementWeb tbody tr.topteam{background-color: #00e1d1;}
table.classementWeb tbody tr.lastteam{background-color: #D5464C;}
table.classementWeb tbody tr.lastteam td{color: white;}
table.classementWeb th.synCol2, table.classementWeb td.synCol2{width: 30%; overflow: hidden; text-align: left;}
div.line2match{height: 15px;}
div#matchListPhase{margin-bottom: 20px;}
li#derniersMatchsTab{z-index: 0; padding-bottom: 10px;}

div.matchWeb{background: -webkit-linear-gradient(top, #c5d8df, #e4eef0); background: -moz-linear-gradient(top, #c5d8df, #e4eef0); background: -ms-linear-gradient(top, #c5d8df, #e4eef0); background: -o-linear-gradient(top, #c5d8df, #e4eef0); background: linear-gradient(top, #c5d8df, #e4eef0); height: 88px;}

@media (min-width: 768px) and (max-width: 880px) {
	li.oneMatch div.matchWeb{padding: 0 5px;}
	li.oneMatch div.titreEquipe{padding: 0 5px;}
	li.oneMatch div.titreEquipe div{padding: 0 5px;}
}

div.matchWeb h5{color: #6a6868; font-size: 1.7em; line-height: 50px; font-weight: bolder; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: white;}
ul.matchList{padding: 0; margin-left: 0;}
ul.block-grid.matchList li.oneMatch{position: relative;}
div.matchWeb div.logoTeamCtn{padding: 0 5px;}
div.zoneTeam{height: 88px; position: relative;}
div.zoneTeam h6.matchTopInfo{position: absolute; bottom: 0; text-align: center; width: 40%; color: #b00a0a; margin: 0 30%; background: white; font-size: 11px; border-bottom: 1px dotted #e4eef0;}

@media only screen and (min-width: 768px){
	ul.block-grid.matchList{margin: 0 -6px;}
	ul.block-grid.matchList li.oneMatch{padding: 0 6px 8px;}
}

div.leftTeam{border-right: 1px solid white;}
div.matchWeb img.logoTeam{margin: 8px 0px; position: relative; max-width: 66px;}

@media only screen and (max-width: 380px){
	div.matchWeb img.logoTeam{max-width: 50px;}
	div.matchWeb h5{font-size: 1.4em; line-height: 40px; font-weight: bolder; width: 40px; height: 40px;}
}

div.zoneTeam div.rightTeam div.logoTeamCtn{text-align: right;}
div.matchWeb div.pointweb{text-align: center;}
div.titreEquipe{background: white;}
div.clic2Comment{}
div.clic2Comment a.commentShow{background: url('/static/img/puce-ouvre.png?2') no-repeat center 3px; background-size: 24px;}
div.titreEquipe h4{font-size: 0.8em; margin: 8px 0; text-align: center; white-space: nowrap; text-decoration: none; color: #6A6868;}
div.titreEquipe div.picto{padding: 0 5px; text-align: center;}
div.titreEquipe div.picto img{margin-bottom: -13px;}

li.oneMatch div.commentZone{background: -webkit-linear-gradient(top, #e4eef0, #c5d8df); background: -moz-linear-gradient(top, #e4eef0, #c5d8df); background: -ms-linear-gradient(top, #e4eef0, #c5d8df); background: -o-linear-gradient(top, #e4eef0, #c5d8df); background: linear-gradient(top, #e4eef0, #c5d8df); min-height: 1px; padding: 0;}
div.commentZone div.picto{text-align: center; height: 15px;}
div.commentZone div.onecomment{padding: 0; margin: 0;}
div.onecomment div.columnLogo{padding: 0px 5px;}

@media only screen and (max-width: 767px){
	div.onecomment div.columnLogo{padding: 0px 12px;}
}

div.onecomment div.columnLogo img{margin-top: 3px;}
div.onecomment div.commentTxt{padding: 0;}
li.matchWeb h6{font-size: 0.8em;}
div.onecomment p.comment{font-size: 0.7em; margin-bottom: 3px;}

/****** LEGENDE ***/
ul.pictoDescription li.unpicto span{display: inline-block; line-height: 30px; vertical-align: top; margin-left: 10px;}
ul.pictoDescription li.unpicto img{max-width: 20px;}
a.legende_toogle{display: inline-block; padding: 5px 5px 5px 30px; text-transform: uppercase; background-repeat: no-repeat; background-image: url(/static/img/legende@2x.png); background-position: left 4px center; background-size: 17px 17px; float: right; font-size: 1.3rem;}
.legende_content{display: none; margin-top: 20px;}

/***/
div.tablead table.classementad{text-align: center;}
table.classementad{width: 100%; border: none; border-collapse: collapse; margin-top: 10px;}
table.classementad thead{background-color: #eef3f6;}
table.classementad thead tr th{font-size: 1em; padding: 10px 0; color: #6A6868;}
table.classementad tbody tr{background-color: white;}
table.classementad tbody tr.rownum_0{background-color: #f9f9f9;}
table.classementad tbody tr td{font-size: 1em; padding: 6px 3px; text-overflow: ellipsis; text-transform: uppercase;}
table.classementad tbody tr.topteam{background-color: #00e1d1;}
table.classementad th.colE, table.classementWeb td.colE{width: 70%; overflow: hidden;}
table.classementad td.colE img{height: 26px; margin-right: 6px;}
table.classementad td span{line-height: 26px; display: inline-block; vertical-align: top;}

div.messageNoLive{}
div.messageNoLive p{font-size: 1.5em; color: #66ABE4; padding: 50px 0; text-align: center; border: 1px dotted #66ABE4;}

/* Secteur geo */
div.geomatchs h2{font-size: 1.2em; color: #B00A0A; border-bottom: 1px solid #8ca7b0; margin-bottom: 2px; margin-top: 10px; padding-bottom: 5px;}
table.derniersMatchs{width: 100%; border: none; border-collapse: collapse; margin-bottom: 25px;}
table.derniersMatchs thead{background-color: white;}
table.derniersMatchs thead tr th{font-size: 0.8em; color: #B00A0A; padding: 3px 0; border-bottom: 1px solid #8ca7b0;}
table.derniersMatchs tbody tr{background-color: white; border-bottom: 1px solid #8ca7b0; padding: 0px;}
table.derniersMatchs tbody tr td{font-size: 0.8em; padding: 3px 1px 3px 1px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
table.derniersMatchs tbody tr td.score{background-color: #c8e1e6; padding: 3px 3px; text-align: center;}
table.derniersMatchs tbody tr td.etat{background-color: #c8e1e6; width: 15px; overflow: hidden; display: inline-block; white-space: nowrap;}
table.derniersMatchs tbody tr td.EN_COURS{background: url('/static/img/picto_live_rec.png') no-repeat;}
table.derniersMatchs tbody tr td.FINI{background: url('/static/img/picto_termine_rec.png') no-repeat;}
table.derniersMatchs tbody tr td.FORFAIT{background: url('/static/img/picto_forfait_rect.png?a') no-repeat;}
table.derniersMatchs tbody tr td.REPORTE{background: url('/static/img/picto_reporte_rect.png?a') no-repeat;}
table.derniersMatchs tbody tr td.eq{}

li.oneMatch div.lignematchinfo{z-index: 3; position: relative; background: #f4f6f7; padding: 0; height: 15px;}
li.oneMatch div.lignematchinfo div{padding: 0;}
li.oneMatch div.lignematchinfo div.leftinfo{text-align: left;}
li.oneMatch div.lignematchinfo div.rightinfo{text-align: right;}
div.lignematchinfo p{margin: 0; padding: 2px 0; font-size: 0.7em; font-weight: bold; background: white; line-height: 1;}
div.simili-image{height: 0; padding-bottom: 16%; position: relative;}
div.simili-image child{background: #999 none repeat scroll 0 0; height: 100%; left: 0; max-width: 100%; position: absolute; top: 0; width: 100%;}

/** Match comment */
input.addComment, div.commentTxt p, div.commentTxt a{font-size: 0.8em; margin-bottom: 3px; margin-top: 3px;}
div.commentTypeCtn{padding: 0;}
div.commentTxt{padding: 0;}
div.commentDelete{padding: 0 5px;}

/* publique : etat des match */
div#matchListPhase div.A_VENIR{}

@media only screen and (min-width: 768px){
	ul.matchList{margin-left: 0;}
}
@media only screen and (max-width: 767px){
	div#matchListPhase li.oneMatch{margin-bottom: 2px;}
}

div#matchListPhase li.oneMatch div.state{position: absolute; top: 0; left: 0%; width: 100%; height: 18px; z-index: 5;}
div#matchListPhase li.oneMatch div.EN_COURS{background:url('/static/img/picto_live.png') no-repeat center;}
div#matchListPhase div.FINI{background:url('/static/img/picto_termine.png') no-repeat center;}
div#matchListPhase div.REPORTE{background:url('/static/img/picto_reporte.png?a') no-repeat center;}
div#matchListPhase div.FORFAIT{background:url('/static/img/picto_forfait.png?a') no-repeat center;}

/* Formulaire de contact */
#contactForm label{font-size: 0.9em;}
#contactForm p.requis{font-size: 0.7em;}
h3.cf-titre{font-size: 1.2em; color: #5b5255; text-transform: uppercase; border-bottom: 1px #d9e1e4 solid; padding: 15px 0; margin-bottom: 20px; font-family: Verdana;}
h3.cf-cm{font-size: 1.2em; color: #5b5255; border-bottom: 1px #d9e1e4 solid; padding: 15px 0; text-align: center; margin-bottom: 20px; font-family: Verdana;}
p.cf{font-size: 1.1em; text-align: center; font-family: Verdana; margin-bottom: 5px;}

/* Page annonceur */
div.headAnnonceur{padding: 15px 0;}
div.headAnnonceur h3{color: #b00a0a; font-size: 2em; font-style: italic; text-transform: uppercase; text-align: center;}
div.sloganAnnonceur p{color: #b00a0a; text-align: center; font-weight: bold;}
div.textAnnonceur p{text-align: justify;}
div.kitMedia{margin-top: 15px;}
div.kitMedia div.link{padding-top: 15px;}

@media only screen and (max-width: 767px){
	div.kitMedia div.link{padding-top: 0; margin-bottom: 15px;}
}

div.kitMedia p{font-weight: bold;}
div.kitMedia div a{color: black; background-color: #cfcfcf; text-transform: uppercase; font-weight: bold; border: 1px solid gray; padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
div.kitMedia a:HOVER{background-color: white;}
div.offreAnnonceur p{margin-bottom: 8px;}

/** Zone facebook */
div.facebookRight{background-image: -ms-linear-gradient(top, #8E3031 0%, #51181E 100%); background-image: -moz-linear-gradient(top, #8E3031 0%, #51181E 100%); background-image: -o-linear-gradient(top, #8E3031 0%, #51181E 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8E3031), color-stop(1, #51181E)); background-image: -webkit-linear-gradient(top, #8E3031 0%, #51181E 100%); background-image: linear-gradient(to bottom, #8E3031 0%, #51181E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8E3031, endColorstr=#51181E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8E3031, endColorstr=#51181E)";}
div.facebookRight{padding: 10px 0;}
div#fb-zone-right{padding: 0 10px;}
div.facebookRight div.txtFB{padding: 0px 0px 5px 0px;}
div.facebookRight p{margin-bottom: 0px;}
div.facebookRight div.txtFB div{padding: 0;}
div.facebookRight div.txtFB p{color: white; font-size: 0.9em; padding-top: 8px; line-height: 1.1;}
div.facebookRight div.txtFB a{text-decoration: none;}
div.facebookRight h4{text-transform: uppercase; font-style: normal; color: white; padding-top: 0px; padding-bottom: 6px; border-bottom: 1px #da626b solid; width: 95%; font-size: 1.3em;}
div.facebookRight a{color: white; text-decoration: underline;}

/******************************************************
* Evolution joueurs
*******************************************************/
dl#joueursTabs{background: #D8E7FF; border-radius: 12px 12px 0 0; padding: 8px 16px; margin: 0; display: flex; align-items: center; gap: 24px;}
dl#joueursTabs dd{margin: 0;}
dl#joueursTabs dd a{font-size: 1.2rem; font-weight: 700; color: #383B6A; padding: 4px 0; text-decoration: none; border-bottom: 2px solid transparent; background: none; text-transform: uppercase;}
dl#joueursTabs dd.active a{color: #212DE5; border-bottom: 2px solid #212DE5;}
table.classement-joueur{width: 100%; border: none; border-spacing: 0;}
table.classement-joueur thead tr{background: #eef3f6;}
table.classement-joueur thead tr th{font-size: 12px; font-weight: bold; border: none; color: #6a6868;}
table.classement-joueur td{padding: 3px;}
table.classement-joueur hr{margin: 0; line-height: 3px; visibility: hidden;}
table.classement-joueur tbody td:nth-child(2){display: flex; align-items: center; flex-wrap: nowrap;}
table.classement-joueur div.nomprenom{padding: 16px 3px 1px 10px;}
table.classement-joueur div.nomprenom span{vertical-align: top; line-height: 10px; font-size: 14px;}
table.classement-joueur div.nomprenom span.nom{text-transform: uppercase;}
table.classement-joueur h5{text-align: center; margin: 10px auto; width: 40px; height: 40px; line-height: 40px; background: #CDE0FF; border-radius: 50%; font-weight: 800;}
table.classement-joueur h6{text-align: center; line-height: 60px; margin: 0; font-size: 16px; font-weight: 700;}
table.classement-joueur div.nomprenom{display: inline-block;}
table.classement-joueur img{height: 60px; vertical-align: top; border-radius: 50%;}
table.classement-joueur img.team{height: 50px; margin-top: 5px;}
table.classement-joueur span{vertical-align: top; line-height: 30px;}
table.classement-joueur span.team{line-height: 60px; padding: 5px 3px 1px 10px;}
table.classement-joueur img.medal{height: 60px; width: 40px; margin: 2px auto; display: block; border-radius: 0;}

@media only screen and (max-width: 767px){
	table.classement-joueur span.team{display: none;}
	dl#joueursTabs{gap: 10px; padding: 8px 12px;}
	dl#joueursTabs dd a{font-size: 1.2rem;}
}

/******************************
* NEW THINGS 2017
******************************/
a.full{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.tac{text-align: center;}
.mb-30{margin-bottom: -30px;}

/******************************
* Nouveau style d'affichage des commentaires : mode public et contrib
******************************/
div.wrapper-vml{height: 100%; width: 100%; position: relative;}
div.wrapper-vml:after{content:""; position: absolute; z-index: 2; top: 0; bottom: 0; left: 50%; border-left: 2px solid white; transform: translate(-50%);}
div.comments-new-ctn{padding-top: 0; padding-bottom: 30px; margin-top: -18px;}
div.comments-new-ctn div.row{position: relative;}
div.comments-new-ctn div.row-comment-item-ctn{position: relative; width: 100%; height: 42px; background: #dbe7eb;}
div.comments-new-ctn div.row-comment-item-ctn div.comment-type-ctn{display: inline-block; position: absolute; top: 5px; left: 50%; margin-left: -15px; height: 30px; width: 30px; background: white; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: 3;}
div.comments-new-ctn div.row-comment-item-ctn div.comment-type-ctn img.comment-type{width: 16px; margin-left: 7px; margin-top: 7px;}
div.comments-new-ctn div.left-side{text-align: right;}
div.comments-new-ctn div.right-side{text-align: left;}
div.comments-new-ctn div.comment-item{height: 36px; position: relative; overflow: visible; display: inline-block;}
div.comments-new-ctn div.left-side div.comment-item{margin-right: 3px;}
div.comments-new-ctn div.right-side div.comment-item{margin-left: 3px; position: relative;}
div.comments-new-ctn div.row div.comment-item *{display: inline-block; z-index: 2; position: relative;}
div.comments-new-ctn div.row div.comment-item img.logo-player{height: 36px; vertical-align: top;}
div.comments-new-ctn div.row div.comment-item div.zone-minute{vertical-align: top; height: 100%}
div.comments-new-ctn div.row div.comment-item div.zone-minute span{background: #b00a0a; line-height: 36px; width: 20px; color: white; font-size: 1rem; font-weight: bold; text-align: center;}
div.comments-new-ctn div.left-side div.zone-minute span{-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
div.comments-new-ctn div.right-side div.zone-minute span{-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
div.comments-new-ctn div.left-side div.zone-minute div.tri{width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #b00a0a; vertical-align: middle;}
div.comments-new-ctn div.right-side div.zone-minute div.tri{width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #b00a0a transparent transparent; vertical-align: middle;}
div.comments-new-ctn div.left-side div.comment-item div.zone-nom{position: absolute; right: 62px; top: 0; width: 70%; min-width: 100px; height: 100%; background: white; z-index: 1; text-align: right; padding: 5px;}
div.comments-new-ctn div.right-side div.comment-item div.zone-nom{position: absolute; left: 62px; top: 0; width: 70%; min-width: 100px; height: 100%; background: white; z-index: 1; text-align: left; padding: 5px;}
div.comments-new-ctn div.row div.comment-item div.zone-nom span{font-weight: 500; font-size: 10px; vertical-align: top; line-height: 1.2; white-space: nowrap;}
div.comments-new-ctn div.right-side div.comment-item div.zone-nom span{float: left;}
div.comments-new-ctn div.left-side div.comment-item div.zone-nom span{float: right;}
div.comments-new-ctn div.row div.comment-item div.zone-nom span.nom{text-transform: uppercase;}
div.comments-new-ctn div.row div.comment-item div.zone-nom hr{margin: 0; line-height: 3px; visibility: hidden; display: block;}

/*** AS DU MATCH **/
div.comments-new-ctn div.row-comment-item-ctn.as-du-match{height: 50px;}
div.comments-new-ctn div.row div.comment-item div.zone-minute.as-du-match div.as{background: #3490dd url("/static/img/icon-AS.png") no-repeat center center; width: 20px; height: 100%}
div.comments-new-ctn div.left-side div.zone-minute.as-du-match div.tri{border-color: transparent transparent transparent #3490dd; vertical-align: top; margin-top: 12px;}
div.comments-new-ctn div.right-side div.zone-minute.as-du-match div.tri{border-color: transparent #3490dd transparent transparent; vertical-align: top; margin-top: 12px;}
div.comments-new-ctn div.row-comment-item-ctn.as-du-match div.comment-type-ctn{text-align: center;}
div.comments-new-ctn div.row-comment-item-ctn.as-du-match div.comment-type-ctn span{color: #3490dd; font-weight: bold; font-size: 1.2rem; line-height: 32px;}

/*** EVOL 2018 2019 **/
body{background: #FFFFFF; position: relative;}

/* Ellipse décorative en fond - TASK-G02 */
body::before{content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 80vh; background-image: url('/static/img/bg_ellipse_grd.svg'); background-repeat: no-repeat; background-position: top left; background-size: auto 100%; z-index: -1; pointer-events: none;}
body.page_match::before{height: 100vh;}

/********** MAIN MENU ***************/
div#menu_main{margin-bottom: 30px;}
div#menu_main .twelve.columns{display: flex; align-items: center; gap: 0;}
div#menu_main .menu-left-group{display: flex; align-items: center; background-color: #CDE0FF; border-radius: 12px; padding: 2px 20px 2px 4px; gap: 0;}
div#menu_main div.zone_right{margin-left: auto; display: flex; align-items: center; gap: 12px;}
div#menu_main .menu-item{display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.2s ease;}
div#menu_main .menu-home{width: 40px; height: 40px; background-color: transparent; border-radius: 10px;}
div#menu_main .menu-home svg path{fill: #383B6A;}
body.home div#menu_main .menu-home, div#menu_main .menu-home.active{background-color: #212DE5;}
body.home div#menu_main .menu-home svg path, div#menu_main .menu-home.active svg path{fill: white;}
div#menu_main .menu-text{padding: 15px 12px 9px 12px; font-size: 1.6rem; font-weight: 600; text-transform: uppercase; color: #383B6A; letter-spacing: 0.5px; background-color: transparent; line-height: 1;}
div#menu_main .menu-text:hover{color: #212DE5;}
body.searchTeamPage div#menu_main a[href*="equipe"]{color: #212DE5; font-weight: 700;}
body.searchPlayerPage div#menu_main a[href*="joueur"]{color: #212DE5; font-weight: 700;}
div#menu_main .menu-mail{width: 40px; height: 40px; background-color: transparent; border-radius: 10px;}
div#menu_main .menu-mail svg path{fill: #383B6A;}
div#menu_main .menu-mail:hover{background-color: rgba(255, 255, 255, 0.5);}
div#menu_main .menu-social{display: inline-flex; width: 32px; height: 32px;}
div#menu_main .menu-social svg{width: 100%; height: 100%;}
div#menu_main .menu-actus{display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; width: 120px; padding: 0 16px; background-image: url('../img/menu_actus_bg.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; text-decoration: none;}
div#menu_main .menu-actus-logo{width: 20px; height: 20px; flex-shrink: 0;}
div#menu_main .menu-actus-text{display: inline-block; font-weight: 900; font-size: 1.8rem; color: white; letter-spacing: 0.5px; line-height: 40px; margin-bottom: -4px;}

@media only screen and (max-width: 540px) {
	div#menu_main .menu-social{display: none;}
}
@media only screen and (max-width: 440px) {
	div#menu_main .menu-text{padding: 11px 4px 9px 4px;}
	div#menu_main .menu-left-group{padding: 1px 1px;}
}
@media only screen and (max-width: 410px) {
	/* Masquer le logo dans le bouton ACTUS, ne garder que le texte
	div#menu_main .menu-actus-logo{display: none;}*/
}

/********** HOME CONTENT : LISTE DES SPORTS ***************/
#sport-liste-mobi{margin-top: 14px; margin-bottom: 40px;}
/* Ancien CSS supprimé - voir section GRILLE SPORTS - NOUVEAU DESIGN 2025 plus bas */
#home_annonces .columns{text-align: center;}
#home_annonces .columns img{margin-bottom: 20px; border-radius: 10px;}

/****      FOOTER - NOUVEAU DESIGN 2025     *****/
div#footer{margin-top: 40px; margin-bottom: 0;}
.footer-container{background: #EDF3FD; border-radius: 64px 64px 0 0; padding: 20px 40px 0; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
.footer-top{display: flex; align-items: center; width: 100%; margin-bottom: 30px; flex-wrap: wrap; gap: 80px;}
.footer-logo a{display: block; text-decoration: none;}
.footer-logo-img{height: 26px; width: auto;}
.footer-nav{display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.footer-nav-item{display: flex; align-items: center; text-decoration: none; color: #000; transition: opacity 0.2s;}
.footer-nav-item.DN{display: none;}
.footer-nav-item:hover{opacity: 0.7;}
.footer-nav-home svg{width: 22px; height: 22px;}
.footer-nav-text{font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: -3px;}
.footer-nav-club{display: inline-block; background: #E67748; color: #FFF; font-size: 14px; font-weight: 900; text-transform: uppercase; text-decoration: none; padding: 8px 20px; border-radius: 6px; transform: skewX(-8deg); transition: opacity 0.2s;}
.footer-nav-club:hover{opacity: 0.9; color: #FFF;}
.footer-nav-actus{display: block; text-decoration: none; transition: opacity 0.2s;}
.footer-nav-actus svg{height: 32px; width: auto; display: block;}
.footer-nav-actus:hover{opacity: 0.9;}
.footer-bottom{display: flex; flex-direction: column; align-items: center; padding: 16px 120px; background: #FFFFFF; border-radius: 64px 64px 0 0; margin: 12px auto 0; gap: 10px;}
.footer-contact{margin-top: -30px; text-align: center;}
.footer-digimob{display: flex; align-items: center; justify-content: center; gap: 6px;}
.footer-powered{color: #FF6E5C; font-size: 10px;}
.digimob-logo-img{height: 36px; width: auto; display: block;}
.footer-legal{display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;}
.footer-legal a{color: #6A6868; font-size: 12px; text-decoration: none; transition: color 0.2s;}
.footer-legal a:hover{color: #000;}
.footer-legal .separator{color: #6A6868; font-size: 12px;}
.footer-contact-btn{display: inline-block; background: #212DE5; color: #FFF; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: 20px; text-decoration: none; transition: opacity 0.2s;}
.footer-contact-btn:hover{opacity: 0.9;}

@media only screen and (max-width: 880px) {
	.footer-container{padding: 20px 24px 0; border-radius: 48px 48px 0 0;}
	.footer-top{flex-direction: column; align-items: center; gap: 30px;}
	.footer-logo{text-align: center;}
	.footer-nav{width: 100%; justify-content: center;}
	.footer-digimob{text-align: center;}
}
@media only screen and (max-width: 630px) {
	.footer-container{padding: 16px 0 0; border-radius: 32px 32px 0 0;}
	.footer-nav{gap: 12px;}
	.footer-nav-actus svg{height: 28px;}
	.footer-bottom{padding: 16px 20px; border-radius: 32px 32px 0 0; width: 100%;}
	.footer-legal{font-size: 11px;}
}

/****      TABS     *****/
div.tab_style{background: white; padding: 0 0 0 20px;}
div.tab_style .tab{display: inline-block; text-transform: uppercase; font-size: 1.6rem; margin-right: 20px; padding: 12px 6px; color: #6A6868; font-weight: bold;}
div.tab_style .tab.on{color: #66ABE4; border-bottom: 3px solid #66ABE4;}
div.tournoiTab{margin-bottom: 14px;}
dl#mainTab a{text-transform: uppercase; font-size: 1.4rem; padding: 0 10px;}
dl.tabs{border: none; background: white;}
dl.tabs dd.active{border: none;}
dl.tabs dd.active a{border: none; color: #66ABE4;}
dl.tabs dd.active.promote a{background-color: #66ABE4; color: white;}

@media only screen and (max-width: 600px) {
	div.tab_style .tab{font-size: 1.3rem;}
	dl#mainTab a{font-size: 1.2rem; padding: 0 5px;}
}
@media only screen and (max-width: 470px) {
	div.tab_style .tab{font-size: 1.3rem;}
	dl#mainTab a{font-size: 1.2rem; padding: 0 5px;}
}
@media only screen and (max-width: 440px) {
	dl#mainTab a{font-size: 1.1rem; padding: 0 2px;}
}
@media only screen and (max-width: 360px) {
	dl#mainTab{padding-left: 5px;}
	dl#mainTab a{font-size: 1rem; padding: 0 2px;}
}

/****/
div.unsecteur a{line-height: 45px; display: block; font-size: 1.4em; font-weight: bold; padding: 0; background: url('/static/img/fleche_blue.png') no-repeat right 50%; border-bottom: 1px solid white;}
a.back_fil{display: inline-block; color: #6A6868; font-size: 1.8rem; background-repeat: no-repeat; background-image: url(/static/img/nav_prev_blue.png); background-position: left 4px center; background-size: 20px 20px; padding-left: 40px; line-height: 3rem;}
a.back_fil:HOVER{color: #66ABE4;}

/********** THROBBER ***************/
div.ajax-progress div.throbber{margin-top: 20px; background: none;}
div.ajax-progress div.message{display: none;}

@-moz-keyframes throbber {
  0% {-moz-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes throbber {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes throbber {
  0% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

/* :not(:required) hides this rule from IE9 and below */
.throbber:not(:required){-moz-animation: throbber 1250ms infinite linear; -webkit-animation: throbber 1250ms infinite linear; animation: throbber 1250ms infinite linear; border: 8px solid #66ABE4; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px;}

/********** END THROBBER ***************/

/********** PAGE MATCH 2020 ***************/
body.page_match .match_head{margin: 0;}
body.page_match .match_edit hr{visibility: hidden;}

/********** PAGE MATCH - NOUVEAU DESIGN 2025 - TASK-G05 ***************/
.match-header-new{position: relative; margin-bottom: 20px;}
.match-header-top{position: relative; border-radius: 16px 16px 0 0; padding: 16px 20px 24px 20px; min-height: 190px; overflow: hidden;}
.match-header-left{position: absolute; top: 0; left: 0; width: 100px; height: 100%;}
.match-header-curve{position: absolute; top: 0; left: 0; width: 100px; height: 100%;}
.match-header-topline{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; position: relative; z-index: 2;}
.match-header-back{display: inline-flex; align-items: center; gap: 8px; background-color: #212DE5; color: white; padding: 6px 14px; border-radius: 20px; text-decoration: none; font-size: 1.3rem; font-weight: 600; transition: opacity 0.2s ease;}
.match-header-back:hover{opacity: 0.85; color: white;}
.match-header-back-icon::before{content: ''; display: inline-block; width: 8px; height: 8px; border-top: 2px solid white; border-left: 2px solid white; transform: rotate(-45deg); margin-right: 4px;}
.match-header-live{display: inline-flex; align-items: center; gap: 6px; background-color: white; padding: 4px 10px; border-radius: 12px;}
.match-header-live-text{font-size: 1.2rem; font-weight: bold; color: #333;}
.match-header-live-dot{display: inline-block; width: 10px; height: 10px; background-color: #4BCB73; border-radius: 50%;}
.match-header-title{color: white; font-size: 2.8rem; font-weight: 900; text-transform: uppercase; text-align: center; margin: 0 0 8px 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); position: relative; z-index: 2;}
.match-header-subtitle{color: white; font-size: 2rem; text-align: center; margin: 0; position: relative; z-index: 2;}
.match-header-nav{position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background-color: #212DE5; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 3; transition: opacity 0.2s ease;}
.match-header-nav:hover{opacity: 0.8;}
.match-header-nav-prev{left: 10px;}
.match-header-nav-next{right: 10px;}
.match-header-nav-prev::before, .match-header-nav-next::before{content: ''; display: block; width: 8px; height: 8px; border-top: 2px solid white; border-right: 2px solid white;}
.match-header-nav-prev::before{transform: rotate(-135deg); margin-left: 3px;}
.match-header-nav-next::before{transform: rotate(45deg); margin-right: 3px;}
.match-header-score-section{position: relative; z-index: 10; background: transparent; padding: 0 20px; margin-top: -44px;}
.match-header-teams{display: flex; align-items: flex-start; justify-content: center;}
.match-header-team{flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.match-header-team-logo{width: 100px; height: 100px; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));}
.match-header-team-name{margin-top: 10px; font-size: 2.3rem; font-weight: 700; color: #383B6A; text-transform: uppercase; white-space: nowrap;}
.match-header-team-level{font-weight: normal; font-size: 1.2rem; color: #666;}
.match-header-score{display: flex; align-items: center; gap: 16px; padding: 0 10px;}
.match-header-score-value{display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; background-color: white; border-radius: 50%; font-size: 6rem; font-weight: 900; line-height: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);padding: 4px 0 0 0;}
.match-header-score-sep{font-size: 6rem; color: #fff; font-weight: 300;}
.match-header-bottom{background-color: #D8E7FF; border-radius: 0 0 16px 16px; padding-top: 120px; margin-top: -100px;}
.match-header-pub{margin: 0 15px 16px 15px; text-align: center;}
.match-header-pub #sponsors_equipe{list-style: none; padding: 0; margin: 0;}
.match-header-pub #sponsors_equipe li{display: block;}
.match-header-pub #sponsors_equipe img{width: 100%; height: auto; display: block;}
.match-header-tabs{display: flex; justify-content: center; gap: 0; margin-top: 20px;}
.match-header-tab{padding: 12px 12px; font-size: 1.6rem; font-weight: bold; text-transform: uppercase; color: #666; text-decoration: none; border-bottom: 3px solid transparent; transition: all 0.2s ease;}
.match-header-tab:hover{color: #212DE5;}
.match-header-tab.on{color: #212DE5; border-bottom-color: #212DE5;}

@media only screen and (max-width: 960px) {
	.match-header-score{gap: 12px;}
}
@media only screen and (max-width: 767px) {
	.match-header-nav-prev::before, .match-header-nav-next::before{width: 6px; height: 6px;}
	.match-header-score{gap: 10px;}
}
@media only screen and (max-width: 700px) {
	.match-header-title{font-size: 2.2rem; }
	.match-header-subtitle{font-size: 1.6rem; padding: 0 30px;}
	.match-header-teams .match-header-team{height: 92px;}
	.match-header-teams .match-header-team .match-header-team-name{position: absolute; bottom: 0;}
	.match-header-score-section{margin-top: -30px; padding: 0;}
	.match-header-score-section .match-header-team.team-left .match-header-team-name{left: auto;}
	.match-header-score-section .match-header-team.team-right .match-header-team-name{right: auto;}
	.match-header-team-name{font-size: 1.4rem;}
	.match-header-team-logo{width: 72px; height: 72px;}
	.match-header-score-value{width: 64px; height: 64px; font-size: 4.2rem;}
	.match-header-score-sep{font-size: 4rem;}

}
@media only screen and (max-width: 500px) {
	.match-header-subtitle{padding: 0 20px;}
	.match-header-score{padding: 0;}
	.match-header-score-section .match-header-team.team-left .match-header-team-name{left: 5%;}
	.match-header-score-section .match-header-team.team-right .match-header-team-name{right: 5%;}

	.match-header-pub{margin: 0 0 16px 0;}
	.match-header-tab{padding: 12px 12px; font-size: 1.2rem;}
}

/********** FIN PAGE MATCH - NOUVEAU DESIGN 2025 ***************/

/********** PAGE SEARCH 2022 ***************/
.searchButton{background-image: url("/static/img/search/ic_search.svg"); background-size: 26px; height: 40px; width: 40px;}
.teamResItem{padding: 14px 50px 14px 50px; background-image: url("/static/img/search/ic_arr_right.svg"); background-size: 15px; background-position: right 10px center;}
.nieme_1{background-color: #F9F9F9;}
.teamResItem .teamName{margin-right: 20px; padding-bottom: 5px;}
.teamResItem .tournoiName{color: #66ABE4}
.teamResItem .teamLogo{top: 10px; left: 10px; height: 26px;}
.playerResItem .PlayerInfo{width: 46%; padding: 14px 6px 14px 60px; vertical-align: top;}
.playerResItem .teamResItem{width: 52%;}
.playerResItem .PlayerInfo .playerLogo{top: 8px; left: 10px; height: 45px; border-radius: 50%; border: 2px solid white;}
.playerResItem .teamResItem .teamName{margin-right: 0px; padding-bottom: 4px; font-size: 1.3rem;}

/********** PAGE SEARCH - NOUVEAU DESIGN 2025 ***************/
.search-form-card{background: linear-gradient(135deg, #E8F4F8 0%, #D1E8EF 100%); border-radius: 20px; margin: 20px 10px; padding: 0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); overflow: hidden;}
.search-form-header{background: linear-gradient(135deg, #4A90A4 0%, #2D6A7A 100%); padding: 24px 20px; text-align: center; color: white;}
.search-form-icon{display: block; font-size: 3rem; margin-bottom: 8px; filter: grayscale(1) brightness(2);}
.search-form-title{margin: 0 0 4px 0; font-size: 1.8rem; font-weight: bold; color: white;}
.search-form-subtitle{margin: 0; font-size: 1.4rem; opacity: 0.9; color: white;}
.search-form-body{padding: 24px 16px;}
.search-input-wrapper{display: flex; align-items: center; background: white; border-radius: 50px; padding: 8px 8px 8px 24px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); border: none; min-height: 56px;}
.search-input-icon{display: none;}
.search-input-field{flex: 1; border: none !important; outline: none !important; box-shadow: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.6rem; color: #333; background: transparent !important; padding: 16px 12px; margin: 0 !important; min-width: 0; height: auto;}
.search-input-field:focus{border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important;}
.search-input-field::placeholder{color: #B0C4CE;}
.search-submit-btn{background: linear-gradient(135deg, #4BCB73 0%, #3AA85E 100%); color: white; border: none; border-radius: 50px; padding: 14px 24px 14px 44px; font-size: 0; font-weight: bold; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; white-space: nowrap; flex-shrink: 0; position: relative; background-image: url("/static/img/search/ic_search.svg"); background-repeat: no-repeat; background-position: 16px center; background-size: 20px;}
.search-submit-btn:hover{transform: scale(1.02); box-shadow: 0 4px 12px rgba(75, 203, 115, 0.4);}
.search-submit-btn:active{transform: scale(0.98);}
.search-results-container{min-height: 80px; margin-top: 10px; padding: 0 10px;}
.search-form-card.search-player .search-form-header{background: linear-gradient(135deg, #5B8DB8 0%, #3A6A8C 100%);}
.search-form-card.search-player .search-input-wrapper:focus-within{border-color: #5B8DB8; box-shadow: 0 4px 15px rgba(91, 141, 184, 0.2);}

@media only screen and (max-width: 480px) {
	.search-input-wrapper{flex-wrap: wrap; border-radius: 16px; padding: 12px;}
	.search-input-icon{display: none;}
	.search-input-field{width: 100%; margin-bottom: 10px;}
	.search-submit-btn{width: 100%; border-radius: 12px;}
}

/********** GRILLE SPORTS - NOUVEAU DESIGN 2025 ***************/
div#sport-liste-mobi div.sport-entry{position: relative; display: flex; flex-direction: row; align-items: stretch; background-color: #CBDAF4; border-radius: 10px; height: 134px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; isolation: isolate;}
div#sport-liste-mobi div.sport-entry:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
div#sport-liste-mobi div.sport-entry div.sport-left{position: absolute; top: 0; left: 0; width: 116px; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1;}
div#sport-liste-mobi div.sport-entry div.sport-left svg.sport-curve{position: absolute; top: 0; left: 0; width: 116px; height: 133px; display: block;}
div#sport-liste-mobi div.sport-entry div.sport-left img.sport-logo{position: relative; z-index: 2; max-width: 90px; max-height: 90px; width: auto; height: auto; filter: drop-shadow(0 8px 6px rgba(0, 0, 0, 0.30));}
div#sport-liste-mobi div.sport-entry div.sport-right{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 10px 15px 10px 120px; z-index: 2; position: relative;}
div#sport-liste-mobi div.sport-entry .sport-title-prefix{font-size: 1.2rem; font-weight: 600; text-align: left; color: #383B6A; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 2px 0; line-height: 1.2; padding: 0;}
div#sport-liste-mobi div.sport-entry h2.sport-title-name{font-size: 2.4rem; font-weight: 900; text-align: left; color: #383B6A; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; line-height: 1.1; padding: 0;}
div#sport-liste-mobi div.sport-entry a.sport-link{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;}

@media only screen and (max-width: 880px) {
	div#sport-liste-mobi div.sport-entry{height: 120px;}
	div#sport-liste-mobi div.sport-entry div.sport-right{padding: 10px 12px 10px 120px;}
	div#sport-liste-mobi div.sport-entry div.sport-left img.sport-logo{max-width: 75px; max-height: 75px;}
	div#sport-liste-mobi div.sport-entry h2.sport-title-name{font-size: 2.2rem;}
}
@media only screen and (max-width: 670px) {
	div#sport-liste-mobi div.sport-entry{height: 110px;}
	div#sport-liste-mobi div.sport-entry div.sport-left{width: 95px;}
	div#sport-liste-mobi div.sport-entry div.sport-left svg.sport-curve{width: 95px; height: 110px;}
	div#sport-liste-mobi div.sport-entry div.sport-right{padding: 10px 10px 8px 100px;}
	div#sport-liste-mobi div.sport-entry div.sport-left img.sport-logo{max-width: 65px; max-height: 65px;}
	div#sport-liste-mobi div.sport-entry h2.sport-title-name{font-size: 2.0rem;}
}
@media only screen and (max-width: 550px) {
	div#sport-liste-mobi ul.block-grid{margin: 0 -4px;}
	div#sport-liste-mobi ul.block-grid li{padding: 0 4px 8px;}
	div#sport-liste-mobi div.sport-entry{height: 100px;}
	div#sport-liste-mobi div.sport-entry div.sport-left{width: 85px;}
	div#sport-liste-mobi div.sport-entry div.sport-left svg.sport-curve{width: 85px; height: 100px;}
	div#sport-liste-mobi div.sport-entry div.sport-right{padding: 8px 8px 8px 90px;}
	div#sport-liste-mobi div.sport-entry div.sport-left img.sport-logo{max-width: 56px; max-height: 56px;}
	div#sport-liste-mobi div.sport-entry h2.sport-title-name{font-size: 1.8rem;}
}
@media only screen and (max-width: 420px) {
	div#sport-liste-mobi div.sport-entry{height: 80px;}
	div#sport-liste-mobi div.sport-entry div.sport-left{width: 68px;}
	div#sport-liste-mobi div.sport-entry div.sport-left svg.sport-curve{width: 72px; height: 100px; top: -8px; left: -2px;}
	div#sport-liste-mobi div.sport-entry div.sport-right{padding: 6px 4px 6px 70px;}
	div#sport-liste-mobi div.sport-entry h2.sport-title-name{font-size: 1.5rem;}
	div#sport-liste-mobi div.sport-entry .sport-title-prefix{font-size: 1.1rem;}
}
@media only screen and (max-width: 360px) {
	div#sport-liste-mobi div.sport-entry{height: 90px;}
	div#sport-liste-mobi div.sport-entry div.sport-left{width: 75px;}
	div#sport-liste-mobi div.sport-entry div.sport-left svg.sport-curve{width: 75px; height: 90px;}
	div#sport-liste-mobi div.sport-entry div.sport-right{padding: 6px 14px 6px 80px;}
	div#sport-liste-mobi div.sport-entry h2.sport-title-name{font-size: 1.4rem;}
}
@media only screen and (min-width: 768px) {
	div#sport-liste-mobi ul.block-grid{margin: 0 -8px;}
	div#sport-liste-mobi ul.block-grid li{padding: 0 8px 16px;}
}

/********** END GRILLE SPORTS - NOUVEAU DESIGN 2025 ***************/
.playerResItem .teamResItem .tournoiName{font-size: 1.2rem;}
.playerResItem .teamResItem .teamLogo{top: 14px;}

/* TASK-014 - Niveau d'équipe dans les coupes (D1, R3, etc.) */
.team-level{font-size: 1em; color: #2A2A2A; font-weight: normal; font-style: italic; margin-left: 4px;}

/********** PAGE COMPETITIONS - TASK-G03 ***************/
.competitions-header{margin-bottom: 30px;}
.competitions-header-entry{position: relative; display: flex; align-items: center; justify-content: center; border-radius: 16px; height: 134px; overflow: hidden;}
.competitions-header-left{position: absolute; top: 0; left: 0; width: 100px; height: 100%; display: flex; align-items: center; justify-content: center;}
.competitions-header-curve{position: absolute; top: 0; left: 0; width: 100px; height: 100%;}
.competitions-header-logo{position: relative; z-index: 2; max-width: 80px; max-height: 80px; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25)); margin-left: 20px;}
.competitions-header-title{font-size: 3rem; color: white; text-transform: uppercase; margin: 0; line-height: 1; text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.competitions-category{margin-top: 25px; margin-bottom: 10px;}
.competitions-category-header{width: 40%; border-radius: 8px 32px 8px 8px; padding: 12px 20px;}
.competitions-category-title{font-size: 1.8rem; color: white; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.competitions-list{margin-bottom: 5px;}
.competitions-grid{list-style: none; margin: 0 -6px; padding: 0;}
.competitions-grid-item{padding: 0 6px 12px;}
.competitions-grid-link{display: block; background: #CDE0FF; border-radius: 8px; padding: 14px 16px; color: #383B6A; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease;}
.competitions-grid-link:hover{background-color: #CBDAF4; transform: translateY(-1px);}
.competitions-grid-name{font-size: 2.4rem; font-weight: 700;}
.competitions-promo{margin-top: 0px; margin-bottom: 30px; text-align: center;}
.competitions-promo-link{display: inline-block;}
.competitions-promo-img{max-width: 100%; height: auto; border-radius: 12px;}
@media only screen and (max-width: 400px) {
	.competitions-grid.coupes > li{width: 100%;}
}

@media only screen and (min-width: 550px) and (max-width: 767px) {
	.competitions-grid.coupes > li > a {min-height: 120px;}
}
@media only screen and (min-width: 400px) and (max-width: 550px) {
	.competitions-grid.coupes > li > a {min-height: 90px;}
}

@media only screen and (max-width: 880px) {
	.competitions-header-entry{height: 100px;}
	.competitions-header-left{width: 85px;}
	.competitions-header-curve{width: 85px; height: 100%;}
	.competitions-header-logo{max-width: 50px; max-height: 50px;}
	.competitions-header-title{font-size: 2.4rem;}
}
@media only screen and (max-width: 550px) {
	.competitions-header-entry{height: 90px;}
	.competitions-header-left{width: 75px;}
	.competitions-header-curve{width: 75px; height: 100%;}
	.competitions-header-logo{max-width: 45px; max-height: 45px;}
	.competitions-header-title{font-size: 2rem;}
	.competitions-category-header{width: 60%; padding: 10px 15px;}
	.competitions-grid-link{padding: 12px 14px;}
	.competitions-grid-name{font-size: 1.8rem;}
}

/********** END PAGE COMPETITIONS - TASK-G03 **************/

/********** PAGE TOURNOI DETAIL - TASK-G04 **************/
.tournoi-header{margin-bottom: 0;}
.tournoi-header-entry{position: relative; display: flex; align-items: center; justify-content: center; border-radius: 16px; height: 134px; overflow: hidden;}
.tournoi-header-curve{position: absolute; top: 0; left: 0; width: 100px; height: 100%;}
.tournoi-header-back{position: absolute; top: 12px; left: 16px; display: flex; align-items: center; gap: 8px; color: white; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; z-index: 10;}
.tournoi-header-back:hover{color: white; opacity: 0.9;}
.tournoi-header-back svg{width: 22px; height: 22px; flex-shrink: 0;}
.tournoi-header-title{font-size: 2.5rem; font-weight: 900;color: white; text-transform: uppercase; margin: 0; line-height: 1; text-align: center; padding: 0 20px;}
.tournoi-tabs-container{display: flex; justify-content: center; margin-top: -22px; margin-bottom: 20px; position: relative; z-index: 5;}
.tournoi-tabs-container dl.tabs.tournoi{display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0; padding: 8px 24px; border: none; background: #FFFFFF; border-radius: 16px;}
.tournoi-tabs-container dl.tabs.tournoi dd{margin: 0; padding: 0; line-height: 1; border: none !important; background: none !important;}
.tournoi-tabs-container dl.tabs.tournoi dd.active{border: none !important; background: none !important;}
.tournoi-tabs-container dl.tabs.tournoi dd a{display: flex; align-items: center; position: relative; padding: 4px 14px; color: #383B6A; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; line-height: 1; transition: color 0.2s ease; border: none !important; background: none !important;}
.tournoi-tabs-container dl.tabs.tournoi dd a::after{content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #212DE5; border-radius: 2px; transition: width 0.2s ease;}
.tournoi-tabs-container dl.tabs.tournoi dd a:hover{color: #212DE5;}
.tournoi-tabs-container dl.tabs.tournoi dd.active a{color: #212DE5; background: none; border: none; box-shadow: none;}
.tournoi-tabs-container dl.tabs.tournoi dd.active a::after{width: 80%;}
.tournoi-tabs-container dl.tabs.tournoi dd.direct.promote a{color: #EB1A3C; animation: pulse-live 1.5s infinite;}

@keyframes pulse-live {
  0%, 100% {opacity: 1;}
  50% {opacity: 0.6;}
}

@media only screen and (max-width: 880px) {
	.tournoi-header-entry{height: 112px;}
	.tournoi-header-curve{width: 85px;}
	.tournoi-header-title{font-size: 2.3rem; z-index: 10;}
	.tournoi-header-back{font-size: 11px;}
	.tournoi-tabs-container dl.tabs.tournoi dd a{padding: 6px 12px; font-size: 13px;}
}
@media only screen and (max-width: 550px) {
	.tournoi-header-curve{width: 70px;}
	.tournoi-header-title{font-size: 2.2rem;}
	.tournoi-header-back{font-size: 10px; top: 8px; left: 10px; gap: 5px;}
	.tournoi-header-back svg{width: 18px; height: 18px;}
	.tournoi-tabs-container{padding: 8px 12px; margin-top: -18px; overflow-x: auto;}
	.tournoi-tabs-container dl.tabs.tournoi{gap: 5px; justify-content: flex-start; min-width: max-content; padding: 6px 12px; height: 30px;}
	.tournoi-tabs-container dl.tabs.tournoi dd a{padding: 5px 10px; font-size: 12px; white-space: nowrap; height: 30px;}
}

/* Bandeau navigation journée - TASK-G04 */
div.headphaseweb{display: flex; align-items: center; justify-content: space-between; background: #D8E7FF; border-radius: 16px; margin-bottom: 10px; padding: 10px 28px;}
div.headphaseweb a.phaseChange{display: flex; align-items: center; justify-content: center; height: 26px; width: 26px; flex-shrink: 0; background-image: none !important; background-color: #212DE5; border-radius: 50%; transition: opacity 0.2s ease;}
div.headphaseweb a.phaseChange:hover{opacity: 0.8;}
div.headphaseweb a.phaseChange.prev::before, div.headphaseweb a.phaseChange.next::before{content: ''; display: block; width: 7px; height: 7px; border-top: 2px solid white; border-right: 2px solid white;}
div.headphaseweb a.phaseChange.prev::before{transform: rotate(-135deg); margin-left: 2px;}
div.headphaseweb a.phaseChange.next::before{transform: rotate(45deg); margin-right: 2px;}
div.headphaseweb div.titrephase{flex: 1; text-align: center;}
div.headphaseweb div.titrephase h3{margin: 0; font-size: 1.6rem; font-weight: 800; line-height: 22px; color: #383B6A; text-transform: uppercase;}
div.headphaseweb .phase-nom{display: block;}
div.headphaseweb .phase-date{display: block;}

@media only screen and (max-width: 550px) {
	div.headphaseweb{padding: 8px 16px;}
	div.headphaseweb a.phaseChange{height: 24px; width: 24px;}
	div.headphaseweb a.phaseChange.prev::before, div.headphaseweb a.phaseChange.next::before{width: 6px; height: 6px;}
}

/* Bloc match - TASK-G04 */
.match-card{display: block; background: url('/static/img/match_bg_v5.png') no-repeat top center; background-size: 100% auto; border-radius: 22px; padding: 12px 12px; text-decoration: none; position: relative;}
.match-card-link{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.match-content{display: flex; flex-direction: column; gap: 12px;}
.match-scores-row{display: flex; align-items: center; justify-content: center;}
.match-score-side{flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px;}
.match-center-score{display: flex; align-items: center; justify-content: center; width: 58px; height: 26px; box-sizing: border-box; margin-top: -8px;}
.match-names-row{display: flex; align-items: center; justify-content: center; gap: 12px;}
.match-logo{width: 62px; height: 62px; object-fit: contain;}
.match-score{font-size: 3.2rem; font-weight: 900; color: #383B6A; width: 54px; height: 54px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); padding: 4px 0 0 0;}
.match-side-name{font-size: 1.4rem; font-weight: 700; color: #383B6A; text-transform: uppercase; text-align: center; background: white; padding: 6px 4px 2px 4px; border-radius: 20px; flex: 1;}
.match-side-name .team-level{font-weight: 800; color: #666; text-transform: none;}
.match-center{display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.match-statut-icon{width: 26px; height: 26px;}
.match-link-icon{width: 26px; height: 26px; background: url('/static/img/match_plus.png') center/contain no-repeat;}
.match-top-info{font-size: 1.2rem; color: #FFF; font-weight: 700; background: #E67748; padding: 2px 16px 0 16px; margin: 8px auto 0; border-radius: 12px;text-align: center; width: fit-content;}

.match-classement{display: flex; justify-content: space-between; margin-top: 4px; padding: 0 10px;}
.match-classement span{font-size: 1.3rem; color: #5E6190; background-color: #ACCCFF; border-radius: 12px; padding: 2px 10px; font-weight: 700;}
.match-classement-left{text-align: left;}
.match-classement-right{text-align: right;}
li.oneMatch .state{display: none;}

@media only screen and (max-width: 880px) {
}
@media only screen and (max-width: 550px) {
	.match-card{padding: 12px 14px;}
	.match-scores{gap: 10px;}
	.match-team{gap: 8px;}
	.match-score{font-size: 2.5rem; min-width: 24px;}
	.match-statut-icon{width: 22px; height: 22px;}
	.match-link-icon{width: 22px; height: 22px;}
	.match-names{padding: 0 4px; margin-top: 8px;}
	.match-name{font-size: 0.8rem;}
	.match-name .team-level{font-size: 0.7rem;}
	.match-classement{padding: 0 4px;}
	.match-classement span{font-size: 1rem;}
	.match-side-name{font-size: 1.2rem;}
}

/********** END PAGE TOURNOI DETAIL - TASK-G04 **************/