body{

	margin-top:5px;
	margin-left:5px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}


a {
	color: #c6585b;
	text-decoration: none;
}

h2{
	padding: 0px;
	margin: 0px;

}

img.titre{
	margin-bottom:10px;
	border: 1px solid black;
	width: 558px;
}


/***************************************/
/* Position blocs gauche/centre/droite */
/***************************************/

#page{
	position: absolute;
	left: 0px;
	top:0px;

}


#haut{
	position: absolute;
	top:5px;
	left:7px;
	width: 990px;
	z-index: 10;
	/* visibility: hidden; */
}

#gauche{
	position: absolute;
	width: 150px;
	height:200px;
	/*float: left;*/
	top: 125px;
	left: 5px;
	z-index: 1;
	/* visibility: hidden; */
}

#centre{
	position: absolute;
	top: 115px;
	left: 5px;
	width: 800px;
	
	z-index: 1;
	/* visibility: hidden; */
}

#droite{
	position: absolute;
	width: 160px;
	/* float: right; */
	top: 5px;
	left: 835px;
	z-index: 1;
	/* visibility: hidden; */
}



/**************************/
/* Haut (menu + banniere) */
/**************************/
#haut{
	/*background-color: #a31114;
	border: 1px solid black;*/
}

#banniere{
	/*height: 120px;*/
	width: 100%;
}

#banniere img{
	/*float: left;
	margin: 15px 0 0 15px;*/
}

/***** menu CSS *****/
#conteneurmenu{
	background-color: blue; /* #a31114 */
	height: 0px;
	/* border-top: 1px solid black; */
}

@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}


.menu, .ssmenu {
	color:#000000;
	font-size: 11px;

	/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	background-color: #ffffff;
	border:1px solid #c65157;

}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	
	
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
	border: 1px solid black;
	font-size: 10px;
	padding:5px;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}


.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	text-decoration:none;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	
	voice-family:inherit;
	color:#c65157;
	height: 15px; 
}

.menu a{
	text-align:center;

}

html>body .menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	width :auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	
	color:#ffffff;
	background-color:#c65157;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/

/*****************************/
/* Positionnemlent des panels */
/*****************************/
#gauche .panel{
	width: 150px;
	text-align: center;
	clear: both;
	font-size: 10px;
	background-color:#FFFFFF;
}
#droite .panel{
	width: 156px;
	text-align: center;
	font-size: 10px;
	background-color:#FFFFFF;
	margin-bottom:10px;
}

#calendar, #calendrier, #panel_mat.panel, #ggevent, #persomobiles, #infos_serveur, #minimenu, #newsletter, #recherche, #tournoi{
	
	border: 1px solid #a31114;
}

#gauche .panel p{
	width: 100%;
	border:1px solid #a31114;
	margin:0px;
	border-top:0px;
	padding-bottom:10px;
	padding-top:10px;
}

#droite .panel p{
	width: 100%;
	border:1px solid #a31114;
	margin:0px;
	text-align:center;
}

#contenu{
	margin-bottom: 50px;
}
.panel h2{
	width: 157px;
	text-align: center;
	margin: 0px;
	color: white;
	font-style:italic;
	font-size: 12px;
	height: 22px;
	line-height:20px;
	border-right:1px solid black;
	background-image:url(graphs/semi_headers/accueil.jpg);
}
.panel h3{
	width: 151px;
	text-align: center;
	color: white;
	font-size: 12px;
	height: 22px;
	line-height:20px;
	margin:0px;
	border-right:1px solid black;
	background-image:url(graphs/semi_headers/accueil.jpg);
}
.panel-partners-img {
margin-bottom:5px;
margin-top:5px;
}

.cadre_zonedetexte{
	margin: 5px;
	background-color: white;
	text-align: left;
	text-align: justify;
	padding:5px;
	width:100%;
	/*border:1px solid #A41215;*/
}
.cadre_zonedetexte#news table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*
	Divers
