body
{ 
    background : #F4F4F4;
    margin : 0;
    font-family: Arquitecta,arial;
}

@font-face {
	font-family: 'Arquitecta';
	src: url('/common/fonts/arquitecta-webfont.eot');
	src: url('/common/fonts/arquitecta-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/common/fonts/arquitecta-webfont.woff') format('woff'),
	     url('/common/fonts/arquitecta-webfont.ttf') format('truetype'),
	     url('/common/fonts/arquitecta-webfont.svg#Arquitecta') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ArquitectaBold';
    src: url('/common/fonts/arquitectabold-webfont.eot');
    src: url('/common/fonts/arquitectabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/arquitectabold-webfont.woff') format('woff'),
         url('/common/fonts/arquitectabold-webfont.ttf') format('truetype'),
         url('/common/fonts/arquitectabold-webfont.svg#ArquitectaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArquitectaHeavy';
    src: url('/common/fonts/arquitectaheavy-webfont.eot');
    src: url('/common/fonts/arquitectaheavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/arquitectaheavy-webfont.woff') format('woff'),
         url('/common/fonts/arquitectaheavy-webfont.ttf') format('truetype'),
         url('/common/fonts/arquitectaheavy-webfont.svg#ArquitectaHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

#ctnMain
{
    margin-left : 0;
    margin-right : 0;
    min-height : 100%;
    position : relative;
    width : 100%;
}

.twitter-tweet { width: 480px !important}

#ctnContent
{
    font-size : 16px;
    z-index : 2;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#ctnContentRefresh
{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#ctnContentRefresh > div {max-width:750px;margin:0 auto 25px;width:100%}

#ctnContentRefresh .loader
{
  background: url('/images.net/v3/home/sy-loader.gif') 50% 25% no-repeat; display:inline-block;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
  min-height: 200px;
  width: 100% }

#ctnRight
{
    margin: 0 auto 25px;
    text-align: center;
    width: 520px;
    z-index : 2;
}

#ctnRefresh
{
    /*background: url('/images.net/v3/pictos.live.png') no-repeat -182px -64px;*/
    font-size: 13px;
    font-family: ArquitectaBold;
    font-style: italic;
    line-height: 13px;
    margin-top: 3px;
    text-align: center;
    color: #FFF;
}

#ctnRefresh div
{
    padding-top : 7px;
}

#ctnTop
{
    background : #0d2366;
    min-height : 120px;
    position : relative;
    z-index : 2;
    display: flex;
    flex-direction: column;
    justify-content:center;
    font-family : FaktSlabSemiBold;
    font-size : 28px;
    line-height : 28px;
    text-transform : uppercase;
    color:#FFF;
}

@media only screen and (min-width: 768px) {
#ctnTop {flex-direction: row}
#ctnTop .titlesHome {padding:45px 0 0 30px}
#ctnTop .imgHome {margin:0}
#ctnTop .titles {padding-left:30px}
}

@media only screen and (min-width: 1148px) {
#ctnContent {width:1130px;flex-direction: row;justify-content: center}
#ctnContentRefresh {flex-direction: row;justify-content: space-between}
#ctnContentRefresh div.doble {width:550px;margin:0 0 25px}
#ctnContentRefresh div.doble:nth-child(2) {margin-left:30px}
#ctnRight {width:400px;margin:0 0 25px 30px}
}

input {margin:0;padding:0}

.pictos
{
    background : url('/images.net/v3/pictos.live.png') no-repeat center right;
    height : 32px;
    width : 32px;
}

.pictoborder
{
    padding:6px;
    float:left;
    margin-right:12px;
    border: solid 2px #02bcff;
    border-radius:50%;
}

.pictos.medal1 { background-position : -2px -2px; }
.pictos.medal2 { background-position : -2px -38px; }
.pictos.medal3 { background-position : -2px -74px; }
.pictos.podium { background-position : -2px -110px; }
.pictos.chrono { background-position : -2px -146px; }
.pictos.minima { background-position : -2px -182px; }
.pictos.rp { background-position : -2px -218px; }
.pictos.mp { background-position : -2px -254px; }
.pictos.rf { background-position : -2px -290px; }
.pictos.re { background-position : -2px -326px; }
.pictos.rm { background-position : -2px -362px; }
.pictos.tricolore { background-position : -2px -398px; }
.pictos.men { background-position : -2px -434px; }
.pictos.supporter { background-position : -2px -470px; }
.pictos.flagfra { background-position : -2px -506px; }
.pictos.place1 { background-position : -2px -542px; }
.pictos.attempt1 { background-position : -38px -2px; }
.pictos.attempt2 { background-position : -38px -38px; }
.pictos.attempt3 { background-position : -38px -74px; }
.pictos.attempt4 { background-position : -38px -110px; }
.pictos.attempt5 { background-position : -38px -146px; }
.pictos.attempt6 { background-position : -38px -182px; }
.pictos.live { background-position : -38px -218px; }
.pictos.supply { background-position : -38px -254px; }
.pictos.lastlap { background-position : -38px -290px; }
.pictos.finish { background-position : -38px -326px; }
.pictos.stats { background-position : -38px -362px; }
.pictos.program { background-position : -38px -398px; }
.pictos.television { background-position : -38px -434px; }
.pictos.radio { background-position : -38px -470px; }
.pictos.information { background-position : -38px -506px; }
.pictos.flashquote { background-position : -38px -542px; }
.pictos.summary { background-position : -38px -578px; }
.pictos.facebook { background-position : -38px -614px; }
.pictos.twitter { background-position : -38px -650px; }
.pictos.instagram { background-position : -38px -686px; }
.pictos.videos { background-position : -38px -722px; }
.pictos.paper { background-position : -38px -758px; }
.pictos.greycard { background-position : -74px -2px; }
.pictos.redcard { background-position : -74px -38px; }
.pictos.greencard { background-position : -74px -74px; }
.pictos.yellowcard { background-position : -74px -110px; }
.pictos.greystart { background-position : -74px -146px; }
.pictos.greenstart { background-position : -74px -182px; }
.pictos.redstart { background-position : -74px -218px; }
.pictos.okgrey { background-position : -74px -254px; }
.pictos.nogrey { background-position : -74px -290px; }
.pictos.okgreen { background-position : -74px -326px; }
.pictos.nogreen { background-position : -74px -362px; }
.pictos.thumbokgrey { background-position : -74px -398px; }
.pictos.thumbnogrey { background-position : -74px -434px; }
.pictos.thumbokgreen { background-position : -74px -470px; }
.pictos.thumbnored { background-position : -74px -506px; }
.pictos.injury { background-position : -74px -542px; }
.pictos.wind { background-position : -110px -2px; }
.pictos.snow { background-position : -110px -38px; }
.pictos.rain { background-position : -110px -74px; }
.pictos.storm { background-position : -110px -110px; }
.pictos.cloudy { background-position : -110px -146px; }
.pictos.scattered { background-position : -110px -182px; }
.pictos.sunny { background-position : -110px -218px; }
.pictos.temperature { background-position : -110px -254px; }
.pictos.sprint { background-position : -146px -2px; }
.pictos.middled { background-position : -146px -38px; }
.pictos.road { background-position : -146px -74px; }
.pictos.hurdles { background-position : -146px -110px; }
.pictos.highjump { background-position : -146px -146px; }
.pictos.polevault { background-position : -146px -182px; }
.pictos.longjump { background-position : -146px -218px; }
.pictos.triplejump { background-position : -146px -254px; }
.pictos.shotput { background-position : -146px -290px; }
.pictos.discus { background-position : -146px -326px; }
.pictos.hammer { background-position : -146px -362px; }
.pictos.javelin { background-position : -146px -398px; }
.pictos.combined { background-position : -146px -434px; }
.pictos.relay { background-position : -146px -470px }
.pictos.walk { background-position : -146px -506px; }
.pictos.mountain { background-position : -146px -542px; }
.pictos.nordicwalk { background-position : -146px -578px; }
.pictos.middledm { background-position : -146px -614px; }

.pictos.live2
{
    background-position : -182px -113px;
    display: inline-block;
    height : 18px;
    margin-right : 8px;
    margin-bottom : 11px;
    vertical-align : bottom;
    width : 18px;
}

.pictos.live2.Off { background-position : -182px -91px; }

.pictos.reactions2
{
    background-position : -196px -135px;
    display: inline-block;
    height : 18px;
    margin-right : 8px;
    margin-bottom : 11px;
    vertical-align : bottom;
    width : 11px;
}

.pictos.reactions2.Off { background-position : -182px -135px; }

.pictos.medias2
{
    background-position : -182px -179px;
    display: inline-block;
    height : 18px;
    margin-right : 8px;
    margin-bottom : 11px;
    vertical-align : bottom;
    width : 18px;
}

.pictos.medias2.Off { background-position : -182px -157px; }

a:link
{
    color : #FFF;
    text-decoration : none;
}

a:active
{
    color : #FFF;
    text-decoration : underline;
}

a:visited
{
    color : #FFF;
    text-decoration : none;
}

a:hover
{
    color : #02bcff;
    text-decoration : none;
}

a.datas:link
{
    color : #666;
    text-decoration : none;
}

a.datas:active
{
    color : #666;
    text-decoration : underline;
}

a.datas:visited
{
    color : #666;
    text-decoration : none;
}

a.datas:hover
{
    color : #666;
    text-decoration : underline;
}

select
{
    font-size : 13px;
    font-family : FaktSlabSemiBold;
    height : 20px;
}

table
{
    border-collapse: separate;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.boxTitles
{
    background-color: #FFF;
    border: solid 1px #dfdfdf;
    border-radius: 3px;
    box-shadow: 0 2px 0 rgba(223,223,223,0.2);
}

.datas
{
    padding: 10px 12px 0 12px;
}

.datasEL {line-height: 1.3em;}
.datasEL img {border-radius:5px 5px 0 0;border:solid 1px #F2F2F2}

.dtlEpr
{
    color : #0d2366;
    float : right;
    font-family : ArquitectaBold;
    font-size : 12px;
    text-transform : uppercase;
}

.dtlEpr.link:hover
{
    color: #02bcff;
    cursor : pointer;
}

.divlive
{
    background-color : #FFF;
    /*border : solid 1px #d4dae6;*/
}

#divComment.filtreTF .item:not(.highlight) {display: none !important}
#divComment.filtreFQ .item:not(.quote) {display: none !important}

.highlight, .stat
{
    background-color: #FCFCFC !important;
}

.highlight .datas
{
    color: #0d2366;
    font-family: ArquitectaBold;
}

.item
{
    background-color: #FFF;
    border: solid 1px #e7e7e7;
    border-radius: 5px;
    line-height : 1.3em;
    padding: 10px 0;
    margin: 0 8px 12px 0;
    box-shadow: 0 2px 0 rgba(231,231,231,0.2);
}

.itemdebut .datas
{
    color : #090;
    font-family: ArquitectaBold;
}

.itemfin .datas
{
    color : #C00;
    font-family: ArquitectaBold;
}

.itemtitle
{
    font-size: 20px;
    font-family : ArquitectaHeavy;
    padding: 3px 0 3px;
}

.itemtitleEL {font-size: 18px;line-height:18px;padding: 0 0 10px;font-weight:bold}

.labels
{
    padding: 0 10px;
 }

.labels .time
{
    float:left;
    font-family:ArquitectaBold;
}

.labelsdtl
{
    font-size : 12px;
    line-height : 13px;
}

.medal
{
    background-color: #0d2366 !important;
    color: #FFF;
}

.medal .pictoborder
{
    background-color: #FFF;
}

.medal .link, .medal .datas
{
    color: #FFF;
}

.quote
{
    background-color: #e0f7ff;
}

.quote .itemtitle, .trtimetable0 .itemtitle, .trtimetable1 .itemtitle
{
    font-size: 18px;
    line-height: 32px;
    padding: 0;
}

.quote .pictoborder, .trtimetable0 .pictoborder, .trtimetable1 .pictoborder
{
    border: 0;
    padding: 0 6px 0 10px;
    margin-right: 10px
}

.stat .itemtitle
{
    float: left;
    font-size: 28px;
    line-height: 48px;
    padding: 0;
}


.liActive0
{
    background-color: #FFF;
    border:solid 1px #aaa;
    border-bottom:0;
    border-radius:5px 5px 0 0;
    display : table-cell;
    height : 36px;
    line-height : 36px;
    text-align : center;
    width: 100%;
}

.liActive0 div
{
    display: inline-block;
    box-sizing: border-box;
    border-bottom : solid 3px #02bcff;
}

.liActive1
{
    border-bottom: solid 3px #02bcff;
    color : #1a1e1a;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 0 2px 4px 2px;
    margin-right: 13px; 
}

.liActive2
{
    background-color : #FFF;
    border-top : solid 3px #2FC2EF;
    display : table-cell;
    font-size : 12px;
    height : 25px;
    line-height : 25px;
    text-align : center;
}

.liActive2 div
{
    border-right: solid 1px #d4dae6;
    box-sizing: border-box;
}

.liActive3
{
    border : solid 2px #02bcff;
    border-radius: 20px 10px;
    height : 25px;
    line-height : 25px;
    margin : 0px 2px;
    padding : 5px 6px 2px;
}

.liActive4
{
    background: #F2F2F2;
    border-bottom: solid 3px #02bcff;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 4px 5px 3px;
    border-radius: 0 0 6px 6px;
    margin-right: 13px;
    min-width:40px;
    text-align:center;
}

.liActive5
{
    background: #02bcff;
    color:#FFF;
    border:solid 1px #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform:uppercase;
    line-height: 16px;
    padding: 6px 8px 5px;
    width:33%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; 
    user-select: none;
}

ul li:first-child div
{
    /*border-left: 1px solid #d4dae6;*/
}

.liDefault0
{
    color : #aaa;
    background-color : #F2F2F2;
    border-bottom:solid 1px #aaa;
    border-radius:5px 5px 0 0;
    display : table-cell;
    height : 36px;
    line-height : 36px;
    text-align : center;
    width: 615px;
    transition: all .2s ease-in-out;
}

.liDefault0 div
{
    box-sizing: border-box;
}  
 
.liDefault0:hover
{
    background-color : #E2E2E2;
    color : #000;
    cursor : pointer;
}

.liDefault1
{
    border-bottom : solid 2px transparent;
    color : #AAA;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 0 2px 4px 2px;
    margin-right: 13px;
}

.liDefault1:hover
{
    color : #1a1e1a;
    cursor : pointer;
}

.liDefault2
{
    background-color : #e9eef5;
    border-top : solid 3px #d4dae6;
    color : #596374;
    display : table-cell;
    font-size : 12px;
    height : 25px;
    line-height : 25px;
    text-align : center;
}

.liDefault2 div
{
    border-right: solid 1px #d4dae6;
    box-sizing: border-box;
}  
 
.liDefault2:hover
{
    border-top : solid 3px #2FC2EF;
    color : #2FC2EF;
    cursor : pointer;
}

.liDefault3
{
    background-color: #FFF;
    border: solid 2px #aaa;
    border-radius: 20px 10px;
    color: #AAA;
    height : 25px;
    line-height : 25px;
    margin : 0px 2px;
    padding : 5px 6px 2px;
}
 
.liDefault3:hover
{
    color : #000;
    cursor : pointer;
}

.liDefault4
{
    background: #F2F2F2;
    border-bottom: solid 3px #AAA;
    color : #AAA;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 4px 5px 3px;
    border-radius: 0 0 6px 6px;
    margin-right: 13px; 
    min-width:40px;
    text-align:center;
}

.liDefault4:hover
{
    color : #1a1e1a;
    cursor : pointer;
}

.liDefault5
{
    background: #F2F2F2;
    border:solid 1px #FFF;
    color: #AAA;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 6px 8px 5px;
    width:33%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; 
    user-select: none;
}

.liDefault5:hover
{
    color : #1a1e1a;
    cursor : pointer;
}

.liOff
{
    background-color : #F5F5F5;
    border-bottom: solid 1px #d4dae6;
    color : #888;
    display : table-cell;
    height : 36x;
    line-height : 36px;
    text-align : center;
    width : 615px;
}

.liOff div
{
    box-sizing: border-box;
}

.line
{
    background-color : #aaa;
    height : 1px;
    overflow : hidden;
    width : 100%;
}

.livetabsActive
{
    background-color : #FFF;
    border-top : solid 5px #EE9200;
    color : #EE9200;
    height : 30px;
    line-height : 30px;
    text-align : center;
    width : 30%;
    font-size : 14px;
    font-family : FaktSlabSemiBold;
}

.livetabsActive div
{
    border-right: solid 1px #d4dae6;
    box-sizing: border-box;
} 

.livetabsActive:first-child div
{
    border-left: 1px solid #d4dae6;
} 

.livetabsActive1
{
    background-color : #FFF;
    border-bottom : solid 3px #EE9200;
    color : #EE9200;
    height : 25px;
    line-height : 25px;
    text-align : center;
    width : 16%;
    font-size : 14px;
    font-family : FaktSlabSemiBold;
}

.livetabsActive1 div
{
    border-right: solid 1px #d4dae6;
    box-sizing: border-box;
} 

.livetabsActive1:first-child div
{
    border-left: 1px solid #d4dae6;
} 

.livetabsDefault
{
    background-color : #e9eef5;
    border-top : solid 5px #d4dae6;
    color : #596374;
    height : 30px;
    line-height : 30px;
    text-align : center;
    width : 30%;
    font-size : 14px;
    font-family : FaktSlabSemiBold;
}

.livetabsDefault:hover
{
    border-top : solid 5px #EE9200;
    cursor : pointer;
}

.livetabsDefault div
{
    border-right: solid 1px #d4dae6;
    box-sizing: border-box;
} 

.livetabsDefault:first-child div
{
    border-left: 1px solid #d4dae6;
}

.livetabsDefault1
{
    background-color : #e9eef5;
    border-bottom : solid 3px #d4dae6;
    color : #596374;
    height : 25px;
    line-height : 25px;
    text-align : center;
    width : 16%;
    font-size : 14px;
    font-family : FaktSlabSemiBold;
}

.livetabsDefault1:hover
{
    border-bottom : solid 3px #EE9200;
    cursor : pointer;
}

.livetabsDefault1 div
{
    border-right: solid 1px #d4dae6;
    box-sizing: border-box;
} 

.livetabsDefault1:first-child div
{
    border-left: 1px solid #d4dae6;
}

.qaccessCells
{
    border : 0;
    padding : 2px 4px;
    width : auto;
    white-space : nowrap;
}

.qaccessCells a
{
    color : #d4dae6;
} 

.qaccessCells a:hover
{
    color : #EE9200;
} 

.qaccessContainer
{
    background-color : rgba(0,0,0,0.9);
    border: solid 1px #d4dae6;
    display : none;
    right : -1px;
    font-size : 11px;
    line-height : 13px;
    padding : 5px;
    position : absolute;
    text-transform : none;
    top : 22px;
    z-index : 5;
} 

.qaccessTitles
{
    border-bottom : solid 1px #FFF;
    color : #FFF;
    padding : 3px 0px;
    font-size : 12px;
    line-height : 14px;
    white-space : nowrap;
}

.rubtitles
{
    font-family : ArquitectaHeavy;
    font-size : 24px;
    line-height : 28px;
    text-align: center;
    border-bottom: solid 2px #0d2366;
    padding-bottom: 6px;
}

.rubtitlesEL
{
    color: #FFF;
    border-bottom: solid 3px #F2F2F2;
}

.rubtitles1
{
    font-family : ArquitectaHeavy;
    font-size : 24px;
    line-height : 24px;
    border-bottom: solid 2px #0d2366;
    padding: 6px 0;
}

.scrollbar
{
    overflow: auto;
}

.scrollCustom::-webkit-scrollbar {
  width: 12px;
  background-color: #FFF;
}
.scrollCustom::-webkit-scrollbar-thumb{
  border-radius: 6px;
  border: 3px solid rgba(255,255,255,0);
  background-clip: content-box;
  background-color: #02bcff;
}

.subtitles
{
    background-color : #F2F2F2;
    border-right : 0;
    font-family : FaktSlabSemiBold;
    font-size : 16px;
    line-height : 26px;
    padding-top: 2px;
    text-align : center;
    text-transform : uppercase;
}

.subtitles span.plus
{
    background : url('/images.net/v3/pictos.live.png') no-repeat -182px -2px;
    display : inline-block;
    float : right;
    height : 17px;
    margin : 2px 5px 0px 0px;
    width : 18px;
}

.subtitles span.plus:hover
{
    background-position: -182px -21px;
    cursor : pointer;
}

.tlined
{
    border : solid 1px #d4dae6;
}

.tabList td
{
    padding: 8px 10px; text-align:left;
}

.tabList tr:nth-child(2) td
{
    padding-top:20px;
}

.tabList .trlive, .trlive a
{
    color:#02bcff;
}

.trlive a:hover {color:#FFF;}

.tabTitle > td
{
    font-weight:bold;
    border-top: solid 1px #F2F2F2 !important;
    border-bottom: solid 1px #F2F2F2 !important;
    padding : 8px 5px;
}

.tabTitle > td+td {border-left: solid 10px transparent !important;}

.tabsContainer
{
    font-family: ArquitectaBold;
    margin: 8px 5px 0 5px;
}   

.tabsDiv
{
    border : solid 1px #EE9200;
    padding : 5px;
}    

.tabsEnd
{
    background-color : #F5F5F5;
    padding : 5px;
}

.tiphone
{
    font-size : 24px;
    line-height : 24px;
}

.titles
{
    padding-bottom:15px;
}

table.timetable
{
    font-family:ProximaRegular; text-align:center; font-size:12px; line-height:18px;
}

table.timetableEL
{
    border-collapse:collapse;color:#FFF;
}

table.timetableEL td:not(.noborder)
{
    border-top:solid 1px #343434;
}

.trtimetable0 {background-color : #13151e;}
.trtimetable1 {background-color : #151720;}

td div.horaire
{
    background-color : #0d2366;
    font-family :ProximaLight;
    font-weight:bold;
    color: #FFF;
    text-align: center;
    min-width:47px;
    outline-offset: -3px;
    outline: 2px solid #FFF;
    padding: 3px 4px;
}

td div.horaire1 {
    background-color : #0d2366;
    font-family :ProximaLight;
    font-weight:bold;
    color: #FFF;
    text-align: center;
    min-width:40px;
    border: solid 2px #F2F2F2;
    padding: 2px;
}

td .btn-reaction
{
    background-color : #F2F2F2;
    margin:10px 6px 10px 0;
    border-radius:5px;
    display: block;
    color: #FFF;
    padding: 2px 2px 2px 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }

td .btn-reaction:hover
{
    cursor: pointer;opacity: 0.85;
 }

td .btn-statut
{
    background-color : #F2F2F2;
    margin:0 4px;
    display: block;
    color: #FFF;
    padding: 2px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

td .btn-statutEL
{
    margin:10px 0;
    font-size:11px;
    font-weight:bold;
    text-transform: uppercase;
    border-radius:4px;
 }

 td .btn-statutEL1
{
    margin:0 5px 12px;
    font-size:10px;
    border-radius:3px;
    padding: 0 4px;
    min-width:56px;
    box-sizing: border-box;
    line-height:16px;
    background-color : #343434;
 }

td .btn-statutA {background-color : #090; cursor: pointer;}
td .btn-statutD {color: #BBB !important;}
td .btn-statutDir {background-color: #FFA500;font-style: italic;cursor: pointer;}
td .btn-statutEc {background-color: #F00;font-style: italic;}
td .btn-statutEng {background-color: #8691b2;cursor: pointer;}
td .btn-statutA:hover, td .btn-statutDir:hover, td .btn-statutEng:hover {color:#000}

td .btn-statutELA {background-color : #FFA500;cursor: pointer;}
td .btn-statutELO {background-color : #090;cursor: pointer;}
td .btn-statutELT {background-color : #00A;cursor: pointer;}
td .btn-statutELR {background-color : #909;cursor: pointer;}
td .btn-statutELD {color: #888 !important;}
td .btn-statutELDir {background-color: #E00;cursor: pointer;}
td .btn-statutELEng {background-color: #666;cursor: pointer;}
td .btn-statutELA:hover, td .btn-statutELO:hover, td .btn-statutELR:hover, td .btn-statutELT:hover, td .btn-statutELDir:hover, td .btn-statutELEng:hover, .btn-statutEq:hover {opacity:0.85}

td .btn-statutELA1 {border:solid 2px #FFA500;cursor: pointer;}
td .btn-statutELA1:hover {background-color:#FFA500;}
td .btn-statutELO1 {border:solid 2px #090;cursor: pointer;}
td .btn-statutELO1:hover {background-color:#090;}
td .btn-statutELT1 {border:solid 2px #00A;cursor: pointer;}
td .btn-statutELT1:hover {background-color:#00A;}
td .btn-statutELR1 {border:solid 2px #909;cursor: pointer;}
td .btn-statutELR1:hover {background-color:#909;}
td .btn-statutELDir1 {border:solid 2px #E00;cursor: pointer;}
td .btn-statutELDir1:hover {background-color:#E00;}

span.btn-statutEq, a.btn-statutEq
{
    background-color : #090;
    color: #FFF;
    font-weight:bold;
    font-size: 14px;
    border-radius:8px;
    margin-top:5px;
    cursor: pointer;
    display:inline-block;
    text-transform:uppercase;
    padding:5px 15px;
}

.swMode {font-family:ArquitectaBold;font-size:14px;line-height:16px;margin-top:20px;text-align:right; -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none}
.swMode div:first-child {border-radius:5px 0 0 5px}
.swMode div:last-child {border-radius:0 5px 5px 0}
.swModeOff {background:#FFF;color:#AAA;display:inline-block;border:solid 1px #F2F2F2;width:80px;text-align:center;padding:2px 0}
.swModeOff:hover {background:#02bcff;color:#FFF;cursor:pointer}
.swModeOn {background:#0d2366;color:#FFF;display:inline-block;border:solid 1px #F2F2F2;width:80px;text-align:center;padding:2px 0}

#ctnRight .buttons
{
    background-color : #e9eef5;
    border: solid 1px #d4dae6;
    color : #596374;
    cursor : default;
    font-family : FaktSlabSemiBold,verdana,arial;
    font-size : 13px;
    line-height : 13px;
    padding-top : 2px;
    text-align : center;
    text-transform : uppercase;
    width : 95%;
    -moz-user-select : none;
}

#ctnRight .buttons:hover
{
    background-color : #A00014;
    color : #FFF;
    cursor : pointer;
}

.vtf {
line-height:14px;color:#434b5a;position:relative;
  cursor: pointer;
  margin: 0 10px 0 5px;
  padding-left:18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vtf input {display:none}

.vtf .checkmark { position:absolute;top:1px;left:0;
  height: 13px;
  width: 13px;
  background-color: #ddd;
}

.vtf:hover .checkmark {
  background-color: #aaa;
}

.vtf input:checked ~ .checkmark {
  background-color: #02bcff;
}

.vtf .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.vtf input:checked ~ .checkmark:after {
  display: block;
}

.vtf .checkmark:after {
  /*left: 4px;
  top: 0px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);*/
  left: 4px;
  top: 4px;
  width: 0px;
  height: 0px;
  border: solid white;
  border-width: 2px 3px 3px 2px;
}

/* Home */

.list-filtre {float:right;font-family:FaktSlabConPro;text-transform: uppercase;font-size:14px;line-height:15px;margin:0 0 15px 20px;color:#FFF;padding:5px 10px 1px;border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;-moz-box-shadow: 2px 2px 3px #CCC;
    -webkit-box-shadow: 2px 2px 3px #CCC;
    box-shadow: 2px 2px 3px #CCC;cursor:pointer}
.list-filtre:hover {color:#EEE}

.list-live {
   display: flex;
   background:url('/images.net/v3/background-empty.png') 30px 15px no-repeat;
   color:#343434;
   flex-wrap: wrap;
   flex-direction: row;
   width:365px;
   margin-top:30px;
   font-size:18px;
   line-height:20px;
   font-family:FaktSlabConPro;
   min-height:80px;
}

.list-live > div {background-color:#FFF;width:355px;margin:0 4px 25px;overflow:hidden;border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -khtml-border-radius: 15px 15px 0 0;
    /*-moz-box-shadow: 2px 2px 3px #CCC;
    -webkit-box-shadow: 2px 2px 3px #CCC;
    box-shadow: 2px 2px 3px #CCC*/
    border:solid 1px #BBB;border-top:none}

.list-live div.date {color:#FFF;font-size:14px;line-height:16px;padding:6px 10px 2px 10px; text-align:center;width:100%}
.list-live div.niveauIT div.date, .filtreIT {background-color:#A00014}
.list-live div.niveauNA div.date, .filtreNA {background-color:#0d2366}
.list-live div.niveauRG div.date, .filtreRG {background-color:#008E9B}

.list-live div.link {cursor:pointer}
.list-live div.link:hover {background-color:#EEE !important}

.list-live div.visuel_img {float:left;
    border: 2px solid #AAA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    width:120px;height:150px;background-size:100%}

.list-live div.infos {float:left;margin:10px 0 0 10px;text-align: center;width:201px;position:relative;height:144px}
.list-live div.infosnom {font-weight:bold}
.list-live div.infosville {font-size:16px;}
.list-live div.infosstade {font-size:14px;}

.titlesHome
{
    letter-spacing:1px;
    text-align: center;
    padding:10px 0 15px;
}

.imgHome
{
    background: url('/images.net/v3/top/live.png') no-repeat top center;
    width: 200px;
    height: 120px;
    margin:0 auto;
}

.popup-content-custom {
    top: 50%;
    left: 50%;
    width: 380px;
    height: auto;
    margin: -75px 0 0 -200px;
    position: absolute;
    z-index: 9999999999;;
    color: #000;
    background-color:#F2F2F2;
    border:solid 1px #F2F2F2;
    border-radius:10px;
    padding:10px 15px;
}

.popup-content-custom .close-popup {background:url('/images.net/v3/close.png');position: absolute;top: -16px;right: -16px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}

.wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
}

@media only screen and (min-width: 650px) {
#ctnContentRefresh > div {width:640px;margin:0 auto 25px}
td .btn-statutEL {font-size:12px}
td .btn-statutEL1 {font-size:11px;line-height:17px}
table.timetable {font-size:13px; line-height:16px}
.popup-content-custom { width: 650px;margin: -75px 0 0 -325px;}

@media only screen and (min-width: 768px) {
#ctnContentRefresh > div.EL {width:750px}
td .btn-statutEL {font-size:13px}
table.timetableEL {font-size:14px}
}

@media only screen and (min-width: 768px) and (max-width: 1144px) {
.list-live {width:754px;justify-content:start;margin-left:-20px}
.list-live > div {margin:0 0 25px 20px}
table.tabList {width:750px}
}

@media only screen and (min-width: 1145px) {
.list-live {width:1131px;justify-content:start;margin-left:-20px}
.list-live > div {margin:0 0 25px 20px}
table.tabList {width:995px}
}