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

.hero .cta {
    padding-top: 20px !important;
}
.konami{
    display: none;
}

@media (prefers-color-scheme: dark) {
    .konami{
        display: block;
        color: #7d7d7d;
        font-size: 25px;
    }
    .palmares article{
        background: #151515;
    }
    .palmares article .content_article h4{
        color: #fff;
    }
}

.partenaire_article{
    text-align: right;
    margin-top: -20px;
    margin-bottom: -5px;
    font-size: 14px;
    font-style: italic;
}
.partenaire_article img{
    margin-left: 10px;
}

body{
	background:#eee;
	font-family: 'Titillium Web', 'Arial';
}
body.hidden{
    overflow: hidden;
}
.sujet{
    opacity: 0.9;
}
:focus {
    outline: none;
}
.sujet,
.titre_cartouche{
	color:#fff;
	font-size: 12px;
	display: inline-block;
    padding: 4px 7px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    font-weight: 500;
}
.titre_cartouche{
	background-color:var(--vert-asse);
	-webkit-box-shadow: 0px 0px 16px 0px rgba(8, 87, 57, 0.28);
	-moz-box-shadow: 0px 0px 16px 0px rgba(8, 87, 57, 0.28);
	box-shadow: 0px 0px 16px 0px rgba(8, 87, 57, 0.28);
	font-size: 16px;
	padding:4px 7px;
	letter-spacing: 0px;
    /*letter-spacing: 1.5px;*/
	font-weight: 500;
	margin:15px auto 0;
}
h3.titre_module{
	color: #fff;
	text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
}

.formatTNT1{
    margin-bottom: 15px;
}
.lastarticles{
  margin-top: 10px;
}
.twitter-tweet{
  margin: auto;
}

.input-group-text {
    padding: 0.65rem 0.75rem !important;
}

/*****************************************************************************/
/***************************    SMART BANNER   ***************************************/
/*****************************************************************************/


.smartbanner {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: 100%;
  height: 84px;
  background: #f3f3f3;
  font-family: Helvetica, sans, sans-serif;
  /** Android styles **/ 
}

.smartbanner__exit {
  position: absolute;
  top: calc(50% - 6px);
  left: 9px;
  display: block;
  margin: 0;
  width: 12px;
  height: 12px;
  border: 0;
  text-align: center; 
}

.smartbanner__exit::before, .smartbanner__exit::after {
position: absolute;
width: 1px;
height: 12px;
background: #767676;
content: ' '; 
}

.smartbanner__exit::before {
transform: rotate(45deg); 
}

.smartbanner__exit::after {
transform: rotate(-45deg); 
}

.smartbanner__icon {
position: absolute;
top: 10px;
left: 30px;
width: 64px;
height: 64px;
border-radius: 15px;
background-size: 64px 64px; 
}

.smartbanner__info {
position: absolute;
top: 10px;
left: 104px;
display: flex;
overflow-y: hidden;
width: 60%;
height: 64px;
align-items: center;
color: #000; 
}

.smartbanner__info__title {
font-size: 14px; 
}

.smartbanner__info__author, .smartbanner__info__price {
font-size: 12px; 
}

.smartbanner__button {
position: absolute;
top: 32px;
right: 10px;
z-index: 1;
display: block;
padding: 0 10px;
min-width: 10%;
border-radius: 5px;
background: #f3f3f3;
color: #1474fc;
font-size: 18px;
text-align: center;
text-decoration: none; 
}

.smartbanner__button__label {
text-align: center; 
}

.smartbanner.smartbanner--android {
background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");
box-shadow: inset 0 4px 0 #88b131; 
}

.smartbanner.smartbanner--android .smartbanner__exit {
left: 6px;
margin-right: 7px;
width: 17px;
height: 17px;
border-radius: 14px;
background: #1c1e21;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
color: #b1b1b3;
font-family: 'ArialRoundedMTBold', Arial;
font-size: 20px;
line-height: 17px;
text-shadow: 0 1px 1px #000; 
}

.smartbanner.smartbanner--android .smartbanner__exit::before, .smartbanner.smartbanner--android .smartbanner__exit::after {
top: 3px;
left: 8px;
width: 2px;
height: 11px;
background: #b1b1b3; 
}

.smartbanner.smartbanner--android .smartbanner__exit:active, .smartbanner.smartbanner--android .smartbanner__exit:hover {
color: #eee; 
}

.smartbanner.smartbanner--android .smartbanner__icon {
background-color: transparent;
box-shadow: none; 
}

.smartbanner.smartbanner--android .smartbanner__info {
color: #ccc;
text-shadow: 0 1px 2px #000; 
}

.smartbanner.smartbanner--android .smartbanner__info__title {
color: #fff;
font-weight: bold; 
}

.smartbanner.smartbanner--android .smartbanner__button {
top: 30px;
right: 20px;
padding: 0;
min-width: 12%;
border-radius: 0;
background: none;
box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
color: #d1d1d1;
font-size: 14px;
font-weight: bold; 
}

.smartbanner.smartbanner--android .smartbanner__button:active, .smartbanner.smartbanner--android .smartbanner__button:hover {
background: none; 
}

