/*
	AtmoPACA style
	© 2008 Simalis
	Service WebDesign
*/
/* tags html
-------------------------------------------------------*/
* {
    font-size: 11px;
    font-family: "Trebuchet MS", Verdana, Arial
    }
html, body {
    margin: 0;
    padding: 0;
    border: 0 none;
    width: 100%
    }
body {
    /*background:#fff url(../images/header_bg.jpg) repeat-x 0 0 ;*/
    backround: #fff;
    color: #000;
    line-height: 1.5em
    }
.bodyFicheDoc {
    background: #fff
    }
h1, h2, h3, h4, h5, h6, p {
    margin: 1em 0;
    padding: 0
    }
h1, h2, h3, h4, h5, h6 {
    color: #EB6909
    }
h1 {
    font-size: 1.6em
    }
h2 {
    font-size: 1.4em
    }
h3 {
    font-size: 1.2em
    }
h4 {
    font-size: 1em
    }
h5 {
    font-size: 0.9em
    }
h6 {
    font-size: 0.8em
    }
td {
    font-size: 1em
    }
a {
    font-weight: bolder;
    color: #0067A1;
    text-decoration: none
    }
a:hover {
    color: #A6C7DA;
    text-decoration: underline
    }
img {
    border: 0 none
    }
fieldset {
    padding: 10px 20px;
    margin: 1em 0.5em
    }
legend {
    font-size: 1.2em;
    font-weight: bolder;
    color: #0067A1;
    padding: 5px
    }
input, select, textarea {
    font: 11px "Trebuchet MS", Verdana, Arial
    }
select option {
    background: #f0f0f0
    }
/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a {
    outline: none
    }
:focus {
    -moz-outline-style: none
    }
/* class generales
-------------------------------------------------------*/
.showbloc {
    display: block
    }
.hidebloc {
    display: none
    }
.nomarge {
    padding: 0;
    margin: 0
    }
.alignright {
    text-align: right
    }
.aligncenter {
    text-align: center
    }
.title {
    background: transparent url(../images/h2_bg.gif) no-repeat 0 0;
    padding: 2px 0 0 35px
    }
.wash {
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0 none;
    width: 100%
    }
#site {
    width: 1250px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -625px
    }
/* header
-------------------------------------------------------*/
.header {
    padding: 6px 0 0 0;
    margin: 0 auto;
    width: 990px;
    height: 99px
    }
.header h1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 285px;
    height: 54px;
    /*background:transparent url(../images/logo_atmopaca.gif) no-repeat center center ;*/
    text-indent: -9999em
    }
/* champ de recherche */
.searchbox {
    float: right;
    margin: 0;
    padding: 2px 0 0;
    /*	width:180px;
    	height:26px;*/
    /*	background:transparent url(../images/searchbox.gif) no-repeat 0 0;*/
    text-align: center
    }
.searchbox #keyword {
    border: 1px solid #299DDC;
    background: #CBE1F5;
    color: #25a2cf
    }
.searchbox #keyword:focus {
    background-color: #fff
    }
.searchbox label {
    display: none
    }
.searchbox input {
    font-size: 0.8em;
    height: 14px
    }
#gosearch {
    background: transparent url(../images/gosearch.gif) no-repeat center center;
    width: 18px;
    height: 18px;
    border: none;
    text-indent: -9999em;
    cursor: pointer
    }
/* lien de la visite guidée */
p.firstvisit {
    clear: left;
    float: left;
    margin: 0;
    padding: 2px 0 0 7px;
    height: 20px;
    width: 97px;
    background: transparent url(../images/firstvisit.gif) no-repeat 0 0
    }
p.firstvisit a {
    color: #fff;
    text-decoration: none;
    font-size: 11px
    }
p.firstvisit a:hover {
    text-decoration: underline
    }
/* 3 liens de droite */
ul.headlinks {
    clear: right;
    float: right;
    margin: 0;
    padding: 2px 0 0 0;
    width: 150px
    }
ul.headlinks li {
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
    width: 130px;
    height: 21px;
    text-align: right;
    font-size: 1em
    }
ul.headlinks li a {
    display: block;
    margin: 0;
    padding: 2px 0 0 0;
    height: 19px;
    color: #fff;
    text-decoration: none
    }
ul.headlinks li a:hover {
    color: #F2CC4A
    }
ul.headlinks li.lien03 {
    background: transparent url(../images/lien03.png) no-repeat 0 0;
    behavior: url(/css/iepngfix.htc)
    }
ul.headlinks li.lien02 {
    background: transparent url(../images/lien02.png) no-repeat 0 0;
    behavior: url(/css/iepngfix.htc)
    }
ul.headlinks li.lien01 {
    height: 38px;
    background: transparent url(../images/lien01.png) no-repeat 0 0
    }
ul.headlinks li.lien01 a {
    display: block;
    padding: 2px 10px 0 45px;
    height: 36px;
    width: 85px;
    background: transparent url(../images/lien01.gif) no-repeat 5px -1px
    }
/* menu
-------------------------------------------------------*/
.menu {
    margin: 0 auto;
    padding: 0;
    height: 45px;
    background: transparent url(../images/menu_bg.jpg) no-repeat center top
    }
.content_menu {
    width: 990px;
    height: 54px;
    margin: 0 auto
    }
.menu ul {
    margin: 0;
    padding: 0;
    width: 990px;
    list-style: none;
    position: relative
    }
.menu ul li {
    margin: 0;
    padding: 0;
    display: inline;
    height: 25px;
    float: left
    }
.menu ul li a {
    display: block;
    float: left;
    margin: 0;
    width: auto;
    height: 18px;
    padding: 5px 10px 2px 10px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
    }
.menu ul li a:hover {
    background: #00A6DA;
    border-bottom: 2px solid #00A6DA
    }
.menu ul li a.inpage {
    background: transparent url(../images/inpage.gif) no-repeat center bottom;
    color: #F2CC4A;
    border: none
    }
.menu ul li ul {
    /* second-level lists */
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    /*	width:990px;
    	left: 50%;
    	margin-left:-495px;*/
    }
.menu ul li ul li {
    font-size: 0.9em;
    background: transparent url(../images/menu_separateur.gif) no-repeat right 6px;
    padding-right: 1px
    }
.menu ul li ul li a {
    display: block;
    margin: 0;
    padding: 3px 5px 0 5px;
    height: 17px;
    border: none
    }
.menu ul li ul li a:hover {
    background: #CBE1F5;
    /*F2CC4A;*/
    color: #0067A1;
    border: none
    }
.menu ul li ul li a.insouspage {
    background: transparent url(../images/insouspage.gif) no-repeat center bottom;
    color: #F2CC4A;
    border: none
    }
.menu li > ul {
    /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
    /*	top: auto;
    	left: auto;*/
    }
/*.menu li:hover ul, li.over ul { /* lists nested under hovered list items 
	display: block;
}*/
/* contenu
-------------------------------------------------------*/
#content {
    clear: left
    }
div.contenu {
    padding: 0 10px;
    margin: 0 auto;
    width: 970px;
    background: transparent url(../images/filigrane.jpg) no-repeat right 50px
    }
/* sous contenu */
.subcontent {
    margin-left: 220px
    }
/* liens vers les archives des pics et indices de pollution */
.archives_link {
    text-align: right
    }
