BODY {
 margin:0px;
 padding:0px;
 border:0px;
 background-color : white;
/*	font-family : sans-serif; */
       /* background-image: url(../images/background_body2.jpg);*/
}

form {
  margin: 0;
  padding: 0;
}

frame{
border: 5px;
margin: 0px;
padding:0px;
} 
H1 , H2 , H3 , H4 { font-family : sans-serif; } 
H1 { font-size : 1.5em; }
H2 { font-size : 1.3em; }
H3 { font-size : 1.1em; }
H4 { font-size : 1em; }

IMG {
	border : 0;
	border-width : 0px;
}
th { 
     background-color : #940030;
     color : white;
}
/* for test
tr { border: solid red 5; }
td { border: solid red 5; }
*/

/* dÃcalage pour les sous-menus du bandeau de gauche */
.ssmenu {
	left : 1.5em;
	position : relative;
}
.sssmenu {
	left : 2em;
	position : relative;
}
.menuTab{
   padding-left : 5;
   background-color : #a3cfe2;
   color: #940030;
   border-bottom-style : solid;
   border-bottom-color : black;
   border-bottom-width : 1;
/*
   _border:solid black 0;
   _border-bottom: solid black 1;
*/
   font-size:13pt; 
   font-family: "serif"; 
   font-weight : bold;
   padding-top : 3;
   padding-bottom : 3;
}

.smenuTab {
   padding-left : 20;
   padding-top : 3;
   padding-bottom : 3;
   color: #940030;
   border-bottom-style:solid;
   border-bottom-color:black;
   border-bottom-width:1;
   border-right-style:solid;
   border-right-color:black;
   border-right-width:1;
/*
   _border-bottom: solid black 1;
   _border-right: solid black 1;
*/
   vertical-align: middle;
   font-size:12pt; 
   font-family: "serif"; 
   font-weight : bold
}
.ssmenuTab {
   border-top:0;
   border-left:0;
   border-right:0;
   border-bottom-style:solid;
   border-bottom-color:black;
   border-bottom-width:1;
/*
   _border-bottom: solid black 1;
*/
   padding-left: 5;
   padding-right: 5;
   padding-top : 2;
   padding-bottom : 2;
   font-size:11pt; 
}

TD {
	vertical-align:top;
}
/* légendes des tableaux et des images */
p.legende {
	color: #0000ff; 
	font-family: sans-serif; 
	text-align: center
}
/* bande bleue en haut et en bas de chaque page */
.stripeblue {
	font-size : 0.90em;
	padding-left: 5;
	text-align : left;
        background-color: #08c;
	vertical-align : middle;
	color : white;
}
/* liens dans les bandes bleues */
.stripeblue A:link {
	text-decoration : none;
	color : white;
}
.stripeblue A:visited {
	text-decoration : none;
	color : white;
}
.stripeblue A:hover {
	text-decoration : underline;
	color : white;
}
.logogut {
	margin-top : 3mm;
	margin-bottom : 0mm;
	margin-left : 8mm;
	background-color : #8DD6CE;
}
.stripeyellow {
	background-color : #FFFBE4;
	color : #940030;
}
.stripegreen {
	background-color : #FFFBE4;
	color : black;
}

