html, body {font-family:Verdana, Georgia, serif;margin:0;padding:0;font-size:13px}
body {background:#ccc;}
ul {list-style:none;margin:0;padding:0}
a img {border:0;}
a {color:#c40d0d;text-decoration:none}
a:hover {text-decoration:underline}
#doc {width:1004px; margin:0 auto;}
.legend {font-size:10px}
.textright {float:right;}
#head {
background:url('../img/header-flash.png') bottom no-repeat; 
height:180px; 
padding-top:40px;
text-align:center;
}
.index h1{margin:0; padding:0}
#nav {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;height:25px;background:red;border:3px solid #000;position:relative;z-index:0;padding-top:5px;padding-left:10px}
ul#menu li{display:inline}
ul#menu li a {color:#fff;font-weight:bold}

#content {
background:#fff;
-moz-box-shadow: 0px 0px 10px #555;
-webkit-box-shadow: 0px 0px 10px #555;
box-shadow: 0px 0px 10px #555;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-bottom:3px solid #000;
border-right:3px solid #000;
border-left:3px solid #000;
width:960px;
margin:-4px auto 10px auto;
}
#content h1 {color:#555;text-shadow: 0 -1px 0 #333, 0 1px 0 rgba(255, 255, 255, 0.2);}

h2 {color:#555;text-shadow: 0 -1px 0 #333, 0 1px 0 rgba(255, 255, 255, 0.2);}
#main {float:left;width:680px;padding:10px;border-right:1px solid #000}
#main h3 a {background:url('../img/fleche.gif') -10px 5px no-repeat;}
#main .jeu {float:left;width:300px;height:160px;padding:0 20px;}
#main .jeu .visu {float:left;width:80px;margin-right:20px}
#main .jeu .visu img {border:1px solid #000;}

#link-bloc {border: 1px dotted #443311;padding:5px 10px 5px 10px;}
#link-bloc h2 {font-size:14px;}
#link-bloc ul {margin-left:10px}
#link-bloc ul li {padding:2px}
#link-bloc ul li a {background:url('../img/fleche.gif') 0 5px no-repeat;padding-left:12px}
#link-bloc ul li a:hover {background-position: 0 -9px;}
#droite {float:left;width:245px;padding-left:10px;}

#droite h2 {font-size:16px}

#droite ul {margin-left:20px}
#droite ul li {padding:2px}
#droite ul li a {background:url('../img/fleche.gif') 0 5px no-repeat;padding-left:12px}
#droite ul li a:hover {background-position: 0 -9px;}
#footer {
clear:both;
border-top:1px solid #000;
height:80px;
padding: 20px 0 0 20px;
color:#fff;
background:red;
background-image: linear-gradient(bottom, rgb(160,21,21) 40%, rgb(253,0,0) 100%);
background-image: -o-linear-gradient(bottom, rgb(160,21,21) 40%, rgb(253,0,0) 100%);
background-image: -moz-linear-gradient(bottom, rgb(160,21,21) 40%, rgb(253,0,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(160,21,21) 40%, rgb(253,0,0) 100%);
background-image: -ms-linear-gradient(bottom, rgb(160,21,21) 40%, rgb(253,0,0) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.4, rgb(160,21,21)),color-stop(1, rgb(253,0,0)));
}