/* Reset  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* End Reset */


body {color:#fff; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;}
h1 {font-family: 'Lato', sans-serif; font-weight:900; text-transform: uppercase; font-size:2em; margin-bottom:1.25em;text-shadow: 0px -1px 0px black; }
h2 {font-family: 'Lato', sans-serif; font-weight:900; text-transform: uppercase; font-size:1.5em; margin-bottom:0.5em; text-shadow: 0px -1px 0px black; }
h3 {font-family: 'Lato', sans-serif; font-weight:900; text-transform: uppercase; font-size:1em; margin:2em 0 0.5em; text-shadow: 0px -1px 0px black; }
ul {margin-bottom: 2em;}
ul li {margin-bottom:0.25em;}

span.ligue {display:block; font-family: 'Lato', sans-serif; font-weight:900; text-transform: uppercase; font-size:2em;}
span.saison {font-family: 'Lato', sans-serif; font-weight:900; text-transform: uppercase; font-size:1.25em;}

#bkgContainer {background:#000 url(/assets/images/bkg01.jpg) center center no-repeat; background-size:cover; width:100%; height:100%; position:fixed; top:0; left:0; z-index: -1;}
#bkgContainer #texture {background:url(/assets/images/bkgtrame.png); width:100%; height:100%;}
#container {background:rgba(0,0,0,0.8); width: 90%; max-width:1200px; min-width:800px; margin: 1em auto; border:1px solid #000; behavior: url(/assets/js/PIE.htc);}

header {width: 100%; overflow:hidden;}
header .logoContainer {width:49%; background: url(/assets/images/headerLogo.png) center center no-repeat; background-size:80%; padding-bottom:33%; float:left;}
header.contenu .logoContainer {width:30%; background: url(/assets/images/headerLogo.png) center center no-repeat; background-size:80%; padding-bottom:17%; float:left;}

header #headerSlider {float:right; width:50%; border-left:1px solid #999; background:#000;} 
header #headerSlider .flex-caption {position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.75); width: 96%; padding: 2%; behavior: url(/assets/js/PIE.htc);}
header #headerSlider .flex-caption h2 {margin:0;}
.flexslider {margin: 0; border:none; background:none;}
.flex-control-nav {position: relative; width:98%; padding:1%; background:#000; bottom:auto;}
.flex-control-paging li a {background: rgba(255,255,255,0.5); text-indent: 9999px; behavior: url(/assets/js/PIE.htc);}
.flex-control-paging li a.flex-active {background: rgba(255,255,255,0.9); behavior: url(/assets/js/PIE.htc);}
nav {width: 100%; overflow:hidden;}
nav #menuContainer {float:left; width:100%; border-bottom:4px solid #000; overflow:hidden; position:relative; border-top: 1px solid #90cea9; border-bottom: 1px solid #12562e; background: #18743e; 
background-image: linear-gradient(bottom, rgb(24,116,62) 0%, rgb(34,163,88) 100%);
background-image: -o-linear-gradient(bottom, rgb(24,116,62) 0%, rgb(34,163,88) 100%);
background-image: -moz-linear-gradient(bottom, rgb(24,116,62) 0%, rgb(34,163,88) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(24,116,62) 0%, rgb(34,163,88) 100%);
background-image: -ms-linear-gradient(bottom, rgb(24,116,62) 0%, rgb(34,163,88) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(24,116,62)),
	color-stop(1, rgb(34,163,88))
);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22a358, endColorstr=#18743e)";}
nav #menuContainer ul {clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; }
nav #menuContainer ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
nav #menuContainer ul li a {display:block; margin:0 0 0 1px; padding:0.5em 1em; color:#fff; text-decoration:none; line-height:1.3em; font-family: 'Lato', sans-serif; font-weight:900; text-transform: uppercase; text-shadow: 0px -1px 0px #000;  }
nav #menuContainer ul li a:hover {background:#369; color:#fff;}
nav #menuContainer ul li a.active, nav #menuContainer ul li a.active:hover {color:#fff; background:#000; font-weight:bold; }

aside#classement {margin-bottom:2em;}
aside#classement div#tableauClassement {border: 1px solid #3C3C3C; overflow: hidden; box-shadow: 1px 3px 10px black;}
aside#classement .classementEntete {background: #23538a; /* Old browsers */
background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* IE10+ */
background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf', GradientType=0);
}
aside#classement .classementEntete th {border:none; padding:0.5em; text-align:center; color:#fff; font-weight:bold; text-shadow:0px -1px 0px #000; }
aside#classement .classementCellule {padding:0.5em; text-align:center;}
aside#classement .even {background:#222;}
aside#classement .odd {background:#333;}
aside#classement .classementPosition {color:#fff; text-align:center;}
aside#classement .classementRangee .classementPosition {background:#333;}
aside#classement .classementRangeeImpaire .classementPosition {background:#444;}

