/* -------------------------------------------------------------------------- */

 #MareeEntete { width:100%; border-bottom:1px solid #336699; background-color:#FDE172; }
 #MareeEntete TH { text-align:right; font-size:14pt; font-weight:bold; padding:2px 6px 1px 2px;  }
 #MareeEntete TD { font-size:10pt; padding:2px 2px 1px 6px; }
 #MareeEntete TD B { font-size:14pt; font-weight:bold;  }
 #MareeEntete TD SMALL { font-size:8pt; }

 #MareeEntete TD I { display:inline-block; position:relative; top:4px; height:16px; width:24px;  background: url(/http/maree.info/img/icon/sousmenu.png) no-repeat center center; opacity: 0.25; }
 #MareeEntete TD:hover I, #MareeEntete TD.PMenuSel I { opacity: 1; }

 #MareeEntete TH H2 { font-size:14pt; font-weight:bold; } 

 BODY.Rounded #MareeEntete {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
 }
 
/* -------------------------------------------------------------------------- */
 
 #MareeJours_Content { float:right; position:relative; z-index:220; width:206px; min-width:200px; max-width:215px; margin-top:18px; }
 
 #MareeJours { position:relative; border: 1px solid #336699; padding:0px; background-color:#FFFFFF; width:100%; }
 #MareeJours TH { padding:5px; font-weight:normal; text-align:center; vertical-align:middle; }
 #MareeJours TD { padding:5px; text-align:center; vertical-align:middle; }
 #MareeJours TD B { color:#336699; }

 #MareeJours TR.MJE { cursor:pointer; }
 #MareeJours TR.MJE TH { background-color:#FDE172; }

 #MareeJours TR.MJ { position:relative;cursor:pointer;z-index:225;  }
 #MareeJours TR.MJ TH A { display:block; color:black; text-decoration:none; }

 #MareeJours TR.MJ0 { background-color:#FFFFFF; }
 #MareeJours TR.MJ1 { background-color:#FDE172; }

 #MareeJours TR.MJ0 TH { border-left:1px solid #FFFFFF; }
 #MareeJours TR.MJ1 TH { border-left:1px solid #FDE172; }

 #MareeJours TR.Selected TH, #MareeJours TR.MJ:hover TH { border-color: #336699; }

 #MareeJours TR.Selected { z-index:230; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.75); }

 #MareeJours.UTCHG TD.UTCHG { font-size:10px; color:red; font-weight:bold; text-align:left; padding-left:26px; border-top: 3px double #336699; border-bottom: 3px double #336699; background-image:url(/http/maree.info/img/icon/warning.png); background-repeat: no-repeat; background-position: 4px center; }
 #MareeJours.UTCHGA TR.UTCHGB TH,
 #MareeJours.UTCHGB TR.UTCHGA TH  { background-image:url(/http/maree.info/img/icon/small_warning.png); background-repeat: no-repeat; background-position: right center; } 
 #MareeJours.UTCHG TR.MJ TH A,
 #MareeJours.UTCHG TR.MJ TH A { padding-right:5px; } 

 #MareeJoursMarker     { position:absolute; z-index:240; top:0; left:-4px; width:6px; height:11px; margin:0; padding:0; overflow:hidden; background-image:url(/http/maree.info/img/Marker.png); background-repeat: no-repeat; } 
 #MareeJoursMarker.MJ0 { background-position:0 0; } 
 #MareeJoursMarker.MJ1 { background-position:-6px 0; } 

 #MareeJours_Content #LabPMBM { font-size:8pt; text-align:right; margin:2px 0 10px 0; }
 #MareeJours_Content #LabPMBM B { float:left; font-size:8pt; color:#336699; }

/* -------------------------------------------------------------------------- */

#MareeJours_Content #Chrono_Menu { cursor:pointer; position: absolute; top: 3px; left: -14px; height:20px; overflow:hidden; opacity:0.8;font-size:10px; background:url(/http/maree.info/img/Prev-FFFFFF.gif) no-repeat 4px center #336699; padding:4px 4px 0 16px; }

#MareeJours_Content #Chrono_Menu:hover { opacity:1; }

#Contenu.MareeJoursExtended #MareeJours_Content #Chrono_Menu { background-image:url(/http/maree.info/img/Next-FFFFFF.gif); }

BODY.Rounded #MareeJours_Content #Chrono_Menu {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
 }

BODY.Rounded #Contenu.MareeJoursExtended #MareeJours_Content #Chrono_Menu {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
 }

#MareeJours_Content #Chrono_Content {position: absolute; top: 0px; right: 0px; overflow:hidden; width:100%; height:100%; }

#Contenu.MareeJoursExtended #MareeJours_Content #Chrono_Content { margin-top:-18px; width:764px; }
#Contenu.MareeJoursExtended #MareeJour { visibility:hidden; }

#MareeJours_Content #Chrono_Content #Chrono { padding-left:4px; }
#MareeJours_Content #Chrono_Content H3 { cursor:pointer; position:relative; color:#c0c0c0; top:8px; font-weight:normal; font-size:11px;height:18px;text-align:center;  margin-right:200px; overflow:hidden;}
#MareeJours_Content #Chrono_Content H3:hover { color:#000000; }
#MareeJours_Content #Chrono_Content #CHeures { margin-left:-10px; }
#MareeJours_Content #Chrono_Content #CHeures TD { width:21px;font-size:10px;text-align:center;vertical-align:bottom;overflow:hidden; }
#MareeJours_Content #Chrono_Content #CJours { width:100%; border:1px solid #336699;border-right:0; }

