body{margin:0;padding:0;padding-bottom:70px;}
body.PageConnexion
{
	background-image:url('/images/VSP_logo_2018_moyen.png');
	background-repeat: no-repeat;
	background-position: center 160px;
}

p,td{margin:0;padding:0;font-size:14px;font-family:times, verdana, sans-serif ;}

div.cache{display:none;}

input.cache{display:none;}

input.score{width:30px;}

img.cache{display:none;}

span.cache{display:none;}

select.cache{display:none;}

.cache{display:none;}

tr.inactif{display:none;}

table{border-spacing:0;}

td.titre{font-weight:bold;}
td.centre{text-align:center;}

form{margin:0;padding:0;}

.ombre
{box-shadow: 0px 9px 9px #333;}

.TexteRouge
{color:#C44C51;}

.pointer
{cursor:pointer;}

.versionmobile
{display:none;}

#problemenav{display:none;}

#connexionmobile
{display:none;}

div.conteneur
{
	
}
.connexion
{
	border-radius:4px;
	margin:auto;
	vertical-align:middle;
	width:300px;
	padding:0 0 5px 0;
	background-color:#A2B5BF;
	text-align:left;
	z-index:100;
}
div.connexion p.titre
{font-size:30px;text-align:center;color:EEE;}
div.connexion li
{list-style:none;margin:5px auto 0 auto;padding:0;}
div.connexion input
{
	margin:0 0 0 25px;
	width:250px;
}
div.connexion input.Boutonconnexion
{
	border-radius:2px;
	border:2px solid transparent;
	vertical-align:center;
	height:30px;
	color:#333;
	font-weight:600;
	font-size:12px;
	margin:0 0 0 25px;
}

div.connexion ul
{margin:0;padding:0;}

#haut
{
	z-index:10;
	position:fixed;
	top:0px;
	background-color:#A2B5BF;
	margin:0px;
	padding:0px;
	height:60px;
	width:100%;
}
#haut p.titre
{
	text-align:center;
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	padding:0;
}
#haut p.soustitre
{
	font-size:20px;
	text-align:center;
	color:#C44C51;
	font-weight:bold;
}
#haut p.soustitre span
{margin:0 5px 0 0;}

img.actualiser
{
	position:fixed;
	right:10px;
	top:10px;
	height:40px;
	cursor:pointer;
}

#logo{background-color:#000;}

.menu
{
	display:none;
	z-index:50;
	height:100%;
	background-color:#A2B5BF;
	width:auto;
	position:fixed;
	left:0px;
	top:60px;
	border-right:solid 1px #EEE;
}
.menu ul,.menu li{margin:0;padding:0;}
.menu a{font-size:16px;font-family:times, verdana, sans-serif ;color:#FFF;text-decoration:none;}
.menu li{font-size:16px;font-family:"Times New Roman", Times, serif;color:#FFF;list-style-type: none;text-decoration:none;padding:0 20px 0 3px;height:25px;text-align:left;border-bottom:solid 1px #333;}
.menu li:hover{background-color:#747676;}
.boutonmenu{position:fixed;top:0px;left:0px;height:60px;cursor:pointer;}

/* Menu Filtre */
div.MenuFiltre
{
	display:none;
	height:100%;
	position:fixed;
	width:auto;
	right:0;
	border-left:solid 1px #EEE;
	background-color:#A2B5BF;
	z-index:50;
}
.MenuFiltre ul,.MenuFiltre li
{margin:0;padding:0;}

#centre{margin:0 auto;clear:both;}

#centre.haut{width:280px;}

#centre img{height:60px;}#centre.menu{width:450px;}

#page{text-align:left;position:relative;margin:60px 0 0px 0;}

#information{position:fixed;top:59px;left:200px;margin:0;padding:0;padding-left:5px;padding-right:5px;background-color:#C44C51;z-index:99;}

#information p{text-align:center;font-size:18px;color:#FFF;}

#match{margin:0;margin-top:10px;padding:0px;border-top:solid 2px #333;border-bottom:solid 2px #333;}
#match.equipe1{background-color:#D9FEF9;}
#match.equipe2{background-color:#FEF8CF;}
#match.equipe3{background-color:#E5CEFC;}
#match.equipe96{background-color:#D7FFD8;}
#match.equipe99{background-color:#F9CDCD;}
#match.gagne{background-color:#B0CC99;}
#match.perdu{background-color:#C44C51;}
#match p,#match a{padding-left:5px;color:#333;font-size:14px;font-family:times, verdana, sans-serif ;}
#match p.titre1{background-color:#AED3F2;border-bottom:solid 1px #000;font-weight:bold;padding-bottom:5px;}
#match p.titre2{background-color:#ECC864;border-bottom:solid 1px #000;font-weight:bold;padding-bottom:5px;}
#match p.titre3{background-color:#CEA1FC;border-bottom:solid 1px #000;font-weight:bold;padding-bottom:5px;}
#match p.titre99{background-color:#EA7C7C;border-bottom:solid 1px #000;font-weight:bold;padding-bottom:5px;}
#match p.titre98{background-color:#F3FC9A;border-bottom:solid 1px #000;font-weight:bold;padding-bottom:5px;}
#match p.titre97{background-color:#D2D3D4;border-bottom:solid 1px #000;font-weight:bold;padding-bottom:5px;}
#match p.titre96{background-color:#8ABD89;border-bottom:solid 1px #000;font-weight:bold;padding-bottom:5px;}
#match p.score{font-weight:bold;font-size:16px;}#match a{text-decoration:underline;}
#match p.equipe1{border-bottom:solid 3px #AED3F2;}
#match p.equipe2{border-bottom:solid 3px #ECC864;}
#match p.equipe3{border-bottom:solid 3px #ECC864;}
#match img.plan{height:20px;border:none;}
#match ul,#match li{margin:0;padding:0;}
#match li{display:inline-block;margin-bottom:3px;margin-left:3px;width:100px;height:auto;list-style-type:none;text-align:center;font-size:14px;font-family:times, verdana, sans-serif ;border:solid 1px #333;background-color:#DDD;}
#match li.select{background-color:#DBDDDE;}
#match li.dispo{background-color:#B0CC99;}
#match li.absent{background-color:#C44C51;}
#match li.resultats{}
#match li.confirme{background-color:#B0CC99;}
#match li.blesse{background-color:#FF9338;}
#match li.enceinte{background-color:#F43789;}
#match img.check{margin-left:10px;margin-right:10px;}
#match li.total{width:30px;}
#match div.espace{float:left;width:100%;margin-top:3px;height:50px;}
#match div.equipe{display:block;width:100%;}
#match div.resultats{display:none;}
#match span.equipes{font-weight:bold;}
#match span.infos{margin-left:3px;color:#DB1515;font-weight:bold;font-size:16px;text-decoration:underline;}
#match span.mobile{display:none;}
#check{display:none;height:20px;margin-top:0px;}

#popup
{display:none;position:absolute;width:300px;background-color:#FFF;margin-left:25%;}
#popup img
{position:absolute;right:-5px;top:-5px;cursor:pointer;}
#popup p
{margin:5px;}

#validation
{margin-top:5px;}
#validation p
{font-size:18px;}
#validation img
{margin-left:10px;cursor:pointer;}
#validation p.dispo,#validation p.absent,#validation p.modif
{background-color:#AAA;cursor:pointer;color:#333;border-top:solid 1px #000;border-bottom:solid 1px #000;margin:3px 0 0 0;}
#validation p.dispo
{background-color:#B0CC99;}
#validation p.absent
{background-color:#C44C51;}
#validation p:hover
{color:#FFF;background-color:#888;}
#validation p.dispo:hover
{color:#FFF;background-color:#B0CC99;}
#validation p.absent:hover
{color:#FFF;background-color:#C44C51;}

div.lienretour
{display:none;}

#check img{margin-left:10px;margin-right:10px;}

#check img.cache{visibility:hidden;}

#check input{display:none;}

#check form{display:inline-block;margin:0;padding:0;}

#ajoutelement{margin-top:0px;margin-left:20px;margin-right:20px;margin-bottom:20px;border:solid 1px #333;background-color:#AAA;}
#ajoutelement form{margin:0;padding:0;}
#ajoutelement div.bouton{margin-left:20px;margin-top:10px;background-color:#3D98E5;width:100px;text-align:center;}
#ajoutelement p{margin-top:5px;margin-left:5px;}
#ajoutelement p.titre{font-weight:bold;font-size:16px;border-top:dashed 1px #333;padding-top:10px;margin-bottom:3px;text-decoration:underline;}
#ajoutelement input.cache{display:none;}
#ajoutelement tr.gris{background-color:#CCC;}
#ajoutelement tr.grisfonce{background-color:#777;}
#ajoutelement tr:hover{background-color:#FFF;}
#ajoutelement tr.titre{background-color:#666;color:#FFF;}
#ajoutelement td{padding-left:2px;padding-right:2px;}
#ajoutelement table{border-top:solid 1px #333;border-bottom:solid 1px #333;border-right:solid 1px #333;}
#ajoutelement table img{cursor:pointer;}
#ajoutelement span.savejoueur,#ajoutelement span.saveprofil,#ajoutelement span.savesaison{text-decoration:underline;font-size:11px;cursor:pointer;}
#ajoutelement span.savelieu{text-decoration:underline;font-size:11px;}
#ajoutelement span.dispo{background-color:#B0CC99;}
#ajoutelement span.absent{background-color:#C44C51;}
#ajoutelement tr.blanc{background-color:#FFF;}
#ajoutelement td.select{background-color:#5EB6DD;}
#ajoutelement td.selectOK{background-color:#556627;}
#ajoutelement td.selectABS{background-color:#DB0B32;}
#ajoutelement td.renfort{background-color:#A2B5BF;}
#ajoutelement td.renfortOK{background-color:#B0CC99;}
#ajoutelement td.renfortABS{background-color:#C44C51;}
#ajoutelement td.confirme{background-color:#8FCF3C;}
#ajoutelement td.blesse{background-color:#FF9338;}
#ajoutelement td.enceinte{background-color:#F43789;}

#renfort p{margin-top:0;}

#boutoncompo{height:30px;}
#boutoncompo p.titre{border-bottom:solid 1px #000;background-color:#AAA;cursor:pointer;color:#333;font-size:18px;font-family: times, verdana, sans-serif;margin:0 0 0 0;padding:0 0 0 5px;}
#boutoncompo p.titre:hover{color:#FFF;background-color:#888;}
#boutoncompo form{margin:0;padding:0;}
#boutoncompo input{display:none;}

#boutonagenda{margin-left:10px;background-color:#AAA;width:200px;height:17px;float:left;}
#boutonagenda a,#boutonagenda p{font-size:14px;text-align:center;text-decoration:none;color:#000;}

#stats{border:0;margin:0;margin:5px;padding:0;border:solid 1px #000;}
#stats td{text-align:center;}
#stats td.titre{padding-left:3px;padding-right:3px;}
#stats tr.titre{font-weight:bold;background-color:#046380;color:#FFF;}
#stats tr.fond{background-color:#AAA;}
#stats tr:hover{background-color:#97EDE2;}

#stats td.nom{text-align:left;}

#filtre{position:fixed;top:59px;background-color:#A2B5BF;border-bottom:solid 1px #4C1B1B;height:22px;width:100%;z-index:100;}
#filtre ul {margin:0;padding:0;}
#filtre li {margin:0;padding:0;float:left;list-style-type: none;margin-left:1px;}
#filtre p{padding-top:2px;}
#filtre span.titre{padding-top:3px;padding-left:3px;font-weight:bold;}
#filtre span.filtrer{border:solid 1px #000;padding-left:3px;padding-right:3px;background-color:#999;}
#filtre span.bouton{padding-left:5px;padding-right:5px;cursor:pointer;}
#filtre span.bouton:hover{background-color:#5F8CA3;}
#filtre span.actif{background-color:#5F8CA3;}
#filtre a{text-decoration:none;color:#333;}

#boutongauche{margin-top:5px;margin-bottom:5px;width:200px;background-color:#3D98E5;cursor:pointer;}
#boutongauche p{color:#000;margin-left:3px;margin-top:3px;margin-bottom:3px;}
#boutongauche.lesite{width:250px;margin-top:10px;background-color:#C44C51;}
#boutongauche p.lesite{font-size:18px;}
#boutongauche.rouge{background-color:#C44C51;}
#boutongauche a{text-decoration:none;color:#000;}

#bandeau{position:fixed;top:41px;background-color:#A2B5BF;text-align:left;height:17px;width:100%;z-index:100;border-bottom:solid 1px #4C1B1B;}
#bandeau p{color:#FFF;margin-left:3px;}
#bandeau span.titre{color:#333;}#bandeau span.news{display:none;}

#remonte{display:none;text-align:center;position:fixed;bottom:15px;right:15px;width:50px;height:50px;background-color:#000;z-index:99;cursor:pointer;opacity:0.5;}

#debug{position:relative;bottom:0px;background-color:#AAA;width:100%;}

#switchmenu{display:none;}

#zonediscution{}
#zonediscution p.titre{border-top:solid 1px #000;background-color:#AAA;cursor:pointer;color:#333;font-size:18px;font-family: times, verdana, sans-serif;margin:3px 0 0 0;}
#zonediscution p.titre:hover{color:#FFF;background-color:#888;}
#zonediscution img{cursor:pointer;margin-left:5px;}
#zonediscution input.dis_texte{width:99%;margin-bottom:3px;margin-left:3px;}
#zonediscution span.ajoutercommentaire{margin-left:3px;text-decoration:underline;}
#discution{border-top:dashed 1px #000;overflow: auto;}
#discution:hover{background-color:#AAA;}
#discution span.auteur{font-style:italic;font-weight:bold;}
#discution span.date{font-style:italic;float:right;text-align:right;padding-right:3px;display:block;}
#discution span.suppr{float:right;text-align:right;}
#discution p.lienplus{text-decoration:underline;cursor:pointer;font-weight:bold;}
#zoneajoutcom p.titre{background-color:#AAA;cursor:pointer;color:#333;font-size:18px;font-family: times, verdana, sans-serif;}

#boutonmail{margin-left:5px;}
#boutonmail img
{height:40px;cursor:pointer;}

#plusdematch
{margin-left:50px;margin-top:10px;width:200px;padding:5px;background-color:#AAA;border:solid 1px #000;cursor:pointer;}
#plusdematch:hover
{background-color:#FFF;}
#plusdematch p
{text-align:center;}

#configrapide img
{cursor:pointer;margin-left:10px;}

#special
{
position:fixed;
top:0px;
right:10px;
z-index:110;
}

#loginreset
{
	margin-top:5px;
	width:250px;
	border:solid 1px #333;
}

#loginreset p
{
	text-align:left;
}

#loginreset p.titre
{
	font-weight:bold;
	background-color:#C5C8C8;
	text-align:center;
}

#loginreset #boutonreset
{
	cursor:pointer;
	margin-top:10px;
	width:100px;
	height:17px;
	background-color:#3D98E5;
}
#loginreset #boutonreset p
{
	text-align:center;
}

#infovalid
{
	background-color:#AAA;
	margin-top:5px;
	border-top:solid 1px #000;
}
#infovalid p
{
	font-weight:bold;
	font-size:18px;
}