#contentModule {padding:0; max-width:1200px; width: 100%; overflow:hidden;}
.facebookBtn {overflow:hidden; margin:1em 0 2em;}

#contentModule #leftCol {float:left; width:60%; padding:1% 4%;}

article {font-size: 0.875em;margin: 0em 0 2em;background:rgba(0,0,0,0.5) bottom center no-repeat;padding:5%; border:1px solid #999; behavior: url(/assets/js/PIE.htc);}
article h1, section.statsContainer h2{font-size: 1.714285714285714em; margin: 0 0 1em -14%; padding: 0.25em 0 0.25em 7%; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #310000; border-radius: 0 0.5em 0.5em 0; overflow:hidden;}
article h1 .articleDate {float:right; text-align:center; font-size: 0.5em; line-height: 125%; margin:0 1.5em;}
article h1, #accueilArticlesContainer article:nth-child(4n+1) h1, section.statsContainer h2.Coeurs {background:#C20509;}
#accueilArticlesContainer article:nth-child(4n+2) h1, section.statsContainer h2.Carreaux {background:#006699;}
#accueilArticlesContainer article:nth-child(4n+3) h1, section.statsContainer h2.Piques {background:#fb0;}
#accueilArticlesContainer article:nth-child(4n) h1, section.statsContainer h2.Trefles {background:#159c4e;}
article p {margin-bottom:0.5em; line-height:125%;}

.matchScore {text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:900; margin-bottom:2em; }
.matchScore .equipeScore {padding: 0.25em 0.6em; border: 1px solid white; margin: 0 1.5em 0 0.5em; background: #CCC; color: #666;}

.matchEtoilesContainer {width:100%; overflow:hidden; margin-top:2em;}
.matchEtoilesItem {display:block; float:left;}
.matchEtoilesItem .matchEtoilesContent {border:1px solid #fff; text-align:center;}
.TroisEtoiles .matchEtoilesItem {width:30%; margin-right:5%;}
.QuatreEtoiles .matchEtoilesItem {width:22%; margin-right:3%;}
.matchEtoilesItem:last-child {margin:0;}
.matchEtoilesItem a {color:#fff;}
.matchEtoilesItem .matchEtoilePhoto {padding-top:100%; background:#000; background-position: center center; background-repeat:no-repeat; background-size:cover;}
.matchEtoilesItem .matchEtoileNom {background: rgba(30, 0, 0, 0.75); width: 90%; padding: 0.5em 5%; display: block; behavior: url(/assets/js/PIE.htc);}
.matchEtoilesItem .matchEtoileNom h3 {margin-top:0;}

#contentModule #singleCol {width:92%; padding:1% 4%;}
#contentModule #singleCol article {padding:2%;}
#contentModule #singleCol article h1 {font-size: 3em; margin: 0 0 0.25em; padding: 0; border-top: none; border-bottom: none; border-radius: 0; background: none;}

#contentModule #rightCol {float:right; width:26%; padding:1% 2%;}
#contentModule #rightCol aside h2 {font-size:1.5em; text-align:center; text-shadow: 0px -1px 0px #000; }

#contentModule #rightCol .prochainMatch {margin: 0.25em 0 2em; padding: 5% 0; background-size: cover; background-position: center center; background-repeat:no-repeat; border:1px solid #fff;}
#contentModule #rightCol .prochainMatch .evenementDate {padding: 2%; text-align: center; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 1.125em; text-shadow: 0px -1px 0px #000; background: rgba(50, 0, 30, 0.5); border-top:1px solid #fff; border-bottom:1px solid #fff; behavior: url(/assets/js/PIE.htc);}
#contentModule #rightCol .prochainMatch .evenementTitre { padding:10% 5%; text-align:center; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 2em; text-shadow: 0px -1px 0px #000;}

#contentModule #rightCol .luiInfos .container {margin: 0.25em 0 2em; padding: 5%; background:url(/assets/images/infosLuiBkg.jpg) center center no-repeat; background-size: cover; background-position: center center; background-repeat:no-repeat; border:1px solid #fff; font-size:0.8em; text-shadow: 0px -1px 0px #000; }
#contentModule #rightCol .luiInfos .container h3 {text-transform: uppercase; font-size: 1.25em; margin: 0.75em 0 0.25em;}
#contentModule #rightCol .luiInfos .container ul li {margin-bottom:0.25em;}
#contentModule #rightCol .luiInfos .container ul li ul {list-style:disc inside none;}

.ficheJoueur {}
.ficheJoueur .joueurInfo {width: 48%; background: rgba(0, 0, 0, 0.5); float: left; behavior: url(/assets/js/PIE.htc);}
.ficheJoueur .joueurInfo h3 { background: white; color: black; padding: 0.25em 0.5em; text-shadow: none;}
.ficheJoueur .joueurInfo p {line-height:150%;}
.ficheJoueur .joueurPhoto {float: right; padding-bottom:50%; width: 50%;}

.calendrierMois {margin-bottom: 2em;}
.calendrierMois .calendrierContainer div {border-top:1px solid #fff; width:100%; overflow:hidden;}
.calendrierMois .calendrierContainer div:last-child {border-bottom:1px solid #fff;}
.calendrierMois .calendrierContainer .evenementDate {width: 6%; padding: 2%; text-align: right; display: block; float: left; font-family: 'Lato', sans-serif; font-weight: 900; font-size:1.5em;}
.calendrierMois .calendrierContainer .evenementTitre {display:block; width: 85%; padding:3% 2%; float:left; border-left: 1px solid white;}
.calendrierMois .calendrierContainer .infoApres {border: none!important; font-size:0.75em; font-style:italic;margin-top:0.5em;margin-left:5%; font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;}
.calendrierMois .calendrierContainer .evenementEquipe {font-size:1.25em;}

footer {width: 100%; overflow:hidden; font-size:0.75em; padding: 1em 0 2em;}
footer div {margin: 0 0 0.5em;}
footer div:last-child {margin: 0;}
footer div span {padding: 0.375em 2% 0.375em 1%; display: inline-block; text-shadow: 0px -1px 0px #000; }
footer .copyright {background: #ea1c23;}
footer .hebergement {background: #22a457;}
footer .conception {background: #2eade9;}
footer a {color: #fff; text-decoration: none;}

section.statsContainer {margin:3em 0 5em;}
section.statsContainer:last-of-type {margin-bottom:0;}
section.statsContainer h2 {margin: 0 0 0.75em -7%; padding-left:4%;}
section.statsContainer div#statsCarreaux .statsEntete {background: #2eade9; /* Old browsers */
background: -moz-linear-gradient(top, #2eade9 0%, #005882 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2eade9), color-stop(100%,#005882)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2eade9 0%,#005882 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2eade9 0%,#005882 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2eade9 0%,#005882 100%); /* IE10+ */
background: linear-gradient(to bottom, #2eade9 0%,#005882 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eade9', endColorstr='#005882',GradientType=0 ); /* IE6-9 */}

section.statsContainer div#statsCoeurs .statsEntete {background: #e61829; /* Old browsers */
background: -moz-linear-gradient(top, #e61829 0%, #890f11 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e61829), color-stop(100%,#890f11)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e61829 0%,#890f11 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e61829 0%,#890f11 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e61829 0%,#890f11 100%); /* IE10+ */
background: linear-gradient(to bottom, #e61829 0%,#890f11 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61829', endColorstr='#890f11',GradientType=0 ); /* IE6-9 */ }

section.statsContainer div#statsPiques .statsEntete {background: #ffbb00; /* Old browsers */
background: -moz-linear-gradient(top, #ffbb00 0%, #935600 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb00), color-stop(100%,#935600)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffbb00 0%,#935600 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffbb00 0%,#935600 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffbb00 0%,#935600 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffbb00 0%,#935600 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#935600',GradientType=0 ); /* IE6-9 */}

section.statsContainer div#statsTrefles .statsEntete {background: #22a457; /* Old browsers */
background: -moz-linear-gradient(top, #22a457 0%, #12562d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22a457), color-stop(100%,#12562d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #22a457 0%,#12562d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #22a457 0%,#12562d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #22a457 0%,#12562d 100%); /* IE10+ */
background: linear-gradient(to bottom, #22a457 0%,#12562d 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22a358, endColorstr=#22a457)"; /* IE6-9 */}

section.statsContainer .statsEnteteCellule {border:none; padding:0.5em; text-align:center; color:#fff; font-weight:bold; text-shadow:0px -1px 0px #000; }
section.statsContainer .statsCellule {padding:0.5em; text-align:center;}
section.statsContainer .statsRangee {background:#222;}
section.statsContainer .statsRangeeImpaire {background:#333;}
section.statsContainer .statsRangeeSelectionnee {background:#555;}
section.statsContainer .statsRangeeSurvolee {background:#444;}

section.equipeContainer {margin:3em 0 5em; width:25%; float:left;}
section.equipeContainer h2 {font-size: 1.5em; margin: 0; padding: 2% 4%; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #310000; overflow:hidden;}
section.equipeContainer h2.Carreaux {background:#006699;}
section.statsContainer h2.Coeurs, section.equipeContainer h2.Coeurs {background:#C20509;}
section.equipeContainer h2.Piques {background:#fb0;}
section.equipeContainer h2.Trefles {background:#159c4e;}
section.equipeContainer a {text-decoration:none; color:#fff; font-family: 'Lato', sans-serif; font-weight:900; }

nav #menuContainer ul li a.menuIcon {padding: 0 0.25em; font-size: 1.5em;}

.texteCarreaux{color:#2eade9}
.texteCoeurs{color:#e61829}
.textePiques{color:#ffff33}
.texteTrefles{color:#22a457}
.overflowHidden {overflow:hidden;}