/******************************  Play Online  ******************************
 *
 ---------------------------------------------------------------------------
 *                                style.css
 *                                ---------
 *   Modifié le           : Mercredi 31 Octobre 2007
 *   Auteur               : Julien RICHARD
 *   Copyright            : (C) 2006-2007 Play Online
 *
 ---------------------------------------------------------------------------
 *                                SOMMAIRE
 *	PARTIE 1 - Elements de balisage
 *	PARTIE 2 - Mise en page
 *	PARTIE 3 - Classes
 *		
 ***************************************************************************/
 
/*-------------------------------------------------------------------------*/
/* PARTIE 1 - Elements de balisage ........................................*/
/*-------------------------------------------------------------------------*/
	
	a:link {text-decoration:none;color:#002040;font-weight:bold;}
	a:visited {text-decoration:none;color:#002040;font-weight:bold;}
	a:hover {text-decoration:underline;color:#002040;font-weight:bold;}
	a:active {text-decoration:none;color:#EEAAAA;font-weight:bold;}
	acronym {cursor:help;}
	
	body, html {margin:0;padding:0;height:100%;width:100%;background-image:url('images/fond.gif');text-align:center;font-family:arial;font-size:10pt;background-color:#336699;}
	
	form {margin:0px;}
	
	h1 {color:#002040;text-align:center;text-decoration:underline;margin-top:0;}
	h2, h3, h4, h5, h6, h7 {color:#002040;border-bottom:3px #888 dotted;}
	
	img {border:0px;margin:0px;}
	
	legend {padding:1px;font-weight:bold;color:#002040;background-color:#EEE;border:2px solid #002040;}
	
	p {text-indent:10px;margin:20px;text-align:justify;}
	
	table {border:1px #000 solid;}
	td {border:1px #000 solid;padding:2px;}
	th {border:1px #000 solid;text-align:center;}


/*-------------------------------------------------------------------------*/
/* PARTIE 2 - Mise en page ................................................*/
/*-------------------------------------------------------------------------*/

		div#page {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			text-align:left;
			width:750px;
			}
		div#banniere {
			background-image:url('images/ban.jpg');
			width:750px;
			height:173px;
			}
		div#hautdepage {
			background-image:url('images/hautdepage.gif');
			position:relative;
			padding:5px 10px 0px 5px;
			width:735px;
			height:21px;
			float:right;
			}
		div#menu {
			background-image:url('images/menu.jpg');
			width:115px;
			height:325px;
			text-align:left;
			padding-left:5px;
			padding-top:25px;
			float:left;
			}
		div#contenu {
			background-color:#FFFFFF;
			position:relative;
			width:600px;
			text-align:left;
			min-height:350px;
			padding:15px;
			float:right;
			}
		div#basdepage {
			width:620px;
			position:relative;
			height:16px;
			padding:5px;
			margin-left:100px;
			background-image:url('images/basdepage.gif');
			text-align:center;
			float:right;
			}
		div#titre {width:400px;position:relative;background-image:url('images/barre.gif');text-align:center;border:2px black solid;background-color:#002040;color:#EEE;font-weight:bold;font-size:12pt;margin-left:auto;margin-right:auto;display:bloc}
		
/*-------------------------------------------------------------------------*/
/* PARTIE 3 - Classes .....................................................*/
/*-------------------------------------------------------------------------*/

	/* ==  menu == */
		.bouton {background-color:#124;color:white;border-color:#002040;}
		.formulaire {scrollbar-arrow-color:black;scrollbar-base-color:#C7C7C7;scrollbar-face-color:#C7C7C7}
		.titre {border:1px black solid;background-image:url('images/barre.gif');background-color:#002040;color:#EEE;font-weight:bold;font-size:12pt}
		
		.menu {color:#EEEEEE;font-weight:bold;}
		a.menu:link {font-variant:Small-caps;text-decoration:none;color:#EEEEEE;font-weight:bold;}
		a.menu:visited {font-variant:Small-caps;text-decoration:none;color:#EEEEEE;font-weight:bold;}
		a.menu:hover {font-variant:Small-caps;text-decoration:overline underline;color:#FFFFCC;font-weight:bold;}
		a.menu:active {font-variant:Small-caps;text-decoration:none;color :#EEAAAA;font-weight:bold;}
		
		.chemin {text-decoration:none;color:#EEEEEE;font-weight:bold}
		a.chemin:link {text-decoration:underline;color:#EEEEEE;font-weight:bold;}
		a.chemin:visited {text-decoration: underline ; color : #EEEEEE}
		a.chemin:hover {text-decoration: underline; color : #FFFFCC}
		a.chemin:active {text-decoration: none ; color : #004080}
		
		a.barre:link {text-decoration: none;color: #FFFFFF;font-weight: bold;}
		a.barre:visited {text-decoration: none;color: #FFFFFF;font-weight: bold;}
		a.barre:hover {text-decoration: underline;color : #FFFFFF;font-weight: bold;}
		a.barre:active {text-decoration: none;color : #FFFFFF;font-weight: bold;}
		
		.administrateur {text-decoration: none ; color : #804040}
		a.administrateur:link {text-decoration: none ; color : #804040 ; font-family:arial ; font-weight:bold; font-size:9pt}
		a.administrateur:visited {text-decoration: none ; color : #804040 ; font-family:arial ; font-weight:bold; font-size:9pt}
		a.administrateur:hover {text-decoration: underline; color : #804040}
		a.administrateur:active {text-decoration: none ; color : #804040}
		
		.moderateur {color:#306010;}
		a.moderateur:link {text-decoration:none;font-weight:bold;}
		a.moderateur:visited {text-decoration:none;}
		a.moderateur:hover {text-decoration:underline;}
		a.moderateur:active {text-decoration:none ;}
		
	/* B - Texte ..........................................................*/	
		p.br {text-indent:0;margin:2px;text-align:center;line-height:1.5;}
		
		p.paragraphe {text-indent:10px;color:#003060;text-align:justify;margin: 10px 10px 10px 10px;}
		
		.taille8 {font-size: 8pt;}
		
		.bleu {color: #002040;}
		.blanc {color: #FFFFFF;}
		
		.alignemilieu {vertical-align: middle;}
		
		.gras {font-weight: bold;}
	
	
	/* C - Bloc .......................................................*/
		.bordurebleue {border: 2px solid #002040;}
		.padding5 {padding: 5px;}