html,body {
width:100%;
height:100%;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
padding:0;
font-family:Arial;
}
body {
background-color:#95cafc;
background-image:url(images/global/body_bg.gif);
background-repeat:repeat-x;
text-align:center;
font-size:12px;
color:#333333;
}
form { margin:0; padding:0; }
img { border:0; }

#GlobalConteneur {
position:relative;
width:976px;
height:717px;
margin:5px auto 0 auto;
text-align:left;
}
#HautConteneur {
position:relative;
width:976px; height:130px;
margin:0px;
float:left; display:inline;
z-index:100;
}
#HautOmbre {
position:absolute;
width:976px; height:118px;
left:0px; top:12px;
background:url(images/global/haut_ombre.png) no-repeat;
}
#Logo_OSF {
position:absolute;
width:209px; height:118px;
left:22px; top:2px;
background:url(images/global/logo_OSF.png) no-repeat;
}
#SilhouetteConteneur {
position:absolute;
width:100px; height:130px;
left:847px; top:0px;
}
#MidConteneurOmbre {
position:relative;
width:976px;
margin:0px;
background:url(images/global/ombre_Mid.png) repeat-y;
float:left; display:inline;
z-index:10;
}
#MidConteneurBg {
position:relative;
width:950px;
margin-left:13px; margin-top:0px;
background-color:#72a2d9;
background-image:url(images/global/bg_Mdeg.gif);
background-repeat:repeat-x;
background-position:top;
float:left; display:inline;
z-index:11;
}
#MidConteneurBgBlc {
position:absolute;
width:192px; height:551px;
left:6px; top:0px;
font-size:1px;
background:url(images/global/mid_bg_blc.png) repeat-y;
}
#BasConteneur {
position:relative;
width:976px; height:40px;
margin-left:0px; margin-top:0px;
float:left; display:inline;
z-index:20;
}
#BasConteneur .bg {
position:absolute;
width:976px; height:40px;
left:0px; top:0px;
background:url(images/global/bas.png) no-repeat;
}
#colonneLeft {
position:relative;
width:227px;
margin-left:0px; margin-top:0px;
float:left; display:inline;
z-index:250;
}
#colonneRight {
position:relative;
width:723px;
margin-right:0px; margin-top:0px;
float:right; display:inline;
z-index:50;
}
#ContenuConteneur {
position:relative;
width:698px;
margin-left:0px; margin-top:29px;
float:left; display:inline;
}

/*--------------------- BAS ----------------------------------------*/
.bas_btn_espaceclubs {
position:absolute;
width:134px; height:27px;
left:19px; top:0px;
background:url(images/global/bas_espaceclubs.gif) no-repeat 13px 7px;
display:block;
}
.bas_btn_icone {
position:absolute;
width:44px; height:36px;
left:153px; top:-9px;
background:url(images/global/bas_icone.png) no-repeat;
display:block;
}
#BasConteneur div {
position:absolute;
width:705px; height:18px;
left:244px; top:7px;
font-size:11px;
color:#FFFFFF;
text-align:right;
}


.lien_wesmedia {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}
.lien_wesmedia:hover {
text-decoration:underline;
}

/*--------------------- MENU HAUT ----------------------------------------*/