.smartbanner.smartbanner--android .smartbanner__button__label {
display: block;
padding: 0 10px;
background: #42b6c9;
background: linear-gradient(to bottom, #42b6c9, #39a9bb);
box-shadow: none;
line-height: 24px;
text-align: center;
text-shadow: none;
text-transform: none; 
}

.smartbanner.smartbanner--android .smartbanner__button__label:active, .smartbanner.smartbanner--android .smartbanner__button__label:hover {
background: #2ac7e1; 
}

.containerUne{
  position: relative;
  background: #000;
}
.containerUne.homepage{
  background:#f2f0e9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE5MjAgMTI4MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkyMCAxMjgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzE1MTUxNTt9Cjwvc3R5bGU+CjxnIGlkPSJDYWxxdWVfMSI+Cgk8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMjgwIi8+CjwvZz4KPGcgaWQ9IkNhbHF1ZV8yIj4KCTxwYXRoIGQ9Ik0xMjUwLjUsNDQyLjljLTIwLjYtMTIuNy00Mi0yNC4yLTY0LjEtMzQuMmMtNTUuNi0yNS4yLTExMy44LTQwLjctMTczLjgtNDYuNGwzMC0yMS44aC02Mi44bC0xOS40LTU5LjdsLTE5LjQsNTkuN2gtNjIuOAoJCWwzMCwyMS44Yy01OS45LDUuNy0xMTguMiwyMS4yLTE3My44LDQ2LjRjLTIyLjEsMTAtNDMuNSwyMS40LTY0LjEsMzQuMmMtMSwyNS44LTAuNiw1MS45LDEuNCw3OC4yCgkJYzEwLjYsMTQxLjMsNjMuOSwyNzIuNiwxNTAuMiwzNjkuNWM0MS4zLDQ2LjMsODguMiw4Mi43LDEzOC40LDEwOGM1MC4yLTI1LjMsOTcuMS02MS43LDEzOC40LTEwOAoJCWM4Ni4zLTk2LjksMTM5LjctMjI4LjEsMTUwLjMtMzY5LjVDMTI1MSw0OTQuOCwxMjUxLjUsNDY4LjcsMTI1MC41LDQ0Mi45eiBNOTQxLjEsMzQ2LjFoNC4ybDEuMy0zLjlsMTQtNDNsMTQsNDNsMS4zLDMuOWg0LjJoNDUuMgoJCWwtMzYuNiwyNi42bC0zLjQsMi40bDEuMywzLjlsMTQsNDNsLTM2LjYtMjYuNmwtMy40LTIuNGwtMy40LDIuNGwtMzYuNiwyNi42bDE0LTQzbDEuMy0zLjlsLTMuNC0yLjRsLTM2LjYtMjYuNkg5NDEuMXoKCQkgTTk5Ni44LDM5Mi43Yzc3LjgsNS42LDE1NCwyOC45LDIyMi41LDY4LjRjMC4yLDE5LjEtMC4zLDM4LjUtMS44LDU3LjZjLTcuNSw5OS44LTM3LjQsMTk1LTg2LjYsMjc1LjUKCQljLTQ0LjcsNzMuMS0xMDMuNiwxMzEuMy0xNzAuNSwxNjguNWMtNjYuOS0zNy4zLTEyNS43LTk1LjQtMTcwLjUtMTY4LjVjLTQ5LjItODAuNC03OS4yLTE3NS43LTg2LjYtMjc1LjUKCQljLTEuNC0xOS4xLTItMzguNC0xLjgtNTcuNmM2OC41LTM5LjUsMTQ0LjctNjIuOSwyMjIuNS02OC40bC0xNC40LDQ0LjRsNTAuOC0zNi45bDUwLjgsMzYuOUw5OTYuOCwzOTIuN3ogTTEyNDQuMSw1MjAuNgoJCWMtMTYuMSwyMTUuMS0xMzAuNiwzOTMuOC0yODMuNiw0NzIuMWMtMTUzLTc4LjQtMjY3LjUtMjU3LTI4My42LTQ3Mi4xYy0xLjktMjUuMy0yLjQtNTAuMy0xLjUtNzQuOGM3MS41LTQzLjgsMTUyLjYtNzEuNywyMzkuMS03OQoJCWwxNC40LDEwLjRjLTg0LjcsNS4xLTE2Ny43LDMwLjctMjQxLjcsNzQuOGwtMC42LDAuNGwwLDAuN2MtMC42LDIyLjEsMCw0NC42LDEuNyw2Ni43YzcuNiwxMDIuMiwzOC4zLDE5OS44LDg4LjgsMjgyLjIKCQljNDcuNiw3Ny44LDExMC44LDEzOS4yLDE4Mi44LDE3Ny41bDAuNiwwLjNsMC42LTAuM2M3Mi0zOC40LDEzNS4yLTk5LjgsMTgyLjgtMTc3LjVjNTAuNS04Mi41LDgxLjItMTgwLjEsODguOC0yODIuMgoJCWMxLjctMjIuMiwyLjItNDQuNiwxLjctNjYuN2wwLTAuN2wtMC42LTAuNGMtNzQtNDQuMS0xNTYuOS02OS43LTI0MS43LTc0LjhsMTQuNC0xMC40Yzg2LjUsNy4zLDE2Ny42LDM1LjIsMjM5LjIsNzkKCQlDMTI0Ni40LDQ3MC40LDEyNDUuOSw0OTUuNCwxMjQ0LjEsNTIwLjZ6Ii8+Cgk8cGF0aCBkPSJNNzg4LjksNjk4Ljh2NzEuMWMzLjUsNi4yLDcsMTIuMywxMC43LDE4LjRjMTcuMiwyOC4xLDM2LjUsNTQsNTcuNyw3Ny4ydi04OEM4MzEuNyw3NTQuNCw4MDguNyw3MjgsNzg4LjksNjk4Ljh6Ii8+Cgk8cGF0aCBkPSJNMTA2My42LDc3Ny41djg4YzIxLjEtMjMuMyw0MC41LTQ5LjEsNTcuNy03Ny4yYzMuNy02LDcuMy0xMi4yLDEwLjctMTguNHYtNzEuMUMxMTEyLjIsNzI4LDEwODkuMiw3NTQuNCwxMDYzLjYsNzc3LjV6Ii8+Cgk8Zz4KCQk8cmVjdCB4PSI5NDQuOCIgeT0iODc3LjUiIHdpZHRoPSI2LjIiIGhlaWdodD0iMTAuMSIvPgoJCTxwYXRoIGQ9Ik05NjAuNSw4NDQuOWMtMTUuMi02LjgtMzAtMTQuNy00NC4yLTIzLjR2OTguNGMxNC4yLDExLDI5LDIwLjksNDQuMiwyOS43YzE1LjItOC44LDI5LjktMTguNyw0NC4yLTI5Ljd2LTk4LjQKCQkJQzk5MC40LDgzMC4zLDk3NS43LDgzOC4xLDk2MC41LDg0NC45eiBNOTM2LjYsOTA0LjRoLTQuN1Y4ODFjLTEsMS41LTIuOCwyLjMtNC4xLDIuM3YtNC4yYzIuMy0wLjIsNC4xLTIuMyw0LjEtNi4xaDQuN1Y5MDQuNHoKCQkJIE05NTUuNyw4OTkuN2MwLDMuMi0xLjQsNC43LTQuNCw0LjdoLTEwLjF2LTQuNWg5Ljh2LThoLTYuM2MtMy4zLDAtNC41LTEuNi00LjUtNS4xdi04LjVjMC0zLjIsMS40LTUuMyw0LjMtNS4zaDYuNwoJCQljMy4xLDAsNC42LDEuNyw0LjYsNS40Vjg5OS43eiBNOTc0LjUsODk5LjNjMCwzLjItMS41LDUuMS00LjQsNS4xaC02LjdjLTMuMywwLTQuNS0yLjEtNC41LTUuMlY4OTVoNC43djUuMWg2LjJ2LTkuOGgtNS45Vjg4NgoJCQloNS44di04LjdoLTYuMXY0LjFoLTQuN3YtMy41YzAtMy40LDAuOS01LDQuNS01aDYuNmMzLjQsMCw0LjMsMS43LDQuMyw0Ljh2N2MwLDEuNi0wLjUsMi43LTEuNSwzLjNjMS4yLDAuNiwxLjYsMS44LDEuNiwzLjgKCQkJVjg5OS4zeiBNOTkzLjEsODk5LjNjMCwzLjItMS41LDUuMS00LjQsNS4xSDk4MmMtMy4zLDAtNC41LTIuMS00LjUtNS4yVjg5NWg0Ljd2NS4xaDYuMnYtOS44aC01LjlWODg2aDUuOHYtOC43aC02LjF2NC4xaC00LjcKCQkJdi0zLjVjMC0zLjQsMC45LTUsNC41LTVoNi42YzMuNCwwLDQuMywxLjcsNC4zLDQuOHY3YzAsMS42LTAuNSwyLjctMS41LDMuM2MxLjIsMC42LDEuNiwxLjgsMS42LDMuOFY4OTkuM3oiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGQ9Ik05NzQuMSw3MDYuM2MwLjctMC4yLDEuMy0wLjQsMS45LTAuNmM5LjYtMi43LDI3LjItMTEuNiw2LjMtMTAuOWwtMy42LDAuM2MwLDAsMzcuOC0xMy45LDM4LjgtMjMuOWMwLDAsMC44LTIuNC0xMS4zLTAuNwoJCQljMCwwLDI2LjItMjEuNSwyNS44LTI5LjJjMCwwLDEtNS42LTcuMywwLjNjMCwwLDQtMjUuMi0xLjMtMjguMmMwLDAtNi4zLDQ0LjctNTIuNyw3Ni41YzAsMC00LDIuNC0xMC4xLDYuNAoJCQljLTYuMi00LjItMTAuNC02LjctMTAuNC02LjdjLTQ2LjQtMzEuOC01Mi43LTc2LjUtNTIuNy03Ni41Yy01LjMsMy0xLjMsMjguMi0xLjMsMjguMmMtOC4zLTYtNy4zLTAuMy03LjMtMC4zCgkJCWMtMC4zLDcuNiwyNS44LDI5LjIsMjUuOCwyOS4yYy0xMi40LTIuOC0xMS4zLDAuNy0xMS4zLDAuN2MxLDkuOSwzOC44LDIzLjksMzguOCwyMy45bC0zLjYtMC4zYy0yMS42LTEuMy0zLjMsOC4zLDYuMywxMC45CgkJCWMwLjcsMC4yLDEuNSwwLjQsMi40LDAuN2MtMTguMiwxNC00MC4zLDM1LTQwLjEsNTQuNWMwLDAsMTUuOS0yMy4yLDI0LjItMjkuNWM4LjMtNi4zLDIwLjItNy42LDIwLjItOS42YzAtMi03LjYtMi43LTcuNi0yLjcKCQkJczguMi0zLjksMTYuOS03LjVjOC40LDMuNiwxNi4zLDcuMywxNi4zLDcuM3MtNy42LDAuNy03LjYsMi43YzAsMiwxMS45LDMuMywyMC4yLDkuNmM4LjMsNi4zLDI0LjIsMjkuNSwyNC4yLDI5LjUKCQkJQzEwMTQsNzQxLjEsOTkyLjIsNzIwLjIsOTc0LjEsNzA2LjN6Ii8+CgkJPGc+CgkJCTxwYXRoIGQ9Ik05MzIsNjQ0LjVjLTAuMywwLjUtMC41LDEuMi0wLjUsMS45YzAsMiwxLjYsMy42LDMuNiwzLjZjMC40LDAsMC44LTAuMSwxLjItMC4ybDAuMywxbDIsNy4xYzYtMS40LDE0LjItMS44LDIyLjMtMS43CgkJCQljNy44LDAsMTUuNywwLjQsMjEuNSwxLjdsMi03LjFsMC4zLTFjMC40LDAuMSwwLjgsMC4yLDEuMiwwLjJjMiwwLDMuNi0xLjYsMy42LTMuNmMwLTAuNy0wLjItMS4zLTAuNS0xLjkKCQkJCWMxLjYtMS4xLDMuMi0zLjgsMy41LTUuMmMyLjItOC4yLTMuNi0xMS4zLTkuMS0xMC4zYzAuMSwxLDAuMiwyLDAuMiwzYzAsMS4yLTAuMSwyLjQtMC4zLDMuNmMwLjQtMC4xLDAuOC0wLjEsMS4yLDAKCQkJCWMzLjUsMC4zLDQuNiw0LjksMy43LDhjLTAuNi0wLjUtMS40LTAuOC0yLjMtMC44Yy0yLDAtMy42LDEuNi0zLjYsMy42YzAsMSwwLjQsMS44LDEsMi41bC01LjgsMy44bC0xLjgtNS44CgkJCQljMS43LTAuMywzLjEtMS44LDMuMS0zLjZjMC0wLjYtMC4xLTEuMS0wLjQtMS42YzEuNC0xLjYsMi43LTMuOCwzLTUuMmM0LjQtMTYuMi0xNi41LTE2LjQtMjAuOS01LjYKCQkJCWMtNC40LTEwLjgtMjUuMy0xMC42LTIwLjksNS42YzAuNCwxLjQsMS42LDMuNiwzLDUuMmMtMC4yLDAuNS0wLjQsMS0wLjQsMS42YzAsMS44LDEuMywzLjMsMy4xLDMuNmwtMS44LDUuOGwtNS44LTMuOAoJCQkJYzAuNi0wLjYsMS0xLjUsMS0yLjVjMC0yLTEuNi0zLjYtMy42LTMuNmMtMC45LDAtMS43LDAuMy0yLjMsMC44Yy0wLjktMy4xLDAuMi03LjcsMy43LThjMC40LDAsMC44LDAsMS4yLDAKCQkJCWMtMC4yLTEuMi0wLjMtMi40LTAuMy0zLjZjMC0xLDAuMS0yLDAuMi0zYy01LjUtMS0xMS40LDIuMS05LjEsMTAuM0M5MjguOCw2NDAuNyw5MzAuNCw2NDMuMyw5MzIsNjQ0LjV6IE05NjQuMiw2MzYuMgoJCQkJYzEuNC0zLjIsNC40LTQuOCw3LjItNC41YzMuNywwLjMsNS4yLDQuNSw1LDguMWMtMC40LTAuMS0wLjgtMC4yLTEuMi0wLjJjLTIsMC0zLjYsMS42LTMuNiwzLjZjMCwxLjIsMC42LDIuMywxLjUsM2wtNi4xLDMuNAoJCQkJbC0zLTQuN2MxLjMtMSwyLjEtMi42LDIuMS00LjRDOTY2LjEsNjM4LjgsOTY1LjMsNjM3LjMsOTY0LjIsNjM2LjJ6IE05NDQuNiw2MzkuOGMtMC4zLTMuNiwxLjItNy44LDUtOC4xCgkJCQljMi44LTAuMyw1LjgsMS4zLDcuMiw0LjVjLTEuMiwxLTEuOSwyLjUtMS45LDQuMmMwLDEuOCwwLjgsMy40LDIuMSw0LjRsLTMsNC43bC02LjEtMy40YzAuOS0wLjcsMS41LTEuNywxLjUtMwoJCQkJYzAtMi0xLjYtMy42LTMuNi0zLjZDOTQ1LjQsNjM5LjYsOTQ1LDYzOS43LDk0NC42LDYzOS44eiIvPgoJCQk8cGF0aCBkPSJNOTgxLDY2MC4zYy01LjQtMS4zLTEyLjgtMS43LTIwLjItMS43Yy03LjYsMC0xNS4zLDAuMy0yMC45LDEuN2wwLjgsNGMxMi42LTEuNSwyNy0xLjUsMzkuNiwwTDk4MSw2NjAuM3oiLz4KCQkJPHBhdGggZD0iTTk0MC45LDY2Ni44YzAsMi40LDM5LjIsMi40LDM5LjIsMEM5ODAsNjY0LjQsOTQwLjksNjY0LjQsOTQwLjksNjY2Ljh6Ii8+CgkJCTxwYXRoIGQ9Ik05NTYuNCw2MjEuN2MtMS4xLTEuOCwxLjctMi42LDIuOC0wLjZjMC4xLDAuMiwwLjIsMC4zLDAuMiwwLjVjLTAuMywwLjEtMC41LDAuNC0wLjUsMC43YzAsMC40LDAuMywwLjYsMC42LDAuNwoJCQkJYy0wLjMsMC44LTEuMywxLjEtMS45LDAuNmMwLjEsMC45LDEsMS4yLDEuNywwLjljMCwwLjcsMC4yLDEuNCwxLjEsMS45YzAuOS0wLjYsMS4yLTEuMywxLjEtMS45YzAuNywwLjMsMS42LDAuMSwxLjctMC45CgkJCQljLTAuNywwLjQtMS42LDAuMS0xLjktMC42YzAuMy0wLjEsMC42LTAuNCwwLjYtMC43YzAtMC4zLTAuMi0wLjYtMC41LTAuN2MwLjEtMC4xLDAuMS0wLjMsMC4yLTAuNWMxLjEtMiw0LTEuMiwyLjgsMC42CgkJCQljNS43LTAuOCwwLjgtOC42LTMuNC0xLjJjMC4zLTEuNCwxLTIuNiwxLTQuOWMwLTIuMS0wLjgtMy4xLTEuNy00LjFjLTAuOCwxLTEuNywxLjktMS43LDQuMWMwLDIuMywwLjcsMy41LDEsNC45CgkJCQlDOTU1LjYsNjEzLjEsOTUwLjgsNjIwLjksOTU2LjQsNjIxLjd6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cG9seWdvbiBwb2ludHM9Ijk2My4xLDc1Mi43IDk2My4xLDc0NC45IDk2MC41LDc0NC45IDk1Ny45LDc0NC45IDk1Ny45LDc1Mi43IDk1MC4xLDc1Mi43IDk1MC4xLDc1NS4zIDk1MC4xLDc1Ny45IDk1Ny45LDc1Ny45IAoJCQkJOTU3LjksNzY1LjYgOTYwLjUsNzY1LjYgOTYzLjEsNzY1LjYgOTYzLjEsNzU3LjkgOTcwLjgsNzU3LjkgOTcwLjgsNzU1LjMgOTcwLjgsNzUyLjcgCQkJIi8+CgkJCTxjaXJjbGUgY3g9Ijk2MC41IiBjeT0iNzQyLjMiIHI9IjIuNiIvPgoJCQk8Y2lyY2xlIGN4PSI5NzMuNCIgY3k9Ijc1NS4zIiByPSIyLjYiLz4KCQkJPGNpcmNsZSBjeD0iOTQ3LjUiIGN5PSI3NTUuMyIgcj0iMi42Ii8+CgkJCTxjaXJjbGUgY3g9Ijk2MC41IiBjeT0iNzY4LjIiIHI9IjIuNiIvPgoJCTwvZz4KCQk8Zz4KCQkJPGc+CgkJCQk8cG9seWdvbiBwb2ludHM9IjEwMjYuNyw3MDQuNSAxMDI2LjcsNjk2LjcgMTAyNC4xLDY5Ni43IDEwMjEuNSw2OTYuNyAxMDIxLjUsNzA0LjUgMTAxMy44LDcwNC41IDEwMTMuOCw3MDcgMTAxMy44LDcwOS42IAoJCQkJCTEwMjEuNSw3MDkuNiAxMDIxLjUsNzE3LjQgMTAyNC4xLDcxNy40IDEwMjYuNyw3MTcuNCAxMDI2LjcsNzA5LjYgMTAzNC41LDcwOS42IDEwMzQuNSw3MDcgMTAzNC41LDcwNC41IAkJCQkiLz4KCQkJCTxjaXJjbGUgY3g9IjEwMjQuMSIgY3k9IjY5NC4xIiByPSIyLjYiLz4KCQkJCTxjaXJjbGUgY3g9IjEwMzcuMSIgY3k9IjcwNyIgcj0iMi42Ii8+CgkJCQk8Y2lyY2xlIGN4PSIxMDExLjIiIGN5PSI3MDciIHI9IjIuNiIvPgoJCQkJPGNpcmNsZSBjeD0iMTAyNC4xIiBjeT0iNzIwIiByPSIyLjYiLz4KCQkJPC9nPgoJCQk8Zz4KCQkJCTxwb2x5Z29uIHBvaW50cz0iODk5LjQsNzA0LjMgODk5LjQsNjk2LjYgODk2LjgsNjk2LjYgODk0LjIsNjk2LjYgODk0LjIsNzA0LjMgODg2LjQsNzA0LjMgODg2LjQsNzA2LjkgODg2LjQsNzA5LjUgCgkJCQkJODk0LjIsNzA5LjUgODk0LjIsNzE3LjMgODk2LjgsNzE3LjMgODk5LjQsNzE3LjMgODk5LjQsNzA5LjUgOTA3LjIsNzA5LjUgOTA3LjIsNzA2LjkgOTA3LjIsNzA0LjMgCQkJCSIvPgoJCQkJPGNpcmNsZSBjeD0iODk2LjgiIGN5PSI2OTQiIHI9IjIuNiIvPgoJCQkJPGNpcmNsZSBjeD0iOTA5LjciIGN5PSI3MDYuOSIgcj0iMi42Ii8+CgkJCQk8Y2lyY2xlIGN4PSI4ODMuOCIgY3k9IjcwNi45IiByPSIyLjYiLz4KCQkJCTxjaXJjbGUgY3g9Ijg5Ni44IiBjeT0iNzE5LjkiIHI9IjIuNiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPHBhdGggZD0iTTgxNC40LDU0NmwtMjYuMSw4LjJsMiwxOS41bC0yMCw2LjNsLTguNy0xMDAuOWwzMi4xLTEwLjFsNTAuNSw4Ny44bC0yMC4yLDYuNEw4MTQuNCw1NDZ6IE03ODYuMyw1MzYuNWwxOS40LTYuMUw3ODQsNDkxCgkJCWwtMi4yLDAuN0w3ODYuMyw1MzYuNXoiLz4KCQk8cGF0aCBkPSJNOTQyLjIsNTI1LjJjMS4xLDExLjQtNC4xLDE5LjEtMTUuNCwyMC4ybC0zMy45LDMuNGMtOS43LDEtMTcuNy0zLjktMTguOS0xNi4zbC0xLjYtMTUuN2wyMC4zLTJsMS42LDE1LjlsMjcuNy0yLjgKCQkJbC0xLjctMTYuN0w4ODAuNCw1MDBjLTcuNC0yLjUtMTAuMi02LTExLjEtMTQuNmwtMS43LTE3LjZjLTEuMS0xMS40LDQuNS0xNi4zLDE0LjgtMTcuNGwzNS0zLjVjMTMtMS4zLDE3LjYsNC44LDE4LjksMTcuNWwxLjMsMTMKCQkJbC0yMC4zLDJsLTEuNC0xNC40bC0yNy43LDIuOGwxLjUsMTQuN2w0MC4xLDEwLjhjNy43LDIuNCwxMC4xLDUuOSwxMSwxNS4xTDk0Mi4yLDUyNS4yeiIvPgoJCTxwYXRoIGQ9Ik0xMDUxLjIsNTMzLjJjLTEuMywxMS4zLTgsMTcuOC0xOS4zLDE2LjVsLTMzLjktMy44Yy05LjctMS4xLTE2LjUtNy41LTE1LjEtMTkuOWwxLjgtMTUuN2wyMC4zLDIuM2wtMS44LDE1LjlsMjcuNywzLjEKCQkJbDEuOS0xNi42TDk5Niw0OTUuNmMtNi43LTQtOC43LTgtNy44LTE2LjZsMi0xNy41YzEuMy0xMS4zLDcuOC0xNSwxOC4xLTEzLjlsMzQuOSwzLjljMTMsMS41LDE2LjIsOC40LDE0LjgsMjEuMWwtMS41LDEzCgkJCWwtMjAuMy0yLjNsMS42LTE0LjRsLTI3LjctMy4xbC0xLjYsMTQuN2wzNi45LDE5YzcsNCw4LjYsNy45LDcuNiwxNy4xTDEwNTEuMiw1MzMuMnoiLz4KCQk8cGF0aCBkPSJNMTExNS42LDQ2NS40bDU3LjcsMTcuN2wtNS4zLDE3LjJsLTM4LTExLjdsLTYuNiwyMS41bDI3LjIsOC40bC01LjIsMTdsLTI3LjItOC40bC02LjcsMjEuN2wzOCwxMS43bC01LjMsMTcuMgoJCQlsLTU3LjctMTcuN0wxMTE1LjYsNDY1LjR6Ii8+Cgk8L2c+Cgk8cGF0aCBkPSJNOTE2LjMsNzkxaDMuMXYxNi4zaDcuN3YyLjloLTEwLjlWNzkxeiIvPgoJPHBhdGggZD0iTTkzNi44LDgwNy4xdi0xMy4zYzAtMS45LDEtMi44LDIuNy0yLjhoNi45YzIuMSwwLDIuOCwxLjIsMi44LDMuM3YxMi41YzAsMi0xLDMuMy0zLDMuM2gtNi41CgkJQzkzOC4xLDgxMC4yLDkzNi44LDgwOS4zLDkzNi44LDgwNy4xeiBNOTQ2LjEsODA3LjN2LTEzLjRoLTYuMnYxMy40SDk0Ni4xeiIvPgoJPHBhdGggZD0iTTk1OC45LDc5MWgzLjF2MTkuMmgtMy4xVjc5MXoiLz4KCTxwYXRoIGQ9Ik05NzEuOSw4MTAuMlY3OTFoOS40YzEuOSwwLDIuNiwxLDIuNiwzLjF2Ny4yYzAsMS42LTAuNiwyLjUtMS45LDIuN2wyLjEsNi4ySDk4MWwtMi4xLTYuMUg5NzV2Ni4xSDk3MS45eiBNOTgwLjksODAxLjIKCQl2LTcuM0g5NzV2Ny4zSDk4MC45eiIvPgoJPHBhdGggZD0iTTk5NCw3OTFoMTAuN3YyLjloLTcuNXY1LjRoNS4zdjIuOGgtNS4zdjUuM2g3LjV2Mi45SDk5NFY3OTF6Ii8+Cgk8Zz4KCQk8cGF0aCBkPSJNODM0LjIsNjA0LjhjMC45LDMuMSwwLjEsNS4zLTIuOCw2LjJsLTcuNCwyLjJjLTIuNCwwLjctNC42LTAuMi01LjUtMy41bC0xLjQtNC43bDQuNC0xLjNsMS41LDUuMmw3LTJsLTEuOC02LjIKCQkJbC0xMC44LTIuMWMtMS44LTAuNC0yLjYtMS4yLTMuMS0zLjJsLTEuNS01LjNjLTAuOC0yLjksMC4yLTQuNSwyLjgtNS4zbDcuNi0yLjJjMy4xLTAuOSw0LjYsMC4zLDUuNSwzLjZsMS4yLDQuMWwtNC40LDEuMwoJCQlsLTEuNC00LjhsLTcsMmwxLjYsNS40bDEwLjgsMi4xYzEuOCwwLjQsMi41LDEuMiwzLjEsMy4yTDgzNC4yLDYwNC44eiIvPgoJCTxwYXRoIGQ9Ik04NTMuNiw1OTlsLTcsMS43bDAuMyw2LjJsLTQuNiwxLjFsLTEuMy0zMGw3LjUtMS44bDEyLjEsMjcuNWwtNC42LDEuMUw4NTMuNiw1OTl6IE04NDYuMyw1OTYuNWw1LjYtMS4zbC01LjktMTMuOAoJCQlsLTAuNiwwLjFMODQ2LjMsNTk2LjV6Ii8+CgkJPHBhdGggZD0iTTg2Mi43LDU3My4ybDQuNi0wLjlsNS42LDI5bC00LjYsMC45TDg2Mi43LDU3My4yeiIvPgoJCTxwYXRoIGQ9Ik04OTMuNiw1OTcuOWwtNi44LTEyLjRjLTEuMi0yLjMtMy4xLTYuMy00LjctOS45YzAuNywzLjcsMS40LDcuNywxLjcsOS42bDIuMSwxMy45bC00LDAuNmwtNC4zLTI5LjJsNS43LTAuOGw3LjEsMTMuMQoJCQljMS4zLDIuNCwzLjMsNi42LDQuOSwxMC4yYy0wLjctMy44LTEuNS04LjEtMS44LTEwLjFsLTIuMS0xNC40bDQtMC42bDQuMywyOS4yTDg5My42LDU5Ny45eiIvPgoJCTxwYXRoIGQ9Ik05MTAuNiw1NzAuNWwtNi4zLDAuNmwtMC40LTQuM2wxNy4zLTEuNmwwLjQsNC4zbC02LjMsMC42bDIuNCwyNWwtNC43LDAuNEw5MTAuNiw1NzAuNXoiLz4KCQk8cGF0aCBkPSJNOTI3LjMsNTc4LjNsOS45LTAuNmwwLjIsNC4zbC05LjksMC42TDkyNy4zLDU3OC4zeiIvPgoJCTxwYXRoIGQ9Ik05NDUuOSw1NjMuOWwxNC4zLTAuMmwwLjEsNC4zbC05LjcsMC4ybDAuMSw4LjRsNi44LTAuMWwwLjEsNC4ybC02LjgsMC4xbDAuMSw4LjNsOS43LTAuMmwwLjEsNC4zbC0xNC4zLDAuMkw5NDUuOSw1NjMuOQoJCQl6IE05NTAuNSw1NjIuMmwxLjktNS40bDUuMy0wLjFsLTMuNCw1LjVMOTUwLjUsNTYyLjJ6Ii8+CgkJPHBhdGggZD0iTTk3NC4zLDU2OC4zbC02LjQtMC4ybDAuMS00LjRsMTcuMywwLjZsLTAuMSw0LjRsLTYuMy0wLjJsLTAuOCwyNS4xbC00LjctMC4xTDk3NC4zLDU2OC4zeiIvPgoJCTxwYXRoIGQ9Ik05OTQsNTY0LjhsNC43LDAuM2wtMi4xLDI5LjRsLTQuNy0wLjNMOTk0LDU2NC44eiIvPgoJCTxwYXRoIGQ9Ik0xMDA4LjksNTY2bDE0LjIsMS42bC0wLjUsNC4zbC05LjYtMWwtMC45LDguNGw2LjgsMC43bC0wLjUsNC4ybC02LjgtMC43bC0wLjksOC4zbDkuNiwxbC0wLjUsNC4ybC0xNC4yLTEuNkwxMDA4LjksNTY2egoJCQkiLz4KCQk8cGF0aCBkPSJNMTAzOS42LDU5OS44bC0yLjctMTMuOWMtMC41LTIuNS0xLTYuOS0xLjUtMTAuOWMtMC41LDMuNy0xLDcuOC0xLjMsOS43bC0yLjIsMTMuOWwtNC0wLjdsNC43LTI5LjFsNS42LDAuOWwyLjgsMTQuNwoJCQljMC41LDIuNywxLjEsNy4zLDEuNiwxMS4yYzAuNS0zLjgsMS04LjIsMS4zLTEwLjJsMi4zLTE0LjNsNCwwLjdsLTQuNywyOS4xTDEwMzkuNiw1OTkuOHoiLz4KCQk8cGF0aCBkPSJNMTA2NS44LDYwNWwtMS45LTE0Yy0wLjMtMi41LTAuNi03LTAuOS0xMWMtMC43LDMuNy0xLjQsNy43LTEuOCw5LjZsLTMsMTMuN2wtNC0wLjlsNi40LTI4LjhsNS42LDEuMmwxLjksMTQuOAoJCQljMC4zLDIuNywwLjcsNy40LDEsMTEuM2MwLjctMy44LDEuNS04LjEsMS45LTEwLjFsMy4xLTE0LjJsNCwwLjlsLTYuNCwyOC44TDEwNjUuOCw2MDV6Ii8+CgkJPHBhdGggZD0iTTEwODguMSw1ODBsMTMuOCwzLjhsLTEuMSw0LjJsLTkuMy0yLjZsLTIuMiw4LjFsNi42LDEuOGwtMS4xLDRsLTYuNi0xLjhsLTIuMiw4bDkuMywyLjZsLTEuMSw0LjFsLTEzLjgtMy44TDEwODguMSw1ODB6CgkJCSIvPgoJPC9nPgoJPHBhdGggZD0iTTk2MC41LDMzOC41bDUuNSwxNi45bDEsMi45aDMuMWgxNy43bC0xNC4zLDEwLjRsLTIuNSwxLjhsMSwyLjlsNS41LDE2LjlMOTYzLDM3OS45bC0yLjUtMS44bC0yLjUsMS44bC0xNC40LDEwLjQKCQlsNS41LTE2LjlsMS0yLjlsLTIuNS0xLjhsLTE0LjQtMTAuNEg5NTFoMy4xbDEtMi45TDk2MC41LDMzOC41IE05NjAuNSwzMjQuN0w5NTEsMzU0aC0zMC45bDI0LjksMTguMWwtOS41LDI5LjNsMjQuOS0xOC4xCgkJbDI0LjksMTguMWwtOS41LTI5LjNsMjQuOS0xOC4xSDk3MEw5NjAuNSwzMjQuN0w5NjAuNSwzMjQuN3oiLz4KPC9nPgo8L3N2Zz4K);
  background-size: cover;
  width: 100%;
  background-position: center center;
    overflow: hidden;
}
.containerUne.homepage{
  padding-bottom: 134%;
}
#articleUne{
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background:#000;
    z-index: 1;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
.homepage.video #articleUne{
  position: relative;
    height: 505px;
    overflow: hidden;
}
.homepage.video{
    padding-bottom: 0%;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
#illustration_top .shadowtop{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	height: 339px;
    background: url(../img/une_shadow_top.png) top center repeat-x;
    background-size: 1px 89px;
}
#articleUne figure{
	margin-bottom: 0;
	position: relative;
    opacity: 0.6;
}
#articleUne img{
	width: 100%;
    opacity: 0.9;
}
#articleUne .videoUne{
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
    opacity: 0.7;
}
#articleUne .titre_infos{
	position: absolute;
	bottom: 140px;
    z-index: 2;
	left: 0;
    width: 100%;
}
#articleUne h1{
    color:#fff;
    font-weight: bold;
    margin-top: 5px;
    font-size: 28px;
    position: relative;
    text-transform: uppercase;
}
#articleUne h1 a{
    color:#fff;
    font-family: 'apotek-cond';
    font-weight: 400;
}
#articleUne h1 a:hover{
    text-decoration: none;
}
#articleUne .lireaussi{
	color:#fff;
    font-weight: light;
    font-size: 14px;
}
#articleUne .lireaussi a{
	color:#fff;
	display: block;
	margin-bottom: 5px;
}
#articleUne .titre_infos .bouton_article{
    color:#fff;
    text-transform: uppercase;
    font-weight: 400;
    border:solid 1px var(--vert-asse);
    display: inline-block !important;
    padding: 4px 35px;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    background: none;
    transition:         0.08s ease-in;
    -o-transition:      0.08s ease-in;
    -ms-transition:     0.08s ease-in;
    -moz-transition:    0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