#MareeJours_Content #Chrono_Content .MJ0 {background-color:white;}
#MareeJours_Content #Chrono_Content .MJ1 {background-color:#FDE172;}

#MareeJours_Content #Chrono_Content .UTCHG {font-size:10px; color:red; font-weight:bold; text-align:left; padding:5px 5px 5px 26px; border-top: 3px double #336699; border-bottom: 3px double #336699; background-image:url(/http/maree.info/img/icon/warning.png); background-repeat: no-repeat; background-position: 4px center;}
#MareeJours_Content #Chrono_Content .CTD  { position:relative;  }
#MareeJours_Content #Chrono_Content .CPMBM  { font-size:11px; position:relative; left:0; top:0; width:505px; height:100%; background:url(/http/maree.info/img/grille-maree-0h-24h-21px.gif) repeat-y 0 0; }
#MareeJours_Content #Chrono_Content .CPMBM .HM { position:absolute; margin:4px 0;padding:2px 4px 2px 5px;text-align:center;border:1px solid #E0E0E0;background-color:#F0F0F0; cursor:help; }

BODY.Rounded #MareeJours_Content #Chrono_Content .CPMBM .HM {
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
 }

#MareeJours_Content #Chrono_Content .CPMBM .HM U {display:block;left:-3px;top:45%;position:absolute; width:5px; height:5px; background:url("/http/maree.info/img/PointSeuil.png") no-repeat scroll center center transparent; background-size: 5px 5px;}
#MareeJours_Content #Chrono_Content .CPMBM .PM {color:#336699;top:0;}
#MareeJours_Content #Chrono_Content .CPMBM .BM {color:black;bottom:0;}

#MareeJours_Content #Chrono_Content .LigneHeurePos { position:absolute; width:1px; background-color:#303030; cursor:help; }
#MareeJours_Content #Chrono_Content .LigneHeurePos .TXT { position:absolute; color:white; background-color:#303030; padding:1px 2px 1px 3px;font-size:11px; text-align:center; }
BODY.Rounded #MareeJours_Content #Chrono_Content .LigneHeurePos .TXT { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } 

/* -------------------------------------------------------------------------- */

#MareeJour { position:relative; width:540px; z-index:210; overflow:hidden; }
#MareeJour_Pages { position:relative; width:3780px; }

#MareeJour_Pages .Selected {}

.MareeJour_Page { position:relative; width:540px; float:left; top:0; left:0; overflow:hidden; min-height:1px; }

.MareeJour_Content { min-height:200px; }

/* -------------------------------------------------------------------------- */

.MareeJourDetail_Content { }

