@charset "utf-8";
/* CSS Document */

body{ text-align:center; background:url(../../img/body/bg-body.jpg) #002345 top center repeat-x; margin:0; padding:0;}
		
h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; margin:0; font-weight:100; padding:0;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; font-weight:bold;}
h3{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1em; color:#0183da; margin-bottom:5px; margin-top:5px; background:url(../../img/contenu/crochet.gif) 0 5px no-repeat; padding:5px 0 5px 20px; border-bottom:1px solid #e1e1e1; list-style-type:none;}
h4{font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#e51c2f;; text-transform:uppercase; font-weight:bold; margin:3px 0 0 0; }
h5{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1em; color:#0183da; margin-bottom:5px; margin-top:5px; padding:5px 0 5px 20px; border-bottom:1px solid #e1e1e1; list-style-type:none;}


.black{color:#000;}
.grey{color:#CCC;}
.red{color:#FF0000;}

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:10px; text-align:justify;}

#container{ width:850px; margin:0 auto;}

#top{ width:850px; height:30px; margin:0 auto; background:url(../../img/top/top-logo.gif) 38px 0px no-repeat; text-align:right;}

#header{ width:850px; height:195px; margin:0;}
#headerLeft{ width:280px; height:195px; margin:0; float:left; background:url(../../img/header/logo-abenaquis.gif) top left no-repeat;}
#headerRight{ width:570px; height:195px; margin:0; float:right; background:url(../../img/header/img-bingo-abenaquis.jpg) top left no-repeat;}

#contenuBox{ width:850px; margin:0; background:#FFF; text-align:left; margin-bottom:30px;}

#footerBox{ width:100%; height:175px; margin:0; padding:0; background:url(../../img/footer/bg.gif) top left repeat-x; text-align:center;}
#footer{ width:850px; margin:0 auto; background:url(../../img/footer/bglumiere.gif) top left repeat-x; text-align:left; padding:5px 0 0 0;}
#fBox1{ width:283px; height:145px; margin:0; text-align:left; float:left;}
#fBox2{ width:283px; height:145px; margin:0; text-align:left; float:left;}
#fBox3{ width:284px; height:145px; margin:0; text-align:left; float:left;}

#footer ul{ padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin:10px; text-align:justify;}
#footer ul li{ background:url(../../img/footer/star-empty.png) 0 0 no-repeat; padding:0px 0 5px 20px; list-style-type:none;}
#footer ul li.haveNew{ background:url(../../img/footer/star-yellow.png) 0 0 no-repeat; }

#footer a{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#FFF; text-align:justify; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/* menu-------------------------------------------------------------------------------------------------- */

#menu{width:850px; height:27px; margin:0; padding:0; background:url(../../img/menu/background.gif) top left no-repeat;}
#menuBox{width:570px; height:27px; margin:0 0 0 280px; padding:0; list-style-type:none; position:relative;}
#menuBox li{ width:100px; padding:0; margin-right:5px; float:left;}
#menuBox li a{display:block; width:100px;  height:27px; background:url(../../img/menu/bg-menu.gif) top left no-repeat; line-height:27px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; text-transform:uppercase; color:#000;}
#menuBox li a:hover{ background:url(../../img/menu/bg-menu-roll.gif) top left no-repeat;  height:27px;}
.actif { background:url(../../img/menu/bg-menu-actif.gif) top left no-repeat; line-height:27px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; text-transform:uppercase; color:#000;}

/* contenu-------------------------------------------------------------------------------------------------- */

#titre{ display:block; width:213px; height:29px; margin:0; background:url(../../img/contenu/bg-titre.gif) top left no-repeat; text-align:center; clear:right; line-height:27px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; text-transform:uppercase; color:#FFF; }
#titre.ongletOrga{ display:block; width:213px; height:29px; margin:0; background:url(../../img/bg-titre-bleu.gif) top left no-repeat; text-align:center; clear:right; line-height:27px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; text-transform:uppercase; color:#FFF; padding-right:48px; border-top:1px #003366 solid; }

#titre2{ margin:0; line-height:27px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; text-transform:uppercase; color:#FFF; }

#lotoBox{ width:850px; margin:0; padding:0; background:#FFF;  border-bottom:1px solid #e51c2f;}
#lotoBox h2{ padding:67px 0 0 0; margin:0;}
#lotoBox h2 strong{ font-size:16px; }
#lotoBox h2 em{ font-size:12px; line-height:10px; color:#666666; }

#lotoGrand{ display:block; text-decoration:none; width:211px; height:127px; margin:0; background:url(../../img/contenu/loto/grand-tour.gif) top center no-repeat; float:left; text-align:center; }
#lotoBox #lotoGrand h2{ padding:63px 0 0 0; margin:0;}
#lotoPetit{ display:block; text-decoration:none; width:211px; height:127px; margin:0; background:url(../../img/contenu/loto/petit-tour.gif) top center no-repeat; float:left; text-align:center; }
#lotoBox #lotoPetit h2{ padding:63px 0 0 0; margin:0;}
#lotoCam{ display:block; text-decoration:none; width:211px; height:127px; margin:0; background:url(../../img/contenu/loto/cameleon.gif) top center no-repeat;float:left; text-align:center;}
#lotoEtoile{ display:block; text-decoration:none; width:211px; height:127px; margin:0; background:url(../../img/contenu/loto/etoile-chanceuse.gif) top center no-repeat; float:left; text-align:center;}

#cumulatif{ width:500px; background:#FFF; margin:0 auto; padding:0; border:2px solid #e51c2f; text-align:center;}

#contenu{ width:844px; margin:0; text-align:left; background:#FFF;}
#contenuLeft{ width:580px; margin:0; text-align:left; float:left;}
#contenuRight{ width:258px; margin:0; text-align:left; float:right; border-left:3px solid #dedede;}
#contenuRightTop{ width:261px; margin:0; text-align:left; float:left; clear:right; border-bottom:1px solid #e51c2f; }
#contenuRightBottom{ width:261px; margin:0; text-align:left; float:left;}

#contenu ul{ padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000; margin:10px; text-align:justify;}
#contenu ul li{ background:url(../../img/contenu/crochet.gif) 0 5px no-repeat; padding:5px 0 5px 20px; border-bottom:1px solid #e1e1e1; list-style-type:none; }

#contenu a{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; text-align:justify; text-decoration:none;}
#contenu a:hover{color:#e51c2f; text-decoration:underline;}


#contenuBox #contenu #contenuLeft #listPage{ padding:20px; text-align:right; }
#contenuBox #contenu #contenuLeft #listPage a{ font-size:14px; font-weight:bold; background-color:#CCC; padding:4px; }
#contenuBox #contenu #contenuLeft #listPage a.active{ background-color:#990000; padding:4px; color:#fff; }

#contenuBox #contenu #contenuLeft #boxAlbum{ padding:10px; }
#contenuBox #contenu #contenuLeft #boxAlbum a{ padding:4px; border:1px #ccc solid; margin:10px; float:left; }