@charset "UTF-8";
/* --- RESET ------------------------------------------------------- */

* { padding: 0; margin: 0; }
ul, ol, li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin: 0; margin: 0; }
a:focus { outline: none; }
img { border: none; }
html body * div.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* ------------------------------------------------------------------- */

/* --- COMMON -------------------------------------------------background:url(images/bg_pattern.png) repeat;------ */

body { font: 13px/1 Roboto, Arial, sans serif; color: #333; height: 100%; min-width: 990px; background-color: #FFFFFF }
a { color: #000; text-decoration: none; }
a:hover { color: #000; }
a:visited { }
input, select, textarea { }
/* ------------------------------------------------------------------------------------------------------ */

/* --- FONT -------------------------------------------------------------------------------------------- */



@font-face { font-family: "BebasNeueRegular"; src: url('font/BebasNeue-webfont.eot'); src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),  url('font/BebasNeue-webfont.woff') format('woff'),  url('font/BebasNeue-webfont.ttf') format('truetype'),  url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifBold'; src: url('font/DroidSerif-Bold-webfont.eot'); src: url('font/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('font/DroidSerif-Bold-webfont.woff') format('woff'),  url('font/DroidSerif-Bold-webfont.ttf') format('truetype'),  url('font/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg'); font-weight: normal; font-style: normal; }
/* ------------------------------------------------------------------------------------------------------ */

/* --- CONTAINER --------------------------------------------------------------------------------------- */

#wrapper { min-height: 100%; width: 100%; background: url(images/bg_top.png) repeat-x; overflow: hidden; margin: 0 auto; width: 990px; }
#container_all { width: 100%; min-height: 100%; height: 100%; display: block; margin-bottom: 240px; margin: 0px auto 0px auto; position: relative; }
/* -------------------------------box-shadow:0px 6px 15px rgba(0,0,0,0.2)-------------------------- */

#container_main { display: block; min-height: 260px; background-color: #FFF; padding: 0px; overflow: hidden; background: url(images/bg_sidebar_320.png) top right #FFF no-repeat; margin: 0px 0px 20px 0px; padding-top: 20px; }
/* ------------------------------------------------------------------------------------------------------ */

/* --- HEADER ------------------------------------------------------------------------------------------ */

#header { display: block; position: relative; width: 100%; height: 94px; }
#header .logo a { display: block; position: absolute; left: 10px; top: 0px; width: 250px; height: 94px; background: url(images/logo.png) no-repeat top left; text-indent: 100%; overflow: hidden; white-space: nowrap }
#header .logo a:hover { background-position: bottom left }
#header .logo a:focus { outline: none }
/* --- MENU ---------------------------------------------------------------------------- */

#menu { display: block; position: absolute; left: 275px; top: 28px; font-family: "BebasNeueRegular", Arial, sans serif; z-index: 100002; background: url(images/menu_line.png) left 2px no-repeat; }
#menu li, #menu ul { display: block; float: left; height: 40px; }
#menu a { display: inline; float: left; padding: 12px 10px 10px 10px; color: #666; text-transform: uppercase; cursor: pointer; font-size: 20px; font-weight: normal; background: url(images/menu_line.png) bottom right no-repeat; margin-left: -1px; }
#menu a:hover { background: none; background-color: #386996; text-decoration: none; color: #FFF }
#menu .current-menu-item a { background: none; background-color: #386996; text-decoration: none; }
#menu .current-page-ancestor a { }
#menu a.new { background: url(images/icon.png) no-repeat right -296px; padding: 12px 28px 10px 10px; }
#menu a.new:hover { background: url(images/icon.png) no-repeat right -300px; padding-top: 8px; }
#menu .current-menu-item a.new { background: url(images/icon.png) no-repeat right -300px; background-color: #3b4044; text-decoration: none; border-top: 4px solid #e6041e; padding-top: 8px; }
#menu a.search { background: url(images/icon.png) no-repeat right -688px; width: 10px; height: 22px; text-indent: 200%; overflow: hidden; display: none; }
#menu a.search:hover { background: url(images/icon.png) no-repeat right -692px; }
/* --- MENU RICHE ---------------------------------------------------------------------- */

#menu .sub-menu { display: block; position: absolute; left: 0px; top: 38px; width: 766px; height: auto; background: url(images/menu_sub_bg.png) #3b4044 repeat-x; overflow: hidden; font-family: Roboto, Arial, sans serif; font-size: 13px; padding: 15px 5px 20px 10px; z-index: 100001; margin-left: -1px; border-bottom: 3px solid #566371; display: none }
#menu .sub-menu li { display: block; height: auto; line-height: 18px; width: 100%; }
#menu .sub-menu li a { padding: 0px; background: none; text-transform: none; font-size: 13px; padding-left: 2px; text-shadow: none; padding-right: 4px; border: none; padding-top: 0px; color: #FFF }
#menu .sub-menu li a:hover { border: none; padding: 0px; text-decoration: none; padding-left: 2px; background-color: #4b4e50; padding-right: 4px }
#menu .sub-menu ul { display: block; float: left; height: auto }
#menu .sub-menu li.single { width: 24%; float: left; margin-left: 10px; clear: left; }
#menu .sub-menu li.single a { margin-bottom: 4px; }
#menu .sub-menu li.sub { display: block; width: 24%; float: left; font-weight: bold; color: #FFF; padding-left: 10px; padding-bottom: 20px; }
#menu .sub-menu li.sub strong { border-bottom: 1px solid #424649; display: block; background: url(images/icon.png) no-repeat 0px -250px; padding-left: 20px; margin-bottom: 6px; margin-right: 8px; padding-bottom: 2px; color: #dbe1e8 }
#menu .sub-menu li.sub_negative { border-left: 1px solid #424649 }
#menu .sub-menu li.sub_small { width: 8%; }
#menu .sub-menu li.sub_large { width: 37%; }
#menu .sub-menu li.sub_large li { width: 50% }
#menu .sub-menu li.sub_xxlarge { width: 70%; }
#menu .sub-menu li.sub_xxlarge li { width: 25%; }
#menu .sub-menu li.sub_stats { clear: left; margin-top: 20px; }
#menu .sub-menu li.sub_news { width: 18%; }
#menu .sub-menu a.new { background: url(images/icon.png) no-repeat right -300px; padding: 0px 26px 0px 0px; border-top: 0px; }
#menu .sub-menu a.new:hover { padding: 0px 26px 0px 0px; }
#menu .sub-menu li i { float: right; color: #888; margin-left: 20px; font-style: normal }
#menu .menu-item-382717 a { background-color: #d2060f }
#menu .menu-item-382717 a:hover { background-color: #d2060f }
#menu .menu-item-382717 a { color: #FFF }
/* --- SEARCH -------------------------------------------------------------------------- */

#box_search { display: block; position: absolute; width: 240px; height: 94px; right: 0px; top: -16px; }
#box_search span { display: block; position: absolute; top: 36px; left: 12px; color: #CCC; font-size: 12px; }
#box_search input[type="text"] { display: block; background: url(images/input.png) no-repeat top left; border: 0px; font-size: 11px; color: #BBB; padding: 2px 0px 2px 26px; height: 24px; line-height: 20px; width: 104px; margin: 0px; position: absolute; top: 52px; left: 12px; }
#box_search input[type="text"]:hover { background-position: 0px -40px; color: #DDD; }
#box_search input[type="text"]:focus { background-position: 0px -40px; color: #000; border: 0px; outline: none }
#box_search input[type="submit"] { display: block; position: absolute; left: 142px; top: 52px; background: url(images/input.png) no-repeat -130px 0px; border: 0px; width: 84px; height: 28px; padding: 0px; margin: 0px; }
#box_search input[type="submit"]:hover { background-position: -130px -40px; cursor: pointer }
/* ------------------------------------------------------------------------------------------------------ */

/* --- MAIN -------------------------------------------------------------------------------------------- */

	

#container_left { display: block; float: left; width: 100%; position: relative; margin-right: -340px; }
#left { display: block; margin-right: 340px; padding: 0px 0px 0px 20px; overflow: hidden; font-family: Roboto, Arial, sans serif; font-size: 13px; line-height: 18px; color: #222 }
.left_home { padding-left: 5px !important; }
/* --- UNE ----------------------------------------------------------------------------- */

#left .une-actu { overflow: hidden; width: 64%; float: left; display: block; margin-bottom: 20px; }
#left .une-actu a.une-titre { position: relative; overflow: hidden; display: block; float: left; line-height: 13px; width: 100%; max-width: 100%; }
#left .une-actu a.une-titre h1 { background-color: #222; background-color: rgba(0, 0, 0, 0.8); bottom: 2px; left: 0px; position: absolute; font-weight: bold; font-style: normal; font-size: 18px; color: #FFF; padding: 8px 10px 8px 10px; width: 96%; line-height: 20px; -moz-transition: border 0.1s ease-in-out; -webkit-transition: border 0.1s ease-in-out; -o-transition: border 0.1s ease-in-out; transition: border 0.1s ease-in-out; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin: 0px; }
#left .une-actu a.une-titre:hover h1 { background-color: rgba(6,82,130,0.8); border-bottom: 3px solid #000 }
#left .une-actu img { max-width: 100%; height: auto; }
#left .une-texte { clear: both; font-size: 13px; line-height: 18px; padding: 5px }
#left .une-comments { float: right; background: url(images/icon.png) no-repeat 0px -196px; padding: 0px 0px 0px 20px; font-size: 12px; margin-top: -4px; }
#left .une-comments a { color: #999999; text-decoration: none; background-color: none; }
#left .une-comments a:hover { color: #000; text-decoration: none; background: none; }
/* --- FOCUS ----------------------------------------------------------------------------- */

#left .focus-actu { display: block; float: right; width: 30%; padding: 5px 1% 5px 15px; border-left: 1px solid #dcdcdc; margin-bottom: 10px; margin-left: 1%; }
#left .focus-actu h2 { font-size: 16px; line-height: 20px; font-style: italic; font-weight: bold; padding-top: 0px; }
#left .focus-actu a.focus-titre { display: block; padding-bottom: 5px; }
#left .focus-actu a.focus-titre:hover h2 { background-color: #e9ecee; }
#left .focus-texte { padding-bottom: 15px; }
#left ul.focus-liste { padding: 10px 0px 0px 5px; border-top: 1px solid #dcdcdc; margin: 0px; }
#left ul.focus-liste li { list-style: square; list-style-position: inside; padding: 0px; margin: 0px 0px 4px 0px; font-size: 13px; color: #444 }
#left ul.focus-liste li a { color: #222; padding: 2px 1px 0px 1px; font-size: 13px; }
#left ul.focus-liste li a:hover { background-color: #e9ecee; }
/* --- VIGNETTES ----------------------------------------------------------------------------- */

#left .vignettes-actu { display: block; float: left; margin-bottom: 20px; width: 100%; clear: both; }
#left .vignettes-actu ul { padding: 0px; margin: 0px; }
#left .vignettes-actu li { display: block; float: left; list-style: none; position: relative; line-height: 13px; overflow: hidden; margin-right: 1%; width: 32%; margin-bottom: 1%; }
#left .vignettes-actu li:last-child { margin-right: 0px; }
#left .vignettes-actu li img { max-width: 100%; height: auto; }
#left .vignettes-actu li a h2 { background-color: #222; background-color: rgba(0, 0, 0, 0.8); bottom: 2px; left: 0px; position: absolute; font-weight: bold; font-style: normal; font-size: 13px; color: #FFF; padding: 4px 6px 4px 6px; width: 96%; line-height: 15px; -moz-transition: border 0.1s ease-in-out; -webkit-transition: border 0.1s ease-in-out; -o-transition: border 0.1s ease-in-out; transition: border 0.1s ease-in-out; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin: 0px; }
#left .vignettes-actu li a:hover h2 { background-color: rgba(6,82,130,0.8); border-bottom: 3px solid #000 }
/* --- BOX RUBRIQUES ------------------------------------------------------------------------- */

.box-rub { display: block; float: left; clear: both; position: relative; background: url(images/rub_bg.png) no-repeat -2px left; margin-top: 20px; margin-bottom: 20px; min-height: 100px; width: 100% }
.rub-titre { displauy: block; text-align: center; text-transform: uppercase; font-size: 18px; color: #4CAF3E; padding: 15px 16px 10px 10px; margin: 5px 0px 15px 0px; line-height: 18px; font-weight: 400; border-bottom: 1px dashed #DDD; background-image: none !important }
.rub-titre-1 { color: #4CAF3E; border-top: 3px solid #4CAF3E }
.rub-titre-2 { color: #bc9c79; border-top: 3px solid #bc9c79 }
.rub-titre-3 { color: #3265a2; border-top: 3px solid #3265a2 }
.rub-titre-4 { color: #e8721b; border-top: 3px solid #e8721b }
.rub-titre-5 { color: #6caa92; border-top: 3px solid #6caa92 }
.rub-titre-6 { color: #968774; border-top: 3px solid #968774 }
.rub-nombre { color: #BBB; font-size: 12px; position: absolute; right: 10px; top: 0px; font-weight: 400; }
.rub-nombre a { color: #BBB; font-weight: 400; }
.rub-nombre a:hover { color: #666; }
.rub-une { display: block; float: left; width: 56%; clear: left; }
.rub-une a { display: block; }
.rub-une h4 { display: block; font-size: 18px; line-height: 20px; padding-bottom: 4px; }
.rub-photo { display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
.rub-date { display: block; color: #999; padding-bottom: 4px; }
.rub-texte { font-size: 13px; line-height: 16px; display: block; }
.rub-texte a { display: inline; float: none; color: #333 }
.rub-focus { display: block; float: right; margin: 0px; padding: 0px; width: 26.5%; clear: none; margin-left: 1.5%; margin-bottom: 25px; }
.rub-focus h4 { font-weight: bold; font-size: 16px; padding-bottom: 10px; }
/*.rub-liste       {display:block; clear:both; padding-top:10px;}

	.rub-liste li    {float:left; width:29%; margin-right:2%}

  .rub-liste li h4 {font-size:12px; font-weight:bold; margin-top:-4px;}

  .rub-liste li img {float:left; margin-right:8px; margin-bottom:6px;}*/

.rub-liste { display: block; float: left; margin: 0px; padding: 0px; width: 40.5%; clear: none; margin-left: 1.5%; }
.rub-liste li { list-style: none; border-bottom: 1px #E1E1E1 solid; padding: 3px 0px 6px 0px }
.rub-liste li h4 { font-weight: normal; font-size: 13px; line-height: 16px; display: inline; }
.rub-liste li a { padding: 2px 1px 2px 1px; line-height: 16px; }
.more a { padding: 3px 0px 2px 0px; text-align: right; color: #999; ; display: block; float: right; color: #999; border-bottom: 1px dotted #ccc; clear: both; margin-top: 10px; }
.rub-une.alignright { float: right !important }
ul.rub-liste.alignleft { float: left !important }
/* --- GENERIC ELEMENTS --------------------------------------------------------------- */

a.more { display: inline; color: #4f85b7; font-weight: bold; margin-left: 5px; padding: 2px 1px 0px 1px; border-bottom: 1px dotted #ccc }
a.more:hover { background-color: #e9ecee }
a.more-link { display: inline; color: #4f85b7; font-weight: bold; margin-left: 5px; padding: 2px 1px 0px 1px; border-bottom: 1px dotted #ccc }
a.more-link:hover { background-color: #e9ecee }
#left .aligncenter { margin-left: auto; margin-right: auto; padding-right: 10px; float: none; display: block; }
#left .alignleft { float: left; margin: 2px 10px 10px 0; }
#left .alignright { float: right; margin: 2px 0 10px 10px; }
/* ------------------------------------------------------------------------------------------------------ */

/* --- ARTICLE --------------------------------------------------------------------------------------- */

	

	/* --- ARTICLE ------------------------------------------------------------------------ */

article { display: block; padding: 0px 20px 20px 10px; font-size: 14px; line-height: 20px; }
.article_contenu { clear: both; padding-bottom: 30px; padding-top: 5px; overflow: hidden; text-align: justify }
.page_contenu { clear: both; padding-bottom: 30px; padding-top: 10px; overflow: hidden; position: relative }
article img { max-width: 100%; height: auto; margin: 5px 15px 25px 0px; float: left; }
article p { margin: 0px 0px 8px 0px; padding: 0px 0px 4px 0px; }
article h1 { font-size: 34px; color: #000; line-height: 40px; font-weight: bold; clear: both; margin-bottom: 0px; }
article h2 { font-size: 14px; line-height: 18px; margin: 5px 0px 12px 0px; clear: both; }
article h3 { font-size: 18px; line-height: 22px; margin: 20px 0px 5px 0px; }
article h4 { font-size: 16px; line-height: 20px; margin: 20px 0px 5px 0px; }
article h5 { font-size: 14px; line-height: 18px; margin-bottom: 8px; border-bottom: 1px dashed #DDD; display: block; }
article h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }
article ul, ol, dl { margin-bottom: 10px; height: auto; }
article ul { list-style: disc; list-style-position: inside; margin-left: 10px; margin-top: 6px; display: block; clear: left; width: 100% }
article ul ul { margin-bottom: 0px; }
article li { list-style: square; list-style-position: inside; margin-bottom: 4px; }
article ol { list-style: decimal; list-style-position: inside; }
article dl dt { font-weight: bold; }
article dl dd { font-style: italic; margin: 0 0 5px 20px; color: #555; }
article blockquote { font: italic 13px/22px Georgia, Serif; padding: 8px 10px; display: block; margin-bottom: 10px; background: #eaf0f4; border-radius: 8px; border: 1px dashed #ced8e0 }
article blockquote p { margin-bottom: 3px !important; }
.article_contenu a { color: #4f85b7; font-weight: bold; }
.article_contenu a:hover { background-color: #e9ecee }
/* --- PAGE ------------------------------------------------------------------------ */

article.page { padding-right: 10px; }
article.page h1 { font-size: 28px; border-bottom: 1px dotted #DDD; padding: 10px 0px 2px 0px; margin-bottom: 10px; line-height: 34px; }
article.page h1 i { color: #999; padding-right: 6px; font-style: normal; font-size: 24px; }
article.page h2 { font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
article.page h3.annexe { font-size: 28px; border-bottom: 1px dotted #DDD; padding: 0px 0px 2px 0px; margin-bottom: 10px; line-height: 34px; font-weight: normal; }
article.page h3.annexe i { font-style: normal; }
article.page a h2 { display: inline; }
article.page a:hover h2 { background-color: #e9ecee; display: inline }
article.page .article_categorie { display: block; float: left; margin-left: 20px; padding-top: 4px; }
article.page .article_categorie a { margin-bottom: 0px; padding: 0px 6px 0px 6px; color: #666; font-size: 12px; }
article.page .post { margin-top: 40px; clear: both; border-left: 6px solid #DDD; padding-left: 24px; margin-left: -30px }
article.page .post .article_contenu { padding-bottom: 0px; }
article.page .article_contenu { padding-bottom: 10px; padding-top: 5px; }
article.page .fb-like { height: 24px; }
/* --- PAGE STATS ------------------------------------------------------------------- */

article.page .meta_match { float: right; margin-top: -5px; padding-bottom: 10px; color: #999 }
article.page .stats_left_contenu { margin-right: 180px; display: block; min-height: 600px; }
article.page .stats_right_pub { display: block; float: right; width: 160px; top: 10px; right: 0px; position: absolute; padding-left: 20px; }
/* --- META ------------------------------------------------------------------------ */

.article_meta { display: block; border-bottom: 1px dotted #DDD; padding: 0px 0px 3px 0px; font-size: 13px; color: #666; margin-bottom: 4px; position: relative; overflow: hidden; }
.article_meta a { color: #333; font-weight: normal; }
.article_meta a:hover { background-color: #e9ecee; color: #333 }
.meta_auteur { display: block; float: left; padding-top: 4px; }
.meta_tags { display: block; float: right; text-align: right; background: url(images/icon.png) 0px -97px no-repeat; padding-left: 18px; font-size: 13px; color: #999; max-width: 32%; margin-top: 8px; }
.meta_tags a { color: #999 }
.meta_tags a:hover { background-color: #e9ecee; color: #333 }
/* --- META CATEGORIE / COMMENTAIRES -------------------------------------------------- */

.article_categorie a { display: block; float: left; color: #AAA; background-color: #F1F1F1; padding: 2px 12px 2px 12px; font-size: 13px; margin-bottom: 10px; border-radius: 2px; margin-right: 6px; }
.article_categorie a:hover { background-color: #CCC; color: #666 }
.meta_commentaires { display: block; float: right; background: url(images/icon.png) 0px -194px no-repeat; padding-left: 18px; margin-top: 4px; }
.meta_commentaires a { color: #999; font-size: 13px; }
.meta_commentaires a:hover { background-color: #e9ecee; color: #333 }
/* --- META SOCIAL -------------------------------------------------------------------- */

.article_social { display: block; float: left; clear: left; text-align: left; position: relative; margin-bottom: 0px; width: 60%; height: 36px; margin-top: 2px; width: 62%; }
.article_social .share-twitter { display: block; position: absolute; top: 0px; left: 0px; }
.article_social .share-facebook { display: block; position: absolute; top: 0px; left: 220px; }
.article_social .share-google { display: block; position: absolute; top: 0px; left: 120px; }
.article_social_bottom { height: 80px; }
.article_social_bottom .share-twitter { display: block; position: absolute; top: 0px; left: 0px; }
.article_social_bottom .share-facebook { display: block; position: absolute; top: 0px; left: 154px; }
.article_social_bottom .share-google { display: block; position: absolute; top: 0px; left: 84px; }
/* --- META SIMILAIRES --------------------------------------------------------------- */

.box-rub-similaires { width: 100%; }
.box-rub-similaires ul.rub-liste { width: 100%; clear: left; margin-left: 0px; }
ul.rub-prev { display: block; float: right; margin: 0px; padding: 0px; width: 38%; clear: none; margin-left: 1.5%; }
.rub-prev li { list-style: none; border-bottom: 1px #d3D3D3 solid; padding: 3px 0px 2px 0px; color: #AAA; font-size: 12px; }
.rub-prev li h4 { font-weight: normal; font-size: 13px; line-height: 16px; display: inline; color: #333 }
.rub-prev li a { padding: 2px 1px 2px 1px; font-weight: normal; font-size: 13px; line-height: 16px; display: inline; color: #333 }
.rub-prev li a h4 { color: #000 }
.rub-prev li a:hover { background-color: #e9ecee; }
.rub-prev a { padding: 2px 1px 2px 1px; font-weight: normal; font-size: 13px; line-height: 16px; display: inline; color: #333; margin-right: 20px; }
.rub-prev a:hover { background-color: #e9ecee; }
.box-rub-similaires ul.rub-liste li:last-child a { float: left; }
.box-rub-similaires ul.rub-liste li:last-child { text-align: left; }
/* --- COMMENTAIRES ------------------------------------------------------------------ */

.box-rub-commentaires { width: 100%; }
#btn_commentaires { display: block; text-align: center; background-color: #EEE; clear: both; padding: 8px 0px 6px 0px; border: 2px dashed #BBB; border-radius: 5px; color: #666; cursor: pointer; margin-top: 30px; }
#btn_commentaires:hover { background-color: #DDD; color: #333; border-color: #999; text-decoration: underline }
.btn_commentaires_fermes { display: block; text-align: center; color: #666; clear: both; padding: 10px 0px 10px 0px; }
/* --- LISTE DES JOUEURS ------------------------------------------------------------- */

article ul.list_joueurs li { list-style-type: none; width: 32%; float: left; }
article ul.list_joueurs a { color: #333; font-weight: normal; padding: 2px 1px 2px 1px }
article ul.list_joueurs a:hover { background-color: #CCC; color: #000 }
article ul.list_joueurs a:active { background-color: #000; color: #FFF }
article ul.list_joueurs li.alpha { display: block; clear: both; width: 90%; padding: 20px 0px 4px 0px; margin-bottom: 4px; font-size: 24px; color: #999; font-weight: bold; border-bottom: 2px solid #EEE }
/* --- LISTE DES EQUIPES ------------------------------------------------------------- */

article ul.list-equipes { padding: 0px 5px 0px 0px; clear: both; }
article ul.list-equipes li { display: block; float: left; text-align: right; width: 22%; font-size: 11px; font-style: italic; font-weight: bold; height: 16px; margin: 0px 4px 10px 0px; color: #888; position: relative; padding-right: 6px; }
article ul.list-equipes a { display: block; float: left; font-size: 13px; color: #666; font-weight: normal; font-style: normal }
article ul.list-equipes a:hover { color: #000; }
article ul.list-equipes li:hover { color: #666; }
article ul.list-equipes li:hover span.cat-bar { background-color: #000; opacity: 0.25 }
/* --- LISTE DES MOIS ------------------------------------------------------------- */

article ul.list-mois { padding: 0px 5px 0px 0px; clear: both; }
article ul.list-mois li { display: block; float: left; text-align: right; font-size: 11px; font-style: italic; font-weight: bold; height: 16px; margin: 0px 8px 4px 0px; color: #888; position: relative; padding-right: 6px; }
article ul.list-mois a { display: block; float: left; font-size: 13px; color: #666; font-weight: normal; font-style: normal }
article ul.list-mois a:hover { color: #000; }
article ul.list-mois li:hover { color: #666; }
article ul.list-mois li:hover span.cat-bar { background-color: #000; opacity: 0.25 }
/* ------------------------------------------------------------------------------------------------------ */

/* --- PUBLICITE --------------------------------------------------------------------------------------- */

		

.pub-300x250 { display: block; float: right; width: 300px;  margin: 0px 10px 10px 14px; position: relative }
.pub-300x250-bottom { }
.pub-300x600 { display: block; float: right; width: 300px; height: 600px; margin: 0px 10px 10px 14px; position: static }
.pub-300x600-bottom { }
.pub-300x250-top { overflow: hidden; }
/* ---------------------------------------background-color:rgb(245,245,245);box-shadow:0px 0px 15px rgba(0,0,0,0.2);----------------------------------------------- */

.pub-1000x90-top {
  border-bottom: 1px dashed #f1f1f1;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
}
.pub-1000x90-bottom { display: block; margin: 0px auto 20px auto; }
.pub-stats { display: block; height: 120px; margin: 0px 0px 10px 0px; position: static }
.pub-160x600 { display: block; float: right; width: 160px; height: 600px; margin: 0px 0px 10px 14px; position: static }
.pub-ligatus-article { display: block; padding: 20px 0px 20px 0px; display: block; float: left; }
.hide-pub-1000x90 { display: block; height: 90px; width: 100%; background-color: #FFFFFF; position: absolute; z-index: 101; }
.hide-pub-300x250 { display: block; width: 300px; height: 250px; background-color: #FFFFFF; position: absolute; z-index: 101; }
/* ------------------------------------------------------------------------------------------------------ */

/* --- SIDEBAR ----------------------------------------------------------------------------------------- */

#sidebar_320 { display: block; float: right; width: 324px; position: relative; top: auto; }
/* --- WIDGETS -------------------------------------------------------------------------------- */

#sidebar_320 span.widget-title { display: block; float: left; background: url(images/widget_320.png?05) no-repeat 0px -50px; width: 100%; height: 36px; text-indent: 100%; overflow: hidden; white-space: nowrap; padding: 0px; margin: 0px; clear: both }
#sidebar_320 span.widget-filinfo { background-position: 0px -0px; text-indent: 0px; }
#sidebar_320 span.widget-popnsport { background-position: 0px -50px }
#sidebar_320 span.widget-touchdown { background-position: 0px -100px }
#sidebar_320 span.widget-jo { background-position: 0px -150px }
#sidebar_320 span.widget-ncaa { background-position: 0px -200px }
#sidebar_320 span.widget-forum { background-position: 0px -250px }
#sidebar_320 span.widget-busa { background-position: 0px -300px }
#sidebar_320 span.widget-title a { display: block; height: 36px; width: 100%; }
#sidebar_320 .widget-container { display: block; width: 100%; float: right; background: url(images/widget_320.png) no-repeat bottom left; margin-bottom: 20px; padding-bottom: 10px; }
#sidebar_320 .widget-container- { display: block; width: 100%; float: right; margin-bottom: 20px; padding-bottom: 10px; }
#sidebar_320 ul { display: block; margin: 0px 5px 0px 8px; padding: 0px; width: auto }
#sidebar_320 li { display: block; background: url(images/line_bg.png) no-repeat bottom left; overflow: hidden }
#sidebar_320 ul.fil-info li:last-child { background: none; }
#sidebar_320 li a { display: block; font-size: 12px; color: #000; line-height: 16px; padding: 2px 0px 1px 5px; margin: 2px 0px 3px 0px }
#sidebar_320 li a i { color: #666666; font-size: 11px; padding-right: 2px; font-style: normal }
#sidebar_320 li a u.facebook { color: #768bb7; font-size: 11px; padding-right: 20px; text-decoration: none; background: url(images/icon.png) no-repeat right -600px; margin-left: 6px; float: right; margin-right: 2px; }
#sidebar_320 li a u.twitter { color: #4c9ec0; font-size: 11px; padding-right: 17px; text-decoration: none; background: url(images/icon.png) no-repeat right -651px; margin-left: 2px; float: right; margin-right: 2px; }
#sidebar_320 li a:hover { color: #000; padding-left: 2px; border-left: 3px solid #000 }
#sidebar_320 .widget-filinfo li a:hover { color: #4f85b7; padding-left: 2px; border-left: 3px solid #4f85b7 }
#sidebar_320 .widget-popnsport li a:hover { color: #478421; padding-left: 2px; border-left: 3px solid #478421 }
#sidebar_320 .widget-touchdown li a:hover { color: #a50c16; padding-left: 2px; border-left: 3px solid #a50c16 }
#sidebar_320 .widget-busa li a:hover { color: #000; padding-left: 2px; border-left: 3px solid #000 }
#sidebar_320 .widget-jo li a:hover { color: #115e97; padding-left: 2px; border-left: 3px solid #115e97 }
#sidebar_320 .widget-ncaa li a:hover { color: #bd5f30; padding-left: 2px; border-left: 3px solid #bd5f30 }
#sidebar_320 .fil-info_lien-like { font-size: 11px; color: #FFF; letter-spacing: 0.5px; display: block; float: right; margin-right: 12px; line-height: 34px; cursor: pointer; display: block; background: rgba(255, 255, 255, 0.1); padding: 0px 10px 0px 10px; }
#sidebar_320 .fil-info_lien-like:hover { text-decoration: underline }
#sidebar_320 .fil-info_lien-page-3 { color: #0369a7; font-size: 12px; text-decoration: underline; text-align: right; display: block; font-weight: bold; margin: 8px 10px 6px 0px; cursor: pointer }
#sidebar_320 .fil-info_lien-page-3:hover { color: #000 }
#sidebar_320 .fil-info_lien-page-2 { color: #4f85b7; font-size: 12px; text-decoration: underline; text-align: right; display: block; font-weight: bold; margin: 8px 10px 6px 0px; cursor: pointer }
#sidebar_320 .fil-info_lien-page-2:hover { color: #000 }
#sidebar_320 .fil-info_lien-page-1 { color: #4f85b7; font-size: 12px; text-decoration: underline; text-align: right; display: block; font-weight: bold; margin: 8px 10px 6px 0px; cursor: pointer }
#sidebar_320 .fil-info_lien-page-1:hover { color: #000 }
#sidebar_320 .fil-info_lien-jump { color: #4f85b7; font-size: 12px; text-decoration: underline; text-align: right; display: block; font-weight: bold; margin: 8px 10px 6px 0px; cursor: pointer }
#sidebar_320 .fil-info_lien-jump:hover { color: #000 }
#sidebar_320 .fil-info_lien-popnsport { color: #000 }
#sidebar_320 .fil-info_lien-touchdown { color: #000 }
#sidebar_320 .fil-info_lien-international { color: #000 }
#sidebar_320 .fil-info_lien-ncaa { color: #000 }
#sidebar_320 .icon_loading { margin: 10px 10px 10px 10px; padding: 2px 0px 10px 24px; background: url(images/icon_loading.gif) no-repeat 0px 0px; display: block; color: #666; font-size: 12px; }
#sidebar_320 #fil-info_2 { display: none; overflow: hidden; border-top: 2px solid #CCC; padding-top: 6px; }
#sidebar_320 #fil-info_3 { display: none; overflow: hidden; padding-top: 0px; }
#sidebar_320 #fil-info_3 li a i { padding-left: 2px; }
#sidebar_320 li a.lien_itp { background: url("images/icon.png") no-repeat right -801px; padding-right: 30px; }
#sidebar_320 li a.lien_hoopcast { background: url("images/icon.png") no-repeat right -851px; padding-right: 48px; }
#sidebar_320 .textwidget { height: 260px; overflow: hidden; padding-bottom: 10px; padding-left: 15px; width: 300px; }
/* ------------------------------------------------------------------------------------------------------ */

/* --- SIDEBAR ----------------------------------------------------------------------------------------- */

#sidebar_140 { display: block; position: absolute; right: 0px; top: 0px; width: 134px; padding-right: 6px; }
/* --- ELEMENTS -------------------------------------------------------------------------------- */

.pub-top { position: absolute; top: 2px; right: 10px; display: block; height: 74px; padding: 0px 0px 0px 0px }
/* ----  background-color:rgba(0,0,0,0.3);*/

#sidebar_140 h5 { background-color: #888; background-color: rgba(0,0,0,0.8); font-size: 12px; font-weight: bold; color: #FFF; font-family: Arial; padding: 6px 0px 5px 10px; margin-top: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); letter-spacing: 0px; clear: both; }
#sidebar_140 #tab-resultats { display: block; float: left; margin-left: 6px; margin-top: 6px; }
.sidebar_140_contenu { display: block; float: left; overflow: hidden; margin-bottom: 20px }
#sidebar_140 .widget-container { display: block; padding-left: 10px; font-size: 11px; line-height: 16px; margin-bottom: 20px; padding-top: 6px; }
/* --- TRENDS ---------------------------------------------------------------------------------- */

#sidebar_140 .widget_tendances h5 { background: url(images/icon.png) no-repeat right -350px rgba(0,0,0,0.3); padding-right: 26px; }
#sidebar_140 ul.trends-list { display: block; }
#sidebar_140 ul.trends-list li { display: block; color: #666; height: 20px; }
#sidebar_140 ul.trends-list li:hover { color: #000 }
#sidebar_140 ul.trends-list li a { color: #333; font-size: 11px; }
#sidebar_140 ul.trends-list li.t1 { background: url(images/icon.png) no-repeat right -400px; }
#sidebar_140 ul.trends-list li.t2 { background: url(images/icon.png) no-repeat right -450px; }
#sidebar_140 ul.trends-list li.t3 { background: url(images/icon.png) no-repeat right -500px; }
#sidebar_140 ul.trends-list li.t4 { background: url(images/icon.png) no-repeat right -550px; }
/* --- TRENDS ---------------------------------------------------------------------------------- */

#sidebar_140 ul.forum-list { display: block; }
#sidebar_140 ul.forum-list li { display: block; color: #666; line-height: 13px; margin-bottom: 6px; }
#sidebar_140 ul.forum-list li:hover { color: #000 }
#sidebar_140 ul.forum-list li a { color: #333; font-size: 11px; }
#sidebar_140 ul.forum-list li i { font-size: 11px; font-style: normal; }
/* --- ACTUS BUZZ SIDEBAR ----------------------------------------------------------------------- */

.sidebar-box-actu { display: block; float: left; overflow: hidden; padding-bottom: 20px; }
.sidebar-box-actu a { padding: 0px; width: 292px; }
.sidebar-box-actu a:hover { background-color: #BBB }
.sidebar-box-actu h3 { font-size: 14px; color: #333; padding-bottom: 6px }
.sidebar-box-actu .actu-texte { font-size: 12px; line-height: 15px; }
.sidebar-box-actu img { float: left; margin: 2px 10px 10px 0; }
/* ----------------------------------------------------------------------------------------------------- */

/* --- RSS -------------------------------------------------------------------------------------------- */



#footer-rss { display: block; height: 5px; margin: 25px 0px 0px 20px; margin-right: 140px; }
.col-liens { width: 100%; display: block; float: left; margin-left: 10px; }
.col-liens ul { display: block; float: left; margin-right: 10px; margin-top: 6px; width: 22%; border-right: 1px dashed #000 }
.col-liens ul li { font-weight: bold; color: #FFF }
.col-liens ul ul { width: 90%; display: block; margin-top: 2px; margin-left: 4px; border-right: 0px solid #333; margin-bottom: 10px; }
.col-liens ul ul li { font-weight: normal }
.col-liens li a { display: block; font-size: 12px; color: #FFF; padding: 3px 2px 3px 3px; line-height: 12px; margin-bottom: 2px; }
.col-liens li li a { display: block; font-size: 12px; color: #AAA; padding: 3px 2px 3px 3px; line-height: 12px; margin-bottom: 0px; }
.col-liens li a:hover { color: #FFF; text-decoration: none !important; background-color: #666 }
.col-liens li a i { color: #666; font-size: 12px; font-style: normal; padding-right: 3px; }
/* -------------------------------------------------------------------- */

/* --- FOOTER -------------------------------------------------------- */

#footer { display: block; height: 200px; background: url(images/footer_bg.png?new) repeat-x; position: relative; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); }
/* --- INFOS ----------------------------------------------------------------------------- */

.footer-infos span.title { font-family: "BebasNeueRegular", Arial, sans serif; color: #cecece; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); padding: 10px 0px 10px 0px; display: block; clear: both; font-size: 20px; font-weight: normal }
#footer-col-1 { background: url(images/footer_left.png?new) no-repeat top left; width: 276px; height: 220px; color: #EEE; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); position: relative }
#footer-col-1 p { position: absolute; top: 36px; left: 30px; line-height: 16px; padding-right: 10px; }
#footer-col-1 span.title { display: none; }
#footer-col-2 { color: #EEE; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); position: absolute; left: 300px; top: 40px; width: 160px; }
#footer-col-2 p { color: #828282; font-size: 12px; line-height: 17px; padding-right: 10px; }
#footer-col-3 { color: #EEE; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); position: absolute; left: 460px; top: 265px; background: url(images/footer_line.png) repeat-y; padding-left: 20px; height: 100px; width: 360px }
#footer-col-3 p { color: #828282; font-size: 12px; line-height: 17px; padding-right: 10px; }
#footer-col-4 { color: #EEE; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); position: absolute; left: 460px; top: 40px; background: url(images/footer_line.png) repeat-y; padding-left: 20px; height: 110px; width: 720px }
#footer-col-4 p { color: #828282; font-size: 12px; line-height: 17px; padding-right: 10px; }
/* --- SOCIAL ---------------------------------------------------------------------------- */

.social-links { display: block; float: left; padding-bottom: 30px; width: 150px; }
.social-links a { display: block; float: left; margin-right: 4px; width: 42px; height: 40px; text-indent: -9999px; background: url(images/icon_social.png) no-repeat; }
.social-links a.social-twitter { background-position: 0px 0px; }
.social-links a.social-twitter:hover { background-position: 0px -50px; }
.social-links a.social-facebook { background-position: -50px 0px; }
.social-links a.social-facebook:hover { background-position: -50px -50px; }
.social-links a.social-google { background-position: -100px 0px; }
.social-links a.social-google:hover { background-position: -100px -50px; }
.social-numbers { display: block; width: 140px; padding-left: 10px; line-height: 22px; color: #999; }
.social-numbers strong { color: #CCC }
/* --- NEWSLETTER ------------------------------------------------------------------------ */

#box_newsletter { display: block; position: relative; margin-top: 6px; float: left; margin-left: 20px }
#box_newsletter span { display: block; position: absolute; top: 36px; left: 12px; color: #888; font-size: 12px; }
#box_newsletter input[type="email"] { display: block; background: url(images/input.png) no-repeat 0px -200px; border: 0px; font-size: 12px; color: #BBB; padding: 2px 0px 2px 34px; height: 30px; line-height: 20px; width: 150px; margin: 0px; position: absolute; left: 0px; }
#box_newsletter input[type="email"]:hover { background-position: 0px -240px; color: #DDD; }
#box_newsletter input[type="email"]:focus { background-position: 0px -240px; color: #DDD; border: 0px; outline: none }
#box_newsletter input[type="submit"] { display: block; position: absolute; left: 175px; top: 0px; background: url(images/input.png) no-repeat -175px -200px; border: 0px; width: 80px; height: 34px; padding: 0px; margin: 0px; text-indent: 9999px; }
#box_newsletter input[type="submit"]:hover { background-position: -175px -240px; cursor: pointer }
/* --- LINKS ----------------------------------------------------------------------------- */

.footer-links { display: block; float: left; height: 22px; font-size: 11px; color: #cbcbcb; text-shadow: 1px 1px 1px #333; overflow: hidden; bottom: 0px; position: absolute; left: 10px; }
.footer-links a { display: block; float: left; color: #808080; margin-right: 10px; margin-left: 10px; padding-bottom: 2px; }
.footer-links a:hover { color: #CCC; }
.footer-links ul { display: block; float: left; height: 16px; margin: 0px; padding: 0px; overflow: hidden; }
.footer-links li { display: block; float: left; border-left: 1px solid #333; margin: 0px; padding: 0px }
.footer-links li:first-child { border-left: 0px; }
.footer-links li:last-child { border-right: 0px; }
/* --- COPYRIGHT ------------------------------------------------------------------------- */

.footer-copyright { display: block; position: absolute; height: 22px; font-size: 11px; color: #808080; text-shadow: 1px 1px 1px #333; text-align: right; bottom: 0px; right: 10px; }
.footer-copyright a { color: #DDD }
.footer-copyright a:hover { color: #FFF; border-bottom: 1px dashed #CCC }
/* ------------------------------------------------------------------------------------------------------ */

/* --- PAGES ------------------------------------------------------------------------------------------- */

	

	/* --- SITEMAP ------------------------------------------------------------------------- */

#main h3.title-archive { font-size: 12px; color: #333; padding: 0px 2px 10px 2px; margin: 0; border-top: 1px solid #CCC; width: 175px; margin-right: 20px; clear: both; text-transform: uppercase }
#main .archive li { display: block; float: left; clear: both; line-height: 16px; text-align: right; color: #AAA; width: 160px; }
#main .archive ul { width: 180px; padding-bottom: 10px; clear: both; }
#main .archive li a { float: left; color: #666; font-weight: bold; text-align: left }
#main .archive li a:hover { color: #000 }
/* ------------------------------------------------------------------------------------------------------ */

/* --- STATISTIQUES ------------------------------------------------------------------------------------ */



	/* --- ICON BOXSCORE ------------------------------------------------------------- */

a.icon-boxscore { display: block; background: url(images/icon.png) no-repeat right 0px; padding-right: 22px !important; text-align: left; height: 16px; padding-top: 2px !important; }
a.icon-boxscore:hover { background-position: right -50px; }
/* --- LINES --------------------------------------------------------------------- */

.line_1 { background: none; -webkit-transition: background 0.4s ease-in; }
.line_2 { background-color: rgba(50,50,50,0.06); padding-top: 2px; }
tr.line_1 { background: none; }
tr.line_2 { background: none }
tr.line_1 td { background: none; -webkit-transition: background 0.4s ease-in; }
tr.line_2 td { background-color: rgba(50,50,50,0.06); }
.line_win { font-weight: bold; }
.line_end { border-bottom: 1px rgba(120,120,120,0.6) solid; padding-bottom: 4px; }
.line_current { color: #666; }
.col_left { width: 56%; padding-left: 4px }
.col_right { width: 30%; padding-left: 4px }
.col_right i { font-style: normal; color: #777; font-size: 11px }
.line_title_main { background-color: #333; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 5px 10px 6px 8px; }
.tab-resu .line_title { border-bottom: 1px solid #666; color: #333; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 5px 0px 2px 3px; margin-bottom: 0px; margin-left: 2px; }
/* --- RESULTATS --------------------------------------------------------------------- */

.tab-resu { display: block; float: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 130px; margin-top: 4px; margin-left: 6px; padding-bottom: 20px; }
.tab-resu td { font-size: 11px; line-height: 14px; }
.tab-resu a { color: #333; margin: 0px; border: none; line-height: 12px }
.tab-resu a:hover { text-decoration: underline; color: #000 }
/* --- MERCATO --------------------------------------------------------------------- */

#tab-mercato { display: block; width: 100%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-left: 6px; padding-bottom: 20px; border-collapse: collapse }
#tab-mercato tr { border-bottom: 1px dashed #AAA }
#tab-mercato td { padding: 5px 8px 8px 3px; line-height: 15px; }
#tab-mercato tr.line_title_main { border-bottom: 0px solid #000 }
/* --- TOP STATS --------------------------------------------------------------------- */

.tab-top-stats { display: block; width: 100%; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin-left: 6px; padding-bottom: 20px; border-collapse: collapse }
.tab-top-stats td { font-size: 13px; line-height: 20px; padding: 1px 2px 1px 3px }
.tab-top-stats a { color: #333; margin: 0px; border: none; line-height: 20px }
.tab-top-stats a:hover { text-decoration: underline; color: #000 }
.tab-top-stats .line_title { border-bottom: 1px dashed #999; margin-bottom: 4px; }
.tab-top-stats .num { text-align: right; color: #999 }
.tab-top-stats .pts { text-align: right; color: #333; padding-right: 4px; }
.tab-top-stats td.line_title_main { padding-left: 6px; }
/* --- CLASSEMENT --------------------------------------------------------------------- */

#box-classement { width: 50%; padding: 0px; margin-left: 10px; padding-top: 6px; padding-bottom: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; }
#box-classement td { padding: 3px 5px 2px 5px; line-height: 16px; }
#box-classement .line_title_main td { background-color: #333; border-bottom: 1px solid #CCC; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 6px 10px 4px 8px; }
#box-classement a { color: #333; padding: 0px 0px 1px 0px; margin: 0px; border: none }
#box-classement a:hover { color: #000; border-bottom: 1px dashed #999; padding: 0px }
#box-classement a:hover:after { content: ' \2039'; font-weight: bold; color: #000; padding-left: 2px; color: #0E629D; }
.line_title td { border-bottom: 1px dashed #999; font-size: 11px; text-transform: uppercase; font-weight: bold }
a.link-classement { display: block; border-bottom: 1px dashed #999; font-size: 11px; float: right; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #BBB; margin: -10px 2px 20px 1px; color: #333; padding: 4px 4px 3px 6px }
a.link-classement:hover { background-color: #AAA; border-bottom-color: #777 }
#box-classement { line-height: 14px; }
#box-classement-2 { width: 100%; padding: 0px; margin-right: 20px; padding-top: 6px; padding-bottom: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; }
#box-classement-2 .line_title_main td { background-color: #333; border-bottom: 1px solid #CCC; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 5px 10px 4px 8px; }
#box-classement-2 a { color: #333; padding: 0px; margin: 0px; }
#box-classement-2 a:hover { color: #000; border-bottom: 1px dashed #999 }
#box-classement-2 a:hover:after { content: ' \2039'; font-weight: bold; color: #000; padding-left: 2px }
/* --- BOXSCORE --------------------------------------------------------------------- */

.tab-boxscore { margin-top: 15px; }
#box-stats { float: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 100%; margin-top: 20px; border-collapse: collapse; margin-bottom: 20px; }
#box-stats td { font-size: 11px; padding: 5px 3px 3px 5px; text-align: center; border-bottom: 1px solid #BBB !important; line-height: 16px; }
#box-stats .title { text-align: left; padding: 5px 3px 3px 5px; border-bottom: 1px solid #BBB !important; font-weight: bold }
#box-stats .line_2 td { background-color: #EEE; }
#box-stats tr:hover td { background-color: #e5e5d1; color: #000; }
#box-stats tr:hover th { background-color: #e5e5d1; color: #000; }
#box-stats tr.section_title th { background-color: #333; color: #FFF; font-weight: bold; border-right: 1px solid #666; padding: 4px 2px 4px 3px; line-height: 13px; text-align: center }
#box-stats tr.column th { background-color: #FFF; color: #666; font-weight: bold; border: none; }
#box-stats tr.column th.section { background-color: #EEE; color: #999; font-weight: normal; text-align: left; padding: 3px 2px 3px 6px; border-top: 1px solid #CCC }
#box-stats tr.column th.points { font-size: 15px; font-weight: bold; text-align: right; padding-right: 4px; }
#box-stats td.sort-by { background-color: #E1E1E1; font-weight: bold; border-left: 1px solid #CCC }
#box-stats tr.total td { color: #999 }
#box-stats tr.total th { color: #999 }
#box-stats tr.column th.team_name { text-transform: uppercase; padding-left: 5px; text-align: left; border: none; color: #333; font-size: 12px }
#box-stats tr.column th.team_name a { color: #333 }
#box-stats tr.column th.team_name a:hover { color: #000; text-decoration: underline; background-color: #FFF; }
#box-stats td.white { background-color: #FFF; border-bottom: 0px solid #FFF !important }
.line_majeur { border-bottom: 2px solid #888 }
/* --- PLAYOFFS ------------------------------------------------------- */

.box-bracket { width: 620px !important; }
.box-bracket td.team_name { text-align: left !important; font-weight: bold; width: 80px; }
.box-bracket .line_1 td { background-color: #F6F6F6 }
.box-bracket tr:hover td { background-color: #EEE; color: #000; }
.box-bracket tr:hover td.bracket { background-color: #FFF !important; color: #000; }
.box-bracket tr:hover td.white { background-color: #FFF !important; color: #000; }
.box-bracket td.bracket { vertical-align: top; }
.bracket_1 { display: block; background: url(images/bracket.png) no-repeat 0px 0px; width: 14px; height: 110px; margin-top: 20px; text-indent: -9999px; }
.bracket_2 { display: block; background: url(images/bracket.png) no-repeat -40px 0px; width: 14px; height: 220px; margin-top: 70px; text-indent: -9999px; }
.bracket_3 { display: block; background: url(images/bracket.png) no-repeat -80px 0px; width: 14px; height: 440px; margin-top: 170px; text-indent: -9999px; }
/* --- calendrier --------------------------------------------------------------- */

#tab-calendrier { width: 70%; padding: 0px; margin-left: 10px; padding-top: 6px; padding-bottom: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; }
#tab-calendrier td { padding: 3px 5px 2px 5px; line-height: 16px; }
#tab-calendrier .line_title_main td { background-color: #333; border-bottom: 1px solid #CCC; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; padding: 6px 10px 4px 8px; margin-top: 10px; }
#tab-calendrier .line_title td { border-bottom: 1px dashed #999; font-size: 11px; text-transform: uppercase; font-weight: bold; padding: 16px 0px 0px 0px; color: #333; }
#tab-calendrier .line_title td i { display: block; float: right; font-style: normal; color: #1669a1; font-size: 10px; }
/* ------------------------------------------------------------------ */

/* --- UNIBET ------------------------------------------------------ */



#unibet { display: block; width: 70%; line-height: 14px; overflow: hidden; position: relative; padding: 4px; border: 1px dashed #CCC; color: #666; border-radius: 5px; margin: 20px auto 0px auto; }
.unibet-link { display: block; position: absolute; left: 10px; width: 50px; height: 134px; text-indent: -9999px; }
.unibet-link:hover { background: none; background: rgba(120,120,120,0.15) }
#unibet .title { color: #FFF; font-family: Arial, sans serif; font-size: 12px; background-color: #478e00; display: block; border-radius: 2px; padding: 8px 6px 8px 6px; background-image: linear-gradient(bottom, rgb(63,125,1) 15%, rgb(99,165,29) 70%); background-image: -o-linear-gradient(bottom, rgb(63,125,1) 15%, rgb(99,165,29) 70%); background-image: -moz-linear-gradient(bottom, rgb(63,125,1) 15%, rgb(99,165,29) 70%); background-image: -webkit-linear-gradient(bottom, rgb(63,125,1) 15%, rgb(99,165,29) 70%); background-image: -ms-linear-gradient(bottom, rgb(63,125,1) 15%, rgb(99,165,29) 70%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(63,125,1)), color-stop(0.7, rgb(99,165,29))); }
#unibet .title strong { color: #FFF; font-weight: bold; }
#unibet .title a { color: #FFF }
#unibet .title a:hover { text-decoration: underline }
#unibet-table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; margin: 6px 0px 6px 0px }
#unibet-table tr { height: 26px; border-bottom: 1px solid #CCC }
#unibet-table tr.line_1 { }
#unibet-table tr.line_2 { background-color: #FFF; }
#unibet-table a { color: #333; line-height: 12px; background-color: none; font-weight: normal }
#unibet-table div.icon_loading { margin: 2px 0px 0px 180px; padding: 2px 0px 4px 24px; background: url(images/icon_loading.gif) no-repeat 0px 0px; display: block; float: left; width: 100%; color: #666 }
#unibet-table .tab-date { color: #999; text-align: left; padding-left: 4px; padding-right: 6px; width: 100px; }
#unibet-table .tab-team-1 { color: #444; text-align: left; }
#unibet-table .tab-team-2 { color: #444; text-align: right; padding-right: 6px; }
#unibet-table .tab-score-1 { font-weight: bold; color: #333; text-align: center; font-size: 13px }
#unibet-table .tab-score-1 a { font-weight: bold; }
#unibet-table .tab-score-2 { font-weight: bold; color: #333; text-align: center; font-size: 13px }
#unibet-table .tab-score-2 a { font-weight: bold; }
#unibet-table .tab-parier { text-align: center; width: 50px; }
#unibet-table .tab-parier a { background-color: #333; color: #FFF; padding: 3px 6px 3px 6px; font-size: 11px; border-radius: 2px; }
#unibet-table .tab-parier a:hover { background-color: #478e00; text-decoration: underline }
#unibet .subline { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#unibet .subline a { color: #478e00; padding: 2px 3px 0px 3px; font-weight: bold; background-color: none; }
#unibet .subline a:hover { background-color: #478e00; color: #FFF; border-bottom: 1px solid #999 !important; }
.unibet-bottom { display: block; position: absolute; bottom: 0px; height: 6px; width: 530px; }





/* -------------------------------------------------------------------- */

/* --- VARIOUS -------------------------------------------------------- */

*::-moz-selection {
background-color:#8cc0ea;
color:#000
}
.repere { display: block; float: left; clear: both }
.idw-container h2 { display: none }
/* --- PREV NEXT PAGES --------------------------------------------------------- */

#pages { display: block; clear: both; padding: 20px 0px 10px 4px; }
.prev-next a { display: inline; clear: both; border-top: 3px #999 solid; border-radius: 3px; padding: 6px 10px 6px 10px; line-height: 20px; background-color: #AAA; color: #FFF; font-size: 12px; margin-right: 5px; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.prev-next a:hover { color: #FFF; background-color: #888; border-color: #4f85b7 }
/* --- FORM WPCF7 -------------------------------------------------------------- */

.wpcf7 input, .wpcf7 select { border: 1px solid; border-color: #999 #CCC #CCC #999; width: 140px; padding: 3px; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 1px 6px 4px 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.wpcf7 select { width: 168px }
.wpcf7 textarea { border: 1px solid; border-color: #999 #CCC #CCC #999; width: 360px; padding: 3px; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 1px 6px 4px 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.wpcf7 textarea:focus, .wpcf7 input:focus { border: 2px solid #999; background-color: #FFF; margin: 0px 5px 3px 0px; }
.wpcf7 textarea:hover, .wpcf7 input:hover { background-color: #F8F8F8; }
.wpcf7 input[type="submit"] { height: 24px; background-color: #666; color: #FFF; border: 1px solid #333; padding: 3px !important; font-weight: bold; font-size: 11px; margin: 1px 6px 4px 1px; }
.wpcf7 input[type="submit"]:hover { background-color: #809d09; color: #FFF; cursor: pointer; }
.wpcf7 input[type="submit"]:focus { height: 26px; border: 2px solid #999; background-color: #333; color: #FFF; margin: 0px 5px 3px 0px; }
/* -------------------------------------------------------------------- */

/* --- 2015 VERSION -------------------------------------------------------- */



  /* RESULTATS HORIZONTAL */

.container-resu { font-family: Roboto; display: block; position: relative; height: 50px; border-bottom: 1px solid #ebebeb; color: #555; box-shadow: inset 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.16); background-color: #fcfcfc; }
.container-resu .box_resu { float: left; width: 100px; height: 50px; font-size: 12px; border-right: 1px solid #ebebeb; border-collapse: collapse; line-height: 20px; }
.container-resu .box_resu:first-child { left: -10px; }
.container-resu .box_resu:hover { background-color: rgba(240,240,240,0.4); cursor: default }
.container-resu .box_resu.boxscore_ok:hover { background-color: rgba(240,240,240,0.4); cursor: pointer }
.container-resu .box_resu_previous { display: block; background: url(images/input.png) 0px -120px; width: 12px; height: 50px; float: left; cursor: pointer }
.container-resu .box_resu_next { display: block; background: url(images/input.png) -200px -120px; width: 12px; height: 50px; float: left; cursor: pointer }
.container-resu .box_resu_tonight { display: block; float: left; height: 50px; width: 65px; background-color: #757575; color: #FFF; text-transform: uppercase; padding: 13px 0px 12px 12px; font-size: 11px; font-weight: bold; line-height: 12px; background: url(images/input.png) -12px -120px; }
.container-resu .logo-nba-small { float: left; width: 24px; height: 22px; margin: -1px 3px 0px 5px; }
.container-resu .score { width: 35px; }
.container-resu .time { color: #BBBBBB; font-style: normal; }
.container-resu .box_resu tr:first-child td { padding: 5px 0px 0px 0px; }
.container-resu .box_resu tr:last-child td { padding: 1px 0px 4px 0px; }
.container-resu .line_win { font-weight: bold }
.container-resu .line_end { border-bottom: 0px solid #000000 }
.container-resu .score.line_win::after { content: "◀"; font-size: 7px; color: #c2c2c2; margin-right: 4px; float: right; }
.icon-time { display: block; background: url(images/icon.png) no-repeat 0px -750px; width: 16px; height: 16px; margin-left: 4px; margin-top: 2px; }
/* EURO 2015 */

.container-resu .box_resu_euro tr td.eq { font-size: 11px; padding-left: 5px; }
/* SLIDING INTO RESULTS */

.wrapper-resu { display: block; position: relative; height: 50px; overflow: hidden }
.wrapper-resu-sliding { display: block; position: absolute; height: 50px; }
.box_resu_more { display: block; width: 30px; height: 50px; float: right; margin-right: 30px; cursor: pointer; background: url(images/input.png) no-repeat -100px -120px; margin-left: 10px; opacity: 0.3 }
.box_resu_more:hover { opacity: 0.9 }
.box_resu_less { display: block; width: 30px; height: 50px; margin-top: 50px; position: absolute; right: 0px; margin-right: 30px; cursor: pointer; background: url(images/input.png) no-repeat -150px -120px; margin-left: 10px; opacity: 0.3 }
.box_resu_less:hover { opacity: 0.9 }
.transition-resu-1 { margin-top: -50px; float: none; }
.container-resu .box_resu_tonight.box_resu_tonight_bis { margin-top: 50px; position: absolute; float: none; }
/* CONTAINER UNE */

.container-slide { display: block; float: left; margin-top: 0px; margin-bottom: 10px; z-index: 9; height: 325px; margin-right: -245px; width: 100%; overflow: hidden; }
.slide { display: block; height: 325px; overflow: hidden; margin-right: 245px; background-color: #000 }
.slide a.une-titre { position: relative; display: block; float: left; line-height: 13px; width: 100%; height: 325px; max-width: 100%; overflow: hidden }
.slide a.une-titre .desc { font-family: Roboto; bottom: 0px; position: absolute; padding: 8px 10px 8px 10px; line-height: 20px; margin: 0px; z-index: 11; background-color: rgba(0, 0, 0, 0.8); width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.slide a.une-titre .desc h1 { font-size: 20px; line-height: 24px; color: #FFF; font-weight: bold; padding-bottom: 6px; }
.slide a.une-titre .desc p { font-size: 12px; line-height: 16px; color: #DDD; font-weight: normal }
/*.slide a.une-titre .pho      {-webkit-box-shadow: inset 0px -120px 60px -28px rgba(0,0,0,1);-moz-box-shadow: inset 0px -120px 60px -28px rgba(0,0,0,1); box-shadow: inset 0px -120px 60px -28px rgba(0,0,0,1); position:absolute; width:100%; height:325px;}*/

.slide a.une-titre img { width: 100%; height: auto; }
/* CONTAINER - TRANSITION */

.container-all { display: block; position: relative; -webkit-transition-duration: .4s; transition-duration: .4s; transform: translate3d(0, 0, 0); }
.transition-0 { margin-top: 0px; }
.transition-1 { margin-top: -325px; }
.transition-2 { margin-top: -650px; }
.transition-3 { margin-top: -975px; }
/* CONTAINER */

.container-slide-mini { display: block; position: relative; float: left; width: 245px; left: -10px; z-index: 100; top: 0px; }
.slide-mini { display: block; background: url(images/input.png) 0px -380px; width: 222px; height: 52px; float: left; padding: 14px 12px 15px 22px; }
.slide-mini.selected { background-position: 0px -300px; }
.slide-mini:hover { cursor: pointer }
.slide-mini:last-child { height: 54px; }
.slide-mini .pho { display: block; float: left; width: 100px; height: 60px; overflow: hidden }
.slide-mini.selected .pho { border: 4px solid #4f85b7; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.slide-mini.selected .pho img { width: 100px; height: auto; margin-top: -4px; margin-left: -4px; }
.slide-mini .pho img { width: 100px; height: auto; margin-top: 0px; margin-left: 0px; }
.slide-mini h2 { display: block; font-family: Roboto; font-weight: bold; font-size: 12px; line-height: 14px; float: left; margin-left: 8px; color: #666; text-overflow: ellipsis; }
.slide-mini .text { display: table-cell; vertical-align: middle; height: 60px; }
.slide-mini .pho { opacity: 0.7 }
.slide-mini.selected h2 { color: #000 }
.slide-mini.selected .pho { opacity: 1 }
.slide-mini:hover h2 { color: #000 }
.slide-mini:hover .pho { opacity: 1 }
/* SECTIONS BUTTON */

.box_btn_section { display: block; position: absolute; right: 0px; top: 4px }
.btn_section { display: block; width: 140px; height: 42px; background: url(images/btn_sections.png) no-repeat; margin-right: 0px; float: left; opacity: 0.8 }
.btn_section:hover { opacity: 1 }
.btn_section_android { background-position: 0px 0px; }
.btn_section_apple { background-position: 0px -50px; }
/* MINI ARTICLES TOP */

.container-top-articles { width: 900px; }
.box-mini { height: 50px; float: left; width: 200px; overflow: hidden; border-right: 1px solid #ddd; }
.box-mini .pho { display: block; float: left; width: 80px; overflow: hidden; }
.box-mini .text { display: block; float: left; padding: 2px 10px 2px 10px; margin: 2px 0px 2px 0px; height: 50px; font-size: 12px; line-height: 14px; color: #000; font-weight: bold; text-overflow: ellipsis; overflow: hidden }
.box-mini .text i { color: #999; font-weight: normal; font-size: 15px; font-style: normal }
.box-mini a { display: block; float: left; }
.box-mini a:hover { background-color: rgba(0,0,0,0.05) !important }
.box-mini a u.facebook { color: #768bb7; font-size: 11px; padding-right: 20px; text-decoration: none; background: url(images/icon.png) no-repeat right -600px; margin-left: 4px; float: right; margin-right: 0px; margin-top: 2px; }
/* ------------------------------------------------------------------------------- */

/* --- TIPSY --------------------------------------------------------------------- */

  

.tipsy { font-size: 10px; line-height: 14px; font-family: Roboto, Sans serif; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
/* Rounded corners */

.tipsy-inner { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */

.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/* ------------------ RAJOUT HUGUES 20/09/2016 -----------------------------------*/

#table-salaire { margin-top: 20px; }
#table-salaire th { text-align: center; padding: 5px; background: #bbb; }
#table-salaire tr td:first-child { background: #ddd; vertical-align: middle; }
#table-salaire tr:first-child th:last-child,  #table-salaire tr:last-child td { cursor: pointer; background-color: #31a8d2; color: white; padding: 5px; text-align: center; opacity: 0.7; transition: opacity 0.2s ease; }
.insert-ligne { padding: 1px; width: 100%; text-align: center; color: white; background: #31a8d2; cursor: pointer; position: absolute; left: 0; top: 0; opacity: 0.7; }
#table-salaire tr:first-child th:last-child:hover,  #table-salaire tr:last-child td:hover,  .insert-ligne { opacity: 1; }
#table-salaire tr td { position: relative; }
.bouton-admin { width: 50%; text-align: center; display: block; margin: 10px auto; padding: 8px; border-radius: 5px; background: #31a8d2; color: white; }
/*#photo-joueur{

	width:150px;

	height: 150px;

	overflow: hidden;

	border-radius: 50%;

	box-shadow: 0 0 2px #999;

}*/



.players-admin { padding: 0 10% 5% 10%; }
.players-admin h1 { text-align: center; }
.players-admin .description { resize: vertical !important; }
.players-admin .play-admin-stats-perso input,  .players-admin .play-admin-stats-perso label { display: inline; }
.play-admin-stats-perso { display: none; }
.players-admin #confirmation-block { margin-top: 20px; }
.players-admin input[type="submit"] { width: 100%; margin-top: 2%; }
/*tablepress*/



.tablepress tr td,  .tablepress { border: 1px solid #ddd !important; }
/*salaires*/



#saisonsalaire { margin-bottom: 20px; }
/*profil joueur*/



#resultats-joueurs { margin-bottom: 20px; }
#resultats-joueurs p,  #index-joueurs p { margin: 0; padding: 0.4em 0.5em; width: 95%; }
#resultats-joueurs img { margin: 10px auto; display: block; }
#resultats-joueurs a:nth-child(odd) p,  #index-joueurs a:nth-child(odd) p { background-color: #ddd; }
#resultats-joueurs a:nth-child(even) p,  #index-joueurs a:nth-child(even) p { background-color: #eee; }
#resultats-joueurs a:hover p,  #index-joueurs a:hover p { background-color: #fff; }
#widget-CS,  #block-recherche,  #index-joueurs { padding: 10px; margin-bottom: -2em; }
#player-articles-display { padding: 2em; }
#index-alphabet a, #ligne-page { padding: 0.6em; text-transform: uppercase; font-weight: bold; font-size: larger; display: inline-block; margin-bottom: 0.5em; }
#index-alphabet a:hover, #ligne-page a:hover { background-color: #EEE; }

/* ------------------ FIN RAJOUT HUGUES 20/09/2016 -------------------------------*/



  

/* ------------------------------------------------------------------------------- */

/* --- RESPONSIVE DESIGN -------------------------------------------------------- */

	

@media all and (min-width: 1161px) {
#container_all { width: 990px }
/*#sidebar_320     {position:relative; top:-110px; margin-bottom:-120px;}*/

article.page .stats_right_pub { display: block; }
}

@media all and (max-width: 990px) {
article { padding: 0px 0px 20px 0px }
#container_all { width: 990px }
article.page .stats_right_pub { display: none; }
}

@media all and (max-width: 1060px) {
article { padding: 0px 0px 20px 0px }
article.page .stats_left_contenu { margin-right: 0px; display: block }
article.page .stats_right_pub { display: none; }
.pub-1000x90-top { margin-right: 0px; }
#sidebar_140 .pub-top { margin-bottom: 124px; }
#left .une-actu { width: 54% }
#left .focus-actu { width: 40% }
#menu .sub-menu { width: 690px; }
#menu a { font-size: 20px; }
.container-resu .box_resu { width: 94px; }
.container-resu .score { width: 32px; }
.container-resu .score.line_win::after { content: "◀"; font-size: 7px; color: #c2c2c2; margin-right: 2px; float: right; }
.box_resu_more { margin-right: 5px; }
 .box_resu_lessx@ {
margin-right:5px;
}
#sidebar_320 { position: relative; top: auto }
#betclic { width: 96%; }
.col-liens ul { 17%
}
}

@media all and (max-width: 1161px) {
#menu a.search { display: block; }
#box_search { display: none; }
#box_search { width: 144px; }
#box_search input[type="text"] { width: 96px; left: 10px; background-position: 0px -80px; padding-left: 6px; }
#box_search input[type="text"]:hover { background-position: 0px -80px; }
#box_search input[type="text"]:focus { background-position: 0px -80px; }
#box_search input[type="submit"] { background-position: -103px -80px; width: 31px; left: 103px; }
#box_search input[type="submit"]:hover { background-position: -103px -80px; }
}
