body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	margin:0;
	padding: 0;
	background-color: #5E6378;
}

.box thead{
	background-color:#00CC33;
	background-image: url(../jeu/global/images/cellbg.gif);
	height:30px;
	padding-top:5px;
	font-size: 12px;
}
.box td { font-size: 12px; }
/*  ------------------------------------------*/
/*  Structure du site
/*  ------------------------------------------*/
#conteneur {
	width				: 779px;
	margin				: 0 auto;
	background-color	: #FFFFFF;
	margin-bottom:5px;
}
#header {
	height				: 159px;
	width				: 779px;
	background-repeat	: no-repeat;
	position			: relative;
}

#centre {
	padding-top			:	6px; 
	float				: right;
}

#gauche {
	float				: left;
	padding-left		: 5px;
	width				: 165px;
}

#pied {
	background-image	: url(images/structure/footer.gif);
	background-repeat	: no-repeat;
	height				: 23px;
	width				: 779px;
	text-align			: center;
	padding-top			: 3px;
	font-size			: 10px;
	color				: #FFFFFF;
	clear				: both;
}
#pied a {
	color						: white;
	text-decoration				: none;
}
#pied a:hover {
	color: #FFB400;
}
/*  ------------------------------------------*/
/*  Corps de texte
/*  ------------------------------------------*/

a:visited, a:link{
	color						: #3F3F3F;
	text-decoration				: none;
}
a:hover {
	color: #FFB400;
}
a img {border: none;}

h1, h2, h3, h4, h5, h6{	margin-bottom: 0px;margin-top: 0px; padding-left: 10px;}

h1 {
	font-size					: 14pt;
	border-bottom				: 2px solid #80C1FF ;
    margin						: 0px 5px 10px 5px;
	padding						: 10px 0px 0px 0px;
	font-weight					: bold;
    color						: #80C1FF ;
	text-transform				: uppercase;
	}



h2{
	padding						: 10px 0px 0px 0px;
	margin						: 0px 5px 0px 5px;
	text-transform				: uppercase;
	font-size					: 12pt;
	font-weight					: bold;

}
h3{}
h4{}
h5{}
h6{}

/*  ------------------------------------------*/
/*  Formulaires
/*  ------------------------------------------*/

.texte, textarea {
	background-color		: #f7f7f7;
	border-color			: #999 #aab3b3 #d5dddd #aab3b3;
	border					: 1px solid;

}
.texte:focus,
textarea:focus {
	background-color		: #F9F5E8!important;
	border-color			: #696969;
	border					: 1px solid;
	margin					: 0;
}

/*  ------------------------------------------*/
/*  Header et barre de header
/*  ------------------------------------------*/

#header #info{
	position				: absolute;
	top						: 135px;
	left					: 20px;
	text-align				: center;
	color					: #FFFFFF;
}

#header #info a:visited{
	color						: #FFFFFF;
	text-decoration				: none;
}

#header #info a:link{
	color						: #FFFFFF;
	text-decoration				: none;
}

#header #info a:hover {
	color: #FFB400;
}

/*  ------------------------------------------*/
/*  Entête des messages de news
/*  ------------------------------------------*/

