body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	background-color: #FFFFFF;
	background: #dedede;
	margin: 0em;
	padding: 0em;
	_behavior:url(/fileadmin/csshover.htc); /* IE6 only - Menu déroulant */ 
}
a:link {color: #003399; text-decoration: none;font-size:10px;}
a:visited {color: #003399; text-decoration: none;font-size:10px;}
a:hover { color: #CC6666; text-decoration: underline;font-size:10px;}
a:active { color: #003399; text-decoration: none;font-size:10px;}
span.pseudo {font-weight: bold;font-size:10px;}
.conteneur {
  width: 963px;
  _position: absolute;
  _top: 0em;
  _left: 50%;
  margin-left: auto;
	_margin-left: -48.36em;
  margin-right: auto;
  margin-top: 0em;
  padding: 0.5em;  
  background: #FFFFFF;
  border: 1px solid black;
  -border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#header {
  background-image: url('../img/header.gif');
  background-repeat: no-repeat;
  height:78px;
}
#footer {
  background-image: url('../img/bg_pied.jpg');
  background-repeat: repeat-x;
  height:33px;
  padding: 10px;
  text-align: center;
  clear: both;
}
#header_haut {
  height:37px;
}
#header_haut_droit {
  color: black;
  padding-top: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 10px;
  text-align: right;
}
#header_haut_droit a:link,#header_haut_droit a:visited {
  color: black;
  font-size: 10px;
  text-decoration: none;
}
#header_haut_droit a:hover {
  color: black;
  font-size: 10px;
  text-decoration: underline;
}
#header_bas {
  height:33px;
}
#header_bas_infos {
  width: 459px;
  _width: 458px;
  padding-top: 5px;
  padding-left: 5px;
  float: left;
}
#header_bas_menu {
  float: left;
}
#header_haut_pseudo {
  float: left;
  /* #margin-top: 12px; */
  padding-right: 5px;
  text-align: right;
  margin-left: 160px;
  width: 75px;
}
#header_haut_profil1 {
  float: left;
  width: 100px;
  height:37px;
  background-image: url('../img/menu_haut_sep.gif');
  background-repeat: no-repeat;
  padding-left: 10px;
}
#header_haut_profil2 {
  float: left;
  width: 115px;
  height:37px;
}
#header_haut_profil3 {
  float: left;
  width: 120px;
  height:37px;
}

/* Formulaire de connexion */
.connex_input {
  border: 1px black solid;
  padding-top:1px;
  text-indent:10px;
  font-size:15px;
  color:#666666;
}
*+html .connex_input {
  padding-top: 1px;
  text-indent: 10px;
  font-size: 15px;
  color: #666666;
}
/* Menu déroulant */

/* Gestion des blocs */
#blocs {
  width: 100%;
}
#bloc-1-1, #bloc-1-2, #bloc-1-3, #bloc-2-1, #bloc-2-2, #bloc-2-3 {
  float: left;
  /* width: 33%; */
}
#ligne1, #ligne2 {
  position: relative;
  clear: both;
}