#articleUne .titre_infos .bouton_article:hover {
  color: #fff;
  text-decoration: none;
}

#articleUne .titre_infos .bouton_article:before {
  content: "";
  position: absolute;
  background: var(--vert-asse);
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

#articleUne .titre_infos .bouton_article:hover:before {
  top: 0;
}


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

.overlay_top{
    background:rgba(19, 19, 19, 0.6);
    margin-top: -105px;
    position: relative;
    z-index: 3;
    padding-top: 10px;
    padding-bottom: 10px;
}
.overlay_top .titre{
    color:var(--vert-asse);
    text-transform: uppercase;
    font-size: 12px;
}
.overlay_top .prochgame{
    padding-left: 30px;
    padding-right: 30px;
}
.overlay_top .prochgame .equipes{
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    /*font-size: 18px;*/
    font-size: 22px;
    line-height: 17px;
    margin-top: 5px;
}
.overlay_top .prochgame .logos img{
    width: 40px;
    margin-top: -10px;
}
.overlay_top .prochgame .logos img.first{
    margin-right: -7px;
}
.overlay_top .prochgame .logos img.second{
    margin-left: -7px;
}
.overlay_top .prochgame .logos img.asse{
    z-index: 3;
    position: relative;
}
.overlay_top .prochgame .infos{
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    margin-top: 5px;
}
.overlay_top .prochgame .infos.reserver{
    margin-top: -12px;
}
.overlay_top .prochgame .infos.reserver a.btn_vert{
    color: #fff;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
    background: var(--vert-asse);
    padding: 0px 7px;
    line-height: 17px;
}
.overlay_top .classement .position{
    color:#fff;
    font-size: 46px;
    text-transform: uppercase;
    font-weight: bold;
    height: 30px;
    margin-top: -6px;
}
.overlay_top .classement .position sup{
    font-size: 50%;
    top: -16px;
}
.overlay_top .classement_detail{
    padding-left: 0;
}
.overlay_top .classement_detail table{
    margin-bottom: 0;
    /*border-left: solid 1px #ffffff4d;*/
    margin-top: 5px;
}
.overlay_top .classement_detail table th,
.overlay_top .classement_detail table td{
    border:none; 
    font-size: 12px;
    text-transform: uppercase;
    color:#fff;
    text-align: center;
    font-weight: 300;
    padding: 1px 0 0px 20px;
}
.overlay_top .classement_detail table .pos,
.overlay_top .classement_detail table .club{
    text-align: left;
}
.overlay_top .classement_detail table tr.asse td{
    font-weight: bold;
}
.overlay_top .agenda{
    border-left: solid 2px rgba(8, 113, 74, 0.38);
}
.overlay_top .agenda table{
    margin-bottom: 0;
    margin-top: 3px;
}
.overlay_top .agenda table th,
.overlay_top .agenda table td{
    border:none; 
    font-size: 12px;
    text-transform: uppercase;
    color:#fff;
    text-align: center;
    font-weight: 300;
    padding: 0px 5px;
    line-height: 24px;
    vertical-align: baseline;
    text-align: left;
}
.overlay_top .agenda table td .chiffre{
    font-size: 22px;
    font-weight: bold;
}
.overlay_top .agenda table td .mois{
    font-weight: 300;
}
.overlay_top .agenda table td.event{
    text-transform: none;
    font-weight: bold;
}
.overlay_top .agenda.avenir_tv{
    border-right: solid 2px rgba(8, 113, 74, 0.38);
    border-left: none;
}
.overlay_top .agenda.avenir_tv .icon{
    font-size: 14px;
    margin-right: 5px;
}
.overlay_top .agenda.avenir_tv .icon.live{
    color:#e01111;
}
.overlay_top .agenda.avenir_tv .icon.live small{
    background: #e01111;
    color: #fff;
    padding: 0px 4px;
    border-radius: 2px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 3px;
    font-weight: 700;
}
.overlay_top .agenda.avenir_tv .logo_tv{
    width: 68px;
    margin-left: 3px;
    margin-top: -4px;
}

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