#HautBg {
position:absolute;
width:950px; height:105px;
left:13px; top:25px;
background:url(images/global/haut_bg.gif) no-repeat;
}
#HautBgBlc {
position:absolute;
width:192px; height:105px;
left:6px; top:0px;
background:url(images/global/haut_bg_blc.png) no-repeat;
}
#HautSol {
position:absolute;
width:950px; height:19px;
left:0px; top:86px;
background:url(images/global/haut_sol.png) no-repeat;
}
#MenuHautConteneur {
position:absolute;
width:608px; height:98px;
left:230px; top:28px;
}
#MenuHautOmbre {
position:absolute;
width:608px; height:98px;
left:0px; top:0px;
background:url(images/global/menuhaut_ombre.png) no-repeat;
}
#MenuHaut_BgVert {
position:absolute;
width:548px; height:68px;
left:30px; top:15px;
background:url(images/global/menuhaut_bg_vert.gif) repeat-x;
}
#MenuHaut_bordL {
position:absolute;
width:8px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_bordL.gif) no-repeat;
}
#MenuHaut_bordR {
position:absolute;
width:8px; height:68px;
left:540px; top:0px;
background:url(images/global/menuhaut_bordR.gif) no-repeat;
}
.MenuHaut_separ {
position:absolute;
width:4px; height:68px;
top:0px;
background:url(images/global/menuhaut_separ.gif) no-repeat;
}
#BtnConteneur01 {
position:absolute;
width:75px; height:68px;
left:0px; top:0px;
background:url(images/global/icone_01.gif) no-repeat 19px 8px;
}
#BtnConteneur02 {
position:absolute;
width:111px; height:68px;
left:77px; top:0px;
background:url(images/global/icone_02.gif) no-repeat 29px 9px;
}
#BtnConteneur03 {
position:absolute;
width:120px; height:68px;
left:190px; top:0px;
background:url(images/global/icone_03.gif) no-repeat 35px 7px;
}
#BtnConteneur04 {
position:absolute;
width:85px; height:68px;
left:312px; top:0px;
background:url(images/global/icone_04.gif) no-repeat 26px 5px;
}
#BtnConteneur05 {
position:absolute;
width:62px; height:68px;
left:399px; top:0px;
background:url(images/global/icone_05.gif) no-repeat 14px 3px;
}
#BtnConteneur06 {
position:absolute;
width:85px; height:68px;
left:463px; top:0px;
background:url(images/global/icone_06.gif) no-repeat 23px 5px;
}
.Btn_link {
position:absolute;
height:20px;
left:0px; top:0px;
padding-left:1px;
padding-top:48px;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;
text-align:center;
display:block;
cursor:pointer;
z-index:1;
}
.Btn_link:hover {
color:#555555;
text-decoration:none;
}
#BtnOver01 {
position:absolute;
width:75px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_over_bg_vert.gif) repeat-x;
display:none;
}
#BtnOver02 {
position:absolute;
width:111px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_over_bg_vert.gif) repeat-x;
display:none;
}
#BtnOver03 {
position:absolute;
width:120px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_over_bg_vert.gif) repeat-x;
display:none;
}
#BtnOver04 {
position:absolute;
width:85px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_over_bg_vert.gif) repeat-x;
display:none;
}
#BtnOver05 {
position:absolute;
width:62px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_over_bg_vert.gif) repeat-x;
display:none;
}
#BtnOver06 {
position:absolute;
width:85px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_over_bg_vert.gif) repeat-x;
display:none;
}
.btn01_over_bordL {
position:absolute;
width:8px; height:68px;
left:0px; top:0px;
background:url(images/global/menuhaut_over_bordL.gif) no-repeat;
}
.btn06_over_bordR {
position:absolute;
width:8px; height:68px;
left:77px; top:0px;
background:url(images/global/menuhaut_over_bordR.gif) no-repeat;
}
.btn_over_separ {
position:absolute;
width:1px; height:68px;
left:0px; top:0px;
font-size:1px;
background:url(images/global/menuhaut_over_separ.gif) no-repeat;
}
#IconeOver01 {
position:absolute;
width:75px; height:68px;
left:0px; top:0px;
background:url(images/global/icone_over_01.gif) no-repeat 19px 8px;
}
#IconeOver02 {
position:absolute;
width:111px; height:68px;
left:0px; top:0px;
background:url(images/global/icone_over_02.gif) no-repeat 29px 9px;
}
#IconeOver03 {
position:absolute;
width:120px; height:68px;
left:0px; top:0px;
background:url(images/global/icone_over_03.gif) no-repeat 35px 7px;
}
#IconeOver04 {
position:absolute;
width:85px; height:68px;
left:0px; top:0px;
background:url(images/global/icone_over_04.gif) no-repeat 26px 5px;
}
#IconeOver05 {
position:absolute;
width:62px; height:68px;
left:0px; top:0px;
background:url(images/global/icone_over_05.gif) no-repeat 14px 3px;
}
#IconeOver06 {
position:absolute;
width:85px; height:68px;
left:0px; top:0px;
background:url(images/global/icone_over_06.gif) no-repeat 23px 5px;
}
#SousMenuConteneur_pres {
position:absolute;
width:127px; height:113px;
left:99px; top:83px;
display:none;
z-index:120;
}
#SousMenuBg_pres {
position:absolute;
width:127px; height:111px;
left:0px; top:2px;
background:url(images/global/sousmenu_bg.png) no-repeat;
z-index:120;
}
#SousMenu_pres_link {
position:absolute;
width:106px; height:106px;
left:11px; top:5px;
font-size:11px;
line-height:17px;
z-index:130;
}
#SousMenu_pres_link a {
color:#333333;
text-decoration:none;
}
#SousMenu_pres_link a:hover {
color:#000000;
text-decoration:none;
}
#SousMenuConteneur_actu {
position:absolute;
width:101px; height:62px;
left:334px; top:83px;
display:none;
z-index:120;
}
#SousMenuBg_actu {
position:absolute;
width:101px; height:60px;
left:0px; top:2px;
background:url(images/global/sousmenu_bg_actu.png) no-repeat;
z-index:120;
}
#SousMenu_actu_link {
position:absolute;
width:85px; height:50px;
left:11px; top:5px;
font-size:11px;
line-height:17px;
z-index:130;
}
#SousMenu_actu_link a {
color:#333333;
text-decoration:none;
}
#SousMenu_actu_link a:hover {
color:#000000;
text-decoration:none;
}


/*--------------------- MENU LEFT ----------------------------------------*/


