/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*self-clear floats */
.group {
	content:".";
	display: block;
	height : 0;
	clear : both;
	visibility : hidden;	
}
/*my settings*/
body{	
	font-family: Helvetica, sans-serif;
	/* font-size: 93%; */
	line-height: 1.5em;	
}
strong, b {
    font-weight: bold;
}
::selection {
    background-color: #ac1f2b;
    color: #fff;
}

::-moz-selection {
    background-color: #ac1f2b;
    color: #fff;
}

::-webkit-selection {
    background-color: #ac1f2b;
    color: #fff;
}
/*>>>>>icons : to be put header*/
.wrap-icon-input {
    position: relative;
}
.user-icon,.mail-icon, .pass-icon, .hash-icon,.grp-icon{
    background-image: url('../../resources/header/icons.png') !important;
    width: 35px;
   /* height: 14px;*/
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    /*border-right: 1px solid orange;*/
    
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgba(189, 228, 233, 0.4);    
     
}
.user-icon{
	background-position: 0 -567px !important;	
}
.mail-icon {    
	background-position: 0 -500px !important;    
}

.pass-icon {    
	background-position: 0 -529px !important;    
}
.hash-icon{
	background-position: 0 -796px !important;	
}
.grp-icon{
	background-position: 0 -764px !important;	
}
/*<<<<<icons : to be put header*/
/*>>>>lang*/
i.en,i.fr,i.de{
    background: rgba(0, 0, 0, 0) url("../../resources/header/icons.png") no-repeat scroll;
    display: inline-block;
	width: 18px;
	height: 12px; 
   	margin-right:5px;
}
i.en{
background-position:-5px -211px;
}
i.fr{
background-position:-5px -227px; 
}
i.de{
background-position:-5px -244px;
}
/*<<<<lang*/
.compet-UCL fieldset.wraper-date, h2.compet-UCL{
	background-color:#162E58E6;
}
.compet-EPL fieldset.wraper-date, h2.compet-EPL{
	background-color:#41024580;
}
.compet-LIGA fieldset.wraper-date, h2.compet-LIGA{
	background-color:#003472cc;
}
.compet-FL1 fieldset.wraper-date, h2.compet-FL1{
	background-color:#9ca5b6cc;
}
.compet-ISA fieldset.wraper-date, h2.compet-ISA{
	background-color:#1D9647CC;
}
.compet-DBL fieldset.wraper-date, h2.compet-DBL{
	background-color:#B12829E6;
}
.compet-WCUP fieldset.wraper-date, h2.compet-WCUP{
	background-color:#f3c338;
}
h2.compet-UNL{
	background-color:#19c589;
}	
h2.compet{ 
 color:#fff;
 font-weight: bold; 
 }
.square {
color:#FE5E01 ;
cursor: pointer;
font-family: sans-serif;
display: inline-block;
padding: 0px 8px; 
font-size: 23px; 
line-height: 17px;
height: 25px;
font-weight: bold;
border:1px solid grey; 

background-image:none !important;
vertical-align: bottom;
background-color:#E8F9FBE6;
margin-bottom:0px;
}
.square:hover {
 background-color: #FE5E01;
 color: #fff;
}

button:disabled:hover,
button[disabled]:hover, 
button.square:disabled,
button.square[disabled]{
 cursor:default;
 border: 1px solid #999999;
 background-color:#e6e6e6;
 color: #c5c5c5;
}
#mday{
padding: 0 5px;
background-color:#E8F9FBE6;
border: 1px solid grey;
vertical-align: bottom;
height: 25px;
}
.match-days{
 margin: 5px 0;
}
.gotop{
z-index:99;
width:25px;
height:25px; 
position :fixed; 
bottom:50px;
right:50px;

padding: 2px 4px;
background-color:rgba(91, 91, 91, 0.3); 
border: 1px solid #bdf800;
}

