body             {margin:0;padding:0;text-align:center;font:11px Verdana, Arial, Helvetica, sans-serif;background:#fff url("image/bg.jpg") repeat-x fixed;}
table            {border-collapse:collapse;}
hr               {height: 0px; border: solid #999999 0px; border-top-width: 1px;}
h1               {color:#000; font-weight:bold; font-size: 15px; display:inline;}
h2               {color:#00396E; font-weight:bold; font-size: 11px; display:inline;}
img              {border: none;}
a                {color:#000; text-decoration: underline;}
a:hover          {color:#000; text-decoration: none;}
.normal          {font-weight:normal;font-size: 11px;}

.inputs          {font-size: 12px; font-weight:normal; font-family: verdana, Helvetica, sans-serif;}
.inputs:focus    {background-color: #FAFAE0; }
.inputq          {padding-left: 18px; background: #fff url("image/q.png") no-repeat 4px center; font-weight: normal; font-size: 12px; border:1px solid #999999; font-family: Arial, Helvetica, sans-serif;}
.msgo            {color:red;} /* oblig */
.bouton          {background: url("image/btn/btn.gif") no-repeat center;font-size: 11px; font-family: Arial, Helvetica, sans-serif;color:#5C5329;width:86px;height:23px;border:0px;cursor:pointer;}
.bouton:hover    {color:#000;font-weight: bold;}
.photo           {border: 1px solid #000;}
.aide            {cursor: help;}

/* Page */
#pagewidth       {width:760px;text-align:left;margin-left:auto;margin-right:auto;}
#header          {color: #fff;position:relative;height:90px;width:100%;border:6px white solid;border-bottom: 0;background:#00396E}
#content         {margin-top:7px;width:100%;padding:6px 6px 0px 6px;background-color: #fff;}
#main            {background-color: #fff;float: left;display:inline;position: relative;width:593px;padding: 0px;}
#fullmain        {background-color: #fff;float: left;display:inline;position: relative;width:100%;padding:0px;}
#colright        {float:right;width:160px;position:relative;background-color:#fff;}
#footer          {padding: 6px;margin-top:7px;position:relative;width:756px;height:15px;border: 2px white ridge;color:#676767;background:#fff url("image/bg_foot.gif") repeat-x;}
#footer a        {color:#676767;text-decoration: underline;}
#footer a:hover  {color:#00396E;text-decoration: none;}

/* Messages */
#location        {margin-top:7px;padding:6px;height:15px;width:756px;border:2px white ridge;background:#fff url("image/bg_foot.gif") repeat-x;}
#msgs            {}
#msge            {color:#fff;margin-top:7px;padding:6px;width:756px;border: 2px white ridge;background:#A00000 url("image/btn_close.gif") no-repeat top right;font:bold 15px Verdana, Arial, Helvetica, sans-serif;cursor:pointer;}
#msge a          {color:#fff; text-decoration: underline;}
#msge a:hover    {color:#fff; text-decoration: none;}
#msgi            {color:#fff;margin-top:7px;padding:6px;width:756px;border: 2px white ridge;background:#008000 url("image/btn_close.gif") no-repeat top right;font:11px Verdana, Arial, Helvetica, sans-serif;cursor:pointer;}
#msgi a          {color:#fff; text-decoration:underline;}
#msgi a:hover    {color:#fff; text-decoration:none;}

/* Divers */
.clearfix:after  {content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clearfix        {display: inline;} /*old: inline-table */
* html .clearfix {height: 1%;}
.clearfix        {display: block;}

/* Menu */
#nav             {height:45px;width:100%;position:relative;border:6px white solid;border-top: 0;list-style: none;background:#00396E;}
#nav li          {float: left;text-align: center;padding: 0px;}
#nav li a        {display: block;height: 45px;width: 122px;background:#00396E url("image/menui.gif") no-repeat bottom;font:bold 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;color:#676767;text-decoration:none;text-transform:lowercase;}
#nav a:hover, #nav .navactive    {color:#00396E;background:#00396E url("image/menua.gif") no-repeat;}
.navvide         {display: block;height: 45px;width: 150px;background:#00396E url("image/menuv.gif") repeat-x bottom;font:bold 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;letter-spacing: 0px;color:#676767;text-align: center;}

/* Tables */
.btncheck        {background: url("image/btn/btn.gif") no-repeat center;font-size: 11px; font-family: Arial, Helvetica, sans-serif;color:#5C5329;width:86px;height:23px;border:0px;cursor:pointer;}
.btncheck:hover  {color:#000;}

.Test                   {border:red 1px solid;}

.Liste                   {margin-bottom:6px; border:#00396E 2px solid; BACKGROUND-COLOR:#FFFFFF;font:11px Verdana, Arial, Helvetica, sans-serif;}
.Liste td                {padding-left: 3px;padding-right: 3px;}
.Liste a                 {text-decoration: none;}
.Liste a:hover           {text-decoration: underline;}
.Liste_Titre             {border-bottom:#00396E 1px solid; height:34px; color:#5A5A5A; font-size: 13px; font-weight: bold; background:#fff url("image/bg_tete.gif") repeat-x;}
.Liste_Titre a           {color: #5A5A5A; text-decoration:underline;}
.Liste_Titre a:hover     {color: #000; text-decoration:none;}
.Liste_Ligne1            {height:20px; color:#000; background:#F3F9FF;}
.Liste_Ligne2            {height:20px; color:#000; background:#FFFFFF;}
.Liste_Over              {height:20px; color:#000; background:#DDE7F4;cursor:pointer;}
.Liste_Tete              {border-bottom:#00396E 2px solid; height:34px; color:#fff; font-weight:bold; font-size:13px; background:#00396E;}
.Liste_Pied              {border-top:#00396E 1px solid; height:35px; color:#5A5A5A; background:#DDE7F4;} /*F3F9FF*/
.Liste_Pied a            {color:#5A5A5A; text-decoration:underline;}
.Liste_Pied a:hover      {color:#000; text-decoration:none;}
div.Liste                {border: 1px solid #000;}

.Liste2                   {margin-bottom:6px; border:#00396E 2px solid; BACKGROUND-COLOR:#FFFFFF;}
.Liste2 td                {padding-left: 3px;padding-right: 3px;}
.Liste2 a                 {text-decoration: none;}
.Liste2 a:hover           {text-decoration: underline;}
.Liste2_Titre             {height:34px; color:#5A5A5A; font-size: 13px; font-weight: bold; background:#fff url("image/bg_tete.gif") repeat-x;}
.Liste2_Titre a           {color: #5A5A5A; text-decoration:underline;}
.Liste2_Titre a:hover     {color: #000; text-decoration:none;}
.Liste2_Ligne1            {height:24px; color:#00396E; background:#DFE6F3 url("image/bg_lig1.gif") repeat-x;}
.Liste2_Ligne2            {height:24px; color:#00396E; background:#D5E2F5 url("image/bg_lig2.gif") repeat-x;}
.Liste2_Over              {height:24px; color:#00396E; background:#ffffff url("image/bg_over.gif") repeat-x;cursor:pointer;}
.Liste2_Tete              {height:34px; color:#5A5A5A; font-size: 13px; font-weight: bold; background:#fff url("image/bg_tete.gif") repeat-x;}
.Liste2_Pied              {border:#ccc 1px solid; height:35px; color:#fff; background:#00396E;}
.Liste2_Pied a            {color:#fff; text-decoration:underline;}
.Liste2_Pied a:hover      {color:#fff; text-decoration:none;}

.Fiche                   {margin-bottom:6px; border:#00396E 2px solid; BACKGROUND-COLOR:#FFFFFF;}
.Fiche td                {padding-left: 3px;padding-right: 3px;}
.Fiche_Ligne             {color:#000; padding-top:3px;height:96px;background:#DDE8F7;}
.Fiche_Ligne1,.Fiche_Ligne2 {color:#000; padding-top:3px;background:#DDE8F7;}
.Fiche_Ligne a           {color:#00396E;}
.Fiche_Tete              {border-bottom:#00396E 1px solid; height:34px; color:#5A5A5A; font-size: 13px; font-weight: bold; background:#fff url("image/bg_tete.gif") repeat-x;}
.Fiche_Pied              {height:35px; color:#fff; background:#00396E;}
.Fiche_Pied a            {color:#fff; text-decoration:underline;}
.Fiche_Pied a:hover      {color:#fff; text-decoration:none;}

.Info                    {color:#fff;height:67px;margin-bottom:6px;border: 2px #00396E ridge;BACKGROUND-COLOR:#00396E;}
.Info_Ligne              {color:#fff;padding:5px;}
.Info_Ligne a            {color:#FEE610;font-weight:bold; text-decoration:none;}
.Info_Ligne a:hover      {color:#FEE610;text-decoration:underline;}

.Saisie                  {margin-bottom:6px; border:#00396E 2px solid; color: #00396E; BACKGROUND-COLOR:#DDE7F4;font:12px Verdana, Arial, Helvetica, sans-serif;}
.Saisie td               {padding-left: 3px;padding-right: 3px;}
.Saisie_Ligne1           {padding:5px;border-right:#00396E 1px dotted; font-weight:bold; }
.Saisie_Ligne2           {padding:5px;}
.Saisie_Tete             {border-bottom:#00396E 1px solid; height:34px; color:#5A5A5A; font-size: 13px; font-weight: bold; background:#fff url("image/bg_tete.gif") repeat-x;}
.Saisie_Pied             {height:35px; color:#fff; background:#00396E;}

/* Onglets */
.ong                     {margin-bottom:6px;}
.ong_Menu                {background:#E1E1E1;}
.ong_Contenu             {padding:5px;height:200px;color:#fff;background:#00396E;}
.onga, .ongi, .ongv      {float:left;padding:5px;margin:-1px;border-right: #00396E 1px solid;border-left: #00396E 1px solid;font:bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-decoration:none;text-align:center;}
a.onga, a.onga:link, td.onga
                         {border-top: #496EB3 3px solid;color:#fff;background:#00396E;}
a.ongi:link, a.ongi:visited, td.ongi, .ongv
                         {border-top: #5A5A5A 3px solid;color:#5A5A5A;background:#E1E1E1;}
a.ongi:hover             {border-top: #496EB3 3px solid;background:#fff;color:#000;}

/* Special Shark */
.news a                  {color:white;}
.mt                      {color:#115629;} /* montant + */
.mtm                     {color:red;}     /* montant - */

.room1 {font-size: 12px; padding-left: 30px; background: #fff url(image/room/room1.gif) no-repeat 4px center;font-weight: normal; }
.room2 {font-size: 12px; padding-left: 30px; background: #fff url(image/room/room2.gif) no-repeat 4px center;font-weight: normal; }
.room3 {font-size: 12px; padding-left: 30px; background: #fff url(image/room/room3.gif) no-repeat 4px center;font-weight: normal; }
.room4 {font-size: 12px; padding-left: 30px; background: #fff url(image/room/room4.gif) no-repeat 4px center;font-weight: normal; }
.room6 {font-size: 12px; padding-left: 30px; background: #fff url(image/room/room6.gif) no-repeat 4px center;font-weight: normal; }
.room8 {font-size: 12px; padding-left: 30px; background: #fff url(image/room/room8.gif) no-repeat 4px center;font-weight: normal; }
.room9 {font-size: 12px; padding-left: 30px; background: #fff url(image/room/room9.gif) no-repeat 4px center;font-weight: normal; }

#helpzone {margin-top:7px; border: 6px white solid; background:#00396E; height:196px; width:760px;}
#helpzone_fla {margin-top:7px; border:6px white solid; border-bottom:3px white solid; border-top:3px white solid; background:#fff; }

.btn1 {background:url("image/btn/btn1.gif") no-repeat center; color:#989941; width:65px; height:23px; border:0px; cursor: pointer; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.btn2 {background:url("image/btn/btn2.gif") no-repeat center; color:#989941; width:55px; height:19px; border:0px; cursor: pointer; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.btng {background: url("image/btn/btng.gif") no-repeat center; color:#676767; width:130px; height:23px; border:0px; cursor: pointer; font-weight:normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.btnb {background: url("image/btn/btnb.gif") no-repeat center; color:#676767; width:74px; height:23px; border:0px; cursor: pointer; font-weight:normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

.btnon {background:url("image/btn/btn_on.gif") no-repeat center; font-weight: bold; color:#000; width:179px; height:23px; border:0px; cursor: pointer; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.btnof {background:url("image/btn/btn_off.gif") no-repeat center; color:#000; width:179px; height:23px; border:0px; cursor: pointer; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

.btn1:hover, .btnb:hover, .btng:hover {font-weight: bold;color:#000;}
.btn2:hover {color:#000;}