#MenuLeftConteneur {
position:relative;
width:178px; height:337px;
margin-left:12px; margin-top:49px;
float:left; display:inline;
z-index:250;
}
#MenuLeft_bg {
position:absolute;
width:178px; height:337px;
left:0px; top:0px;
background:url(images/global/menuleft_bg.jpg) no-repeat;
clear:both;
z-index:250;
}
#MenuLeft_BtnConteneur {
position:absolute;
width:166px; height:327px;
left:6px; top:4px;
clear:both;
z-index:250;
}
.menuleft_btn {
position:absolute;
width:166px; height:21px;
left:0px;
z-index:250;
}
.menuleft_btn .lien {
position:absolute;
width:149px; height:21px;
left:0px; top:0px;
padding-left:17px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
line-height:21px;
text-decoration:none;
display:block;
cursor:pointer;
z-index:250;
}
.menuleft_btn .lien:hover {
color:#dae3ee;
text-decoration:none;
}
.menuleft_btn .over {
position:absolute;
width:166px; height:21px;
left:0px; top:0px;
background:url(images/global/menuleft_btn_over.png) no-repeat;
display:none;
}
.menuleft_ssmenu_cont {
position:absolute;
left:166px; top:0px;
z-index:250;
}
.menuleft_ssmenu_cont .table { border:0; }
.menuleft_ssmenu_cont .table td { padding:0; font-size:1px; line-height:1px; }
.menuleft_ssmenu_cont .table .cornerTR { width:10px; height:10px; background:url(images/global/menuleft_ss_TR.png) no-repeat; }
.menuleft_ssmenu_cont .table .cornerBR { width:10px; height:10px; background:url(images/global/menuleft_ss_BR.png) no-repeat; }
.menuleft_ssmenu_cont .table .bgTM { height:10px; background:#1b4f85 url(images/global/menuleft_ss_TM.png) repeat-x top; }
.menuleft_ssmenu_cont .table .bgBM { height:10px; background:#1b4f85 url(images/global/menuleft_ss_BM.png) repeat-x bottom; }
.menuleft_ssmenu_cont .table .bgMR { width:10px; background:#1b4f85 url(images/global/menuleft_ss_MR.png) repeat-y right; }
.menuleft_ssmenu_cont .table .bgMid {
font-size:11px;
line-height:normal;
color:#FFFFFF;
background:#1b4f85;
}
.menuleft_ssmenu_lien {
font-size:11px;
line-height:normal;
color:#FFFFFF;
text-decoration:none;
}
.menuleft_ssmenu_lien:hover { color:#CCCCCC; }

.menuleft_ssmenu_cont .separ { height:1px; background:#1b4f85 url(images/global/menuleft_ss_separ.png) no-repeat; padding:0; font-size:1px; line-height:1px; }

/*--------------------- LIEN FLC - CG85 ----------------------------------------*/


#lienFLCConteneur {
position:relative;
width:173px; height:45px;
margin-left:15px; margin-top:30px;
float:left; display:inline;
}
#lienFLCConteneur .bg {
position:absolute;
width:123px; height:32px;
left:0px; top:9px;
padding-left:50px; padding-top:4px;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
background:url(images/global/lienFLC_bg.gif) no-repeat;
display:block;
}
#lienFLCConteneur .logo {
position:absolute;
width:37px; height:45px;
left:6px; top:0px;
background:url(images/global/lienFLC_logo.gif) no-repeat;
display:block;
}

#lienCG85Conteneur {
position:relative;
width:173px; height:40px;
margin-left:15px; margin-top:10px;
float:left; display:inline;
}
#lienCG85Conteneur .logo {
position:absolute;
width:173px; height:40px;
left:0px; top:0px;
background:url(images/global/lienCG85.gif) no-repeat;
display:block;
}



/*--------------------- SILHOUETTES ----------------------------------------*/
#SilhouetteConteneur .img01, #SilhouetteConteneur .img02, #SilhouetteConteneur .img03, #SilhouetteConteneur .img04,
#SilhouetteConteneur .img05, #SilhouetteConteneur .img06, #SilhouetteConteneur .img07  {
position:absolute;
width:100px; height:130px;
left:0px; top:0px;
}
#SilhouetteConteneur .img01 {
background:url(images/silhouettes/tennis.png) no-repeat;
}
#SilhouetteConteneur .img02 {
background:url(images/silhouettes/volley.png) no-repeat;
}
#SilhouetteConteneur .img03 {
background:url(images/silhouettes/foot.png) no-repeat;
}
#SilhouetteConteneur .img04 {
background:url(images/silhouettes/basket.png) no-repeat;
}
#SilhouetteConteneur .img05 {
background:url(images/silhouettes/athle.png) no-repeat;
}
#SilhouetteConteneur .img06 {
background:url(images/silhouettes/hand.png) no-repeat;
}
#SilhouetteConteneur .img07 {
background:url(images/silhouettes/karate.png) no-repeat;
}