.MareeJourDetail_Content .MareeJourDetail    { margin-top:20px; margin-bottom:2px; width:100%; }
.MareeJourDetail_Content .MareeJourDetail TH { padding:0 6px 0 6px; font-weight:normal; text-align:center; vertical-align:bottom; white-space:nowrap; }
.MareeJourDetail_Content .MareeJourDetail TH.Coef { text-align:right; }
.MareeJourDetail_Content .MareeJourDetail TD { padding:6px 8px 6px 8px; text-align:center; vertical-align:middle; white-space:nowrap; }
.MareeJourDetail_Content .MareeJourDetail TD.PMBM { padding-left:0;padding-right:0; width:39px; }
.MareeJourDetail_Content .MareeJourDetail TD.Coef { padding-left:0;padding-right:0; width:40px; }
.MareeJourDetail_Content .MareeJourDetail TD.SEPV { border-left:1px solid #054E9C; }
.MareeJourDetail_Content .MareeJourDetail TD.SEPH { padding:4px 0 4px 0; font-size:0; }
.MareeJourDetail_Content .MareeJourDetail TD.SEPH DIV { background-color:#054E9C; height:2px; overflow:hidden; margin:0; padding:0; }
.MareeJourDetail_Content .MareeJourDetail TD B  { position:relative; color:#336699; }

.MareeJourDetail_Content .MareeJourDetail TD SPAN  { position: relative; }
.MareeJourDetail_Content .MareeJourDetail TD .Surcote:hover  { color:#FFFFFF; background-color:#FF00C0; }
.MareeJourDetail_Content .MareeJourDetail TD .Surcote:hover:before  { content:"" ; z-index:-1; top:-1px; left:-2px; width:100%; height:100%; position:absolute; color:#FFFFFF; background-color:#FF00C0; border-radius:2px; padding: 0 4px 2px 0;}

.MareeJourDetail_Content .MareeJourDetail TD .Decote:hover  { color:#FFFFFF; background-color:#00C0FF; }
.MareeJourDetail_Content .MareeJourDetail TD .Decote:hover:before  { content:"" ; z-index:-1; top:-1px; left:-2px; width:100%; height:100%; position:absolute; color:#FFFFFF; background-color:#00C0FF; border-radius:2px; padding: 0 4px 2px 0;}

/* -------------------------------------------------------------------------- */

.MareeJourExtra_Content { }
.MareeJourExtra_Content H3 { text-align:center; font-size:11px; font-weight:normal; color:#C0C0C0; margin-left:50px; padding:0; cursor:pointer; }
.MareeJourExtra_Content H3:hover { color:#000000; }

.Hauteurs_Content H3 { padding-bottom:3px; }
.Hauteurs_Content .Hauteurs { position:relative; margin-bottom:4px; width:100%; }
.Hauteurs_Content .Hauteurs TR.AMPM    { background-color: #FDE172; }
.Hauteurs_Content .Hauteurs TR.HT      { background-color: #FFFFFF; }
.Hauteurs_Content .Hauteurs TH         { text-align:center; white-space:nowrap; font-weight:normal; font-size:12px; }
.Hauteurs_Content .Hauteurs TH.HM      { cursor:pointer; border:1px solid #FDE172; border-bottom:0; padding:2px 0px 2px 0px; }
.Hauteurs_Content .Hauteurs TH.Selected  { border-color: #336699; }
.Hauteurs_Content .Hauteurs TD         { text-align:center; white-space:nowrap; font-size:12px; }
.Hauteurs_Content .Hauteurs TD.HT      { cursor:pointer; border:1px solid #FFFFFF;  border-top:0; padding:2px 0px 2px 0px; }
.Hauteurs_Content .Hauteurs TD.Selected  { border-color: #336699; }
.Hauteurs_Content .Hauteurs .SEPV      { border-right:1px solid #054E9C; }
.Hauteurs_Content .Hauteurs TH.LabAMPM   { width:75px; text-align:left; padding-left:4px; font-size:11px; }
.Hauteurs_Content .Hauteurs TH.LabHT     { width:75px; text-align:left; padding-left:4px; font-size:11px; }
.Hauteurs_Content .Hauteurs B          { color:#336699; }

.Graph_Content H3 { padding-bottom:1px; }
.Graph_Content .Graph { position:relative; z-index:400; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
.Graph_Content .Graph TH { text-align:center; vertical-align:middle; font-size:11px; font-weight:normal;  }
.Graph_Content .Graph .LabHauteur { width:50px;  }
.Graph_Content .Graph .LabHeure   { padding-top:4px;  }
.Graph_Content .Graph .LabHauteur SPAN { display:inline-block; cursor:pointer; padding:4px;}
.Graph_Content .Graph .LabHauteur SPAN:hover { background-color:#F0F0F0; }

.Graph_Content .Maregramme { position:relative; top:0; left:0; width:478px; height:252px; }
.Graph_Content .Maregramme .Cadre { position:absolute; top:5px; left:29px; border:1px solid #336699; width:447px; height:233px; }
.Graph_Content .Maregramme .GraphWait { position:absolute; top:14px; left:34px; width:16px; height:16px; background: url(/http/maree.info/img/graph-wait.gif) no-repeat center center;}

#Eau { position:absolute;width:0px;height:0px; background-color:blue;border:0;z-index:401;-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}
#EauSurcote { position:absolute;width:0px;height:0px; background-color:blue;border:0;z-index:401;-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1;}
#Flotteur { position:absolute; z-index:403; background: url(/http/maree.info/img/Flotteur.png) no-repeat center center; width:11px; height:11px; background-size: 5px 5px; }
#Flotteur:hover { z-index:411; }
#TempEau { position:absolute; bottom:13px; left:34px; z-index:402; font-size:10px; color:#404040; }
#TempEau:hover { color:#000000; }

.Graph_Content .Seuil { position:absolute; z-index:405; height:1px; background-color:#C00000; font-size:12px; }
.Graph_Content .Seuil .TXT { position:absolute; z-index:410; color:white; background-color:#C00000; padding:1px 2px 1px 2px; }
.Graph_Content .Seuil .PT { position:absolute; background: url(/http/maree.info/img/PointSeuil.png) no-repeat 0 0; top:-2px; width:5px; height:5px; background-size: 5px 5px; }
.Graph_Content .Seuil .PTTXT { position:absolute; margin:0px 0 0px 0; padding:1px 2px 1px 3px; background-color:#FDE172; -khtml-opacity:0.85; -moz-opacity:0.85; opacity:0.85; z-index:406; }
.Graph_Content .Seuil .PTTXT:hover { -khtml-opacity:1; -moz-opacity:1; opacity:1; z-index:407; }

.Graph_Content .LigneHauteur { position:absolute; z-index:405; height:1px; background-color:#C00000; font-size:12px; }
.Graph_Content .LigneHauteur .TXT { position:absolute; z-index:410; color:white; background-color:#C00000; padding:1px 2px 1px 2px; text-align:right; }
.Graph_Content .LigneHauteur .TXT DIV { font-size:10px; }
.Graph_Content .LigneHauteur .PT { position:absolute; background: url(/http/maree.info/img/PointSeuil.png) no-repeat 0 0; top:-2px; width:5px; height:5px; background-size: 5px 5px; }
.Graph_Content .LigneHauteur .PT.Flotteur { visibility: hidden; }
   
.Graph_Content .LigneHauteur .PTTXT { position:absolute; padding:1px 2px 1px 3px; background-color:#FDE172; -khtml-opacity:0.75; -moz-opacity:0.75; opacity:0.75; z-index:406; white-space: nowrap; }
.Graph_Content .LigneHauteur .PTTXT:hover { -khtml-opacity:1; -moz-opacity:1; opacity:1; z-index:407; }

.Graph_Content .LigneHauteur .PTTXT { -khtml-opacity:1; -moz-opacity:1; opacity:1; }
.Graph_Content .LigneHauteur .PTTXT.SURCOTE { color:white; background-color: #FF00C0; }
.Graph_Content .LigneHauteur .PTTXT.DECOTE  { color:white; background-color: #00C0FF; }

.Graph_Content .LigneDrag { position:absolute; z-index:408; height:1px; background-color:#C00000; font-size:12px; }
.Graph_Content .LigneDrag .TXT { position:absolute; color:white; background-color:#C00000; padding:1px 2px 1px 4px;font-size:12px; text-align:right; cursor:pointer; }
.Graph_Content .LigneDrag .PT { position:absolute; background: url(/http/maree.info/img/PointSeuil.png) no-repeat 0 0; top:-2px; width:5px; height:5px; background-size: 5px 5px; }
.Graph_Content .LigneDrag .PTTXT { position:absolute; margin:0px 0 0px 0; padding:1px 2px 1px 3px; background-color:#FDE172; -khtml-opacity:0.85; -moz-opacity:0.85; opacity:0.85; z-index:409; font-size:12px; }
.Graph_Content .LigneDrag .PTTXT:hover { -khtml-opacity:1; -moz-opacity:1; opacity:1; z-index:410; }

.Graph_Content .LigneHauteurPos { position:absolute; z-index:408; height:1px; background-color:#303030; }
.Graph_Content .LigneHauteurPos .TXT { position:absolute; color:white; background-color:#303030; padding:1px 2px 1px 4px;font-size:12px; text-align:right; cursor:pointer; }
.Graph_Content .LigneHeurePos { position:absolute; z-index:408; width:1px; background-color:#303030; }
.Graph_Content .LigneHeurePos .TXT { position:absolute; color:white; background-color:#303030; padding:1px 2px 1px 3px;font-size:12px; text-align:center; cursor:pointer; }

BODY.Rounded .Graph_Content .Graph .LabHauteur SPAN,
BODY.Rounded .Graph_Content .Maregramme .TXT,
BODY.Rounded .Graph_Content .Maregramme .PTTXT { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } 

.Meteo_Content H3.MeteoLabTop   { margin-bottom: 3px; padding-bottom:14px; background-repeat: no-repeat; background-position: bottom left; background-size: 478px 10px; }
.Meteo_Content H3.MeteoLabTopD0 { background-image:url(/http/maree.info/img/MeteoLabTop0.png); } 
.Meteo_Content H3.MeteoLabTopD1 { background-image:url(/http/maree.info/img/MeteoLabTop1.png); } 
.Meteo_Content H3.MeteoLabTopD2 { background-image:url(/http/maree.info/img/MeteoLabTop2.png); } 
.Meteo_Content TABLE.Meteo       { position:relative; top:0px; left:0; border-collapse: collapse; }
.Meteo_Content TABLE.Meteo TH   { overflow:hidden; font-size:11px; border-right:1px solid #336699; width:73px; padding:4px 6px 4px 0px; text-align:right; font-weight:normal; }
.Meteo_Content TABLE.Meteo TD   { overflow:hidden; font-size:11px; border-right:1px dotted #CCCCCC; width:47px; text-align:center;  padding: 4px 0 4px 0; }
.Meteo_Content TABLE.Meteo TD.D0 { width:47px;  }
.Meteo_Content TABLE.Meteo TD.D1 { width:15px;  }
.Meteo_Content TABLE.Meteo TD.D2 { width:15px;  }
.Meteo_Content TABLE.Meteo TR       TD      { border-top:1px dotted #CCCCCC; }
.Meteo_Content TABLE.Meteo TR.NoSep TH      { padding-top:0; }
.Meteo_Content TABLE.Meteo TR.NoSep TD      { border-top:0; padding-top:0; }
.Meteo_Content TABLE.Meteo TR.First TD      { border-top:1px solid #336699;}
.Meteo_Content TABLE.Meteo          TD.Last { border-right:1px solid #336699; }
.Meteo_Content TABLE.Meteo TR.Last  TH      { padding-bottom:10px; }
.Meteo_Content TABLE.Meteo TR.Last  TD      { border-bottom:1px solid #336699; padding-bottom:8px; }

.Meteo_Content TABLE.Meteo TR.HPA          TH SPAN { border-bottom: 1px dashed black; }
.Meteo_Content TABLE.Meteo TR.HPA.LockFlag TH SPAN { font-weight:bold; }

.Meteo_Content TABLE.Meteo TR.VENT          TH SPAN { border-bottom: 1px dashed black; }
.Meteo_Content TABLE.Meteo TR.VENT.LockFlag TH SPAN { font-weight:bold; }
.Meteo_Content TABLE.Meteo TR.VENT TD.Data B { margin-left:3px; color:#336699; }
.Meteo_Content TABLE.Meteo TR.VENT TD.Data DIV.Barbule { margin:0px 8px 0px 8px; width:31px; height:31px; background-repeat: no-repeat; background-position: 0 31px; overflow:hidden; }

.Meteo_Content TABLE.Meteo TR:hover { background-color:#F0F0F0; }

.Graph_Content .MeteoGraphHPA { position:absolute; z-index:420; top:0; left:30px; -khtml-opacity:0.75; -moz-opacity:0.75; opacity:0.75; width:447px;}
.Graph_Content .MeteoGraphHPA TABLE.D0 { position:relative; left:32px; }
.Graph_Content .MeteoGraphHPA TABLE.D1 { position:relative; left:0px; }
.Graph_Content .MeteoGraphHPA TABLE.D2 { position:relative; left:16px; }
.Graph_Content .MeteoGraphHPA TD { vertical-align:bottom; width:48px; text-align:center; font-size:11px; color:#FFFFFF;}
.Graph_Content .MeteoGraphHPA TD.Last { width:47px; }
.Graph_Content .MeteoGraphHPA TD DIV { background-color:#000066; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-color:RGBA(255,255,255,0.5); }
.Graph_Content .MeteoGraphHPA TD DIV.Bar  { height:12px; }
.Graph_Content .MeteoGraphHPA TD.Last DIV { border-right:0; }

.Graph_Content .MeteoGraphVENT { position:absolute; z-index:421; top:0; left:30px; width:447px; }
.Graph_Content .MeteoGraphVENT TABLE { position:relative; top:0; left:0; -khtml-opacity:0.80; -moz-opacity:0.80; opacity:0.80; } 
.Graph_Content .MeteoGraphVENT TABLE.D0 { left:32px;}
.Graph_Content .MeteoGraphVENT TABLE.D1 { left:0px; }
.Graph_Content .MeteoGraphVENT TABLE.D2 { left:16px; }

.Graph_Content .MeteoGraphVENT TD { vertical-align:bottom; width:48px; text-align:center; font-size:11px; color:#000000;}
.Graph_Content .MeteoGraphVENT TD.Last { width:47px; }
.Graph_Content .MeteoGraphVENT TD DIV { height:16px; color:black; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-color:RGBA(255,255,255,0.5); padding-top:1px; overflow:hidden; }
.Graph_Content .MeteoGraphVENT TD.Last DIV { border-right:0; }
.Graph_Content .MeteoGraphVENT TD DIV.VR { font-weight:bold; }
.Graph_Content .MeteoGraphVENT TD DIV.B0 { background-color:#4080FF; }
.Graph_Content .MeteoGraphVENT TD DIV.B1 { background-color:#5F95D4; }
.Graph_Content .MeteoGraphVENT TD DIV.B2 { background-color:#7FAAAA; }
.Graph_Content .MeteoGraphVENT TD DIV.B3 { background-color:#9FBF7F; }
.Graph_Content .MeteoGraphVENT TD DIV.B4 { background-color:#BFD455; }
.Graph_Content .MeteoGraphVENT TD DIV.B5 { background-color:#DFE92A; }
.Graph_Content .MeteoGraphVENT TD DIV.B6 { background-color:#FFFF00; }
.Graph_Content .MeteoGraphVENT TD DIV.B7 { background-color:#FFAA00; }
.Graph_Content .MeteoGraphVENT TD DIV.B8 { background-color:#FF5500; }
.Graph_Content .MeteoGraphVENT TD DIV.B9 { background-color:#FF0000; color:#FFFFFF; }
.Graph_Content .MeteoGraphVENT TD DIV.B10 { background-color:#AA0000; color:#FFFFFF; }
.Graph_Content .MeteoGraphVENT TD DIV.B11 { background-color:#550000; color:#FFFFFF; }
.Graph_Content .MeteoGraphVENT TD DIV.B12 { background-color:#000000; color:#FFFFFF; }

.Graph_Content .Nuit { position:absolute;width:0px;height:0px;background-color:#000000;border:0;z-index:404;-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25; }

.Graph_Content .Lune { position:absolute;top:0;left:0;width:16px;height:16px;background:url(/http/maree.info/img/Lune.png) no-repeat 16px 16px;z-index:405;}

/* -------------------------------------------------------------------------- */

.MareeJourEphemeride_Content { position:absolute; padding:2px 0 0 0; width:100%; top:0; left:0; font-size:8pt; color:#c0c0c0; text-align:center;}
.MareeJourEphemeride_Content:hover { color: #000000; }
.MareeJourEphemeride_Content .Lune {}
.MareeJourEphemeride_Content .SoleilLever { float:left; }
.MareeJourEphemeride_Content .SoleilCoucher { float:right; }

/* -------------------------------------------------------------------------- */

.TirantAir_Content { z-index: 500; position: relative; }
.TirantAir_Content H3 { padding-bottom:6px; }
.TirantAir_Content TABLE.TirantAir {width: 528px;}
.TirantAir_Content TABLE.TirantAir TH { position: relative; overflow:hidden; font-size:11px; border-right:1px solid #336699; width:73px; height: 46px; padding:4px 6px 4px 0px; text-align:right; font-weight:normal; vertical-align: middle; }
.TirantAir_Content TABLE.TirantAir TH SPAN { display:inline-block; padding-top: 8px; }
.TirantAir_Content TABLE.TirantAir TD { position: relative; text-align: center; vertical-align: top; border-right: 1px solid #336699; font-size: 12px; padding: 0; border-top:1px solid #336699; }

.TirantAir_Content DIV.Nom { margin-top:6px;}
.TirantAir_Content DIV.Ligne { position:absolute; height:1px; width:447px; background-color:#c0c0c0; top:30px; left:0; z-index:400; }
.TirantAir_Content DIV.Ligne DIV.TA { display:none; background-color:#c00000; color:white; position: absolute; z-index: 410; padding: 1px 2px 1px 2px; top: -8px; left:0; border-radius: 2px; white-space:nowrap; }
.TirantAir_Content DIV.Ligne DIV.arrowdown { display:none; position:absolute; top:6px; left:0; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #c00000; border-radius:2px; }

.TirantAir_Content DIV.Ligne.TA DIV.TA { display:block; }
.TirantAir_Content DIV.Ligne.TA DIV.arrowdown { display:block; }

/* -------------------------------------------------------------------------- */
.MareeJour_Content .Hauteurs_Content { display:none; }
.MareeJour_Mode_Hauteurs .Hauteurs_Content { display: block; } 

.MareeJour_Content .Meteo_Content    { display:none; }
.MareeJour_Mode_Meteo .Meteo_Content { display: block; } 

.MareeJour_Content .TirantAir_Content    { display:none; }
.MareeJour_Mode_TirantAir .TirantAir_Content { display: block; } 

.MareeJour_Mode_Hauteurs  .Graph_Content H3,
.MareeJour_Mode_Meteo     .Graph_Content H3,
.MareeJour_Mode_TirantAir .Graph_Content H3      
    { display:none; } 

.MareeJour_Mode_Hauteurs  .Graph_Content .Graph { top:-2px; }
.MareeJour_Mode_Meteo     .Graph_Content .Graph { top:-6px; } 
.MareeJour_Mode_TirantAir .Graph_Content .Graph { top:-6px; } 

.MareeJour_Mode_Hauteurs .TirantAir_Content H3,  
.MareeJour_Mode_Meteo .TirantAir_Content H3
    { display:none; }

.MareeJour_Mode_Meteo .TirantAir_Content TABLE.TirantAir TD
    { border-top:0px; }
    

/* -------------------------------------------------------------------------- */

#Port_SubMenu {

 border:0;
 padding:4px;
 margin:0;
 margin-top:-1px;
 -width:422px;
  overflow:hidden;
 
 background-color:#FDE172;

    -webkit-box-shadow:  -2px 2px 2px  rgba(0,0,0,0.25);
    -moz-box-shadow: -2px 2px 2px  rgba(0,0,0,0.25);
    box-shadow: -2px 2px 2px  rgba(0,0,0,0.25);
}

BODY.Rounded #Port_SubMenu {
 -webkit-border-radius: 0 0 6px 6px;
 -moz-border-radius: 0 0 6px 6px;
 border-radius: 0 0 6px 6px;
}

#Port_SubMenu .PMenuItem {
  color:#000000;
  background-color:#FDE172;
} 

#Port_SubMenu .PMenuItem:hover {
  color:#000000;
  background-color:#FFFFFF;
} 

/* -------------------------------------------------------------------------- */

#MenuCal_SubMenu {

 border:0;
 padding:0;
 margin:0;
 margin-top:-1px;
 width:422px; overflow:hidden;
 
 background-color:#FDE172;
}

BODY.Rounded #MenuCal_SubMenu {
 -webkit-border-radius: 0 0 6px 6px;
 -moz-border-radius: 0 0 6px 6px;
 border-radius: 0 0 6px 6px;
}

#MenuCal_SubMenu #MenuCal_Pages { position:relative;  width:422px; }

#MenuCal_Pages .MenuCal_Page { display:none; position:relative; top:0; width:414px; padding:4px; background-color:#FDE172; min-height:274px; }

#MenuCal_Pages .Selected { display:block; } 

.MenuCal_Content {}
.MenuCal_Content .Cal { border:0; width:100%; }

.MenuCal_Content .Cal TH.Mois { text-align:center; font-weight:bold; color:black;  padding:6px 0 8px 0; }

.MenuCal_Content .Cal TH.Mois A.MP { display:block; float:left;  color:black; text-decoration:none; }
.MenuCal_Content .Cal TH.Mois A.MN { display:block; float:right; color:black; text-decoration:none; }
.MenuCal_Content .Cal TH.Mois A.MP IMG, .MenuCal_Content .Cal TH.Mois A.MN IMG { margin: 0 4px 0 4px; }
.MenuCal_Content .Cal TH.Mois A.MP SPAN, .MenuCal_Content .Cal TH.Mois A.MN SPAN { font-weight:normal; color:#655A2E; }
.MenuCal_Content .Cal.MP TH.Mois SPAN.MC, .MenuCal_Content .Cal.MN TH.Mois SPAN.MC {  font-weight:normal; color:#655A2E; }
.MenuCal_Content .Cal.MP TH.Mois A.MP SPAN, .MenuCal_Content .Cal.MN TH.Mois A.MN SPAN { font-weight:bold;color:black; }

.MenuCal_Content .Cal TH.Mois A.Disabled { opacity:0.10; }

.MenuCal_Content .Cal TH.Jour { width:14.2857%; text-align:center; font-size:8pt; font-weight:normal; color:#655A2E;}

.MenuCal_Content .Cal TD { padding:0px; }

.MenuCal_Content .Cal TD.MP, .MenuCal_Content .Cal TD.MC, .MenuCal_Content .Cal TD.MN { cursor:pointer; }
.MenuCal_Content .Cal  A.NO { cursor:not-allowed; }
.MenuCal_Content .Cal TD.NO { cursor:not-allowed; }

.MenuCal_Content .Cal TD.MP, .MenuCal_Content .Cal.MC TD.MP, .MenuCal_Content .Cal TD.MN, .MenuCal_Content .Cal.MC TD.MN { opacity:0.10; background-color:#FDE172; }
.MenuCal_Content .Cal.MP TD.MC, .MenuCal_Content .Cal.MN TD.MC { opacity:0.10; background-color:#FDE172; }
.MenuCal_Content .Cal.MP TD.MP, .MenuCal_Content .Cal.MN TD.MN  { opacity:1; background-color:#FDE172; }

.MenuCal_Content .Cal TD.MJ TH { }
.MenuCal_Content .Cal TD.MA TH { color:#C00000; }

.MenuCal_Content .Cal TD.Vide { opacity:0.10; background-color:#FDE172; /* #FEF0B9*/ }
.MenuCal_Content .Cal TD.Vide:hover { opacity:1; background-color:#FDE172; /* #FEF0B9*/ }

.MenuCal_Content .Cal TABLE       { border:none; width:100%; overflow:hidden; }
.MenuCal_Content .Cal TABLE:hover TH { background-color:#F0F0F0; }

.MenuCal_Content .Cal TABLE.Lune        { background-color:#FDEFB8; /* blanc opacity 0.5 sur #FDE172 */ }
.MenuCal_Content .Cal TABLE.Lune:hover  { background-color:#FFFFFF; }

.MenuCal_Content .Cal TABLE TH { text-align:center; min-width:36px; vertical-align:middle; font-size:18px; font-weight:bold; padding:4px 0; background-color:white; overflow:hidden; }
.MenuCal_Content .Cal TABLE TD { text-align:center; min-width:18px; vertical-align:middle; font-size:12px; font-weight:normal; padding:4px;  overflow:hidden; }

.MenuCal_Content .Cal TABLE.Lune TH          {  background-color:transparent; }

.MenuCal_Content .Cal TABLE.Lune TD          {  }
.MenuCal_Content .Cal TABLE      TD DIV.Lune { display:inline-block; width:16px;height:16px;background:url(/http/maree.info/img/Lune.png) no-repeat 16px 16px; }

#MenuCal_SubMenu .Pied { display:block;position:relative;z-index:2010; clear:both; background-color:#FDE172;  margin:5px 16px 1px 16px; padding:3px 0px 9px 0px; }
#MenuCal_SubMenu #MenuCalSwitchCalType { float:left; font-size:9pt; cursor:pointer; }
#MenuCal_SubMenu #MenuCalSwitchCalType SPAN.Selected { color:#002244; font-weight:bold }
#MenuCal_SubMenu #MenuCalGoCoefficients { float:right; width:16px; height:16px; background: url(/http/maree.info/img/icon/coef-recherche.png) no-repeat 0 0; margin:0 4px; opacity:0.80; }
#MenuCal_SubMenu #MenuCalGoCoefficients:hover { opacity:1; }
#MenuCal_SubMenu #MenuCalGoCoefficients SPAN { display:none; }
#MenuCal_SubMenu #MenuCalGoCalendrier { float:right; width:16px; height:16px; background: url(/http/maree.info/img/icon/calendrier-maree.png) no-repeat 0 0; margin:0 4px; opacity:0.60; }
#MenuCal_SubMenu #MenuCalGoCalendrier SPAN { display:none; }
#MenuCal_SubMenu #MenuCalGoCalendrier:hover { opacity:1; }
#MenuCal_SubMenu #Aujourdhui { display:block; text-align:center; font-size:9pt; font-weight:normal; color:black; text-decoration:none; }

#MenuCal_SubMenu .Loading { background-image: url(/http/maree.info/img/loading-FDE172.gif); }

BODY.Rounded .MenuCal_Content .Cal TABLE {
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

BODY.Rounded .MenuCal_Content .Cal TABLE TR > TH {
 -webkit-border-radius: 4px 4px 0 0; 
 -moz-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0;
}

BODY.Rounded .MenuCal_Content .Cal TABLE TR > TD:first-child {
 -webkit-border-radius: 0 0 0 4px; 
 -moz-border-radius: 0 0 0 4px;
 border-radius: 0 0 0 4px;
}

BODY.Rounded .MenuCal_Content .Cal TABLE TR > TD:last-child {
 -webkit-border-radius: 0 0 4px 0; 
 -moz-border-radius: 0 0 4px 0;
 border-radius: 0 0 4px 0;
}

/* -------------------------------------------------------------------------- */

.MenuMareeJour { position:absolute; background-color:#336699; color:white; padding:2px 5px 3px 5px; z-index:500; font-size:8pt; opacity:0.80; }
.MenuMareeJour.PMenuSel { opacity:1.0;
    -webkit-box-shadow:  -2px 2px 2px  rgba(0,0,0,0.25);
      -moz-box-shadow: -2px 2px 2px  rgba(0,0,0,0.25);
           box-shadow: -2px 2px 2px  rgba(0,0,0,0.25);
}
#MenuMareeJour_SubMenu { margin-left:2px; border-top:2px solid #336699;

    -webkit-box-shadow:  -2px 2px 2px  rgba(0,0,0,0.25);
      -moz-box-shadow: -2px 2px 2px  rgba(0,0,0,0.25);
           box-shadow: -2px 2px 2px  rgba(0,0,0,0.25);

 }
BODY.Rounded #MenuMareeJour_SubMenu {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

BODY.Rounded .MenuMareeJour { -webkit-border-radius: 0 0 4px 4px;  -moz-border-radius: 0 0 4px 4px;  border-radius: 0 0 4px 4px; }  
BODY.Rounded .MenuMareeJour.PMenuSel { -webkit-border-radius: 0 0 4px 0;  -moz-border-radius: 0 0 4px 0;  border-radius: 0 0 4px 0; }  

/* -------------------------------------------------------------------------- */

.MareePortsRattaches_Content { clear:right;  margin-top:20px; }
.MareePortsRattaches_Content H3 { position: relative; top:-4px; }

.Corrections { border:1px solid #336699; background-color: #F7F7F7;  }
.Corrections #SelecteurPS { width:180px; }

.Corrections TABLE { width:100%; border:0; border-collapse: collapse; }

.Corrections TH { padding:4px; }

.Corrections TR.Lab TH { vertical-align:bottom; border:0; }
.Corrections TR.Lab TH.TopLab { font-weight:normal; }

.Corrections TD { padding:4px; }
.Corrections TR.CPP TH { border-top:1px solid #336699; text-align:left; font-weight:bold; background-color: #D0D0D0; }
.Corrections TR.CPP TD { border-top:1px solid #336699; text-align:center; background-color: #D0D0D0; }
.Corrections TR.CPS TH { text-align:left; font-weight:normal;   }
.Corrections TR.CPS TD { text-align:center; }

.Corrections TR.Ligne0 TH, .Corrections TR.Ligne0 TD { background-color: #FFFFFF; }
.Corrections TR.Ligne1 TH, .Corrections TR.Ligne1 TD { background-color: rgb(253,225,114); }

.Corrections TR.Selected {  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.75); }
.Corrections TR.Hide     { display:none; }

.Corrections .NiveauMoyen { border-left:1px solid #336699; }
.Corrections .PMVEHM      { border-left:1px solid #336699; }
.Corrections .PMVEHT      { border-left:1px solid #336699; }

.Corrections  A.Port { display:block; margin-right:4px; padding: 2px 20px 2px 2px; background: url(/http/maree.info/img/icon/horaire-maree.png) no-repeat right center;  }
.Corrections .LatLon { font-size:8pt; white-space:nowrap; }
.Corrections .PM { font-weight:bold; color:#336699; }

#MareeCorrections.UTCHGA TR.UTCHGB { display:none; }
#MareeCorrections.UTCHGB TR.UTCHGA { display:none; }



BODY.Rounded .Corrections { -webkit-border-radius: 6px 6px 0 0;  -moz-border-radius: 6px 6px 0 0;  border-radius: 6px 6px 0 0; }

/* -------------------------------------------------------------------------- */

.PortInfo_Content { margin-left:15px; } 
.PortInfo_Content h4 { margin: 16px 0 8px 0; }
.PortInfo_Content ul { margin: 8px 16px 0px 16px; } 
.PortInfo_Content li { margin: 6px 0px; min-height:3ch; }

/* -------------------------------------------------------------------------- */

@media print {
   .MenuMareeJour { display:none; }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25)
{
#Flotteur { background-image: url(/http/maree.info/img/Flotteur_5x5@2x.png); }
.Graph_Content .Seuil .PT { background-image: url(/http/maree.info/img/PointB_5x5@2x.png); }
.Graph_Content .LigneHauteur .PT { background-image: url(/http/maree.info/img/PointB_5x5@2x.png); }
.Graph_Content .LigneDrag .PT { background-image: url(/http/maree.info/img/PointB_5x5@2x.png); }
#MareeJours_Content #Chrono_Content .CPMBM .HM U { background-image: url(/http/maree.info/img/PointB_5x5@2x.png); }

.Meteo_Content H3.MeteoLabTopD0 { background-image:url(/http/maree.info/img/MeteoLabTop0@2x.png); } 
.Meteo_Content H3.MeteoLabTopD1 { background-image:url(/http/maree.info/img/MeteoLabTop1@2x.png); } 
.Meteo_Content H3.MeteoLabTopD2 { background-image:url(/http/maree.info/img/MeteoLabTop2@2x.png); } 

}