/*
==========================
==========================
==========================
Products page
*/

/*
First sentence title
*/
div.product_page_first_sentence_title
{
    /*
    color: #000000;
    */

    font-family: verdana,arial,sans-serif;
    color: #3b4246;

    font-size: 25px;
    font-weight: bold;
    text-decoration : none;
    text-align: center;
    font-style: normal;
    margin-left:10px;
}

/*
==========================
Catalogue download sentence
*/
div.product_page_download_catalogue
{
    display: block;
    text-align: center;
    margin-left:10px;
}

a.product_page_download_catalogue
{
    font-family: opensans_regular,verdana,arial,sans-serif;
    color: #1a0dab;

    font-size: 18px;
    font-weight: bold;
    text-decoration : underline;
    font-style: normal;
}

/*
==========================
Summary
*/
div.product_page_products_summary_title
{
    /*
    font-family: verdana,arial,sans-serif;
    color: #000000;
    */

    /* * /
    font-family: "ProximaNova-Semibold", verdana,arial,sans-serif;
    /* */

    /* * /
    font-family: "Open Sans", verdana,arial,sans-serif;
    /* */

    font-family: verdana,arial,sans-serif;

    color: #3b4246;

    font-size: 18px;
    font-weight: bold;
    border-color: #E0E0E0;
    border-style: solid;
    background: #FFFFFF;
    margin-left:10px;
    margin-right:10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;

}

li.product_page_products_summary_element
{
    list-style: none;
    margin-left: 0px;
    margin-top: 10px;


    text-align: justify;
    text-indent: 0px;
    font-size: 18px;

    color: #3b4246;

    /*
    line-height: 200%;
    */
}

li.product_page_products_summary_element::before
{
    content: "•  ";
    color: #3b4246;
    display: inline-block;
    width: 18px;
}

a.product_page_products_summary_element_link:link
{
    font-family: verdana,arial,sans-serif;
    font-size: 18px;
    color: #3b4246;
    font-weight: normal;
    text-decoration : none;
}

a.product_page_products_summary_element_link:hover
{
    color: #808080;
    cursor: pointer;
}
a.product_page_products_summary_element_link:visited:hover
{
    color: #808080;
    cursor: pointer;
}
a.product_page_products_summary_element_link:visited
{
    color: #3b4246;
}
a.product_page_products_summary_element_link:active
{

}



/*
==========================
==========================
==========================
*/

/*
==========================
==========================
==========================
Resources page
*/

/*
First sentence title
*/
div.resources_page_first_sentence_title
{
    /*
    color: #000000;
    */

    font-family: verdana,arial,sans-serif;
    color: #3b4246;

    font-size: 25px;
    font-weight: bold;
    text-decoration : none;
    text-align: center;
    font-style: normal;
    margin-left:10px;
}

/*
==========================
Summary
*/
div.resources_page_products_summary_title
{

    font-family: verdana,arial,sans-serif;

    color: #3b4246;

    font-size: 18px;
    font-weight: bold;
    border-color: #E0E0E0;
    border-style: solid;
    background: #FFFFFF;
    margin-left:10px;
    margin-right:10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block

}

li.resources_page_products_summary_element
{
    list-style: none;
    margin-left: 0px;
    margin-top: 10px;

    text-align: justify;
    text-indent: 0px;
    font-size: 18px;

    color: #3b4246;

}

li.resources_page_products_summary_element::before
{
    content: "•  ";
    color: #3b4246;
    display: inline-block;
    width: 18px;
}

a.resources_page_products_summary_element_link:link
{
    font-family: verdana,arial,sans-serif;
    font-size: 18px;
    color: #3b4246;
    font-weight: normal;
    text-decoration : none;
}

a.resources_page_products_summary_element_link:hover
{
    color: #808080;
    cursor: pointer;
}

/*
==========================
==========================
==========================
*/


/*
==========================
Info Tetraedre
*/
div.info_tetraedre_page_products_summary_title
{

    font-family: verdana,arial,sans-serif;

    color: #3b4246;

    font-size: 18px;
    font-weight: bold;
    border-color: #E0E0E0;
    border-style: solid;
    background: #FFFFFF;
    margin-left:10px;
    margin-right:10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block

}

li.info_tetraedre_page_products_summary_element
{
    list-style: none;
    margin-left: 0px;
    margin-top: 10px;

    text-align: justify;
    text-indent: 0px;
    font-size: 18px;

    color: #3b4246;

}

li.info_tetraedre_page_products_summary_element::before
{
    content: "•  ";
    color: #3b4246;
    display: inline-block;
    width: 18px;
}

a.info_tetraedre_page_products_summary_element_link:link
{
    font-family: verdana,arial,sans-serif;
    font-size: 18px;
    color: #3b4246;
    font-weight: normal;
    text-decoration : none;
}

a.info_tetraedre_page_products_summary_element_link:hover
{
    color: #808080;
    cursor: pointer;
}

/*
==========================
==========================
==========================
*/

/*
==========================
==========================
==========================
product_view.php
*/

div.product_view_page_image img
{
    padding: 0;
    display: block;

    /* This will horizontally align the item in the center of the parent element */
    margin: 0 auto;
    width:100%;
    max-width: 150px;

}