*/
.center{ display: block; text-align: center;}
.spacer{display: block; width:0px; clear:both; line-height: 0px; font-size:0px;}
abbr, acronym, .help{color: black; border-bottom:1px dotted #333; cursor: help;}
.gras{ font-weight: bold; }
.italique{ font-style: italic;}
.souligne{ text-decoration: underline; }
blockquote{	border: 1px dotted gray; font-style: italic; padding: 5px;}
#copyright{ font-size: 10px; }
.auteur{ font-weight: bold; }
.aff_pages .prev{ width: 25%; float: left; text-align: left; }
.aff_pages .current{ width: 45%; float: left; text-align: center; }
.aff_pages .next{ width: 25%; float: right; text-align: right; }
.img-shadow{
	background: url(graphs/shadow.gif) no-repeat bottom right;
	margin: 10px 5px 0px 7px;
	display:block;
	text-align:right;
}
.img-shadow img {
	position: relative; 
	border: 1px solid black;
	margin: -7px 7px 7px -7px; 
	padding: 4px; 
	}


#pub1{
	position: absolute;
	top: 16px;
	left: 515px;
	/*border: 1px solid black;*/
}



/*
	News
*/
.news_art{
	background-color: white;
	border: 1px solid #DDDDDD;
	margin: 0 0 15px 0;
	padding: 15px;
}



#news.cadre_zonedetexte{
	background-color: white;
}
#news .news_art{
	text-align: left;
}



/*
	Galerie
*/
#galerie img{ border: 1px solid black; }
#galerie dd{ text-align: center; padding-left:0; margin-left: 0; }
.galerie{ width: 90%; margin: 0 auto 0 auto; }
.galerie td{ padding: 5px; }
#galerie dt{ margin-top: 15px; }
#galerie .garde dt{ font-weight: bold; text-align: center; }
#galerie .garde dd{ margin: 0 0 15px 0; clear: both; }
#galerie .garde dt{ clear: both; margin: 10px 0 10px 0;}
#galerie .garde .img-shadow{float:left;margin-right: 15px; margin-bottom: 15px;}

/*
	newsletter Recherche
*/

#newsletter label,#recherche label{
	font-weight: bold;
	float: left;
	display: block;
	width: 70px;
}

#newsletter input.text, #recherche input.text{
	width: 100px;
	background-color: #dadada;
	border: 1px solid black;
}

#newsletter span,#recherche span{
	display: block;
	clear: both;
	margin-top: 10px;
}

#newsletter .submit{
	margin-left: 70px;
	background-color: #a31114;
	border: 1px solid black;
	color: white;
	font-weight: bold;
}

#recherche .submit{
	margin-left: 5px;
	background-color: #a31114;
	border: 1px solid black;
	color: white;
	font-weight: bold;
}


/***********
	Lexique
*/

#lexique{ text-align: center; }
#lexique dt{
	text-align: left; font-size: 14px; margin: 0 0 15px 0; font-weight: bold;
	text-decoration: underline; }
#lexique dd{ text-align: left; margin: 0; }
#lexique ul{ text-align: left; margin: 0 0 0 180px; }

/**********
	Contact
*/

#contact label{ float: left; display: block; width: 150px; font-weight: bold; }
#contact input.text, #contact textarea{	border: 1px solid black; }
#contact input.text{ width: 150px; background-color: #dadada; }
#contact .ligne{ margin-bottom: 10px; }
#contact textarea{ width: 300px; background-color: #dadada; }
#contact .submit{
	margin-left: 150px; background-color: #a31114; border: 1px solid black;
	color: white; font-weight: bold; }

/**********
	tournoi CS 21/06/05
*/

#tourcs label{ float: left; display: block; width: 250px; font-weight: bold; }
#tourcs input.text,#tourcs input.longtext,  #contact textarea{	border: 1px solid black; }
#tourcs input.text{ width: 150px; background-color: #dadada; }
#tourcs input.longtext{ width: 230px; background-color: #dadada; margin-bottom: 10px;margin-top: 10px;}
#tourcs .ligne{ margin-bottom: 10px; }
#tourcs textarea{ width: 300px; background-color: #dadada; }
#tourcs .submit{
	margin-left: 250px; background-color: #a31114; border: 1px solid black;
	color: white; font-weight: bold; }
#tourcs hr{ width:  300px; height: 0; border-top: 1px solid black;
	margin-top: 20px; margin-bottom: 20px}


/***********
	Palmares
*/
.palmares{
	font-size: 10px; border: 1px solid black; padding: 0; margin: 0;
	width: 100%; border-collapse: collapse; }
