/* GENERAL*/
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #840F0F;
	background-image: linear-gradient(to top, #840F0F 0%, #171616 100%);
	background-attachment: fixed;
	width: 100%;
	margin: 0;
	font-size: 1rem;
	color: #212529;

}

/*h1 {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}*/

header {
	display: block;
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

p {
	margin: 10px 0px;
}

td {
	padding: 5px 5px;
}

#barre-menu {
	background-color: white;
	font-family: "Roboto-Regular";
	font-size: 1.2em;
	margin-bottom: 5vh;
}

#barre-menu a {
	color: #c60800;
}

.page {
	width: 100%;
	text-align: center;
}

.annonce {
	width: 100%;
	text-align: center;
	color: darkorange;
	font-size: 30px;
}

/*.article {
    text-align: left;
    margin: 30px auto;
   	background-color: seashell;
    border-radius: 10px;
    box-shadow: 4px 4px 4px #000000;
    font-family: "Roboto-Regular";
    font-size: 14px;
}*/

/*.article-epingle {
    float:right;
    font-size:20px;
    color:red;
    margin-top:13px;
    margin-right:17px;
    font-weight:bold;
}*/

#p-lien-liste-article {
	font-size: 22px;
	color: black;
}

.message-article {
	font-size: 25px;
	color: red;
	font-weight: bold;
	border: solid 2px red;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
	width: 500px;
}

/*.article a {
    font-weight: normal;
    text-decoration: none;
    font-size: 18px;
    color: black;
    text-shadow: none;
}*/

/*.article h3 {
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 0px;
    text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
    color: #ff0006;
}*/

/*.select-article {
	float:right;
	background-color:#fff;
	margin-right:17px;
	margin-top:-47px;
	font-size:16px;
	height:41px;
	border: 2px solid black;
}*/

/*.p-select-article {
	vertical-align:middle;
	margin-top:-8px;
}*/

.image_article {
	max-width: 600px;
}

/*.image-article {
	min-width: 300px;
    width: 90%;
    margin-top: 4px;
	margin-bottom: 2vh;
    text-align: left;
}*/

.vue {
	width: 100%;
	text-align: center;
	color: orangered;
	font-size: 20px;
}

/*.vue {
    color: red;
    font-weight: bold;
    font-size: 20px;
}*/

.p-special {
	padding: 0px 1px 0px 1px;
	margin: 0px 0px 0px 0px;
}

.titre {
	display: inline-block;
	font-family: "RobotoSlab-Bold", sans-serif;
	letter-spacing: -2pt;
	font-style: italic;
	padding: 0 0 0 0;
	text-align: center;
	margin: 15px auto;
}

/*.titre{font-family: Geneva, sans-serif;display:inline-block; padding: 0 0 0 0; text-align:center;}*/

.div-p-titre {
	position: relative;
	float: left;
}

.entete {
	color: white;
	font-style: italic;
	background-color: #BC0202;
	font-size: 0.9vw;
}

.radius-topleft {
	-moz-border-radius: 0.5vw 0vw 0vw 0vw;
	-webkit-border-radius: 0.5vw 0vw 0vw 0vw;
	border-radius: 0.5vw 0vw 0vw 0vw;
}

.radius-topright {
	-moz-border-radius: 0vw 0.5vw 0vw 0vw;
	-webkit-border-radius: 0vw 0.5vw 0vw 0vw;
	border-radius: 0vw 0.5vw 0vw 0vw;
}

.nom {
	text-transform: uppercase;
}

.prenom {
	text-transform: capitalize;
}