/* Messages */
/* Rahmenfarbe der Tabelle */
.tbg {background-color: #C0C0C0; width:100%; text-align:left; font-size:10pt;}

/* Zellenfarbe der Tabelle */
table.tbg tr td{background-color: #FFFFFF;background-image: url('../img/bg_td.jpg'); background-repeat: repeat-x;}

/* Hintergrundbild für Tabellenkopf  */
.rbg {background-color: #FFFFFF; }


/* Tabellenzeile Grau */
table.tbg tr.cbg1 td, td.cbg1 {background-color:#F5F5F5}
table.tbg td.cbg2 {background-color:#71D000}


/* Abstand links, in Tabellenzeile */
table.tbg tr.s7 td, td.s7 {padding-left:7px; text-align:left}
table.tbg tr.r7 td, td.r7 {padding-right:7px; text-align:right}

/* Rahmen für Treffer in der Statistik */
table.tbg td.ou {border-top:1px solid #71D000; border-bottom:1px solid #71D000; background-color:#F0FFF0; }
table.tbg td.li {border-left:1px solid #71D000 }
table.tbg td.re {border-right:1px solid #71D000}

/* Jeux */
/* Rahmenfarbe der Tabelle */
.tbgG {background-color: #C0C0C0; width:50%; text-align:left; font-size:10pt;}

/* Zellenfarbe der Tabelle */
table.tbgG tr td{background-color: #FFFFFF;}

	#middle {
		width: 100%;
	}
	#left {
		color:#CACACA;
		float: left;
		width: 300px;
		border-style: solid;
    border-color: #C0C0C0;
    border-width: thin thin medium;
	}
	#right {
		float: left;
		width:340px;
		border-style: solid;
    border-color: #C0C0C0;
    border-width: thin thin medium;
    margin-left:2px;
	}
	#left ul,li {
		list-style-type:none;
		padding: 0 0 0 10px;
	} 
	ul,li {
		list-style-type:none;
		padding: 0 0 0 0;
	} 
	#colDoss {
		border-bottom-style: solid;
    border-bottom-color: #C0C0C0;
    border-bottom-width: thin;
		font-weight: bold;
		padding:1px;
		text-align:center;
	}
	#colAct {
		border-bottom-style: solid;
    border-bottom-color: #C0C0C0;
    border-bottom-width: thin;
		font-weight: bold;
		padding:1px;
		text-align:center;
	}
	#border {
		padding:1px;
		width:550px;
	}
	
	#ok { color:green; font-weight: bold;}
	#ko { color:red; font-weight: bold;}

hr.gamesHR {
 display:block;
 height: 1px;
 margin: 2px;
 _margin: -7px 0;
 padding: 0;
 color: #003399;
 background-color: #003399;
 border: 0;
 width: 100%;
 }

/* Gestion de l'aide */
div#aide{
  border: 1px #2155a1 solid;
  margin-right: 5px;
  margin-left: 5px;
  padding: 5px;
  font-weight: normal;
}


/* ################## Formualaire ################## */

form, fieldset{
  border:0px;
}

legend{
  border:0px;
  visibility:hidden;
}

label {
  display:block;
  float: left;
  width: 170px;
  padding-right:4px;
  text-align:right;
  margin-left: 75px ;
}

input, textarea, select {
  margin: 1px;
  margin-bottom:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

/* Accueil déco - Présentation */


div.present_module {
  width: 963px;
  margin: 0px 5px 5px 5px;
  font-size: 13px;
  padding-left: 75px;
}
div.present_mofdate {
  width: 220px;
  float: left;
  margin-right: 75px;
}

div.present_mofdate_img {
  background-image: url('../img/accueil-bloc-md.gif');
  background-repeat: no-repeat;
}

div.present_mofdate_bas {
  background-image: url('../img/accueil-bloc-ml-bas.gif');
  background-repeat: no-repeat;
}
div.present_mofdate_txt {
  padding: 40px 10px 5px 10px;
  font-size: 13px;
}

div.present_moflink {
  width: 220px;
  float: left;
  margin-right: 75px;
}

div.present_moflink_img {
  background-image: url('../img/accueil-bloc-ml.gif');
  background-repeat: no-repeat;
}

div.present_moflink_bas {
  background-image: url('../img/accueil-bloc-ml-bas.gif');
  background-repeat: no-repeat;
}
div.present_moflink_txt {
  padding: 40px 10px 5px 10px;
  font-size: 13px;
}

div.present_mofgames {
  width: 220px;
  float: left;
  margin-right: 75px;
}

div.present_mofgames_img {
  background-image: url('../img/accueil-bloc-mg.gif');
  background-repeat: no-repeat;
}

div.present_mofgames_bas {
  background-image: url('../img/accueil-bloc-ml-bas.gif');
  background-repeat: no-repeat;
}
div.present_mofgames_txt {
  padding: 40px 10px 5px 10px;
  font-size: 13px;
}

/* Page de connexion et de deconnexion */

div.connexion {
  border: 1px black solid;
  margin: 150px 150px 0px 150px;
  padding: 25px;
  text-align: center;
}

	/* Sortable tables */
	table.sortable a.sortheader {

	    color:#666666;
	    font-weight: bold;
	    text-decoration: none;
	    display: block;
	}
	table.sortable span.sortarrow {
	    color: black;
	    text-decoration: none;
	}
	
	table.sortable {
		table-layout:fixed;
		border-top: 2px solid #333;
		border-collapse: collapse;
		background: #fff;
		 }
	table.sortable td {
		padding: 2px 5px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
	 } 	
	 
  table.sortable th span
        {
        display:none;
        } 
  table.sortable th.forwardSort
        {
        background:transparent url(your-down-arrow-image) no-repeat 100% 0;
        }
  table.sortable th.reverseSort
        {
        background:transparent url(your-up-arrow-image) no-repeat 100% 0;
        }
  
  table.etc {
  	table-layout:fixed;	
  }
  
  table.etc td {
  	table-layout:fixed
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		padding-right:3px;
  }

/* Styles des Blocs */

table#bloc-game tr {
  background-image: url('../img/bg_rouge.jpg');
  background-repeat: repeat-x;
}
table#bloc-link tr {
  background-image: url('../img/bg_vert.jpg');
  background-repeat: repeat-x;
}
table#bloc-rss tr {
  background-image: url('../img/bg_orange.jpg');
  background-repeat: repeat-x;
}

