html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 min-height: 100%;
 background-color: #426C93;
 width: 100%;
 vertical-align: middle;
}


table {
 border: none;
 width: 100%;
 height: 100%;
}

img {
 border: none;
}

td.whv {
 width: 100%;
 height: 100%;
 vertical-align: top;
}

td {
 height: 100%;
}

.color1{
 background-color: #ECECEC;
 width: 100%;
}

.color2{
 background-color: #EBEBEB;
 width: 100%;
}

.color3 {
 background-color: #F7F7F7;
}

.color4 {
 background-color: #D8D7D7;
}

.color5 {
 background-color: #286397;
}

.color6 {
 background-color: #D7D7D7;
}

.color7 {
 background-color: #C68F01;
}

.color8 {
 background-color: #FAC63C;
}

.color_blanc {
 background-color: #FFFFFF;
 width: 100%;
}

td.auto {
 width: auto;
}

table.cadre1 {
 background-color: #345A7F;
}

table.cadre2 {
 background-color: #103D67;
}

table.fond1 {
 background-color: #285681;
}

.rub:hover, .breadcrumb:hover {
 color: #D49A00;
 text-decoration: underline;
}

.rubhover, .breadcrumb:hover {
 color: #D49A00;
 text-decoration: underline;
 font-size: 11px;
 font-family: arial;
 cursor: hand;
}

.rub {
 color: #FFFFFF;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
 cursor: hand;
}