.transpa {
	-khtml-opacity: 0.85;
	-moz-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.transp {
	-khtml-opacity: 0.85;
	-moz-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.border-left-white {
	border-left: 1px solid rgba(255, 255, 255, 0.75);
}

.tab-page {
	width: 95%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0 auto;
	white-space: normal;
	line-height: normal;
	font-weight: normal;
	font-size: medium;
	font-style: normal;
	color: -internal-quirk-inherit;
	text-align: start;
	font-variant: normal;
	display: table;
	border-collapse: separate;
}

.li-page {
	width: 100%;
	text-align: center;
}

.co-page-left {
	width: 20%;
	vertical-align: top;
}

.co-principale {
	width: 60%;
	margin: 0 auto;
	vertical-align: top;
	text-align: center;
}

.co-page-right {
	width: 20%;
	vertical-align: top;
}

.co-page h3 {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.centre {
	width: 90%;
	margin: 30px auto;
	background: #EDEDED;
	border-radius: 10px;
	box-shadow: 4px 4px 4px #000000;
	padding: 10px;
	font-family: "Roboto-Regular";
	font-size: 14px;
}

.centre a {
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	color: #B6148C;
	text-shadow: 1px 1px #B01487;
	opacity: 0.8;
}

.centre h3 {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;

}

.centre-admin {
	background: #EDEDED;
	border-radius: 10px;
}

.tableau-admin {
	width: 50%;
	margin: 30px auto;
	padding: 10px;
}

.tableau {
	width: 90%;
	margin: 30px auto;
	padding: 10px;
}

.centre-admin h3 {
	text-decoration: underline;
	text-transform: uppercase;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
}

.co-titre-centre {
	height: 45px;
	font-size: 1.2em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #997A8D;
	text-align: center;
	font-weight: bold;
}

/*ENTETE*/

.menu-principal {
	width: 100%;
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.menu-principal li {
	margin: 0.5em;
	padding: 0;
}

/*WIDGET*/

.widget {
	background: #EDEDED;
	margin: 30px 15px;
	border-style: inset;
	border-radius: 10px;
	box-shadow: 4px 4px 4px #000000;
	padding: 15px 0;
	font-family: "Roboto-Regular";
	font-size: 13px;
}

.widget h3 {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.widget a {
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	text-shadow: 1px 1px #73C2FB;
	opacity: 0.8;
}

.avatar-widget {
	border-image-width: 0 0 0 0;
	max-height: 8vw;
	min-height: 8vw;
	max-width: 8vw;
	min-width: 8vw;
}

.label-point {
	width: 200px;
}

.input-point {
	width: 30px;
}

/*BANNIERE SPONSOR*/

.banniere-sponsor {
	margin-left: 10px;
	margin-right: 10px;
	border-collapse: collapse;
	max-width: 95%;
	margin: 15px auto;
	background: #6b3a3a;
	border-radius: 10px;
}

/*#banniere-sponsor {
    border: 1px solid black;
    border-collapse: collapse;
	background: #EDEDED;
	border-radius: 10px;
   background-color: bisque;
}*/

.co-titre-sponsor {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 40px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.co-sponsor {
	margin-right: 15px;
	text-align: center;
	vertical-align: center;
	border: none;
}

.co-marge-sponsor {
	width: 80px;
	vertical-align: top;
	display: table-cell;
	margin-right: 5px;
	margin-left: 5px;
	border: none;
}

/*ADHESION*/

.adhesion {
	text-align: center;
	margin: 0 auto;
	background-color: white;
	width: 90%;
	padding: 10px;
}

.adhesion-impression {
	text-align: center;
	margin: 0 auto;
	background-color: white;
	width: 100%;
}

.adhesion h3 {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 35px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.adhesion-impression h3 {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 35px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.adhesion h4 {
	font-size: 25px;
	margin-bottom: 2px;
}

.adhesion-impression h4 {
	font-size: 25px;
	margin-bottom: 0px;
}

.logo-adhesion {
	text-align: center;
	margin-top: 20px
}

.formulaire-adhesion {
	text-align: left;
	padding-left: 15px;
}

.formulaire-adhesion input {
	color: blue;
}

#nom {
	margin-right: 20px;
}

#prenom {
	margin-right: 20px;
}

#date {
	margin-right: 20px;
}

#pseudo {
	margin-right: 20px;
}

#adresse {
	margin-right: 10px;
}

.tarif-adhesion {
	text-align: center;
	border: 1px solid black;
	border-collapse: collapse;
	margin: 0 auto;
}

.tarif-adhesion td {
	text-align: center;
	border: 1px solid black;
	padding: 5px;
}

.tarif-adhesion th {
	text-align: center;
	border: 1px solid black;
	padding: 5px;
}

/*MESSAGERIE*/

.menuMessagerie {
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

.menuMessagerie a {
	color: white;
	text-decoration: none;
	background-color: black;
	padding: 10px;
}

.divReception {
	margin-left: 50px;
	float: left
}

.divEnvoye {
	float: left;
	margin: 0 20px;
}

.divBoiteDenvoie {
	float: left;
	margin: 0 20px;
}

/*PAGE COMPETITION*/

.gagnant-competition {
	margin: 30px auto;
	width: 100%;
	padding: 0;
	display: flex;
	justify-content: center;
}

.gagnant-competition h3 {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.gagnant-sng {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

/*.widget {
	background-color: lightgray;
	border-style : inset ;
	border-radius: 10px;
	box-shadow: 4px 4px 4px #000000;
	font-family: "Roboto-Regular";
	font-size: 13px;
}*/

/*.widget a {
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	color: #6050DC;
	text-shadow: 1px 1px #73C2FB;
	opacity: 0.8;
}*/

.widget-competition {
	float: left;
	padding: 0 30px;
}

.widget-competition h3 {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.widget-competition img {
	margin-top: 15px;
	width: 150px;
	height: 150px;
	border: 2px solid white;
}

/*NOS MEMBRES*/

.tableau-membres {
	margin: 30px auto;
	-moz-border-radius: 0vw 0vw 0vw 0vw;
	-webkit-border-radius: 0vw 0vw 0vw 0vw;
	border-radius: 0vw 0vw 0vw 0vw;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.th-tab-membre {
	width: auto;
	border: none;
	text-align: center;
	background-color: #997A8D;
	padding: 5px;
}

.td-tab-membre {
	width: auto;
	border: none;
	text-align: center;
}

.photo-tab-membres {
	height: 45%;
	width: 45%;
	border-image-width: 0 0 0 0;
	max-height: 6vw;
	min-height: 6vw;
	max-width: 6vw;
	min-width: 6vw;
}

/*LISTEINSCRIPTIONMONSTER*/

.tab-inscrit {
	text-align: center;
	-moz-border-radius: 0vw 0vw 0vw 0vw;
	-webkit-border-radius: 0vw 0vw 0vw 0vw;
	border-radius: 0vw 0vw 0vw 0vw;
	border-spacing: 0;
	margin: 15px auto;
}

.th-tab-inscrit {
	width: auto;
	text-align: center;
	background-color: #997A8D;
	font-style: italic;
	font-size: 0.9vw;
	-khtml-opacity: 0.85;
	-moz-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.td-tab-inscrit {
	font-size: 1.2vw;
}

.td-photo-inscrit {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	max-height: 5vw;
	min-height: 5vw;
	max-width: 5vw;
	min-width: 5vw;
}

.photo-inscrit {
	height: 45%;
	width: 45%;
	border-image-width: 0 0 0 0;
	display: block;
	max-height: 5vw;
	min-height: 5vw;
	max-width: 5vw;
	min-width: 5vw;
}

/*GESTION MEMBRE*/

.tab-gestionmembres {
	text-align: center;
	width: 80%;
	margin: auto;
	-moz-border-radius: 0vw 0vw 0vw 0vw;
	-webkit-border-radius: 0vw 0vw 0vw 0vw;
	border-radius: 0vw 0vw 0vw 0vw;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.th-tab-gestionmembres {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
	background-color: #997A8D;
	padding: 5px;
}

.td-tab-gestionmembres {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
}

.td-tab-gestion-membre {
	width: auto;
	text-align: center;
}

.photo-tab-gestionmembres {
	height: 45%;
	width: 45%;
	border-image-width: 0 0 0 0;
	display: block;
	max-height: 6vw;
	min-height: 6vw;
	max-width: 6vw;
	min-width: 6vw;
}

.photo-tab-gestion-membre {
	height: 30%;
	width: 30%;
	border-image-width: 0 0 0 0;
	display: block;
	max-height: 4vw;
	min-height: 4vw;
	max-width: 4vw;
	min-width: 4vw;
}

/*GESTION SPONSORS*/

.tableau-sponsors {
	width: 100%;
	margin: auto;
	text-align: center;
	-moz-border-radius: 0vw 0vw 0vw 0vw;
	-webkit-border-radius: 0vw 0vw 0vw 0vw;
	border-radius: 0vw 0vw 0vw 0vw;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.th-tab-sponsors {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
	background-color: #997A8D;
	padding: 0 0 0 0;
}

.td-tab_sponsors {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

.photo-tab-sponsors {
	height: 4em;
	width: 6em;
	border-image-width: 0 0 0 0;
	display: block;
	margin: auto;
}

/*GESTION EVENEMENTS*/

.tab-gestionevent {
	text-align: center;
	width: 80%;
	margin: auto;
	-moz-border-radius: 0vw 0vw 0vw 0vw;
	-webkit-border-radius: 0vw 0vw 0vw 0vw;
	border-radius: 0vw 0vw 0vw 0vw;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.th-tab-gestionevent {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
	background-color: #997A8D;
	padding: 5px;
}

.td-tab-gestionevent {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
}

/*GESTION SNG*/

.tab-sng {
	border-spacing: 0;
	border: 1px solid black;
}

.titreListeMonster {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 60px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.sousTitreListeMonster {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	text-transform: uppercase;
	font-size: 40px;
	margin-bottom: 15px;
	text-shadow: 0px 0px 7px rgba(107, 84, 84, 0.75);
	color: #ff0006;
}

.menu-club {
	width: 100%;
	list-style-type: none;
	padding: 0;
	justify-content: center;
}

.menu-club li {
	margin: 0.5em;
	padding: 0;
}

.cookie-alert {
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 10px;
	background: #2f2f2f;
	color: #fff;
	padding: 10px 15px;
	width: 280px;
	z-index: 100;
}

.cookie-alert a {
	display: block;
	text-align: center;
	padding: 5px 10px;
	margin: 8px auto 0 auto;
	border-radius: 10px;
	background: transparent;
	border: 2px solid #46A2D9;
	color: #46A2D9;
	transition: all .3s ease;
}

.cookie-alert a:hover {
	background: #46A2D9;
	color: #2f2f2f;
}

.img-circle {
	border-radius: 50%;
}

.ent-champ {
	font-size: 16px;
	font-family: verdana;
	font-weight: bold;
	color: black;
	background-color: #F0C300;
}

.ent-joueur {
	font-size: 16px;
	font-family: verdana;
	font-weight: bold;
	color: white;
}

/* INSCRIPTION TOURNOI*/

.titre-inscription {
	color: #f1c40f;
	font-size: 3vw;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.4), -1px -2px 0 rgba(255, 255, 255, 1);
}

.intitule-inscription {
	color: #2c3e50;
	font-size: 2vw;
	text-shadow: 0 1px 0 #eee, 0 2px 0 #e5e5e5, -1px 3px 0 #C8C8C8, -1px 4px 0 #C1C1C1, -2px 5px 0 #B9B9B9, -2px 6px 0 #B2B2B2,
		-2px 7px 2px rgba(0, 0, 0, 0.6), -2px 7px 8px rgba(0, 0, 0, 0.2), -2px 7px 45px rgba(0, 0, 0, 0.4);
}

.date-inscription {
	color: #fdfefe;
	font-size: 1.5vw;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.8), 1px 0 0 rgba(0, 0, 0, 0.8), 0 -1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(0, 0, 0, 0.8);
}

.adresse-event {
	color: red;
	font-size: 1.2vw;
	font-weight: bold;
}

.stationnement-event {
	color: #6600ff;
	font-size: 1.2vw;
	font-weight: bold;
}

.heure-event {
	color: blue;
	font-size: 1.2vw;
	font-weight: bold;
}

.arrivee-tardive {
	font-weight: bold;
}

.nom-td {
	font-weight: bold;
	color: blue;
	font-size: 20px;
	margin-bottom: 30px;
}

/*PROFIL*/

.tab-image-profil {
	margin: auto;
	border-style: none;
}

.th-profil {
	border-style: none;
	color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	color: white;
	background-color: #BC0202;
}

.th-espace {
	width: 10em;
	border-style: none;
}

.photo-profil {
	border-image-width: 0 0 0 0;
	max-height: 15vw;
	min-height: 15vw;
	max-width: 15vw;
	min-width: 15vw;
}

.td-profil {
	font-size: 0.8rem;
	font-family: Verdana, "Arial Black", Arial, Impact, sans-serif;
	border-style: none;
}

.td-profil-info {
	font-size: 1.0rem;
	font-family: Verdana, "Arial Black", Arial, Impact, sans-serif;
	border-style: none;
	color: darkblue;
}

.td-medaille {
	background-image: url(../image/site/medaille.png);
	text-align: center;
}

/* TROMBINOSCOPE*/

.tableau-trombi {
	text-align: center;
	-moz-border-radius: 0vw 0vw 0vw 0vw;
	-webkit-border-radius: 0vw 0vw 0vw 0vw;
	border-radius: 0vw 0vw 0vw 0vw;
	border-spacing: 0;
	margin: 15px auto;
}

.th-trombi {
	color: white;
	font-style: italic;
	background-color: #BC0202;
	font-size: 0.9vw;
	-khtml-opacity: 0.85;
	-moz-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.td-trombi {
	font-size: 1.2vw;
}

.td-photo-trombi {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	max-height: 5vw;
	min-height: 5vw;
	max-width: 5vw;
	min-width: 5vw;
}

.td-pseudo-trombi {
	font-size: 2vw;
}

#tableau-trombi {
	border-style: none;
	margin-top: 5vh;
	margin-left: 10vh;
}

#tableau-trombi tr {
	margin-bottom: 10vh;
	height: 77px;
}

.cpt-trombi {
	width: 90px;
	height: 77px;
	font-size: 0.8em;
	margin-left: 30px;
	margin-right: 30px;

}

.pseudo-trombi {
	font-weight: bold;
	font-size: 1.5em;
	color: burlywood;
}

.p-trombi {
	color: rgb(222, 135, 186);
}

.wina-trombi {
	font-size: 1em;
	color: yellowgreen
}

.photo-trombi {
	width: 77px;
	height: 77px;
	padding: 2px;
	border-radius: 50%;
}

/*.photo-trombi {
	height: 45%;
	width: 45%;
	border-image-width: 0 0 0 0;
	display: block;
	max-height: 5vw;
	min-height: 5vw;
	max-width: 5vw;
	min-width: 5vw;
}*/

/*CLASSEMENT*/

.titre-classement {
	font-size: 5vw;
	color: #BC0202;
	font-weight: bold;
	display: inline-block;
	text-shadow: black 2px 2px, black -2px 2px, black -2px -2px, black 2px -2px;
	font-family: "RobotoSlab-Bold", sans-serif;
	letter-spacing: -2pt;
	font-style: italic;
}

.annee-mois-container {
	display: inline-block;
	padding: 0.7vw 1vw 0.7vw 1vw;
	text-align: center;
	border: 1px solid black;
	background-color: #BC0202;
	-moz-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	-webkit-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
}

.separation-verticale {
	line-height: 1.7vw;
	position: relative;
	/*float: left;*/
	font-size: 1vw;
	font-weight: bold;
	display: inline-block;
	color: white;
	text-shadow: black 1px 1px, black -1px 1px, black -1px -1px, black 1px -1px;
}

.p-default {
	line-height: 1.9vw;
	cursor: pointer;
	position: relative;
	/*float: left;*/
	font-size: 1vw;
	font-weight: bold;
	display: inline-block;
	font-style: italic;
	color: #cccccc;
	text-shadow: black 1px 1px, black -1px 1px, black -1px -1px, black 1px -1px;
}

.p-select {
	line-height: 1.9vw;
	position: relative;
	/*float: left;*/
	font-size: 1.9vw;
	font-weight: bold;
	display: inline-block;
	color: white;
	text-shadow: black 2px 2px, black -2px 2px, black -2px -2px, black 2px -2px;
}

.a-classement-cnic {
	font-size: 1.2vw;
	font-weight: bold;
	display: inline-block;
	color: white;
	text-shadow: black 2px 2px, black -2px 2px, black -2px -2px, black 2px -2px;
}

.div-annee-live-content {
	position: relative;
	float: left;
}

.div-annee-container {
	padding: 0 0 0 0;
	text-align: center;
}

.div-annee-online-content {

	position: relative;
	float: left;
}

.simple {
	min-width: 10vw;
}

.double {
	min-width: 20vw;
}

.div-compet {
	font-weight: bold;
	display: inline-block;
	margin: 1vw 1.5vw 0vw 0.3vw;
	vertical-align: top;
}

.titre-compet {
	background-color: #BC0202;
	border: 1px solid black;
	color: white;
	text-shadow: black 2px 2px, black -2px 2px, black -2px -2px, black 2px -2px;
	font-style: italic;
	-moz-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	-webkit-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
}

.titre-compet-courte {
	font-size: 1.2vw;
	line-height: 3vh;
}

.titre-compet-longue {
	font-size: 1.7vw;
	line-height: 6vh;
}

.div-lien-class-gen {
	background-color: #ffff00;
	border: 1px solid black;
	-moz-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	-webkit-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
}

.lien-class-gen {
	font-size: 1.05vw;
	line-height: 5.2vh;
}

a.annuel {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.manches-container {
	padding: 0 0 0 0;
	text-align: center;
}

.manches-content {
	background-color: white;
	position: relative;
	float: left;
	border: 1px solid black;
	-moz-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	-webkit-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
}

.manches-annuel {
	min-width: 10vw;
	display: inline-block;
	min-height: 1vh;
	vertical-align: top;
}

.lien-manche {
	font-size: 1vw;
}

.annu-borderright {
	border-right: 2px solid black;
}

.annu-borderleft {
	border-left: 2px solid black;
}

.div-retour-forum {
	display: inline-block;
	padding: 0 0 0 0;
	text-align: center;
}

.img-pt87-small2 {
	max-width: 2vw;
	border-image-width: 0 0 0 0;
	position: relative;
	float: left;
}

/*INDEX CLASSEMENT*/

.cnic-ANN {
	clear: both;
	display: inline-block;
	font-size: 2.3vw;
	color: white;
	text-shadow: black 1px 1px, black -1px 1px, black -1px -1px, black 1px -1px;
}

.cnic {
	clear: both;
	display: inline-block;
	font-size: 2vw;
	color: white;
	text-shadow: black 1px 1px, black -1px 1px, black -1px -1px, black 1px -1px;
}

.img-cdc {
	max-width: 3.2vw;
	border-image-width: 0 0 0 0;
	position: relative;
	float: left;
}

.p-cnic {
	position: relative;
	float: left;
}

.img-pt87 {
	max-width: 13vw;
	border-image-width: 0 0 0 0;
	position: relative;
	float: left;
}

.titre1 {
	font-size: 4.5vw;
	color: #BC0202;
	line-height: 9.5vh;
	font-weight: bold;
	text-shadow: black 2px 2px, black -2px 2px, black -2px -2px, black 2px -2px;
	display: inline-block;
}

.titre2 {
	font-size: 3.5vw;
	color: #ffdd1a;
	line-height: 8.5vh;
	font-weight: bold;
	text-shadow: black 2px 2px, black -2px 2px, black -2px -2px, black 2px -2px;
	display: inline-block;
}

/*CONTROL TRI*/

.div-tab-class {
	display: inline-block;
	width: 100%;
}

.tab-class {
	margin: 0 auto;
	text-align: center;
	-moz-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	-webkit-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-spacing: 0;
	border: 1px solid black;
}

.tab-class td {
	padding: 0;
}

.entete-joueur {
	font-size: 0.9vw;
	font-weight: bold;
}

.valid-label {
	font-size: 0.6vw;
	text-align: right;
}

.valid-symbol {
	font-size: 0.6vw;
	font-style: normal;
	text-align: center;
}

.entete-manche-tri {
	font-weight: bold;
	min-width: 3.3vw;
	font-size: 0.7vw;
	padding: 0 5px;
}

.premier {
	background-color: #FFD700;
}

.deuxieme {
	background-color: #C0C0C0;
}

.troisieme {
	background-color: #bf8970;
}

.place-payee-1 {
	background-color: #80ff80;
}

.place-payee-2 {
	background-color: #96f796;
}

.place-payee-3 {
	background-color: #99ffff;
}

.place-payee-4 {
	background-color: #80ffff;
}

.place-non-payee-1 {
	background-color: #d9d9d9;
}

.place-non-payee-2 {
	background-color: #e6e6e6;
}

.relegue-1 {
	background-color: #fa5959;
}

.relegue-2 {
	background-color: #f77f7f;
}

.gris {
	color: grey;
}

.noir {
	color: black;
}

.orange {
	color: orangered;
}

.diff {
	font-size: 0.6vw;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	max-height: 0.6vw;
	line-height: 0.6vw
}

.diff-entree {
	color: #000066;
	font-size: 0.6vw;
}

.diff-egal {
	color: #808080;
}

.diff-plus {
	color: #009900;
}

.diff-moins {
	color: #ff3333;
}

.radius-bottomleft {
	-moz-border-radius: 0vw 0vw 0vw 0.5vw;
	-webkit-border-radius: 0vw 0vw 0vw 0.5vw;
	border-radius: 0vw 0vw 0vw 0.5vw;
}

.td-classement {
	font-size: 1.2vw;
	font-weight: bold;
	border-left: none;
	min-height: 3.1vw;
	max-height: 3.1vw;
}

.p-classement {
	line-height: 2vw;
}

.td-photos {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	max-height: 3.1vw;
	min-height: 3.1vw;
	max-width: 3.1vw;
	min-width: 3.1vw;
}

.td-photos-binome {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	max-height: 6.2vw;
	min-height: 6.2vw;
	max-width: 6.2vw;
	min-width: 6.2vw;
}

.img-joueur {
	border-image-width: 0 0 0 0;
	display: block;
	max-height: 3.7vw;
	min-height: 3.7vw;
	max-width: 3.1vw;
	min-width: 3.1vw;
}

.pseudo-CPT {
	font-size: 1.2vw;
	font-weight: bold;
	border-left: none;
	padding: 0px 2px 0px 2px;
}

.points-CPT {
	font-size: 1.1vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	border-left: 1px solid rgba(255, 255, 255, 0.75);
}

.club-CPT {
	font-size: 1.2vw;
	padding: 0px 2px 0px 2px;
}

.nb-CPT {
	font-size: 0.85vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	border-left: 1px solid rgba(255, 255, 255, 0.75);
}

.info-sec {
	font-size: 0.8vw;
	font-style: italic;
	padding: 0px 2px 0px 2px;
}

.score-valid-total {
	line-height: 0.8vw;
	text-align: right;
}

.score-non-valid-total {
	line-height: 0.8vw;
	color: grey;
	text-align: right;
}

.score-non-valid-total-symbol {
	line-height: 0.8vw;
	color: grey;
	font-style: normal;
	border-left: none;
}

.no-border {
	border: none;
}

.score-valid-total-symbol {
	line-height: 0.8vw;
	font-style: normal;
	border-left: none;
}

.radius-bottomright {
	-moz-border-radius: 0vw 0vw 0.5vw 0vw;
	-webkit-border-radius: 0vw 0vw 0.5vw 0vw;
	border-radius: 0vw 0vw 0.5vw 0vw;
}

.manche-non-compta {
	color: red;
}

.table-finale {
	font-weight: bold;
	color: blue;

}

.en-jeu {
	font-weight: bold;
	color: orangered;
}

.manche-non-compta-deepside {
	color: grey;
}

.classement-manche-cpt {
	font-size: 0.65vw;
	font-weight: 100;
}

.points-manche-cpt {
	font-family: "Roboto-Light", sans-serif;
	font-size: 0.75vw;
}

/********** Spécifique classement annuel depuis 2018 **********/

.points-manche-ANN {
	font-family: "Roboto-Regular", sans-serif;
	font-size: 1vw;
}

/********** Spécifique classement SNG Trimestre **********/

.manche-SNG {
	clear: both;
	display: inline-block;
}

.break-align {
	clear: both;
}

.table-SNG {
	position: relative;
	float: left;
	padding: 0.5vw 0.5vw 0.5vw 0.5vw;
}

.entete-manche-SNG {
	font-size: 1vw;
}

.radius-topleftright {
	-moz-border-radius: 0.5vw 0.5vw 0vw 0vw;
	-webkit-border-radius: 0.5vw 0.5vw 0vw 0vw;
	border-radius: 0.5vw 0.5vw 0vw 0vw;
}

.pseudo-SNG-manche {
	font-size: 1vw;
	font-weight: bold;
	border-left: none;
	padding: 0px 2px 0px 2px;
}

.points-SNG-manche {
	font-size: 0.9vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
}

/********** Spécifique classement CPT 2017 **********/

.entete-manche-cpt {
	min-width: 2.8vw;
}

.entete-manche-killers {
	min-width: 1.7vw;
}

.manche-killer {
	color: black;
	font-weight: bold;
	font-size: 0.9vw;
}

.kills-CPT {
	font-size: 0.9vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
}

/********** Spécifique classement BKR **********/

.bkr-actu-entete {
	font-size: 0.9vw;
	font-weight: bold;
}

.entete-manche-bkr {
	font-weight: bold;
	min-width: 3vw;
	font-size: 0.7vw
}

.pseudo {
	font-size: 1vw;
	font-weight: bold;
	border-left: none;
	padding: 0px 2px 0px 2px;
}

.pseudo-gen-BKR {
	font-size: 0.9vw;
	font-weight: bold;
	border-left: none;
}

.gris-italic {
	color: grey;
	font-style: italic;
}

.img-joueur-gen-BKR {
	border-image-width: 0 0 0 0;
	display: block;
	max-height: 2.5vw;
	min-height: 2.5vw;
	max-width: 2.5vw;
	min-width: 2.5vw;
}

.td-photos-gen-BKR {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	max-height: 2.5vw;
	min-height: 2.5vw;
	max-width: 2.5vw;
	min-width: 2.5vw;
}

.td-classement-gen-BKR {
	font-size: 1vw;
	font-weight: bold;
	border-left: none;
	min-height: 2.5vw;
	max-height: 2.5vw;
}

.p-classement-gen-BKR {
	line-height: 1.75vw;
}

.bkr-actu {
	font-size: 0.75vw;
	font-weight: bold;
	text-align: right;
}

.bilan {
	font-size: 0.9vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-align: right;
}

.bilan-negatif {
	color: #cc0000;
}

.bilan-positif {
	color: #004d00;
}

.roi {
	font-size: 0.6vw;
	text-align: right;
	font-style: italic;
}

.manche-bkr {
	text-align: right;
	font-size: 0.5vw;
}

.gain-manche-BKR {
	font-family: "Roboto-Light", sans-serif;
	color: grey;
}

.perte-manche-BKR {
	font-family: "Roboto-Light", sans-serif;
	color: grey;
}

.buyin {
	text-align: right;
	font-size: 0.7vw;
}

.perte {
	text-align: right;
	font-size: 0.7vw;
}

/********** Spécifique classement online **********/

.prize-ONL-ok {
	font-size: 0.8vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-align: right;
}

.prize-ONL-zero {
	font-size: 0.8vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	color: grey;
	text-align: right;
}

/********** Spécifique classement SNG avant 2018 **********/

.pseudo-SNG {
	font-size: 1.2vw;
	font-weight: bold;
	border-left: none;
	padding: 0px 2px 0px 2px;
}

.points-manche-sng {
	font-size: 0.9vw;
	line-height: 0.9vw;
}

.classement-manche-sng {
	font-size: 0.7vw;
}

.symbol-type-manche {
	font-size: 0.65vw;
	line-height: 0.65vw;
	font-weight: 100;
}

.logo-club-class-monster {
	max-height: 3.1vw;
	max-width: 3.1vw;
	min-width: 3.1vw;
	border-image-width: 0 0 0 0;
	margin: auto;
}

/********** Spécifique hof.php **********/

.lien-hof {
	display: inline-block;
	padding: 0.7vw 1vw 0.7vw 1vw;
	text-align: center;
	border: 1px solid black;
	background-color: #BC0202;
	-moz-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	-webkit-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
}

.entete-annee {
	color: white;
	font-style: italic;
	background-color: #BC0202;
	font-size: 0.75vw;
}

.pseudo-HOF {
	font-size: 1.2vw;
	font-weight: bold;
	border-left: none;
	padding: 0px 2px 0px 2px;
	min-width: 12vw;
}

.points-HOF {
	font-size: 1.1vw;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	min-width: 3.65vw;
}

.detail-annees-HOF {
	font-family: "Roboto-Light", sans-serif;
	font-size: 0.85vw;
	font-style: italic;
}

.img-pt87-small {
	max-width: 3vw;
	border-image-width: 0 0 0 0;
	position: relative;
	float: left;
}

.a-retour-forum {
	font-size: 1.8vw;
	font-weight: bold;
	display: inline-block;
	color: white;
	text-shadow: black 2px 2px, black -2px 2px, black -2px -2px, black 2px -2px;
}

/*CALENDRIER*/

.titre-cal {
	font-size: 4vw;
	color: black;
	font-weight: bold;
	display: inline-block;
	text-shadow: grey 2px 2px, grey -2px 2px, grey -2px -2px, grey 2px -2px;
}

.div-mois-container {
	padding: 0 0 0 0;
	text-align: center;
}

.tab-cal {
	margin: 0 auto;
	text-align: center;
	-moz-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	-webkit-border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
	border-spacing: 0;
	border: 1px solid black;
}

.td-aujourdhui {
	border: 1px solid black;
	vertical-align: top;
	background-color: #8c8c8c;
}

.td-jour {
	border: 1px solid black;
	vertical-align: top;
}

.cell-jour-moisdiff {
	min-height: 12.5vh;
	min-width: 13vw;
	color: grey;
	font-style: italic;
}

.cell-jour-aujourdhui {
	min-height: 12.5vh;
	min-width: 13vw;
	color: white;
	font-weight: bold;
}

.cell-jour-moisencours {
	min-height: 12.5vh;
	min-width: 13vw;
	color: black;
	font-weight: bold;
}

.num-jour {
	max-height: 2vh;
	text-align: right;
	font-size: 0.9vw;
	line-height: 0.9vw;
}

.content-jour {
	font-size: 0.8vw;
	line-height: 0.8vw;
	padding: 1px 0 0 0;
}

.event {
	clear: both;
	font-style: normal;
	font-size: 0.75vw;
	border: 1px solid black;
	-moz-border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
	-webkit-border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
	border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
	margin: 1px 0 0 0;
	display: block;
	text-align: center;
}

.logo-container {
	min-height: 1.6vw;
	min-width: 5vh;
	text-align: center;
	position: relative;
	float: left;
}

.logo-club-cal {
	max-height: 1.6vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.1vw;
	margin-bottom: 0.1vw;
	display: block;
}

.event-line1 {
	display: block;
	line-height: 0.8vw;
}

.event-line2 {
	display: block;
	line-height: 0.8vw;
}

.lien-cal {
	color: inherit;
	text-decoration: underline;
}

.banniere-info {
	width: 980px;
	height: 45px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(../image/site/sitebas.jpg);
	margin: 0 auto;
}

.td-info {
	width: 100%;
	color: black;
	font-size: 0.8vw;
	text-align: left;
	display: table-cell;
}

/*MENU ADMINISTRATION*/

#menu-admin {
	font-size: 1.3em;
	width: 100%;
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: center;
}

#menu-admin li {
	float: left;
	margin: 0.5em;
	padding: 0;
}

#menu-admin li a {
	font-family: "Roboto-Regular";
	color: white;
}

#menu-admin .sousmenu-admin {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-admin .sousmenu-admin li {
	float: none;
	margin: 0;
	padding: 0;
}

.sous_menu-admin p:hover+.effet {
	display: block
}

#menu-admin .sousmenu-admin li a:hover+.effet {
	/*display: block color: white;*/
	text-decoration: none;
}

#menu-admin .sousmenu-admin li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 165px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}

#menu-admin .sousmenu-admin {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu-admin li:hover>.sousmenu-admin {
	display: block;
}

.tab-event {
	text-align: center;
	-moz-border-radius: 0vw 0vw 0vw 0vw;
	-webkit-border-radius: 0vw 0vw 0vw 0vw;
	border-radius: 0vw 0vw 0vw 0vw;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.th-event {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
	background-color: #A80A0A;
	padding: 0 0 0 0;
}

.td-event {
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

.photo-orga {
	height: 4em;
	width: 6em;
	border-image-width: 0 0 0 0;
	display: block;
	margin: auto;
}

.bouton {
	background: url(../image/site/jeminscris.png);
	border: none;
	width: 149px;
	height: 34px;
	cursor: pointer;
}

#buttonEnCour {
	background-color: green;
	border: none;
	color: white;
	padding: 13px 22px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 17px 10px;
	cursor: pointer;
}

@media only screen and (max-width:480px) {
	.cookie-alert {
		text-align: center;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-width: 700px;
		padding: 10px 30px;
	}
}

@media (max-width: 480px) {
	.titre_cal {
		width: 100%;
		font-size: 10vw;
	}

	.header {
		display: block;
		width: 100%;
		padding-left: 50px;
		text-align: center;
		/*font-size: 0.5em;*/
	}
}