/* Soviet - CSS3 */

*
{
	font-family:monospace;
}

body
{
	color:#cccccc;
	background:#000000;
	font-size:14px;
	line-height:20px;
	letter-spacing:1px;
}

#main-layer 
{
	background:#990000 url(background_panthera.png) repeat scroll 0 0;
	margin:10px 5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
	text-align:center;
}

#page-layer
{
	margin:auto;
	width:940px;
	text-align:left;
}

#head-layer
{
	text-align:center;
	padding:10px;
}

#head-layer h1
{
	margin:0;
	padding:0;
}

#menu
{
	margin:10px;
	padding:0px;
	color:#ffffff;
}

#menu a
{
	line-height:90px;
	margin:0;
	letter-spacing:3px;
	padding:20px;
	font-size:40px;
	font-weight:bolder;
	font-variant:small-caps;
	color:#ffffff;
	text-decoration:none;
	background:transparent url(stars1.png) no-repeat 50% 0;
	-webkit-text-shadow:2px 2px 3px #000000;
	-moz-text-shadow:2px 2px 3px #000000;
	-o-text-shadow:2px 2px 3px #000000;
	-khtml-text-shadow:2px 2px 3px #000000;
	-ms-text-shadow:2px 2px 3px #000000;
	-chrome-text-shadow:2px 2px 3px #000000;
	text-shadow:2px 2px 3px #000000;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-10deg);	
}

#menu a:hover
{
	text-decoration:underline;
}

#body-layer
{
	color:#cccccc;
	letter-spacing:1px;	
}
#body1
{
	float:left;
	width:66%;
}

#body1-content, #body2-content
{
	background:#000000;
	background:rgba(0,0,0,.85);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
	margin:0;
	padding:20px;
}

#body1 th, #body1 td, #body2 th, #body2 td
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
}

#body1 tr:hover td
{
	background:#000000;
}

#body2
{
	float:left;
	width:33%;
}

#body2-content
{
	margin-left:20px;
}

#body2-content p
{
	text-align:center;
}

#body2-content img
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
}

#body2-content form p
{
	text-align:left;
}

#foot-layer
{
	margin:10px 0;
	clear:both;
}

#copyright *
{
	text-align:center;
	color:#ffffff;
	font-size:20px;
	-webkit-text-shadow:2px 2px 3px #000000;
	-moz-text-shadow:2px 2px 3px #000000;
	-o-text-shadow:2px 2px 3px #000000;
	-khtml-text-shadow:2px 2px 3px #000000;
	-ms-text-shadow:2px 2px 3px #000000;
	-chrome-text-shadow:2px 2px 3px #000000;
	text-shadow:2px 2px 3px #000000;
	padding-bottom:10px;
}

#foot1, #foot2, #foot3
{
	float:left;
	width:33.3%;
	text-align:left;
}

#foot1 div, #foot2 div, #foot3 div
{
	margin:0;
	padding:0 10px;
}

#foot1 div
{
	padding-left:20px;
}

#foot3 div
{
	padding-right:20px;
}

#sitemap
{
	background:#000000;
	background:rgba(0,0,0,.85);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
	margin:0;
	padding:0;
}

.clear
{
	clear:both;
}

p
{
	text-align:justify;
}

em
{
	font-weight:bolder;
}

a
{
	font-weight:bold;
	color:#990000;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a img
{
	border:0;
}

li
{
	list-style-type:square;
}

table
{
	width:100%;
}

th
{
	background:#999966;
	color:#000000;
}

th, td
{
	text-align:center;
}

#body1 h2
{
	font-size:40px;
	line-height:46px;
	padding:10px;
	margin:0 0 20px 0;
	text-align:center;
	font-variant:small-caps;
	letter-spacing:5px;
	color:#000000;
	background:#999966;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
}

#body2 h2, #sitemap h2, h3
{
	margin:10px 0;
	padding:10px 0;
	font-size:20px;
	color:#999966;
	border-bottom:1px solid #999966;
	letter-spacing:1px;
	background:transparent url(stars2.png) no-repeat 100% 50%;
}

/* Affichage des formulaires */
form
{
	margin:0;
	padding:0;
}

fieldset
{
	margin:5px;
	padding:10px;
	border:2px solid #999966;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-khtml-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-chrome-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}

fieldset fieldset:hover
{
	background:#000000;
}

fieldset legend
{
	color:#000000;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
	font-size:16px;
	font-weight:bolder;
	background:#999966;
	padding:5px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-khtml-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-chrome-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}

fieldset fieldset
{
	border:2px solid #000000;	
}

fieldset fieldset legend
{
	color:#cccccc;
	background:#000000;
}

fieldset fieldset:hover
{
	border:2px solid #999966;	
}

fieldset fieldset:hover legend
{
	color:#000000;
	background:#999966;
}

input, select, textarea
{
	border:1px solid #999966;
	background:transparent;
	color:#cccccc;
	padding:5px;
}

input[type="checkbox"], input[type="radio"]
{
	border:1px solid #999966;
	background:transparent;
	color:#cccccc;
}

input[type="submit"], input[type="reset"]
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
	-webkit-text-shadow:1px 1px 2px #000000;
	-moz-text-shadow:1px 1px 2px #000000;
	-o-text-shadow:1px 1px 2px #000000;
	-khtml-text-shadow:1px 1px 2px #000000;
	-ms-text-shadow:1px 1px 2px #000000;
	-chrome-text-shadow:1px 1px 2px #000000;
	text-shadow:2px 2px 3px #000000;
	padding:3px;
	background:#990000;
	color:#ffffff;
	border:1px inset #990000;
	opacity:.8;
}

input[type="submit"]:hover, input[type="reset"]:hover
{
	cursor:pointer;
	opacity:1;
	border:1px outset #990000;	
}

/* Affichage des membres sous forme de vignettes */
div.mosaique
{
	margin:0;
	padding:0;
	width:100%;
}

div.emplacement
{
	float:left;
	width:33.33%;
	text-align:center;
}

div.vignette
{
	color:#cccccc;
	border:2px solid #000000;
	margin:5px auto;
	width:160px;
	font-size:16px;
	font-weight:bolder;
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-khtml-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-chrome-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

div.rank
{
	background:#000000;
	padding:5px;
	color:#cccccc;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-khtml-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-chrome-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

div.avatar
{
	padding:5px;
	opacity:0.5;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-khtml-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-chrome-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

div.avatar img
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	-chrome-border-radius:10px;
	border-radius:10px;
}

div.pseudo
{
	padding:5px;
	color:#990000;
}

div.vignette:hover
{
	color:#000000;
	border:2px solid #999966;
}

div.vignette:hover div.rank
{
	background:#999966;
	color:#000000;
}

div.vignette:hover div.avatar
{
	opacity:1;
}

/* Comptabilité */

tr.account_red td
{
	color:#FF0000;
	font-weight:bold;
}

tr.account_orange td
{
	color:#FF9900;
	font-weight:bold;
}

tr.account_normal td
{
	color:#009900;
	font-weight:bold;
}

/* Calendar */
td.today
{
	background:#999966;
	color:#000000;
}

td.rdv
{
	background:#990000;
	color:#FFFFFF;
}

td.rdv a
{
	color:#FFFFFF;
}