BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/img/bgtile.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #3b4f55; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #5a6d73
}
IMG {
    /*BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px*/
}
A {
    COLOR: #29658a; TEXT-DECORATION: underline;
}
A:hover {
    TEXT-DECORATION: none
}

H1{
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; COLOR: #29658a; PADDING-TOP: 7px;
}
H2 {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; COLOR: #29658a; PADDING-TOP: 0px
}
P {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px; PADDING-TOP: 0px
}
.inputbox {
    BORDER-RIGHT: #6c909b 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6c909b 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #6c909b 2px solid; WIDTH: 120px; PADDING-TOP: 0px; BORDER-BOTTOM: #6c909b 1px solid;
}
.inputbox2 {
    BORDER-RIGHT: #6c909b 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6c909b 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #6c909b 2px solid; WIDTH: 80px;HEIGHT: 15px; PADDING-TOP: 0px; BORDER-BOTTOM: #6c909b 1px solid;
}
.inputtextarea {
    BORDER-RIGHT: #6c909b 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6c909b 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #6c909b 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #6c909b 1px solid;
}
#container {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; MARGIN-LEFT: auto; WIDTH: 742px; MARGIN-RIGHT: auto; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffff
}
#main {
    RIGHT: 0px; LEFT: 0px; WIDTH: 100%; BACKGROUND-REPEAT: repeat-x; POSITION: absolute
}
#banner {
    BACKGROUND-IMAGE: url(/images/bannertop.gif); WIDTH: 742px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 71px; BACKGROUND-COLOR: #8dc63f
}
#banner IMG {
    MARGIN-TOP: 16px; MARGIN-LEFT: 16px
}
#navigation {
    BACKGROUND-IMAGE: url(/images/nav_tile_back.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 38px; BACKGROUND-COLOR: #5a6d73
}
#navigation .left_border {
    FLOAT: left; BACKGROUND-IMAGE: url(/images/nav_l.gif); WIDTH: 2px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 37px
}
#navigation .middle_border {
    FLOAT: left; BACKGROUND-IMAGE: url(/images/nav_m.gif); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 37px
}
#navigation .right_border {
    FLOAT: left; BACKGROUND-IMAGE: url(/images/nav_r.gif); WIDTH: 2px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 37px
}
#navigation .menubutton A{
    PADDING-RIGHT: 23px; PADDING-LEFT: 23px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FLOAT: left; BACKGROUND-IMAGE: url(/images/nav_tile.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 12px; HEIGHT: 25px; BACKGROUND-COLOR: #5a6d73; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#navigation .menubutton #extended {
    PADDING-RIGHT: 24px; PADDING-LEFT: 28px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px
}
#navigation A:hover {
    TEXT-DECORATION: underline
}
.menuitem {
    FLOAT: left; PADDING-TOP: 12px; TEXT-ALIGN: center
}
#m1 {
    WIDTH: 87px
}
#m2 {
    WIDTH: 89px
}
#m3 {
    WIDTH: 134px
}
#m4 {
    WIDTH: 100px
}
#m5 {
    WIDTH: 135px
}
#m6 {
    WIDTH: 75px
}
#m7 {
    WIDTH: 122px
}
#leftcolumn {
    FLOAT: left; WIDTH: 535px
}
#rightcolumn {
    FLOAT: right; WIDTH: 206px
}
#mainbanner {
    MARGIN-BOTTOM: 1px; WIDTH: 535px; HEIGHT: 141px
}
#login {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; COLOR: #3b4f55; PADDING-TOP: 8px; BORDER-BOTTOM: #bccfd5 6px solid; HEIGHT: 126px; BORDER-RIGHT-WIDTH: 0px
}
#login_username {
    MARGIN-TOP: 15px; MARGIN-BOTTOM: 5px
}
#login_username INPUT {
    WIDTH: 81px
}
#login_password {
    FLOAT: left
}
#login_password INPUT {
    WIDTH: 81px
}
#login_forgot {
    CLEAR: both; PADDING-TOP: 3px
}
#login .button {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; FLOAT: right; BACKGROUND-IMAGE: url(/images/button_bg.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px 5px 0px 0px; WIDTH: 47px; COLOR: #ffffff; PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 19px; BACKGROUND-COLOR: #34809b; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#login .button:hover {
    TEXT-DECORATION: underline
}
#login_form .button {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; FLOAT: right; BACKGROUND-IMAGE: url(/images/button_bg.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 3px; MARGIN: 2px 5px 0px 0px; WIDTH: 47px; COLOR: #ffffff; PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 19px; BACKGROUND-COLOR: #34809b; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#login_form .button:hover {
    TEXT-DECORATION: underline
}
#bottomline {
    CLEAR: both; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 1px; BORDER-BOTTOM: #8dc63f 5px solid; HEIGHT: 12px; BACKGROUND-COLOR: #495d63
}
#footer {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 20px; COLOR: #3b4f55; PADDING-TOP: 20px; TEXT-ALIGN: right
}
#footer SPAN {
    FONT-WEIGHT: bold
}
#footer P {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px
}
.borderbox {
    BORDER-RIGHT: #d5e3e8 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d5e3e8 1px solid; PADDING-LEFT: 15px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 15px; BORDER-LEFT: #d5e3e8 1px solid; PADDING-TOP: 20px; BORDER-BOTTOM: #d5e3e8 1px solid
}
.header1 {
    BACKGROUND-POSITION: left bottom; BORDER-TOP: #52656b 3px solid; PADDING-LEFT: 19px; BACKGROUND-IMAGE: url(../img/header1bg.gif); MARGIN-RIGHT: 1px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px; BACKGROUND-COLOR: #5a6d73;;width:289px;
}
.header1 H1 {
    COLOR: #ffffff
}
.header2 {
    BACKGROUND-POSITION: left bottom; BORDER-TOP: #6c9450 3px solid; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../img/header2bg.gif); MARGIN-RIGHT: 1px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px; BACKGROUND-COLOR: #8dc63f;width:320px;
}
.header2 H1 {
    COLOR: #ffffff
}
.header3 {
    BACKGROUND-POSITION: left bottom; BORDER-TOP: #5b7880 3px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../img/header3bg.gif); MARGIN-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px; BACKGROUND-COLOR: #6c909b;width:228px;
}
.header3 H1 {
    COLOR: #ffffff
}
.header4 {
    BACKGROUND-POSITION: left bottom; BORDER-TOP: #6c9450 3px solid; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../img/header4bg.gif); MARGIN-RIGHT: 1px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px; BACKGROUND-COLOR: #8dc63f;width:585px;
}
.header4 H1 {
    COLOR: #ffffff
}
.header5 {
    BACKGROUND-POSITION: left bottom; BORDER-TOP: #6c9450 3px solid; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../img/header5bg.gif); MARGIN-RIGHT: 1px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px; BACKGROUND-COLOR: #8dc63f ;
}
.header5 H1 {
    COLOR: #ffffff
}
.slashline {
    FONT-SIZE: 5px; BACKGROUND-IMAGE: url(../img/slash.gif); MARGIN-LEFT: 8px; MARGIN-RIGHT: 8px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 6px
}
.dashedborder {
    BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(/images/dashline.gif); BACKGROUND-REPEAT: repeat-y
}
.banners IMG {
    MARGIN: 10px 0px 0px
}
#leftsub1 {
    FLOAT: left; WIDTH: 218px; HEIGHT: 370px
}
#leftsub2 {
    FLOAT: right; WIDTH: 317px; HEIGHT: 370px
}
#subpage {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 14px 8px 0px; PADDING-TOP: 0px
}
.read_more {
    BACKGROUND-POSITION: 0px 2px; PADDING-LEFT: 13px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(/images/learnmore.gif); MARGIN: 10px; BACKGROUND-REPEAT: no-repeat
}
.learn_more {
    BACKGROUND-POSITION: 0px 4px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(/images/smallarea.jpg); MARGIN: 10px; BACKGROUND-REPEAT: no-repeat
}
.details {
    FONT-WEIGHT: bold
}
.projects {
    MARGIN-BOTTOM: 20px; MARGIN-LEFT: 90px
}
.projects H2 {
    FONT-SIZE: 14px; COLOR: #5a6d73
}
.right_1 {
    MARGIN-LEFT: 115px
}
.right_2 {
    MARGIN-LEFT: 315px
}
.right_3 {
    MARGIN-LEFT: 300px
}
.right_4 {
    MARGIN-LEFT: 40px
}
#form {
    MARGIN: 10px 10px 0px 25px; COLOR: #3b4f55; HEIGHT: 500px
}
#form .item {
    CLEAR: both; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 0px; WIDTH: 470px; PADDING-TOP: 3px
}
#form .item .left {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; WIDTH: 160px; PADDING-TOP: 0px
}
#form .item .right {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 295px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#form .inputbox {
    BORDER-RIGHT: #6c909b 2px solid; BORDER-TOP: #6c909b 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #6c909b 2px solid; BORDER-BOTTOM: #6c909b 1px solid; HEIGHT: 17px
}
#form .button {
    PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: right; BACKGROUND-IMAGE: url(/images/button_bg2.gif); PADDING-BOTTOM: 3px; MARGIN-LEFT: 2px; WIDTH: 90px; COLOR: #ffffff; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #34809b; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#form .button:hover {
    TEXT-DECORATION: underline
}
#form #question {
    WIDTH: 296px
}
#form #day {
    WIDTH: 20px
}
#form #year {
    WIDTH: 30px
}
#form #month {
    WIDTH: 233px
}
.help_section {
    PADDING-RIGHT: 6px; BACKGROUND-POSITION: 9px 9px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(/images/tr2.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 7px; WIDTH: 155px; PADDING-TOP: 7px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left
}
.help_item {
    PADDING-RIGHT: 6px; BACKGROUND-POSITION: 9px 9px; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url(/images/tr1.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 20px; WIDTH: 155px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left
}
#aff-menu {
    CLEAR: both; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 190px; PADDING-TOP: 0px
}
#aff-menu .leftitem {
    PADDING-RIGHT: 6px; BACKGROUND-POSITION: 9px 9px; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url(/images/bullet.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 7px; WIDTH: 155px; PADDING-TOP: 7px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #d1e6ec; TEXT-ALIGN: left
}
#aff-menu .activeitem {
    PADDING-RIGHT: 6px; BACKGROUND-POSITION: 9px 9px; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url(/images/bullet-2.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 7px; WIDTH: 155px; PADDING-TOP: 7px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #d1e6ec; TEXT-ALIGN: left
}
#aff-menu .activeitem A {
    FONT-WEIGHT: bold
}
#aff-menu .leftitem A {
    FONT-WEIGHT: bold
}
#aff-menu .rightitem {
    PADDING-RIGHT: 6px; BACKGROUND-POSITION: 9px 5px; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url(/images/wbullet.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 10px; WIDTH: 155px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left
}
#aff-menu .right_activeitem {
    PADDING-RIGHT: 6px; BACKGROUND-POSITION: 9px 5px; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url(/images/wbullet-2.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 10px; WIDTH: 155px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left
}

.actualite{
        text-decoration: none;color: #29658a;
}
.actualite:hover{
        text-decoration: underline;
        color: #29658a
}

/*Fenetre info cote de la grille jeux*/

.titreInfoCote{
  height:25px;
  background-color:#6C909B;
  font-size:10px;
  font-weight:bold;
  font-family:arial;
  padding-left:10px;
  padding-bottom:5px;
}

.fermeInfoCote{
  background-color:#6C909B;
  font-size:10px;
  font-weight:bold;
  font-family:arial;
  color:#FFFFFF;
  cursor:pointer;
}
.scrollInfoCote{
  background-color:#6C909B;
  font-size:10px;
  font-weight:bold;
  font-family:arial;
  color:#FFFFFF;
}

.divScrollInfoCote{
  height:125px;
  overflow-y: scroll;
}