.gotop:hover {
color: white;
background-color:rgba(91, 91, 91, 0.5); 
}
.gotop > i{
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin-top: -4px;
margin-left: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #bdf800;
}

div.nav-menu .fltleft a:focus span.arru, div.nav-menu .fltleft  span.arrd{
	color:#785957;
	display: inline-block;	
}
div.nav-menu .fltleft a:focus span.arrd, div.nav-menu .fltleft  span.arru ,div.nav-menu   span.arrupad{
	display: none;
}
div.nav-menu   a:focus span.arrupad{
	position: absolute;
	display: block;
	/*background-color:#FE5E0180;*/
	width: 100%;	
	height: 100%;
	top :0;
}
div.nav-menu .fltright li.tooltip a ,div.nav-menu .fltleft li.tooltip a{
	position: relative;
}
#WRAP-ALL{ 
 min-height:100%;
 position:relative;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield  !important;
}
@media screen and (max-width: 480px) {
.match-days{
margin:0;
border-bottom:1px solid #D3D3D3;
}
.container{
	margin:0 !important;
}
}
/*mp*/
body{
color: #333131;
}
.pinptico{
/*background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' fill='none' width='24' height='24'/%3E%3Cg%3E%3Cpath fill='%232ba1cb' d='M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304'/%3E%3C/g%3E%3C/svg%3E")   !important; 
background-image: url("data:image/svg+xml,%3Csvg width='2481' height='2073' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Epink pin%3C/title%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fb5e0f' stroke='%23000000' stroke-width='37' stroke-miterlimit='10' d='m1174.939941,1873.629028c-38.765869,-190.301025 -107.115967,-348.665039 -189.902954,-495.439941c-61.406982,-108.87207 -132.543945,-209.363037 -198.364014,-314.937988c-21.971985,-35.244019 -40.93396,-72.477051 -62.046997,-109.054077c-42.215942,-73.136963 -76.44397,-157.934998 -74.268982,-267.932007c2.125,-107.472961 33.208008,-193.68399 78.029968,-264.171997c73.719055,-115.934967 197.20105,-210.988983 362.884033,-235.968979c135.466064,-20.423996 262.475098,14.082001 352.542969,66.748001c73.600098,43.037994 130.596069,100.527008 173.920044,168.279999c45.219971,70.716003 76.359009,154.26001 78.970947,263.231995c1.337036,55.830017 -7.804932,107.531982 -20.68396,150.417969c-13.033936,43.409058 -33.995972,79.695007 -52.645996,118.454041c-36.406006,75.658997 -82.04895,144.981995 -127.85498,214.346008c-136.437012,206.605957 -264.496094,417.309937 -320.580078,706.026978z' id='svg_2'/%3E%3Ccircle fill-rule='evenodd' clip-rule='evenodd' cx='1173.546' cy='685.047' r='183.332031' id='svg_4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojNjVDNkJCOyIgZD0iTTI1Niw1MTJjLTk4Ljk2MiwwLTE4NC45MjgtMzkuMzkxLTE4NC45MjgtOTguNTFjMC00NS4wMTEsNTEuMjY5LTgyLjA2MSwxMzAuNjE1LTk0LjM5MQ0KCWM4LjI3MS0xLjI4MywxNi40NTcsMi43MywyMC41MDcsMTAuMDUyYzEyLjY2LDIyLjg5NCwyNC42Niw0My40ODcsMzMuODA1LDU4Ljg1NmM5LjE1LTE1LjM3NywyMS4xNTQtMzUuOTc4LDMzLjgwNy01OC44NTYNCgljNC4wNS03LjMyMiwxMi4yNDItMTEuMzMxLDIwLjUwNy0xMC4wNTJjNzkuMzQ2LDEyLjMzMSwxMzAuNjE1LDQ5LjM4MiwxMzAuNjE1LDk0LjM5MUM0NDAuOTI4LDQ3My4wMzksMzU0LjExNCw1MTIsMjU2LDUxMnoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM1N0JEQjc7IiBkPSJNMzEwLjMxMiwzMTkuMDk5Yy04LjI2NS0xLjI4LTE2LjQ1NywyLjczLTIwLjUwNywxMC4wNTJjLTEyLjY1MSwyMi44NzctMjQuNjU2LDQzLjQ3OC0zMy44MDUsNTguODU2DQoJdjEyMy45OTRjOTguOTYyLDAsMTg0LjkyOC0zOS4zOTEsMTg0LjkyOC05OC41MUM0NDAuOTI4LDM2OC40OCwzODkuNjU3LDMzMS40MywzMTAuMzEyLDMxOS4wOTl6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRkY1RTVCOyIgZD0iTTI1NiwwYy04Mi4xMzEsMC0xNDguOTQ4LDY2LjgxNy0xNDguOTQ4LDE0OC45NDhjMCw2Ny4wOTIsOTcuMzkxLDIzMi43NDksMTMyLjA0NSwyODguMDczDQoJYzMuNjQ0LDUuODI1LDEwLjAzLDkuMzYzLDE2LjkwMSw5LjM2M3MxMy4yNTctMy41MzgsMTYuOTAxLTkuMzYzYzM1LjMwMy01Ni4zNTgsMTMyLjA0NS0yMjEuMTM3LDEzMi4wNDUtMjg4LjA3Mw0KCUM0MDQuOTQ3LDY2LjgxNywzMzguMTI5LDAsMjU2LDB6IE0yNTYsMjIyLjk4NmMtNDAuODIzLDAtNzQuMDM0LTMzLjIxMS03NC4wMzQtNzQuMDM0UzIxNS4xNzcsNzQuOTE4LDI1Niw3NC45MTgNCglzNzQuMDM0LDMzLjIxMSw3NC4wMzQsNzQuMDM0QzMzMC4wMzMsMTg5Ljc3NSwyOTYuODIxLDIyMi45ODYsMjU2LDIyMi45ODZ6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRkY0MjNEOyIgZD0iTTI1Niwwdjc0LjkxOWM0MC44MjMsMCw3NC4wMzQsMzMuMjExLDc0LjAzNCw3NC4wMzRTMjk2LjgyMywyMjIuOTg3LDI1NiwyMjIuOTg3djIyMy4zOTgNCgljNi44NzEsMCwxMy4yNTctMy41MzgsMTYuOTAxLTkuMzYzYzM1LjMwMy01Ni4zNTgsMTMyLjA0NS0yMjEuMTM3LDEzMi4wNDUtMjg4LjA3M0M0MDQuOTQ3LDY2LjgxNywzMzguMTI5LDAsMjU2LDB6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
} 
.svg-ico{
display: inline-block;
background-repeat:no-repeat;
 background-color: transparent;		  
}
.pinptico {
    padding:0;
  	border:0 none;
  	cursor:pointer;
  	margin: 0 15px;  	
  	padding-top: 14px;
  	height: 40px;
  	width:28px;
  	background-position: center;
  	vertical-align: bottom;
}

a.mail{
	text-decoration: none;
	color:#ac1f2b;
}
/* On smaller screens, decrease text size */
.container {
	max-width: 1024px;
	padding: 0 20px;
}

.container>h1 {
    text-align: left;
    font-size: 25px;
    margin: 20px 0;
    font-weight: bold;
    color: #ac1f2b;
}
html, body{
	height: 100%;
	scroll-behavior: smooth;
}
        h1, h2, h3 {font-weight: 300; margin: 0 0 1.2em; }
        h1 { font-size: 4.5em;  margin: 0 0 .4em; }
        h2 { font-size: 2em; color: #636363; }
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:  #ac1f2b; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d93745; 
}        
@media only screen and (max-width: 480px) {
	.container >h1{
	font-size: 21px;
	}
	
	.container {
		text-align: justify;
		text-justify: inter-word;
	}
}