/* CSS Document */

body {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-align: center; 
background: url(img/bg.jpg) no-repeat center top;
background-color: #003B72;
color:#000;
font-family:"Trebuchet MS";
}

/* ======== Liens ======= */
a {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
.tags {color:#F47BC5; text-decoration:none;}
.tags:hover {color:#F70097; text-decoration:none;}

/* ====================== Container de fond ============================ */
#container_index {text-align:center; margin:0px auto; width:951px; padding:0px;}
#container {text-align:center; margin:0px auto; width:951px; padding:0px; z-index: 1;}
#header {width:951px; height:220px; padding:0px; margin:0px; float:left;}
#menu {width:950px; height:40px; float:left; background: url(img/fond_menu.gif) no-repeat center top; text-align:left; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
#menu .item {height:17px; padding-top:11px; padding-bottom:12px; padding-left:12px; padding-right:12px; float:left;}
#menu .item:hover {height:17px; padding-top:11px; padding-bottom:12px; padding-left:12px; padding-right:12px; float:left; background-color:#000; color:#fff;}
#menu .item a {color:#4F4F4F; font-family:Arial; font-size:16px; font-weight:bold; text-decoration:none;}
#menu .item a:hover {color:#fff; font-family:Arial; font-size:16px; font-weight:bold; text-decoration:none;}
#ssmenu {width:951px; margin-top:40px; position:relative; padding:0px;}
#ssmenuA {width:140px; background-color:#232323; margin-left:150px; padding:0px; float:left; border:1px solid #404040;}
.it {width:130px; padding:5px; color:#fff; border-bottom:1px solid #404040;}
.it:hover {width:130px; padding:5px; background-color:#000; color:#fff; border-bottom:1px solid #404040;}
.it a {color:#fff; text-decoration:none;}
.it a:hover {color:#E9D117; text-decoration:none;}

#central {width:952px; height:384px; padding:0px; margin:0px; float:left;}
#news {width:268px; height:384px; padding:0px; margin:0px; float:left; background-color:#fff; border-left:1px solid #000;}
#actus {width:249px; height:324px; padding:10px; margin:0px; float:left; text-align:left;}
#actus h1 {padding:0px; margin:0px; margin-bottom:7px; color:#000; font-family:Arial; font-size:17px; font-weight:bold; letter-spacing:-1px;}
#actus p {padding:0px; margin:0px; margin-bottom:5px; line-height:17px;}
#communaute {width:249px; height:40px; padding:0px; margin:0px; float:left;}
#omfc {width:188px; height:284px; padding:10px; margin:0px; float:left; text-align:left; color:#fff; background-color:#3E3E3E;}
#omfc h1 {padding:0px; margin:0px; margin-bottom:10px; color:#fff; font-family:Arial; font-size:17px; letter-spacing:-1px;}
#omfc p {margin:0px; padding:0px; margin-bottom:5px; line-height:12px; color:#CFCFCF;}
#video {width:474px; height:304px; padding:0px; margin:0px; float:left; background-color:#000; border-right:1px solid #000;}
#list_video {width:306px; height:71px; padding:0px; margin:0px; padding-top:9px; float:left; background: url(img/bg_list_videos.jpg) no-repeat; padding-left:376px; border-right:1px solid #000;}
#vid {width:91px; height:62px; border:1px solid #fff; margin-right:8px; float:left;}
.sep {width:950px; height:3px; background-color:#000; margin:0px; padding:0px; float:left; border:1px solid #000;}
#jeu {width:136px; height:100px; background: url(img/jeu-concours.jpg) no-repeat center top; margin-left:80px; margin-top:10px;}
#jeu:hover {width:136px; height:100px; background: url(img/jeu-concours-hover.jpg) no-repeat center top; margin-left:80px; margin-top:10px;}

#central_bas {width:950px; background-color:#fff; padding:0px; margin:0px; float:left; border-left:1px solid #000; border-right:1px solid #000;}
#basgauche {width:250px; height:510px; margin:0px; padding:0px; padding-top:18px; padding-left:18px; float:left; text-align:left;}
#basgauche .content {width:232px; height:570px; background: url(img/labels.jpg) no-repeat center top;}
#basgauche .content_wind {width:232px; height:430px; background: url(img/windsurf.jpg) no-repeat center top;}
#basgauche .content_kite {width:232px; height:430px; background: url(img/kitesurf.jpg) no-repeat center top;}
#basgauche .content_sup {width:232px; height:430px; background: url(img/sup.jpg) no-repeat center top;}
#basgauche .content_skate {width:232px; height:430px; background: url(img/skate.jpg) no-repeat center top;}
#basgauche .content_bmx {width:232px; height:430px; background: url(img/bmx.jpg) no-repeat center top;}
#basgauche .content_chute {width:232px; height:430px; background: url(img/chute-libre.jpg) no-repeat center top;}
#basgauche .content_divertissement {width:232px; height:430px; background: url(img/divertissement.jpg) no-repeat center top;}
#basgauche .content_prog {width:232px; height:430px; background: url(img/programme-sportif.jpg) no-repeat center top;}
#basgauche .content_graph {width:232px; height:430px; background: url(img/graph.jpg) no-repeat center top;}
#basgauche .content_concours {width:232px; height:430px; background: url(img/concours.jpg) no-repeat center top;}
#infogen {width:662px; margin:0px; padding:0px; float:left; padding-left:0px; padding-right:20px; text-align:left; padding-top:15px; padding-bottom:15px;}
#infogen h1 {padding:0px; margin:0px; margin-bottom:10px; color:#000; font-family:Arial; font-size:24px; font-weight:bold; letter-spacing:-1px;}
#infogen h2 {padding:0px; margin:0px; margin-top:10px; margin-bottom:7px; color:#363636; font-family:Arial; font-size:15px; font-weight:bold;}
#infogen p {margin:0px; padding:0px; margin-bottom:5px; font-size:13px; line-height:16px; color:#5C5C5C; text-align:justify;}
#infogen img {margin:0px; padding:0px; margin-bottom:10px; margin-right:15px; border:1px solid #ccc;}
#infogen .liste {width:100%; padding:5px; background-color:#E8E8E8; float:left; font-size:13px; margin-bottom:2px;}
#infogen .liste2 {width:100%; padding:5px; background-color:#CDCCCC; float:left; font-size:13px; margin-bottom:2px;}
#infogen li {font-size:13px; color:#5C5C5C;}
#media {width:950px; background-color:#fff; height:529px; background: url(img/fond_media.jpg) no-repeat; margin:0px; float:left; text-align:left;}

#concours {background:#FFEACF; width:300px; border:1px solid #A9A5A0; float:left; margin-top:25px; margin-bottom:20px; margin-left:80px; padding:10px;}
#concours .part1 {width:80px; float:left; padding:5px; text-align:right;}
#concours .part2 {width:140px; float:left; padding:5px; text-align:left;}
#concours .ok {font-size:20px; padding:12px;}
#expl {float:left; margin-left:20px; font-size:10px; color:#333; margin-top:25px; width:170px;}
#expl .repok {color:green; font-weight:bold; font-size:13px; margin-top:20px;}
#expl .repbad {color:red; font-weight:bold; font-size:13px; margin-top:20px;}

#partenaires {width:952px; text-align:center; background-color:#000; padding:0px; padding-top:5px; margin:0px; float:left;}
#footer {width:950px; text-align:center; padding:0px; margin:0px; padding-top:10px; padding-bottom:20px; float:left; color:#fff; font-family:Arial; font-size:12px; letter-spacing:-1px;}
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {color:#fff; text-decoration:none;}

/* ============================== GFI ================================== */
#voile {-khtml-opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80); opacity:.8; background:#000; display:none; height:100%; width:100%; position:fixed; left:0; top:0; z-index:1000;}
#popgame {background-color:#fff; padding:0px; color:#000; display:none; position:fixed; z-index:1001; top:50%; left:50%; height:385px; margin-top:-200px; width:630px; margin-left:-315px; border:2px solid #000; text-align:left;}