div.product_view_page_header_second_level
{
    font-family: verdana,arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background: #E0E0E0;
    margin-left:10px;
    margin-right:10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
div.product_view_page_description_field
{
    /*
    display: flex;
    justify-content: center;
    align-items: center;
    */


    padding: 0;
    display: block;

    /* This will horizontally align the item in the center of the parent element */

    margin: 0 auto;
    width:100%;
    max-width: 600px;



}
div.product_view_page_description_field img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/*
==========================
==========================
==========================
*/

/*
==========================
==========================
==========================
public_edit
*/

input.public_edit_add_book_button
{
    font-size: 12px;
    white-space: pre;

}
input.public_edit_add_book_button:hover
{
    color: grey;
}


/*
==========================
==========================
==========================
*/








td         { font-family: verdana,arial,sans-serif; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; }
td.m       { vertical-align: middle; }






td.barre       { background: #B7BFF1; text-align: center; }
td.side_bar    {  background: #E9EAFD url(picts/middle_bar.jpg); }
td.side_bar2   {   border-color:       #E0E0E0;
    border-style:       solid;
    border-width:       1px;
    border-left-width:  0px;
    border-bottom-width:0px;
    border-top-width:   0px;  }
td.light_gray { background: #E0E0E0; }
td.gray       { background: #B0B0B0; }
td.odd        { background: #E0E0E0; }
td.even       { background: #F0F0F0; }
td.white      { background: #FFFFFF; }
td.no         { background: #F8A59C; text-align: center; vertical-align: middle; }
td.yes        { background: #DBF6AC; text-align: center; vertical-align: middle; }
td.page       {   border-color:       #E0E0E0;
    border-width:       2px;
    border-style:       outset;
    background:         #FFFFFF;
}
td.page2      {   border-color:       #E0E0E0;
    border-style:       solid;
    border-width:       1px;
    border-left-width:  0px;
    border-top-width:   0px;
}



img.collapse   {
    display:            none;
}

div.featured      {
    margin-top:         10px;
    border-color:       #E0E040;
    border-style:       solid;
    border-width:       1px;
    border-left-width:  0px;
    border-top-width:   0px;
    font-family:        verdana,arial,sans-serif; font-size: 12px;
    font-weight:         bold;
    margin-left:        20px;
    background:         #FFDDCC;
    width:              120px;
}

div.book      {
    margin-top:         10px;
    border-color:       #E0E040;
    border-style:       solid;
    border-width:       1px;
    border-left-width:  0px;
    border-top-width:   0px;
    font-family:        verdana,arial,sans-serif; font-size: 12px;
    font-weight:         bold;
    justify;
    margin-left:        20px;
}

div.book_content   {
    margin-top:         10px;
    border-style:       none;
    font-family:        verdana,arial,sans-serif; font-size: 12px;
    font-weight:        bold;
    justify;
    display:            none;
    margin-left:        20px;
}

div.book_chapter    {
    margin-top:         5px;
    border-color:       #E040E0;
    border-style:       solid;
    border-width:       1px;
    border-left-width:  0px;
    border-top-width:   0px;
    font-family:        verdana,arial,sans-serif;
    font-size: 10px;
    font-weight:        bold;
    justify;
    margin-left:        70px;
}


div.book_chapter_content    {
    margin-top:         5px;
    border-style:       none;
    font-family:        verdana,arial,sans-serif;
    font-size: 10px;
    font-weight:        bold;
    justify;
    display:            none;
    margin-left:       70px;
}

div.small    {
    margin-top:         5px;
    border-style:       none;
    font-family:        verdana,arial,sans-serif;
    font-size:          9px;
    font-weight:        normal;
    justify;
    margin-left:        20px;
}


li.publication {
    border-color:       #E0E0E0;
    border-style:       solid;
    border-width:       1px;
    border-left-width:  0px;
    border-top-width:   0px;
    font-family:        verdana,arial,sans-serif;
    font-size: 9px;
    font-weight:        normal;
    justify;
    margin-left:        80px;
}




div.main       { background: #E4E4E3;  border-radius: 15px; -moz-border-radius: 15px; }


div.menu_left         { COLOR: #000000;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;  font-weight: bold;
    vertical-align: middle;  text-align: right;   }
/* On mouse-over */
div.menu_left:hover{
    color: #f1f1f1;
}
div.menu_left_lighter { background: #FFFFFF; text-align: right; vertical-align: middle;}
div.menu_left_sub     { background: #FFFFFF; text-align: right; vertical-align: middle;  }



a.menu_left         { COLOR: #000000;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;  font-weight: bold;}
a.menu_left:visited { COLOR: #000000; }
a.menu_left:active  { COLOR: #000000; }
a.menu_left:hover   { COLOR: #000000; }

a.menu_left_sub         { COLOR: #000000;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    text-decoration: none;  font-weight: normal;  }
a.menu_left_sub:visited { COLOR: #000000 }
a.menu_left_sub:active  { COLOR: #000000; }
a.menu_left_sub:hover   { COLOR: #CC6600;  font-weight: bold;  }




a.menu_center         { COLOR: #000000; font-size: 10px; text-decoration: none;  font-weight: normal;  }
a.menu_center:visited { COLOR: #000000 }
a.menu_center:active  { COLOR: #0066FF; }
a.menu_center:hover   { COLOR: #0066FF; }




td.option     { background: #F7DC93; text-align: center; vertical-align: middle; }
td.bouton     { background: #BA9366; vertical-align: middle; text-align: center; border-color: #404040; border-style: solid; border-width: 1px; border-left-width: 0px; }
td.bouton_seul{ width: 100px; background: #CEAC88; vertical-align: middle; text-align: center; border-color: #404040; border-style: solid; border-width: 1px; }
table.intro   { border-color: #C09812; border-style: solid; border-width: 3px; }
ul         { font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000;}
LI.square  { list-style-type: square; margin-left:50; line-height: 200%; text-align: justify; text-indent: 1em  }

p          { font-size: 11px; font-weight: normal; color: #000000; text-align: justify; margin-left: 20px; margin-right: 20px; text-decoration : none;}

div             { font-family: verdana,arial,sans-serif; font-size: 9px; color: #550000;}
div.BoldWhite   { font-family: verdana,arial,sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF;}
div.white       { color: #FFFFFF;}
div.titre       { font-family: verdana,arial,sans-serif; font-size: 16px; color: #000000; font-weight: bold; }

div.sql         {
    margin-left:20;
    margin-right:20;
    font-size: 10px;
    font-style: italic;
    text-align: left;
    background-color: #F0F0F0;
    white-space: pre;
    border-style:       solid;
    border-width: 2px;
}

div.my_description { font-family: verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
    margin-left: 5 em;
    margin-right:5 em;
    line-height: 2 em;
}
div.my_head0    { font-family: verdana,arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #000000;
    text-decoration : none;
    text-align: center;
    font-style: none;
    margin-left:10px;
}
div.my_head1    { font-family: verdana,arial,sans-serif;
    font-size:   20px;
    font-weight: bold;
    color:       #000000;
    text-align: left;
    text-decoration:    none;
    border-style:       solid;
    border-width:       2px;
    border-right-width: 0px;
    border-top-width:   0px;
    margin-left:10px;
}
div.my_head2    { font-family: verdana,arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background: #E0E0E0;
    margin-left:10px;
    margin-right:10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
div.my_head3    { font-family: verdana,arial,sans-serif;
    margin-left:10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
div.listing     { margin-left:20; margin-right:20; background-color: #E0E0E0 }
LI.my_list      { list-style-type: square;
    margin-left:     2 em;
    margin-right:    2 em;
    line-height:     200%;
    text-align:      justify;
    text-indent:     0em  }
pre             { margin-left:60px; margin-right:20px; background-color: #E0E0E0 }

div.my_titre_noir   { font-family: verdana,arial,sans-serif;
    font-size:   14px;
    font-weight: bold;
    color:       #FFFFFF;
    background: #000000;
    text-align: center;
    text-decoration:    none;
}

div.my_titre   { font-family: verdana,arial,sans-serif;
    font-size:   12px;
    font-weight: bold;
    color:       #000000;
    text-align: center;
    text-decoration:    none;
}

div.my_titre1   { font-family: verdana,arial,sans-serif;
    font-size:   32px;
    font-weight: bold;
    color:       #000000;
    text-align: center;
    text-decoration:    none;
}

div.my_titre2   { font-family: verdana,arial,sans-serif;
    font-size:   20px;
    font-weight: bold;
    color:       #000000;
    text-align:  left;
    text-decoration:    none;
}



div.titre_menu   { font-family: verdana,arial,sans-serif;
    font-size:   11px;
    font-weight: bold;
    color:       #000000;
    text-align:  right;
    text-decoration:    none;
}



a.invisible   { font-family: verdana,arial,sans-serif;
    font-size:   4px;
    color:       #FFFFFF;
    text-decoration: None;
}
a.invisible:link         {  text-decoration: None;  color:#FFFFFF; }
a.invisible:visited      {  text-decoration: None;  color:#FFFFFF; }
a.invisible:active       {  text-decoration: None;  color:#FFFFFF; }

a.quiet              { color:       #000000; text-decoration: None; }
a.quiet:link         { color:       #000000; text-decoration: None; }
a.quiet:visited      { color:       #000000; text-decoration: None; }
a.quiet:active       { color:       #000000; text-decoration: None; }




div.category    { font-size: 17px; font-weight: bold;   color: #000000; text-align: center; vertical-align: middle; margin-left:50; margin-right:50; }


IMG.middle { vertical-align: middle }

a              {   font-family: verdana,arial,sans-serif; font-size: 14px;  color:#00559D;  font-weight: normal; text-decoration : underline;}
a:link         {   }
a:visited      {   color:#00559D; }
a:active       {   color:#00559D; }

a.titre         { font-family: verdana,arial,sans-serif; font-size: 12px;  text-align: center; COLOR: #000000; text-decoration: None;  font-weight: bold;}
a.titre:visited { COLOR: #000000; }
a.titre:active  { COLOR: #000000; }
a.titre:hover   { COLOR: #000000; }

a.thumb              { font-family: verdana,arial,sans-serif; font-size: 11px;  color:#BFBFBF;  font-weight: normal; text-decoration : underline;}
a.thumb:link         { font-family: verdana,arial,sans-serif; font-size: 11px;  color:#BFBFBF;  font-weight: normal; text-decoration : underline;}
a.thumb:visited      { font-family: verdana,arial,sans-serif; font-size: 11px;  color:#BFBFBF;  font-weight: normal; text-decoration : underline;}
a.thumb:active       { font-family: verdana,arial,sans-serif; font-size: 11px;  color:#BFBFBF;  font-weight: normal; text-decoration : underline;}





a.MenuHeader         { font-family: verdana,arial,sans-serif; font-size: 11px;  text-align: center; COLOR: #404040; text-decoration: underline;  font-weight: bold;}
a.MenuHeader:visited { COLOR: #404040; }
a.MenuHeader:active  { COLOR: #404040; }
a.MenuHeader:hover   { COLOR: #404040; }

a.MenuItem           { COLOR: #E1EEF6; font-size: 9px; text-decoration: None;  font-weight: normal;}
a.MenuItem:link      { COLOR: #E1EEF6; text-decoration: None;  font-weight: normal;}
a.MenuItem:visited   { COLOR: #E1EEF6; text-decoration: None;  font-weight: normal;}
a.MenuItem:active    { COLOR: #E1EEF6; text-decoration: None;  font-weight: normal;}
a.MenuItem:hover     { COLOR: #FFFFFF; text-decoration: None;  font-weight: normal;}

/*
input.submit_A
{
    background:         #F7E6E3;
    COLOR:              #000000;
    text-align:         center;
    vertical-align:     middle;
    border-radius:      5px;
    -moz-border-radius: 5px;
}
*/

input.submit_A
{
	text-align: center;
	background-color: transparent;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 12px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	height: unset;
}
input.submit_A:hover
{
	background-color: #A0FFA0;
	cursor: pointer;
    text-decoration: underline;
}




/* ******************************************** [ PC - high res ] ***************************** */
@media handheld, only screen and (min-width: 1200px), only screen and (min-device-width: 1200px)
{
    .view_wide
    {
    }
    .view_narrow
    {
        display: none;
    }
    .title_bar
    {
        margin-top: 30px;
    }
    .title_bar_small
    {
        display: none;
        height: 0px;
    }
    html
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
    }
    body
    {
        /* * /
        background-repeat: repeat;
        background-image: url('bg-striped.png');
        /* */
        font-size: 16px;
    }
    div.dv_titre
    {
        text-align: center;
        font-size: 28px;
    }
    div.dv_titre1
    {
        font-size: 24px;
    }
    div.dv_container
    {
    }
    div.dv_container_fluid
    {
        padding: 10px;
    }
    div.dv_menu
    {
        font-size: 24px;
    }
    div.dv_view_small
    {
        display: none;
    }
    div.dv_view_big
    {
        display: block;
    }
    div.dv_selector
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        margin: 5px;
        margin-top: 20px;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_selector_secteur
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 0px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_secteur_station
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #E0E0E0;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_map
    {
        width: 100%;
        height: 387px;
    }
    div.dv_map_bottom
    {
        background-color: #FFFFFF;
        height: 52px;
    }
    div.dv_hidden
    {
        display: none;
    }
    div.dv_white
    {
        padding: 10px;
        background-color: #FFFFFF;
    }
    div.dv_central
    {
        margin: 20px;
    }
    div.dv_indent
    {
        margin-left: 50px;
        margin-right: 20px;
    }
    div.dv_disclamer
    {
        background-color: #F0F0F0;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FF0000;
        margin: 20px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 2px;
        padding: 12px;
        text-align: center;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
    div.div_note
    {
        background-color: #E4FEFE;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_warning
    {
        background-color: #FFA94D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_error
    {
        background-color: #E3C5FF;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_alarm
    {
        background-color: #FF5E4D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FFFFFF;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_station
    {
        background-color: #FFFF00;
        height: 17px;
        width: 17px;
        border-color: #606060;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_small
    {
        background-color: #FFFF00;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_list
    {
        display: inline-block;
        background-color: #FFFF00;
        height: 30px;
        width: 30px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_pluvio
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_0
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_1
    {
        background-color: #9A7D93;
    }
    div.dv_station_pluvio_2
    {
        background-color: #99CCFF;
    }
    div.dv_station_pluvio_3
    {
        background-color: #3A00FB;
    }
    div.dv_station_pluvio_4
    {
        background-color: #00FF1F;
    }
    div.dv_station_pluvio_5
    {
        background-color: #F9FF19;
    }
    div.dv_station_pluvio_6
    {
        background-color: #FDC913;
    }
    div.dv_station_pluvio_7
    {
        background-color: #FF8000;
    }
    div.dv_station_ofev
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_meteosuisse
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_piezo
    {
    }
    div.dv_station_piezo_none
    {
        content: url(triangle_no_data.png);
    }
    div.dv_station_piezo_0_10
    {
        content: url(triangle_0_10.png);
    }
    div.dv_station_piezo_10_90
    {
        content: url(triangle_10_90.png);
    }
    div.dv_station_piezo_90_100
    {
        content: url(triangle_90_100.png);
    }
    div.dv_station_piezo_small
    {
    }
    div.dv_station_piezo_small_none
    {
        content: url(triangle_small_no_data.png);
    }
    div.dv_station_piezo_small_0_10
    {
        content: url(triangle_small_0_10.png);
    }
    div.dv_station_piezo_small_10_90
    {
        content: url(triangle_small_10_90.png);
    }
    div.dv_station_piezo_small_90_100
    {
        content: url(triangle_small_90_100.png);
    }
    div.dv_station_0_5
    {
        background-color: #996633;
    }
    div.dv_station_5_25
    {
        background-color: #D48A45;
    }
    div.dv_station_25_75
    {
        background-color: #EFD7C1;
    }
    div.dv_station_75_95
    {
        background-color: #668FBC;
    }
    div.dv_station_95_100
    {
        background-color: #1A478B;
    }
    div.dv_station_etiage
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_etiage_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_etiage_vert
    {
        background-color: #99FF00;
    }
    div.dv_station_etiage_jaune
    {
        background-color: #FFFF66;
    }
    div.dv_station_etiage_orange
    {
        background-color: #FF9933;
    }
    div.dv_station_etiage_rouge
    {
        background-color: #FF0000;
    }
    div.dv_station_temperature
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_temperature_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_temperature_4
    {
        background-color: #0069A6;
    }
    div.dv_station_temperature_7
    {
        background-color: #009FCF;
    }
    div.dv_station_temperature_10
    {
        background-color: #4EBFDD;
    }
    div.dv_station_temperature_13
    {
        background-color: #98D4E1;
    }
    div.dv_station_temperature_16
    {
        background-color: #ECAD87;
    }
    div.dv_station_temperature_19
    {
        background-color: #E27F74;
    }
    div.dv_station_temperature_22
    {
        background-color: #C64E53;
    }
    div.dv_station_temperature_25
    {
        background-color: #9D3543;
    }
    div.dv_plot
    {
        width: 1000px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        border-radius: 5px;
    }
    div.dv_new
    {
        background-color: #FFDDAD;
    }
    div.dv_new_red
    {
        background-color: #FFFFFF;
        color: #FF0000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_green
    {
        background-color: #FFFFFF;
        color: #007403;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_black
    {
        background-color: #FFFFFF;
        color: #000000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_flow
    {
        background-color: #FFFFFF;
        margin-left: 40px;
        color: #3F8BB2;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_documents
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
    }
    div.dv_tab
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
        border-width: 0px;
        width: 90%;
    }
    div.dv_tab::after
    {
        background-color: #FF0000;
        color: #00FFFF;
        content: \25BC;
    }
    div.dv_tab_content
    {
        background-color: #F0F0F0;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 5px;
        margin-top: 5px;
        width: 90%;
    }
    div.dv_onglet_conteneur
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 6px;
        text-align: justify;
        margin: 5px;
    }
    div.dv_onglet_content
    {
        background-color: #D8D8D8;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 0px;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top: 0px;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    div.sql
    {
        margin-left: 20;
        margin-right: 20;
        font-family: verdana,arial,sans-serif;
        font-size: 10px;
        font-style: italic;
        text-align: left;
        background-color: #F0F0F0;
        white-space: pre;
        border-style: solid;
        border-width: 2px;
    }
    div.dv_log_ok
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #00FF00;
        vertical-align: middle;
        text-align: left;
        text-color: 000000;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_note
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FCFF9F;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_error
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FF8080;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_debug
    {
        border: 1px solid #a0a0a0;
        margin-left: 50px;
    }
    div.dv_visible
    {
        display: block;
    }
    span.sp_view_medium_and_big
    {
        display: inline;
    }
    span.sp_title
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        float: right;
        font-size: 28px;
    }
    span.sp_my_default
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        margin-top: 10px;
        margin-left: 5px;
    }
    span.sp_h2
    {
        font-family: verdana,arial,sans-serif;
        font-size: 24px;
    }
    span.sp_map_area
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 8px;
        margin-bottom: 48px;
        width: 521px;
        height: 439px;
    }
    span.sp_map_area_single
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: inline-block;
        width: 769px;
        height: 655px;
    }
    span.sp_big
    {
        font-family: verdana,arial,sans-serif;
        font-size: 48px;
        font-weight: normal;
        color: #000000;
        vertical-align: center;
        horizontal-align: center;
    }
    span.sp_cell
    {
        display: inline-block;
        background-color: #F0F0F0;
        margin: 4px;
        font-family: verdana,arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        border-color: #202020;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        height: 22px;
        width: 60px;
        vertical-align: text-bottom;
        text-align: center;
        padding: 6px;
    }
    span.sp_icon_earth
    {
        font-family: 'Glyphicons Halflings';
        font-size: 14px;
        content: "\e135";
    }
    span.sp_icon_arrow_down
    {
        content: \25BC;
    }
    span.sp_tiny
    {
        font-family: verdana,arial,sans-serif;
        font-size: 7px;
    }
    ul
    {
        list-style: none;
    }
    ul.ul_files
    {
        list-style: square;
    }
    ul.ul_hidden
    {
        display: none;
    }
    ul.list_inline
    {
        list-style: none;
        margin-top: 20px;
    }
    ul.pull_right
    {
        float: right!important;
    }
    li.list_inline
    {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }
    li.list_files
    {
    }
    table.tb_hidden
    {
        display: hidden;
    }
    table.tb_form
    {
        padding: 5px;
        border: 1px solid #C0C0C0;
    }
    table.tb_select_station
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
    }
    table.tb_stations_list
    {
        width: 100%;
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
    }
    table.tb_resume
    {
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
        margin: 10px;
        margin-top: 0px;
    }
    table.tb_onglet
    {
        border: 0px solid #FFFFFF;
        border-spacing: 0px;
        border-collapse: separate;
        padding: 0px;
        spacing: 0px;
        margin: 0px;
    }
    table.table
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
    }
    table.tb_temps_retour
    {
        width: 90%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_valeurs
    {
        width: 90%;
        border: 1px solid #E0E0E0;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_q347
    {
        width: 50%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    th
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #DDDDDD;
        background: #606080;
        vertical-align: top;
    }
    th.list
    {
        vertical-align: top;
        text-align: left;
        color: #FFFFFF;
        height: 30px;
    }
    th.bleu
    {
        background: #0c3869;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
    }
    th.th_left
    {
        text-align: left;
    }
    th.th_form
    {
        font-family: verdana,arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #404040;
        background: #C0C0C0;
        padding: 8px;
        vertical-align: top;
    }
    th.th_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        background: #E0E0E0;
        padding: 4px;
        vertical-align: top;
    }
    th.th_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #F5F5F5;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_top
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 0px;
    }
    th.th_resume_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_rubrique
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
    }
    th.th_lien
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_temps_retour
    {
        background: #FFFFFF;
        color: #000000;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    th.th_valeurs_titre
    {
        background: #F0f0F0;
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    th.th_fixed
    {
        font-family: Lucida Console, monospace;
    }
    td.td_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #C0C0C0;
    }
    td.td_onglet
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #C0C0C0;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    td.td_onglet_right_discret
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 10px 20px 10px 20px;
        background: #F5F5F5;
        border: 1px solid #C0C0C0;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }
    td.td_onglet_selected
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #D8D8D8;
        border: 3px solid #FFFF00;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom: 0px;
    }
    td.td_right
    {
        text-align: right;
    }
    td.td_left
    {
        text-align: left;
    }
    td.td_center
    {
        text-align: center;
    }
    td.td_align_top
    {
        vertical-align: top;
    }
    td.td_align_bottom
    {
        vertical-align: bottom;
    }
    td.td_resume_name
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-right: 0px;
    }
    td.td_resume_valeur
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
    }
    td.td_legend_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_legende_value
    {
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_station_etiage_station_none
    {
        background-color: #BEBEBE;
    }
    td.td_station_etiage_station_vert
    {
        background-color: #99FF00;
    }
    td.td_station_etiage_station_jaune
    {
        background-color: #FFFF66;
    }
    td.td_station_etiage_station_orange
    {
        background-color: #FF9933;
    }
    td.td_station_etiage_station_rouge
    {
        background-color: #FF0000;
    }
    td.td_station_etiage_station_brun
    {
        background-color: #CD853F;
    }
    td.td_station_etiage_station_bleu
    {
        background-color: #00BFFF;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_valeurs
    {
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_valeurs_titre
    {
        color: #000000;
        text-align: left;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed
    {
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_inside_range
    {
        background-color: #C0F0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_outside_range
    {
        background-color: #C0C0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_new
    {
        background-color: #ECFE52;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        padding: 4px;
        vertical-align: top;
    }
    p
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-left: 10px;
    }
    p.map_titre
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin-left: 10px;
    }
    p.p_indent
    {
        margin-left: 50px;
        margin-right: 30px;
    }
    p.p_warning
    {
        background-color: #E0E0E0;
        padding: 10px;
    }
    a.a_station
    {
        color: #000000;
        font-size: 9px;
        text-decoration: None;
        font-weight: normal;
    }
    a.a_discret
    {
        color: #000000;
        text-decoration: None;
    }
    a.a_discret_white
    {
        color: #FFFFFF;
        text-decoration: None;
    }
    a.a_file
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
    }
    a.a_bottom_link
    {
        color: #000000;
        background-color: #E0E0E0;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #000000;
        border-radius: 2px;
    }
    form.form_inline
    {
        display: inline;
    }
    img.img_block
    {
        display: inline-block;
    }
    img.img_no_border
    {
        padding: 0;
        margin: 0;
        display: block;
    }
    header
    {
        padding: 10px;
        display: block;
    }
    footer
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        background-color: #F5F5F5;
        border-top: 1px solid #D5D5D5;
        margin-top: 20px;
        padding: 10px;
        display: block;
    }
    nav
    {
        height: 7px;
    }
    h1
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    h2
    {
        color: #000000;
        font-family: Arial,sans-serif;
        font-size: 23px;
        font-weight: normal;
    }
    button.bt_station
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    input.in_submit
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 80%;
        padding: 8px;
        color: #FFFFFF;
        background: #3C8A2E;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    ul.ul_arrow
    {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    li.li_arrow
    {
        display: inline;
    }
    a.a_arrow
    {
        color: #000000;
        font-family: arial,sans-serif;
        font-size: 13px;
        text-decoration: None;
        font-weight: normal;
    }
    div.dv_arrow
    {
        display: inline;
        background-color: #E0E0E0;
        border: 0px solid #808080;
        border-bottom: 1px solid #E0E0E0;
        position: relative;
        padding: 4px;
        margin-right: 15px;
    }
    div.dv_arrow:hover
    {
        background-color: #D0D0D0;
    }
    div.dv_arrow::after
    {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #E0E0E0;
        border-width: 12px;
    }
    div.dv_arrow:hover::after
    {
        border-left-color: #D0D0D0;
    }
    div.dv_arrow_mid::before
    {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        width: 0px;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: #E0E0E0;
        border-right-color: #E0E0E0;
        border-bottom-color: #E0E0E0;
        border-left-color: transparent;
        border-top-width: 12px;
        border-right-width: 0px;
        border-bottom-width: 12px;
        border-left-width: 12px;
    }
    div.dv_arrow:hover::before
    {
        border-top-color: #D0D0D0;
        border-right-color: #D0D0D0;
        border-bottom-color: #D0D0D0;
    }
}
/* ******************************************** [ PC - half res ] ***************************** */
@media handheld, only screen and (min-width: 750px) and (max-width: 1199px), only screen and (min-device-width: 750px) and (max-device-width: 1199px)
{
    .view_wide
    {
    }
    .view_narrow
    {
        display: none;
    }
    .title_bar
    {
        margin-top: 30px;
    }
    .title_bar_small
    {
        display: none;
        height: 0px;
    }
    html
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
    }
    body
    {
        /* * /
        background-repeat: repeat;
        background-image: url('bg-striped.png');
        /* */
        font-size: 16px;
    }
    div.dv_titre
    {
        text-align: center;
        font-size: 28px;
    }
    div.dv_titre1
    {
        font-size: 24px;
    }
    div.dv_container
    {
    }
    div.dv_container_fluid
    {
        padding: 10px;
    }
    div.dv_menu
    {
        font-size: 24px;
    }
    div.dv_view_small
    {
        display: none;
    }
    div.dv_view_big
    {
        display: block;
    }
    div.dv_selector
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        margin: 5px;
        margin-top: 20px;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_selector_secteur
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 0px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_secteur_station
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #E0E0E0;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_map
    {
        width: 100%;
        height: 387px;
    }
    div.dv_map_bottom
    {
        background-color: #FFFFFF;
        height: 52px;
    }
    div.dv_hidden
    {
        display: none;
    }
    div.dv_white
    {
        padding: 10px;
        background-color: #FFFFFF;
    }
    div.dv_central
    {
        margin: 20px;
    }
    div.dv_indent
    {
        margin-left: 50px;
        margin-right: 20px;
    }
    div.dv_disclamer
    {
        background-color: #F0F0F0;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FF0000;
        margin: 20px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 2px;
        padding: 12px;
        text-align: center;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
    div.div_note
    {
        background-color: #E4FEFE;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_warning
    {
        background-color: #FFA94D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_error
    {
        background-color: #E3C5FF;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_alarm
    {
        background-color: #FF5E4D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FFFFFF;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_station
    {
        background-color: #FFFF00;
        height: 17px;
        width: 17px;
        border-color: #606060;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_small
    {
        background-color: #FFFF00;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_list
    {
        display: inline-block;
        background-color: #FFFF00;
        height: 30px;
        width: 30px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_pluvio
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_0
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_1
    {
        background-color: #9A7D93;
    }
    div.dv_station_pluvio_2
    {
        background-color: #99CCFF;
    }
    div.dv_station_pluvio_3
    {
        background-color: #3A00FB;
    }
    div.dv_station_pluvio_4
    {
        background-color: #00FF1F;
    }
    div.dv_station_pluvio_5
    {
        background-color: #F9FF19;
    }
    div.dv_station_pluvio_6
    {
        background-color: #FDC913;
    }
    div.dv_station_pluvio_7
    {
        background-color: #FF8000;
    }
    div.dv_station_ofev
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_meteosuisse
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_piezo
    {
    }
    div.dv_station_piezo_none
    {
        content: url(triangle_no_data.png);
    }
    div.dv_station_piezo_0_10
    {
        content: url(triangle_0_10.png);
    }
    div.dv_station_piezo_10_90
    {
        content: url(triangle_10_90.png);
    }
    div.dv_station_piezo_90_100
    {
        content: url(triangle_90_100.png);
    }
    div.dv_station_piezo_small
    {
    }
    div.dv_station_piezo_small_none
    {
        content: url(triangle_small_no_data.png);
    }
    div.dv_station_piezo_small_0_10
    {
        content: url(triangle_small_0_10.png);
    }
    div.dv_station_piezo_small_10_90
    {
        content: url(triangle_small_10_90.png);
    }
    div.dv_station_piezo_small_90_100
    {
        content: url(triangle_small_90_100.png);
    }
    div.dv_station_0_5
    {
        background-color: #996633;
    }
    div.dv_station_5_25
    {
        background-color: #D48A45;
    }
    div.dv_station_25_75
    {
        background-color: #EFD7C1;
    }
    div.dv_station_75_95
    {
        background-color: #668FBC;
    }
    div.dv_station_95_100
    {
        background-color: #1A478B;
    }
    div.dv_station_etiage
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_etiage_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_etiage_vert
    {
        background-color: #99FF00;
    }
    div.dv_station_etiage_jaune
    {
        background-color: #FFFF66;
    }
    div.dv_station_etiage_orange
    {
        background-color: #FF9933;
    }
    div.dv_station_etiage_rouge
    {
        background-color: #FF0000;
    }
    div.dv_station_temperature
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_temperature_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_temperature_4
    {
        background-color: #0069A6;
    }
    div.dv_station_temperature_7
    {
        background-color: #009FCF;
    }
    div.dv_station_temperature_10
    {
        background-color: #4EBFDD;
    }
    div.dv_station_temperature_13
    {
        background-color: #98D4E1;
    }
    div.dv_station_temperature_16
    {
        background-color: #ECAD87;
    }
    div.dv_station_temperature_19
    {
        background-color: #E27F74;
    }
    div.dv_station_temperature_22
    {
        background-color: #C64E53;
    }
    div.dv_station_temperature_25
    {
        background-color: #9D3543;
    }
    div.dv_plot
    {
        width: 1000px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        border-radius: 5px;
    }
    div.dv_new
    {
        background-color: #FFDDAD;
    }
    div.dv_new_red
    {
        background-color: #FFFFFF;
        color: #FF0000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_green
    {
        background-color: #FFFFFF;
        color: #007403;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_black
    {
        background-color: #FFFFFF;
        color: #000000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_flow
    {
        background-color: #FFFFFF;
        margin-left: 40px;
        color: #3F8BB2;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_documents
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
    }
    div.dv_tab
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
        border-width: 0px;
        width: 90%;
    }
    div.dv_tab::after
    {
        background-color: #FF0000;
        color: #00FFFF;
        content: \25BC;
    }
    div.dv_tab_content
    {
        background-color: #F0F0F0;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 5px;
        margin-top: 5px;
        width: 90%;
    }
    div.dv_onglet_conteneur
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 6px;
        text-align: justify;
        margin: 5px;
    }
    div.dv_onglet_content
    {
        background-color: #D8D8D8;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 0px;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top: 0px;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    div.sql
    {
        margin-left: 20;
        margin-right: 20;
        font-family: verdana,arial,sans-serif;
        font-size: 10px;
        font-style: italic;
        text-align: left;
        background-color: #F0F0F0;
        white-space: pre;
        border-style: solid;
        border-width: 2px;
    }
    div.dv_log_ok
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #00FF00;
        vertical-align: middle;
        text-align: left;
        text-color: 000000;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_note
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FCFF9F;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_error
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FF8080;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_debug
    {
        border: 1px solid #a0a0a0;
        margin-left: 50px;
    }
    div.dv_visible
    {
        display: block;
    }
    span.sp_view_medium_and_big
    {
        display: inline;
    }
    span.sp_title
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        float: right;
        font-size: 28px;
    }
    span.sp_my_default
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        margin-top: 10px;
        margin-left: 5px;
    }
    span.sp_h2
    {
        font-family: verdana,arial,sans-serif;
        font-size: 24px;
    }
    span.sp_map_area
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 553px;
        height: 439px;
    }
    span.sp_map_area_single
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: inline-block;
        width: 390px;
        height: 390px;
    }
    span.sp_big
    {
        font-family: verdana,arial,sans-serif;
        font-size: 48px;
        font-weight: normal;
        color: #000000;
        vertical-align: center;
        horizontal-align: center;
    }
    span.sp_cell
    {
        display: inline-block;
        background-color: #F0F0F0;
        margin: 4px;
        font-family: verdana,arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        border-color: #202020;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        height: 22px;
        width: 60px;
        vertical-align: text-bottom;
        text-align: center;
        padding: 6px;
    }
    span.sp_icon_earth
    {
        font-family: 'Glyphicons Halflings';
        font-size: 14px;
        content: "\e135";
    }
    span.sp_icon_arrow_down
    {
        content: \25BC;
    }
    span.sp_tiny
    {
        font-family: verdana,arial,sans-serif;
        font-size: 7px;
    }
    ul
    {
        list-style: none;
    }
    ul.ul_files
    {
        list-style: square;
    }
    ul.ul_hidden
    {
        display: none;
    }
    ul.list_inline
    {
        list-style: none;
        margin-top: 20px;
    }
    ul.pull_right
    {
        float: right!important;
    }
    li.list_inline
    {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }
    li.list_files
    {
    }
    table.tb_hidden
    {
        display: hidden;
    }
    table.tb_form
    {
        padding: 5px;
        border: 1px solid #C0C0C0;
    }
    table.tb_select_station
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
    }
    table.tb_stations_list
    {
        width: 100%;
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
    }
    table.tb_resume
    {
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
        margin: 10px;
        margin-top: 0px;
    }
    table.tb_onglet
    {
        border: 0px solid #FFFFFF;
        border-spacing: 0px;
        border-collapse: separate;
        padding: 0px;
        spacing: 0px;
        margin: 0px;
    }
    table.table
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
    }
    table.tb_temps_retour
    {
        width: 90%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_valeurs
    {
        width: 90%;
        border: 1px solid #E0E0E0;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_q347
    {
        width: 50%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    th
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #DDDDDD;
        background: #606080;
        vertical-align: top;
    }
    th.list
    {
        vertical-align: top;
        text-align: left;
        color: #FFFFFF;
        height: 30px;
    }
    th.bleu
    {
        background: #0c3869;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
    }
    th.th_left
    {
        text-align: left;
    }
    th.th_form
    {
        font-family: verdana,arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #404040;
        background: #C0C0C0;
        padding: 8px;
        vertical-align: top;
    }
    th.th_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        background: #E0E0E0;
        padding: 4px;
        vertical-align: top;
    }
    th.th_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #F5F5F5;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_top
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 0px;
    }
    th.th_resume_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_rubrique
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
    }
    th.th_lien
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_temps_retour
    {
        background: #FFFFFF;
        color: #000000;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    th.th_valeurs_titre
    {
        background: #F0f0F0;
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    th.th_fixed
    {
        font-family: Lucida Console, monospace;
    }
    td.td_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #C0C0C0;
    }
    td.td_onglet
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #C0C0C0;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    td.td_onglet_right_discret
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 10px 20px 10px 20px;
        background: #F5F5F5;
        border: 1px solid #C0C0C0;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }
    td.td_onglet_selected
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #D8D8D8;
        border: 3px solid #FFFF00;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom: 0px;
    }
    td.td_right
    {
        text-align: right;
    }
    td.td_left
    {
        text-align: left;
    }
    td.td_center
    {
        text-align: center;
    }
    td.td_align_top
    {
        vertical-align: top;
    }
    td.td_align_bottom
    {
        vertical-align: bottom;
    }
    td.td_resume_name
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-right: 0px;
    }
    td.td_resume_valeur
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
    }
    td.td_legend_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_legende_value
    {
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_station_etiage_station_none
    {
        background-color: #BEBEBE;
    }
    td.td_station_etiage_station_vert
    {
        background-color: #99FF00;
    }
    td.td_station_etiage_station_jaune
    {
        background-color: #FFFF66;
    }
    td.td_station_etiage_station_orange
    {
        background-color: #FF9933;
    }
    td.td_station_etiage_station_rouge
    {
        background-color: #FF0000;
    }
    td.td_station_etiage_station_brun
    {
        background-color: #CD853F;
    }
    td.td_station_etiage_station_bleu
    {
        background-color: #00BFFF;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_valeurs
    {
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_valeurs_titre
    {
        color: #000000;
        text-align: left;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed
    {
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_inside_range
    {
        background-color: #C0F0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_outside_range
    {
        background-color: #C0C0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_new
    {
        background-color: #ECFE52;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        padding: 4px;
        vertical-align: top;
    }
    p
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-left: 10px;
    }
    p.map_titre
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin-left: 10px;
    }
    p.p_indent
    {
        margin-left: 50px;
        margin-right: 30px;
    }
    p.p_warning
    {
        background-color: #E0E0E0;
        padding: 10px;
    }
    a.a_station
    {
        color: #000000;
        font-size: 9px;
        text-decoration: None;
        font-weight: normal;
    }
    a.a_discret
    {
        color: #000000;
        text-decoration: None;
    }
    a.a_discret_white
    {
        color: #FFFFFF;
        text-decoration: None;
    }
    a.a_file
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
    }
    a.a_bottom_link
    {
        color: #000000;
        background-color: #E0E0E0;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #000000;
        border-radius: 2px;
    }
    form.form_inline
    {
        display: inline;
    }
    img.img_block
    {
        display: inline-block;
    }
    img.img_no_border
    {
        padding: 0;
        margin: 0;
        display: block;
    }
    header
    {
        padding: 10px;
        display: block;
    }
    footer
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        background-color: #F5F5F5;
        border-top: 1px solid #D5D5D5;
        margin-top: 20px;
        padding: 10px;
        display: block;
    }
    nav
    {
        height: 7px;
    }
    h1
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    h2
    {
        color: #000000;
        font-family: Arial,sans-serif;
        font-size: 23px;
        font-weight: normal;
    }
    button.bt_station
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    input.in_submit
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 80%;
        padding: 8px;
        color: #FFFFFF;
        background: #3C8A2E;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    ul.ul_arrow
    {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    li.li_arrow
    {
        display: inline;
    }
    a.a_arrow
    {
        color: #000000;
        font-family: arial,sans-serif;
        font-size: 13px;
        text-decoration: None;
        font-weight: normal;
    }
    div.dv_arrow
    {
        display: inline;
        background-color: #E0E0E0;
        border: 0px solid #808080;
        border-bottom: 1px solid #E0E0E0;
        position: relative;
        padding: 4px;
        margin-right: 15px;
    }
    div.dv_arrow:hover
    {
        background-color: #D0D0D0;
    }
    div.dv_arrow::after
    {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #E0E0E0;
        border-width: 12px;
    }
    div.dv_arrow:hover::after
    {
        border-left-color: #D0D0D0;
    }
    div.dv_arrow_mid::before
    {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        width: 0px;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: #E0E0E0;
        border-right-color: #E0E0E0;
        border-bottom-color: #E0E0E0;
        border-left-color: transparent;
        border-top-width: 12px;
        border-right-width: 0px;
        border-bottom-width: 12px;
        border-left-width: 12px;
    }
    div.dv_arrow:hover::before
    {
        border-top-color: #D0D0D0;
        border-right-color: #D0D0D0;
        border-bottom-color: #D0D0D0;
    }
}
/* ******************************************** [ TABLET - mid res ] **************************** */
@media handheld, only screen and (min-width: 480px) and (max-width: 749px), only screen and (min-device-width: 480px) and (max-device-width: 749px)
{
    .view_wide
    {
        display: none;
    }
    .view_narrow
    {
    }
    .title_bar
    {
        display: none;
    }
    .title_bar_small
    {
        color: #000000;
        height: 5px;
    }
    html
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
    }
    body
    {
        /*background-color: #F4F4F4;*/
        /*background-image: none;*/
        font-size: 18px;
        margin: 2px;
    }
    div.dv_titre
    {
        text-align: center;
        font-size: 20px;
    }
    div.dv_titre1
    {
        font-size: 24px;
    }
    div.dv_container
    {
    }
    div.dv_container_fluid
    {
        padding: 10px;
    }
    div.dv_menu
    {
        font-size: 16px;
    }
    div.dv_view_small
    {
        display: none;
    }
    div.dv_view_big
    {
        display: block;
    }
    div.dv_selector
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        margin: 5px;
        margin-top: 20px;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_selector_secteur
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 0px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_secteur_station
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #E0E0E0;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_map
    {
        width: 100%;
        height: 387px;
    }
    div.dv_map_bottom
    {
        background-color: #FFFFFF;
        height: 52px;
    }
    div.dv_hidden
    {
        display: none;
    }
    div.dv_white
    {
        padding: 10px;
        background-color: #FFFFFF;
    }
    div.dv_central
    {
        margin: 20px;
    }
    div.dv_indent
    {
        margin-left: 50px;
        margin-right: 20px;
    }
    div.dv_disclamer
    {
        background-color: #F0F0F0;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FF0000;
        margin: 20px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 2px;
        padding: 12px;
        text-align: center;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
    div.div_note
    {
        background-color: #E4FEFE;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_warning
    {
        background-color: #FFA94D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_error
    {
        background-color: #E3C5FF;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_alarm
    {
        background-color: #FF5E4D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FFFFFF;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_station
    {
        background-color: #FFFF00;
        height: 17px;
        width: 17px;
        border-color: #606060;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_small
    {
        background-color: #FFFF00;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_list
    {
        display: inline-block;
        background-color: #FFFF00;
        height: 30px;
        width: 30px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_pluvio
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_0
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_1
    {
        background-color: #9A7D93;
    }
    div.dv_station_pluvio_2
    {
        background-color: #99CCFF;
    }
    div.dv_station_pluvio_3
    {
        background-color: #3A00FB;
    }
    div.dv_station_pluvio_4
    {
        background-color: #00FF1F;
    }
    div.dv_station_pluvio_5
    {
        background-color: #F9FF19;
    }
    div.dv_station_pluvio_6
    {
        background-color: #FDC913;
    }
    div.dv_station_pluvio_7
    {
        background-color: #FF8000;
    }
    div.dv_station_ofev
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_meteosuisse
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_piezo
    {
    }
    div.dv_station_piezo_none
    {
        content: url(triangle_no_data.png);
    }
    div.dv_station_piezo_0_10
    {
        content: url(triangle_0_10.png);
    }
    div.dv_station_piezo_10_90
    {
        content: url(triangle_10_90.png);
    }
    div.dv_station_piezo_90_100
    {
        content: url(triangle_90_100.png);
    }
    div.dv_station_piezo_small
    {
    }
    div.dv_station_piezo_small_none
    {
        content: url(triangle_small_no_data.png);
    }
    div.dv_station_piezo_small_0_10
    {
        content: url(triangle_small_0_10.png);
    }
    div.dv_station_piezo_small_10_90
    {
        content: url(triangle_small_10_90.png);
    }
    div.dv_station_piezo_small_90_100
    {
        content: url(triangle_small_90_100.png);
    }
    div.dv_station_0_5
    {
        background-color: #996633;
    }
    div.dv_station_5_25
    {
        background-color: #D48A45;
    }
    div.dv_station_25_75
    {
        background-color: #EFD7C1;
    }
    div.dv_station_75_95
    {
        background-color: #668FBC;
    }
    div.dv_station_95_100
    {
        background-color: #1A478B;
    }
    div.dv_station_etiage
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_etiage_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_etiage_vert
    {
        background-color: #99FF00;
    }
    div.dv_station_etiage_jaune
    {
        background-color: #FFFF66;
    }
    div.dv_station_etiage_orange
    {
        background-color: #FF9933;
    }
    div.dv_station_etiage_rouge
    {
        background-color: #FF0000;
    }
    div.dv_station_temperature
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_temperature_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_temperature_4
    {
        background-color: #0069A6;
    }
    div.dv_station_temperature_7
    {
        background-color: #009FCF;
    }
    div.dv_station_temperature_10
    {
        background-color: #4EBFDD;
    }
    div.dv_station_temperature_13
    {
        background-color: #98D4E1;
    }
    div.dv_station_temperature_16
    {
        background-color: #ECAD87;
    }
    div.dv_station_temperature_19
    {
        background-color: #E27F74;
    }
    div.dv_station_temperature_22
    {
        background-color: #C64E53;
    }
    div.dv_station_temperature_25
    {
        background-color: #9D3543;
    }
    div.dv_plot
    {
        width: 1000px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        border-radius: 5px;
    }
    div.dv_new
    {
        background-color: #FFDDAD;
    }
    div.dv_new_red
    {
        background-color: #FFFFFF;
        color: #FF0000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_green
    {
        background-color: #FFFFFF;
        color: #007403;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_black
    {
        background-color: #FFFFFF;
        color: #000000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_flow
    {
        background-color: #FFFFFF;
        margin-left: 40px;
        color: #3F8BB2;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_documents
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
    }
    div.dv_tab
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
        border-width: 0px;
        width: 90%;
    }
    div.dv_tab::after
    {
        background-color: #FF0000;
        color: #00FFFF;
        content: \25BC;
    }
    div.dv_tab_content
    {
        background-color: #F0F0F0;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 5px;
        margin-top: 5px;
        width: 90%;
    }
    div.dv_onglet_conteneur
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 6px;
        text-align: justify;
        margin: 5px;
    }
    div.dv_onglet_content
    {
        background-color: #D8D8D8;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 0px;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top: 0px;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    div.sql
    {
        margin-left: 20;
        margin-right: 20;
        font-family: verdana,arial,sans-serif;
        font-size: 10px;
        font-style: italic;
        text-align: left;
        background-color: #F0F0F0;
        white-space: pre;
        border-style: solid;
        border-width: 2px;
    }
    div.dv_log_ok
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #00FF00;
        vertical-align: middle;
        text-align: left;
        text-color: 000000;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_note
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FCFF9F;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_error
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FF8080;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_debug
    {
        border: 1px solid #a0a0a0;
        margin-left: 50px;
    }
    div.dv_visible
    {
        display: block;
    }
    span.sp_view_medium_and_big
    {
        display: inline;
    }
    span.sp_title
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        float: right;
        font-size: 28px;
    }
    span.sp_my_default
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        margin-top: 10px;
        margin-left: 5px;
    }
    span.sp_h2
    {
        font-family: verdana,arial,sans-serif;
        font-size: 24px;
    }
    span.sp_map_area
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: block;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: #E0E0FF;
        width: 100%;
        height: 439px;
    }
    span.sp_map_area_single
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: block;
        background-color: #E0E0FF;
        width: 80%;
        height: 320px;
    }
    span.sp_big
    {
        font-family: verdana,arial,sans-serif;
        font-size: 48px;
        font-weight: normal;
        color: #000000;
        vertical-align: center;
        horizontal-align: center;
    }
    span.sp_cell
    {
        display: inline-block;
        background-color: #F0F0F0;
        margin: 4px;
        font-family: verdana,arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        border-color: #202020;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        height: 22px;
        width: 60px;
        vertical-align: text-bottom;
        text-align: center;
        padding: 6px;
    }
    span.sp_icon_earth
    {
        font-family: 'Glyphicons Halflings';
        font-size: 14px;
        content: "\e135";
    }
    span.sp_icon_arrow_down
    {
        content: \25BC;
    }
    span.sp_tiny
    {
        font-family: verdana,arial,sans-serif;
        font-size: 7px;
    }
    ul
    {
        list-style: none;
    }
    ul.ul_files
    {
        list-style: square;
    }
    ul.ul_hidden
    {
        display: none;
    }
    ul.list_inline
    {
        list-style: none;
        margin-top: 12px;
    }
    ul.pull_right
    {
        float: right!important;
    }
    li.list_inline
    {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }
    li.list_files
    {
    }
    table.tb_hidden
    {
        display: hidden;
    }
    table.tb_form
    {
        padding: 5px;
        border: 1px solid #C0C0C0;
    }
    table.tb_select_station
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
    }
    table.tb_stations_list
    {
        width: 100%;
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
    }
    table.tb_resume
    {
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
        margin: 10px;
        margin-top: 0px;
    }
    table.tb_onglet
    {
        border: 0px solid #FFFFFF;
        border-spacing: 0px;
        border-collapse: separate;
        padding: 0px;
        spacing: 0px;
        margin: 0px;
    }
    table.table
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
    }
    table.tb_temps_retour
    {
        width: 90%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_valeurs
    {
        width: 90%;
        border: 1px solid #E0E0E0;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_q347
    {
        width: 50%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    th
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #DDDDDD;
        background: #606080;
        vertical-align: top;
    }
    th.list
    {
        vertical-align: top;
        text-align: left;
        color: #FFFFFF;
        height: 30px;
    }
    th.bleu
    {
        background: #0c3869;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
    }
    th.th_left
    {
        text-align: left;
    }
    th.th_form
    {
        font-family: verdana,arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #404040;
        background: #C0C0C0;
        padding: 8px;
        vertical-align: top;
    }
    th.th_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        background: #E0E0E0;
        padding: 4px;
        vertical-align: top;
    }
    th.th_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #F5F5F5;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_top
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 0px;
    }
    th.th_resume_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_rubrique
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
    }
    th.th_lien
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_temps_retour
    {
        background: #FFFFFF;
        color: #000000;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    th.th_valeurs_titre
    {
        background: #F0f0F0;
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    th.th_fixed
    {
        font-family: Lucida Console, monospace;
    }
    td.td_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #C0C0C0;
    }
    td.td_onglet
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #C0C0C0;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    td.td_onglet_right_discret
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 10px 20px 10px 20px;
        background: #F5F5F5;
        border: 1px solid #C0C0C0;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }
    td.td_onglet_selected
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #D8D8D8;
        border: 3px solid #FFFF00;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom: 0px;
    }
    td.td_right
    {
        text-align: right;
    }
    td.td_left
    {
        text-align: left;
    }
    td.td_center
    {
        text-align: center;
    }
    td.td_align_top
    {
        vertical-align: top;
    }
    td.td_align_bottom
    {
        vertical-align: bottom;
    }
    td.td_resume_name
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-right: 0px;
    }
    td.td_resume_valeur
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
    }
    td.td_legend_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_legende_value
    {
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_station_etiage_station_none
    {
        background-color: #BEBEBE;
    }
    td.td_station_etiage_station_vert
    {
        background-color: #99FF00;
    }
    td.td_station_etiage_station_jaune
    {
        background-color: #FFFF66;
    }
    td.td_station_etiage_station_orange
    {
        background-color: #FF9933;
    }
    td.td_station_etiage_station_rouge
    {
        background-color: #FF0000;
    }
    td.td_station_etiage_station_brun
    {
        background-color: #CD853F;
    }
    td.td_station_etiage_station_bleu
    {
        background-color: #00BFFF;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_valeurs
    {
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_valeurs_titre
    {
        color: #000000;
        text-align: left;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed
    {
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_inside_range
    {
        background-color: #C0F0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_outside_range
    {
        background-color: #C0C0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_new
    {
        background-color: #ECFE52;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        padding: 4px;
        vertical-align: top;
    }
    p
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-left: 10px;
    }
    p.map_titre
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin-left: 10px;
    }
    p.p_indent
    {
        margin-left: 50px;
        margin-right: 30px;
    }
    p.p_warning
    {
        background-color: #E0E0E0;
        padding: 10px;
    }
    a.a_station
    {
        color: #000000;
        font-size: 9px;
        text-decoration: None;
        font-weight: normal;
    }
    a.a_discret
    {
        color: #000000;
        text-decoration: None;
    }
    a.a_discret_white
    {
        color: #FFFFFF;
        text-decoration: None;
    }
    a.a_file
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
    }
    a.a_bottom_link
    {
        color: #000000;
        background-color: #E0E0E0;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #000000;
        border-radius: 2px;
    }
    form.form_inline
    {
        display: inline;
    }
    img.img_block
    {
        display: inline-block;
    }
    img.img_no_border
    {
        padding: 0;
        margin: 0;
        display: block;
    }
    header
    {
        padding: 10px;
        display: block;
    }
    footer
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        background-color: #F5F5F5;
        border-top: 1px solid #D5D5D5;
        margin-top: 20px;
        padding: 10px;
        display: block;
    }
    nav
    {
        height: 7px;
    }
    h1
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    h2
    {
        color: #000000;
        font-family: Arial,sans-serif;
        font-size: 23px;
        font-weight: normal;
    }
    button.bt_station
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    input.in_submit
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 80%;
        padding: 8px;
        color: #FFFFFF;
        background: #3C8A2E;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    ul.ul_arrow
    {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    li.li_arrow
    {
        display: inline;
    }
    a.a_arrow
    {
        color: #000000;
        font-family: arial,sans-serif;
        font-size: 13px;
        text-decoration: None;
        font-weight: normal;
    }
    div.dv_arrow
    {
        display: inline;
        background-color: #E0E0E0;
        border: 0px solid #808080;
        border-bottom: 1px solid #E0E0E0;
        position: relative;
        padding: 4px;
        margin-right: 15px;
    }
    div.dv_arrow:hover
    {
        background-color: #D0D0D0;
    }
    div.dv_arrow::after
    {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #E0E0E0;
        border-width: 12px;
    }
    div.dv_arrow:hover::after
    {
        border-left-color: #D0D0D0;
    }
    div.dv_arrow_mid::before
    {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        width: 0px;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: #E0E0E0;
        border-right-color: #E0E0E0;
        border-bottom-color: #E0E0E0;
        border-left-color: transparent;
        border-top-width: 12px;
        border-right-width: 0px;
        border-bottom-width: 12px;
        border-left-width: 12px;
    }
    div.dv_arrow:hover::before
    {
        border-top-color: #D0D0D0;
        border-right-color: #D0D0D0;
        border-bottom-color: #D0D0D0;
    }
}
/* ******************************************** [ Mobile - low res ] **************************** */
@media handheld, only screen and (max-width: 479px), only screen and (max-device-width: 479px)
{
    .view_wide
    {
        display: none;
    }
    .view_narrow
    {
    }
    .title_bar
    {
        display: none;
    }
    .title_bar_small
    {
        color: #000000;
        height: 5px;
    }
    html
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
    }
    body
    {
        /*background-color: #F4F4F4;*/
        /*background-image: none;*/
        font-size: 28px;
        margin: 2px;
    }
    div.dv_titre
    {
        text-align: center;
        font-size: 28px;
    }
    div.dv_titre1
    {
        font-size: 24px;
    }
    div.dv_container
    {
    }
    div.dv_container_fluid
    {
        padding: 10px;
    }
    div.dv_menu
    {
        font-size: 48px;
    }
    div.dv_view_small
    {
        display: block;
    }
    div.dv_view_big
    {
        display: none;
    }
    div.dv_selector
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        margin: 5px;
        margin-top: 20px;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_selector_secteur
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 0px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        text-align: center;
        border: 4px solid #006699;
        border-radius: 8px;
    }
    div.dv_secteur_station
    {
        font-family: arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #E0E0E0;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_map
    {
        background-color: #FFF0E0;
        width: 100%;
        height: 387px;
    }
    div.dv_map_bottom
    {
        background-color: #FFFFFF;
        height: 52px;
    }
    div.dv_hidden
    {
        display: none;
    }
    div.dv_white
    {
        padding: 10px;
        background-color: #FFFFFF;
    }
    div.dv_central
    {
        margin: 20px;
    }
    div.dv_indent
    {
        margin-left: 50px;
        margin-right: 20px;
    }
    div.dv_disclamer
    {
        background-color: #F0F0F0;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FF0000;
        margin: 0px;
        padding: 12px;
        text-align: center;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
    div.div_note
    {
        background-color: #E4FEFE;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_warning
    {
        background-color: #FFA94D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_error
    {
        background-color: #E3C5FF;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #000000;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.div_alarm
    {
        background-color: #FF5E4D;
        border-color: #D0D0D0;
        border-width: 1px;
        border-style: solid;
        color: #FFFFFF;
        margin: 5px;
        margin-left: 50px;
        margin-right: 50px;
        padding: 12px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_station
    {
        background-color: #FFFF00;
        height: 17px;
        width: 17px;
        border-color: #606060;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_small
    {
        background-color: #FFFF00;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_list
    {
        display: inline-block;
        background-color: #FFFF00;
        height: 30px;
        width: 30px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_pluvio
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_0
    {
        background-color: #FFFFFF;
    }
    div.dv_station_pluvio_1
    {
        background-color: #9A7D93;
    }
    div.dv_station_pluvio_2
    {
        background-color: #99CCFF;
    }
    div.dv_station_pluvio_3
    {
        background-color: #3A00FB;
    }
    div.dv_station_pluvio_4
    {
        background-color: #00FF1F;
    }
    div.dv_station_pluvio_5
    {
        background-color: #F9FF19;
    }
    div.dv_station_pluvio_6
    {
        background-color: #FDC913;
    }
    div.dv_station_pluvio_7
    {
        background-color: #FF8000;
    }
    div.dv_station_ofev
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_meteosuisse
    {
        background-color: #B2D00E;
        height: 9px;
        width: 9px;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
    }
    div.dv_station_piezo
    {
    }
    div.dv_station_piezo_none
    {
        content: url(triangle_no_data.png);
    }
    div.dv_station_piezo_0_10
    {
        content: url(triangle_0_10.png);
    }
    div.dv_station_piezo_10_90
    {
        content: url(triangle_10_90.png);
    }
    div.dv_station_piezo_90_100
    {
        content: url(triangle_90_100.png);
    }
    div.dv_station_piezo_small
    {
    }
    div.dv_station_piezo_small_none
    {
        content: url(triangle_small_no_data.png);
    }
    div.dv_station_piezo_small_0_10
    {
        content: url(triangle_small_0_10.png);
    }
    div.dv_station_piezo_small_10_90
    {
        content: url(triangle_small_10_90.png);
    }
    div.dv_station_piezo_small_90_100
    {
        content: url(triangle_small_90_100.png);
    }
    div.dv_station_0_5
    {
        background-color: #996633;
    }
    div.dv_station_5_25
    {
        background-color: #D48A45;
    }
    div.dv_station_25_75
    {
        background-color: #EFD7C1;
    }
    div.dv_station_75_95
    {
        background-color: #668FBC;
    }
    div.dv_station_95_100
    {
        background-color: #1A478B;
    }
    div.dv_station_etiage
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_etiage_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_etiage_vert
    {
        background-color: #99FF00;
    }
    div.dv_station_etiage_jaune
    {
        background-color: #FFFF66;
    }
    div.dv_station_etiage_orange
    {
        background-color: #FF9933;
    }
    div.dv_station_etiage_rouge
    {
        background-color: #FF0000;
    }
    div.dv_station_temperature
    {
        background-color: #FF0000;
        height: 12px;
        width: 12px;
        border-color: #808080;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
    }
    div.dv_station_temperature_none
    {
        background-color: #FFFFFF;
    }
    div.dv_station_temperature_4
    {
        background-color: #0069A6;
    }
    div.dv_station_temperature_7
    {
        background-color: #009FCF;
    }
    div.dv_station_temperature_10
    {
        background-color: #4EBFDD;
    }
    div.dv_station_temperature_13
    {
        background-color: #98D4E1;
    }
    div.dv_station_temperature_16
    {
        background-color: #ECAD87;
    }
    div.dv_station_temperature_19
    {
        background-color: #E27F74;
    }
    div.dv_station_temperature_22
    {
        background-color: #C64E53;
    }
    div.dv_station_temperature_25
    {
        background-color: #9D3543;
    }
    div.dv_plot
    {
        width: 1000px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        border-radius: 5px;
    }
    div.dv_new
    {
        background-color: #FFDDAD;
    }
    div.dv_new_red
    {
        background-color: #FFFFFF;
        color: #FF0000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_green
    {
        background-color: #FFFFFF;
        color: #007403;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_black
    {
        background-color: #FFFFFF;
        color: #000000;
        margin-left: 40px;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_new_flow
    {
        background-color: #FFFFFF;
        margin-left: 40px;
        color: #3F8BB2;
        text-align: left;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
    }
    div.dv_documents
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
    }
    div.dv_tab
    {
        background-color: #3C8A2E;
        color: #FFFFFF;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 10px;
        vertical-align: middle;
        text-align: left;
        margin: 5px;
        margin-top: 10px;
        border-width: 0px;
        width: 90%;
    }
    div.dv_tab::after
    {
        background-color: #FF0000;
        color: #00FFFF;
        content: \25BC;
    }
    div.dv_tab_content
    {
        background-color: #F0F0F0;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 5px;
        margin-top: 5px;
        width: 90%;
    }
    div.dv_onglet_conteneur
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        padding: 6px;
        text-align: justify;
        margin: 5px;
    }
    div.dv_onglet_content
    {
        background-color: #D8D8D8;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        display: none;
        padding: 10px;
        text-align: justify;
        margin: 0px;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top: 0px;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    div.sql
    {
        margin-left: 20;
        margin-right: 20;
        font-family: verdana,arial,sans-serif;
        font-size: 10px;
        font-style: italic;
        text-align: left;
        background-color: #F0F0F0;
        white-space: pre;
        border-style: solid;
        border-width: 2px;
    }
    div.dv_log_ok
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #00FF00;
        vertical-align: middle;
        text-align: left;
        text-color: 000000;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_note
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FCFF9F;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_log_error
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        padding-left: 5%;
        margin-top: 5px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        background: #FF8080;
        vertical-align: middle;
        text-align: left;
        border: 0px solid;
        border-radius: 8px;
    }
    div.dv_debug
    {
        border: 1px solid #a0a0a0;
        margin-left: 50px;
    }
    div.dv_visible
    {
        display: block;
    }
    span.sp_view_medium_and_big
    {
        display: none;
    }
    span.sp_title
    {
        background-color: #FFFFFF;
        color: #000000;
        font-family: verdana,arial,sans-serif;
        float: right;
        font-size: 24px;
    }
    span.sp_my_default
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        margin-top: 10px;
        margin-left: 5px;
    }
    span.sp_h2
    {
        font-family: verdana,arial,sans-serif;
        font-size: 20px;
    }
    span.sp_map_area
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: #E0E0FF;
        width: 100%;
        height: 480px;
    }
    span.sp_map_area_single
    {
        border-color: #C0C0C0;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px;
        display: block;
        background-color: #E0E0FF;
        width: 100%;
        height: 300px;
    }
    span.sp_big
    {
        font-family: verdana,arial,sans-serif;
        font-size: 48px;
        font-weight: normal;
        color: #000000;
        vertical-align: center;
        horizontal-align: center;
    }
    span.sp_cell
    {
        display: inline-block;
        background-color: #F0F0F0;
        margin: 4px;
        font-family: verdana,arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        border-color: #202020;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        height: 22px;
        width: 60px;
        vertical-align: text-bottom;
        text-align: center;
    }
    span.sp_icon_earth
    {
        font-family: 'Glyphicons Halflings';
        font-size: 14px;
        content: "\e135";
    }
    span.sp_icon_arrow_down
    {
        content: \25BC;
    }
    span.sp_tiny
    {
        font-family: verdana,arial,sans-serif;
        font-size: 7px;
    }
    ul
    {
        list-style: none;
    }
    ul.ul_files
    {
        list-style: square;
    }
    ul.ul_hidden
    {
        display: none;
    }
    ul.list_inline
    {
        list-style: none;
        margin-top: 20px;
    }
    ul.pull_right
    {
        float: right!important;
    }
    li.list_inline
    {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }
    li.list_files
    {
    }
    table.tb_hidden
    {
        display: hidden;
    }
    table.tb_form
    {
        padding: 5px;
        border: 1px solid #C0C0C0;
    }
    table.tb_select_station
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
        width: 100%;
    }
    table.tb_stations_list
    {
        width: 100%;
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
    }
    table.tb_resume
    {
        border: 1px solid #C0C0C0;
        border-collapse: collapse;
        margin: 10px;
        margin-top: 0px;
    }
    table.tb_onglet
    {
        border: 0px solid #FFFFFF;
        border-spacing: 0px;
        border-collapse: separate;
        padding: 0px;
        spacing: 0px;
        margin: 0px;
    }
    table.table
    {
        padding: 0px;
        border: 1px;
        border-spacing: 0px;
    }
    table.tb_temps_retour
    {
        width: 90%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_valeurs
    {
        width: 90%;
        border: 1px solid #E0E0E0;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    table.tb_q347
    {
        width: 50%;
        border: 2px solid #000000;
        border-collapse: collapse;
        padding: 0px;
        spacing: 0px;
    }
    th
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #DDDDDD;
        background: #606080;
        vertical-align: top;
    }
    th.list
    {
        vertical-align: top;
        text-align: left;
        color: #FFFFFF;
        height: 30px;
    }
    th.bleu
    {
        background: #0c3869;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
    }
    th.th_left
    {
        text-align: left;
    }
    th.th_form
    {
        font-family: verdana,arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #404040;
        background: #C0C0C0;
        padding: 8px;
        vertical-align: top;
    }
    th.th_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        background: #E0E0E0;
        padding: 4px;
        vertical-align: top;
    }
    th.th_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #F5F5F5;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_top
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 0px;
    }
    th.th_resume_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
    }
    th.th_resume_rubrique
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #000000;
        background: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
    }
    th.th_lien
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    th.th_temps_retour
    {
        background: #FFFFFF;
        color: #000000;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    th.th_valeurs_titre
    {
        background: #F0f0F0;
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    th.th_fixed
    {
        font-family: Lucida Console, monospace;
    }
    td.td_stations_list
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #C0C0C0;
    }
    td.td_onglet
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #C0C0C0;
        border: 3px solid #FF0000;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom-color: #989898;
    }
    td.td_onglet_right_discret
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 10px 20px 10px 20px;
        background: #F5F5F5;
        border: 1px solid #C0C0C0;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }
    td.td_onglet_selected
    {
        font-family: arial,sans-serif;
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        spacing: 0px;
        background: #D8D8D8;
        border: 3px solid #FFFF00;
        border-left-color: #F0F0F0;
        border-top-color: #C8C8C8;
        border-right-color: #A8A8A8;
        border-bottom: 0px;
    }
    td.td_right
    {
        text-align: right;
    }
    td.td_left
    {
        text-align: left;
    }
    td.td_center
    {
        text-align: center;
    }
    td.td_align_top
    {
        vertical-align: top;
    }
    td.td_align_bottom
    {
        vertical-align: bottom;
    }
    td.td_resume_name
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-right: 0px;
    }
    td.td_resume_valeur
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        background: #FFFFFF;
        border: 1px solid #C0C0C0;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
    }
    td.td_legend_titre
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_legende_value
    {
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 0px;
        background: #FFFFFF;
        border: none;
    }
    td.td_station_etiage_station_none
    {
        background-color: #BEBEBE;
    }
    td.td_station_etiage_station_vert
    {
        background-color: #99FF00;
    }
    td.td_station_etiage_station_jaune
    {
        background-color: #FFFF66;
    }
    td.td_station_etiage_station_orange
    {
        background-color: #FF9933;
    }
    td.td_station_etiage_station_rouge
    {
        background-color: #FF0000;
    }
    td.td_station_etiage_station_brun
    {
        background-color: #CD853F;
    }
    td.td_station_etiage_station_bleu
    {
        background-color: #00BFFF;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_temps_retour
    {
        color: #3F8BB2;
        text-align: right;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #C0C0C0;
        border-left: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
    td.td_valeurs
    {
        color: #000000;
        text-align: center;
        font-family: arial,sans-serif;
        font-size: 12px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_valeurs_titre
    {
        color: #000000;
        text-align: left;
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed
    {
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_inside_range
    {
        background-color: #C0F0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_outside_range
    {
        background-color: #C0C0C0;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_fixed_new
    {
        background-color: #ECFE52;
        color: #000000;
        text-align: center;
        font-family: Lucida Console;
        font-size: 11px;
        padding: 5px;
        border: 1px solid #E0E0E0;
    }
    td.td_form_soft
    {
        font-family: verdana,arial,sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #404040;
        padding: 4px;
        vertical-align: top;
    }
    p
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-left: 10px;
    }
    p.map_titre
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        margin-left: 10px;
    }
    p.p_indent
    {
        margin-left: 50px;
        margin-right: 30px;
    }
    p.p_warning
    {
        background-color: #E0E0E0;
        padding: 10px;
    }
    a.a_station
    {
        color: #000000;
        font-size: 9px;
        text-decoration: None;
        font-weight: normal;
    }
    a.a_discret
    {
        color: #000000;
        text-decoration: None;
    }
    a.a_discret_white
    {
        color: #FFFFFF;
        text-decoration: None;
    }
    a.a_file
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
    }
    a.a_bottom_link
    {
        color: #000000;
        background-color: #E0E0E0;
        font-size: 15px;
        text-decoration: None;
        font-weight: normal;
        padding: 5px;
        border: 1px solid #000000;
        border-radius: 2px;
    }
    form.form_inline
    {
        display: inline;
    }
    img.img_block
    {
        display: inline-block;
    }
    img.img_no_border
    {
        padding: 0;
        margin: 0;
        display: block;
    }
    header
    {
        padding: 10px;
        display: block;
    }
    footer
    {
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        background-color: #F5F5F5;
        border-top: 1px solid #D5D5D5;
        margin-top: 20px;
        padding: 10px;
        display: block;
    }
    nav
    {
        height: 7px;
    }
    h1
    {
        color: #000000;
        font-family: verdana,arial,sans-serif;
        font-size: 18px;
    }
    h2
    {
        color: #000000;
        font-family: Arial,sans-serif;
        font-size: 23px;
        font-weight: normal;
    }
    button.bt_station
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        padding: 8px;
        color: #FFFFFF;
        background: #006699;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    input.in_submit
    {
        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        width: 80%;
        padding: 8px;
        color: #FFFFFF;
        background: #3C8A2E;
        vertical-align: middle;
        border: 1px solid #C0C0C0;
    }
    ul.ul_arrow
    {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    li.li_arrow
    {
        display: inline;
    }
    a.a_arrow
    {
        color: #000000;
        font-family: arial,sans-serif;
        font-size: 10px;
        text-decoration: None;
        font-weight: normal;
    }
    div.dv_arrow
    {
        display: inline;
        background-color: #E0E0E0;
        border: 0px solid #808080;
        border-bottom: 1px solid #E0E0E0;
        position: relative;
        padding: 4px;
        margin-right: 15px;
    }
    div.dv_arrow:hover
    {
        background-color: #D0D0D0;
    }
    div.dv_arrow::after
    {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #E0E0E0;
        border-width: 10px;
    }
    div.dv_arrow:hover::after
    {
        border-left-color: #D0D0D0;
    }
    div.dv_arrow_mid::before
    {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        width: 0px;
        height: 0;
        border-style: solid;
        top: 0px;
        border-top-color: #E0E0E0;
        border-right-color: #E0E0E0;
        border-bottom-color: #E0E0E0;
        border-left-color: transparent;
        border-top-width: 10px;
        border-right-width: 0px;
        border-bottom-width: 10px;
        border-left-width: 10px;
    }
    div.dv_arrow:hover::before
    {
        border-top-color: #D0D0D0;
        border-right-color: #D0D0D0;
        border-bottom-color: #D0D0D0;
    }
}
th.th_vh
{
    border-bottom: 3px solid #3C8A2E;
}
th.th_light
{
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    color: #000000;
    background: transparent;
    width: 280px;
}
th.th_light_narrow_mid
{
    width: 180px;
}
td.td_vh
{
    border-top: 3px solid #3C8A2E;
}
nav.nav_vh
{
    background-color: #FF7700;
}
fieldset.fs_table_footer
{
    background-color: #D3DCE3;
}
fieldset.fs_table
{
    background-color: #DFDFE8;
}
fieldset.fs_table_footer_wide
{
    background-color: #D3DCE3;
    width: 750px;
}
fieldset.fs_table_wide
{
    background-color: #DFDFE8;
    width: 750px;
}
button.bt_nav
{
    background-color: #E1D1D1;
}
button.bt_nav:hover
{
    background-color: #D6BABA;
}
svg text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
svg text::selection {
    background: none;
}
table
{
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
}
h1
{
    font-family: verdana,arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    text-decoration: none;
}
h2
{
    font-family: verdana,arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background: #E0E0E0;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
h3
{
    font-family: verdana,arial,sans-serif;
    font-size: 14px;
    margin-left: 10px;
}
h4
{
    font-family: verdana,arial,sans-serif;
    font-size: 14px;
}
h5
{
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
}
tr
{
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
}
div.cell
{
    display: inline-block;
    margin: 5px;
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    font-weight: bold;
    /* border-color: #9C027A; */
    border-color: #818181;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    height: 180px;
    width: 180px;
    vertical-align: text-bottom;
    text-align: center;
}
div.cell:hover
{
    border-color: #000000;
    background: #E0E0E0;
}
img.cell
{
    margin-top: 10px;
    max-height: 150px;
    max-width: 150px;
}