#boddy {
  margin-top:4px;
  FONT-FAMILY: arial;
  background-color: #395A7D;
  FONT-SIZE: 8pt;
  COLOR: #808080;
}


strong.related {
color: #FFF;
display: none;
height: 104px;
position: absolute;
top: 0;
/*left:6px;*/
width: 104px;
/*padding: 3px;*/
}

.contour20 {
    border: 2px solid #395A7D;
    float: left;
    /* margin-left: 6px; */
    margin-right: 6px;
    margin-bottom: 6px;
}

.banniere-haut {
  width: 728px;
  height: 120px;
  position: absolute;
  margin-left: 70px;
  margin-bottom: 10px;
  margin-top: 100px;
  padding-top: 20px;
  text-align: center;
  background-color: #FFF602;
}


#site {
width: 988px;
margin: auto;
position: relative;
box-shadow: 8px 4px 5px #303B46; 
}
.rating {
float: right;
color: #777;
font-weight: bold;
font-size: 13px;
background: url(/images/star_rate.png) 0 0 no-repeat #fff;
padding: 3px 2px 2px 23px;
}
div.arrondi {
width: 900px;
background: #fff;
margin-bottom: 3em;
margin-top: 3em;
padding: 0.5em 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 3px solid #000044;
behavior: url(PIE.htc);
}

.brdcb {
display: inline;
FONT-WEIGHT: bold;
COLOR: #39597d;
padding-top: 14px;
FONT-SIZE: 8pt;
FONT-FAMILY: arial;
}

a.related:hover strong.related {
color: #FFF;
background: none repeat scroll 0 0 #1192c2;
opacity: 0.8px;
display: block;
height: 104px;
position: absolute;
text-decoration: none;
top: 0;
/*left:6px;*/
width: 104px;
/*padding: 3px;*/
}

a.related {
/*float: left;*/
display: block;
height: 104px;
position: relative;
/*margin-right: 10px;*/
margin-bottom: 19px;
width: 104px;
text-decoration: none;
}

#game-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: 10px;
  margin-left: 20px;
border: 5px dotted;
margin-bottom: 0px;

}

.banniere-droite {
  width: 186px;
  height: 610px;
  position: absolute;
  margin-left: 870px;
  margin-bottom: 10px;
  padding-top: 20px;
  text-align: center;
  background-color: #FFF602;
}


#loginBox
{
   width: 309px;
   height: 125px;
   left: -210px;
   top: 15px;
   background-image: url(/images/login.png);
   position: absolute;
   display: none;
   z-index: 999;
}

#loginBox #close
{
   width: 22px;
   height: 23px;
   background-image: url(/images/fermer.png);
   background-repeat: no-repeat;
   cursor: pointer;
   position: absolute;
   right: -2px;
   top: 26px;
}

#loginBox table
{
   width: 280px;
   margin-top: 40px;
   margin-bottom: 5px;
   margin-left: 20px;
   color: white;
   z-index: 1500;
}

#loginBox td
{
   min-width: 90px;
   height: 24px;
}

#loginBox table input[type="text"],
#loginBox table input[type="password"]
{
   padding-top: 2px;
   padding-bottom: 2px;
   border: none;
   width: 130px;
}


#loginBox table input[type="submit"]
{
   width: 30px;
}

table input[type="submit"],
input[type="submit"],
table input[type="button"],
input[type="button"]
{
   border: none;
   margin-left: 6px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-right: 4px;
   background-color: #f5960d;
   font: normal 13px 'Trebuchet MS', Arial, Helvetica;
   color: #ffffff;
   text-transform: uppercase;
   cursor: pointer;
}


A:link {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: none;	FONT-FAMILY: arial;
}
A:visited {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: none;	FONT-FAMILY: arial;
}
A:active {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: underline;	FONT-FAMILY: arial;
}
A:hover {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: underline;	FONT-FAMILY: arial;
}



A.liengame {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: underline;	FONT-SIZE: 12pt; FONT-FAMILY: arial;
}

.lien2:link {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: none;	FONT-SIZE: 12pt; FONT-FAMILY: arial;
}
.lien2:visited {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: none;	FONT-SIZE: 12pt; FONT-FAMILY: arial;
}
.lien2:active {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: underline;	FONT-SIZE: 12pt; FONT-FAMILY: arial;
}
.lien2:hover {
	FONT-WEIGHT: bold; COLOR: #39597d; TEXT-DECORATION: underline;	FONT-SIZE: 12pt; FONT-FAMILY: arial;
}


.contour
{
    border: 20px solid #959595;
} 

.contour:hover
{
    border: 2px solid #ff3333;
} 

.bord1
{
margin-left:12px;
}

h1
{
	font-size:16px;
	line-height:12px;
	color:#395A7D;
	margin-top:20px;
	margin-left:17px;	
	FONT-FAMILY: arial;
	}

h2.pg {
font-size: 18px;
line-height: 6px;
color: #395A7D;
margin-top: 22px;
margin-left: 17px;
FONT-FAMILY: arial;
display: block;
}


h2.index {
	  display: block;
  font-size: 24px;
  text-shadow: 1px 1px 1px #bbbbbb;
  margin: 5px 0px 5px 0px;
  line-height: 30px;
  text-align: left;
}

h1.ind {
margin-top: 4px;
}

h1.titre2
{
	font-size:16px;
	line-height:12px;
	color:#395A7D;
	margin-top:0px;
	FONT-FAMILY: arial;
	}

H2
{
	font-size:14px;line-height:14px; display:inline;color:#395A7D;	FONT-FAMILY: arial;
	}
	
