h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 21px; 
color: #357097;
text-decoration: none; 
margin-bottom:4px;
margin-top:4px;
font-weight:bold;
}
h4 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #357097;
text-decoration: none; 
padding-top:5px;
; font-weight: normal
}
img {
border:0;
}

/* --- table ---*/
table {
border:0;
}
.titre_tb {
margin-left:115px;
height:41px;
}
.picto_tb {
width: 323px;
margin-left:115px;
}

.tt_picto_tb {
width: 100%;
margin-top:10px;
}

/* --- navigation ---*/

/* --- meteo.fr ---*/
#fdMeteo2 {background: left url(../../img/vigilance/images/bndG2.gif) no-repeat;}

#fdMeteo {background: left url(../../img/vigilance/images/bndG2.gif) no-repeat;}

#navMeteo a{  
font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: FFFFFF; 
text-decoration: none;
padding-right:5px;
}
#navMeteo a:hover {text-decoration: underline}

/* --- utilitaires ---*/
#fdUtil {background: top left url(../../img/vigilance/images/bndD.gif) no-repeat;}

#navUtil a{  
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #00619F;
text-decoration: none; 
}
#navUtil a:hover {text-decoration: underline}

/* --- les 3 rubriques ---*/
#navTri {
margin-top:9px;
padding-left: 7px;
height:21px;
background-color:#7899BD;
}

/* --- qu'est ce que la vigilance ---*/
#navQuest { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
color: #FFFFFF;
}
#navQuest a { 
text-decoration: none;
color:#FFF;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:8px;
margin-left:8px;
}
#navQuest a:hover { 
text-decoration: none;
background-color:#367096;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:8px;
}

#navQuest_ok { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
background-color:#367096;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:8px;
}
#navQuest_ok a { 
text-decoration: none;
background-color:#367096;
color:#FFF;
padding-left:8px;
}

/* --- danger meteo ---*/
#navDang { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
color: #FFFFFF; 
}
#navDang a { 
text-decoration: none;
color:#FFF;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:8px;
}
#navDang a:hover { 
text-decoration: none;
background-color:#367096;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:8px; 
}

#navDang_ok { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
background-color:#367096;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:8px; 
}

#navDang_ok a{ 
color: #FFFFFF; 
text-decoration: none;
background-color:#367096;
}

/* --- consequence et conseil ---*/
#navCons { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
color: #FFFFFF; 
}
#navCons a { 
background: right url(../../img/vigilance/images/coinNav.gif) no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
color:#FFF;
padding-top:4px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
}
#navCons a:hover { 
background: right url(../../img/vigilance/images/coinNavRoll.gif) no-repeat;
text-decoration: none;
background-color:#367096; 
padding-top:4px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
}

#navCons_ok {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold;  
background: right url(../../img/vigilance/images/coinNavRoll.gif) no-repeat;
text-decoration: none;
background-color:#367096; 
padding-top:4px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
}

#navCons_ok a {
text-decoration: none;
color:#FFF;
}


/* --- ZONE DE CONTENU ---*/

.lienCru  {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px;
line-height: 23px; 
font-weight: bold; 
color: #357097; 
texte-decoration:underline;
}


.titre {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 21px; 
font-weight: bold; 
color: #000; 
}

.titre_11 {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: #000; 
}

.titre_11_blue {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: #357097; 
}

.sous_titre h2 { 
background: left top url(../../img/vigilance/images/puceTitre.gif) no-repeat; 
font-family: Arial, Helvetica; 
sans-serif; font-size: 13px; 
font-weight: bold; 
color: #05476A; 
padding-left:15px;
margin-bottom:-8px;
}

.sous_titre h3 { 
font-family: Arial, Helvetica; 
sans-serif; font-size: 12px; 
font-weight: normal; 
color: #05476A; 
}

.texte {  
font-family: Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: normal; 
color: #01478C; 
}
.texte a {  
text-decoration:underline;
}
.texte12_droits {  
font-family: Arial, Helvetica, 
sans-serif; font-size: 12px; 
font-weight: normal; 
color: #05476A; 
}

.texte12_droits a {  
font-family: Arial, Helvetica, 
sans-serif; font-size: 14px; 
font-weight: bold; 
color: #05476A; 
texte-decoration:underline;
}