.actusimagees{
    padding-bottom: 15px;
    position: relative;
    z-index: 9;
	background:#ffffff;
	/*box-shadow: 0px 0px 29px 0px rgba(255, 255, 255, 0.73);*/
}
.actusimagees.treve{
    margin-top: -15px;
}
.actusimagees .uneactu{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
}
.actusimagees .uneactu .sujet{
	position: absolute;
    top: 15px;
    left: 45px;
    z-index: 3;
}
.actusimagees .uneactu .infos{
	position: absolute;
    bottom: 0px;
    width: calc(100% - 60px);
    color:#fff;
    padding: 15px;
    z-index: 3;
}
.actusimagees .uneactu .illustration{
	margin-bottom: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.actusimagees .uneactu:hover .illustration{
    opacity: 0.9;
}
.actusimagees .uneactu .infos h2{
    font-weight: 500;
    /*font-size: 21px;*/
    font-size: 17px;
    /*letter-spacing: -1px;*/
}
.actusimagees .uneactu .date{
    font-weight: 300;
    font-size: 12px;
}
.actusimagees .shadowbottom{
	position: absolute;
	bottom: 0px;
	z-index: 2;
	left: 30px;
	width: calc(100% - 60px);
	height: 310px;
	background:url(../img/une_shadow_bottom.png) bottom center repeat-x;
    background-size: 1px 220px;
}


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

.blocshare{
  font-weight: bold;
  font-size: 16px;
  margin-top: -10px;
}
.blocshare .icon{
  display: inline-block;
}
.blocshare .icon span a{
  font-size: 18px;
  color:#000;
  cursor: pointer;
  margin-left: 10px;
}

/*****************************************************************************/
/***************************   MATCHES  ***************************************/
/*****************************************************************************/


.matches{
	margin-top: 15px;
	padding-top: 15px;
    padding-bottom: 15px;
	background:#171717;
}

.bloc_stade h3.titre_module{
    text-align: center;
    color:#fff !important;
}


.matches .reserve{
  margin-top: 15px;
  color: #878787;
}
.matches_box .contentmatch{
    display: none;
    padding: 15px 45px;
}
.matches_box .contentmatch.slick-slide{
    display: block;
}
.matches_box .slick-arrow{
    height: 340px;
}
.matches_box .match{
    background-color: #fff;
    text-align: center;
    /*display: none;*/
    position: relative;
    /*-webkit-transition: all 0.3s;*/
    /*-moz-transition: all 0.3s;*/
    /*-ms-transition: all 0.3s;*/
    /*-o-transition: all 0.3s;*/
    /*transition: all 0.3s;*/
    margin-top: 15px;
    /*margin-bottom: 15px;*/
    /*position: relative;*/
    /*transform: scale(0.9);*/
    padding-top: 5px;
}
.matches_box .slick-list{
    /*padding: 0 55px 0 93px !important;*/
}
.matches_box .slick-track {
    /*width: 4500px !important;*/ 
}
.matches_box .match{
    /*display: block;*/
    /*opacity: 0.5;*/
    height: 410px;
}
.matches .zebet,
.contenu_inter.prochain .zebet{
    width: 220px;
    margin: auto;
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
}
.matches_box .match .zebet{
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
}
.matches_box .match .zebet *{
    /*max-width: 100%;*/
}
.matches_box .match.slick-slide.slick-current{
    /*opacity: 1;*/
    /*margin-left: -20px;*/
    /*margin-right: -20px;*/
    /*transform: scale(1);*/
    /*box-shadow: 0 0 40px 0 rgba(1,1,1,0.4);4*/
    /*z-index: 9;*/
    /*height: auto;*/
}
.matches_box .match.slick-slide .zebet{
    /*margin-top: -50px;*/
    /*margin-bottom: 20px;*/
}
/*.matches_box .match.slick-slide.slick-current .go_mcenter{*/
    /*margin-top: 30px;*/
/*}*/
.matches_box .match .date{
    display: block;
    width: 140px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    background: var(--vert-asse);
    padding: 3px 7px;
    line-height: 17px;
    font-weight: bold;
    margin: -10px auto 0;
    box-shadow: 0 0 20px 0 rgba(0,119,73,0.4);
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -75px;
}
.matches_box .match.passe .date{
    background: #252525;
}
.matches_box .match.passe .btn_vert{
    display: none;
}
.matches_box .match .infos{
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 15px;
}
.matches_box .match .infos.bottom{
    /*margin-bottom: 20px;*/
}
.matches_box .match .equipes{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    letter-spacing: -1px;
}
.matches_box .match .logo img{
    display: block;
    margin: auto;
}
.matches_box .match .book{
    display: block;
    width: 116px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background: var(--vert-asse);
    padding: 3px 7px;
    line-height: 17px;
    font-weight: bold;
    margin: 9px auto 0;
    border-radius: 0;
}
.matches_box .match .book.replay{
    width: 200px;
}
.matches_box .match .book.covoit{
    width: 134px;
}
.matches_box .match .go_mcenter{
    display: block;
    width: 156px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: #252525;
    padding: 3px 7px;
    line-height: 17px;
    margin: 0 auto 0;
    border-radius: 0;
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
}
.matches_box .match .book i,
.matches_box .match .go_mcenter i{
    margin-left: 0px;
    margin-right: 5px;
    -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;

}
.matches_box .match .book:hover i,
.matches_box .match .go_mcenter:hover i{
    margin-left: 5px;
    margin-right: 0px;
}
.matches_box .match .score{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
}

.slick_inde .un_inde{
    margin: 10px;
}
.slick_inde .slick-center img {
    color: #e67e22;
    opacity: 1;
}

.slick_inde .slick-arrow {
  height: 100%;
}


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

#filinfos{
	background:#171717;
    padding-bottom: 10px;
}
#filinfos h3.titre_module{
	margin-top: 15px;
}
#filinfos .pointer_slide{
	display: none;
}
#filinfos ul{
  list-style: none;
  padding-left: 0;
    white-space: nowrap;
}
#filinfos .cache{
	overflow: hidden;
}
#filinfos div.page {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: top;
}
#filinfos li{
  list-style: none;
   	padding-bottom: 7px;
   	padding-top: 7px;
    white-space: normal;
   	border-bottom: solid 1px #686868;
}
#filinfos li .sujet{
    font-size: 11px;
    vertical-align: unset;
}
#filinfos li .titre{
    font-weight: 500;
    display: block;
    color:#fff;
    width: 100%;
    vertical-align: top;
    margin-top: 3px;
}
#filinfos li .picto{
	color:#c5c4bf;
	display: inline-block;
	width: 26px;
	text-align: center;
    vertical-align: sub;
    font-size: 15px;
}
#filinfos li .date{
	color:#686868;
	font-weight: 500;
    font-size: 13px;
	margin-right: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: sub;
}
#filinfos li .date.today{
	color:#686868;
}
#filinfos li.important .titre{
	color:red;
	font-weight: 600;
}
#filinfos li a{
    color: #000000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#filinfos li a:hover{
    text-decoration: none;
    color:var(--vert-asse);
    cursor: pointer;
}
#filinfos .bottom .nav_fil{
    padding-left: 30px;
    position: relative;
    z-index: 3;
}
#filinfos .bottom .nav_fil span{
    cursor: pointer;
    font-size: 24px;
    margin-right: 10px;
}
#filinfos .bottom .nav_fil span i{
    font-size: 24px;
    color:#fff;
}
#filinfos .bottom .nav_fil .slick-disabled{
    opacity: 1 !important;
}
#filinfos .bottom .nav_fil .slick-disabled i{
    color:#686868;
}
#filinfos .bottom .nav_fil .slick-arrow {
    top: -9px;
    height: 32px;
    width: 20px;
    font-size: 27px;
    line-height: 0px;
    position: static;
}
#filinfos .bottom .goarchives a{
    color: var(--vert-asse);
    text-transform: lowercase;
    margin-right: 15px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
article #filinfos{
  background: none;
  padding-left: 0;
  padding-right: 0;
}
article #filinfos li {
    border-bottom: solid 1px #a7a7a7;
}
article #filinfos li .titre {
    color: #000;
}
article #filinfos h3.titre_module,
#sidebar .matches h3.titre_module {
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 26px;
    margin-top: 0px;
    line-height: 28px;
    text-transform: inherit;
    margin-bottom: 0px;
}
#sidebar .matches .logos img {
    max-width: 70px !important;
    position: relative;
    z-index: 2;
}
article #filinfos .slick-arrow {
    color: #686868;
}
article #filinfos .bottom .nav_fil .slick-disabled i {
    color: #a7a7a7;
}
article #filinfos li .titre {
    font-size: 14px;
}
article .sideside{ 
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 36%);
  margin-top: -15px;
  padding-top: 15px;
}
article .sideside img{
  max-width: 100%;
}
article .lireaussi{
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ebebeb;
    border-top: solid 1px #ebebeb;
    padding-top: 10px;
    padding-bottom: 10px;
}
article .lireaussi .accroche{
    font-weight: bold;
    color: #585858;
}
.actusimagees .bloc_autopromo,
article .content_article .bloc_autopromo{
    position: relative;
    margin: 15px auto !important;
}
.actusimagees .bloc_autopromo .overlay_autopromo,
article .content_article .bloc_autopromo .overlay_autopromo{
    position: absolute;
    bottom: 0;
    background: url(https://www.asse.fr/img/shadow_autopromo.png) bottom center repeat-x;
    width: 100%;
    height: 180px;
    z-index: 2;
}
.actusimagees .bloc_autopromo .infos_autop,
article .content_article .bloc_autopromo .infos_autop{
    z-index: 4;
    position: absolute;
    bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
}
.actusimagees .bloc_autopromo .infos_autop .site,
article .content_article .bloc_autopromo .infos_autop .site{
    font-size: 10px;
    margin-bottom: 5px;
}
.actusimagees .bloc_autopromo .infos_autop .titre,
article .content_article .bloc_autopromo .infos_autop .titre{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.actusimagees .bloc_autopromo img,
article .content_article .bloc_autopromo img{
    margin: auto !important;
    width: 100%;
}
article .content_article img.fr-fic.center{
    max-width: 100%;
    display: block;
    margin: 10px auto 10px !important;
}
article .content_article .lireaussi a{
    color: var(--vert-asse);
    font-weight: bold;
    border-bottom: solid 0px var(--vert-asse);
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
}
article .content_article .lireaussi a:hover{
    background:none;
    color:var(--vert-asse);
    border-bottom: solid 2px var(--vert-asse);
}
article .slider_img .lancediapo{
  position: relative;
  display: block;
}
article .slider_img .overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.6); 
    color: #FFF;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center; 
    opacity: 1;
    visibility: visible;
}