.palmares th, td{ margin: 0; padding: 0;}
.palmares td{ padding: 2px; }
.palmares tr:hover{ background-color:#dadada; }
.palmares a{ display: block; width:100%; padding: 2px 0 2px 0; }
.palmares th{
	padding: 4px; background-color: #a31114; color: white;
	font-weight: bold; border-bottom: 1px solid black; }

/*********
	Demos
*/

.demos{
	font-size: 10px; border: 1px solid black; padding: 0; margin: 0;
	width: 100%; border-collapse: collapse; }
.demos th, td{ margin: 0; padding: 0; }
.demos td{ padding: 2px; }
.demos tr:hover{ background-color:#dadada; }
.demos a{ display: block; width:100%; font-weight: bold;padding: 2px 0 2px 0; }
.demos th{
	padding: 4px; background-color: #a31114; color: white; font-weight: bold;
	border-bottom: 1px solid black; text-align: center; }
.demos .inputblock{ float: left; margin-right: 10px; }
.demos .inputblock label, .demos .inputblock input,.demos .inputblock select{
	display: block; }
.demos .inputblock input, .demos .inputblock select{
	margin: 5px 0 5px 0; background-color: #dadada; border: 1px solid black; }
.demos .submit{
	font-weight: bold; background-color: #dadada; border: 1px solid black;}

/**********
	membres
*/

#hg{ width: 189px; padding-right: 10px; float: left;
	border-right: 1px solid black;	margin-bottom: 10px; }
#hd{ width: 336px; float: left; padding-left: 10px; clear: right;
	margin-bottom: 10px; }
#hd img{ width: 90px; }
#b{	width: 560px; clear: left; padding-top: 15px; padding-bottom: 15px;
	border-top: 1px solid black; text-align: justify; }
#cadre_membres h2{ background: none; font-size: 15px; color:  black; text-align: left;}

/*************
	Calendrier
*/

.calendrier{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-color: white;
	margin: 5px auto 0 auto;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 0;
	border-collapse: collapse;
}
.calendrier .today{ background-color: #a31114; color: white;}
.calendrier th{ background-color: #a31114; color: white;}
.calendrier td{ padding: 3px 0 3px 0; }
.calendrier a{ color: #a31114; text-decoration: underline;}
.calendrier .today a{ color: #dadada; text-decoration: underline;}

/*
	partenaires
*/
#partenaires dd, #partenaires dt{
	margin:0; padding: 0;
}

#partenaires dt{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

#partenaires dd{
	margin-bottom: 10px;
}


#partenaires .logo_ori{
	float: left;
	margin: 0 10px 5px 0;
}

#panel_part{
}

.panel_part1 .part_cat{
	font-weight: bold;
	font-size: 14px;
}

#panel_part2 .part_cat{
	font-weight: bold;
	font-size: 14px;
}


/*
	Serveur
*/
#infos_serveur .img_server{
	width: 90px;
	height: 60px;
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid black;
}

/*
	Sondage
*/
#sondage form, #newsletter form{
	margin: 0;  padding:0;
}


/***************************/
/*        TEST             */
/***************************/
#contenu h2{
	font-size: 25px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	color: white;
	background-color: #a31114;
	border: 1px solid black;
	/*background-image: url(graphs/fond_tit.gif);
	background-repeat: repeat-x;*/
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.cadre_zonedetexte h3{
	font-weight: bold;
	width: 100%;
	text-align: center;
	border-top: 2px dotted #a31114;
	border-bottom: 2px dotted #a31114;
	padding: 3px 0 3px 3px;
	margin: 0;
	text-align:left;
	color:#c6585b;
	font-size:14px;
}

#contenu h4{
	margin: 0 0 20px 0;
	font-size: 10px;
	font-weight: bold;
	width: 100%;
	text-align: left;
}



.result{
	width: 100%;
	border: 1px solid black;
}
/*
	Commentaires
*/
#comment .user_comment{
	border: 1px solid black;
	padding: 10px;
	position:relative;
}

#comment .user_infos{
	background-color: #EEEEEE;
	border: 1px solid black;
	color:#000000;
	border-top: 0;
	margin-bottom: 20px;
}

#comment .user_name{ font-weight: bold; }

#comment .tit{
	background-color: #BBBBBB;
	color: white;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