.texte12_bull { 
font-family: Arial, Helvetica, 
sans-serif; font-size: 12px; 
font-weight: normal; 
color: #333333; 
}

.texte10 {  
font-family: Arial, Helvetica, 
sans-serif; font-size: 10px; 
font-weight: normal; 
color: #666; 
}
.texte09 {  
font-family: Arial, Helvetica, 
sans-serif; font-size: 9px; 
font-weight: normal; 
color: #01478C; 
}

.texte_st {  
font-family: Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: normal; 
color: #01478C; 
text-decoration:none;
}

.texte_st a{ 
color: #01478C;  
text-decoration:none;
}

.texte_st a:hover{ 
color: #01478C;  
text-decoration:underline;
}

.verda10 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
color: #000000; 
}

.verda10 a{ 
font-weight: bold; 
color: #000000; 
text-decoration:underline;
}

.verda14 h1 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #000000; 
}

.verda12 {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: normal; 
color: #333333; 
}

.verda12 a {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: #357097; 
texte-decoration:underline;
}
.verda12_gui {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: #357097;
texte-decoration:none; 
}

.verda11 {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: normal; 
color: #333; 
}

.verda11 a {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: #357097; 
texte-decoration:underline;
}
.verda11_gui {  
font-family: verdana, Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: #357097; 
texte-decoration:none;
}



.texteNB { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #333333; 
}

.texteNB a { 
font-weight: normal; 
color: #333333; 
text-decoration:underline;
}

.suite {  
background: right url(../../img/vigilance/images/flech_suite.gif) no-repeat; 
font-family: Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: normal; 
color: #357097; 
padding-right:14px;
padding-bottom:1px;
}
.suite a {  
text-decoration:none;
color: #357097; 
}
.suite a:hover {  
text-decoration:underline;
color: #357097; 
}

.retour{  
background: left url(../../img/vigilance/images/flech_retour.gif) no-repeat; 
font-family: Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: normal; 
color: #357097; 
padding-left:14px;
padding-top:1px;
}
.retour a {  
text-decoration:none;
color: #357097; 
}
.retour a:hover {  
text-decoration:underline;
color: #357097; 
}

.haut{  
background: right url(../../img/vigilance/images/flech_haut.gif) no-repeat; 
font-family: Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: normal; 
color: #357097; 
padding-right:12px;
padding-bottom:2px;
}
.haut a {  
text-decoration:none;
color: #357097; 
}
.haut a:hover {  
text-decoration:underline;
color: #357097; 
}


/* --- lien pour le pdf ---*/
.lienPdf {  
font-family: Verdana; Arial, Helvetica, 
sans-serif; font-size: 9px; 
font-weight: normal; 
color: #357097;
}

.lienPdf a {  
font-family: Verdana; Arial, Helvetica, 
sans-serif; font-size: 11px; 
font-weight: bold; 
color: #357097;
text-decoration:none; 
}
.lienPdf a:hover {text-decoration:underline; }

ul {
list-style-image: url(http://wlmfsi01s:8000/img/vigilance/images/puceLi.gif); 
list-style-position: inside; 
margin-left: 0px;
padding-left:0px;
}

/* --- LES COULEURS ---*/
#rouge { 
position:absolute; 
z-index:5;
visibility: hidden;  
width: 195px; 
left:48px; 
top: 140px; 
background-color: #FFF; 
border: 1px #01478C solid;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #00458B; 
font-weight: normal;
padding:3px;
}

#orange { 
position:absolute; 
z-index:5;
visibility: hidden;  
width: 195px; 
left:48px; 
top: 189px; 
background-color: #FFF; 
border: 1px #01478C solid;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #00458B; 
font-weight: normal;
padding:3px;
}


#jaune { 
position:absolute; 
z-index:5;
visibility: hidden;  
width: 195px; 
left:48px; 
top: 220px; 
background-color: #FFF; 
border: 1px #01478C solid;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #00458B; 
font-weight: normal;
padding:3px;
}

#vert { 
position:absolute; 
z-index:5;
visibility: hidden;  
width: 195px; 
left:48px; 
top: 256px; 
background-color: #FFF; 
border: 1px #01478C solid;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #00458B; 
font-weight: normal;
padding:3px;
}