.news{
	padding-bottom		: 10px;
}
.entete{
	background-color: #CFD9DC;
	height:42px;

	
	font-size: 12px;
}
.entete .titre{
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
.agenda{
	background-image: url(images/agenda.gif);
	background-repeat: no-repeat;

	padding-bottom:5px;
	margin: 4px;
	height: 30px;
	width: 35px;
	color: #FFFFFF;
	float: left;
}
.agenda .mois{
	font-size: 10px;
}
.agenda .jour{
	font-size: 14px;
	font-weight: bold;
	padding-left:6px;
	margin-top:-3px;
	
	padding-bottom:5px;
}

/*  ------------------------------------------*/
/* Titres de catégories
/*  ------------------------------------------*/


.titre_categorie {
	height				: 21px;
	background-image	: url(../global/images/titre_categorie_bg.gif);
	margin-top			: 10px;
	margin-bottom		: 6px;
	padding-top			: 3px;
}
.titre_categorie .gauche {
	float				: left;
	margin-top			: -3px;
}
.titre_categorie .droite {
	float				: right;
	margin-top			: -3px;
}

/*  ------------------------------------------*/
/*  Menu
/*  ------------------------------------------*/

#gauche{padding-top:6px;}

#gauche .bloc{
	padding-bottom: 10px;	
}
#gauche .bouton{
	float: right;
}
#gauche .bloc .haut{
	
	background-repeat		: no-repeat;
	height					: 28px;
	width					: 162px;
	color					: #FFFFFF;
	padding-top				: 3px;
	margin-bottom			: -3px;
}
#gauche .bloc .contenu{
	width					: 157px;
	background-image		: url(images/structure/bg_menu_gauche.gif);
	padding-left			: 5px;
}
#gauche .bloc .contenu ul{
	margin-bottom: 0px;
	margin-top: 0px;
	list-style			: none;
}

#gauche .bloc .contenu form{
	margin-bottom: 0px;
	margin-top: 0px;
	list-style			: none;
}

#gauche .bloc .contenu li{
	margin-bottom: 0px;
	margin-top: 0px;
	/* padding-left:-20px; */
	list-style			: none;
}
#gauche .bloc .contenu p{
	margin-bottom: 0px;
	margin-top: 0px;
}
#gauche .bloc .bas{
	background-image		: url(images/structure/pied_module_gauche.gif);
	margin-left				: 1px;
	background-repeat		: no-repeat;
	width					: 160px;
	height					: 5px;
}
#gauche .bloc .contenu .avancement{
	width:144px;
	height:14px;
	background-image:url(images/avancement_fond.gif);
}
#gauche .bloc .contenu .avancement .barre {
	background-color:#EB0505;
	float:left;
	height:10px;
	margin-left:2px;
	margin-top:2px;
	position:absolute;
	border-right:1px solid black;
}

/*  ------------------------------------------*/
/* Centre
/*  ------------------------------------------*/
#centre .bloc{
	padding-bottom: 10px;
	
}
#centre .bouton{
	float: right;
}
#centre .bloc .haut{
	background-image		: url(images/structure/haut_module_centre.gif);
	background-repeat		: no-repeat;
	height					: 24px;
	width					: 598px;
	margin-bottom			: 0px;
	margin-top				: 0px;
	color					: #FFFFFF;
	font-size				: 16px;
	padding-left			: 10px;
	padding-top				: 3px;
	text-transform				: uppercase;
}
#centre .bloc .haut_simple{
	background-image		: url(images/structure/haut_module_centre_simple.gif);
	background-repeat		: no-repeat;
	height					: 9px;
	width					: 598px;
	margin-bottom			: 0px;
	margin-top				: 0px;
}
#centre .bloc .contenu{
	width: 590px;
	padding-bottom: 5px;
	padding:4px;
	background-image: url(images/structure/bg_centre.gif);
}
#centre .bloc .contenu ul{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left:6px;
	margin-right:6px;
	
}
#centre .bloc .contenu p{
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px;
}
#centre .bloc .bas{
	background-image: url(images/structure/pied_module_centre.gif);
	background-repeat: no-repeat;
	width: 598px;
	height: 11px;
	
}
#centre .bouton{
	float: right;
}

#centrage {
	padding-top:100px;
	width: 526px;
	margin: 0 auto;
}
#centre .bouton{
	float: right;
}
#centrage .bloc .haut{
	background-image: url(images/haut_module_fond_gris.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 526px;
}
#centrage .bloc .contenu{
	width: 524px;
	background-color: #F2F2F2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #707079;
	border-left-color: #707079;
	margin:0px;
	height: 100%;
}
#centrage .bloc .contenu ul{
	margin-bottom: 0px;
	margin-top: 0px;
}
#centrage .bloc .contenu p{
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px;
}
#centrage .bloc .bas{
	background-image: url(images/pied_module_fond_gris.gif);
	background-repeat: no-repeat;
	width: 526px;
	height: 5px;
	
}



