/**
 * style.css
 *
 * Theme Name: Material 
 * Theme URI: http://standew.com/material
 * Description: Material is a neat, responsive and lightweight theme for your blog. It ships with custom header, social links widget, post formats, full-width template and so on. All stylesheets and scripts have been optimized and compressed for faster loading. It is also translation ready, you may interpret it with the default en_US.po file.
 * Version: 1.1.3
 * Author: Klyment Wong
 * Author URI: http://standew.com/klyment
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Tags: translation-ready, custom-header, responsive-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready, full-width-template, one-column, two-columns, fluid-layout, right-sidebar, gray, white, light, featured-image-header, theme-options 
 * Text Domain: material;
 */

/* You can write your own css code below to override the default style */

nav li.menu-item.active { background-color: #2670b3; }
nav li.menu-item.active a { color: #FFFFFF; }
.banner { background-color: #2670b3; }

.cliquableScore, .cliquableNomEquipe {
	text-align: center;
}

    @media only screen and (max-width: 800px) {
    	
    	/* Force table to not be like tables anymore */
    	.no-more-tables table, 
    	.no-more-tables thead, 
    	.no-more-tables tbody, 
    	.no-more-tables th, 
    	.no-more-tables td, 
    	.no-more-tables tr { 
    		display: block; 
    	}
     
    	/* Hide table headers (but not display: none;, for accessibility) */
    	.no-more-tables thead tr { 
    		position: absolute;
    		top: -9999px;
    		left: -9999px;
    	}
     
    	.no-more-tables tr { border: 1px solid #ccc; }
     
    	.no-more-tables td { 
    		/* Behave  like a "row" */
    		border: none;
    		border-bottom: 1px solid #eee; 
    		position: relative;
    		padding-left: 50%; 
    		white-space: normal;
    		text-align:left;
    	}
     
    	.no-more-tables td:before { 
    		/* Now like a table header */
    		position: absolute;
    		/* Top/left values mimic padding */
    		top: 6px;
    		left: 6px;
    		width: 45%; 
    		padding-right: 10px; 
    		white-space: nowrap;
    		text-align:left;
    		font-weight: bold;
    	}
     
    	/*
    	Label the data
    	*/
    	.no-more-tables td:before { content: attr(data-title); }
    }
    						
/*    @font-face {
  	font-family: 'Glyphicons Halflings';
  	src: url(fonts/fontawesome-webfont.eot?1416628322);
  	src: url(fonts/fontawesome-webfont.eot?&1416628322#iefix) format("embedded-opentype"), 
		url(fonts/fontawesome-webfont.woff?1416628320) format("woff"), 
		url(fonts/fontawesome-webfont.ttf?1416628321) format("truetype"), 
		url(fonts/fontawesome-webfont.svg?1416628324#fontawesome-webfont) format("svg");
    }

@icon-font-path: "fonts/";
*/

.padTopBottom {
	padding-top: 7.5px;
	padding-bottom: 7.5px;
}

.padBottom {
	padding-bottom: 7.5px;
}

.menu-menuprincipal-container li:hover,
.menu-nav1-container li:hover
{
    background-color: #f9f9f9;
    border-radius: .25em;
}

.flex-footer {
    display: flex;
    justify-content: space-around;
}

.flex-footer div {
    width: 220px;
}

img.logo_img { height: 90px;}


body, .banner { background-color: #2670b3; }
.titre {color: white}
.fb-like { padding: 2px 0 3px; }
.bg-blue { background-color: #2670b3;
    border: 1px solid #2670b3;
    color: #ffffff; }
.bg-blue2 { background-color: #3C2F91;
    border: 1px solid #3C2F91;
    color: #ffffff; }
.bg-green { background-color: #3C9757;
    border: 1px solid #3C9757;
    color: #ffffff; }
.bg-brown { background-color: #993939;
    border: 1px solid #993939;
    color: #ffffff; }

/* Table Condensed */
.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
    padding: 2px;
}

#logo.img2 {
    max-height: 100px;
}

#tableStats {
    width: 100%;
}

#msg {
    width: 500px;
    position: absolute;
    top: 20px;
    left: 20px;
}