#comment textarea{
	width: 798px;
	height: 100px;
	background-color: #EEEEEE;
	border: 1px solid black;
}

#comment .user_infos a{ color:#000000; }

#comment .submit{
	background-color: #BBBBBB;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	margin-left: 350px;
}

#comment input.text{
	background-color: #dadada;
	border: 1px solid black;
}


#infos_globales{
	position: absolute;
	width: 810px;
	/* left: 215px; */
	top: 67px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

#infos_globales a{ color: white; text-decoration: underline; }

.commentez{ font-size: 9px; margin-top: 20px; text-align: right; }
.commentez a{ text-decoration: underline; font-weight: bold; }

/*** Stats serveur ****/

#statsserveur table{
	font-size: 12px; border: 1px solid black; padding: 0; margin: 0;
	width: 545px; border-collapse: collapse; }
#statsserveur a { font-weight: bold; }
#statsserveur th, td{ margin: 0; padding: 0;}
#statsserveur td{ padding: 2px; }
#statsserveur th{
	padding: 4px; background-color: #a31114; color: white;
	font-weight: bold; border-bottom: 1px solid black; text-align: center;}
#statsserveur .pages{ margin: 10px 0 10px 0; border: 0; }
#statsserveur .inf_tit{ font-weight: bold;}
#statsserveur .inf_dat{ text-align: right;}
#statsserveur .colg{ float: left; width: 272px;}
#statsserveur .cold{ float: right; width: 272px;}
#statsserveur #res_joueur{ width: 270px; }
#statsserveur #prof_tues tr:hover, #statsserveur #ident tr:hover, #statsserveur #weap tr:hover, #statsserveur #res_joueur tr:hover, #statsserveur #lst_all tr:hover {background-color:#dadada; }
#statsserveur #prof_tues, #statsserveur #ident, #statsserveur #weap, #statsserveur #res_joueur {
	width: 270px; margin-bottom: 5px; background-color: #dadada; }
#statsserveur #plrmaps{ margin-bottom: 5px; background-color: #dadada; }
#statsserveur  #rch_form{ text-align: right; }
#statsserveur  #rch_form .text{ width: 70px; font-size: 10px; line-height: 13px;
	border: 1px solid black; background-color: #dadada;	color: black; }
#statsserveur  #rch_form .submit{
	width: 70px; line-height: 13px; font-size: 10px;
	border: 1px solid black; background-color: #a31114; color: white;
	margin-left: 20px; }

/*********Panels accueil v2 *******/

#pg_accueil{
	background-color: white; margin: 5px; padding: 5px;}
#pg_accueil td
{
	vertical-align:top;
}
#pg_accueil .colg{  height: 69px; width: 277px; }
#pg_accueil .colc{ width: 252px;height: 71px; margin-left:8px; margin-right:9px; }
#pg_accueil .cold{ width: 252px;height: 71px; }
#pg_accueil h2{
	background-repeat:no-repeat;
	line-height: 22px; 
	vertical-align: middle; 
	text-align: center;
	font-weight: bold; 
	color: white; 
	padding: 0; margin: 0;	
	font-size: 12px;
	height: 22px; 
	border:0px;
	cursor:pointer;
}
#pg_accueil .acc_panel{
	font-size: 10px; background-color: white; border-top: 0;
	border-bottom: 1px solid gray; border-left: 1px solid gray;
	border-right: 1px solid gray; list-style: none; margin: 0; padding: 0;
	width: 100%; }