.table-responsive table td {
    border: solid 1px #a2a2a2;
}

/*****************************************************************************/
/***************************   SUJETS HOMEPAGE  ***************************************/
/*****************************************************************************/

.listarticle{
    background:#fff;
    overflow: hidden;
    padding-bottom: 15px;
}
.listarticle.blanc{
    /*padding-bottom: 30px;*/
    box-shadow: 0px 7px 49px 0px rgba(0, 0, 0, 0.27);
    z-index: 3;
    position: relative;
}
h3.titre_playlist{
    color: #202020;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
    width: 90%;
}
.listarticle h3.titre_playlist a{
    font-size: 14px;
    font-weight: 600;
    margin-left: 30px;
}
.listarticle h3.titre_playlist small{
    float: right;
}
.listarticle,
.listarticle .playlist{
    width: 100%;
}
.listarticle .playlist.slick-slider{
    width: auto;
    margin-right: -15px;
}
.listarticle .playlist.slick-slider .slick-arrow{
    color:#000;
    height: 30px;
    right: 10px;
    left: auto;
    font-size: 27px;
    top: -42px !important;
    z-index: 9;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}
.listarticle .playlist.slick-slider .slick-prev.slick-arrow{
    right: 33px;
}
.listarticle .playlist.slick-slider .slick-arrow.slick-disabled{
    opacity: 0.5 !important;
}
.listarticle .playlist .owl-stage-outer{
    overflow: visible;
}
.actus.anciens .unslide,
.listarticle .playlist .unslide{
    position: relative;
    width: 280px;
    display: block;
    height: 280px;
    margin-right: 15px;
    overflow: hidden;
}
.listarticle .playlist .unslide{
    display: none;
    width: auto;
    height: auto;
}
.unslide picture img{
    width: 100%;
}
.listarticle .playlist .unslide.slick-slide{
    display: block;
}
.actus.anciens .unslide{
    /*width: 315px;*/
    /*height: 315px;*/
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}
.main_live .actus.anciens .unslide,
.actus.anciens.barright .unslide{
    /*width: auto;*/
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    position: relative;
}
.main_live .actus.anciens .unslide .shadow,
.actus.anciens.barright .unslide .shadow{
    /*width: calc(100% - 30px);*/
    width: calc(100% - 24px);
    bottom: 0;
    left: 12px;
}
.main_live .actus.anciens .unslide picture,
.actus.anciens.barright .unslide picture{
    position: static;
}

.actus.anciens .unslide picture,
.listarticle .playlist .unslide picture{
    position: absolute;
    top: 0;
    left:0;
    z-index: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.listarticle .playlist .unslide picture{
    position: static;
}
.listarticle .playlist .unslide:hover picture{
    opacity: 0.9;
}
.actus.anciens .unslide .BG_mediatheque,
.actus.anciens .unslide .bg_joueur{
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.actus.anciens .unslide picture{
    left:15px;
    right: 15px;
}
.actus.anciens .unslide:hover .BG_mediatheque,
.actus.anciens .unslide:hover .bg_joueur,
.actus.anciens .unslide:hover picture,
.listarticle .playlist .unslide:hover picture{
    opacity: 0.9;
}
.actus.effectifs .bg_joueur {
    width: 100%;
    /*height: 100%;*/
    left: 0px;
    position: relative;
    background-size: 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    height: 350px;
}
.actus.anciens .unslide .sujet,
.listarticle .playlist .unslide .sujet{
    display: inline-block;
    top: 15px;
    left: 15px;
    position: absolute;
    z-index: 3;
}
.actus.anciens .unslide .sujet{
    left: 30px;
}
.actus.anciens .unslide .infos,
.listarticle .playlist .unslide .infos{
    display: block;
    bottom: 15px;
    left: 15px;
    right: 15px;
    position: absolute;
    z-index: 3;
}
.actus.anciens .unslide .infos{
    width: 285px;
    left: 30px;
}
.actus.anciens .unslide .infos h4{
    line-height: 20px;
}
.actus.anciens .unslide .overlay,
.listarticle .playlist .unslide .overlay,
.actusimagees .uneactu .overlay{
    position: absolute;
    z-index: 3;
    opacity: 0.83;
    width: 114px;
    height: 114px;
    top: 50%;
    left: 50%;
    margin-left: -57px;
    color: #fff;
    font-size: 35px;
    text-align: center;
    line-height: 114px;
    margin-top: -57px;
    visibility: initial;
    background: none;
    /*background:url(../img/btn_play.png);*/
}
.actus.anciens .unslide .overlay.premium,
.listarticle .playlist .unslide .overlay.premium{
    /*background:url(../img/btn_play_premium.png);*/
}
.actus.anciens .unslide .shadow,
.listarticle .playlist .unslide .shadow{
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background:url(../img/shadow_playlist.png);
    /*background-size: contain;*/
    background-size: 100% 100%;
    background-position: bottom center;
    box-shadow: none !important;
}
.actus.anciens .unslide .shadow{
    width: calc(100% - 30px);
    height: 315px;
    left: 15px;
}
.actus.anciens .unslide .infos h4,
.listarticle .playlist .unslide .infos h4{
    font-weight: bold;
    font-size: 16px;
    text-transform: initial;
    color:#fff;
}
.actus.anciens .unslide .infos .date,
.listarticle .playlist .unslide .infos .date{
    font-weight: lighter;
    font-size: 14px;
    text-transform: initial;
    color:#fff;
}
.actus.anciens .unslide .infos .date,
.listarticle .playlist .unslide .infos .date{
    font-weight: lighter;
    font-size: 14px;
    text-transform: initial;
    color:#fff;
}
.slick-arrow.slick-disabled {
    opacity: 0 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.slick-arrow{
    position: absolute;
    top: 0;
    background:none;
    border-bottom: none;
    height: 200px;
    opacity: 1;
    width: 50px;
    border:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    font-size: 60px;
}
.slick-arrow:focus{
    outline: none !important;
}

.slick-arrow.slick-next{
    right: 0;
}
.slick-arrow.slick-prev{
    left: 0;
    z-index: 2;
}


/*****************************************************************************/
/***************************   VIDEO STAR / DERNIER ALBUM  ***************************************/
/*****************************************************************************/

.last_album,
.video_star{
    margin-top: 30px;
}
.video_star{
    background: #f7f6f2;
    padding-top: 20px;
    padding-bottom: 20px;
}
.last_album h2,
.video_star h2{
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    margin-top: 0;
}
.last_album h2 a,
.video_star h2 a{
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}
.last_album h2 a:hover,
.video_star h2 a:hover{
    text-decoration: none;
}
.last_album .ssinfos .duree,
.video_star .ssinfos .duree{
    color:#939392;
    font-size: 12px;
    margin-left: 10px;
}
.last_album .ssinfos p,
.video_star .ssinfos p{
    color:#000;
    font-size: 15px;
    margin-top: 8px;
    font-weight: 500;
    margin-bottom: 0px;
}
.last_album .ssinfos a,
.video_star .ssinfos a{
    color: var(--vert-asse);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}
.video_star .overlay{
    position: absolute;
    z-index: 3;
    opacity: 0.83;
    width: 114px;
    height: 114px;
    top: 50%;
    left: 50%;
    margin-left: -57px;
    color: #fff;
    font-size: 35px;
    text-align: center;
    line-height: 114px;
    margin-top: -57px;
    background:url(../img/btn_play.png);
}
.last_album .first,
.last_album .second{
    position: relative;
}
.last_album .shadow{
    background: url(../img/shadow_playlist.png) center 15px repeat-x;
    position: absolute;
    width: 100%;
    height: 100%;
}
.last_album .first{
    width: 90%;
}
.last_album .second{
    width: 70%;
    z-index: 3;
    margin-top: -100px;
    left: 30%;
}

#videostar,
#album{
    background:#000;
    /*margin-top: 15px;*/
    position: relative;
}
#album{
    margin-top: 0px;
}
#videostar picture,
#album picture{
    opacity: 0.5;
}
#videostar picture img,
#album picture img{
    width: 100%;
}
#videostar .container,
#album .container{
    position: relative;
    top: 0;
    bottom: 0;
    height: 100%;
}
#videostar .titre_infos ,
#album .titre_infos {
    height: 100%;
    bottom: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
#videostar .container .entoure,
#album .container .entoure{
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#videostar .container .entoure .sujet_video,
#album .container .entoure .sujet_video{
    color:#3a986d;
}
#videostar .container .entoure h1 a,
#album .container .entoure h1 a,
#unfccc h2{
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
}
#videostar .titre_infos .bouton_article,
#album .titre_infos .bouton_article{
    color:#fff;
    text-transform: uppercase;
    font-weight: 400;
    border:solid 1px var(--vert-asse);
    display: inline-block !important;
    padding: 4px 35px;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    background: none;
    transition:         0.08s ease-in;
    -o-transition:      0.08s ease-in;
    -ms-transition:     0.08s ease-in;
    -moz-transition:    0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}

#videostar .titre_infos .bouton_article:hover ,
#album .titre_infos .bouton_article:hover {
  color: #fff;
  text-decoration: none;
}

#videostar .titre_infos .bouton_article:before ,
#album .titre_infos .bouton_article:before {
  content: "";
  position: absolute;
  background: var(--vert-asse);
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

#videostar .titre_infos .bouton_article:hover:before ,
#album .titre_infos .bouton_article:hover:before {
  top: 0;
}
#videostar figure,
#album figure{
    margin-bottom: 0;
}

#videostar.asse_tv{

}
#videostar.asse_tv .logo_tv{
  width: 200px;
}
#videostar.asse_tv .sujet_line{
    color: #18dd8c;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 20px;
}
#videostar.asse_tv h1{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    line-height: 32px;
    width: 90%;
    margin-top: 0px;
    margin-bottom: 10px;
}
#videostar.asse_tv a.outline,
.plus a.outline{
    border: solid 1px #18dd8c;
    padding: 5px 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    background: none;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
    z-index: 4;
}
#videostar.asse_tv a.outline i,
.plus a.outline i{
    margin-left: 5px;
}
#videostar.asse_tv a.outline.abonnement,
.plus a.outline.abonnement{
    border-color:#b19465;
}
#videostar.asse_tv a.outline:hover,
.plus a.outline:hover{
	text-decoration: none;
}
#videostar.asse_tv a.outline:hover:before ,
.plus a.outline:hover:before {
    top: 0;
}
#videostar.asse_tv a.outline:before ,
.plus a.outline:before {
    content: "";
    position: absolute;
    background: #18dd8c;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}
#videostar.asse_tv a.outline.abonnement:before ,
.plus a.outline.abonnement:before {
    background: #b19465;
}
#videostar.asse_tv .more,
.plus .more{
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}
#videostar.asse_tv .more span,
.plus .more span{
    color: #18dd8c;
    font-weight: bold;
}
#videostar.asse_tv a.inline,
.plus a.inline{
    font-size: 12px;
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
}
#videostar.asse_tv a.inline span,
.plus a.inline span{
    color:#b19465;
}
.autres_assetv{
	background:#1a1a1a;
	padding-top: 15px;
	padding-bottom: 15px;
}
.autres_assetv .unevideo{
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}
.autres_assetv .unevideo picture{
    width: 100%;
    top: 0;
	border-bottom: solid 3px #0ddc97; 
    display: block;
    left: 0;
    overflow: hidden;
}
.autres_assetv .unevideo.premium picture{
	border-bottom: solid 3px #ab8f61;
}
.autres_assetv .unevideo picture img{
    opacity: 0.6;
    transform: scale(1);
    transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}
.autres_assetv .unevideo:hover picture img{
    transform: scale(1.1);
    opacity: 0.4;
}
.autres_assetv h4{
    font-weight: bold;
    font-size: 16px;
    text-transform: initial;
    color: #fff;
    position: absolute;
    z-index: 99;
    bottom: 5px;
    left: 10px;
    margin-bottom: 0;
}
.autres_assetv .overlay{
    position: absolute;
    z-index: 3;
    opacity: 1;
    width: 114px;
    height: 114px;
    top: 50%;
    left: 50%;
    margin-left: -57px;
    color: #fff;
    font-size: 50px;
    text-align: center;
    line-height: 114px;
    margin-top: -57px;
    transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    opacity: 0;
}
.autres_assetv .unevideo:hover .overlay{
    opacity: 1;
}
.autres_assetv .filters{    
	color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 25px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    flex-wrap: revert;
}
.autres_assetv .filters .filtre{   
	cursor: pointer; 
    width: auto;
    max-width: revert;
    padding: 0;
}
.autres_assetv .filters .filtre.select{   
    color: #15c888;
}
.autres_assetv .filters .separ{   
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}





.autres_videos .unslide,
.autres_photos .unslide{ 
    position: relative;
    display: none;
}
.autres_videos .unslide .sujet{
    top: 10px;
    position: absolute;
    left: 10px;
    z-index: 3;
}
.listarticle .left-align-slick > .slick-list > .slick-track {    
    margin-left:0;
}
.autres_videos .unslide.slick-slide,
.autres_photos .unslide.slick-slide{
    display: block;
}
.autres_videos .unslide picture,
.autres_photos .unslide picture{
    width: 100%;
    top: 0;
    left: 0;
}
.autres_videos .unslide .shadow,
.autres_photos .unslide .shadow{
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../img/shadow_playlist.png);
    /* background-size: contain; */
    background-size: 100% 100%;
    background-position: bottom center;
    box-shadow: none !important;
}
.autres_videos .unslide .shadow{ 
    background-size: 100%;
}
.autres_videos .unslide .infos ,
.autres_photos .unslide .infos {
    display: block;
    bottom: 0;
    left: 15px;
    right: 15px;
    position: absolute;
    z-index: 3;
}
.autres_videos .unslide .infos h4,
.autres_photos .unslide .infos h4{
    font-weight: bold;
    font-size: 16px;
    text-transform: initial;
    color: #fff;
    padding-right: 50px;

}
.autres_videos .unslide .infos h4 span,
.autres_photos .unslide .infos h4 span{
    font-weight: normal;
    position: absolute;
    right: 0;
}
.autres_videos .overlay{
    position: absolute;
    z-index: 3;
    opacity: 1;
    width: 114px;
    height: 114px;
    top: 50%;
    left: 50%;
    margin-left: -57px;
    color: #fff;
    font-size: 50px;
    text-align: center;
    line-height: 114px;
    margin-top: -57px;
}
.nav_videos{
    position: absolute;
    width: 100%;
    bottom: 10px;
    right: 0;
    font-size: 12px;
    text-align: right;
    padding-right: 70px;
}
.asse_tv .nav_videos{
    bottom: 25px;
}
.nav_videos a{
    text-decoration: none;
    color: #fff;
}
.nav_videos .slick-arrow{
    color: #fff;
    height: 30px;
    right: 10px;
    left: auto;
    font-size: 27px;
    top: -12px !important;
    z-index: 9;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}
