/* Styles Applications houlographe */

/* Balises html */
body {
   color: black;
}

select, input {
   font-family: Arial, Helvetica, sans-serif;
}

/* Cartes popup */
.carte_houlo {
   cursor:default;
   position: relative;
   z-index: 0;
}

.carte_houlo span {
   position: absolute;
   background-color: #354785;
   padding: 2px;
   left: -1000px;
   visibility: hidden;
   color: white;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   border-width: 0;
   text-align: center;
}

.carte_houlo:hover span {
   visibility: visible;
   top: -363px;
   left: -727px;
}

.carte_houlo2 {
   cursor:default;
   position: relative;
   z-index: 0;
}

.carte_houlo2 span {
   position: absolute;
   background-color: #354785;
   padding: 2px;
   left: -1000px;
   visibility: hidden;
   color: white;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   border-width: 0;
   text-align: center;
}

.carte_houlo2:hover span {
   visibility: visible;
   top: -279px;
   left: -727px;
}

/* Menus liens */
#menu_houlo {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 13px; 
}

#menu_houlo img {
   vertical-align: -5px;
}

#menu_houlo ul.niveau1 li {
   border:1px solid #FFFFFF;
   width: 385px;
   cursor: default;
   padding: 2px;
   left: -5px;
   
}

#menu_houlo ul.niveau2 li {
   border-bottom:0;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   padding:4px;
   width: 381px;
   cursor: pointer;
}

#menu_houlo ul ul {
   display: none;
   position: absolute;
   margin: 0;
   padding: 0;
}

#menu_houlo ul li {
   background-color: #354785;
   color: #DDDDDD;
}

#menu_houlo ul.niveau2 {
   left: 4px;
   top: 24px;
   font-size: 13px;
}

#menu_houlo li {
   list-style-type: none; 
   position: relative; 
   width: 380px;
   margin: 0;
}

#menu_houlo li:hover, #menu_houlo li.sfhover {
   background-color: #DDDDDD;
   color: #354785;
}

#menu_houlo li a {
   background-color: #354785;
   color: #DDDDDD; 
   text-decoration:none;
}

#menu_houlo li a:hover {
   background-color: #DDDDDD;
   color: #354785;
}

#menu_houlo ul.niveau2 li:hover {
   background-color: #DDDDDD;
   color: #354785; 
}

#menu_houlo li:hover ul.niveau2, #menu_houlo li li:hover ul.niveau3, #menu_houlo li.sfhover ul.niveau2, #menu_houlo li li.sfhover ul.niveau3 {
   display: block;
}

/* Tableaux */
.cadre_houlo {
   width: 1004px;
   border: 2px solid #354785;
   margin: 0;
   padding: 0;
   background-image: url('../images/houlo_bg.png');
   background-position: center top;
}
   
.cadre_houlo_mens {
   width: 1054px;
   border: 2px solid #354785;
   margin: 0;
   padding: 0;
   background-image: url('../images/houlo_bg.png');
   background-position: center top;
}

.cadre_houlo_tdb {
   width: 510px;
   border: 2px solid #354785;
   margin: 0;
   padding: 0;
   background-image: url('../images/houlo_bg.png');
   background-position: center top;
}

.cadre_houlo_clim {
   width: 460px;
   border: 2px solid #354785;
   margin: 0;
   padding: 0;
   background-image: url('../images/houlo_bg.png');
   background-position: center top;
}

td.grand_titre_houlo {
   background : #354785;
   color : white;
   font-weight : bold;
   font-size : 20px;
   text-align : left;
   font-family: Arial, Helvetica, sans-serif;
}

td.titre_houlo {
   background : #354785;
   color : white;
   font-weight : bold;
   font-size : medium;
   text-align : left;
   font-family: Arial, Helvetica, sans-serif;
}

td.manq_houlo {
   background : #354785;
   color : white;
   font-weight : bold;
   font-size : medium;
   text-align : center;
   font-family: Arial, Helvetica, sans-serif;
}

