@charset "utf-8";

/* CSS Document */



/* RESULTATS */	



div.phase { display:none;}



	#liste_phases { display:table;list-style-type:none; margin:0 0 1em 0; padding:0 }

		#liste_phases li { display:table-cell; vertical-align:middle; margin:0; text-align:center; cursor:pointer} 

			#liste_phases li a{ display:block; font-weight:bold; padding:1em 0.75em 1.25em 0.75em; background:#CCC; text-decoration:none; color:#FFFFFF;  font-size:1.1em; line-height:1em; box-shadow:#999 1px 1px 4px;

				background: #cedce7; /* Old browsers */

				background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%); /* FF3.6+ */

				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */

				background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */

				background: -o-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Opera 11.10+ */

				background: -ms-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* IE10+ */

				background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%); /* W3C */

				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */

			}

			#liste_phases li:first-child a{ border-radius:5px 0 0 5px}

			#liste_phases li:last-child a{ border-radius:0 5px 5px 0}

			

			#liste_phases li a.actif {box-shadow:inset 1px 1px 3px rgba(0,0,0,0.25);}

			#liste_phases li a.actif {background:#fb8800 }

			#liste_phases li a:not(.actif):hover {

				background: #f9bd77; /* Old browsers */

					background: -moz-linear-gradient(top,  #f9bd77 0%, #fb8800 70%); /* FF3.6+ */

					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bd77), color-stop(70%,#fb8800)); /* Chrome,Safari4+ */

					background: -webkit-linear-gradient(top,  #f9bd77 0%,#fb8800 70%); /* Chrome10+,Safari5.1+ */

					background: -o-linear-gradient(top,  #f9bd77 0%,#fb8800 70%); /* Opera 11.10+ */

					background: -ms-linear-gradient(top,  #f9bd77 0%,#fb8800 70%); /* IE10+ */

					background: linear-gradient(to bottom,  #f9bd77 0%,#fb8800 70%); /* W3C */

					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bd77', endColorstr='#fb8800',GradientType=0 ); /* IE6-9 */	

			}

		

	.phase table {  width:100%; font-size:1em; margin-bottom:4em; line-height:1.2em; color:inherit}

		.phase table thead { background:#fb8800}

			.phase table th { text-align:center; vertical-align:middle;text-transform:inherit; font-size:1.1em; line-height:1.2em; font-weight:normal;  padding:0.5em 0; color:#FFFFFF;  }

		.phase table tr:nth-child(even) { background:rgba(0,0,0,0.05)}

			.phase table td { border-bottom:1px dotted #CCCCCC; background:rgba(255,255,255,0.5); padding:0.5em; text-align:center; vertical-align:middle}

			.phase table .score { width:2em; padding:0; background:rgba(0,0,0,0.05); font-weight:bold}
			


		.phase table.resultats th { padding:0.25em 0; }

		

	.phase table .mj, .tableau table .mg, .phase table .mn, .phase table .mp, .phase table .bp, .phase table .bc, .phase table .diff,.phase table .pts { width:15px}

	

	div.phase h3{ margin:0; padding:0; color:#fb8800; font-size:1.1em; line-height:1em}

			

	#liste_groupe { margin:0; padding:0; list-style-type:none; display:table; font-size:1.1em; width:100%}

		#liste_groupe h2 { font-size:1em; padding:0; margin:0 0.25em 0 0}

			#liste_groupe li { display:table-cell; padding:0; vertical-align:bottom; cursor:pointer; width:1% }

				#liste_groupe li a { display:block; text-decoration:none; color:#FFFFFF;border-radius:5px 5px 0 0 ; font-weight:bold; font-size:1.3em; text-align:center;
  border-left:rgba(255,255,255,0.25) 1px solid;
					background: #cedce7; /* Old browsers */

					background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%); /* FF3.6+ */

					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */

					background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */

					background: -o-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Opera 11.10+ */

					background: -ms-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* IE10+ */



					background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%); /* W3C */

					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */

				} 

				

				#liste_groupe li a.actif{

	
			
					background: #f9bd77; /* Old browsers */

					background: -moz-linear-gradient(top,  #f9bd77 0%, #fb8800 42%); /* FF3.6+ */

					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bd77), color-stop(42%,#fb8800)); /* Chrome,Safari4+ */

					background: -webkit-linear-gradient(top,  #f9bd77 0%,#fb8800 42%); /* Chrome10+,Safari5.1+ */

					background: -o-linear-gradient(top,  #f9bd77 0%,#fb8800 42%); /* Opera 11.10+ */

					background: -ms-linear-gradient(top,  #f9bd77 0%,#fb8800 42%); /* IE10+ */

					background: linear-gradient(to bottom,  #f9bd77 0%,#fb8800 42%); /* W3C */

					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bd77', endColorstr='#fb8800',GradientType=0 ); /* IE6-9 */	

				}

				

				#liste_groupe li a:not(.actif):hover {
					background: #596a72; /* Old browsers */

					background: -moz-linear-gradient(top,  #596a72 0%, #cedce7 100%); /* FF3.6+ */

					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7)); /* Chrome,Safari4+ */

					background: -webkit-linear-gradient(top,  #596a72 0%,#cedce7 100%); /* Chrome10+,Safari5.1+ */

					background: -o-linear-gradient(top,  #cedce7 0%,#cedce7 100%); /* Opera 11.10+ */

					background: -ms-linear-gradient(top,  #596a72 0%,#cedce7 100%); /* IE10+ */



					background: linear-gradient(to bottom,  #596a72 0%,#cedce7 100%); /* W3C */

					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ); /* IE6-9 */}

	table.recompenses td{ padding:1em 0}

	table.recompenses td:first-child{ text-align:right}

	.composition .ecusson { width:70px}
	.composition .nom { width:50%}
	.composition .pays { width:auto}

	
.match-line::after {

    content: "";
    display: block;
    clear: both;

}