.nav_videos .slick-arrow.slick-disabled {
    opacity: 0.5 !important;
}
.nav_videos .slick-prev.slick-arrow {
    right: 33px;
}

/*****************************************************************************/
/***************************   BANDEAU BOUTIQUE  ***************************************/
/*****************************************************************************/

.bandeau_boutique{
    /*margin-top: 30px;*/
    background: url(../img/bg_boutique.jpg);
    padding-top: 15px;
    padding-bottom: 15px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.bandeau_boutique h5{
    font-size: 20px;
    color: #fff;
    margin-top: 0px;
}


.bandeau_boutique2{
    background-color: #fff;
    position: relative;
    padding-bottom: 15px;
}
.bandeau_boutique2 .col-6,
.bandeau_boutique2 .col-4{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.bandeau_boutique2 .col-6 a,
.bandeau_boutique2 .col-4 a{
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 40px;
}
.bandeau_boutique2 .col-6 a:hover,
.bandeau_boutique2 .col-4 a:hover{
    text-decoration: none;
}
.bandeau_boutique2 .go_collec{
    background: #f0f0f0;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 15px;
    margin: 15px auto;
    display: inline-block;
}
.bandeau_boutique2 .go_collec:hover{
    text-decoration: none;
}
.bandeau_boutique2 .container{
    position: relative;
}
.bandeau_boutique2 .container:after{
    content:"Boutique des Verts";
    color:#f0f0f0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 31px;
    bottom: 115px;
    position: absolute;
}


/*****************************************************************************/
/***************************   EXPERIENCES FOOTER  ***************************************/
/*****************************************************************************/

.experiences{
    /*margin-top: 30px;*/
    background:url(../img/bg_experiences.jpg);
    padding-top: 15px;
    background-size: cover !important;
}
.experiences.padding{
    padding-top: 45px;
}
.experiences h3.titre_module{
    text-align: center;
}
.experiences .uneexp{
    position: relative;
    margin-bottom: 30px;
}
.experiences .uneexp picture{
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.experiences .uneexp:hover picture{
    opacity: 0.8;
}
.experiences .uneexp .infos{
    position: absolute;
    z-index: 3;
    color: #fff;
    bottom:0;
    left: 15px;
    right: 15px;
    padding:15px;
}
.experiences .uneexp .infos .titre{
    font-weight: bold;
}
.experiences .uneexp .infos .descr{
    font-size: 14px;
}
.experiences .uneexp .shadow{
    position: absolute;
    height: 100%;
    background: url(../img/shadow_playlist.png) bottom center repeat-x;
    bottom: 0;
    left: 15px;
    right: 15px;
    z-index: 2;
}

/*****************************************************************************/
/***************************   NEWSLETTER FOOTER  ***************************************/
/*****************************************************************************/

.newsletter{
    margin-top: 30px;
}
.intro_bandeau{
    font-weight: 500;
    font-size: 14px;
}
.intro_bandeau span{
    font-weight: 700;
    font-size: 14px;
    color:var(--vert-asse);
}
.newsletter form{
    margin-top: 15px;
}
.newsletter form input{
    border-radius: 0;
    font-size: 13px;
    height: 38px;
    border:solid 2px #c8c8c8;
}
.newsletter form button{
    border-radius: 0;
    border:none;
    background:var(--vert-asse);
    color: #fff;
    overflow: hidden;
    height: 38px;
}
.newsletter form button i{
    font-size: 24px;
    line-height: 24px;
}

/*****************************************************************************/
/***************************   PALMARES FOOTER  ***************************************/
/*****************************************************************************/

#palmares{
    /*margin-top: 30px;*/
    background:#151515;
    padding-top: 30px;
    padding-bottom: 15px;
}
#palmares h3.titre_module{
    color:#fff;
}
.trophees_carousel .trophee{
    text-align: center;
    display: none;
    margin-left: 30px;
    margin-right: 30px;
}
.trophees_carousel .trophee.slick-slide{
    display: block;
}
.trophees_carousel .trophee .nb{
    font-size: 55px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    height: 48px;
    z-index: 1;
    overflow: visible;
    opacity: 1;
    position: relative;
}
.trophees_carousel .trophee .img{
    z-index: 2;
    position: relative;
}
.trophees_carousel .trophee .img img{
    margin:auto;
    /*max-width: 70%;*/
    max-width: 95px;
}
.trophees_carousel .trophee .compet{
    color:#fff;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}
.trophees_carousel .owl-stage-outer{
    position: relative;
    z-index: 2;
}
.trophees_carousel .owl-nav{
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    line-height: 230px;
    z-index: 4;
}
.trophees_carousel button span{
    font-size: 50px;
    color: #fff;
}
.trophees_carousel button.owl-next{
    position: absolute;
    right: 0;
}



/*****************************************************************************/
/***************************   PARTENAIRES FOOTER  ***************************************/
/*****************************************************************************/

#partenaires{
    /*margin-top: 30px;*/
    background:url(../img/bg_partenaires.jpg);
    padding-top: 30px;
    padding-bottom: 15px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
#partenaires .ligne2 {
    margin-top: 10px;
}
#partenaires .ligne2 .col-3 {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px auto 10px;
}
#partenaires img.img-fluid {
    display: block;
    margin: auto;
}

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

#footer{
    background:#151515;
    border-bottom: solid 2px #007449;
    padding-bottom: 10px;
}
#footer .logo{
    position: relative;
}
#footer .logo .access{
    width: 40px;
    height: 40px;
    /* background: red; */
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
}
#footer .logo img{
    width: 100px;
    display: block;
    margin:15px auto 15px;
}
#footer .liensociaux .social{
    color:var(--vert-asse);
    font-size: 25px;
    margin-left: 3px;
    margin-right: 3px;
}
#footer .liensociaux .social svg path{
    fill:#3a3937;
}
#footer .liensociaux .social svg{
    height: 20px;
}
#footer .liens .titre{
    margin-top: 16px;
    color:var(--vert-asse);
    font-weight: 700;
}
#footer .liens ul{
    list-style: none;
    padding-left: 0;
}
#footer .liens ul li a{
    color:#808080;
    font-size: 14px;
    font-weight: 400;
}
#footer .copy{
    margin-top: 15px;
    font-size: 10px;
    font-weight: 400;
    color:#808080;
}
#footer .copy a{
    color:#808080;
    font-size: 10px;
}

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

#illustration_top{
    opacity: 0.35;
    overflow: hidden;
    height: 500px;
}
#illustration_top .background{
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}
/*#illustration_top figure{
    margin-bottom: 0;
    height: 100%;
}
#illustration_top figure img{
    height: 100%;
}*/
article{
    background: url(../img/bg_article.jpg) bottom center no-repeat #fff; 
    background-size: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    /*margin-top: -380px;*/
    margin-top: -485px;
    z-index: 9;
    position: relative;
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);
    margin-bottom: -15px;
    /*margin-bottom: -50px;*/
}
article .pretitre{
    margin-bottom: 5px;
}
article .pretitre,
article .pretitre .sujet{
    font-size: 12px;
}
article .pretitre .ariane a{
    color:rgb(33, 37, 41);
}
article .pretitre .ariane .car{
    margin-left: 5px;
}
article .subtitre{
    margin-top: -10px;
    font-size: 12px;
}
article h1{
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 15px;
}
article .chapo{
    color:#000;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}
article .chapo a{
    color:var(--vert-asse);
}
article .chapo p{
    margin-bottom: 0px;
}
article .content_article{
    /*padding-top: 15px;*/
    font-size: 15px;
}
article .content_article img{
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 100%;
}
#sidebar p img{
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 100%;
    margin: auto;
    display: block;
}
#sidebar p:first-child img{
    margin-top: 15px;
}
article .content_article img,
article .content_article blockquote,
article .content_article embed,
article .content_article iframe{
    max-width: 100%;
}
article .content_article p{
    margin-bottom: 0px;
}
article .content_article pre{
    font-family: 'philosopherregular';
    white-space: initial;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    overflow: visible;
}
article .content_article pre:before{
    content: '“';
    position: absolute;
    top: 60px;
    left: 5px;
    font-size: 250px;
    color: rgba(0,0,0,0.15);
}

.bcpactus #filinfos{
    display: none;
}

