@font-face {
    font-family: 'obold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'olight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oregular';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*FORMATAGE*/
html, body {margin:0;padding:0;}
div, dl, dt, dd, ul, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0;margin:0;list-style:none;}
img, iframe {border:0; overflow:hidden;}
.out{clear:both;height:0;margin:0;padding:0;overflow:hidden;visibility:hidden}

/*STRUCTURE*/
#euro2012 {width:1000px;margin:30px auto 0 auto;}
#euro2012 .content {background:url('/images/bg-col.png') repeat-y top right; float:left; width:680px; min-height:1000px; padding:0 20px 0 0;}
#euro2012 .col-right {float:right; width:300px; padding-top:10px;}

/*TOP*/
#top-head {top:0;width:100%; padding:5px; text-align:center; z-index:100000;}
#top-head .center {width:1000px; margin:0 auto;}
#top-head .top-live {position:relative; float:left; font:normal 13px 'Century Gothic',arial,helvetica,sans-serif; color:#fff; padding:2px 5px 2px 0;}
#top-head .top-live a {color:#fff;text-decoration:none;}
#top-head .top-live strong.day {background:#ee0303; font-weight:normal; padding:2px 5px 3px 5px; margin-right:5px;}
/*#top-head .top-date {float:right; font:italic 12px Georgia; color:#000; margin:3px 52px 0 0;}*/
#top-head .fil {float:left; width:390px; font:normal 12px Georgia; color:#000; padding:3px 0;}
#top-head .fil a {color:#000; text-decoration:none;}
#top-head .fil a:hover {color:#ff0000;}
/*search*/
#top-head .search-field, .col-right .search-field {background:#fff;width:150px; font:13px Arial; color:#8ca621; border: 1px solid #999; padding: 2px 6px; margin:0;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.75);box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.75);}
#top-head .search form {position:relative;float:left; width:160px;}
#top-head .search label, .col-right .right-search label {display: none;}
#top-head .search button, .col-right .right-search button {margin:1px 0 0 -27px; cursor:pointer; border:0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #ccc;}
.col-right .right-search {float:right;padding: 5px 0;}
.col-right .right-search span.title {display: block;font: 24px 'olight',sans-serif;color: #000;}
#top-head .social {float:right; width:170px; padding-top:2px;}

/* Scroll News */
#news-scroll {width:350px; height:15px; margin-left:30px; text-align:left;}
#news-scroll .rsstitle {color:#fff;}

/*HEADER*/
#euro2012 .header {width:100%;}

#euro2012 .middle {clear:both; height:125px; background:url('/images/bg-top.jpg') no-repeat;}
#euro2012 .middle .logo {float:left;margin:14px 0 0 10px;}
#euro2012 .middle .logo span {display:block; height:1px; text-indent:-9999px;}

#euro2012 .bottom {clear:both;}
#euro2012 .nav {background: url('/images/color-line.png') no-repeat left bottom;}
#euro2012 .nav a {display:block; float:left; font:21px 'oregular',sans-serif; color:#000; text-decoration:none; text-transform:uppercase; padding:3px 17px; margin-bottom:5px; }
#euro2012 .nav a:hover {background:#00a8ff; color:#fff;}
#euro2012 .nav a.actif {background:#00a8ff; color:#fff;}

/* SS NAV */
#euro2012 .ss-nav {background:#202020; padding:5px 10px;}
#euro2012 .ss-nav ul li {display:inline; padding-left:8px; margin-right:10px;}
#euro2012 .ss-nav ul li a {font:normal 14px Arial; color:#fff; text-decoration:none;}
#euro2012 .ss-nav ul li a:hover {color:#4aa5f8; text-decoration:underline;}

/* SPRITES */
.sp-euro2012 {background-image:url('/images/sp-euro2012.png');background-repeat:no-repeat;}
.sp-mob {background-position: -59px -54px; width:18px; height: 17px; display:block; text-indent: -10000px; float:left; margin:0 1px;}
.sp-g {background-position: 0 0; width:17px; height: 17px; display:block; text-indent: -10000px; float:left; margin:0 1px;}
.sp-tw {background-position: 0 -22px; width:17px; height: 17px; display:block; text-indent: -10000px; float:left; margin:0 1px;}
.sp-fb {background-position: 0 -44px; width:17px; height: 17px; display:block; text-indent: -10000px; float:left; margin:0 1px;}
.sp-rss {background-position: 0 -66px; width:17px; height: 17px; display:block; text-indent: -10000px; float:left; margin:0 5px 0 1px;}
.sp-bgvert {background-position: 0 -87px; position:fixed; height:22px; background-repeat:repeat-x;}
.sp-up {background-position: 0 -124px; width:21px; height:28px; display:block;}
.sp-search {background-color:transparent; background-position: 0 -157px; width:18px; height:18px; text-indent:-5000px; display:inline-block;}
.sp-tf1 {background-position: 0 -180px; width:30px; height:11px; display:block;}
.sp-m6 {background-position: 0 -200px; width:24px; height:18px; display:block;}
.sp-tm6 {background-position: 0 -223px; width:74px; height:18px; display:block;}
.sp-bein {background-position: 0 -248px; width:31px; height:15px; display:block;}
.sp-comment {background-position: -30px 0; font:italic 11px Georgia; padding-left:20px; text-decoration:none;}
.sp-topfl {background-position: -34px -21px; width:13px; height:23px; display:block;overflow:hidden;position:absolute; float:right; top:-1px; right:-13px;}
.sp-topgris {background-position: 0 -182px; background-repeat:repeat-x; height:23px; display:block;}
.sp-minirss {background-position: -59px -27px; display:block; padding-left:15px;}

/*PUBS*/
#pub-top {z-index:0;margin-bottom:.3em}
.pub-header{width:100%;text-align:center;z-index:-1}
.megaban-home{float:right;margin:15px 10px 0 0;}
.megaban{text-align:center}
#skycraper{position:absolute;left:1291px;width:120px}
#floatLayer {position:relative; width:120px; height:600px; z-index:10000; top:0;}
#euro2012 .ads {width:100%; text-align:center; margin:10px 0;}
#euro2012 .bloc-pub {margin-bottom:10px; text-align:center;}

/*ENCADRE*/
#euro2012 .border {width:626px; border:7px solid #ddd; padding:15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#euro2012 .border p {font-size:14px;}

/*EURO2012*/
#euro2012 .content-one {float:left; width:450px;margin-right:10px;}
#euro2012 .content-one .liste-news h2 {font: 16px 'oregular',sans-serif;text-transform: uppercase;}
#euro2012 .content-two {float:left; width:210px;}
#euro2012 .content-two table {width:100%;border-collapse: collapse;}
#euro2012 .content-two td {font:normal 12px Arial;padding: 4px 0 4px 5px;border-bottom: 1px solid #ccc;}
#euro2012 .content-two .flags {padding-left:25px;}

/*BLOCS ARTICLE DIVERS*/
#euro2012 .art {font-family:Georgia; line-height:1.3em; padding-top:20px;}
#euro2012 .art a {color:#333; text-decoration:none;}
#euro2012 .art a:hover {color:#ff0000;}
#euro2012 .art h1 {font:20px 'oregular',sans-serif; color:#000; text-decoration:none;}
#euro2012 .art .chapo {font-size:14px; color:#333; padding-right:10px; margin:10px 0 20px 0;}
.art .bloc-gp {float:left; width:40%;}
.art .listeam {margin:15px 20px;}
.art .listeam li {font-family:Arial;margin:10px 0;}

/*ARIANE*/
p.noway a {color:#666;text-decoration:none;}
p.noway {clear:both; font:12px Arial, Helvetica, sans-serif;margin:10px 0;padding:5px 0;border-top:1px dotted #ccc;}

/*ELEMENTS TITRES*/
#euro2012 .art h2 {font:32px 'olight',sans-serif; color:#000; text-transform:uppercase;}
#euro2012 .art h2 span, #euro2012 .actu h2 span {color:#ff0000;}
#euro2012 .art h3 {font:18px 'olight',sans-serif; color:#000; text-transform:uppercase;}

/*UNE*/
#euro2012 .une {position:relative; float:left; width:680px; height:255px;}
#euro2012 .evenement {position:absolute; background:url('/images/bg-une.png'); width:350px; height:205px; top:15px; right:20px; padding:10px;}
#euro2012 .evenement h1 a {font:36px 'oregular',sans-serif; line-height:1em; text-transform:uppercase;}
#euro2012 .evenement a {font:normal 14px Georgia, serif; color:#fff; text-decoration:none;}
#euro2012 .evenement a:hover {text-decoration:underline;}
#euro2012 .highlight {float:right; background:#202020; width:300px; height:250px; padding:0 10px 5px 10px;}
#euro2012 .highlight li {padding:10px 0;border-bottom:1px solid #636363;}
#euro2012 .highlight li a {color:#fff; text-decoration:none; text-transform:uppercase;}
#euro2012 .highlight li a:hover {color:#b0ca2c;}
#euro2012 .highlight li span.rub {display:inline-block;background:#373737; font:normal 14px Arial; padding:5px; color:#b0ca2c; text-transform:none;}
#euro2012 .highlight li a.title {display:block; font:16px 'Century Gothic',sans-serif\9; line-height:1.1em\9; font:18px 'olight',sans-serif; line-height:1.2em; margin-top:5px;} /*ie*/

/*WIDGET*/
#group-teams {width:680px;height:50px;}
#group-teams .title-gp {font:normal 10px Arial; height:14px;line-height:13px;margin-bottom:8px;text-align:center;}
#group-teams .title-gp a {color:#fff; text-decoration: none;}
#group-teams .title-gp a:hover {color:#b0ca2c;}
#group-teams ul {clear:both;width:75%;margin:0 auto;}
#group-teams li.groupe.first {border:0;}
#group-teams li.groupe {display:block;float:left;height:50px;width:118px;margin-left:4px;}
#group-teams .col-pays {background:#b0ca2c;margin-left:12px;border:1px solid #b0ca2c;border-top:none;padding:2px 0 2px 6px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.widget {position:relative;background:#b0ca2c url('/images/bg-rouge-vert.png') repeat-x;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-left-radius:0;-moz-border-top-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;z-index:0;}

/*Gestion Flags*/
.flags {background:url('/images/allflags.png') no-repeat;height:15px;}
.pays {background:url('/images/allflags2012.png') no-repeat;height:15px;width:20px;display:block;margin-right:4px;float:left;}
.no-txt {text-indent:-10000px;}
.fra {background-position:0 -120px;}
.gre {background-position:0 -240px;}
.ang {background-position:0 -270px;}
.slo {background-position:0 -360px;}
.all {background-position:0 -390px;}
.ser {background-position:0 -450px;}
.pb {background-position:0 -510px;}
.dan {background-position:0 -540px;}
.ita {background-position:0 -630px;}
.slov {background-position:0 -720px;}
.por {background-position:0 -840px;}
.esp {background-position:0 -870px;}
.sui {background-position:0 -900px;}
.sue {background-position:0 -990px;}
.bel {background-position:0 -1024px;}

.flags2012 {background:url('/images/allflags2012.png') no-repeat;height:15px;padding-left:25px;}
.no-txt {text-indent:-10000px;}
.pol2012 {background-position:0 -32px;}
.ukr2012 {background-position:0 -62px;}
.fra2012 {background-position:0 -122px;}
.gre2012 {background-position:0 -242px;}
.ang2012 {background-position:0 -272px;}
.ru2012 {background-position:0 -93px;}
.all2012 {background-position:0 -392px;}
.eire2012 {background-position:0 -422px;}
.pb2012 {background-position:0 -362px;}
.dan2012 {background-position:0 -332px;}
.ita2012 {background-position:0 -302px;}
.cro2012 {background-position:0 -452px;}
.por2012 {background-position:0 -152px;}
.esp2012 {background-position:0 -182px;}
.cze2012 {background-position:0 -483px;}
.sue2012 {background-position:0 -212px;}

/*BOX*/
.data-box {float:left; width:320px; min-height:279px; margin-top:15px; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.data-box h2 {float:left; font:16px 'olight',sans-serif; color:#4e6e0b; margin:5px 0 0 10px; text-transform:uppercase;}
.data-box hr {background:#4e6e0b;height:2px;}
.data-box .link {display:block; font:bold 12px Arial; color:#4e6e0b; padding:11px; text-decoration:none;}
/*MINI CLASSEMENTS*/
/*onglets*/
#onglets {margin-left:135px; width:100%; padding-left:5px;}
#onglets li {font:bold 12px Arial; display: inline;margin: 0 2px 0 0;padding: 0;text-transform: uppercase;}
#onglets a:hover span {background-color: #ff9900; color:#fff;}
#onglets a {float: left;background:#b0ca2c url('/images/color_tabs_left.gif') no-repeat left top;color:#333;margin: 0 2px 0 0;padding: 0 0 1px 3px;text-decoration: none;letter-spacing: 1px;}
#onglets a:hover {background-color:#ff9900;}
#onglets a span {float: left;display: block;background: transparent url('/images/color_tabs_right.gif') no-repeat right top;padding: 4px 9px 2px 6px;}
#onglets .selected a, #onglets .selected span {background-color: #f90;color: white;}
/*table*/
.data-clmt {margin-left:25px;}
.data-clmt h2 {margin-bottom:9px;}
.mini-clmt {width:100%; padding:0; border:0; border-collapse:collapse;}
.mini-clmt caption {display: none;}
.mini-clmt thead {background:#f5f5f5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.mini-clmt th {font:bold 12px Arial; color:#999; padding:8px 0; border-bottom: 1px solid #ccc;}
.mini-clmt td {font:normal 14px Arial; color:#666; padding:13px 10px; text-align:center;}
.mini-clmt td a {color:#666; text-decoration:none;}
.mini-clmt td a:hover {color:#fc6000;}
.tabcontent {display:none;}
@media print {
	.tabcontent {display:block !important;}
}

/*NEXT*/
.data-next h2 {margin-bottom:9px;}
.content-next a { color:#fff;text-decoration:none;}
.content-next {background:#f5f5f5; clear:both; text-align:center; padding:5px 0 10px 0; border-top:1px solid #ccc;}
.content-next .date-m {background:#494949; font:normal 10px Arial; color:#fff; padding:1px 3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.content-next .m {padding:0 10px;margin-bottom:5px;}
.content-next .dom {float:left; width:140px; margin-right:20px;}
.content-next .ext {float:left; width:140px;}
.content-next .name {display:block; background:#7a7a7a; font:bold 14px Arial; width:135px; padding:3px 0; margin-top:4px; text-align:center; text-transform:uppercase; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.content-next .score {background:#202020; font:bold 36px Arial; padding:0 7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.content-next .dom .score {position:relative; left:20px;}
.content-next .ext .score {position:relative; left:-23px;}
.content-next img.fede {position:relative; top:8px;}
.content-next .dom img.fede {left:15px;}
.content-next .ext img.fede {left:-15px;}

/*AFTER UNE*/
.after {background:#ddd; width:630px; padding:0 20px 20px 20px; margin-top:15px;}
.after ul.list li {float:left; width:48%; padding-right:10px; margin-top:20px;}
.after ul.list li span {display:block; font:italic 11px "Times New Roman", serif; color:#333; padding-top:2px;}
.after hr {margin: 20px 0 10px 0;border:0; height:1px; color:#999; background-color:#999;}
.after ul.list li.title {float:none; width:100%; font:14px 'oregular',sans-serif; color:#333; padding-top:10px; text-transform:uppercase; text-decoration:none;}
.after ul.list li.title strong {font-weight:normal; color:#ff0000;}
.after li a {font:16px 'oregular',sans-serif; color:#000; text-transform:uppercase; text-decoration:none; line-height:.7em;}
.after li a:hover {color:#ff0000;}
.after li img {float:left; margin-right:10px;}

/*LISTE NEWS*/
.liste-news {padding:5px 0;}
.liste-news h2, #euro2012 .post h2 {font:16px 'oregular',sans-serif; text-transform:uppercase;}
.liste-news a {color:#000;text-decoration:none;}
.liste-news a:hover {color:#ff0000;}
.liste-news span {font:bold 11px Georgia, serif;color:#2d6a95;}
.liste-news img {vertical-align:middle;}
.liste-news .post {padding:15px 5px;border-bottom:1px solid #ccc;}
.liste-news .img-post, .img-post {float:left;margin-right:10px;}
.liste-news .desc-home-visu {font:normal 14px Georgia, serif;color:#333;line-height:1.2em;margin-left:90px;}
.liste-news .desc-home {font:normal 14px Georgia, serif;color:#333;line-height:1.3em;}
.liste-news .desc-home a {color:#333;}

/*COUNTDOWN*/
.countdown { background:#212121; padding: 10px 20px; }
.countdown { -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 -10px 20px 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 -10px 20px 0 inset; -o-box-shadow: rgba(0, 0, 0, 0.9) 0 -10px 20px 0 inset; box-shadow: rgba(0, 0, 0, 0.9) 0 -10px 20px 0 inset; }
.countdown div.data-count { width: 50px; -moz-box-shadow: black 0 2px 3px 0; -webkit-box-shadow: black 0 2px 3px 0; -o-box-shadow: black 0 2px 3px 0; box-shadow: black 0 2px 3px 0; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; -o-border-radius: 4px / 4px; -ms-border-radius: 4px / 4px; -khtml-border-radius: 4px / 4px; border-radius: 4px / 4px; padding: 3px; float: left; margin: 0 12px 0 0; background: #1c1c1c; overflow: hidden; }
.countdown span { width: 50px; color: #00a8ff; font:normal 28px Arial; line-height:28px; display: block; text-align: center; margin: 0; text-shadow: #7bc5fe 0 0 10px; }
.countdown div.data-count.last { margin:0; }
.countdown .data-count p { color: #686767; font:normal 10px Arial; text-align:center; width:50px; }
.counthome { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; }

/*BLOC BREVES*/
/*BOX*/
.bloc-breve {border-top: 2px solid #ff0000; padding:5px 0;}
.bloc-breve span.title {display:block; font:24px 'olight',sans-serif; color:#000;}
.bloc-breve ul {clear:both;}
.bloc-breve li {font:normal 12px Georgia, serif; color:#333;padding:5px;}
.bloc-breve li a {color:#000;text-decoration:none;}
.bloc-breve li a:hover {color:#ff0000;}
.bloc-breve span {float:left; font:10px 'oregular',sans-serif; color:#ff0000; margin-right:10px;}
.link-bloc {display:block; font:normal 11px Arial; color:#999; text-decoration:none; text-align:right; padding:5px;}
.line1 {background:#e1e0e0;}

/*BLOC BUTEURS*/
.bloc-buteurs {border-top: 2px solid #ff0000; padding:5px 0;}
.bloc-buteurs span.title {display:block; font:24px 'olight',sans-serif; color:#000;}
.bloc-buteurs ul {clear:both;}
.bloc-buteurs li {font:normal 12px Georgia, serif; color:#333;padding:5px 10px;}
.bloc-buteurs li a {color:#000;text-decoration:none;}
.bloc-buteurs li a:hover {color:#ff0000;}
.bloc-buteurs strong {float:right; font:11px 'oregular',sans-serif; color:#ff0000;}

/*BLOC VIDEOS*/
.bloc-video span.title {display:none;}

/*CALENDRIER*/
.calendar {width:100%;margin-bottom:10px;padding:0;border:0;border-collapse:collapse;font:14px Arial;}
.calendar caption {display:none;}
.calendar th {color:#666;text-align:left;border-bottom:1px solid #ccc;padding:5px;}
.calendar th span {background:#ff9900;color:#fff;display:block;padding:2px 4px 3px 4px;margin:5px;text-align:center;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.calendar td {padding-top:10px;}
.calendar td a {color:#333;text-decoration:none;}
.calendar td a:hover {color:#ff0000;}
.calendar td a span {font:11px Arial;color:#666;}
.calendar .date-r {font:12px Arial;color:#ff0000;}
.calendar .heure-r {font:12px Arial;color:#333;}
.buteurs{font:italic 11px Georgia, serif;color:#999;padding-bottom:10px;vertical-align:top;border-bottom:1px solid #ccc;}
.fd-gris {background:#f0edee;}
.tab-heure {color:#ff0000;text-align:center;}
.tab-groupe, .tab-stade, .tab-score, .tab-tv {text-align:center;}
.tab-groupe a, .tab-stade a, .tab-score a, .tab-tv a {color:#333;}

/* CLASSEMENT */
.classement {width:100%;margin:0 0 1em 0;padding:0;border:0;border-collapse:collapse;font:14px Arial;}
.classement caption {display:none;}
.classement th {padding:4px 0;color:#666;border-bottom:1px solid #ccc;}
.classement th span {color:#ff0000;}
.classement td {color:#666;padding:10px 5px;text-align:center;}
.classement td a {color:#333;text-decoration:none;}
.classement td a:hover {color:#ff0000;text-decoration:none;}
.classement td strong {color:#333;}
.legend-clmt {font:italic 12px Georgia;color:#666;margin:15px 0 25px 0;}
.classement .ligne1 {background-color:#e1e0e0;}
.classement .ligne2 {background-color:#fff;}
.classement .accession {background-color:#ccc;color:#ff0000;}
.classement .accession a {color:#ff0000;}
.group {font:11px Arial;margin:1em 0;text-align:right;}
.group a {color:#333;padding:.3em;text-decoration:none;}
.group a:hover {color:#ff0000;text-decoration:underline;}
.txt-groupe {width:100%;background:#333 url('/images/bg-box-gris.gif');color:#fff;font:14px Arial;text-transform:uppercase;}
.txt-groupe p {padding:.3em 0 .4em 1em;margin:0;}
#euro2012 .clmt-regle h3 {font:14px 'oregular',sans-serif;}
#euro2012 .clmt-regle li {font:normal 14px Georgia;padding:5px 0;}

/*FRANCE*/
.table-france {width:98%;font:12px Arial, Helvetica, sans-serif;color:#333;margin:10px auto 20px auto;padding:0;border:0;border-collapse:collapse;}
.table-france th {padding:10px 0 10px 20px;background:#b0ca2c;color:#fff;border-bottom:1px solid #fff;text-transform:uppercase;text-align:left;}
.table-france td { padding:8px 0 8px 20px; }
.table-france td a { color:#333; }
.victoire { color:#00baff; }
.nul { color:#ff9900; }
.defaite { color:#ff0000; }

/*HISTORIQUE*/
.table-hist {font:14px Arial; width:98%;padding:0;margin:10px auto;border:0;border-collapse:collapse;}
.table-hist th {padding:5px 0;background:#ab907b;color:#fff;text-align:center;text-transform:uppercase;}
.table-hist td {padding:4px 0 4px 20px;border-bottom:1px solid #ccc;}
.table-hist td a {color:#333;padding-left:25px;}
.details-histo {color:#ed807d;}
.fright {float:right;}
.mascottes {width:80%; margin:1em auto;}
.mascottes td {font: 12px Arial, Helvetica, sans-serif; text-align: center;}

/*TEAMS*/
#euro2012 .right-team {float:right; width:505px; padding:10px 5px;}
#euro2012 .left-team {float:left; width:165px; padding-top:58px;}
#euro2012 .left-team li {font-size:12px;}
#euro2012 .right-team h1 {font:32px 'olight',sans-serif; color:#ff0000; text-transform:uppercase;}
#euro2012 .right-team h2 {font:16px 'oregular',sans-serif; color:#000; text-transform:uppercase;}
#euro2012 .right-team h3 {font:22px 'olight',sans-serif; color:#000; margin-top:20px; text-transform:uppercase;}

/**** LIVE ****/
.live {background:url('/images/live/bg-live.png') repeat-x;width:95%;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;padding:.5em;margin:1em 0}
.live .direct {width:95%;margin:0 auto}
.live .teams {font:22px 'oregular',sans-serif;width:40%;color:#fff;text-transform:uppercase;text-align:center}
.players-live {width:95%;margin:0 auto}
.players-live td {vertical-align:top;}
#live-text {font:14px 'oregular',sans-serif;color:#fff;text-align:center;margin-bottom:1em;}
#live-domteam, #live-extteam {font:22px 'oregular',sans-serif;color:#fff;text-transform:uppercase;text-align:center}
#live-score {font:70px 'oregular',sans-serif;color:#fff;text-align:center}
#live-etat {display:block;font:14px Arial;color:#fc0;text-align:center}
#live-dombuteurs, #live-extbuteurs {font: italic 12px Arial,Helvetica,sans-serif;color:#ccc;text-align:center;}
ul.direct-liste {margin:20px;}
ul.direct-liste li { font:16px Georgia;padding:10px 20px; border-bottom: 1px solid #ccc;}
ul.direct-liste li.dday { background:url("/images/live/bt-live_on.png"); background-repeat:no-repeat; background-position:center right;}
ul.direct-liste li span {font:normal 12px arial;color:#999;}
ul.direct-liste li.dday span {font:bold 12px arial;color:#999;}
p.other-live, p.other-live a {font:normal 12px arial;}

/*ACTU*/
.actu .desc-home a {color:#333;}
.actu .desc-home, #euro2012 .actu h2.desc-home {font:14px Georgia; color:#333; text-transform:none;}
.actu .surtitre {font:12px 'oregular',sans-serif; color:#ff0000; text-transform:uppercase;}
.actu h1.post-title, .actu h1.post-title a {font:20px 'oregular',sans-serif; color:#000; text-decoration:none;}
.actu h1.post-title a:hover {color:#ff0000;}
.actu .info-art a {color:#666;}
.actu .info-art {font:11px Arial, Helvetica, sans-serif; color:#666;}
.actu h2.chapo, .actu h2.chapo p {font:bold 14px Georgia; margin:15px 0; text-transform:none;}
.actu .post { padding:15px 5px; border-bottom:1px solid #ccc;}
.actu .post p {font:14px Georgia; color:#333;}
.actu .post a {color:#000;}
.actu .post a:hover {color:#ff0000;}
.actu .post .post-content p {margin:15px 0; line-height:22px;}
.actu .pagination {font:12px Arial; padding:15px; text-align:center;}
.actu .pagination a {color:#000; text-decoration:none;}
.actu .pagination a:hover {color:#ff0000;}
.col-right-actu h2 {display:block; font:24px 'olight',sans-serif; color:#000; text-transform:uppercase;}

/*OPTIONS ARTICLES*/
.content-options {width:160px;float:left;}
.content-options form {display:inline;}
.content-reseaux {float:right;}
p.navlinks {text-align:center;margin:15px 0;}
.navlinks a {font:12px Georgia; color:#333; text-decoration:none;}
.navlinks a:hover {color:#ff0000;}

/*COMMENTAIRES*/
.comment_count {font-size:11px; color:#1b98be; text-decoration:none;}
#dsq-comments-title h3 {color:#333;}
#disqus_thread .dsq-commenter-name, a.dsq-widget-user {font:bold 12px Arial; color: #1b98be; text-transform:uppercase;}
#recentcomments .dsq-widget-comment p {font:normal 12px georgia; display:block; margin:10px 0;}
#recentcomments .dsq-widget-meta a {font:normal 11px georgia; color:#999;}
#dsq-account-dropdown a {font:bold 12px Arial; color: #1b98be;}
#disqus_thread {font-family:Georgia;padding:12px;margin-bottom:-10px;}
#comment {font-family:Georgia;}
#disqus_thread h3 {color:#333;font: 20px oregular,sans-serif;padding-bottom:.5em;}
#dsq-content .dsq-comment-footer {font-size:12px;}
#dsq-content .dsq-comment-text p {font-size:12px;}
#dsq-content div.dsq-options {background:none;padding-bottom:0px;}
#dsq-comments li.dsq-comment {margin-top:12px;margin-bottom:12px;padding:12px;background:#F0F0E9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #ccc;}
#dsq-content div.dsq-post-area {padding:12px;background:#F0F0E9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #ccc;-webkit-box-shadow: 0px 0px 10px #ECF40B;-moz-box-shadow: 0px 0px 10px #ECF40B;}
#dsq-content .dsq-comment-header {background:none;}
.dsq-brlink {display:none;}
#dsq-content .dsq-comment-message {background:#fff;padding:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#dsq-content #dsq-authenticate .dsq-login-buttons {background:none;background-image:none;margin-bottom:0;}
#dsq-content #dsq-form-area .dsq-textarea .dsq-textarea-wrapper,#dsq-content #dsq-form-area .dsq-post-fields .dsq-input-wrapper {border: 1px solid #ccc;}
#dsq-new-post div.dsq-request-user-info {background:none;padding-bottom:0px;}
#dsq-subscribe {display:none;}

/*COL ACTU*/
.bloc-rub h3 {font:24px 'olight',sans-serif; color:#000; text-transform:uppercase;}
.bloc-rub ul li a:hover { color:#ff0000; }
.bloc-rub ul li a {color:#333; text-decoration:none;}
.bloc-rub ul li {font:normal 13px Georgia, serif; color:#333;padding:5px;}
.bloc-rub {background:#eee; padding:0 5px 5px 5px; margin:5px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.box-twitter {margin:15px 0 20px 0;}

/*FOOTER*/
#footer {position:relative; background:#202020; font:12px Arial; color:#fff; min-height:220px; z-index:2000;}
#footer .bloc-bas-pub {background:#fff; text-align:center; padding:10px 0;}
#footer .content-footer {background:#202020; width:1000px; padding:5px 0; margin:0 auto;}
#footer .link-flux img {border:0; vertical-align:middle;}
#footer .link-flux { background:#333; }
#footer .bloc-link-footer ul {float:left; margin:10px 0 0 60px;}
#footer .bloc-link-footer li a:hover { color:#00baff; }
#footer .bloc-link-footer li a {font:10px Arial; color:#fff; text-decoration:none; text-transform:uppercase;}
#footer .bloc-link-footer li span {font:12px Arial; color:#00baff; text-decoration:none; text-transform:uppercase;}
#footer .bloc-link-footer li { padding:2px 0; }
#footer .bloc-link-footer {width:95%; padding:12px 0; margin:0 auto; border-bottom:1px solid #333;}
#footer .liens-bas a:hover { color:#00baff; }
#footer .liens-bas a { color:#999; text-decoration:none;}
#footer .liens-bas span { font:11px Arial; color:#666; text-transform:none;}
#footer .liens-bas { font:bold 11px Arial; color:#999; line-height:1.5em; text-transform:uppercase; text-align:center;}

/*BACK TO TOP*/
div.go-top {border:0; cursor:pointer; height:28px; left:50%; list-style:none; margin-left:500px; margin-top:-28px; position:fixed; top:100%; width:24px; z-index:1000;}