/* style utilisé pour le titre général */
.classe1 { color: #009a00; font-weight: bold; font-size: 8pt; line-height: 10pt; font-family: verdana; text-decoration: underline; padding-left: 8px }
/*style utilisé pour les titres du tableau */
.classe2  { color: #2a5f9f; font-weight: bold; font-size: 7pt; line-height: 7pt; font-family: verdana; text-decoration: none }
/*style utilisé pour les titres indice et episode */
.classe22   { color: #e5731b; font-weight: bold; font-size: 7pt; line-height: 7pt; font-family: verdana }
/* style utilisé pour le fond du cadre indice de la qualité de l'air 
*/
.table_girafe { background: white; background-image: url("/images/fdstab.gif"); background-position: center; background-repeat: no-repeat}
/* style utilisé pour les indices atmo */
.classe3   { font-weight: bold; font-size: 16pt; line-height: 16pt; font-family: Verdana; text-decoration: none }
td.classe3 { width: 30px; }
/* sytle utilisé pour indice atmo 13:00 */
.classe4 {font-family: Verdana; font-weight: bold; font-size: 5pt; line-height: 5pt; text-decoration: none }
/*style utilisé lorsqu'il n'y a pas d'épisode de pollution */
.classe2a  { color: #639ce7; font-weight: bold; font-size: 7pt; line-height: 7pt; font-family: verdana; background: no-repeat center;text-decoration: none; }
A.classe2a  { color: #639ce7; font-weight: bold; font-size: 7pt; line-height: 7pt; font-family: verdana; background: no-repeat center;text-decoration: none; }
/* style utilisé lorsqu'il y a un épisode de pollution */
.classe2b     { background: url(/images/attention.jpg) no-repeat center }
/* style utilisé lorsqu'il n'y a pas de procédure d'alerte ou d'info */
.classe2c { color: #fff; font-weight: bold; font-size: 7pt; line-height: 7pt; font-family: verdana; text-decoration:none; }
/* style utilisé lorsqu'il y aune procédure d'alerte ou d'info */
.classe2d  {font-weight: bold; font-size: 7pt; line-height: 7pt; font-family: verdana;text-decoration:none; }
/* style utilisé pour les sousrubriques de la page indice_atmo*/
.sousrubriq   { color: #205182; font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: verdana; padding-left: 8pt }
/* style utilisé pour les avertissements*/
.avertissements  { color: #639ce7; font-weight: bold; font-size: 7pt; line-height: 10pt; font-family: verdana }
/* style utilisé pour les menus historique, bulletin, pollens... */
.classe5       { color: #639ce7; font-weight: bolder; font-size: 7pt; line-height: 10pt; font-family: verdana, helvetica; text-decoration: none; text-align: justify }
/* ou */
.classe6 { color: #000; font-size: 8pt; line-height: 11pt; font-family: helvetica, verdana; text-align: justify }
/* style utilisé pour les rubriques En Bref*/
.classe7        { color: #205182; font-weight: bolder; font-size: 8pt; font-family: verdana, helvetica; text-decoration: none; padding-left: 8px }
/* style utilisé pour les rubriques Le saviez-vous*/
.classe8   { color: #639ce7; font-weight: bolder; font-size: 7pt; line-height: 10pt; font-family: verdana, helvetica; text-decoration: none; text-align: center }
/*.tab1 {background-position: center; background-repeat: no-repeat}*/
/*.classe1b { font-weight: bold; font-size: 10pt; line-height: 10pt; font-family: Verdana }*/
/* Styles utilisés pour la présentation des pages contenant des indices */
.indice-head {
    background: url(/indices/images/ptrech.gif) no-repeat;
    width: 433px; height: 25px;
    padding: 5px 0 0 34px;
    margin: 0;
    vertical-align: middle;
    color: #7dade6;
    font: bold 11px Verdana, Arial, Helvetica;
}

.indice-titre {
    background: url(/indices/images/stindice.gif) no-repeat;
    width: 433px; height: 25px;
    padding: 5px 0 0 6px;
    margin: 10px 0;
    vertical-align: middle;
    color: #6381CE;
    font: bold 11px Verdana, Arial, Helvetica;
}

/*
 * Styles pour les couleurs de l'indice ATMO
 */
.indice-1,  A.indice-1,  A.indice-1:visited,
.indice-2,  A.indice-2,  A.indice-2:visited,
.indice-3,  A.indice-3,  A.indice-3:visited,
.indice-4,  A.indice-4,  A.indice-4:visited  { color: #78c481; }
A.indice-1:hover, A.indice-2:hover, A.indice-3:hover, A.indice-4:hover {
    color: #58a461;
}
.indice-5,  A.indice-5,  A.indice-5:visited,
.indice-6,  A.indice-6,  A.indice-6:visited,
.indice-7,  A.indice-7,  A.indice-7:visited  { color: #f7941d; }
A.indice-5:hover, A.indice-6:hover, A.indice-7:hover {
    color: #d77400;
}

.indice-8,  A.indice-8,  A.indice-8:visited,
.indice-9,  A.indice-9,  A.indice-9:visited,
.indice-10, A.indice-10, A.indice-10:visited { color: #de3721; }
A.indice-8:hover, A.indice-9:hover, A.indice-10:hover {
    color: #be1701;
}

/* Couleurs de fond */
.bg_indice-1, .bg_indice-2, .bg_indice-3, .bg_indice-4 {
    background-color: #78c481;
    color: black;
}
.bg_indice-5, .bg_indice-6, .bg_indice-7 {
    background-color: #f7941d;
    color: black;
}
.bg_indice-8, .bg_indice-9, .bg_indice-10 {
    background-color: #de3721;
    color: white;
}


/*
 * Styles pour les couleurs de l'indice CARTO
 */
.indcarto-1,  A.indcarto-1,  A.indcarto-1:visited,
.indcarto-2,  A.indcarto-2,  A.indcarto-2:visited {
    color: #99c6eb;
}
A.indcarto-1:hover, A.indcarto-2:hover {
    color: #77a6cb;
}
.indcarto-3,  A.indcarto-3,  A.indcarto-3:visited,
.indcarto-4,  A.indcarto-4,  A.indcarto-4:visited {
    color: #0073b9;
}
A.indcarto-3:hover, A.indcarto-4:hover {
    color: #005399;
}
.indcarto-5,  A.indcarto-5,  A.indcarto-5:visited {
    color: #76c37d;
}
A.indcarto-5:hover {
    color: #56a35d;
}
.indcarto-6,  A.indcarto-6,  A.indcarto-6:visited,
.indcarto-7,  A.indcarto-7,  A.indcarto-7:visited  {
    color: #f8ed00;
}
A.indcarto-5:hover, A.indcarto-6:hover, A.indcarto-7:hover {
    color: #d8cd00;
}

.indcarto-8,  A.indcarto-8,  A.indcarto-8:visited,
.indcarto-9,  A.indcarto-9,  A.indcarto-9:visited {
    color: #ee9b00;
}
A.indcarto-8:hover, A.indcarto-9:hover {
    color: #ce7b00;
}
.indcarto-10, A.indcarto-10, A.indcarto-10:visited {
    color: #d52a1f;
}
A.indcarto-10:hover {
    color: #b50a00;
}

/* Couleurs de fond */
.bg_indcarto-1, .bg_indcarto-2 {
    background-color: #99c6eb;
    color: #175079;
}
.bg_indcarto-3, .bg_indcarto-4 {
    background-color: #0073b9;
    color: white;
}
.bg_indcarto-5 {
    background-color: #76c37d;
    color: black;
}
.bg_indcarto-6, .bg_indcarto-7 {
    background-color: #f8ed00;
    color: #175079;
}
.bg_indcarto-8, .bg_indcarto-9{
    background-color: #ee9b00;
    color: white;
}
.bg_indcarto-10 {
    background-color: #d52a1f;
    color: white;
}



.ss-alerte, A.ss-alerte:visited { color: #639ce7;; }
A.ss-alerte:hover               { color: #2a5f9f; }
.risque, A.risque:visited       { color: orange; }
A.risque:hover {
    color: white;
    background-color: orange;
}
.alerte, a.alerte:visited       { color: red ;}
A.alerte:hover {
    color: white;
    background-color: red;
}

/*styles spécifiques à l'étude exposition individuelle*/
.titre_expo   { color: white; font-weight: bold; font-size: 9pt; line-height: 10pt; font-family: verdana; padding-left: 8pt }
.texte_expo {
    color: white;
    height: 15px;
}
.texte_expo A, .texte_expo A:visited, .texte_expo A:hover {
    font-weight: bolder; font-size: 7pt; font-family: verdana, helvetica;
    color: #205182;  text-decoration: none;
}
.texte_expo A:hover {
    color: #C3DEFF;
}