/* CSS Document css crée par Mélusinecréation */

* { margin: 0; padding: 0; text-align:center}

html, body {
	background-color: #FFFFFF;
	font-family: verdana, arial, sans-serif; 
	line-height: 120%;
        text-align: center;
}
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */

/****************************************************************************************/
/* Tableau des jeux */

.admin a { display: block;
                   width: 20px;
                   position: relative;
                   text-indent: 35px;
                   left: 165px;
                   color: #82e37f;
                   font-size: 28px;
}

.chapitre {text-align:left;
           font-size: 14px;
}
.gras { text-align: left;
        font-weight: bold;
        line-height: 200%;
}
.tableau {border-top-color:#FF00FF; 
          border-left-color:#00FF00;
          border-right-color:#3333FF; 
          border-bottom-color:#FFFF00; 
          border-width: 1px;
          border-style:solid;
          margin: 20px; 
}

.statut, .presentation { text-align: right;
                  font-size: 10px;
}
.date, .script {text-align: center;}

.description, .lot {text-indent: 5%; text-align:justify;
}

/****************************************************************************************/
/* Conteneur */

#accueil {display: block;
width: 990px;
height:120px;}


.contact a, .melu a {
                position: relative;
                font-weight: bold;
                color: #1F41FF;
}
.contact, .contact a {	text-align: left;
                bottom: -45px;
                left: 15px; 
}
.melu, .melu a {text-align: right;
                bottom: -26px;
                right: 15px; 
}
.right {	text-align: right;}
.left {		text-align: left;}

.igraal { 	text-align:center;
			font-style:italic;
}

.igraal a { 	text-align:center;
			color:#FF6600;
			font-style:italic;
			font-weight:bold;
}

p { text-align: left;}

h1 {
	text-align: center;
	font-size: 15px;
	color: #16a51d;
}
h2 {
	text-align: center;
	font-size: 14px;
	color: #DE7AFF;
}

/*grandconteneur "contient tous les blocs*/
#grandconteneur{
    text-align: left;
	width: 990px;
	height: auto;
	padding: 0;
	margin: 5px auto;
	background:url(../images/site/bordure.png) repeat-y;
}

/*****************************************************************************************************/
/* Animation flash en haut du site */
#head {
	width: 100%;
	height: 121px;
	background:url(../images/site/header.png) no-repeat;

}

#accueil_swf, #accueil_lien{
	float: left;
	position: absolute;
	top: 90px;
	text-indent: 80px;
}

#annuaire_swf{
	position: absolute;
	top: 100px;
	float: left;
	text-indent: 840px;
}

/*****************************************************************************/
/*  RESUME  */
#resume {
	text-align: left;
	text-indent: 2%;
	background-color: #EAEAEA;
	line-height:1em;
	border:1px dotted #AB4;
	font-size: 13px;
	padding: 0 4px;
	margin: 0;
	width: 99%;
	height: 150px;
}
#resume a {
	text-decoration: none;
	color: #006600;
	font-size: 14px;
}
h1#resume {
	color: #333333;
	text-align: center;
	font-size: 15px;
}


/*****************************************************************************************************/
/*partie gauche*/
#partiegauche{
	float: left;

	width: 165px;
	height: 100%; 

	margin: 0 5px;
	padding:5px;
}

#jeuxdumoment{
	background: #00FF00;
	background: url(../images/site/jeuxdumoment_fond.png) repeat-y top;
	vertical-align: sub;

	width: 164px;
	height: 100%; 

	margin:5px auto;
}
#jeuxdumoment_titre{
	background: url(../images/site/jeuxdumoment_titre.png)  no-repeat top;
	width: 162px;
	height: 30px;
}
#jeuxdumoment_bonhomme{
	background: url(../images/site/jeuxdumoment_bonhomme.jpg)  no-repeat right;
	text-align: right;
	width: 162px;
	height: 120px;
}


/*partie droite*/
#partiedroite{
	float: right;

	width: 125px;
	height: 100%; 

	margin:5px;
	padding:5px;
}

/*partie du texte du milieu*/
#contenu{
	float: left;
	display: inline;

	width:635px;
	height: 100%;
	
	margin:5px 10px 10px 5px;
	padding:5px;
	
	font-size: 12px;
}


/*fin du site "pied"*/
#bas{
	background: url(../images/site/lilokado_pied.png) no-repeat top;
	clear: both;

	width: 100%;
	height: 65px; 

	padding: 0px;
	margin:0px;

}
.aspub{
	text-align: center;
	padding: 0px;
	margin:0px;
	font-size: x-small;

}


/*****************************************************************************************************/
/* les logos, boutons et bannières */

.btn {
	border: 0;

}
.img {
	border: 0;

}

.ban {
	border: 0;
}

/*****************************************************************************************************/
/*  Les liens et liens suvolés  */

a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}


.red{
	color: #FF0000;
	font-weight: bold;
}
.green {
	color: #009900;
}
.center {
	text-align:center;
}	

/*******************************************/
/*style hors du tableau*/

.style1 {
	font-size: 11px;
	
}