table#bloc-modif tr {
  background-image: url('../img/bg_gris.jpg');
  background-repeat: repeat-x;
}
table#bloc-date tr {
  background-image: url('../img/bg_violet.jpg');
  background-repeat: repeat-x;
}
div#style-bloc {
  padding: 8px;
}

.petit {
  font-size:9px;
}

/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */

.titremois  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; text-decoration: none }
.titremois:link  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; text-decoration: none }
.titremois:visited  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; text-decoration: none }
.titremois:hover  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; text-decoration: underline }

.titrejours  { font-family: Helvetica, Arial; font-size: 9px;}
.titrenum  { font-family: Helvetica, Arial; font-size: 11px;}
.titrenum2  { font-family: Helvetica, Arial; font-size: 11px;color:white;}
.titreweek  { font-family: Helvetica, Arial; font-size: 9px;color:red;}
.titreweek2  { font-family: Helvetica, Arial; font-size: 11px;color:red;}
.titrewend  { font-family: Helvetica, Arial; font-size: 11px;}
.titrewend2  { font-family: Helvetica, Arial; font-size: 11px;color:white;background: #CACACA;}
.titrenow  { font-family: Helvetica, Arial; font-size: 11px;}

table.tbg tr td .titrenum2

{

background-color: #cacaca;

}

/* + -----------------------------------------------------
	Info Bulles
+ ----------------------------------------------------- */
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

/* + -----------------------------------------------------
	Accueil déconnecté
+ ----------------------------------------------------- */
#home_header{
    background-image: url('../img/home_header.jpg');
    background-repeat: no-repeat;
    height: 286px;
    text-align: right;
    align: right;
}

#home_header_form {
  text-align: center;
  width: 200px;
  padding-top: 90px;
  padding-left: 725px;
}
*+html #home_header_form {
  text-align: center;
  width: 460px;
  padding-top: 80px;
  padding-left: 600px;
}
/* + -----------------------------------------------------
	MofPop
+ ----------------------------------------------------- */
.mofpop #head{
    padding: 5px;
    margin: 10px;
    padding-left: 20px;
    background-color: #3dacca;
    background-image: url('../img/mofpop_puce.gif');
    background-repeat: no-repeat;
    background-position:2% center;
    color: white;
    font-weight: bold;
    font-size: 12px;
}

.mofpop #acces{
    background-color: #3dacca;
    text-align: right;
    width: 150px;
    float: right;
    margin-top: -15px;
}

.mofpop #content{
    padding: 5px;
    margin: 10px;
    border: 1px #3dacca solid;
    clear: both;
}

.mofpop #content-inscription{
    padding-top: 90px;
    padding-left: 10px;
    padding-right: 10px;
    clear: both;
    background-image: url('../img/inscription-bandeau.gif');
    background-repeat: no-repeat;
}