td.form_houlo {
   background : #CCCCCC;
   vertical-align: middle;
   text-align: left;
   height: 30px;
   margin: 0;
   padding: 0;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
}

/* Liens */
.link_houlo a:link {
   text-decoration : none;
   font-weight : bold;
   color : #354785;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
}

.link_houlo a:visited {
   text-decoration : none;
   font-weight : bold;
   color : #354785;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;    
}
.link_houlo a:active {
   text-decoration : none;
   font-weight : bold;
   color : #354785: ;
   font-size: 13px;
}
.link_houlo a:hover {
   text-decoration : none;
   font-weight : bold;
   color : #FFFFFF;
   background-color: #354785;
   font-size: 13px;
}

/* Tableaux data */
.tableau_houlo {
   width: 1000px;
   margin:0;
   padding:0;
   font-size: 14px;
}

.tableau_houlo th {
   background-color: #354785;
   color: #FFFFFF;
   border-bottom: 2px solid #FFFFFF;
}

.tableau_houlo tr td {
   font-size: 13px;
   font-weight : bold;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   border-bottom: 2px solid #FFFFFF;
   border-right: 2px solid #FFFFFF;
}

td#nc_houlo {
   font-style: italic;
   font-weight : normal;
}

/* Pied de page */   
.pied_houlo {
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-style: italic;
}

.copyright {
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
   color: #FF0000;
   text-align: center;
   vertical-align: middle;
}

/* Spectre */
.link_spectre a:link {
   text-decoration : none;
   font-weight : bold;
   color : white;
}

.link_spectre a:visited {
   text-decoration : none;
   font-weight : bold;
   color : white;
}
.link_spectre a:active {
   text-decoration : none;
   font-weight : bold;
   color : white: ;
}
.link_spectre a:hover {
   text-decoration : none;
   font-weight : bold;
   color : #220A90;
   background-color: white;
}

/* Chargement des images */
#chargement_img_houlo {
   position:relative; 
   top:0;
   left:0;
   color:#354785;
   font-weight:bold;
   font-size:16px;
   font-family: Arial, Helvetica, sans-serif;
}

#fin_chargement_img_houlo {
   visibility:hidden;
}

/* Special bulletin actu, rubrique mer meteo.gp et RQT */
.img_actu {
   border: 1px solid #354785;
}

.cadre_houlo_actu {
   width: 700px;
   border: 2px solid #354785;
   margin: 0;
   padding: 0;
   background-image: url('../images/houlo_bg.png');
   background-position: center top;
}

.tableau_houlo_actu {
   width: 700px;
   margin:0;
   padding:0;
   font-size: 14px;
   background-color: #CCCCCC;
}

.tableau_houlo_actu th {
   background-color: #354785;
   color: #FFFFFF;
   border-right: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
}

.tableau_houlo_actu tr td {
   font-size: 13px;
   font-weight : bold;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   border: 1px solid #FFFFFF;
} 

td#nc_houlo_actu {
   font-style: italic;
   font-weight : normal;
}

td.grand_titre_houlo_actu {
   background : #354785;
   color : white;
   font-weight : bold;
   font-size : 20px;
   text-align : left;
   font-family: Arial, Helvetica, sans-serif;
}

.carte_houlo_actu {
   cursor:default;
   position: relative;
   z-index: 0;
}

.carte_houlo_actu span {
   position: absolute;
   background-color: #354785;
   padding: 2px;
   left: -1000px;
   visibility: hidden;
   color: white;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   border-width: 0;
   text-align: center;
}

.carte_houlo_actu:hover span {
   visibility: visible;
   top: -279px;
   left: -674px;
}

.carte_houlo2_actu {
   cursor:default;
   position: relative;
   z-index: 0;
}

.carte_houlo2_actu span {
   position: absolute;
   background-color: #354785;
   padding: 2px;
   left: -1000px;
   visibility: hidden;
   color: white;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   border-width: 0;
   text-align: center;
}

.carte_houlo2_actu:hover span {
   visibility: visible;
   top: -279px;
   left: -674px;
}

/* Fin actu */