.archives_link a {
    background: transparent url(../images/archives_24.gif) no-repeat 0 center;
    padding: 10px 0 10px 30px
    }
.back_link {
    text-align: right
    }
.back_link a {
    background: transparent url(../images/archives_24.gif) no-repeat 0 center;
    padding: 10px 0 10px 30px
    }
/* tabs les onglets du contenu */
#tabs {
    border-bottom: 1px solid #0085CA;
    z-index: 1;
    padding: 10px 0 0 0;
    margin: 0;
    list-style: none;
    overflow: hidden
    }
#tabs li {
    float: left;
    padding: 0 5px 0 0;
    margin: 0
    }
.hideBloc {
    height: 0;
    /*	width:10px;*/
    overflow: hidden;
    /*	border:1px solid red;*/
    }
#tabs li a, #tabs li.active a {
    display: block;
    float: left;
    padding: 5px 10px 0;
    margin: 0;
    width: auto;
    background: #65B7DF;
    color: #fff;
    font-size: 12px
    }
#tabs li.active a {
    background: #0085CA
    }
#tabs a:hover {
    color: #fff;
    background: #EB6909
    }
#tabs li.active a:hover {
    text-decoration: none;
    color: #fff
    }
#tabs li a em {
    display: none
    }
#tabs li.active a em {
    display: inline;
    font-style: normal
    }
/* la carte les mesures */
.iframemap, .iframechart, .iframedownload {
    width: 100%;
    border-top: 1px solid #FDD448;
    border-top: none;
    overflow: hidden
    }
.iframemap {
    height: 442px
    }
.iframechart {
    height: 560px
    }
.iframedownload {
    height: 420px
    }
.iframeHidden {
    height: 0
    }
/* home */
ul#home_onglet {
    padding: 10px 0 0 0;
    margin: 0;
    list-style: none;
    height: 18px
    }
ul#home_onglet li {
    float: left;
    padding: 0 5px 0 0;
    margin: 0;
    height: 18px
    }
ul#home_onglet li a {
    display: block;
    float: left;
    padding: 1px 5px 0 30px;
    margin: 0;
    height: 17px;
    width: auto;
    background: transparent url(../images/home_onglet_off_01.gif) no-repeat left top
    }
ul#home_onglet li a:hover {
    color: #00A4DE
    }
ul#home_onglet li span {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 6px;
    height: 18px;
    background: transparent url(../images/home_onglet_off_02.gif) no-repeat 0 0
    }
ul#home_onglet li.home_onglet_active a {
    background: transparent url(../images/home_onglet_on_01.gif) no-repeat left top
    }
ul#home_onglet li.home_onglet_active a:hover {
    color: #00A4DE
    }
ul#home_onglet li.home_onglet_active span {
    background: transparent url(../images/home_onglet_on_02.gif) no-repeat 0 0
    }
.carte {
    clear: left;
    position: relative;
    background: transparent url(../images/carte.jpg) no-repeat left top;
    height: 440px;
    width: 970px;
    padding: 0;
    margin: 0
    }
.legendetitle {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline;
    padding: 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: bolder;
    color: #0067A1;
    background: #E6F1FB;
    border: 1px solid #299DDC
    }
.legendebox {
    position: absolute;
    top: 28px;
    left: 5px;
    z-index: 20
    }
#legend {
    padding: 0 0.2em;
    margin: 0 1em 0 0;
    border: 1px solid #ccc;
    background: #f0f0f0
    }
.legende_btn {
    padding: 0;
    margin: 0
    }
.legende_btn a {
    display: block;
    padding: 4px 0 0 24px;
    margin: 0;
    height: 20px;
    font-size: 10px;
    /*	text-indent:-9999em;*/
    background: transparent url(../images/legende_btn.gif) no-repeat -6px center
    }
.legende_btn a:hover {
    color: #000
    }
.legende_btn_in {
    display: block;
    background: transparent url(../images/legende_btn_in.gif) no-repeat right center
    }
ul.legende_toggle {
    border: 1px solid #ccc;
    padding: 0.2em 0.8em;
    margin: 0;
    list-style: none;
    background: #fff;
    opacity: 0.8;
    /* CSS3 et Mozilla récents */
    filter: alpha(opacity=80);
    /* Internet Explorer 6     */
    -moz-opacity: 0.8;
    /* Mozilla 1.6 et infér.   */
    width: 90px
    }
ul.legende_toggle li {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    clear: left
    }
.atmo_red {
    color: #EB291C
    }
.atmo_red span {
    background: #EB291C
    }
.atmo_orange {
    color: #FD841C
    }
.atmo_orange span {
    background: #FD841C
    }
.atmo_green {
    color: #6FC35F
    }
.atmo_green span {
    background: #6FC35F
    }
.home_alerte {
    position: absolute;
    /*top:50px;modification SR du 16/11/2010*/
    top: 0;
    left: 495px;
    padding: 8px 5px;
    margin: 0;
    width: 465px;
    /*height:45px;modification SR du 16/11/2010/*/
    height: 35px
    }
.home_alerte h2 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 24px;
    letter-spacing: -1px;
    text-indent: 110px
    }
.alert00 {
    /*	background:transparent url(../images/alerte00.png) no-repeat 0 0;*/
    }
.alert01 {
    background: transparent url(../images/alerte01.png) no-repeat 0 0
    }
.alert02 {
    background: transparent url(../images/alerte02.png) no-repeat 0 0
    }
