/* Styles -------------------------------------------------------- */
.Style1 {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0A3646;}
.Style2 {	font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0A3646;}
.Style3 {	font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0A3646;}
.Style4 {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0A3646; TEXT-DECORATION: underline ;}
.Style5 {	font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0A3646; TEXT-DECORATION: underline ;}
.Style6 {	font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0A3646; TEXT-DECORATION: underline ;}
.Style7 {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;}
.Style8 {	font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}
.Style9 {	font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;}

/* Texte -------------------------------------------------------- */
img {border : 0;}
BODY {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif}
TABLE {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif}
TD {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif}
INPUT {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif}
TEXTAREA {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif }
SELECT {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif }

/* Liens -------------------------------------------------------- */
a:link {COLOR: #1A91BB; TEXT-DECORATION: none ;font-size : 12px ;font-weight: bold}
a:visited {COLOR: #1A91BB; TEXT-DECORATION: none ;font-size : 12px ;font-weight: bold}
a:active {COLOR: #1A91BB); TEXT-DECORATION: none ;font-size :  12px ;font-weight: bold}
a:hover {COLOR: #F58000; TEXT-DECORATION: underline ;font-size :  12px ;font-weight: bold}

#foot A:link {COLOR: #4FBFFF; TEXT-DECORATION: none ;font-size :  12px ;font-weight: bold}
#foot A:visited {COLOR: #4FBFFF; TEXT-DECORATION: none ;font-size :  12px ;font-weight: bold}
#foot A:active {COLOR: #4FBFFF); TEXT-DECORATION: none ;font-size :  12px ;font-weight: bold}
#foot A:hover {COLOR: #4FBFFF; TEXT-DECORATION: underline ;font-size :  12px ;font-weight: bold}

/* Corps -------------------------------------------------------- */
p,td {
font-size : 12px; 
font-family : Arial, Helvetica, sans-serif; 
color : #0A3646; 
text-align: justify;
margin-left:10px;
margin-right:10px;
}
.input{border:1px solid AEAEAE;}
.tr0 td {background-color:#C8DBEA;}
.tr1 td {background-color:#CCCCCC;}
.tr2 td {background-color:#CCCCCC;}
.offref{font-size:13px;}
.offref td{background-color:#FFFFFF; padding:5px;text-align:center;}

/* Charte -------------------------------------------------------- */
body {margin:0px auto; padding:0px;}

table#charte {background-color:#ECECEC; border: solid #000 0px; width: 1000px; height: 40px;}
table#chartebas {background-color:#ECECEC; border: solid #000 0px; width: 1000px; height: 74px;}
.charte_bghi {background: url(image/interface/bg_hi.jpg) left top repeat-x;}
.charte_bglo {background: url(image/interface/bg_lo.jpg) left top repeat-x;}

/* Header -------------------------------------------------------- */
#head {border: solid #000 0px; width: 1000px; height: 158px;}

/* Menu -------------------------------------------------------- */
table#menu {border: solid #000 0px; width: 1000px; height: 47px;}

/* Home -------------------------------------------------------- */
table#homehilo {background: url(image/interface/home_hilo.jpg); border: solid #000 0px; width: 1000px; height: 9px;}
table#home {background: url(image/interface/home_ext.jpg); border: solid #000 0px; width: 1000px; height: 20px;}

.menufclient{ list-style:none;   margin:0px;float:left; }
.menufclient ul{margin:0px;}
.menufclient li{float:left;}
.menufclient li a { display:block;  text-decoration:none; text-align:center; margin-right:5px; cursor:pointer;width:105px; border:1px solid #000000;border-bottom:none;background:#C8DBEA;}
.menufclient li a:hover { display:block; background:#ec7501;color:#FFFFFF; text-decoration:none; text-align:center; margin-right:5px; cursor:pointer;width:105px; border:1px solid #000000;border-bottom:none;}

/* Footer -------------------------------------------------------- */
table#footer {border: solid #000 0px; width: 1000px; height: 74px;}

/* Bouton -------------------------------------------------------- */
ul#bouton{margin: 0; padding: 0; list-style-type: none;}
ul#bouton li{margin: 0 5px 0 5px; padding: 0;}
ul#bouton li a{display: block; width: 164px; line-height: 26px; color: #0A3646; text-align: center; text-decoration: none; background: url(image/interface/bout01.png) no-repeat left top; border: solid #000 0px;}
ul#bouton li a:hover{background: url(image/interface/bout02.png) no-repeat left top; border: solid #000 0px; color: #FFFFFF;}

/* Menu Info -------------------------------------------------------- */
ul#info{margin: 0; padding: 0; list-style-type: none;}
ul#info li{float: left; margin: 0 0 0 0; padding: 0;}
ul#info li a{float: left; display: block; width: 100px; line-height: 30px; color: #0A3646; text-align: center; text-decoration: none; background: url(image/menu/info_01.jpg) no-repeat left top; border: solid #000 0px;}
ul#info li a:hover{float: left; background: url(image/menu/info_02.jpg) no-repeat left top; border: solid #000 0px; color: #FFFFFF;}

/* Menu 6x boutons -------------------------------------------------------- */
#menu6x {margin: 0 7px 0 7px; width: 282px;}
#menu6x .bout {float: left; width: 94px; height: 74px; margin: 0 0 0 0; text-align: center;}
#menu6x .bout a{float: left; width: 94px; height: 74px; background: no-repeat left top; padding-top:5px;}
#menu6x .bout a:hover{float: left; width: 94px; height: 74px; background:no-repeat left top; padding-top:5px;}


#menu6x .boutS {float: left; width: 94px; height: 74px; margin: 0 0 0 0; text-align: center;}
#menu6x .boutS a{float: left; width: 94px; height: 74px; background: url(image/menu/bout6x_01.jpg) no-repeat left top; padding-top:5px;}
#menu6x .boutS a:hover{float: left; width: 94px; height: 74px; background: url(image/menu/bout6x_02.jpg) no-repeat left top; padding-top:5px;}
#menu6x .boutS a:hover{float: left; width: 94px; height: 74px; background: url(image/menu/bout6x_03.jpg) no-repeat left top; padding-top:5px;}

.Weather_fond { background-color:#ececec; }
.Weather_corps { background-color:#bfd2d2 ; border:2px solid #FFFFFF;}
.Weather_texte { color: #000000 }
.Weather_titre { color: #096a8b; text-align:center; }
.Weather_sstitre { color: #096a8b ;text-align:center; }
.Weather_link { font:normal 7pt Verdana;text-decoration:none }

.lienjeu a{color:#000000;font-weight:400;text-decoration:none;}
.lienjeu a:hover{color:#096a8b;font-weight:400; text-decoration:underline;}