/*  ------------------------------------------*/
/*  Cadre arrondi
/*  ------------------------------------------*/
.cadre{
	background-color: #DCE1E4;
	margin-top: 5px;
	margin-bottom: 5px;
}
.contenu{
	text-align: justify;
}
.haut_gauche, .haut_droite, .bas_gauche, .bas_droite {
height: 6px; width: 6px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
.haut_gauche {
background: url(images/haut_gauche.gif);
}
.haut_droite {
float: right;
background: url(images/haut_droite.gif);
}
.bas_gauche {
background: url(images/bas_gauche.gif);
}
.bas_droite {
float: right;
background: url(images/bas_droite.gif);
}

.cadre p{
	margin: 6px;
}


/*  ------------------------------------------*/
/*  Fleches précédent suivant dans les règles
/*  ------------------------------------------*/

.regles_precedent{
	float:left;
	padding-left:5px;
}
.regles_suivant{
	float:right;
	padding-right:5px;
}
.regles_center{
	text-align:center;
}



/****************************************************************/

.bloc_centre{
	padding-bottom:6px;
}
.bloc_centre td{
	padding:5px 0; border:solid 1px #D0D0D0; 
}
.bloc_centre .gauche{
width: 250px;
font-weight:bold;
vertical-align: top;
padding-left:5px;
background-color	: #FFFFFF;
}
.bloc_centre .droite{
width:600px;
background-color	: #E8EEF0;
padding-left:10px;
position:relative;
vertical-align: top;
}
.bloc_centre span{
font-style: italic;
font-weight:normal;
font-size:10px;
}
/****************************************************************/
.changelog .gauche{
text-align : center;
background-color	: #FFFFFF;
border: 1px ridge #3A4A50;
}
.changelog .droite{
background-color	: #E8EEF0;
border: 1px ridge #3A4A50;
}
/****************************************************************/
/* SONDAGE */
/****************************************************************/

.sondage{
	float				: left;
	background-color	: #FFFFCC;
	border-top-width	: 1px;
	border-bottom-width	: 1px;
	border-top-style	: solid;
	border-bottom-style	: solid;
	border-top-color	: #666666;
	border-bottom-color	: #666666;
	font-size			: 12px;
	margin-right		: -5px;
	margin-top			: 5px;
	padding-left		: 6px;
	width				: 98%;
}

.sondage_submit{
	text-align			: center;

}
.sondage_barre{			
	float				: left;
	background-repeat	: repeat-x;
	background-image	: url(../jeu/global/images/sondage/barre1.png);
}

.sondage_vote{		
	float				: left;
	width				: 100%;
	padding-top			: 2px;
}

.sondage_vote_gauche{		
	float				: left;
	width				: 2%;
}
.sondage_vote_droite{
	float				: right;
	width				: 98%;
}

.sondage_gauche{		
	float				: left;
	width				: 50%;
	padding-top			: 2px;
}
.sondage_droite{
	float				: right;
	width				: 50%;
	padding-top			: 2px;
}
.sondage_haut{
	float				: right;	
	padding-top			: 2px;
}
.sondage_header{		
	float				: left;
	width				: 50%;
	padding-top			: 10px;
	font-size			: 11px;
}

.sondage_con{	
	float				: left;	
	text-align	 		: center;
	font-size			: 12px;
	width				: 100%;
}

.bouton {
	background-image:url(images/structure/bouton_bg.gif);
	border:1px solid #7099C7;
	color: #403C3C;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	letter-spacing:0;
	margin:3px;
	font-weight:bold;
	text-decoration:none;
}
.bouton:hover {
	background-image:url(images/structure/bouton_hover_bg.gif);
	border:1px solid #88AED8;
	text-decoration:none;
}

span.bouton{
	opacity:0.5; 
	filter: alpha(opacity=50);
	-moz-opacity : 0.5; 
}