.mofpop #content-oubli{
    padding-top: 90px;
    padding-left: 10px;
    padding-right: 10px;
    clear: both;
    background-image: url('../img/pop_mof_03.jpg');
    background-repeat: no-repeat;
}

.mofpop #content-link-modif{
    padding-top: 90px;
    padding-left: 10px;
    padding-right: 10px;
    clear: both;
    background-image: url('../img/pop_lien.jpg');
    background-repeat: no-repeat;
}

.mofpop #content-date-modif{
    padding-top: 90px;
    padding-left: 10px;
    padding-right: 10px;
    clear: both;
    background-image: url('../img/pop_dates.jpg');
    background-repeat: no-repeat;
}

.les_liens {
  float: right;
  width: 40%;
  text-align: right;
}

.colorblock2 {
  float: left;
  width: 50%;
}

/* Menu déroulant - Nouveau */
ul.menuPrincipal { height: 2em; margin: 0em; padding: 0px; position : relative;}

ul.menuPrincipal li.menu-level1 { position: relative; float: left; list-style: none; margin: 0em; }
ul.menuPrincipal li.menu-level1 a.menu-level1-c1,
ul.menuPrincipal li.menu-level1 a.menu-level1-c2 {
	display:block;
	margin-top:1px;
	padding:0.25em 1.75em 0.24em 1.75em;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#ED1C2E;
	border-bottom: 1px solid #000;
	border-right:1px solid #FFF; /*#585959;*/
}

ul.menuPrincipal li.menu-level1 ul.menu-level2 {
	position: absolute;
	width: 13.18em;
	left: 0;
	top: 3.5em;
	margin: 0;
	padding: 0em;
	list-style: none;
	/*border-top: 1px solid #585959;*/
	border-left: 1px solid #585959;
	border-right: 1px solid #585959;
	border-bottom: 1px solid #000;
	background: #FFF;
	text-color: black;
	z-index: 98;
}
ul.menuPrincipal li.menu-level1 ul.menu-level2 li.menu-level2-item-no { width: 13.18em; z-index: 99; }
ul.menuPrincipal li.menu-level1 ul.menu-level2 li.couleur1 { background: #ED1C2E; }
ul.menuPrincipal li.menu-level1 ul.menu-level2 li.couleur1:hover { background: #CA1317; }
ul.menuPrincipal li.menu-level1 ul.menu-level2 li.couleur2 { background: #717070; }
ul.menuPrincipal li.menu-level1 ul.menu-level2 li.couleur2:hover { background: #616060; }
ul.menuPrincipal li.menu-level1 ul.menu-level2 li.menu-level2-item-no a {
	display: block;
	padding: 0.27em 0.09em 0.09em 1.80em;
	background-image: url('../img/sousMenu_puce.gif');
	background-repeat: no-repeat;
	background-position: 1px 1px;
	text-decoration: none;
	_height: 1%;
	color: black;
}

*+html ul.menuPrincipal li.menu-level1 ul.menu-level2 li.menu-level2-item-no a { height: 1%; }
ul.menuPrincipal li.menu-level1 ul.menu-level2 li.menu-level2-item-no a:hover { text-decoration: none; background: #CACACA; }

/* hovers with specificity */	
ul.menuPrincipal ul, ul.menuPrincipal li:hover ul ul { display:none; }
ul.menuPrincipal li:hover ul, ul.menuPrincipal li:hover li:hover ul { display:block; }

/** Gestion des onglets **/
div.onglet {
  
}
span.bloc-onglet {
  border-top: 1px #cacaca solid;
  border-right: 1px #cacaca solid;
  
  border-left: 1px #cacaca solid;
  padding: 5px;
  margin-left: 5px;
  
}
span.bloc-onglet-current {
  border-top: 1px #cacaca solid;
  border-right: 1px #cacaca solid;
  border-left: 1px #cacaca solid;
  padding: 5px;
  margin-left: 5px;
  background-color: #cacaca;
}