/* CSS Document */

/* COMMUN */
body, textarea { font-family: Arial, verdana, sans-serif; font-size:12px; color:#2D5CA3; }
img { border:0; behavior: url("css/iepngfix.htc"); }
form, fieldset, input, textarea { margin:0; padding:0; border:0; font-size:11px; color:#2D5CA3; }
ul, li { margin:0; padding:0; list-style-type:none; }
.png { border:0; behavior: url("css/iepngfix.htc"); }

/** BANDEAU **/
.pres_bandeau { width:984px; height:20px; margin:0 auto; color:#3A548D; font-size:10px; margin:0 auto; }
.bandeau { width:984px; height:44px; margin:0 auto; background-color:#2E437E; margin-bottom:5px; }
#bandeau-des-marques { display:block; width:984px; margin:0 auto; margin-bottom:7px; }

/** STRUCTURE **/
#structure { display:block; position:relative; width:984px; height:500px; margin:0 auto; background:url('../images/commun/fond.jpg'); }
#contenu { display:block; position:absolute; width:709px; height:360px; top:90px; }

/** MENU DROIT *****************************************/
#menu_droit { display:block; position:absolute; width:275px; height:429px; right:0px; bottom:0px; font-size:11px; font-weight:bold; line-height:13px; z-index:10; }

#menu_droit .un { background:url('../images/commun/fond_menudroit1.gif'); height:134px; }
#menu_droit .deux { background:url('../images/commun/fond_menudroit2.gif'); height:184px; }
#menu_droit .trois { background:url('../images/commun/fond_menudroit3.gif'); height:111px; }

#menu_droit .titres { display:block; padding:27px 0 3px 60px; text-align:left; }
/* edit 061108 */
	.meaPanel{width:180px;height:30px;float:left;position:relative;}
	.meaPanel .panelH{width:114px;height:17px;position:absolute;top:0;left:32px;}
	.meaPanel .panelL{width:75px; font-weight:normal;font-size:13px;text-align:center;height:100px;line-height:15px;position:absolute;top:25px;left:0;}
	.meaPanel .panelR { width:97px;position:absolute;top:20px;right:4px;}
	.meaPanel .panelB { width:180px;position:absolute;top:121px;left:25px;}

/*
#menu_droit 
*/
#menu_droit .visu { display:block; width:160px; height:51px; margin:10px 0 0 62px; text-align:center; }
#menu_droit .sondage { display:block; overflow:auto; width:180px; height:54px; margin:0 0 10px 58px; text-align:center; }
#menu_droit .sondage a { color:#2D5CA3; text-decoration:underline; }
#menu_droit .sondage a:hover { text-decoration:none; }
#menu_droit .reponse_sondage { display:block; overflow:auto; font-size:11px; font-weight:bold; letter-spacing:0px; width:180px; height:54px; margin:0 0 0 58px; text-align:center; }
#menu_droit .reponse_sondage a { color:#2D5CA3; text-decoration:underline; }
#menu_droit .reponse_sondage a:hover { text-decoration:none; }

#menu_droit .titre3 { display:block; padding:29px 0 0 84px; } 
#menu_droit .texte3 { font-size:10px; font-weight:normal; display:block; overflow:auto; line-height:12px; width:170px; height:67px; padding-top:20px; margin:0px 0 0px 70px; text-align:center;}
#menu_droit .texte3 a { color:#2D5CA3; text-decoration:none; }
#menu_droit .texte3 a:hover { text-decoration:underline;  }

/* MENU *********************************************/

.logobingo { display:block; position:relative; width:91px; padding:10px 0 0 30px; z-index:50; }
dl, dt, dd, ul, li { margin:0; padding:0; list-style-type:none; }
#menu { display:block; position:absolute; top:0; left:150px; z-index:100; width:auto; /* correction pour Opera */ }
#menu dl { float:left; width:auto; margin:10px 13px 0 13px; }
#menu dt { cursor:pointer; text-align:center; font-weight:bold; }
#menu dt .menu1 { display:block; width:150px; }
#menu dt .menu2 { display:block; width:217px; }
#menu dt .menu3 { display:block; width:157px; }
#menu dt a.menu4 { display:block; width:179px; height:57px; background:url('../images/commun/menu4.gif'); }
#menu dt a.menu4:hover, #menu li a.menu4:focus { display:block; background:url('../images/commun/menu4.gif'); }
#menu dd { display:none; margin-top:-10px; }

#menu li { text-align:center; }

#menu li a, #menu dt a { text-decoration:none; display:block; text-indent:-10000px; }

#smenu1 li a.ssmenu1 { width:126px; background:transparent url('../images/commun/ssmenu1-1.png'); height:45px; }
#smenu1 li a.ssmenu1:hover, #menu li a.ssmenu1:focus, #menu dt a:hover, #menu dt a:focus { background:url('../images/commun/ssmenu1-1.png') 0 -45px; }
#smenu1 li a.ssmenu2 { width:126px; background:transparent url('../images/commun/ssmenu1-2.png'); height:38px; }
#smenu1 li a.ssmenu2:hover, #menu li a.ssmenu2:focus, #menu dt a:hover, #menu dt a:focus { background:url('../images/commun/ssmenu1-2.png') 0 -38px; }
#smenu1 li a.ssmenu3 { width:126px; background:transparent url('../images/commun/ssmenu1-3.png'); height:35px; }
#smenu1 li a.ssmenu3:hover, #menu li a.ssmenu3:focus, #menu dt a:hover, #menu dt a:focus { background:url('../images/commun/ssmenu1-3.png') 0 -35px; }
#smenu1 li a.ssmenu4 { width:126px; background:transparent url('../images/commun/ssmenu1-4.png'); height:13px; margin-top:-4px; }

#smenu2 li a.ssmenu1 { width:214px; background:transparent url('../images/commun/ssmenu2-1.png'); height:45px; }
#smenu2 li a.ssmenu1:hover, #menu li a.ssmenu1:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu2-1.png') 0 -45px; }
#smenu2 li a.ssmenu2 { width:214px; background:transparent url('../images/commun/ssmenu2-2.png'); height:38px; }
#smenu2 li a.ssmenu2:hover, #menu li a.ssmenu2:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu2-2.png') 0 -38px; }
#smenu2 li a.ssmenu3 { width:214px; background:transparent url('../images/commun/ssmenu2-3.png'); height:38px; }
#smenu2 li a.ssmenu3:hover, #menu li a.ssmenu3:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu2-3.png') 0 -38px; }
#smenu2 li a.ssmenu4 { width:214px; background:transparent url('../images/commun/ssmenu2-4.png'); height:38px; }
#smenu2 li a.ssmenu4:hover, #menu li a.ssmenu4:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu2-4.png') 0 -38px; }
#smenu2 li a.ssmenu5 { width:214px; background:transparent url('../images/commun/ssmenu2-5.png'); height:37px; }
#smenu2 li a.ssmenu5:hover, #menu li a.ssmenu5:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu2-5.png') 0 -41px; }
#smenu2 li a.ssmenu6 { width:214px; background:transparent url('../images/commun/ssmenu2-6.png'); height:13px; margin-top:-3px; }


#smenu3 li a.ssmenu1 { width:157px; background:transparent url('../images/commun/ssmenu3-1.png'); height:38px; }
#smenu3 li a.ssmenu1:hover, #menu li a.ssmenu1:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu3-1.png') 0 -38px; }
#smenu3 li a.ssmenu2 { width:157px; background:transparent url('../images/commun/ssmenu3-2.png'); height:38px; }
#smenu3 li a.ssmenu2:hover, #menu li a.ssmenu2:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu3-2.png') 0 -38px; }

#smenu3 li a.ssmenu3 { width:157px; background:transparent url('../images/commun/ssmenu3-1bis.png'); height:38px; }
#smenu3 li a.ssmenu3:hover, #menu li a.ssmenu3:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu3-1bis.png') 0 -38px; }

#smenu3 li a.ssmenu4 { width:157px; background:transparent url('../images/commun/ssmenu3-3.png'); height:35px; }
#smenu3 li a.ssmenu4:hover, #menu li a.ssmenu3:focus, #menu dt a:hover, #menu dt a:focus { background:transparent url('../images/commun/ssmenu3-3.png') 0 -35px; }
#smenu3 li a.ssmenu5 { width:157px; background:transparent url('../images/commun/ssmenu3-4.png'); height:12px; margin-top:-3px; }

/* FOOTER ********************************************/
#footer { display:block; position:absolute; width:auto; left:30px; top:460px; z-index:300; }
.logos { display:block; float:left; background:transparent url('../images/commun/logos_bas.gif'); width:176px; height:33px;  }
.mentions { display:block; float:left; color:#FFF; font-size:11px; height:33px; padding:10px 0 0 136px; }
.mentions a { text-decoration:none; color:#FFF; padding:4px; }
.mentions a:hover { text-decoration:underline; }

/* CONTENU PRINCIPAL -->//COMMUN AU CONTENU DES PAGES***************************************/

.haut_rub { display:block; width:650px; height:47px; }
.contenu_rub { display:block; width:650px; height:296px; }
.contenu_rub p { float:left; width:100%;}
.contenu_rub ul { float:left;}
.contenu_rub strong { float:left;}
.contenu_rub h5 { float:left;}
.contenu_rub em { float:left;}
.contenu_rub ul li  { float:left;}
.bas_rub { display:block; width:650px; height:54px; }

.blocGauche { display:block; float:left; width:237px; height:296px; margin:0 0 0 24px!important;margin:0 0 0 12px; }
.blocDroit { display:block; float:left; width:365px; height:296px; margin:0 0 0 20px;!important;margin:0 0 0 14px; overflow:auto; }
.fondHautRubGauche { display:block; width:237px; height:10px; }
.titreRubGauche { display:block; width:237px; height:auto; padding-bottom:16px; }
.contenuGauche { display:block; width:207px; height:inherit; margin:0 20px 16px 10px!important;margin:0 8px 8px 10px; }
.contenuDroit { display:block; width:347px; height:auto; padding:0; }
.contenuDroitscroll {
display:block;
overflow:auto;
height:100px;
width:342px;
padding-right:5px;
padding-bottom:5px;
float:left;
}
.titreDroit { display:block; width:345px; height:auto; padding:0 0 10px 0; float:left;}

/* TEXTES */

.txtAlerte { color:#E1001D; font-size:10px; }
.txtAlerte12 { color:#E1001D; font-size:12px; }
.txtPetit { font-size:11px; }

/* LIENS */
.liensbas { display:block; float:left; text-align:right; clear:left; width:348px; margin:4px 0 0 0!important;margin:2px 0 0 0; }
.contenuDroit a { text-decoration:underline; }

/* FORMulaires */

.btnradio {  display:block; float:left; margin:4px 0px 0px 0px; }
.champsTexte { display:block; float:left; margin:4px 0px 2px 2px; background-color:#D4DDEC; width:245px; padding:2px 0 2px 2px; }
.champsTexte2 { display:block; float:left; margin:2px 0px 2px 2px; background-color:#ffffff; border:solid #e20076 1px; width:120px; padding:2px 0 2px 2px; }
.oubliChamp { margin:2px 0px 2px 2px; background-color:#D4DDEC; width:245px; padding:5px 0 5px 5px; }

/* HOME ***********************************************************************/
							/* structure */
.gauche { display:block; width:254px; height:246px; float:left; }
.droite { display:block; width:455px; float:left; }

							/* contenu milieu */
.titre_home { display:block; }
.visu_home { display:block; }
.nb_bingonaute  { display:block; color:#FFF; background:transparent url('../images/home/fond_bingonaute.jpg') no-repeat; width:335px; height:60px; padding:20px 0 0 120px; margin:0 auto; }

				/* HOME */	/* bloc gauche */
.bloc_gauche_home { display:block; background: url('../images/home/fond_menugauche.gif'); width:218px; height:200px; margin-top:56px; padding:46px 0 0 36px; }
.titre_bingo { display:block; }
.vignette_bingo { display:block; float:left; width:177px; text-align:center; padding:3px; }
.visu_scoop { display:block; float:left; width:177px; text-align:center; padding:0px; }
.lien_voirpreuves { display:block; float:left; width:84px; padding:5px 0 0 18px; clear:both; }


/* POPUPS */

.popupCentre { text-align:center; }

/* BLOCK WEB 2 WAP */

#web2wap { padding-top: 5px; margin:0px 0px 0px 70px; display:block; overflow:visible; width:170px; height:67px; text-align:center; }
#menu_droit .titreWap { font-size:15px; font-weight:bold;  line-height:14px; padding-top:15px; }
#menu_droit .sTitreWap { font-size:9px; font-weight: normal; line-height:12px;}
#menu_droit .footnoteWap { font-size: 7px; }
#menu_droit .formWeb2Wap  { height: 25px; display: block; }


