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;
}

#navTri span{
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-left: -4px;
}

#navTri a{
    color: #FFFFFF;
    padding: 4px 8px 2px 7px;
    text-decoration: none;
}

#navQuest_ok { 
 background-color:#367096;
}
#navQuest_ok a { 
background-color:#367096;
color:#FFF;
}

/* --- danger meteo ---*/


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

/* --- consequence et conseil ---*/

#navCons_ok {
	background-color:#367096; 
}

#navCons_ok a {
	background: right url(images/coinNavRoll.gif) no-repeat;
	background-color:#367096; 
	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(images/puceTitre.gif) no-repeat;
	font-family: Arial, Helvetica;

sans-serif; 	font-size: 13px;
	font-weight: bold;
	color: #05476A;
	padding-left:15px;
}

.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;
}
.texteNB9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}

.texteNB div {
	padding-bottom: 10px;
}
.texteNB li {
	padding-bottom: 5px;
}
.texteNB li li{
	padding-left: 30px;
}

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

.suite {  
background: right url(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; 
}

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


.retour{  
background: left url(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(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(images/puceLi2.gif);
	list-style-position: inside;

	margin-left: 0px;
	padding-left:0px;
	margin-top: 0px;
	margin-bottom: 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;
}

.valignBottom{
	vertical-align:bottom;
}

.valignTop{
	vertical-align:top;
}

.blocktitre{
	display: inline-block; 
	margin-bottom: 23px; 
	margin-left: 104px;
}

.floatLeft{
	float:left;
}

.libelleTitre{
	float: left; 
	border-top: 1px solid rgb(53, 112, 151); 
	border-bottom: 1px solid rgb(53, 112, 151); 
	height: 36px; padding-top: 3px;
}