.home_carte_elements {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_carte_elements li {
    position: absolute;
    padding: 0;
    margin: 0;
    font-weight: bolder;
    z-index: 20
    }
.italie {
    top: 120px;
    left: 490px;
    font-size: 1.6em;
    color: #999
    }
.languedoc {
    top: 260px;
    left: 4px;
    width: 80px;
    text-align: center;
    line-height: 10px;
    font-size: 0.8em;
    color: #666
    }
.home_indices_map .italie {
    top: 26px;
    left: 237px;
    font-size: 1em
    }
.home_indices_map .languedoc {
    display: none;
    top: 115px;
    left: 16px;
    width: 68px;
    font-size: 0.6em;
    text-align: left
    }
.home_villes {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_villes li {
    position: absolute;
    padding: 0;
    margin: 0;
    font-weight: bolder;
    z-index: 50;
    font-size: 0.9em;
    line-height: 1em;
    text-transform: uppercase
    }
.ville_aix {
    top: 300px;
    left: 168px
    }
.ville_aubagne {
    top: 352px;
    left: 246px
    }
.ville_avignon {
    top: 240px;
    left: 142px
    }
.ville_cannes {
    top: 324px;
    left: 379px
    }
.ville_gap {
    top: 100px;
    left: 289px
    }
.ville_hyeres {
    top: 405px;
    left: 332px
    }
.ville_mars {
    top: 380px;
    left: 146px
    }
.ville_nice {
    top: 294px;
    left: 470px
    }
.ville_toulon {
    top: 414px;
    left: 255px
    }
.ville_brignoles {
    top: 323px;
    left: 292px
    }
.ville_roquebrune {
    top: 242px;
    left: 451px
    }
.home_indices_map .home_villes {
    /*position:absolute;left:-4px;*/
    }
.home_indices_map .home_villes li {
    font-size: 0.7em;
    white-space: nowrap
    }
.home_indices_map .ville_aix {
    top: 144px;
    left: 68px
    }
.home_indices_map .ville_aubagne {
    top: 168px;
    left: 110px
    }
.home_indices_map .ville_avignon {
    top: 106px;
    left: 45px
    }
.home_indices_map .ville_cannes {
    top: 163px;
    left: 187px
    }
.home_indices_map .ville_gap {
    top: 42px;
    left: 140px
    }
.home_indices_map .ville_hyeres {
    top: 207px;
    left: 163px
    }
.home_indices_map .ville_mars {
    top: 192px;
    left: 62px
    }
.home_indices_map .ville_nice {
    top: 144px;
    left: 239px
    }
.home_indices_map .ville_toulon {
    top: 206px;
    left: 118px
    }
.home_indices_map .ville_brignoles {
    top: 154px;
    left: 141px
    }
.home_indices_map .ville_roquebrune {
    top: 112px;
    left: 213px
    }
.home_atmo {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_atmo li {
    position: absolute;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bolder;
    z-index: 40;
    background: transparent url(../images/marker_gd.png) no-repeat center center
    }
.home_atmo li a {
    display: block;
    width: 24px;
    height: 20px;
    text-align: center;
    padding: 4px 0 0 0;
    margin: 0;
    text-decoration: none
    }
.atmo_aix {
    top: 315px;
    left: 203px
    }
.atmo_aubagne {
    top: 360px;
    left: 226px
    }
.atmo_avignon {
    top: 238px;
    left: 115px
    }
.atmo_cannes {
    top: 296px;
    left: 425px
    }
.atmo_gap {
    top: 110px;
    left: 286px
    }
.atmo_hyeres {
    top: 390px;
    left: 308px
    }
.atmo_mars {
    top: 363px;
    left: 200px
    }
.atmo_nice {
    top: 268px;
    left: 457px
    }
.atmo_toulon {
    top: 387px;
    left: 280px
    }
.atmo_brignoles {
    top: 333px;
    left: 308px
    }
.atmo_roquebrune {
    top: 252px;
    left: 488px
    }
.home_indices_map .home_atmo {
    position: absolute;
    top: -5px;
    left: -5px
    }
.home_indices_map .home_atmo li {
    background: transparent url(../images/marker_pt.png) no-repeat center center
    }
.home_indices_map .home_atmo li a {
    width: 18px;
    height: 17px;
    padding: 1px 0 0 0
    }
.home_indices_map .atmo_aix {
    top: 157px;
    left: 101px
    }
.home_indices_map .atmo_aubagne {
    top: 180px;
    left: 113px
    }
.home_indices_map .atmo_avignon {
    top: 119px;
    left: 57px
    }
.home_indices_map .atmo_cannes {
    top: 148px;
    left: 212px
    }
.home_indices_map .atmo_gap {
    top: 55px;
    left: 143px
    }
.home_indices_map .atmo_hyeres {
    top: 195px;
    left: 154px
    }
.home_indices_map .atmo_mars {
    top: 181px;
    left: 100px
    }
.home_indices_map .atmo_nice {
    top: 134px;
    left: 228px
    }
.home_indices_map .atmo_toulon {
    top: 193px;
    left: 140px
    }
.home_indices_map .atmo_brignoles {
    top: 168px;
    left: 154px
    }
.home_indices_map .atmo_roquebrune {
    top: 127px;
    left: 247px
    }
.home_agglo {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_agglo li {
    position: absolute;
    padding: 0;
    margin: 0;
    font-weight: bolder;
    z-index: 30
    }
.home_agglo li a {
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    text-indent: -9999em
    }
.agglo_aix {
    top: 302px;
    left: 190px
    }
.agglo_aubagne {
    top: 347px;
    left: 213px
    }
.agglo_avignon {
    top: 225px;
    left: 102px
    }
.agglo_cannes {
    top: 283px;
    left: 412px
    }
.agglo_gap {
    top: 97px;
    left: 273px
    }
.agglo_hyeres {
    top: 377px;
    left: 295px
    }
.agglo_mars {
    top: 350px;
    left: 187px
    }
.agglo_nice {
    top: 255px;
    left: 444px
    }
.agglo_toulon {
    top: 374px;
    left: 267px
    }
.agglo_brignoles {
    top: 320px;
    left: 295px
    }
.agglo_roquebrune {
    top: 239px;
    left: 475px
    }
.home_indices_map .home_agglo {
    position: absolute;
    top: -10px;
    left: -10px
    }
.home_indices_map .agglo_aix {
    top: 146px;
    left: 90px
    }
.home_indices_map .agglo_aubagne {
    top: 169px;
    left: 102px
    }
.home_indices_map .agglo_avignon {
    top: 109px;
    left: 46px
    }
.home_indices_map .agglo_cannes {
    top: 137px;
    left: 201px
    }
.home_indices_map .agglo_gap {
    top: 44px;
    left: 133px
    }
.home_indices_map .agglo_hyeres {
    top: 184px;
    left: 143px
    }
.home_indices_map .agglo_mars {
    top: 171px;
    left: 89px
    }
.home_indices_map .agglo_nice {
    top: 123px;
    left: 217px
    }
.home_indices_map .agglo_toulon {
    top: 182px;
    left: 129px
    }
.home_indices_map .agglo_brignoles {
    top: 157px;
    left: 143px
    }
.home_indices_map .agglo_roquebrune {
    top: 116px;
    left: 236px
    }
.home_dept {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 5
    }
.home_dept li {
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    font-weight: bolder;
    text-indent: -9999em;
    background-repeat: no-repeat
    }
.home_dept li a {
    padding: 0;
    margin: 0;
    text-decoration: none
    }
.dept_04 {
    top: 97px;
    left: 219px;
    width: 208px;
    height: 202px
    }
.dept_05 {
    top: 9px;
    left: 206px;
    width: 231px;
    height: 198px
    }
.dept_06 {
    top: 155px;
    left: 382px;
    width: 152px;
    height: 175px
    }
.dept_13 {
    top: 253px;
    left: 44px;
    width: 224px;
    height: 146px
    }
.dept_83 {
    top: 265px;
    left: 247px;
    width: 183px;
    height: 166px
    }
.dept_84 {
    top: 154px;
    left: 99px;
    width: 162px;
    height: 150px
    }
.home_indices_map .dept_04 {
    top: 48px;
    left: 109px;
    width: 104px;
    height: 101px
    }
.home_indices_map .dept_05 {
    top: 4px;
    left: 103px;
    width: 115px;
    height: 99px
    }
.home_indices_map .dept_06 {
    top: 77px;
    left: 191px;
    width: 76px;
    height: 87px
    }
.home_indices_map .dept_13 {
    top: 126px;
    left: 22px;
    width: 112px;
    height: 73px
    }
.home_indices_map .dept_83 {
    top: 132px;
    left: 123px;
    width: 91px;
    height: 83px
    }
.home_indices_map .dept_84 {
    top: 77px;
    left: 49px;
    width: 81px;
    height: 75px
    }
.home_dept_danger {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 5
    }
.home_dept_danger li {
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 78px;
    height: 78px;
    text-indent: -9999em;
    background: url(../images/dept_danger.png) no-repeat
    }
.home_indices_map .home_dept_danger li {
    width: 41px;
    height: 41px;
    background: url(../images/home2/dept_danger.png) no-repeat
    }
.dept_danger_04 {
    top: 160px;
    left: 285px
    }
.dept_danger_05 {
    top: 50px;
    left: 300px
    }
.dept_danger_06 {
    top: 192px;
    left: 420px
    }
.dept_danger_13 {
    top: 270px;
    left: 90px
    }
.dept_danger_83 {
    top: 292px;
    left: 308px
    }
.dept_danger_84 {
    top: 200px;
    left: 155px
    }
.home_indices_map .dept_danger_04 {
    top: 80px;
    left: 145px
    }
.home_indices_map .dept_danger_05 {
    top: 25px;
    left: 152px
    }
.home_indices_map .dept_danger_06 {
    top: 92px;
    left: 210px
    }
.home_indices_map .dept_danger_13 {
    top: 134px;
    left: 45px
    }
.home_indices_map .dept_danger_83 {
    top: 146px;
    left: 155px
    }
.home_indices_map .dept_danger_84 {
    top: 98px;
    left: 74px
    }
.home_map, .home_map_prev, .home_map_gd, .home_map_gd_prev {
    z-index: 15;
    position: absolute;
    top: 0;
    left: 0
    }
#home_map, #home_map_prev, #home_map area, #home_map_prev area #home_map_gd, #home_map_gd_prev, #home_map_gd area, #home_map_gd_prev area {
    cursor: help
    }
.actubox {
    position: absolute;
    top: 240px;
    left: 590px;
    padding: 0;
    margin: 0;
    width: 380px
    }
.actubox h2 {
    padding: 0;
    margin: 0;
    font-size: 1.2em
    }
.actubox h2 a {
    color: #299DDC
    }
.actubox ul {
    padding: 10px;
    margin: 0;
    height: 145px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #299DDC;
    background: #E6F1FB;
    list-style: none
    }
.actubox ul li {
    padding: 0 5px 0 15px;
    margin: 0;
    background: transparent url(../images/puce_jaune.gif) no-repeat 0 3px
    }
/* home v2 debut */
.home_indices_map .legendetitle {
    left: 35px;
    right: 0;
    top: auto;
    bottom: 5px;
    text-align: center
    }
.home_indices_map .legendebox {
    left: 35px;
    top: 5px;
    z-index: 99
    }
div.home_contenu {
    padding: 0;
    width: 1024px
    }
.home_top {
    overflow: hidden
    }
.home_top_col1, .home_top_col2, .home_top_col3 {
    float: left;
    width: 20%
    }
.home_top_col2 {
    margin: 0 2%;
    width: 56%;
    text-align: center
    }
.home_top_col3 {
    text-align: right
    }
.home_main {
    border: 1px solid #ccc;
    margin: 1em 0 3em;
    padding: 17px;
    background-color: #fff;
    overflow: hidden;
    -moz-box-shadow: 5px 5px 10px #999;
    -webkit-box-shadow: 5px 5px 10px #999;
    box-shadow: 5px 5px 10px #999
    }
.home_main_col1, .home_main_col2, .home_main_col3 {
    float: left
    }
.home_main_col1 {
    width: 158px
    }
.home_main_col2 {
    width: 530px;
    margin: 0 20px
    }
.home_main_col3 {
    width: 205px
    }
.home_qui {
    margin-top: 24px;
    min-height: 48px;
    padding-left: 58px;
    background: transparent url(../images/home2/video.png) no-repeat left center
    }
.home_qui a {
    color: #eb6909;
    font-weight: bolder;
    font-size: 12px
    }
.home_qui a span {
    color: #ed1c24;
    font-weight: bolder;
    font-size: 12px
    }
.home_lettre_info {
    padding-right: 58px;
    background: transparent url(../images/home2/email.png) no-repeat right center
    }
.home_lettre_info a {
    color: #eb6909;
    font-weight: bolder;
    font-size: 12px
    }
.home_lettre_info a span {
    color: #ed1c24;
    font-weight: bolder;
    font-size: 12px
    }
.home_indice_qualite {
    padding-right: 58px;
    background: transparent url(../images/home2/dots.png) no-repeat right center
    }
.home_indice_qualite a {
    color: #eb6909;
    font-weight: bolder;
    font-size: 12px
    }
.home_indice_qualite a span {
    color: #ed1c24;
    font-weight: bolder;
    font-size: 12px
    }
.home_top_col2 h1 {
    margin: 1em 0 0.5em 0
    }
.home_top_col2 h1 a {
    font-size: 18px
    }
.home_top_col2 p {
    margin: 0.5em 0 1em 0;
    color: #24abde;
    font-weight: bolder;
    font-size: 15px
    }
.home_pollution {
    margin-top: 0;
    padding-left: 38px;
    background: transparent url(../images/home2/terre.png) no-repeat left center;
    color: #1788c6;
    font-size: 16px
    }
.home_pollution_list, .home_pollution_list li {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_pollution_list li {
    padding-left: 38px;
    margin-bottom: 1em;
    color: #999;
    font-weight: bolder;
    line-height: 1.2em
    }
.home_pollution_list li.ciel {
    background: transparent url(../images/home2/nuage_ciel.png) no-repeat left top
    }
.home_pollution_list li.maison {
    background: transparent url(../images/home2/maison.png) no-repeat left top
    }
.home_pollution_list li.voiture {
    background: transparent url(../images/home2/voiture.png) no-repeat left top
    }
.home_pollution_list li a {
    color: #666
    }
.home_gestes {
    padding-left: 38px;
    background: transparent url(../images/home2/ampoule.png) no-repeat left center;
    color: #1788c6;
    font-size: 16px
    }
.home_gestes_list, .home_gestes_list li {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_gestes_list li {
    padding-left: 38px;
    margin-bottom: 1em;
    color: #1788c6;
    font-weight: bolder;
    line-height: 1.2em;
    font-size: 12px
    }
.home_gestes_list li a {
    color: #666
    }
.home_qual_dept {
    padding-left: 38px;
    background: transparent url(../images/home2/nuage_soleil.png) no-repeat left center;
    color: #1788c6;
    font-size: 16px
    }
.home_qual_dept_select a {
    display: block;
    padding: 2px 16px 2px 5px;
    background: #D5EDFA url(../images/home2/triangle_select.png) no-repeat right center;
    color: #81827b
    }
.home_sro {
    margin: 1em 0.5em;
    color: #4baadb;
    font-size: 16px;
    font-weight: bolder;
    background: transparent url(../images/home2/petale_odotrace.png) no-repeat right center
    }
.home_sro strong {
    color: #176bc6;
    font-size: 16px
    }
.home_sro a {
    color: #999
    }
.home_main_col2_map {
    background: #EAF7FD;
    border: 1px solid #DCE1E4;
    padding: 1em;
    overflow: hidden
    }
.home_main_map_col1, .home_main_map_col2, .home_main_map_col3 {
    float: left;
    width: 110px
    }
.home_main_map_col2 {
    width: 255px;
    margin: 0 15px
    }
.home_main_map_col_h {
    height: 210px
    }
.home_previ_link {
    width: 98px;
    margin: auto;
    text-align: center;
    color: #fff
    }
.home_previ_link a.home_previ_region, .home_previ_link a.home_previ_urbain {
    display: block;
    color: #fff;
    background: #fff;
    padding-bottom: 72px
    }
.home_previ_link a.home_previ_region {
    background: #fff url(../images/home2/previ_region.png) no-repeat center bottom
    }
.home_previ_link div.home_previ_urbain, .home_previ_link a.home_previ_urbain {
    background: #fff url(../images/home2/previ_urbain.png) no-repeat center bottom
    }
.home_previ_link .home_previ_urbain_title, .home_previ_link a span {
    display: block;
    padding-top: 6px;
    height: 38px;
    border-bottom: 5px solid #66B6DF;
    background: #0085CA;
    color: #fff;
    font-size: 14px;
    font-weight: bold
    }
.home_previ_link .home_previ_urbain_links {
    paddin: 0;
    height: 72px
    }
.home_previ_link a.home_previ_urbain_aix, .home_previ_link a.home_previ_urbain_antibes, .home_previ_link a.home_previ_urbain_nice {
    display: block;
    text-indent: -999em;
    height: 24px
    }
.home_sabonner {
    margin-top: 0;
    padding-left: 38px;
    background: transparent url(../images/home2/punaise.png) no-repeat left top;
    color: #1788c6;
    line-height: 1.2em
    }
.home_sabonner a {
    color: #4baadb;
    font-size: 12px
    }
.home_sabonner strong {
    color: #176bc6
    }
.home_alerte_pic {
    padding-left: 38px;
    background: transparent url(../images/home2/danger.gif) no-repeat left top;
    color: #1788c6;
    line-height: 1.2em
    }
.home_alerte_pic a {
    color: #ed1c24;
    font-size: 12px
    }
.home_indices {
    margin: 0;
    color: #fff;
    text-align: center;
    background: #0085CA;
    line-height: 45px;
    font-size: 22px
    }
.home_indices a {
    color: #fff;
    font-size: 22px
    }
.home_indices_date {
    margin: 0;
    color: #fff;
    text-align: center;
    background: #65B7DF;
    line-height: 35px
    }
.home_indices_date a {
    color: #fff;
    font-size: 12px
    }
.home_main .active a {
    font-size: 18px !important
    }
.home_indices_map {
    height: 250px;
    background: #fff url(../images/home2/carte.jpg) no-repeat -30px top;
    position: relative;
    overflow: hidden
    }
.home_indices_map_content {
    position: absolute;
    top: 0;
    left: -30px;
    width: 270px;
    height: 100%
    }
.home_indices_map_zoom {
    display: block;
    position: absolute;
    top: 6px;
    right: -12px;
    padding-right: 30px;
    height: 22px;
    line-height: 22px;
    background: url(../images/home2/zoom_btn.png) no-repeat scroll right center transparent;
    z-index: 50;
    font-size: 10px
    }
.home_indices_map_zoom:hover {
    color: #333
    }
.home_mesure_temps {
    margin: 0 0 0.3em;
    padding-left: 38px;
    background: transparent url(../images/home2/mesure_temps.png) no-repeat left top;
    color: #4baadb;
    line-height: 1.2em;
    font-size: 14px;
    font-weight: bolder;
    text-align: right
    }
.home_mesure_temps_list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right
    }
.home_mesure_temps_list li {
    padding: 0;
    margin: 0.5em 0;
    border-top: 1px solid #CCD3D1
    }
.home_mesure_temps_list > li:first-child {
    margin-top: 0;
    border: 0 none
    }
.home_mesure_temps_list li a {
    color: #81827b
    }
.home_main_col2_space {
    background: #fff;
    border: 1px solid #DCE1E4;
    padding: 0.8em;
    margin-top: 1em;
    overflow: hidden
    }
.home_main_soucol1, .home_main_soucol2 {
    float: left;
    width: 247px
    }
.home_main_soucol2 {
    margin-left: 15px
    }
.home_act_terr {
    background: #EF8A16 url(../images/home2/bulle.png) no-repeat left center;
    color: #fff;
    padding: 5px 5px 5px 32px;
    margin: 0.4em 0;
    font-size: 14px
    }
.home_act_terr_sous {
    color: #EF8A16;
    font-size: 12px;
    padding-left: 32px;
    margin: 0
    }
.home_act_terr_list {
    padding: 0;
    margin: 0 0 1em 0;
    list-style: none
    }
.home_act_terr_list li {
    padding: 1em 0 0;
    margin: 1em 0;
    padding-left: 32px;
    margin-bottom: 1em;
    background: transparent url(../images/home2/puce_orange1.png) no-repeat 17px 13px;
    color: #999;
    font-weight: bolder;
    line-height: 1.2em;
    border-top: 1px dotted #ccc
    }
.home_act_terr_list > li:first-child {
    margin-top: 0;
    border: 0 none
    }
.home_act_terr_list li a {
    color: #999
    }
.home_act_terr_list li a strong {
    font-size: 12px
    }
.home_esp_jeun {
    background: #FBB03B url(../images/home2/smile.png) no-repeat left center;
    color: #fff;
    padding: 5px 5px 5px 32px;
    margin: 0.4em 0;
    font-size: 14px
    }
.home_esp_press {
    background: #F29E58 url(../images/home2/crayon.png) no-repeat left center;
    color: #fff;
    padding: 5px 5px 5px 32px;
    margin: 0.4em 0;
    font-size: 14px
    }
.home_esp_priv {
    background: #F08D63 url(../images/home2/ondes.png) no-repeat left center;
    color: #fff;
    padding: 5px 5px 5px 32px;
    margin: 0.4em 0;
    font-size: 14px
    }
.home_esp_list {
    padding-left: 32px;
    margin: 0.6em 0 1em;
    color: #999;
    font-weight: bolder
    }
.home_esp_list a {
    color: #999
    }
.home_bloc_actu {
    border: 1px solid #DCE1E4;
    padding: 4px
    }
.home_actu {
    background: #F15A25 url(../images/home2/drapeau.png) no-repeat 3px center;
    color: #fff;
    padding: 5px 5px 5px 36px;
    margin: 0 0 0.4em 0;
    font-size: 14px;
    line-height: 22px
    }
.home_actu_first {
    padding-bottom: 5px;
    color: #999;
    border-bottom: 1px dotted #ccc
    }
.home_actu_first a {
    color: #666
    }
.home_actu_first img {
    float: left;
    margin: 0.2em 1.2em 0 0.6em
    }
.home_actu_list {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_actu_list li {
    padding: 0 0 0 16px;
    margin: 0.3em 0;
    color: #999;
    background: transparent url(../images/home2/puce_orange1.png) no-repeat left center;
    border-bottom: 1px dotted #ccc
    }
.home_actu_list a {
    color: #666
    }
.home_actu_all {
    background: #FBD89A;
    text-align: center;
    padding: 4px;
    margin: 1em 0 0
    }
.home_actu_all a {
    color: #81827b
    }
.home_bloc_publi {
    border: 1px solid #DCE1E4;
    padding: 4px;
    margin-top: 1em
    }
.home_publi {
    background: #EA6C15 url(../images/home2/fichier.png) no-repeat 3px center;
    color: #fff;
    padding: 5px 5px 5px 36px;
    margin: 0.4em 0;
    font-size: 14px;
    line-height: 22px
    }
.home_publi_first {
    padding-bottom: 5px;
    color: #999;
    border-bottom: 1px dotted #ccc
    }
.home_publi_first a {
    color: #666
    }
.home_publi_first img {
    float: left;
    margin: 0.2em 1.2em 0 0.6em
    }
.home_publi_list {
    padding: 0;
    margin: 0;
    list-style: none
    }
.home_publi_list li {
    padding: 0 0 0 16px;
    margin: 0.3em 0;
    color: #999;
    background: transparent url(../images/home2/puce_orange1.png) no-repeat left center
    }
.home_publi_list a {
    color: #666
    }
.home_publi_all {
    background: #FBD89A;
    text-align: center;
    padding: 4px;
    margin: 1em 0 0
    }
.home_publi_all a {
    color: #81827b
    }
.white_content {
    background-color: white;
    border: 5px solid #000;
    overflow: hidden;
    padding: 16px;
    position: fixed;
    top: 50%;
    height: 478px;
    margin-top: -260px;
    left: 50%;
    width: 580px;
    margin-left: -286px;
    z-index: 1002
    }
.white_content h2 {
    margin: 0;
    font-size: 18px
    }
.white_content .carte {
    width: 580px
    }
.white_content .carte p {
    padding: 0;
    margin: 0
    }
.white_content .home_alerte {
    left: 105px
    }
.white_content .legendetitle {
    z-index: 20;
    padding: 0 5px
    }
.white_content .home_indices_map_zoom {
    display: none
    }
a.close_pop {
    background-color: #000;
    background-image: url(../images/home2/close_pop.png);
    background-position: right center;
    background-repeat: no-repeat;
    color: #FFF;
    display: block;
    font-size: 1.2em;
    font-weight: bolder;
    padding: 0.5em 4em 0.5em 1em;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: 0
    }
.black_overlay {
    background-color: black;
    display: none;
    height: 100%;
    opacity: 0.6;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1001
    }
/* home v2 fin */
/* actualités */
.offline {
    background: #FCC
    }
.actuhome {
    /*	float:left;
    	width:48%;*/
    padding: 1px 1%;
    margin: 1em 0
    }
.actuhome h3 {
    color: #0067A1;
    border: 1px dotted #ccc;
    border-bottom: none
    }
h3.actutitle {
    color: #fff;
    border: 1px dotted #ccc;
    border-bottom: none;
    margin: 0;
    padding: 0.3em 0.5em;
    background: #EA6C15 /*url(../images/title_bg.png) repeat-x 0 0*/
    }
.etudebloc h3.actutitle {
    background: #EA6C15
    }
.dateinfo {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    font-style: regular;
    color: #e5e5e5;
    font-size: 0.8em;
    width: 150px
    }
.the_title {
    display: block;
    margin-left: 160px;
    font-size: 14px
    }
.the_title a {
    color: #fff
    }
.acturesum {
    padding: 0.5em 1em 0.5em 170px;
    background: transparent url(../images/trame_bg.png);
    _background: transparent url(../images/trame_bg.gif);
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc
    }
.readmore {
    text-align: right;
    padding: 0;
    margin: 0
    }
.readmore a {
    color: #EB6909
    }
.actujoint0 {
    padding: 0 1em 0.5em 1em;
    background: #fff
    }
.actujoint0 p a {
    padding: 1em 0.5em 1em 3.5em;
    background-position: 0.2em center;
    background-repeat: no-repeat
    }
.actujoint {
    padding: 0.5em 1em;
    background: #f5f5f5;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc
    }
.actujoint p a {
    padding: 1em 0.5em 1em 3.5em;
    background-position: 0.2em center;
    background-repeat: no-repeat
    }
.actujoint p a:hover {
    background-color: #fff
    }
/* elements de formulaires 
p.legend { margin-bottom: 1em; text-align:right;}
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.contenu form p { margin: 0; }
div.contenu form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.contenu form fieldset { margin: 10px 0; padding: 10px; border: #999 1px solid; }
div.contenu form legend { font-weight: bold; color: #666; }
div.contenu form fieldset div { padding: 0.25em 0; }
div.contenu label, 
div.contenu span.label { margin-right: 10px; padding-right: 10px; padding-top: 6px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.contenu label.error, 
div.contenu span.error { color: #C00; }
div.contenu label em, 
div.contenu span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.contenu input.error { border-color: #C00; background-color: #FEF; }
div.contenu input:focus,
div.contenu input.error:focus, 
div.contenu textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.contenu div.controlset label, 
div.contenu div.controlset input { display: inline; float: none; }
div.contenu div.controlset div { margin-left: 170px; }
div.contenu div.buttonrow { margin-left: 180px; }*/
/* indices Atmo */
.pastille {
    text-align: center
    }
.pastille a {
    display: block;
    width: 30px;
    text-align: center;
    padding: 4px 0;
    margin: 0 auto;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    /*	cursor:help;*/
    }
.pastilleVal {
    /*	margin-top: -21px;
    	margin-left: -8px;
    	text-align:center;
    	text-decoration: none;
    	font-family:verdana;
    	font-weight: bold;
    	font-size: 12px;
    	font-style: italic;*/
    }
.trier {
    background: transparent url(../images/trier.gif) no-repeat right center;
    padding-right: 20px
    }
.legende {
    padding: 0 1em;
    margin: 1em;
    border: 1px solid #e5e5e5;
    background: #f9f9f9
    }
/* tableau de resultats */
table.resulttable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    empty-cells: hide;
    background: #fff;
    /*	width:100%;*/
    margin: 1em auto
    }
th.alerte_previ_gris {
    background: #D1D1D1
    }
table.resulttable thead {
    /* entête du tableau */
    background: #EB6909
    }
table.resulttable thead a {
    color: #FFC
    }
table.resulttable thead a:hover {
    text-decoration: underline
    }
table.resulttable tfoot {
    /* pied du tableau */
    text-align: center;
    background: #f5f5f5
    }
table.resulttable tbody tr:hover {
    background: #FFC
    }
table.resulttable th {
    border: 1px solid #eee;
    font-size: 1em;
    padding: 0.2em 0.4em;
    color: #fff;
    text-align: center
    }
table.resulttable td {
    border: 1px solid #e5e5e5;
    padding: 0.2em 1em
    }
table.resulttable .tdcenter {
    text-align: center
    }
table.resulttable tr.trdiff {
    background: #f5f5f5
    }
table.resulttable tr.highlight td {
    /* mise en valeur d'une ligne */
    background: #FFC;
    font-weight: bolder;
    border: 1px solid #FC6;
    color: #C00
    }
/* tableau de legende */
table.legendtable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    empty-cells: hide;
    background: #fff;
    margin: 1em 0;
    font-size: 9px
    }
table.legendtable caption {
    /* legende titre du tableau */
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 0.5em;
    background: #f5f5f5;
    letter-spacing: 5px;
    font-weight: bolder;
    font-size: 9px
    }
table.legendtable thead {
    /* entête du tableau */
    background: #EB6909;
    font-size: 9px
    }
table.legendtable thead a {
    color: #FFC;
    font-size: 9px
    }
table.legendtable thead a:hover {
    text-decoration: underline
    }
table.legendtable tfoot {
    /* pied du tableau */
    text-align: center;
    background: #f5f5f5;
    font-size: 9px
    }
table.legendtable tbody tr:hover {
    background: #FFC
    }
table.legendtable th {
    border: 1px solid #eee;
    padding: 0.2em 0.4em;
    color: #fff;
    text-align: center;
    font-size: 9px
    }
table.legendtable td {
    border: 1px solid #e5e5e5;
    padding: 0.1em 0.1em;
    font-size: 9px
    }
table.legendtable .tdcenter {
    text-align: center
    }
table.legendtable tr.trdiff {
    background: #f5f5f5
    }
table.legendtable tr.highlight td {
    /* mise en valeur d'une ligne */
    background: #FFC;
    font-weight: bolder;
    border: 1px solid #FC6;
    color: #C00
    }
.tdlabel {
    /*	white-space:nowrap;*/
    text-align: right;
    background: #f0f0f0;
    padding: 0 3px
    }
/* mailing list */
.inputmailing p {
    margin: 0
    }
.inputmailing label {
    float: left;
    clear: left;
    display: block;
    width: 80px;
    text-align: right;
    padding: 3px 10px 0 0
    }
.inputmailing input {
    /*	border:0 none;
    	border-bottom:1px dotted #666;*/
    }
/* Téléchargement données */
.download {
    margin: 1em auto;
    padding: 0;
    border: 1px solid #00A3DE;
    _border-top: 0 none;
    background: #fff;
    /*	width:960px;*/
    }
.download form {
    margin: 0;
    padding: 0
    }
.download h3 {
    background: #00A3DE;
    margin: 0;
    padding: 0 0.6em;
    color: #fff
    }
.download ol {
    margin: 0;
    padding: 0;
    background: #CBE1F5;
    height: 24px
    }
.download ol li {
    display: block;
    float: left;
    margin: 0;
    padding: 3px 6px;
    height: 18px;
    width: 126px;
    text-align: center;
    background-position: left center;
    background-repeat: no-repeat
    }
.download_content {
    padding: 2em 1em;
    margin: 0;
    width: 600px;
    /*	min-height:180px;
    	_height:180px;*/
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #E5F0FA;
    border: 0 none;
    border-right: 1px dotted #00A3DE
    }
.download_way {
    float: right;
    padding: 2em 1em;
    margin: 0;
    width: 300px
    }
.etape_ok {
    background-color: #F2CC4A;
    font-weight: bolder
    }
.download ol li.dl_01 {
    background-image: url(../images/dl_01.png)
    }
.download ol li.dl_02 {
    background-image: url(../images/dl_02.png)
    }
.download ol li.dl_03 {
    background-image: url(../images/dl_03.png)
    }
.download ol li.dl_04 {
    background-image: url(../images/dl_04.png)
    }
.download ol li.dl_05 {
    background-image: url(../images/dl_05.png)
    }
.download ol li.dl_06 {
    background-image: url(../images/dl_06.png)
    }
.download ol li.dl_07 {
    background-image: url(../images/dl_07.png)
    }
.download_next, .download_prev {
    display: block;
    padding: 2px 50px 2px 30px;
    margin: 1em 0;
    width: 110px;
    height: 20px;
    color: #fff
    }
.download_next {
    background: transparent url(../images/download_next.gif) no-repeat 0 0
    }
.download_prev {
    background: transparent url(../images/download_prev.gif) no-repeat 0 0
    }
.download_next:hover, .download_prev:hover {
    color: #F2CC4A
    }
.download_box {
    padding: 2em 1em;
    cursor: pointer
    }
/* vignette */
.vignette {
    text-align: center
    }
.vignette p {
    marigin: 0 1em;
    padding: 0.5em;
    border: 1px solid #005C98;
    background: #CBE1F5;
    text-align: left
    }
.vignette textarea {
    marigin: 0 1em;
    padding: 0.5em;
    border: 1px solid #005C98;
    background: #CBE1F5;
    text-align: left;
    width: 90%
    }
/* glossaire*/
.gloassiarelink {
    text-align: center;
    padding-bottom: 1em;
    margin-bottom: 2em;
    border-bottom: 1px solid #F2CC4A
    }
.gloassiarelink a {
    padding: 3px 5px
    }
.gloassiareletter {
    clear: right;
    float: left;
    width: 150px;
    padding: 0 0 0 5px;
    margin: 0.6em 0 0 0;
    border-bottom: 1px solid #F60
    }
.glossaire {
    margin-left: 170px
    }
.glossaire strong {
    color: #0067A1;
    font-size: 1.2em
    }
.glossairetop {
    font-size: 0.8em;
    text-align: right;
    padding: 0
    }
/* publication */
.labelform {
    display: block;
    clear: left;
    float: left;
    width: 160px;
    padding: 4px 10px 0 5px;
    text-align: right
    }
.dataform {
    display: block;
    margin-left: 170px;
    padding: 2px 5px
    }
.separatorform {
    margin: 0.2em 0;
    background: transparent url(../images/gris_170.gif) repeat-y 0 0
    }
.publibloc_pdf, .publibloc_zip {
    float: left;
    width: 30%;
    padding: 0 1%;
    min-height: 50px;
    margin-bottom: 0.8em
    }
.bilanbloc_pdf, .bilanbloc_zip, .etudebloc {
    /*	float:left;
    	width:48%;*/
    padding: 1px 1%;
    margin: 1em 0;
    /*	min-height:50px;
    	margin-bottom:0.8em;*/
    }
.etudeblocFicheDoc {
    float: left;
    width: 350px;
    padding: 0 1%;
    /*	min-height:50px;
    	margin-bottom:0.8em;*/
    }
.etudeblocFicheDoc a {
    display: block;
    border: 1px dotted #ccc;
    color: #333;
    padding: 5px;
    min-height: 65px;
    background: transparent url(../images/etude_file.gif) no-repeat right bottom
    }
.etudeblocFicheDoc a:hover {
    background-color: #FFC;
    text-decoration: none
    }
.etudeblocFicheDoc em {
    display: block;
    float: right;
    cursor: pointer;
    padding: 0 5px 0 0;
    margin: 0;
    font-style: italic;
    color: #C60;
    font-size: 0.8em
    }
.publibloc_pdf a, .publibloc_zip a, .bilanbloc_pdf a, .bilanbloc_zip a {
    display: block;
    float: right;
    color: #333;
    padding: 5px 5px 5px 40px
    }
a.etude_doc_link {
    display: block;
    float: left;
    color: #EA6C15;
    padding: 5px;
    margin: 5px 15px;
    height: 38px;
    width: 110px;
    background: transparent url(../images/dl_etudebloc.png) no-repeat left top;
    text-align: center
    }
a.etude_doc_link:hover {
    background: transparent url(../images/dl_etudebloc.png) no-repeat left bottom
    }
a.etude_doc_link em {
    color: #EA6C15 !important
    }
.publibloc_pdf a, .bilanbloc_pdf a {
    background: transparent url(../images/pdf_file.gif) no-repeat 10px 10px
    }
.publibloc_zip a, .bilanbloc_zip a {
    background: transparent url(../images/zip_file.gif) no-repeat 10px 10px
    }
.publibloc_pdf a:hover, .publibloc_zip a:hover, .bilanbloc_pdf a:hover, .bilanbloc_zip a:hover, .etudebloc a:hover {
    background-color: #FFC;
    text-decoration: none
    }
.publibloc_pdf a strong, .publibloc_zip a strong, .bilanbloc_pdf a strong, .bilanbloc_zip a strong, .etudebloc a strong {
    display: block;
    color: #0067A1
    }
.publibloc_pdf a em, .publibloc_zip a em, .bilanbloc_pdf a em, .bilanbloc_zip a em, .etudebloc a em {
    display: block;
    float: right;
    cursor: pointer;
    padding: 0 5px 0 0;
    margin: 0;
    font-style: italic;
    color: #F60;
    font-size: 0.8em
    }
.publibloc_pdf a span, .publibloc_zip a span, .bilanbloc_pdf a span, .bilanbloc_zip a span, .etudebloc a span {
    display: block
    }
.bordure {
    float: left;
    width: 60.8%;
    _width: 60%;
    padding: 5px 1%;
    margin: 5px 2%;
    border: 1px dotted #ccc;
    color: #333
    }
.deuxcolones {
    float: left;
    width: 43%;
    _width: 43%;
    padding: 5px 1%;
    margin: 5px 2%;
    border: 1px dotted #ccc;
    color: #333
    }
.deuxcolones h3 {
    height: 22px;
    padding-top: 10px;
    padding-left: 32px;
    background: transparent url(../images/folder.gif) no-repeat left center;
    margin: 0
    }
.deuxcolones ul li {
    list-style-image: url(../images/mini_file.gif);
    clear: right
    }
.deuxcolones ul li em {
    font-size: 0.8em
    }
.deuxcolones ul li.golien {
    list-style: none;
    list-style-image: none;
    padding-left: 0.3em
    }
.golien a {
    display: block;
    padding: 2px 0;
    background: #f0f0f0;
    /*	border-bottom:1px solid #F2CC4A;*/
    background: #f0f0f0 url(../images/url.gif) no-repeat right center
    }
.selectdoc {
    max-width: 280px;
    _width: 271px
    }
* + html .selectdoc {
    width: 275px
    }
.source {
    color: #999
    }
.periode {
    color: #999;
    /*	font-size:0.9em;*/
    }
/* info d'utilisation legales */
.sitemap {
    width: 50%;
    padding: 0 1%;
    margin: auto
    }
.sitemapnav ul {
    padding: 0.2em;
    margin: 0.5em;
    list-style: none
    }
.sitemapnav ul li {
    padding: 0;
    margin: 0.3em 0.1em;
    list-style: none;
    border: 1px solid #00A6DA;
    background: #CBE1F5
    }
.sitemapnav ul li a {
    display: block;
    padding: 0.1em 0.3em;
    background: #00A6DA;
    font-weight: bolder;
    color: #fff
    }
.sitemapnav ul li a:hover {
    background: #00A6DA url(../images/arrow_left_blanc.gif) no-repeat right center
    }
.sitemapnav ul li ul {
    padding: 0;
    margin: 0.3em;
    border: 0 none
    }
.sitemapnav ul li ul li {
    padding: 0;
    margin: 0.3em;
    border: 0 none
    }
.sitemapnav ul li ul li a {
    padding: 0.1em 0.3em;
    border: 0 none;
    background: #fff;
    border: 1px solid #f0f0f0;
    color: #0067A1
    }
.sitemapnav ul li ul li a:hover {
    background: #fff url(../images/arrow_left_vert.gif) no-repeat right center
    }
.infouser {
    padding: 0 1%
    }
.infouser h3 {
    border-bottom: 1px solid #F2CC4A
    }
/* contact */
.bloc50_contact {
    float: left;
    width: 43.8%;
    _width: 43%;
    padding: 5px 1%;
    margin: 5px 2%
    }
.adrpostale {
    margin: 1.8em 0.5em 1em 3em;
    padding: 0.2em 0.6em;
    border-left: 3px solid #F2CC4A
    }
.adrpostale strong {
    font-size: 1.3em;
    color: #0067A1
    }
.adrtel {
    margin: 0 0 3em 3em;
    padding: 0 0.8em
    }
.require {
    color: #C00;
    font-weight: bolder
    }
.errormsg {
    color: #C00;
    text-align: center;
    padding: 0.3em;
    margin: 1em;
    background: #FEE;
    border: 1px solid #F66
    }
.sentmsg {
    text-align: center;
    padding: 0.3em;
    margin: 1em;
    background: #FFC;
    border: 1px solid #FC6
    }
/* fiche station
----------------------------------------------------*/
.ficheinfo {
    z-index: 30;
    position: absolute;
    top: 250px;
    left: 500px;
    padding: 0;
    margin: 0;
    width: 350px;
    background: #fff;
    border: 1px solid #FDD448
    }
.ficheinfo h2 {
    background: #FDD448;
    color: #333;
    margin: 0;
    padding: 0.2em 1em;
    font-size: 1.1em
    }
.ficheinfotxt {
    margin: 0.5em;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 390px;
    _height: 390px
    }
a.closefiche {
    display: block;
    float: right;
    padding: 0 2px;
    margin: 2px;
    width: 8px;
    height: 12px
    }
a.hidefiche {
    display: block;
    float: right;
    padding: 0 2px;
    margin: 2px;
    width: 8px;
    height: 12px;
    background: url(../images/show.gif) no-repeat 0 bottom
    }
a.hidefiche:hover {
    background: #FDD448 url(../images/show.gif) no-repeat 0 bottom
    }
a.openfiche {
    display: block;
    float: right;
    padding: 0 2px;
    margin: 2px;
    width: 8px;
    height: 12px;
    background: url(../images/hide.gif) no-repeat 0 bottom
    }
a.openfiche:hover {
    background: #FDD448 url(../images/hide.gif) no-repeat 0 bottom
    }
/* niveaux de contenus
-------------------------------------------------------*/
.bloc_levels {
    padding: 0;
    margin: 1em 0;
    border-top: 1px dotted #A6C7DA
    }
.bloc50_levels {
    float: left;
    width: 43.8%;
    _width: 43%;
    padding: 5px 1%;
    margin: 5px 2%
    }
/* 
-------------------------------------------------------*/
.usefull_links {
    padding: 0;
    margin: 0;
    list-style: none
    }
.usefull_links li {
    padding: 0 0 0 38px;
    margin: 0;
    list-style: none;
    background-repeat: no-repeat;
    background-position: left center
    }
.usefull_links li.plus_link {
    background-image: url(../images/home2/danger.png);
    background-position: 4px center
    }
.usefull_links li.quotidien_link {
    background-image: url(../images/home2/ampoule.png);
    background-position: 4px center
    }
.usefull_links li.email_link {
    background-image: url(../images/home2/email.png)
    }
.usefull_links li.qualite_link {
    background-image: url(../images/home2/dots.png)
    }
.usefull_links li a {
    line-height: 38px
    }
/* sidebar
-------------------------------------------------------*/
/* footer
-------------------------------------------------------*/
#footer {
    padding: 0 0 1em 0;
    margin: 0 auto 0 auto;
    width: 990px;
    border-top: 1px solid #A6C7DA;
    text-align: right;
    color: #999
    }
#footer a {
    font-weight: bolder;
    color: #53a9c5;
    text-decoration: none
    }
#footer p {
    padding: 0;
    margin: 0
    }
/* PNG transparents sous IE6 avec du CSS */
/* * html img, */