*{border:0; padding:0; margin:0;}
* a{text-decoration: none; font-weight:bold}

BODY{
	font-family: "Open Sans", "Arial", "Trebuchet MS", "Verdana";
	font-size: 9pt;
	background:url(images/background.jpg) #e9edef no-repeat top;
}

BODY A:link, BODY A:visited , BODY A:hover {text-decoration:none; font-weight:600;}
BODY A:link {color: #005D87;}
BODY A:visited {color: #2786A7;}
BODY A:hover {color: #002433;}


@media (max-width: 1000px) {
	BODY{
		background-image:none;
	}
}

table{border-collapse:collapse; border-spacing: 0px;}
td{vertical-align:top;}
.administration td{padding:6px 12px;}
p{margin:0 0 2px 0;}
hr{border-bottom: 1px solid #CCC; margin-bottom: 5px;}
big{font-size:140%;}
sup {line-height: .6em;}
b{font-weight:600;}
strong{font-weight:800;}

.w20{width:19%;}
.w25{width:22%;}
.w33{width:30.66%;}
.w50{width:50%;}
.w66{width:65.33%;}
.w100{width:100%;}

@media (max-width: 1000px) {
	.w33{width:100%;}
	.w66{width:100%;}
	.w25{width:43%;}
}

input, textarea, select{
	background:#FAFAFA;
	border: 1px solid #DDD;
    color: #666;
    font-size: 14px;
    height: 40px;
	border-radius: 6px;
    padding: 2px 6px;
}
form table input, form table select{
	height:initial;
	margin: 6px 0;
}
.submit {
  background: #0192D5;
  color: #ffffff;
  font-size: 20px;
  border-radius: 0;
  border: none;
  text-transform:uppercase;
  text-decoration: none;
  height:46px;
}

.submit:hover {
	background: #CA9C6B;
	cursor:pointer;
}
select{
    height: 30px;
}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus{
	border-color: rgba(0,221,255,0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(142,240,255,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(142,240,255,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(142,240,255,.6);
}

.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.print{display:none;}
.p10{padding:10px;}

h1{
	font-size:40px;
	line-height:40px;
	font-weight:800;
	color:#0393D2;
	margin-bottom:8px;
	text-transform:uppercase;
	text-align:left;
}
h1.women{color:#DA4ECB;}
h1 .fa {
	opacity:0.7;
	width:60px;
	text-align:center;
}

h2 {
	font-size:30px;
	line-height:30px;
	font-weight:600;
	color:#01567D;
	margin-bottom:20px;
	text-transform:uppercase;
	padding-left:70px;
	text-align:left;
}
h2.women{color:#8e2280;}
h2 .h2color{
	color:#BF8847;
}

h3{
	margin-bottom:8px;
	padding-left:10px;
	background:#0393D2;
	color:white;
	height:30px;
	line-height:30px;
	font-size:20px;
	font-weight:600;
}
h3 A:link, h3 A:visited {color: white;}
h3 A:hover {color: #00374F;}

@media (max-width: 1000px) {
	h1{
		font-size:30px;
		line-height:30px;
	}
	h1 .fa {
		opacity:0.7;
		width:40px;
	}
	h2 {
		font-size:20px;
		line-height:20px;
		margin-bottom:20px;
		padding-left:50px;
	}	
	h3{
		font-size:16px;
	}
}

@media (max-width: 490px) {
	h1 .fa {display:none;}
	h2 {padding:0;}
}

h2 img{
	margin-bottom:-4px;
	padding:0 10px 0 0;
}

.h2a A:link {color: white; text-decoration:none;}
.h2a A:visited {color: white; text-decoration:none;}
.h2a A:hover {color: #E9EDEF; text-decoration:underline;}



h4{
	font-size:18px;
	color:#0393D2;
	margin-bottom:2px;
	line-height:20px;
}

.all{
	position:relative;
	margin: 0 auto;
	width: 1280px;
}
@media (max-width: 1270px) {
	.all{
		width: 1000px;
	}
}

@media (max-width: 1000px) {
	.all{
		width: 100%;
	}
}

#menuToggle{
	display:none;
	position: absolute;
	left: 4px;
	z-index: 999;
	background: rgba(1, 146, 213, 0.80);
	top: 4px;
	cursor: pointer;
}
@media (max-width: 1000px) {
	#menuToggle{
		display:block;
	}
}
#menuToggle .fa {
	font-size: 24px;
	margin: 8px 10px;
	color: #fff;
}
#menuToggle:hover .fa {
	color: #888;
}

.visible-small{display:none}
@media (max-width: 1000px) {
	.visible-small{display:inline}
	.visible-large{display:none}
}

.centre{
	position:relative;
	z-index:1;
	clear:both;
	background: white;
}

.contenu{
	position:relative;
	width: 80%; height:100%;
	text-align: justify;
	z-index:10;
	overflow:hidden;
	background:white;
	float:left;
}
@media (max-width: 1000px) {
	.contenu{
		width: 100%;
		float:none;
	}
}

.integration{
	background:white;
	padding:30px;
}
@media (max-width: 1270px) {
	.integration{
		padding:30px 20px;
	}
}
@media (max-width: 1000px) {
	.integration{
		padding:20px 10px;
	}
}

.integration A:link {text-decoration:none;}
.integration A:visited {text-decoration:none;}
.integration A:hover {text-decoration:underline;}

.tabInt td{
	border: 1px solid #6D8E9F;
	padding:3px;
}

.contenu.matches-journal .integration{
	background-color:transparent !important;
	background-image:url("images/bg-texture.png");
	background-repeat: no-repeat;
	background-position: top center;
}
.contenu.matches-journal{
	background-color:transparent !important;
	background-image:url("images/bg-main.gif");
	background-repeat: repeat;
}



/* HEADER
============ */

.header{
	position: relative;
	vertical-align: top;
}

.header-image{
	width: 100%;
	height: 169px;
	margin: 0 auto;
}

#homeIndexLink{
	width: 100%;
	height: 100%;
	display: block;
}

@media (max-width: 1000px) {
	.header{
		background-color:#141e22;
	}
	.header-image{
		height: 48px;
		line-height: 48px;
		border-bottom:3px solid #ca9d6b;
		text-align:center;
	}
}


/* FOOTER  ============ */

.footer, .footer2{
	height: 40px;
	line-height: 40px;
	position:relative;
	background: #999999;
	padding:0 0 0 20px;
	color:white;
	font-weight:bold;
	font-size:13px;
	clear:both;
}

.footer A:link, .footer2 A:link {color: white;}
.footer A:visited, .footer2 A:visited  {color: white;}
.footer A:hover, .footer2 A:hover  {color: #FFD59F;}

.footer2{
	background: #777777;
}


/* MENU  ============ */

.menu{
	background:#01567D;
	width:100%; height:40px;
	font-size:13px;
	line-height:40px;
	position:relative;
	z-index:20;
}

.menu A:link {color: white;}
.menu A:visited {color: white;}
.menu A:hover {color: #FFD59F;}

.menutitre{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
}
.home .fa{
	font-size:22px;
	line-height:40px;
}

div#menuSurvol {list-style: none;}
div#menuSurvol:hover {background:#0d6b93;}
div#menuSurvol ul {}
div#menuSurvol, div#menuSimple a {float:left; margin:0; padding:0 30px; text-align:center; border-right:1px solid #0274AB; font-weight:600;}
@media (max-width: 1270px) {
	div#menuSurvol, div#menuSimple a {padding:0 24px; }
}
div#menuSimple a.home {padding:0 16px; background:#0d6b93;}
/*div#menuSurvol .sousmenu:last-child{border-right:none;}*/
div#menuSurvol a, div#menuSurvol b{display:block; font-weight:600;}
div#menuSurvol ul.niveau2 a, div#menuSurvol ul.niveau2 b{color:#0072a6;}
div#menuSurvol ul.niveau3 a{color:#00557A;}
div#menuSurvol ul li {position:relative; height: 40px; list-style: none; margin:0; padding:0; }
div#menuSurvol ul ul {
	line-height:12px;
	position: absolute;
	top: 39px; left: -30px;
	background: #f1f6f8;
	z-index:10000;
	display:none;
	width: 300px;
	padding:5px 0 10px 0; margin:0;
	border:1px solid #0d6b93;
	border-left:3px solid #0d6b93;
}
@media (max-width: 1270px) {
	div#menuSurvol ul ul {left: -24px;}
}
div#menuSurvol ul ul ul {
	line-height:12px;
	position: absolute;
	top: 0; left: 220px;
	background: #fff;
	z-index:10000;
	display:none;
	width: 280px;
	padding:5px 0 10px 0; margin:0;
	border:1px solid #01567D;
	border-left:3px solid #01567D;
}
div#menuSurvol li.sousmenu2 {
	/*background: url('images/fleche.gif') no-repeat 2px 1px;*/
	background-color:#fff;
	border-top:1px solid #DAEBF2;
	border-bottom:1px solid #DAEBF2;
}
div#menuSurvol ul ul li {height:30px; text-align:left; }
div#menuSurvol ul ul a, div#menuSurvol ul ul b {padding:0 5px; line-height:30px; width:100%; cursor:pointer;}
div#menuSurvol ul ul a:hover, div#menuSurvol ul ul b:hover {color:#fff;}
div#menuSurvol ul ul li:hover {background-color:#4EB4E4;}
div#menuSurvol ul ul ul li:hover {background-color:#4EB4E4;}
div#menuSurvol li.sousmenu2:hover{	background-color:#4EB4E4;}
div#menuSurvol ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menuSurvol ul.niveau2 li.sousmenu:hover ul.niveau3, 
div#menuSurvol ul.niveau2 li.sousmenu:hover,
div#menuSurvol ul.niveau3 li.sousmenu:hover {display:block; color:#fff;}


.invisible{
	display:none;
}
.visible{
	display:block;
}

/* MENU MOBILE */
@media (max-width: 1000px) {
	.menu{
		position:absolute;
		height:auto;
	}
	div#menuSurvol, div#menuSimple a {float:none; display:block; border-bottom:1px solid #0274AB;}
	div#menuSurvol ul ul {
		width: 100%;
	}
	div#menuSurvol ul ul ul {
		width: 100%;
		top: 30px; left: 20px;
	}
	div#menuSurvol ul.niveau1 li.sousmenu:active ul.niveau2, 
	div#menuSurvol ul.niveau2 li.sousmenu:active ul.niveau3, 
	div#menuSurvol ul.niveau2 li.sousmenu:active,
	div#menuSurvol ul.niveau3 li.sousmenu:active {display:block; color:#fff;}
}


a.infobulle{
position:relative;
z-index:24;
color:#005072;
text-decoration:none;
font-weight:normal;
}
 
a.infobulle:hover{
z-index:25;
color:#000;
} 

a.infobulle:visited{
color:#005072;
}
 
a.infobulle span{
display: none
}
 
a.infobulle:hover span{
	top: 30px; left: 30px;
	width: 170px;		
	display:block;
	position:absolute;
	text-decoration:none;
}

.infoPoste{
	line-height:16px;
	background: #F9FBFC;
	color:#005072;
	padding:5px 8px 5px 8px; margin:0;
	border:1px solid #B7B7B7;
	border-top:none;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	-moz-box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;	
}
.infoD{background: #F2FDFD;}
.infoM{background: #FBFDEF;}
.infoA{background: #FFF8F8;}
.infoG{background: #FFF9E7;}
.infoNA{background: #F9FBFC;}

.infoReserve{
	font-size:12px;
	line-height:16px;
	color:#555;
}
.infoReserve b{ color:#01567D; }

.journee{
	text-align:left;
	color:gray;
	background:#F7F9FD;
	padding:12px 16px 16px 16px;
	border:1px solid #D0D9DD;
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;	
}

.tempsNone{
	background:#F9F1E8;
}


/* MENU DROITE  ============ */

.menu-droite{
	background: #ECF4F7;
	float:right;
	width:20%;
	height:100%;
}

@media (max-width: 1000px) {
	.menu-droite{
		float:none;
		width:100%;
	}
}

.menu-droite img{
	max-width:100px;
}

.cadre{
	width:100%;
}

.cadre-titre{
	background: #74aec9;
	height: 30px;
	line-height: 30px;
	color:white;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
}

.cadre-titre A:link {color: white; text-decoration:none;}
.cadre-titre A:visited {color: white; text-decoration:none;}
.cadre-titre A:hover {color: #E9EDEF; text-decoration:underline;}

.cadre-contenu{
	padding:20px;
}
@media (max-width: 1270px) {
	.cadre-contenu{
		padding:20px 16px;
	}
}


.cadre-contenu-texte p{
	margin-bottom:10px;
}

.cadre-contenu-texte A:link, .cadre-contenu-texte A:visited , .cadre-contenu-texte A:hover {text-decoration:none; font-size:9pt;}
.cadre-contenu-texte A:link {color: #005D87;}
.cadre-contenu-texte A:visited {color: #2786A7;}
.cadre-contenu-texte A:hover {color: #002433;}

a.opacite:hover{
	filter:Alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;
	height: 100%;
	display:block;
}


/* ACCUEIL
============  */

.index{
	font-family: 'Open Sans', sans-serif;
}

.index .fa{
	opacity:0.5;
	padding-right:10px;
	margin-left:-5px;
}

.blockindex{
	float:left;
	margin-right:4%;
	margin-bottom:20px;
}

@media (max-width: 1000px) {
	.blockindex{
		float:none;
		margin-right:0;
	}
}

.last{
	margin-right:0;
}

.ligne1, .ligne2, .ligne3{
	clear:both;
}
@media (max-width: 1000px) {
	.ligne1, .ligne2, .ligne3{
		clear:none;
	}
}

.index h4, .index h4 A:link, .index h4 A:visited, .index h4 A:hover {
	color: black;
	/*background:#0091D4;*/
	height:30px;
	line-height:30px;
	text-align:left;
	font-weight:100;
	font-size:16px;
	padding-left:5px;
}

ul.rss, div.evenements{
	/*list-style-image: url(images/puce.gif);*/
	/*list-style-type: square;*/
	list-style: none;
	text-align: justify;
	padding:20px;
	padding-right:2px;
	/*list-style-position: inside;*/
	height:300px;
	overflow: auto;
	/*border: 1px solid #4EB4E4;*/
	border-top:none;
    /*text-indent: -0.5em;*/
	margin-top:-2px;
	/*background:#F0F5F9;*/
	border-bottom:1px solid #6dcefb;
	border-top:1px solid #888;
}
/*ul.rss li::before {
	content: "\f0da ";
	font-family: FontAwesome;
	padding-right:5px;
	color: #0091D4;
}*/


.rss .fa{
	padding-right:6px;
	margin-left:0;
}

ul.ephemeride {
	background:#f4f7f9;
}

.ephe{
	color:#337897;
	font-size:130%;
}

div.evenements{
	text-align:center;
	text-align: justify;
	height:300px;
	background:#f4f7f9;
	/*color:white;
	background:#337897;*/
}

.rss .rssimg{
	width: 100%;
	height: 90px;
	max-width: 255px;
	background-size: contain;
	background-position: center top;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-color: aliceblue;

}
.double .rssimg{
	width:25%;
	float:left;
	height:70px;
	margin:0 16px 10px 0;
}


.rss::-webkit-scrollbar-button{ display: none; height: 13px; border-radius: 0px; background-color: #AAA; } .rss::-webkit-scrollbar-button:hover{ background-color: #AAA; } .rss::-webkit-scrollbar-thumb{ background-color: #BBB; } .rss::-webkit-scrollbar-thumb:hover{ background-color: #CCC; } .rss::-webkit-scrollbar-track{ background-color: #efefef; } .rss::-webkit-scrollbar-track:hover{ background-color: #CCC; } .rss::-webkit-scrollbar{ width: 3px; } 

.rss li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	color:#333;
	border-bottom:1px dotted #ddd;
}
.double li{
	/*height:80px;*/
	border-bottom:none;
	clear:left;
}

.rss a{
	margin:0 0 5px 0;
	font-size:110%;
	font-weight:normal;
	text-decoration:underline;
}

.rssUne a{
	font-size:150%;
}

.rssUne .rssdesc{
	font-size:110%;
	color:black;
}


.prochRenc{
	text-align:center;
	height:360px;
}
.prochRenc .contentpr{
	padding:0;
}
.prochRenc h4{
	text-align:center;
}

.procOM, .procAdv{
	float:left;
	width:45%;
	margin-bottom:20px;
}
.trProchFem .procOM, .trProchFem .procAdv{
	margin-bottom:10px;
}
.procMilieu{
	float:left;
	width:10%;
	margin-top:30px;
}
.trProchFem .procMilieu{
	margin-top:15px;
}
.procOM, .procAdv, .procVS{
	text-transform:uppercase;
	font-size:23px;
	font-family: 'Bungee', cursive;
	line-height:23px;
}
.nomclub{
	font-family: 'Bungee', cursive;
	font-size:160%;
}
@media (max-width: 1270px) {
	.procOM, .procAdv, .procVS{font-size:19px; line-height:19px;}
}
@media (max-width: 1000px) {
	.procOM, .procAdv, .procVS{font-size:16px; line-height:16px;}
	.nomclub{font-size:120%;}
}

.trProch{
	border:1px solid #eee;
	padding-top:10px;
}
.trProchFem{
	border:1px solid #eee;
	padding-top:8px;
	width:85%;
	margin:0 auto;
}
@media (max-width: 1000px) {
	.trProchFem {width:100%;}
}

.trProchFem .procOM, .trProchFem .procAdv, .trProchFem .procVS{
	text-transform:uppercase;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	color:#DB41CB;
}
@media (max-width: 1270px) {
	.trProchFem .procOM, .trProchFem .procAdv, .trProchFem .procVS{font-size:12px; line-height:12px;}
}

.procVS a:link, .procVS a:visited, .trProchFem .procVS a:link, .trProchFem .procVS a:visited{
	background:#74AEC9;
	color:white;
	line-height:23px;
	padding:0 10px;
	font-size:20px;
}
.trProchFem .procVS a:link, .trProchFem .procVS a:visited{
	line-height:23px;
	padding:8px;
}
@media (max-width: 1270px) {
	.procVS a:link, .procVS a:visited, .trProchFem .procVS a:link, .trProchFem .procVS a:visited{font-size:17px;}
}
@media (max-width: 1000px) {
	.procVS a:link, .procVS a:visited, .trProchFem .procVS a:link, .trProchFem .procVS a:visited{font-size:14px;padding:0 6px;}
}

.trProchFem .procVS a:link, .trProchFem .procVS a:visited{
	background:#c98fc1;
	font-size:13px;
}

.procDessous{
	clear:left;
	background:#74AEC9;
	padding:3px;
	color:white;
}
.trProchFem .procDessous{
	background:#c98fc1;
}
.procDessous a:link, .procDessous a:visited, .procDessous a:hover, .trProchFem .procDessous a:link, .trProchFem .procDessous a:visited, .trProchFem .procDessous a:hover {color:white;}
.procDessous .fa {margin-left:25px; padding-right:5px;}
.procDessous .fafirst {margin-left:0;}

.trProchFem{ font-size:90%; }

.trProchFem A:link, .fem a:link {color:#DB41CB;}
.trProchFem A:visited , .fem a:visited{color:#DB41CB;}
.trProchFem A:hover, .fem a:hover{color:#A01390;}

div.ficheProchRenc img{
	max-height:100px; max-width:100px;
}

div.procLogo img{
	max-height:100px; width:100px;
	margin-bottom:10px;
}
div.logoProchRencFem img{
	max-height:60px; max-width:60px;
}


div.evenements img{
	max-width:215px; max-height:190px; 
	display:block;
	margin:10px;
}
div.evenements hr{
	margin:20px 0;
}
div.evenements h1, div.evenements h2, div.evenements h3, div.evenements h4, div.evenements h5{
	text-align:center;
} 


/* JOUEURS
============  */

.joueurs{
	text-align:left;
}

.joueurs h1{
	font-size:24px;
	color:#0393D2;
	margin-bottom:8px;
	line-height:27px;
}
.joueurs h2{
	background:#4EB4E4;
	margin:0 0 8px 3px;
	padding:0 10px 0 30px;
	color:white;
	height:25px;
	line-height:27px;
	font-size:17px;
	border-bottom:3px solid #0093D6;
}

.blocMargin{
	margin-bottom:20px;
	display:block;
}

.photo{
	margin:0 10px 10px 0;
}
.joueurs .photo{
	width:150px;
}
.equipes .photo{
	width:95%;
}
.joueurs .autographe{
	float:right;
	margin:35px 0 30px 10px;
	width:150px;
}

.joueurs .infos{
	font-size:14px;
	line-height:20px;
	margin:0 0 0 185px;
	color:#555;
}

.joueurs .infos b{
	color:#01567D;
}

.joueurs .carriere{
	float:left;
}

.joueurs  th, .listeJoueurs th{
	text-align:center;
	color:white;
	height:25px;
	line-height:27px;
	font-size:16px;
	font-weight:600;
	background:#0093D6;
	border-bottom:3px solid white;
	margin:0 0 6px 0;
}
.amicaux-table th{
	background:#a5611a;
}
.adversaires-table th{
	background:#777777;
}
.listeJoueurs th{
	border:none;
}
.joueurs .carriere td, .joueurs .palmares td{
	padding:5px;
	background:#F0F5F9;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

.listeJoueurs th, .listeJoueurs td{
	text-align:left;
	padding:0 5px;
	border-right:1px solid white;
	border-bottom:1px solid white;
}
.listeJoueurs  td{
	line-height:25px;
	padding-top:3px;
	background:#F0F5F9;
	border-bottom:1px solid white;
}
.amicaux-table td{
	background:#f9f6f0;
}
.adversaires-table td{
	background:#f3f3f3;
}

.listeJoueurs thead A:link {color: white; text-decoration:none;}
.listeJoueurs thead A:visited {color: white; text-decoration:none;}
.listeJoueurs thead A:hover {color: #E9EDEF; text-decoration:none;}

.joueurs .carriere select, .joueurs .palmares select{
	width:100px;
}
.joueurs .palmares input{
	width:280px;
}

.maj{
	width:65%;
	text-align:right;
}
.maj input, .maj select{
	width:300px;
}
.maj td{
	padding:3px 0;
}

.alphabet{
	font-size:130%;
	text-decoration:none;
}
.alphabet A:link {text-decoration:none;}
.alphabet A:visited {text-decoration:none;}
.alphabet A:hover {text-decoration:none;}

.bilan {width:100%;}
.bilan img{width:15px;}
.bilan th{
	line-height:12px;
	font-size:12px;
	height:34px;
}
.bilan td{ font-weight:bold; text-align:center; }
.total td{ font-weight:bold; color:white; background:#337897; text-align:center; }

.statsTabImg td{ background:none; padding:0; margin:0; }
.tdColor td{ background:#D1DAEF; }

.spectateurs { color:gray; }
.spectateurs big{
	font-weight:bold;
	color:#01567D;
}
.bilan-annee big{
	color:#A77439;
}
.bilan-annee .bigMatch{
	color:#555;
	font-size:115%;
}
.bMatch big{
	color:#9B590C;
	font-size:115%;
	margin:0 -3px;
}

.listing{ width:100%;}
.tab, .tabf{ display:block; float:left; width:15.5%; height:30px; padding:4px 0 6px 0; margin:3px; background:#ECF4F7; text-align:center;}
.tabf{ width:23%; height:40px; background:#F7EFF6; margin:6px; }
.tabfLogos{ height:72px; border: 1px solid#e7acdf; background:white; }
.tabexemptf{ background:#F7F4D4; }
.tabRecap{ height:50px; width:19%;}
.tab b{color:#01567D; font-size:110%; }
.title{clear:both; width:100%; }

.tabfcoupe{
	float:left;
	width:22%;
	margin:10px 10px;
}

.tempsjeu{
	font-size:90%;
}

.affluence{width:45%; float:left; padding:0 14px;}
.affluence a{display:block; font-size:120%; line-height:30px; background:url(images/fleche.gif) 28% 50% no-repeat; padding:0 0 0 120px;  text-align: left;}
.affluence.affluence-accueil a{
	background:url(images/fleche.gif) 20px 50% no-repeat; 
	padding:0 0 0 50px;  
}
.affluence img, .affSaison img{
	width:200px; margin:0 10px 10px 0;
	padding:8px;
	background-color:#EFF0F5;
	border:1px solid #01567D;
}

.tabAffSai { color:#333; padding-left:4px; }
.tabAffSai big{ font-size:110%; margin:0 -5px; }


/* BOUTONS JOUEURS */

.joueursDiv{
	position:relative;
	height:37px;
	margin:0 6px 6px 0;
}

.joueurFiche{
	height:28px;
}
.joueurFiche .drapeau2{
	position:absolute;
	top:5px; left:6px;
	width:26px;
}

.joueursDiv A:link, .joueursDiv A:visited {text-decoration:none; color:#043F57;}
.joueursDiv A:hover {text-decoration:underline; color:black;}

.joueursDiv p{
	position:absolute;
	top:33px; right:5px;
}

.joueursDiv a, .joueursDiv b{
	position:absolute;
	top:7px; left:40px;
	width:340px;
}

.reserve{
	width:100px;
	padding-left:6px;
}

.reserve b{
	left:10px;
}

.equipeJoueur a{
	position:absolute;
	top:7px; left:50px;
	width:210px;
}

.fiche .joueursDiv{
	width:90%;
}

.fiche .fa{
	opacity:0.5;
}

.drapeau2{
	position:absolute;
	top:6px; left:6px;
}

.CSS3{

}

@media (max-width: 490px) {
	.joueurFiche .drapeau2{
		display:none;
	}
	.joueursDiv a, .joueursDiv b{
		top:7px; left:7px;
	}
}

.blocmatch{
	border:1px solid #ccc;
	text-align:center;
	padding:6px 2px;
	margin:6px;
}

.radius{	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-moz-text-shadow: 1px 1px 2px #fff;
	-webkit-text-shadow: 1px 1px 2px #fff;
	text-shadow: 1px 1px 2px #fff;
}

.score_float{display:none;}

.CSS3 .drapeau{
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 1px 1px 3px #aaa;
}

.degrade{ background:url(images/bg-transp.png) left center repeat-x; }
.degrade-long{ background:url(images/bg-long.png) left bottom repeat-x; }

.taille100{width:100px; height:100px;}
.taille150{height:100px; max-width:150px;}

.temps{
	 position:absolute;
	 top:27px; left:-94px;
	 background:#4EB4E4;
	 color:white;
	 padding:0 4px;
}

.joueursDiv .but{
	position:absolute;
	top:8px; left:-57px;
	text-align:right;
	font-size:80%;
	color:#999;
	width:30px;
}

.joueursDiv .goal{
	position:absolute;
	top:3px; left:-24px;
}

.joueursDiv .tempsRemp{
	position:absolute;
	top:29px; left:-20px;
	font-size:80%;
	color:#999;
}

.joueursDiv .inOut{
	position:absolute;
	top:10px; left:-20px;
}

/*.score{
	font-size:210%;
	background:#222 url(images/bg-score.jpg) center top no-repeat;
	padding:5px 8px;
	border:3px solid #4EB4E4;
	position:absolute;
	top:0; left:0;
	color: #fff;
	width:78px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-text-shadow: 0px 0px 5px #E8F5FB;
	-webkit-text-shadow: 0px 0px 5px #E8F5FB;
	text-shadow: 0px 0px 5px #E8F5FB;
}*/

.score{
	display:block;
	height:70px;
	position:relative;
}

.scoreEach{
	padding:4px 10px;
	margin:0 4%;
	color:white;
	font-size:40px;
	font-weight:800;
	border-radius:3px;
	background: #343434; /* Old browsers */
	background: -moz-linear-gradient(top, #343434 0%, #343434 49%, #0a0e0a 50%, #343434 52%, #0a0e0a 53%, #0a0809 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #343434 0%,#343434 49%,#0a0e0a 50%,#343434 52%,#0a0e0a 53%,#0a0809 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #343434 0%,#343434 49%,#0a0e0a 50%,#343434 52%,#0a0e0a 53%,#0a0809 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}
.scoreEachMT{
	padding:2px 5px;
	margin:0 4%;
	color:white;
	font-size:20px;
	font-weight:800;
	border-radius:2px;
	background: #BF853B;
}

.scoreTrait{
	color:#ccc;
	position:absolute;
	top:19px; left:49%;
}

@media (max-width: 490px) {
	.scoreEach{
		padding:4px;
		font-size:24px;
	}
	.scoreTrait{
		display:none;
	}
	.scoreEachMT{
		font-size:12px;
		padding:2px 3px;
	}
	.scoreTraitMT{
		display:none;
	}
}

.bg_none{ background-color:#F3F3F3; }
.bg_goal{ background-color:#FFF3D0; }
.bg_def{ background-color:#E4FBFB; }
.bg_mil{ background-color:#F6FBDC; }
.bg_att{ background-color:#FFF0F0; }

.fanion{ text-align:center; }

.stats{padding:0; margin:0 0 16px 0; height:40px;}
.stats span{padding:0 65px 0 30px; position:relative; }
.stats b{font-weight:bold; font-size:120%; color:black; position:absolute; top:2px; left:30px;}
.stats img{position:absolute; top:2px; left:0px; }
.stats span i{position:absolute; font-weight:normal; font-style:normal; color:#aaa; font-size:70%; top:16px; left:30px;  width:100px;}

td.tdImgListing{background:white;}
.tdImgListing img{width: 15px;}

td.vnd{color: #bbb; font-size:80%; font-family:"verdana";}
td.vnd b{font-size:140%;}
.v{color: #0C5F00;}
.n{color: #4F4F4F;}
.d{color: #7F0000;}

.v2{color: #a4ff68;}
.n2{color: #e8e6d3;}
.d2{color: #ffd2b1;}

.statsPersonalites{color: gray; font-size:100%; font-family:"verdana";}
.statsPersonalites b{font-size:140%; color:#13698C ;}
.statsPersonalites strong{font-size:110%; color:#555 ;}
.statsPersonalites td{text-align:center;}

.blanc td{background:none; height:0px; padding:0; margin:0; border-top:none;}
.blanc p{ border-bottom:1px solid #8ACEED; padding:0; margin:0; height:1px; line-height:1px;}

.recherche{
	float:right; background:#ECF4F7; border:8px solid #ECF4F7; text-align:left;
}

.btn, .btn2{
	background:#0393D2;
	padding:2px 16px;
	line-height:30px;
	text-align:right;
	color:white;
	font-size:14px;
	display:inline-block;
	margin:4px;
}
.btn::after {
	content: "\f061 ";
	font-family: FontAwesome;
	padding-left:5px;
	font-size:120%;
	opacity:0.7;
}
.btn2::before {
	content: "\f060 ";
	font-family: FontAwesome;
	padding-right:5px;
	font-size:120%;
	opacity:0.7;
}
.btn2::after {
	content: none;
	padding-left:0;
}


.btn a:link, .btn a:visited, .btn2 a:link, .btn2 a:visited, a.btn:link, a.btn:visited, a.btn2:link, a.btn2:visited{color:white; text-decoration:none;}

.btn:hover, .btn2:hover{
	background-color:#000000;
}

.maillot b{
	color:#005694;
	font-size:120%;
}

.trOver{ background-color:#FFF; }
.trOver .totalTps{ background-color:#CFF0FF; }
.trOver:hover{ background-color:#FBFFE0; }
.trOver2{ background-color:#F1F5F7; }
.trOver2 .totalTps{ background-color:#8FDCFF; }
.trOver2:hover{ background-color:#D9ECF7; }

.statsReserve .trOver2{color:#004E6D; font-weight:bold;}
.statsReserve .trOver{color:#0393D9; font-weight:bold;}
.statsReserve .nomJoueur{width:140px;}
.statsReserve{ text-align:left; }
.statsReserve td{
	padding:2px;
	border-right:2px solid white;
}

a.cscListe:link, a.cscListe:visited {color:#AF752B; font-weight:normal;}

.CSCtab b{ color:#005D87; }

/* EQUIPES */
/* ============  */

.joueursEquipe  td{
	line-height:22px;
	padding-top:2px;
}
.joueursEquipeQuatre td{
	line-height:4px;
}

.joueursEquipe A:link, .joueursEquipe A:visited {text-decoration:none; color:#043F57;}
.joueursEquipe A:hover {text-decoration:underline; color:black;}

.liste-equipes{
	display: block;
	min-width: 160px;
	height:24px;
	float:left;
	margin:8px 4px;
	text-align:left;
	font-size:110%;
	overflow:hidden;
}
.liste-equipes img{
	height:24px;
	width:24px;
	margin-bottom:-7px;
	padding:0 4px 0 0;
}

.liste-entraineurs{
	font-size:95%;
	width: 275px;
	height:24px;
	overflow:hidden;
}
.liste-entraineurs img{
	border-radius:12px;
}

.liste-entraineurs-alpha{
	font-size:95%;
	width: 220px;
}

.titreImage{
	text-align:center;
	margin-right:60px;
}

.titreCompet{
	font-size:90%;
	text-align:right;
}

.ephemeride{ color:#555; text-align:left; }
.ephemeride b{ color:#333; }
.ephemeride big{ font-size:100%; color:#333; }

.dixDerniers td{
	text-align:left;
	padding:3px 6px;
	border-right:10px solid white;
	font-weight:bold;
}

.intEt{}
.intEt td{padding:6px}
.intEtPaysTd{padding:8px; border:1px solid #709BAD; background:#F7FBFC;}
.intEtPays{}
.intEtPaysNom{font-size:140%; color:#333; font-weight:bold;}

.bilanAnnee .stat, .stat1, .stat2, .stat3{
	margin:0 6px;
	border-top:none;
	border-bottom:none;
	background: #F7F3EA;
	padding:6px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.stat1{ background: #F2EED0; }
.stat2{ background: #EAEAEA; }
.stat3{ background: #F7E7DE; }
.bilanAnnee .afflu{	background: #EFF4F7; }
.bilanAnnee  .tdCompet{ text-align:right; vertical-align:top; padding-top:10px; }

.toutesCompet {color:black}

.chronologie tr:hover{ background-color:#F9F4ED; }

.goleadors{
	text-align:center;
	width:160px;
	color:#0093D6;
	font-size:15px;
	position:absolute;
}

.gardiens{
	height:64px;
	width:150px;
	position:relative;
	float:left;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	border: 1px solid #4EB4E4;
	border-radius: 6px;
	padding:5px;
	margin:5px;
}
.gardiensListe{	
	text-align:justify;
	padding:0 20px 20px 20px;
	margin:10px 0 0 0;
	width:650px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.85);
	border-radius: 14px;
}

.panini-album{
	float:left;
	width:139px; height:179px;
	background: url('images/bg-panini-album.jpg') no-repeat top left;
	padding:10px 0 0 0px;
	margin:0 6px 8px 6px;
	position:relative;
	text-align: center;
}
.provence-album{
	height:151px;
	background: url('images/bg-provence-album.jpg') no-repeat top left;
}
.panini-album:hover{opacity:0.7;}

.panini-album .couv{
	width:99px; height:134px;
	border:4px solid #ECF4F7;
}
.panini-album .panini-saison{
	display:block;
	position:absolute;
	bottom:13px; left:38px;
	font-weight:bold;
}

.panini-ombre{
	position:absolute;
	display:block;
	width:5px; height:142px;
	top:10px; left:14px;
}


.panini-joueur, .panini-joueur2{
	float:left;
	height:243px; width:176px;
	margin:0 6px 14px 6px;
}
.panini-joueur2{height:140px;}
.panini-joueur img, .panini-joueur2 img{
	/*width:160px; height:227px;*/
	height:227px; max-width:160px;
	border:8px solid #fff;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #ccc;
}
.panini-joueur2 img{height:124px; width:160px;}


.provence-nombre{
	position:absolute;
	display:block;
	width:40px; height:40px;
	top:60px; left:48px;
	background:white;
	border-radius:30px;
	box-shadow: 0px 0px 7px 1px rgba(38,75,166,1);
}
.provence-nombre b{
	font-size:150%;
	display:block;
	width:30px;
	position:absolute;
	top:8px; left:6px;
	text-align:center;
}
.vide .provence-nombre{
	opacity:0.3;
}


/* EQUIPE JOUEUSES */

.equipejoueuse{
	float:left;
	border:1px solid #ccc;
	width:17%; height:136px;
	padding:10px 5px;
	margin:5px;
	text-align: center;
}
.equipejoueuse img{
	border-radius:4px;
	box-shadow: 2px 2px 2px #ccc;
	margin-bottom:6px;
	height:100px;
	max-width:150px;
}
.equipejoueuse A:link {color: #D624BB;}
.equipejoueuse A:visited {color: #E070D8;}
.equipejoueuse A:hover {color: #770770;}

/* EQUIPE JOUEURS */

.joueursEquipe{
	display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
	width: 100%;
}

.equipejoueur{
	width: 17%;
	border:1px solid #ccc;
	padding:10px 5px;
	margin:5px;
	text-align: center;
}
.equipejoueur img{
	border-radius:4px;
	box-shadow: 2px 2px 2px #ccc;
	margin-bottom:6px;
	height:100px;
	max-width:150px;
}
.equipejoueur A:link {color: #D624BB;}
.equipejoueur A:visited {color: #E070D8;}
.equipejoueur A:hover {color: #770770;}

.joueurLink {
	width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 3em;
}
.joueurLink a{
    overflow: hidden;
    max-width: 80%;
    text-overflow: ellipsis;
    display: inline-block;
    /*white-space: nowrap;*/
}


/* ARBITRES / SPECTATEURS */

#arbSpec{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
}

#arbSpec li{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	width: 15%;
	background-color: #f1f5f7;
	margin:1%;
	padding:1em;
}
.arbSpec-journee{
	font-weight: bold;
}
.arbSpec-arbitre{
	margin: .7em 0;
	text-align: center;
}
.arbSpec-arbitre span{
	display: block;
	text-align: center;
}
.arbSpec-spectateurs span{
	font-weight: 600;
}
.arbSpec-spectateurs span .fa{
	color: #0393D2;
	transform: scale(.9);
}

/* JOUEURS STATS */
/* ============  */

.joueurs_stats td{
	text-align:left;
}

.joueurs_stats td{
	padding-top:4px;
	padding-bottom:4px;
}

.joueurs_stats th{
	text-align:center;
	font-weight:normal;
	color:#8cabb9;
	font-size:130%;
	text-transform:uppercase;
	padding-bottom:15px;
}

.joueurs_stats td img{
	width:14px;
	margin-bottom:-2px;
}

.joueurs_stats .drapeau_stats{
	width:16px;
	margin:0 5px -1px 0;
}

.joueurs_stats .chiffre{
	font-size:120%;
	font-weight:bold;
}

.joueurs_stats  i{
	font-size:80%;
	color:#888;
}

.joueurs_stats .match{ color:#01567D; }
.joueurs_stats .but{ color:#77491A; }

td.stats_blank, th.stats_blank{ width:4px;}
td.stats_blank{ width:4px; border-left:2px dotted #C7DCEB;}

.stats_match{padding-left:8px;}

tr.stats_ligne2 td{ background-color:#F0F5F9;}

.stats_total_td{
	font-weight:bold;
	padding-right:8px;
}

.stats_total_tr{
	border-top:2px dotted #C7DCEB;
	background-color:#FBFFE0;
}

.stats_coupe{ background-color:#FFF5EA; }
.trOver2 .stats_coupe{ background-color:#F7EBDC; }
.stats_europe{ background-color:#EAF8FF; }
.trOver2 .stats_europe{ background-color:#D7E9F2; }

.stats_total_tr .stats_coupe{ background-color:#F2DDC4; }
.stats_total_tr .stats_europe{ background-color:#C2DDEA; }
/* PAGE EQUIPES PRO */.photo-main-liste-equipe{}.photo-main-liste-equipe:hover{opacity:0.7}
/* PAGE EQUIPES FEM */.photo-main-liste-equipe-f{border-radius:0 8px 0 8px; border:1px solid #BF57B4; background-color:#F7EAF5; background: linear-gradient(to bottom, #F9F2F8 0%, #DDA4D6 50%, #BF57B4 51%, #F2D0ED 100%);}.photo-main-liste-equipe-f:hover{border:1px solid #0093D6;background: linear-gradient(to bottom, #F2F5F7 0%,#abd3ee 50%,#6BA6BF 51%,#d5ebfb 100%);}


/* CENTRE DE FORMATION */

.formation a{
	font-family: 'Exo', sans-serif;
	text-transform:uppercase;
	font-size:18px;
	width:249px; height:33px;
	display:block;
	padding-top:8px;
	position:absolute;
}
.formation a:link, .formation a:visited {text-decoration:none; color:white; background:#119CDD;}
.formation a:hover {text-decoration:none; color:#EDC99E; background:#0070A0;}

.formation div{
	text-transform:uppercase;
	font-size:10px;
	height:13px;
	background:#a98c66;
	display:block;
	padding:1px 2px 0 2px;
	position:absolute;
	color:white;
}

/* HISTORIQUE */

.historique a{
	width:162px; height:277px;
	display:block;
	position:absolute;
	opacity:0.3;
}
.historique a:link, .historique a:visited {text-decoration:none; color:white; background:none;}
.historique a:hover {text-decoration:none; color:#EDC99E; background:#fff; border:1px solid #0b71a3; border-radius:12px;}

.historiquedetail a{
	width:100px; height:20px;
	display:block;
	float:left;
	
	border:1px solid #fff;
	border-radius:6px;
	background-color:#fff;
	/*box-shadow: 2px 2px 3px #aaa;
	*/
	background-position: center top;
	background-repeat: no-repeat;
	margin:6px 12px;
	padding:86px 0 0 0;
	
}

.historiquedetail a:link, .historiquedetail a:visited {
	text-decoration:none;
	color:#337897;
}
.historiquedetail a:hover {
	text-decoration:none;
	color:#337897;
	background-color:#F0F5F9;
	border:1px solid #337897;
	border-radius:6px;
}
.historiquedetail a.actif:link, .historiquedetail a.actif:visited{ text-decoration:none; color:#896238; background-color:#F9F3ED; box-shadow: none; border:1px solid #896238;}

.historiquedetailpage{
	width:645px;
	background:url('images/historiquedetail-centre.jpg') repeat-y;
	padding:0 60px 0 60px;
}


/* ENTRAINEURS */

.entraineurs a{
	font-family: 'Exo', sans-serif;
	text-transform:uppercase;
	font-size:29px;
	width:204px; height:47px;
	display:block;
	padding-top:6px;
	position:absolute;
	text-align:left;
	padding-left:12px;
}
.entraineurs a:link, .entraineurs a:visited {text-decoration:none; color:white;}
.entraineurs a:hover {text-decoration:none; color:#EDC99E;}


.menu-entraineur{
	position:relative;
	width:755px; height:57px;
}

.menu-entraineur a{
	font-family: 'Exo', sans-serif;
	text-transform:uppercase;
	font-size:22px;
	width:251px; height:57px;
	display:block;
	padding-top:12px;
	position:absolute;
	text-align:left;
	padding-left:12px;
}
.menu-entraineur a:link, .menu-entraineur a:visited {text-decoration:none; color:white;}
.menu-entraineur a:hover {text-decoration:none; color:#EDC99E;}

.entraineurchrono{
	width:166px; height:60px;
	float:right;
	margin:5px; padding:6px;
	border:1px dotted #119CDD;
	background:#EAF8FF;
	position:relative;
	/*border-radius: 4px;*/
}

.recaptop{
    min-height: 150px;
    height: fit-content;
    width: 135px;
    background-color: #fff;
    padding: 6px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}
.recaptitre{
	color:#0093D6;
	font-weight:bold;
	font-size:105%;
}
.recapnbr{
	color:#fff;
	font-weight:bold;
	font-size:130%;
	display:block;
	width:22px; height:22px;
	margin-top:5px;
	padding:5px;
	background:#0093D6;
	border:1px solid #0093D6; border-radius:22px;
}
.fem .recapnbr{
	background:#DC3FCC;
	border:1px solid #DC3FCC; border-radius:22px;
}

.nbrVictoireCoupe{
	position: absolute;
	transform: scale(.35);
	top: -.25em;
	left: 0;
	background: #da4ecb;
	width: 1.5em;
	height: 1.5em;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-radius: 2em;
	color: white;
}

.yearListLink{
	display: flex;
	list-style-type: none;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: stretch;
	margin-bottom: 4em;
	padding: 1%;
}
.yearListLink li{
	min-height: 100px;
	width: 14%;
	margin: 1%;	
	border: 3px solid #F7EDE1;
	border-radius: .5em;
}
.yearListLink li a{
	display: block;
	padding: 4%;
	height: 92%;
	width: 92%;
}
.yearListLink li:hover{
	border: 3px solid #e583da;
}
.yearListLink0 li:hover{
	border: 3px solid #83a7e5;
}
.yearListLink1 li:hover{
	border: 3px solid #e583da;
}
.yearListLink li a div{
	display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
.yearListLink li a div b{
	font-size: 120%;
	font-weight: 800;
}


.repartition{
	text-align:center;
	line-height:26px;
}
.repartition th{
	color:#686868;
	font-size:125%;
	font-weight:normal;
}
.repartition .domex{
	color:#0393D2;
	font-size:150%;
	font-weight:bold;
}
.repartition .rea, .reap, .enc, .encp{
	font-size:80%;
	font-weight:normal;
}
.repartition .rea, .reatd{
	color:#008000;
}
.repartition .reap, .reaptd{
	color:#475B53;
}
.repartition .enc, .enctd{
	color:#9E3838;
}
.repartition .encp, .encptd{
	color:#66483E;
}
.repartition .reatd, .enctd, .reaptd, .encptd{
	font-size:140%;
	font-weight:bold;
}
table.domicile { background-color:#F7FDFF; border-top:20px solid #F7FDFF; border-bottom:20px solid #F7FDFF;}
table.exterieur { background-color:#FAFFF2; border-top:20px solid #FAFFF2; border-bottom:20px solid #FAFFF2;}


.doyens a:link, .doyens a:visited, .doyens a:hover {color:white; font-weight:900; text-decoration:none;}


/* 2018 */
/* ============ */

.match-block{
	float:left;
	width:30%;
	box-sizing:border-box;
	text-align:center;
	background-color:#f4f9fb;
	border-radius:4px;
	margin:10px 1.5%;
	padding:10px;
	box-shadow:2px 2px 2px #ccc;
}
.match-day{
	font-weight:800 !important;
	margin-bottom:10px;
	color:#555;
}
.match-result a{
	font-weight:800 !important;
}
.match-result .bigMatch{
	font-weight:200;
	font-family: 'Bungee', cursive;
	color:black;
	font-size:120%;
}
.big-block{
	box-sizing:border-box;
	clear:both;
	display: inline-block;
	width:100%;
	margin-bottom:40px;
	margin-top:20px;
}
.big-block .fa{
	color:#aaa;
	transform:scale(.85);
	margin-right:10px;
}

@media (max-width: 600px) {
	.match-block{
		float:none;
		width:90%;
		box-sizing:border-box;
		text-align:center;
		background-color:#f4f9fb;
		border-radius:4px;
		margin:16px;
		padding:10px;
		box-shadow:2px 2px 2px #ccc;
	}
}

.nota{
	background:#ecf4f7;
	padding:36px;
	margin-top:0;
	border-radius:0 0 8px 8px;
	color: #495155;
	text-align: center;
	margin: 0 15%;
}

.notaF5{
	font-weight:900;
	font-size:120%;
	padding:10px;
	border-radius:8px 8px 0 0;
	margin-bottom:0;
	text-transform:uppercase;
	background:#74aec9;
	color:white;
	text-align: center;
	margin: 0 15%;
}

.statsAdv .advMatchFa{
	color:#21A66E;
}

.statsAdv .advMatchFa:hover{
	color:rgb(62, 65, 88);
}

.statsAdvSmall .faCol{
	font-size:85%;
}

#effectif{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	margin-bottom: 2em;
}
.effectif-player{
	margin: 0.2em 0.5em;
    padding: 0.2em 0.8em;
	border:1px solid;
    border-radius: 1em;
}
.effectif-player strong b,
.effectif-player b{
	font-weight: 700;
	color:#0f2439;
}
.effectif-player strong b{
	color:#007cb1;
}

.effectif-poste-M{
    background-color: #F6FBDC;
    border-color: #e2ebba;
}
.effectif-poste-A{
    background-color: #FFF0F0;
    border-color: #f1d1d1;
}
.effectif-poste-D{
    background-color: #E4FBFB;
    border-color: #c5ebeb;
}
.effectif-poste-G{
    background-color: #FFF3D0;
    border-color: #e4d5aa;
}



/* CHAMPIONNAT LISTE */

#champ-container{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
	justify-content: space-evenly;
    align-items: flex-start;
}

ul.champ-journee{
	list-style: none;
	margin: 1.5em 1em;
	text-align: center;
	max-width: 25%;
}
ul.champ-journee li{
	line-height: 1.15;
	font-size: 95%;
}

ul.champ-journee li.champ-journee-titre{
	color: black;
    font-weight: 800;
	font-size: 110%;
    text-transform: uppercase;
	border-bottom: 1px solid silver;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}
.champ-journee-titre sup{
	font-size: 70%;
    text-transform: lowercase;
}

#champ-classement-container{
	margin:3em auto;
}

#champ-classement-container table{
	margin:0 auto;
}

#champ-classement-container table tr:nth-child(even) {
	background-color: #edf4f7;
  }

#champ-classement-container table tr{
	/*border: 1px solid #3792ce;*/
}

#champ-classement-container table td{
	padding:.25em 0;
}

#champ-classement-container b{
	font-weight: 800;
	color: #3792ce;
}

#champ-select{
	text-align: center;
    font-size: 120%;
	margin: 2em 0 1em 0;
}

#champ-select select{
    font-size: 110%;
	color: #3792ce;
    font-weight: 600;
	border:1px solid #3792ce;
	padding: 0.5em;
    height: auto;
}


/* LISTE JOUEURS FLEX */
#liste-joueurs-flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
}

.liste-joueurs-bloc{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;

	width: 14.667%;
    margin: 1%;
    background-color: #c1ebff;
    min-height: 150px;
	box-sizing: border-box;
	transition: all .1s;
}
.liste-joueurs-bloc-reserve{
	background-color: #FFE5C9;
}

.liste-joueurs-bloc:hover{
	box-shadow: 1px 1px 27px 0px rgba(1,146,213,0.6);
	opacity:.9;
	transform: scale(1.1);
	text-decoration: none !important;
}

.liste-joueurs-photo{
	height: 150px;
	background-color: #FFF;
	width: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.liste-joueurs-nom{
	padding:12px;
	text-align: center;
	box-sizing: border-box;
}
.liste-joueurs-bloc-reserve .liste-joueurs-nom{
	color: #5f3d19;
}

.liste-joueurs-nom b{
	font-weight: 800;
}

.liste-joueurs-saison{
	padding:12px;
	text-align: center;
	background-color: #7abdde;
	width: 100%;
	color:white;
	box-sizing: border-box;
	font-size: 90%;
}
.liste-joueurs-bloc-reserve .liste-joueurs-saison{
	background-color: #e4b88a;
}

h1.logoChamp,
h2.logoChamp2{
	position: relative;
	padding-left: 90px;
}
h1.logoChamp::before{
	content: "";
	display: block;
	width: 74px;
	aspect-ratio: 1 / 1;
	background-image: var(--logo-url);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
    left: 0;
    /*background-color: aliceblue;*/
	text-align: center;
}



/* ADMINISTRATION */
/* ============  */

.admin{
	text-align:center;
}
.admin a{
	font-size:170%;
}
.admin a:link, .admin a:visited, .admin a:hover {text-decoration:none;}

.equipe{
	width:80%;
}

.menuAdmin{background:#888; padding:5px;}
.menuAdmin a{padding:0 3px;}
.menuAdmin a:link, .menuAdmin a:visited {filter:Alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
.menuAdmin div{
	font-weight:600;
	text-decoration:none;
	font-size:14px;
}

.menuAdmin .fa{font-size:120%;}
.menuAdmin_m div, .menuAdmin_f div, .menuAdmin_r div, .menuAdmin_rf div, .menuAdmin_a div, .menuAdmin_adv div, .menuAdmin_n div {display:block; width:162px; float:left; padding:4px 6px; margin:1px;}
@media (max-width: 1270px) {
	.menuAdmin_m div, .menuAdmin_f div, .menuAdmin_r div, .menuAdmin_rf div, .menuAdmin_a div, .menuAdmin_adv div, .menuAdmin_n div {display:inline;}
}
.menuAdmin_m div, .menuAdmin_m a:link, .menuAdmin_m a:visited{background-color: #E8FAFF; color:#225089; }
.menuAdmin_f div, .menuAdmin_f a:link, .menuAdmin_f a:visited{background-color: #FFE8FC; color:#812289; }
.menuAdmin_r div, .menuAdmin_r a:link, .menuAdmin_r a:visited{background-color: #FFE5C9; color:#6D2B0A; }
div.menuAdmin_rf, .menuAdmin_rf a:link, .menuAdmin_rf a:visited{background-color: #E9FFC9; color:#1B5102; }
div.menuAdmin_a, .menuAdmin_a a:link, .menuAdmin_a a:visited{background-color: #ffffc4; color:#797900; }
div.menuAdmin_adv, .menuAdmin_adv a:link, .menuAdmin_adv a:visited{background-color: #fb8484; color:#fff; }
.menuAdmin_n div, .menuAdmin_n a:link, .menuAdmin_n a:visited{background-color: #EDEDED; color:#3D3D3D; }
.menuAdmin_m, .menuAdmin_f, .menuAdmin_r, .menuAdmin_n {clear:both;}
.menuAdmin a:hover {filter:Alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}