/* bande grise en haut et en bas de chaque page */
.stripegrey {
	height : 1.5em;
	font-size : 0.90em;
	text-align : left;
	vertical-align : middle;
        background-color: #666666;
	color: white;
	padding-left: 5;
}
/* liens dans les bandes grises */
.stripegrey A:link {
	text-decoration : none;
	color: white;
}
.stripegrey A:visited {
	text-decoration : none;
	color: white;
}
.stripegrey A:hover {
	text-decoration : underline;
	color : white
}
/* améliore la position du logo */
.gutter {
	margin-top : 2mm;
	margin-right : 3mm;
	margin-bottom : 3mm;
	margin-left : 10mm;
}
.logogutter {
	margin-top : 3mm;
	margin-bottom : 3mm;
	margin-left : 5mm;
	background-color : #b3dff2;
}
/* liens dans le corps de la page */
A { color: #0085c0;}
A:link {
	text-decoration : none;
	color : #000088;
}
A:visited {
	text-decoration : none;
	color : #940030;
}
A:hover {
	text-decoration : underline;
	color : #000088;
}
/* bandeau gauche */
.bandeaugauche {
	background-color : #00ffff;
	vertical-align : top;
	border : none ;
	padding-left : 5px;
}
/* améliore la position dans la cellule */
TD.bandeaugauche {
	padding-right : 5px;
	font-size : 0.90em;
	width : 10em;
	background-color : #b3dff2;
}
/* liens dans le bandeau gauche */
.bandeaugauche A:link {
	text-decoration : none;
	color : #000099;
}
.bandeaugauche A:visited {
	text-decoration : none;
	color : purple
}
.bandeaugauche A:hover {
	text-decoration : underline;
	background-color : #000099;
	color : white;
}
/* format de l'en-tête */ 
.entete {
	vertical-align : middle;
	text-align : left;
}
/* liens contact, sitemap et rechercher en haut à droite de l'entete */
.hautdroit {
	font-size : 0.90em;
	vertical-align : bottom;
	text-align : right;
}
/* format de la colonne du milieu */
.middlecolonne {
	vertical-align : top;
	text-align : left;
   padding-bottom : 5;
	/*width : 80%;*/
}
/* pour les liste jeux, plateforme */
.archive {
        background-color: #ECF3F8;
        font-size:11pt;
        border: outset 1pt;
/*
        border-top-width: 0pt;
        border-bottom-width: 0pt;
*/
        padding-top: 0pt;
        padding-bottom: 0pt;
        margin-top: 0pt;
        margin-bottom: 0pt;
        border-spacing: 2pt
}
.level2 {
   text-decoration: none;
   font-size:11pt;
   color: navy;
   font-family: "serif";
   padding-left : 10px;
}
.level1 { 
   text-decoration: none; 
   font-size:12pt; 
   color: #940030;
   font-family: "serif"; 
   font-weight : bold;
   margin-top: 0pt;
   margin-bottom: 0pt;
}


#container {
	width: 100%;
	margin-left:0px;
	border: 0px solid #CCCCCC;
	padding: 0px;
}

#listingcontainer {
	width: 82%;
 border: outset 1pt;

	background-image:url(bg.gif);
	padding: 10px;
	background-color:#ECF3F8;
}

#listingheader {
	color: #476BB3;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:right;
}

#listingheader a, #listingheader a:active, #listingheader a:visited, #listingheader a:link {
	text-decoration: none;
	color: #476BB3;
}

#listingheader a:hover {
	text-decoration: underline;
	color: #476BB3;
}


#headerfile {
	text-align:left;
	float: left;
	width: 520px; 
}

#headersize {
	text-align:right;
	width: 65px;
	float: left;
}

#listing {
	border: 1px solid #A7C5FF;
}

#listing a {
	display:block;
	padding: 2px 5px 2px 5px;
	font-size:small;
	color: #6285CA;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:95%;
	text-align:right;
	
}

#listing a:hover {
	background-color:#DBE6FE;
}

#listing a img {
	float:left;
	margin-right: 4px;
}



#listing a strong {
	width: 500px;
	float:left;
	cursor:hand;
	cursor:pointer;
	text-align:left;
}

#listing a em {
	float: left;
	width: 75px;
	text-align:right;
	cursor:hand;
	cursor:pointer;
}

#listing a span {
	position: absolute;
	margin-left: -151px;
	margin-top: -2px;
}

#listing a span img {
	width: 150px;
	background-color:#CCCCCC;
	visibility: hidden;	
}

#listing a:hover span img {
	border: 1px solid #666666;
	visibility: visible;
}


.b {
	background-color: #E9F0FF;
	
}

.w {
	background-color:#FFFFFF;
}

.mod {
	float:right;
}

.size {
	float:right;
}