/* feuille de style du site du tt plaisançois */

body { 
		color:black;
		background-color:black;
		text-align: center;
		/*background-image:url(../fonds/lrock005.jpg);*/
		font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
		font-size:12pt;
			}
#conteneur {
     width:770px;
		 text-align:left;
		 margin-left:auto; margin-right:auto;
		 border:none;}

li a:link    { color: black; }    /* lien non-visité */
li a:visited { color: black; }   /* lien visité   */
li a:active  { color: black; }   /* lien activé    */
li a:hover   { background:black;color: #FFBB66;} /* lien survolé     */

		 
.menu, .connex {	 color:black;
			 				     position:relative;
									 width:125px;
									 font-size:80%;
									 background-color:#fbf0db;
									 text-align:left;
									 border-color:#FFBB66;border-style:solid;border-width:1px;}
									 
.connex {text-align:center;
				 margin-top:10px;}
				 
.menutitre {font-size:120%;font-weight:bold;background-color:#FFBB66;text-align:left;}
				
div.menu table {font-size:100%;}
.menu ul, .connex ul {padding-left:0;margin:0;width:100%;}

li {list-style-type:none;}
.menu li a, .connex li a {text-decoration: none;display: block;width:100%;}
.menu li, .connex li {border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#FFBB66;display: block;}

.connex form {background-color:#FFBB66;margin-left:2px;margin-right:2px;margin-top:0;margin-bottom:2px;}
.connex form input {background-color:#fbf0db;}
.connex img {border:none;}
div.connex li {color:#969696;
				text-align:left;}
div.connex table {font-size:100%;}
		
.affichage, .afjoueurs, .afgraf {	color:black;
				font-size:100%;font-weight:normal;
				float:right;
				background-color:#fbf0db;
				border-color:#FFBB66;border-style:solid;border-width:1px;
				/*min-height:540px;*/
				width:638px;
			}
div.afjoueurs table {font-size:80%;}

div.afjoueurs ul {white-space: nowrap;width:100%;margin:0;}

div.afjoueurs ul li {display:block;float:left;margin-right:20px;width:25%;text-align:center;}

div.afjoueurs ul li a:hover {
                            border-width: 1px;
                            border-color: #ffe #aaab9c #ccc #fff;
                            color: #5F5F5F;
                            background:#fbf0db;
                            }
div.afjoueurs ul li a#selected, div.afjoueurs ul li a#selected:hover
{
color: #5F5F5F;
background:#F8EFDE;
border-width: 2px;
border-color: #aaab9c #fff #fff #ccc;
}

div.afjoueurs ul li a
{
display:block;width:100%;
border-width: 2px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color:#313131;
text-decoration: none;
background:#FEF2DE;
}
/*
div.afgraf div,div.afgraf table {margin-left:auto; margin-right:auto;}
/*
@page classik {
  size: 8.5in 11in; 
  
}
*/
.print {	/*page: classik;*/
			  color:black;
     		font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
				font-size:12pt;font-weight:normal;
  			background-color:white;
				width:8.5in;
				/*width:85%;*/
			}
.affichprint {	color:black;
     		font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
				font-size:100%;font-weight:normal;
				padding-left: 5%;
  			background-color:white;
				width:85%;
			}
a.aprint, a#aprint {color:blue;text-decoration:none;font-size:80%;float:left;}		
.affichprint table tr{font-size:80%;}
/*
.printekip {float:left; 
				width:45%;
				border-style:solid;
				text-align:center;margin:5px;
				background-color:#fffacd;}
*/
.grisgros{
font-size:150%;
color:#585858;
}

.titre	{	
			background-repeat: no-repeat;
			text-align:center;
			font-weight:bold;
			margin-bottom:2%;
					}
					
div.news {			width:612px;/*96%;margin-right:auto;*/
				 				font-size:80%;overflow:hidden;
								text-align:left;
								background-color:#E1E1E1;
								border-style:ridge ;
								border-color:blue;
								border-width:1px;
								margin-left: 10px;
}
.barretitre {		background-color:#D2D2D2;
								text-align:center;color:#808080;
								width:100%;padding-bottom:5px;							 
}
.barretitre span.datenews {float:left;margin-left:10px;font-style:italic;}
.barretitre span.autornews {float:right;margin-right:10px;}
.barretitre span.titrenews {font-size:120%;font-weight:bold;margin-bottom:10px;color:blue;}
.news div.textnews {margin-left:10px;}
.saisienews {		width:96%;
								font-size:80%;
								text-align:center;
								background-color:#FFBB66;
								border-style:solid;
								border-color:black;border-width:1px;
								margin-left: 2%;margin-right:2%;
}
.sk {				 		width:96%;
								font-size:80%;
								text-align:center;
								/*background-image:url(../images/metal20.jpg);*/
								background-color:#979196;
								border-color:silver;
								border-style:outset;
								border-width:3px;}
.ketik {background-image:url(../images/etikvous.jpg);width:165px;height:33px;
			 	border-style:outset;border-width:2px;border-color:silver;
				vertical-align:center;text-align: center;
				font-size:200%;font-weight: bold;color:red;}
.sk input, .sk input radio {background-color:black;color:#00FF00;font-weight: bold;letter-spacing: 1px;}
.sk .bt {		border-color:silver;
								/*border-style:outset;*/
								border-width:3px;}
.crfoto {		    width:96%;
								font-size:100%;
								text-align:left;
								background-color:white;
								border-style:solid;
								border-color:black;border-width:1px;
								margin-left: 2%;margin-right:2%;
}

.attention {   font-size:90%;
               font-style:italic;
}
span.grogra {			font-size:120%;
								font-weight:bold;
}
.calculateur {font-size:85%;text-align:left;}
.caltit {		font-size:100%;
						color:#fb5404;background-color:transparent;
						margin-left:10px;margin-right:10px;margin-top:5px;
						text-align:left;
}
.pubcalc {		width:90%;
								font-size:90%;
								color:#EF5500;
								margin-left: auto;margin-right:auto;
}

.bandeau {	color:#FFBB66;
			font-size:80%;
			text-align:left;
			font-weight:normal;
					}

a#nochange {text-decoration: none; }
a.nochange {text-decoration: none; } /*pour remplacer l'id ci-dessus qui pose des pb pour la validation w3c*/
a.invisible {color:#fbf0db;font-size:70%;}
.fondgraph {    color:#5A321E;
				font-size:100%; 
				border-style:solid; border-color:black;border-width:1px;
				background-color:#F0EBE6;
				position:relative;
				z-index:3;
				}

div.result {margin-left:15;margin-right:auto;margin-bottom:15;}
table.tablbt {margin-left:140px;font-size:100%;}
table.tablbt tr {vertical-align:top;}
span.etiket {font-size:70%;position:relative;top:-4px;}

.colonne {		color:#5A321E;
				font-size:80%;
				text-align:center;
				font-weight:bold;
				border-style:ridge; border-color:#B97869;border-width:1px;
				border-bottom-style:hidden;
				position:absolute;
				width:38px; 
				background-color:transparent; 
				z-index:2;
				}
.marron {color:#5A321E;}
.supportbande { /*pour corriger les modèles de boites de daube d'IE !*/
				border-style:none;
				height:100px;
				width:300px;
				position:absolute; left:0;
				/*z-index:1;*/}

.classementgris { border-style:none;
				font-size:200%;
				text-align:right;
				background-color:#F0EBE6;
				color:white; 
				float: right;
				height:100px;width:inherit; 
				position:absolute; left:0;
				z-index:1;}

.classementblanc { border-style:none;
				font-size:200%;
				text-align:right;
				background-color:white;
				color:#F0EBE6; 
				height:100px;width:inherit;
				position:absolute; left:0;
				z-index:1;}

.classement85 { border-style:none;
				font-size:110%;
				text-align:right;
				background-color:#F0EBE6;
				color:white; 
				height:20px;
				width:inherit;
				position:absolute; left:0;
				z-index:1;}

.classement90 { border-style:none;
				font-size:110%;
				text-align:right;
				background-color:white;
				color:#F0EBE6; 
				height:20px;
				width:inherit;
				position:absolute; left:0;
				z-index:1;}

.tgg, .tgb {position:absolute;top:0;left:0;
		 			background-color:transparent;
					font-size:170%;font-style:italic;text-align:center;
					border-style:none;
					z-index:2;}
.tgg {color:#F0EBE6;}
.tgb {color:white;}

table.listing {		border: 1px solid #000000;
			border-collapse: collapse;
			font-size:100%;
							}

table.listing th {
border: thin solid #6495ed;
width: 16em;
background-color: white;
}

table.listing td {border: thin solid #5A321E;}

.mois {	width: 8em;
		text-align: right;}
.nommois {	color:#5A321E;
				font-size:60%;
				text-align:center;
				font-weight:bold;
				border-style:none;
				position:absolute;
				width:40px;bottom:5px;
				background-color:transparent; 
				z-index:3;
				 
	}

.progression {	color:black;
				font-size:80%;
				text-align:center;
				font-weight:bold;
				border-style:none;
				position:absolute;
				width:38px;
				background-color:transparent; 
				z-index:2;}

.boiteclass { 	font-size:200%;
				text-align:center;
				font-weight:bold;
				border-style:none;
				position:absolute;
				top:5;left:240;
				width:50px;height:80px;}

.boitevide {font-size:100%;
			text-align:left;
			font-weight:bold;
			border-style:none;
			position:absolute;
			width:180px;height:80px;}

div.preced {font-size:90%;
			color:#5A321E;
			border-style:ridge;border-width:2px;
			border-color:#5A321E;
			position:absolute;top:5;left:5;
			width:95px;height:38px;
			z-index:2;}

/*div.preced table {font-size:100%;font-weight:normal;}
div.preced img, */
.afjoueurs img  {border:none;}

	
.swapgraf a {text-decoration:none;border-style:outset;border-color:#5A321E;border-width:2px;
					background-color:#F0EBE6;font-weight:normal;font-size:70%;}
.swapgraf a:link { color:#5A321E; }
.swapgraf a:visited   { color:#5A321E; }    /* lien non-visité */
.swapgraf a:active  { color: #5A321E;}   /* lien activé    */
.swapgraf a:hover   { background-color:#5A321E;color:#F0EBE6;} /* lien survolé     */


.garcon {color:#0000D7;border-color:#6f6fff;}
td.gtop {border-top:solid 1px #0000D7;}
td.gleft {border-left:solid 1px #0000D7;}	
td.gright {border-right:solid 1px #0000D7;}	
td.gbottom {border-bottom:solid 1px #0000D7;}	

.fille {color:#EB00B4;border-color:#ff79e1;}
td.ftop {border-top:solid 1px #EB00B4;}
td.fleft {border-left:solid 1px #EB00B4;}	
td.fright {border-right:solid 1px #EB00B4;}	
td.fbottom {border-bottom:solid 1px #EB00B4;}	

.grisf {color:#696969;
			 	width:70px;
				text-align:right;
}

.plus {color:#28A06E;}
.moins {color:#FF3C3C;}
.noir {color:black;}
.info {color:#ffa500;}

.spacer {clear: both;}
.formsiebug { /*pour corriger l'incompréhensible comportement de MSIE avec a:hover dans .connex*/
	height:2px;font-size:1px;
}

.cpt {color:#00FF00;
			font-size:100%;font-weight:bold;
			background-color:black;
			border-style:inset; border-color:#dadada; border-width:2px;
			}
.diod {color:#FEF1C0;
			font-size:100%;font-weight:bold;
			background-color:black;
			border-style:inset; border-color:#dadada; border-width:3px;
			}			
.sponsor {
color:#EA8923;
text-shadow: black 10px 10px;
}

.baspage {color:#fbf0db;
font-size:80%;
text-align:center;float:right;
width:85%;}

.baspage table {font-size:100%;
margin-left:auto;margin-right:auto;}

.baspage a {text-decoration: none;}

.baspage a:link  { color: #fbf0db; }
.baspage a:visited   { color: #fbf0db; }    /* lien non-visité */
.baspage a:active  { color: #fbf0db; }   /* lien activé    */
.baspage a:hover   { background-color:#fbf0db;color:black;} /* lien survolé     */


#cpr { color: #fbf0db; font-family: Arial;}
div.retour {position:absolute;
         top:5px;
				 background-color:red;
				 } 

.marge {margin:10px;}
.decal {margin-left:10px;margin-right:10px;margin-top:5px;}

.indice {position:relative;bottom:0.5em;font-size:70%;}
				
.cv, .cvpn, .cvreg, .cvdep {text-align: center;
		font-size:100%;
		border-style:solid; border-width:1px;
	  width:201px;
		position:absolute;
		top:300;left:1;}
		
img.basgauch {float:right;margin:5px;border:none;}
.galtitre {text-align:center;letter-spacing: 2px; color:silver;}
span#galnom {font-size:230%;font-weight:bolder;
						font-family: Monotype Corsiva, Comic Sans MS, Arial;
						text-decoration:underline;}
span#galcom {font-style:italic;}
/*span#v_nom {font-size:140%;font-weight:bolder;}*/

.vignet {float:left;width:140px; height:135px; border:none; margin:7px;font-size:70%;text-align:center;}
.galvignet, .galvshort, .galinterdite {float:left;width:130px; height:155px; border:solid; border-color:black;border-width:1px; 
            margin:10px;font-size:65%;text-align:center;color:black;/*#FFBB66;*/
						background-color:#FFBB66;padding:2px;overflow:hidden;}
.galvshort {height:100px;margin:5px;}
.galinterdite {background-color:#c4b7b5;}
div.boxnomgal {width:128px; height:40px;font-size:140%; font-weight:bolder; overflow:hidden;}
.galvshort div.boxnomgal {height:31px;}
/*.galvshort input {font-size:100%;}/*height:12px;}*/
#red {color:red;font-size:75%;border-color:red;}
#red  input {font-size:100%;border-color:red;}
#normalise {font-size:inherit;}
.vignet img, .galvignet img, .galvshort img {/*width:80px;*/border:solid; border-color:black;border-width:1px;}
.cvtitre {letter-spacing: 4px;
					 font-style: italic;font-weight:bolder;
					 font-size:90%;
				 color:silver;}

.rubric {background-color:#E1E1E1;
				border-style:solid; border-color:blue;border-width:1px;
				width:96%;
				margin-left:2%;margin-top:15px;
				font-size:80%;}

.cvpn {background-color:#ffecd9;color:#b35900;border-color:#b35900;}
.cv, .cvreg {background-color:#E1E1E1;	color:blue;border-color:blue;}
.cvdep {background-color:#ffffdf;color:#9b9b00;border-color:#9b9b00;}
.cv, #opak90, .opac90 {filter:alpha(opacity=90); -moz-opacity:0.90; opacity: 0.90;} /*l'id #opak90 est à supprimer à terme*/
.cvpn a {color:#b35900; text-decoration:none;}
.cv,.cvreg a {color:blue;text-decoration:none;}
.cvdep a {color:#9b9b00;text-decoration:none;}

.melcap {font-size:60%;font-style: italic;float:left;margin-left:5px;margin-top:10px;/*position:relative;left:-62;*/}
.melcap:before {font-size:200%;content: url("../logo2/enveloppe.gif");}

.melcap2 {font-size:60%;font-style: italic;float:left;margin-left:5px;margin-top:10px;/*position:relative;left:-62;*/}
.melcap2 img, .m_news img {border:none;}
.m_news img {margin-top:3px;}
.m_news {font-size:80%;font-style: italic;text-decoration:none;margin-left:5px;margin-right:5px;color:red;}
				
.chapitre{font-size:140%;font-weight:bold;color:blue;}
.sstitre {font-size:130%;font-weight:bold;}
.sssstitre{font-weight:bold;}
.sssssstitre{text-decoration:underline}
.titrelien{font-size:150%;color:black;letter-spacing: 10px;}
.rubric li {list-style-type:none;}
.nota {font-style:italic;font-size:85%;}
.itagra {font-style:italic;font-size:90%;color:#102473;font-weight:bold;}
.rubric table {margin:20px;}
.rubric td {width:150px;text-align: left;}
.rubric td.lien1 {width:450px;text-align: left;}
.rubric td.logo {width:50px;text-align: right;}
.rubric span.comm {font-style: italic;
									 font-size:90%;color:blue;}
.rubric a {text-decoration: none;}
.rubric a:link { color: blue; }
.rubric a:visited   { color: blue; }    /* lien non-visité */
.rubric a:active  { color: blue; }   /* lien activé    */
.rubric a:hover   { background-color:blue;color:#E1E1E1;} /* lien survolé     */
.rubric img  {background-color:#E1E1E1;}

table.untour {border-width:1px;border-collapse:collapse;
						 font-size:70%;width:70%;
						 font-family: Arial, Helvetica, sans-serif; 
						 border-color: #5a595a;border-style: solid;empty-cells: show ;
						 color:#5a595a;background-color:white;
						 margin:5px;}
div.affichprint table.untour {width:50%;}
div.printekip table.untour {width:96%;margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;}
.untour th, .untour td {border-color: #5a595a;border-style: solid;border-width:1px;padding: 1px;}						 
.untour th {color: white;background-image:url(../images/fondeq.png);font-size:110%;}
/*
COL#club {width:40%;}
COL#nomclub {width:37%;}
COL#nbre {width:7%;}
COL#score {width:10%;}
*/
COL.club {width:40%;}
COL.nomclub {width:37%;}
COL.nbre {width:7%;}
COL.score {width:10%;}

#nous, .nous {background-color:#bbfdbb;}
.adroite {float:right;width:160px;}

.adroite img {margin-top:5px;}
#italgris {letter-spacing: 2px;
					 font-style: italic;
					 font-size:80%;
				 color:silver;}
#foto {border-style:solid; border-width:1px;border-color:silver;}
.warning {margin:30px;background-color:white; color:red;text-align:center;}

a.btadmin, a.btadmback {text-decoration:none; font-weight:bold; background-color:#eeeeee; border:1px ridge darkblue; padding:1px 8px;}
a.btadmin, .titleadm, .tabadm {color:darkblue;}
.titleadm {font-size:140%; font-weight:bold;}
.tabadm {background-color:#eeeeee;}
a.btadmback {color:purple;}
.admform {display:inline;color:darkblue;background-color:#eeeeee;
        font-size:100%;font-weight:bold;
				border:2px solid darkblue;padding:5px;margin-left:30px;}
.btadmform {color:white;background-color:darkblue;}