.bcpactus .actusimagees .bloc_autopromo{
    margin-bottom: 0 !important;
}
.bcpactus .actusimagees .bloc_autopromo .overlay_autopromo{
    width: calc(100% - 60px);
}
.bcpactus .bloc_autopromo a,
article .content_article a ,
.main_live .event a {
    border-bottom: solid 1px var(--vert-asse);
    color: #000;
    background: none;
    -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;
    padding-right: 3px;
    padding-left: 3px;
}
.bcpactus .bloc_autopromo a.bouton,
article .content_article a.bouton ,
.main_live .event a.bouton {
  display: inline-block;
    padding: 5px 10px;
    border: solid 1px var(--vert-asse);
    color: #151515;
    text-transform: uppercase;
    font-weight: 500;
}
.bcpactus .bloc_autopromo a.bouton,
.bloc_autopromo a.bouton,
article .bloc_autopromo a.bouton{
    color: #ffffff;
}
.bcpactus .bloc_autopromo a:hover,
article .content_article a:hover ,
.main_live .event a:hover {
    text-decoration: none;
    background: var(--vert-asse);
    opacity: 0.9;
    color: #fff;
}
.bcpactus .bloc_autopromo a.bouton{
    color: #fff;
}
article .content_article twitter-widget{
    margin:auto !important;
}
article .content_article h2,
.main_live .event h2{
    /*background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;*/
    color: var(--vert-asse);
    font-size: 22px;
    margin-top: 10px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 15px !important;
}
article .content_article h3,
.main_live .event h3{
    /*background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;*/
    color: var(--vert-asse);
    font-size: 18px;
    margin-top: 10px;
    line-height: 32px;
    margin-bottom: 15px !important;
    border-bottom: solid 2px var(--vert-asse);
}
article .content_article h4,
.main_live .event h4{
    color: #000;
    font-size: 15px;
    margin-top: 5px;
}
article .listarticle{
    background: none;
    padding-bottom: 0;
}
article .slider_img{
    width: 100%;
    position: relative;
    margin-top: 15px;
    /*margin-bottom: 15px;*/
}
article .slider_img .img.slick-slide{
    margin-top: 0;
}
article .img{
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
}
article .img.effectifs_groupe{
    margin-left: 0;
    margin-right: 0;
}
article .img.slick-slide{
    margin-left: 0;
    margin-right: 0;
}
article .slider_img .slick-arrow{
    height: 100px;
    margin-top: -50px;
    top: 50%;
    font-size: 30px;
}
article .slider_img .slick-slide img{
    width: 100%;
}
article .pagingInfo{
    margin-top: -55px;
    font-weight: 600;
    color: #fff;
    padding-left:10px;
    font-size: 14px;
    position: absolute;
    z-index: 3;
}
article .lignepalmares{
    border-bottom: solid 1px rgba(143, 175, 162, 0.32);
    padding-bottom: 20px;
    margin-top: 20px;
}
article .lignepalmares img{
    display: block;
    margin: 20px auto 0;
    margin-right: -10px; 
}
article .lignepalmares h2{
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

article .associes{
  background: linear-gradient(90deg,var(--vert-asse),#065335);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  font-family: 'Poppins';
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 15px !important;
  margin-top: 20px;
  border-bottom: 2px solid #197749;
}

article .actus.anciens.barright.joueurs_associes{
  padding-right: 15px;
    width: auto;
}
article .actus.anciens.barright.joueurs_associes a.unslide{
  border-bottom: none;
}
article .actus.anciens.barright.joueurs_associes a.unslide:hover{
  background: none !important;
}
article .actus.anciens.barright.joueurs_associes .unslide{
  height: 220px;
  width: calc(100% + 15px);
  margin-bottom: 0;
  overflow: hidden;
  padding-right: 0;
}
article .actus.anciens.barright.joueurs_associes .unslide .infos {
  width: 100%;
  left: 10px;
  bottom: 12px;
}
article .actus.anciens.barright.joueurs_associes .unslide .pays {
  margin-bottom: -13px;
}
article .actus.anciens.barright.joueurs_associes .unslide .shadow {
  height: 140px;
  width: 100%;
  left: 0;
}
article .barright.effectifs .unslide .nom {
  font-size: 16px;
  line-height: 17px;  
}
article .barright.effectifs .unslide .nom small{
  font-size: 14px;
}
article .barright.effectifs .unslide .numero {
  bottom: 35px;
  font-size: 38px;
  right: 25px;
}
article .barright.effectifs .boutique {
  display: block;
  color: #fff;
  background: var(--vert-asse);
  text-transform: uppercase;
  padding: 4px 8px;
  margin-bottom: 15px;
  -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;
  border: solid 2px var(--vert-asse);
  font-weight: bold;
  font-size: 12px;
  width:calc(100% + 15px);
  text-align: center;
}

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

.agenda td.compet.horaire{
    width: 25px;
    text-align: center;
}
.contenu_inter.agenda.prochain{
    padding-left: 15px;
    padding-right: 15px;
    background: url(../img/bg_prochain_calendrier.jpg) center center;
    background-size: cover !important;
    margin-top: -15px;
    margin-left: -15px;
    padding-top: 15px;
    margin-right: -15px;
}
.contenu_inter.agenda.prochain table td{
    border:none;
}
.contenu_inter.agenda.prochain table td img{
    width: 70px;
}
.contenu_inter table.calendrier_mois td{
    padding:2px;
}
.contenu_inter table.calendrier_mois td.logo_compet img{
    width: 40px;
}
.contenu_inter table.calendrier_mois .logo img{
    width: 40px;
    margin-top: -18px;
}
.contenu_inter table.calendrier_mois .text-end.liens{
    padding-top: 5px;
    padding-bottom: 5px;
}
.contenu_inter table.calendrier_mois .linkzebet{
    padding:0 !important;
}
.contenu_inter table.calendrier_mois .linkzebet a{
    color: #3b4b54;
    font-size: 12px;
}
.contenu_inter table.calendrier_mois .text-end.liens a{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.contenu_inter.agenda.prochain .top{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color:#000;
}
.contenu_inter.agenda.prochain .top span{
    color:#8a8a8a;
}
.contenu_inter.agenda.prochain .top i{
    margin-right: 5px;
}
.contenu_inter.agenda.prochain .compet.text.horaire .heure{
    background:#c5c4bf;
    color:#fff;
    padding:2px 4px;
    letter-spacing: 1px;
    margin-top: 50px;
    display: inline-block;
}
.contenu_inter.agenda.prochain .liens a{
    margin-left: 5px;
    margin-right: 5px;
}
.prochain .bouton,
.agenda .bouton{
    display: inline-block;
    text-transform: uppercase;
    width: auto;
    line-height: 18px;
    -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;
    color: #a5a4a0;
    font-size: 14px;
    font-weight: 500;
    background: none;
    padding: 5px 10px;
    letter-spacing: 0;
    margin-top: 10px;
    border: solid 2px #c5c4bf;
    margin-bottom: 10px;
}
.prochain .bouton i{
    margin-right: 5px;
}
.prochain .bouton:hover,
.agenda .bouton:hover{
    background: #c5c4bf;
    text-decoration: none;
    color: #fff;
}
.prochain .bouton.billetterie,
.agenda .bouton.billetterie{
    border: solid 2px var(--vert-asse);
    background: var(--vert-asse);
    color:#fff;
}
.prochain .bouton.billetterie:hover,
.agenda .bouton.billetterie:hover{
    border: solid 2px var(--vert-asse);
    background: none;
    color:var(--vert-asse);
}
.agenda .bouton.billetterie{
    margin-bottom: 0;
}
.contenu_inter.agenda table.calendrier_mois{
    margin-bottom: 0;
}
.contenu_inter.agenda table.table td{
    vertical-align: middle;
}
.contenu_inter.agenda table.table .jour{
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    width: 17%;
    line-height: 24px;
}
.contenu_inter.agenda table.table .jour div {
    font-size: 30px;
    line-height: 21px;
}
.contenu_inter.agenda table.table .compet span.heure {
    color: #a6a6a6;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}
.contenu_inter.agenda.prochain .compet.text-right, 
.contenu_inter.agenda.prochain .compet.text-left {
    width: 44%;
}
.contenu_inter.agenda.prochain .col-md-2.d-md-flex img {
    width: 29px;
    height: 40px;
    margin: auto;
}
.contenu_inter.agenda table.table td .objet {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
}
.contenu_inter.agenda table.table td .temps, 
.contenu_inter.agenda table.table td .lieu {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #8a8a8a;
    margin-top: 5px;
    margin-bottom: 5px;
}
.contenu_inter.agenda .bouton.billetterie {
    margin-top: 0;
}
.bloc_home{
    position: relative;
}
.bloc_home > .text-right{
    position: absolute;
    right: 15px;
    top: 200px;
}
.contenu_inter.agenda .zebet_inline{
    width: 49px;
    height: 16px;
    display: inline-block;
}

/********************************************************************************************/
/****************************** CLASSEMENT ****************************************/
/********************************************************************************************/

.filtres_classement{
    background:#c7ded5;
    padding-top: 15px;
    padding-bottom: 15px;
}
.filtres_classement h3{
    color: #25292d;
    font-size: 22px;
    margin-top: 10px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
.filtres_classement form label{
    padding-top: 9px;
    font-size: 14px;
}
.filtres_classement form .form-group{
    border-bottom: solid 1px #8fafa2;
    padding-bottom: 15px;
}
.filtres_classement form select{
    border-radius: 1px;
}
.filtres_classement form button{
    color: #fff;
    font-size: 14px;
    display: block;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    /*background: var(--vert-asse);*/
    padding: 5px 10px;
    margin-top: 10px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    float: right;
    background: linear-gradient(90deg,var(--vert-asse),#065335);
}
.page_inter .contenu_inter.classement{
    margin-left: -15px;
    margin-right: -15px;
}
.contenu_inter.classement table{
    margin-top: 30px;
}
.contenu_inter.classement table .club{
    text-align: left;
}
.contenu_inter.classement table .club img{
    width: 30px;
}
.contenu_inter.classement table th,
.contenu_inter.classement table td{
    vertical-align: middle;
    text-align: center;
    border:none;
}
.contenu_inter.classement table th{
    text-transform: uppercase;
    font-size: 12px;
}
.contenu_inter.classement table td{
    font-size: 14px;
}
.contenu_inter.classement table td.pos,
.contenu_inter.classement table td.points{
    font-weight: bold;
}
.contenu_inter.classement table td img{
    margin-right: 15px;
}
.contenu_inter.classement table tr.asse td, 
.contenu_inter.effectif table tr.asse td {
    background: var(--vert-asse);
    color: #fff;
}
.pagination {
    margin-top: 15px;
}
.pagination .page-item{
    margin-left: 3px;
    margin-right: 3px;
}
.pagination .page-item .page-link{
    border-radius: 0 !important;
}
.pagination .page-item .page-link{
    color:#000;
    font-weight: bold;
    border:none;
}
.pagination .page-item.active .page-link{
    background: var(--vert-asse);
    color:#fff;
    border:none;
}


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

.mediatheque .BG_mediatheque{
    width: 100%;
    height: 100%;
    left: 0px;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    /*height: 315px;*/
}
.list_photos .img{
    padding-left: 0;
    padding-right: 0;
    margin-left: 0px;
}
.list_photos .infos {
    border-bottom: solid 2px var(--vert-asse);
    text-transform: uppercase;
    color: #000;
    padding-top: 0px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 14px;
    position: relative;
}
.list_photos .infos .index{
    position: absolute;
    font-size: 81px;
    bottom: 19px;
    left: 15px;
    line-height: 40px;
    color: #fff;
    z-index: 1;
    opacity: 0.3;
}
.list_photos .infos .legende{
    z-index: 3;
    position: relative;
}
.list_photos


/********************************************************************************************/
/******************************************* BLOC FORMATION PIED D'ARTICLE ****************************************/
/********************************************************************************************/

.bloc_formation{
  color:#444444;
    background: #fff;
}
.bloc_formation .col-12,
.bloc_formation .col-xs-12{
  margin-bottom: 0 !important;
}
.bloc_formation .shadow{
  -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.09) !important;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.09) !important;
  -o-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.09) !important;
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.09) !important;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.20), Direction=NaN, Strength=25);
  padding:15px;
}
.bloc_formation .shadow h2{
    background:none;
    font-family: "Poppins";
    color:#444444;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    display: block;
    letter-spacing: 0;
    font-weight: normal;
    -webkit-text-fill-color: unset;
    position: relative;
    margin-bottom: 0 !important;
    line-height: 24px;
    width: 100% !important;
}
.bloc_formation .shadow h2:before{
  position: absolute;
  content:"";
  width: 100%;
  top: 8px;
  height: 1px;
  background:#383830;
  left: 0;
  z-index: 2;
}
.bloc_formation .shadow h2 strong,
.bloc_formation .shadow h2 b{
  font-weight: bold;
}
.bloc_formation .shadow h2 span{
  background:#fff;
  z-index: 3;
  position: relative;
  padding:0 15px;
  font-size: 12px;
}
.bloc_formation .shadow .equipes{
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px !important;
}
.bloc_formation .shadow .equipes .bbottom{
  border-bottom:solid 1px #383830;
  padding-bottom: 5px;
  font-weight: 900;
}
.bloc_formation .shadow .equipes b,
.bloc_formation .shadow .equipes strong{
  color:var(--vert-asse);
}
.bloc_formation .shadow .date{
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.bloc_formation .shadow .stade{
  text-transform: uppercase;
  font-style: italic;
  margin-bottom: 5px;
}
.bloc_formation .grey{
  color:#212121;
}
.bloc_formation .but{
  width: 100%;
  position: relative;
  float: none !important;
  margin-bottom: 10px;
}
.bloc_formation .but .bg{
  position: relative;
  width: 100%;
  height: 30px;
  background:#383830;
  z-index: 1;
}
.bloc_formation .but .degrade{
  position: absolute;
  top: 0;
  height: 30px;
  background: #009a62; /* Old browsers */
  background: -moz-linear-gradient(left, #009a62 0%, #69bf75 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #009a62 0%,#69bf75 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #009a62 0%,#69bf75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009a62', endColorstr='#69bf75',GradientType=1 ); /* IE6-9 */
  z-index: 2;
}
.bloc_formation .but.right .degrade{
  right: 0;
}
.bloc_formation .but .titre{
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  z-index: 3;
  font-size: 17px;
  top: 4px;
}
.bloc_formation .but .butdom,
.bloc_formation .but .butext{
  position: absolute;
  left: 25px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  z-index: 3;
  font-size: 17px;
  top: 4px;
}
.bloc_formation .but .butext{
  left: auto;
  right: 25px;
}
.bloc_formation .classement{
  text-transform: uppercase;
}
.bloc_formation .classement small{
  text-transform: lowercase;
}
.bloc_formation .classement strong,
.bloc_formation .classement b{
     font-weight: 900;
}
.bloc_formation .bilans{
  text-transform: uppercase;
  text-align: center;
  color:#383830;
  font-weight: bold;
}
.bloc_formation .bilans .bordure{
  border-right: solid 1px #383830;
}
.bloc_formation .bilans .titre{
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 900;
}
.bloc_formation .bilans .forme{
  margin-top: 5px;
  padding-left: 5%;
}
.bloc_formation .bilans .forme .for{
  display: inline-block;
  background: #383830;
  color:#fff;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  flex-basis: unset;
  margin-left: 4px;
  flex-grow: unset;
  padding-left: 4px;
}
.bloc_formation .bilans .forme .for.v{
  background: var(--vert-asse);
}
.bloc_formation .bilans .forme .for.d{
  background: #962020;
}
.bloc_formation .logo.logodom,
.bloc_formation .logo.logoext{
    display: none;
}
@media screen and (min-width: 600px) {
  .bloc_formation .bilans .forme {
    padding-left: 17%;
  }
    .bloc_formation .logo.logodom,
    .bloc_formation .logo.logoext{
        display: inline-block;
        width: 45px;
    }
    .bloc_formation .txt{
      vertical-align: super;
    }
}
@media screen and (min-width: 992px) {
  .bloc_formation .shadow .equipes .bbottom {
    padding-bottom: 10px;
    margin-top: 5px;
  }
  .bloc_formation .bilans .forme {
    padding-left: 20%;
  }
  .bloc_formation .shadow h2 span{
    font-size: 15px;
  }
  .bloc_formation .shadow h2:before{
    top: 10px;
  }
  .bloc_formation .shadow .equipes{
    font-size: 28px;
    margin-bottom: 15px !important;
  }
  .bloc_formation .shadow .equipes small{
    width: 75%;
  }
  .bloc_formation .shadow .date{
    font-size: 16px;
  }
  .bloc_formation .shadow .stade{
    font-weight: 800;
    margin-bottom: 20px !important;
  }
  .bloc_formation .shadow .classement{
     font-size: 20px;
    margin-bottom: 10px;
  }
  .bloc_formation .shadow .classement .center{
    font-size: 16px;
  }
  .bloc_formation .shadow .classement i{
    font-size: 36px;
    margin-top: -10px;
  }
  .bloc_formation .shadow .classement .center{
    line-height: 17px;
  }
  .bloc_formation .bilans{
    line-height: 25px;
  }
  .bloc_formation .bilans .titre{
    font-size: 20px;
  }
  .bloc_formation .bilans .forme .for{
    margin-left: 10px;
  }
}


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


.contenu_inter.effectif table.prefo th,
.contenu_inter.effectif table.prefo td{
    vertical-align: middle;
}
.contenu_inter.effectif table.prefo th,
.contenu_inter.effectif table.prefo td{
    text-transform: uppercase;
    padding: 6px 4px;
}
.contenu_inter.effectif table.prefo th{
    font-weight: 600;
}
.contenu_inter.effectif table.prefo td{
    font-weight: 400;
}
.contenu_inter.effectif table.prefo td.nom{
    font-weight: 600;
}


.contenu_inter.effectif .table th{
    color:#000;
    text-transform: uppercase;
    font-size: 12px;
}

.barright.effectifs h3{
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 22px;
    margin-top: 10px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: solid 2px var(--vert-asse);
    text-align: center;
}
.barright.effectifs .unslide{
    margin-bottom: 15px;
    width: 50%;
}
.barright.effectifs .unslide .numero{
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    font-size: 60px;
    line-height: 0;
    right: 0;
}
.barright.effectifs .unslide .nom{
    color: #fff;
    font-weight: bold;
    position: absolute;
    line-height: 22px;
    bottom: 20px;
    font-size: 25px;
}
.barright.effectifs .unslide .nom small{
    font-size: 18px;
    font-weight: normal;
}
.barright.effectifs .unslide .pays{
    color: #fff;
    font-size: 12px;
}
.barright.effectifs .unslide .pays img{
    margin-right: 5px;
}
.barright.effectifs .unslide .shadow{
    box-shadow: none !important;
}
a.voiraussi_effec{
    color: var(--vert-asse);
    background: #fff;
    font-size: 12px;
    display: block;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}
.fiche_details .img .num{
    position: absolute;
    font-weight: bold;
    font-size: 60px;
    line-height: 0;
    left: 30px;
    top: 30px;
    opacity: 0.1;
}
.fiche_details .img .portrait{
    position: relative;
    height: 350px;
    overflow: hidden;
    width: 100%;
}
.fiche_details .img .portrait img{
    margin:auto;
    display: block;
}
.fiche_details .img .portrait .ombre{
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
}



.fiche_details .infos{
    font-weight: bold;
    font-size: 13px;
}
.fiche_details .infos table td{
    border:none;
}
.fiche_details .infos .intitule{
    font-weight: normal;
    display: inline-block;
}
.fiche_details .infos .intitule_long{
    width: auto;
    font-weight: normal;
    display: inline-block;
    margin-right: 5px;
}
.fiche_details .infos a.boutique{
    display: inline-block;
    color:#fff;
    background: var(--vert-asse);
    text-transform: uppercase;
    padding: 4px 8px;
    margin-bottom: 15px;
    -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;
    border: solid 2px var(--vert-asse);
}
.fiche_details .infos a.boutique:hover{
    background: none;
    text-decoration:none;
    color:var(--vert-asse);
}
.fiche_details .social.sorare a{
    /*text-decoration: underline;*/
    color: #000;
}
.fiche_details .social.sorare a:hover{
    text-decoration: underline;
}
.fiche_details .social .liens{
    text-align: left;
}
.fiche_details .social .liens a{
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    -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;
}
.fiche_details .social .liens a:hover{
    opacity: 0.8;
}
.fiche_details .infos h5{
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    line-height: 32px;
    margin-bottom: 15px !important;
    border-bottom: solid 2px var(--vert-asse);
}
.fiche_details .infos h5 .sstitre{
    color:#8a8a8a;
    font-weight: 500;
    margin-left: 5px;
}
.fiche_details .infos .stats{
    text-align: center;
    margin-bottom: 30px;
    line-height: normal;
}
.fiche_details .infos .stats .intitule{
    font-weight: normal;
    font-size: 15px;
    margin-top: 10px;
}
.fiche_details .infos .stats .nombre{
    color:var(--vert-asse);
    font-size: 80px;
    line-height: 70px;
}
.fiche_details .contenu_txt{
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 15px;
}
.fiche_details .contenu_txt p{
    margin-bottom: 0;
}
.fiche_details a.lien_more,
.list_photos .lien_more{
    color: var(--vert-asse);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
}
.list_photos .lien_more{
    display: inline-block;
}
.list_photos .lien_more i{
    margin-left: 5px;
    margin-right: 0px;
    -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;
}
.list_photos .lien_more:hover i{
    margin-left: 0px;
    margin-right: 5px;
}




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

.sidebar_live .bloc_score{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom:solid 1px #ddd;
}
.sidebar_live .bloc_score .infos{
    text-transform: uppercase;
}
.sidebar_live .bloc_score .infos .compet{
    font-size: 14px;
    color:var(--vert-asse);
    font-weight: bold;
    font-size: 15px;
}
.sidebar_live .bloc_score .infos .compet span{
    color:#7d7d7d;
}
.sidebar_live .bloc_score .infos .stade{
    color:#000;
    font-size: 12px;
}
.sidebar_live .bloc_score .infosdiff{
    margin-top: 10px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}
.sidebar_live .bloc_score .infosdiff img{
    width:90px; 
    display: inline-block;
    margin: 10px auto;
}
.sidebar_live .bloc_score .infosdiff i{
    color: #1d9bf0;
    font-size: 16px;
}
.sidebar_live .bloc_score .infosdiff a{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
.sidebar_live .bloc_score .progress{
    border-radius: 0;
    margin-top: 15px;
    height: 5px;
}
.sidebar_live .bloc_score .progress .progress-bar{
    background: linear-gradient(90deg,var(--vert-asse),#065335);
}
.sidebar_live .bloc_score .progress .progress-bar-animated{
    /*background: linear-gradient(90deg,var(--vert-asse),#065335);*/
    background-color: var(--vert-asse);
}
.sidebar_live .bloc_score table{
    margin-top: 15px;
}
.sidebar_live .bloc_score td{
    vertical-align: middle;
    border:none;
    padding-top: 2px;
    padding-bottom: 2px;
}
.sidebar_live .bloc_score .logo{
    width: 80px;
    padding-right: 5px;
}
.sidebar_live .bloc_score .equipe{
    font-size: 22px;
    margin-top: 10px;
}
.sidebar_live .bloc_score .equipe .buteurs{
    font-size: 12px;
    font-weight: 500;
}
.sidebar_live .bloc_score .equipe .buteurs i{
    opacity: 0.7;
}
.sidebar_live .bloc_score .score{
    font-size: 45px;
    font-weight: bold;
}
.sidebar_live .bloc_score .go_videos{
    color:#fff;
    font-size: 15px;
    padding: 7px 35px;
    display: inline-block;
    margin:auto;
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none !important;
    box-shadow: 0px 0px 8px 0px rgba(8, 87, 57, 0.73);
    width: auto;
}
.sidebar_live .bloc_score .go_videos i{
    margin-left: 0px;
    margin-right: 5px;
    -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;
}
.sidebar_live .bloc_score .go_videos:hover i{
    margin-left: 5px;
    margin-right: 0px;
}

.main_live .navigation{
    text-align: center;
}
.main_live .navigation>.col-12{
    padding-left: 0;
    padding-right: 0;
}
.main_live .navigation .lien{
    color:#000;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}
.main_live .navigation .lien.active{
    color:#fff;
    border-radius: 15px;
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    box-shadow: 0px 0px 8px 0px rgba(8, 87, 57, 0.73);
}
.main_live .event .txt img,
.main_live .event .txt blockquote,
.main_live .event .txt iframe{
    max-width: 100%;
}
.main_live .event .txt p{
    margin-bottom: 0;
}
.main_live .event{
    position: relative;
    padding-top: 10px;
    padding-bottom: 40px;
}
.main_live .event:before{
    content:"";
    width: 1px;
    background:#ddd;
    height: 100%;
    position: absolute;
    left: 15px;
    top: 0;
}
.main_live .event.fort{
    font-weight: bold;
}
.main_live .event.fort:before{
    width: 4px;
    background: var(--vert-asse);
    letter-spacing: -13px;
}
.main_live .event .temps{
    color:var(--vert-asse);   
    font-weight: 400;
    position: absolute;
    width: 30px;
    background:#fff;
    left: 0;
    top: 11px;
    text-align: center;
}
.main_live .event .picto{
    padding-left: 40px;
}
.main_live .event .picto .yellow,
.sidebar_live .compos .evenement .yellow{
    color: #e2dc1a;
}
.main_live .event .picto .red,
.sidebar_live .compos .evenement .red{
    color: #e21a1a;
}
.main_live .event .titre{
    color:var(--vert-asse);
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
}
.main_live .event .details{
    padding-top: 10px;
    padding-left: 40px;
}
.main_live .event .txt{
    font-size: 14px;
}
.main_live .event_but{
    border: solid 5px var(--vert-asse);
    padding: 15px;
    margin-top: -33px;
    z-index: 2;
    position: relative;
    background: #fff;
}
.main_live .event_but:before{
    content: 'BUT';
    position: absolute;
    font-size: 115px;
    opacity: 0.08;
    color: #000;
    left: -10px;
    z-index: 1;
    font-weight: bold;
    top: -11px;
    line-height: 115px;
}
.main_live .event_but .txt{
    /*padding-right: 120px;*/
}
.main_live .event_but .img_buteur{
    width: 100px;
    float: right;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 3;
}
.main_live .event_but table{
    position: relative;
    z-index: 2;
}
.main_live .event_but table.score{
    width: 120px;
    margin-bottom: 20px;
}
.main_live .event_but table.score .score{
    font-size: 58px;
    font-weight: bold;
    text-align: right;
    padding-left: 12px;
    padding-top: 35px;
    line-height: 27px;
}
.main_live .event_but table.score .score.or{
    color:var(--vert-asse);
}
.main_live .actus.anciens .unslide, 
.main_live .actus.anciens .unslide .shadow {
    /*width: 315px;*/
    /*height: 315px;*/
}
.anciens.vote.effectifs .unslide, 
.main_live .actus.anciens .unslide .shadow {
    width: 315px;
    height: 315px;
}

.main_live .titrevideo{
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    line-height: 32px;
    margin-bottom: 15px !important;
    border-bottom: solid 2px var(--vert-asse);
}
.main_live button.gofiche{
    border: none;
    background: linear-gradient(90deg,var(--vert-asse),#065335);
    color: #fff;
    display: block;
    margin-bottom: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 89px;
    bottom: -21px;
    right: -11px;
    position: absolute;
    z-index: 99;
}
.main_live button.gofiche i{
    margin-left: 0;
    margin-right: 5px;
    -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;
}
.main_live button.gofiche:hover i{
    margin-left: 5px;
    margin-right: 0;
}
.main_live .resul_percent{
    text-align: center;
    font-weight: bold;
}
.main_live .resul_percent .pourcentage{
    font-size: 30px;
}
.main_live .actus.anciens .unslide.resulvote,
.main_live form.unslide{
	overflow: hidden;
}


/********************************************************************************************/
/******************************************* WORDLE ****************************************/
/********************************************************************************************/

.grid .attempt{
    margin-bottom: 5px;
}
.grid .letter-container{
    width: 45px;
    height: 45px;
    border: 2px solid #e3e3e3;
    box-sizing: border-box;
    display: inline-block;
    margin: 1px;
    transition: transform .1s,background .1s,border .1s;
    text-align: center;
    line-height: 45px;
    font-size: 26px;
    vertical-align: bottom;
}
.keyboard{
    text-align: center;
}
.keyboard .keyboard-line{
    padding-left: 0;
    padding-right: 0;
}
.keyboard button{
    background: #fff;
    padding: 5px 9.5px;
    margin: 0 0 10px;
    border: solid 1px #e3e3e3;
    cursor: pointer;
}


/********************************************************************************************/
/******************************************* HOMEPAGE MATCHDAY ****************************************/
/********************************************************************************************/

.matchday{
    color: #fff;
    text-align: center;
}
.matchday .logo_compet{
    width: 30px !important;
    margin-right: 10px;
}
.matchday .compet{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 14px;
}
.matchday .date{
    font-weight: bold;
    font-size: 14px;
}
.matchday .matchtime{
    font-size: 14px;
}
.matchday .date.jour{
    text-transform: capitalize;
}
.matchday .logo{
    margin-top: 50px;
    margin-bottom: 20px;
}
.matchday .logo img{
    width: 60px !important;
    margin-bottom: 15px;
}
.matchday .scoresheet{
    padding-left: 0;
    padding-right: 0;
    line-height: 110px;
}
.matchday .scoresheet .score{
    font-size: 33px;
    font-weight: bold;
}


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

#unfccc{
    background: url(https://www.asse.fr/vertlavenir/images/background.jpg);
    background-position: cover !important;
}
#unfccc h2{
    margin-bottom: 15px;
    margin-top: 15px;
}
#unfccc p{
    color: #fff;
    margin-top: 15px;
    margin-bottom: 5px;
}
#unfccc img{
    margin-bottom: 30px;
    max-width: 80%;
}
#palmares .bottom a{
    margin-top: 15px;
}
#palmares .bottom a,
#unfccc .bottom a{
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    border: solid 1px var(--vert-asse);
    display: inline-block !important;
    padding: 4px 35px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    background: none;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
    margin-bottom: 15px;
    z-index: 0;
}
#unfccc .bottom a{
    border: solid 1px #fff;
}
#palmares .bottom a:before ,
#unfccc .bottom a:before {
    content: "";
    position: absolute;
    background: var(--vert-asse);
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}
#palmares .bottom a:hover:before ,
#unfccc .bottom a:hover:before {
    top: 0;
}


/********************************************************************************************/
/******************************************* INTERSTITIEL ****************************************/
/********************************************************************************************/

#interst{
  padding-top: 5%;
  background: rgb(0 0 0 / 50%);
}
#interst .modal-body{
  padding:0;
}
#interst .modal-dialog{
  max-width: 90%;
  width: 800px;
  margin: 30px auto;
}
#interst button{
  position: absolute;
  border-radius: 0;
  background: var(--vert-asse);
  border: none;
  cursor: pointer;
  width: 100%;
  left: 0;
  top: -36px;
}