/* 	
		Informations sur la feuille de style :
		--------------------------------------
		Couleur de fond de page : #963 
		Couleur de fond des blocs : #AB8157
		Couleur des contours et polices sombres : #5B4026
		Couleur de fond des menus : #
		Pour changer la taille du bloc de gauche (#petit_bloc) sans risque, il suffit de changer la valeur du width ;)
		Pour faire basculer le bloc de gauche à droite, changer les propriétés de petit_bloc comme suit :
		#petit_bloc									{ width: 170px; float: right; margin-left: 10px; }
*/

/* ########################### */
/* ######### Global ########## */
/* ########################### */
body                				{ margin: 0; background: #000; color: #000; text-align: center; }
#page               				{ width: 750px; margin: 0 auto; text-align: left; }
#page												{ background: #963 url(gfx/header.jpg) no-repeat top left; }
#splash #page								{ background: #000; text-align: center; }

#header											{ width: 750px; height: 106px; }
#footer											{ width: 750px; height: 86px; background: url(gfx/footer.jpg) no-repeat bottom left; }

#corps											{ padding: 0 10px 0 10px; background: url(gfx/bg-corps.gif) no-repeat bottom left; }

/* reformatage des tables pour qu'il n'y ait plus aucune bordure */
table 											{ border-spacing: 0px; border-collapse: collapse; }
td													{ padding: 0; }

/* fixe l'absense de nowrap pour IE 5.0x On remplace donc avec la balise <pre> */
pre													{ font-family: Trebuchet MS, geneva, lucida, sans-serif; margin: 0; }

/* ########################### */
/* ########## Typos ########## */
/* ########################### */
body, table, td, tr, div, p, span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #EEE; }
A:link              				{ color: #FC0; text-decoration: none; }
A:visited           				{ color: #FC0; text-decoration: none; } 
A:hover             				{ color: #5B4026; text-decoration: underline; }
A:active            				{ color: #5B4026; text-decoration: none; }

H1, H2, H3, H4, H5, H6 			{ font-family: Trebuchet MS, geneva, lucida, sans-serif; margin: 0; font-weight: bold; color: #5B4026; }
H1													{ font-size: 160%; }
H2		    									{ font-size: 150%; }
H3		    									{ font-size: 140%; }
H4		    									{ font-size: 130%; }
H5		    									{ font-size: 120%; }
H6		    									{ font-size: 110%; }

#splash H1									{ color: #963; }

/* ########################### */
/* ########## Blocs ########## */
/* ########################### */

#petit_bloc									{ width: 170px; float: left; margin-right: 10px; }
/* En option, pour faire flotter le petit bloc à droite */
/* #petit_bloc									{ width: 169px; float: right; margin-left: 10px; } */ 

#plan-power #petit_bloc					{ width: 169px; float: right; margin-left: 10px; } */ 

#petit_bloc	.bloc_inside		{ text-align: justify; }
.bloc_inside								{ padding: 5px; background: #AB8157; border-left: 1px solid #5B4026; border-right: 1px solid #5B4026; }

#gros_bloc .bloc_inside 		{ font-size: 110%; background: #AB8157 url(gfx/bg_bloc.jpg) no-repeat top right }
.bloc thead img							{ display: block; }
.bloc .titre_bloc						{ font-size: 15px; font-weight: bold; background: #AB8157 url(gfx/bloc_top_title.gif) repeat-x top left; white-space: pre; vertical-align: middle; }
.bloc thead td							{ background: #963 url(gfx/bloc_top_bg.gif) repeat-x top left; }
.bloc .inside_box						{ border-left: 1px solid #5B40260; border-right: 1px solid #5B4026; }
.bloc .footer_bloc td				{ background: #963 url(gfx/bloc_bottom_bg.gif) repeat-x top left; padding: 0; font-size: 0px; }
.bloc .footer_bloc img			{ display: block; }

/* ########################### */
/* ########## Menus ########## */
/* ########################### */

div.menuV1                	{ }
div.menuV1 ul 							{ margin: 0; padding: 0; }
div.menuV1 li								{ display: inline; margin: 0; padding: 0; font-weight: bold; color: #5B4026; }
div.menuV1 li a 						{ display: block; width: auto; border-bottom: 1px solid #5B4026; border-top: 1px solid #FFCC99; padding-left: 5px; text-decoration: none; font-weight: normal; }
div.menuV1 li a:link      	{ color: #FFF; background: #C79767; }
div.menuV1 li a:visited   	{ color: #FFF; background: #C79767; }
div.menuV1 li a:hover     	{ color: #5B4026; background: #AB8157; }
div.menuV1 li a:active    	{ color: #FC0; background: #AB8157; } 

div.menuV2                	{ }
div.menuV2 ol 							{ margin: 0; padding: 0; }
div.menuV2 ul 							{ margin: 0; padding: 0; }
div.menuV2 li								{ display: inline; margin: 0; padding: 0; font-weight: bold; color: #5B4026; }
div.menuV2 li a 						{ display: block; width: auto; border-bottom: 1px solid #5B4026; border-top: 1px solid #FFCC99; padding-left: 5px; text-decoration: none; font-weight: normal; }
div.menuV2 li a:link      	{ color: #FFF; background: #C79767; }
div.menuV2 li a:visited   	{ color: #FFF; background: #C79767; }
div.menuV2 li a:hover     	{ color: #5B4026; background: #AB8157; }
div.menuV2 li a:active    	{ color: #FC0; background: #AB8157; }

.menu-titre 								{ background: #5B4026; font-weight: bold; padding-left: 5px; color: #FFF; }
.menu-titre a:hover					{ color: #FFF; text-decoration: none; }
.lien-rubrique							{ /* border-left: 5px solid #5B4026; border-right: 5px solid #5B4026; */ }

/* ########################### */
/* ########## Utils ########## */
/* ########################### */
img 												{ border: 0 }
.spacer             				{ clear: both; padding: 0; border: 0; margin: 0; height: 0px; font-size: 0px; }
ul 													{ padding: 12px; }
hr													{ height: 1px; margin: 3px 0 3px 0; }
.droite											{ float: right; }
.gauche											{ float: left; }
.petit											{ font-size: 90%; }
#splash .petit							{ color: #999; }
.validator									{ display: none; }
.copyrights									{ font-size: 90%; color: #999; }