.rub_sel {
 color: #D49A00;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}

.rub_link {
 color: #FFFFFF;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}


.rub_link_news {
 color: #FFFFFF;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}

.breadcrumb {
 color: #0B4284;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}


.breadcrumb:hover {
 color: #0B4284;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}


.breadcrumb_link, .periodedetection {
 color: #0B4284;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}

.breadcrumb_link:hover, .periodedetection:hover {
 color: #D49A00;
 text-decoration: underline;
}


.breadcrumb_sel {
 color: #D49A00;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}


.titre_menu {
 color: #4682AB;
 font-size: 11px;
 font-family: arial;
 text-decoration: none;
}

.titre_menu_sel {
 color: #D49A00;
 font-size: 11px;
 font-family: arial;
 text-decoration: none;
}

.titre_menu:hover {
 color: #D49A00;
 text-decoration: none;
}

.titre_menu3 {
 color: #4682AB;
 font-family: verdana;
 font-size: 9px;
 text-decoration: none;
 font-weight: normal;
}

.titre_menu3_sel {
 color: #D49A00;
 font-family: verdana;
 font-size: 9px;
 text-decoration: none; 
}

.titre_menu3_sel:hover {
 text-decoration: none;
 font-weight: normal;
}

.titre_menu3:hover {
 color: #D49A00;
 text-decoration: none;
 font-weight: normal;
 font-family: verdana;
 font-size: 9px;
}

.rubrique_encours, .accroche_contenu {
 font-family: arial;
 font-size: 13px;
 color: #D49A00;
}


.titre_contenu {
 font-family: verdana;
 font-size: 20px;
 color: #4682AB;
}

.titre_paragraphe {
 line-height: 17px;
 font-family: arial;
 font-size: 11px;
 font-weight: bold;
 color: #4682AB;
}

.texte {
 line-height: 15px;
 font-family: arial;
 font-size: 11px;
 color: #7D7D7D;
 
}


.lien {
 color: #000000;
 text-decoration: underline;
}


.titre_principal {
 color: #FFFFFF;
 font-family: arial;
 font-size: 12px;
 text-decoration:none
}


.visible {
 display: visible;
}

.hidden {
 display: none;
}


.left, .right {
 width: 27px;
 height: 1px;
}

.top, .bottom {
 width: 1px;
 height: 16px;
}


p.texterub {
 line-height: 13px;
 margin: 3px;
}

dl, .dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.dt {
background: #F7F7F7;
margin: 0px;
border: 0px solid #CCCCCC;
text-align: left;
font-weight: bold;
width:147px;
}

.illustration{
 border: 1px #D49A00 solid;
}

div.contenu {
 margin-left: 20px;
 margin-right: 20px;
 margin-top: 15px;
 margin-bottom: 15px;
 white-space: normal;
}

div.carte {
 margin-left: 20px;
 margin-bottom: 15px;
 white-space: normal;
}


.conteneur{
 height : none;
 overflow: none;
}


.titre_rubrique {
 color: #0B4284;
 font-family: Verdana;
 font-size: 20px;
}


.titrestation {
 color: #0B4284;
 font-family: Verdana;
 font-size: 25px;
}

.titre2station {
 color: #0B4284;
 font-weight: bold;
 font-family: Arial;
 font-size: 16px;
}


.intro_rubrique {
 color: #7D7D7D;
 font-family: Arial;
 font-size: 11px;
 line-height:15px;
}


.date_rubrique {
 font-weight: bold;
 color: #D49A00;
 font-family: Verdana;
 font-size: 11px;
}

.datestation {
 font-weight: bold;
 color: #D49A00;
 font-family: Verdana;
 font-size: 13px;
}

.date2station,
.texte2constat {
 font-weight: bold;
 color: #D49A00;
 font-family: Arial;
 font-size: 11px;
}

.texteconstat {
 font-weight: bold;
 color: #0B4284;
 font-family: Arial;
 font-size: 11px;
}


.textelegende {
 font-weight: bold;
 color: #000000;
 font-family: Arial;
 font-size: 11px;
}

.texte1legende {
 color: #7D7D7D;
 font-family: Arial;
 font-size: 12px;
}

.texte2legende {
 font-weight: bold;
 color: #7D7D7D;
 font-family: Arial;
 font-size: 11px;
}

.texte3legende {
 color: #7D7D7D;
 font-family: Arial;
 font-size: 11px;
}

.fondtab {
 background-color: #FFFFFF;
 text-align: center;
 width: 50%;
}

.textenavbox {
 font-size: 11px;
 font-family: Arial;
 color: #FFFFFF;
}

.liennavbox {
 color: #D49A00;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: none;
}

.liennavbox :hover {
 color: #D49A00;
 font-size: 11px;
 font-family: arial;
 font-style: none;
 text-decoration: underline;
}



.datatab{
 border: solid 1px #000000;
}

.datatext{
 color: #000000;
 font-family: Arial;
 font-size: 11px;
}

.datatext1{
 color: #D49A00;
 font-family: Arial;
 font-size: 11px;
}

.datatext2{
 color: #D49A00;
 font-family: Arial;
 font-size: 11px;
}

.lien_bottom {
 color: #7D7D7D;
 font-family: Arial;
 font-size: 11px;
 text-decoration:none;
}

.titre_news_defile{
 color: #0B4284;
 font-family: Arial;
 font-size: 11px;
 font-weight:bold;
 text-decoration : none;
}

.date_news_defile{
 color: #20A6ED;
 font-family: Arial;
 font-size: 11px;
 font-weight:bold;
}

.tableau_vcn_index{
 color: black;
 font-family: Arial;
 font-size: 11px;
}

.tableau_vcn_valeur{
 font-weight: bold;
 color: grey;
 font-family: Arial;
 font-size: 11px;
}

.jour_plus_sec{
 color: #7D7D7D;
 font-family: Arial;
 font-size: 11px;
 line-height:9px;
 font-weight : bold;
}



ul.epi{
 display : list-item;  list-style-position: outside;
}

li.epi{
 margin-left: 25px; display : list-item;  list-style-position: outside; list-style-type: square;    
}

ul.epi2{
 display : list-item;  list-style-position: outside;
}

li.epi2{
 margin-left: 25px; display : list-item;  list-style-position: outside; list-style-type: circle;    
}