.acc_panel a:hover{ text-decoration: underline; }
#pg_accueil #acc_news{ width:275px; }
#pg_accueil #acc_news span{ float: right; margin-right: 3px; }
#pg_accueil #acc_articles span{ float: right; margin-right: 5px; }
#pg_accueil #acc_demos span{ float: right; margin-right: 3px; }
#pg_accueil #acc_forum span{ float: right; margin-right: 3px; }
#pg_accueil #acc_news .w3, #pg_accueil #acc_demos .w3{
	background: url(http://gg.akyrion.com/graphs/w310.gif) no-repeat 257px 1px; }
#pg_accueil #acc_news .cs, #pg_accueil #acc_demos .cs{
	background: url(http://gg.akyrion.com/graphs/cs10.gif) no-repeat 257px 1px; }
	#pg_accueil #acc_news .pes, #pg_accueil #acc_demos .pes{
	background: url(http://gg.akyrion.com/graphs/pes10.gif) no-repeat 257px 1px; }
#pg_accueil #acc_news .pes, #pg_accueil #acc_demos .pes{
	background: url(http://gg.akyrion.com/graphs/pes10.gif) no-repeat 257px 1px; }
#pg_accueil #acc_news .gn, #pg_accueil #acc_demos .gn{
	background: url(http://gg.akyrion.com/graphs/gn10.gif) no-repeat 257px 1px; }
#pg_accueil #acc_articles{ height: 54px; margin-bottom: 5px;}
#pg_accueil #acc_demos{ padding:0px; width:251px; }
#pg_accueil #acc_forum{ padding:0px; width:251px; }

/* STYLES NEWS light */

.div-news a {
border:1px solid black; 
height:200px;
color:#000000;

text-decoration:none;
cursor:pointer;
}
.div-news a:hover {
background-color: #EEEEEE;
}
.span-posted_by {
font-style:italic;
font-size:11px;
font-weight:bold;
}
.span-comment_edit {
float:right;
margin-top:-15px;
}
a.footer {
color:#777777;
}
a.footer:hover {
color:#000000;
}
a.footer:active {
color:#777777;
}


/* STYLES CALENDAR */
#calendar2 table{
	background-color: #A41215;
	border: 1px #A41215 solid;
}


.calendarNav {  
font-family: Verdana, Arial, Helvetica; 
font-size: 10px;
font-style: normal;
background-color: #3f6551;
}
.calendarTop {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-style: normal;
color: #FFFFFF;
font-weight: bold;
background-color: #A41215;
}
.calendarToday {
height: 70px;
font-family: Verdana, Arial, Helvetica; 
font-size: 10px; 
font-weight: bold; 
color: #FFFFFF; 
background-color: #541215;
vertical-align: top;
text-align:center;
}
.calendarDays {   
height: 70px; 
width: 14%;
font-family: Verdana, Arial, Helvetica; 
font-size: 10px; 
font-style: normal; 
color: #000000; 
background-color: #FFFFFF;
vertical-align: top;
text-align:center;

}
.calendarHL {  
width: 20px; 
height: 60px;
font-family: Verdana, Arial, Helvetica; 
font-size: 10px; 
font-style: normal; 
color: #FF0000; 
background-color: #00FF00; 
}
.calendarHeader	{ 
font-family: Verdana, Arial, Helvetica; 
font-size: 9px; 
background-color: #541215; 
color: #FFFFFF;
}
.calendarTable {
background-color: #A41215;
border: 1px #A41215 solid;
}
.calendarBottom {
background-color: #FFFFFF;
}
.pc_free {
width: 15%;
height: 15px;
background-color:#FFFFFF;
}
.pc_res {
width: 15%;
height: 15px;
background-color:#A41215;
}
.legende {
position:absolute;
top:15px;
right:20px;
padding:10px;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
text-align:center;
}
.sub {
border:1px solid black;
}
.radio_b {
vertical-align:middle;
}
.cal.auth.input {
border:1px solid black;
}
.cal.auth.submit {
border:1px solid black;
}
.cal.faq.title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
font-weight:bold;

width:60%;
height:50px;
text-align:center;
vertical-align:middle;
background-color: #A41215;
line-height:50px;
}
.cal.faq.contenu {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;

width:60%;
text-align:justify;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
}
.cal.contact.title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;

background-color:#A41215;
width:500px;
height:50px;
text-align:center;
vertical-align:middle;
line-height:50px;
}
.cal.contact.all {
text-align:center;
}
.cal.contact.content {
text-align:left;
width:500px;
}
.cal.contact.sub {
border:1px solid #A41215;
background-color:#FFFFFF;
color:#A41215;
}

.panel_calendar_week_top {
font-weight:bold;
text-align:center;
background-color:#A41215;
color:#FFFFFF;
width:30px;
}

/* STYLE EUROCUP XIII */
.eurocup-title {
margin-bottom:0px;
font-size:20px;
font-weight:bold;
color: #c6585b;
}

.eurocup-subtitle {
margin-bottom:0px;
font-size:16px;
font-weight:bold;
color: #888888;
}