.contour
{
    border: 2px solid #2A5AAA;
} 
a.type2:link {
	 COLOR: #39597d; TEXT-DECORATION: none;
	FONT-SIZE: 7pt; FONT-FAMILY: arial;
}
a.type2:visited {
	COLOR: #39597d; TEXT-DECORATION: none;
	FONT-SIZE: 7pt; FONT-FAMILY: arial;
}
a.type2:active {
	COLOR: #39597d; TEXT-DECORATION: underline;
	FONT-SIZE: 7pt; FONT-FAMILY: arial;
}
a.type2:hover {
	COLOR: #39597d; TEXT-DECORATION: underline;
	FONT-SIZE: 7pt; FONT-FAMILY: arial
}



.img0 {	border: 2px solid #2591D5;float:left;margin-right:5px;} /* bleu     */
.img1 {	border: 2px solid #000000;float:left;margin-right:5px;} /* noir     */
.img2 {	border: 2px solid #F777AA;float:left;margin-right:5px;} /* rose     */
.img3 {	border: 2px solid #70F06A;float:left;margin-right:5px;} /* vert     */
.img4 {	border: 2px solid #990099;float:left;margin-right:5px;} /* violet     */
.img5 {	border: 2px solid #FFCC00;float:left;margin-right:5px;} /* jaune     */
.img6 {	border: 2px solid #8556E3;float:left;margin-right:5px;} /* mauve     */
.img7 {	border: 2px solid #607596;float:left;margin-right:5px;} /* bleu-gris     */
.img_admin {	border: 2px solid #FF0000;float:left;margin-right:5px;} /* bleu-gris     */


.NArial {
	FONT-SIZE: 10pt; FONT-FAMILY: arial
}
.NArialL {
	FONT-SIZE: 12pt; FONT-FAMILY: arial
}
.NArialS {
	FONT-SIZE: 8pt; FONT-FAMILY: arial
}
.NArialW {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: arial
}
.NArialLW {
	FONT-SIZE: 12pt; COLOR: #ffffff; FONT-FAMILY: arial
}
.NArialSW {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: arial
}
A.NArialW:link {
	COLOR: #ffffff
}
A.NArialW:visited {
	COLOR: #ffffff
}
A.NArialW:active {
	COLOR: #ffffff
}
A.NArialW:hover {
	COLOR: #ffffff
}
.Navlink {
	FONT-SIZE: 8pt; CURSOR: default; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: bold;
	margin-left:4px;
}
A.Navlink:link {
	COLOR: #ffffff
}
A.Navlink:visited {
	COLOR: #ffffff
}
A.Navlink:active {
	TEXT-DECORATION: none
}
A.Navlink:hover {
	TEXT-DECORATION: none
}
.NArialSP {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #c6cfd9; FONT-FAMILY: arial
}
A.NArialSP:link {
	COLOR: #c6cfd9
}
A.NArialSP:visited {
	COLOR: #c6cfd9
}
A.NArialSP:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.NArialSP:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.NArialSG {
	FONT-SIZE: 8pt; COLOR: #808080; FONT-FAMILY: arial ;
}

.comment {
	FONT-SIZE: 11pt;
	COLOR: #808080;
	FONT-FAMILY: arial;
	text-align : justify;
}

A.partenaires:link {
FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;COLOR: #39597d
}

A.partenaires:visited {
FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;COLOR: #39597d
}

A.partenaires:active {
FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;COLOR: #39597d; TEXT-DECORATION: underline
}

A.partenaires:hover {
FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;COLOR: #39597d; TEXT-DECORATION: underline
}



.NArialSG2 {
	FONT-SIZE: 8pt; COLOR: #808080; FONT-FAMILY: arial;
	/*font-weight: bold;*/
}
A.NArialSG:link {
	COLOR: #808080
}
A.NArialSG:visited {
	COLOR: #808080
}
A.NArialSG:active {
	COLOR: #5b5b5b
}
A.NArialSG:hover {
	COLOR: #5b5b5b
}
.iconfont {
	FONT-SIZE: 12pt; FONT-FAMILY: webdings
}


#container {
	margin: auto;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	background-color: #FFFFFF;
}
#container #header #header_left {
	float: left;
		background-repeat: no-repeat;
	height: 42px;
	width: 45px;
}
#container #header #header_right {
		background-repeat: no-repeat;
	height: 42px;
	width: 6px;
	float: right;
}

#container #content {
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
#container #footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#container #footer a {
	color: #999999;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#container #header #header_main {
	float: left;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sbtn    {
	border: 1px solid #000033;
	height: 22px;
	width: 82px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
button {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	width: 82px;
}
#container #content #form1 legend {
	padding: 5px;
	margin: auto;
}
form {
	margin: 10px 5px 0px 5px;
}

#container #header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat-x;
	height: 42px;
}
label {
	padding: 0px;
	text-align: center;
}

.ratingbox{
   clear:both;
   margin:auto;
   width:165px;
}

.ratingbox img{
   padding:0px;
   margin:0px;
   float:left;
}



.pas_lien
{
display:inline-block;
font-size:12px;FONT-FAMILY: arial;
font-weight:bold;
padding:1px 6px;
}

.pas_lien, .trail a, .trail a:link, .trail a:active, .trail a:visited, .trail a:hover
{
	color:#FFFFFF;
}

.trail a, .trail a:link, .trail a:active, .trail a:visited
{
background-color:#463C4C;
display:inline-block;
font-size:12px;FONT-FAMILY: arial;
padding:1px 6px;
text-decoration:none;
}
.pas_lien, .trail a:hover
{
	background-color:#7D91A9;
}