/* METEO FRANCE 2008 */
/* COMMON STYLES */

/*************** DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:82% Arial, Verdana, Helvetica, sans-serif; color:#000; background-color:#fff; background-position:center top; background-repeat:no-repeat; }
html { height:100%; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, p { margin:0; padding:0; border:0; list-style:none; }
table { border-collapse:collapse; }
a { outline:0 none; text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
.clear { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; height: 0;}
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }
.offleft { position:absolute; left:-5000px; width:2000px; top:-9999px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
.small { font-size:0.9em; }
.big { font-size:1.1em; }
.bold { font-weight: bold;}
.invisible {display: none;}

/*************** FORMS */
input, select, textarea { color:#787878; font:0.9em Arial, Helvetica, sans-serif; }
.inputText, textarea, select { border:1px solid #c6c6c6; }
textarea, .inputText { padding:2px; }
textarea { overflow:auto; }
select { padding:1px; }
.checkbox { margin:0; }
* html .checkbox { margin:-4px 0 -2px -2px; }/*ie6*/
*:first-child+html .checkbox { margin:-4px 0 -2px -2px; }/*ie7*/
.radio { margin:0 2px -3px 0; }
* html .radio { margin:0 2px -3px -4px; }/*ie6*/
*:first-child+html .radio { margin:0 2px -3px -4px; }/*ie7*/
dt {line-height: 50%;}
#DateValid-label, #commentaire-label {
    margin-top: 10px;
    margin-left: 40px;
    line-height: 120%;
}

/*************** ORDENED LISTS */
ol { list-style-type:decimal; padding:0 0 0 18px; }
ol li { padding:0 0 12px 0; }

/*************** BODY BACKGROUNDS */
body.bgBody1 { background-image:url(../images/pics/bg-body-1.jpg); padding-top: 10px;}
body.bgBody2 { background-image:url(../images/pics/bg-body-2.jpg); background-color:#4f97b2; padding-top: 10px;}
.blue { color:#3a49b5; }
.bluelight {color: #366989;}

/*************** LEFT AND RIGHT SHADOW BORDERS */
#shadowBorders { width:964px; padding:0 7px; margin:0 auto; background:url(../images/pics/shadow-borders.png) left top repeat-y; position:relative; }
* html #shadowBorders { background:url(../images/pics/shadow-borders.gif) left top repeat-y; } /*ie6*/
#mainPadding { padding:0 1px 0 1px; }

/*************** QUICK ACCESSIBIITY MENU */
#quickAccessMenu { position:absolute; top:-500px; left:0; }
#quickAccessMenu a:focus { position:absolute; top:503px; left:15px; z-index:10; color:#000; width:420px; font-size:1.7em; background:white; padding:5px; }

/*************** MAIN HEADER */
#mainHeader { border-top:1px solid #ced1e0; border-bottom:1px solid #b3b3b3; background:url(../images/pics/bg_header.jpg) left top no-repeat; height:128px; position:relative; color:white; }
#mainHeader a { color:white; text-decoration:underline; }
#mainHeader a:hover { text-decoration:none; }
#mainHeader h1 { position:absolute; left:15px; top:40px; font-size:1em; }
#mainHeader h1 a { text-indent:-9999px; width:200px; height:30px; display:block; overflow:hidden; }
/* Pour que IE permette d'utiliser la bulle de Vignette-Alerte lorsqu'elle surplombe #mainContent */
#mainHeader { z-index:10000;}

#descriptionSite {position: absolute; left: 284px; top: 72px; font-size: 1.1em; font-weight: bold; color: #cecece;}

/*************** MAIN CONTENT */
#mainContent { background:#f4f4f4; padding:0 0 8px 0; }
#column1, #column2, #column3 { float:left; }
#column1 { width:564px; padding:14px 0 0 5px; }
#column1.colspan2 { width:729px; padding-right:7px; }
#column2 { width:165px; padding:8px 0 0 7px; }
#column3 { width:200px; position:relative; padding:8px 0 0 10px; }
.identification a {color: #366989; font-size: 0.9em;}
.identification dt {line-height: 100%; margin-top: 10px;}
.identification dd {margin: 0;}
.identification label {font-weight: bold; margin-top: 10px; color: #366989;}
#logoClient {display: block; text-align: center; margin: 5px auto 8px auto;}
#connexion {position: absolute; z-index: 100; top: 5px; left: 900px;}
#messagePage {position: absolute; z-index: 200; top: 5px; left: 10px; width: 600px; color: #fff;}
#messagePerso {position: fixed; z-index: 10005; bottom: 0px; right: 10px; top: auto; left: auto; width: 500px; color: #fff; background: url(../images/pics/bubble3.png);}
#contenuMessagePerso {display: none; padding: 10px; font-weight: bold;}
#baseMessagePerso {text-align: right; padding: 2px 5px;}
#baseMessagePerso a {color: #fff; font-weight: bold;}
#baseMessagePerso a:hover {text-decoration: none;}

/*************** BUTTON MORE */
p.btMore { padding:0 0 11px 0; }
p.btMore a, ul.listeSites a { background:url(../images/bouton/arrow-right-black.gif) left 4px no-repeat; padding:0 11px 0 11px; font-weight: bold;}
ul.listeSites {margin-top: 10px;}

/*************** BUTTON PRINT */
p.btPrint a { background:url(../images/bouton/bt-print.gif) left top no-repeat; display:block; width:23px; height:23px; text-indent:-9999px; overflow:hidden; }

/*************** BUTTON RETOUR SITE */
p.btRetour a { background: url(../images/bouton/bt-retour-site.gif) left top no-repeat; display:block; margin-top: 10px; width: 124px; height: 15px; text-indent:-9999px; overflow:hidden; }

/*************** BLOCK */
.block { padding-bottom:20px; }
* html .block { height:0.01%; } /*ie6*/
.block .content { border:1px solid #9e9e9e; background:white url(../images/pics/bloc-bg-gradient.gif) left bottom repeat-x; }
.block .header { background:url(../images/pics/block-dark-blue-header.gif) right top no-repeat; color:white; font-weight:bold; padding:0 10px 0 0; }
.block .blockTitle { font-size:1.1em; background:url(../images/pics/block-dark-blue-header.gif) left top no-repeat; padding:6px 0 6px 15px; }
.block .pic { padding:1px; }
.block p { padding-bottom:5px; }
.block p.btMore { padding-bottom:11px; }
.block p.title { color:#3a49b5; padding:0 0 1px 0; }
.block p.title a { color:#3a49b5; }
.block .inside { padding:6px 14px 0 10px; }
.block .inside p { padding-bottom:7px; }

/*************** COLUMN 1 - FORECAST BLOCK */
.forecastBlock,
.splitBottom { background:url(../images/pics/forecastblock-footer-gradient.gif) left bottom repeat-x; padding:0 0 20px 0; margin:0 0 20px 0; }
.splitBottom {height:0.01%; }
.forecastContent { position: relative; width: 703px; border:1px solid #9e9e9e; border-top:none; background:white url(../images/pics/forecastblock-bg-gradient.gif) left bottom repeat-x; padding:10px 12px 0 12px; overflow-x: auto; overflow-y: hidden;}
.forecastBlock .header { width:729px; height:8px; background:url(../images/pics/forecastblock-header.gif) left top no-repeat; font-size:0; }
.forecastBlock h2 { font-size:1.2em; color:#3a49b5; padding:0 0 16px 0; }
.forecastBlock p { padding-bottom:11px; }
.forecastBlock p.btPrint { float:right; }

/*************** BLOCK TYPE 1 */
.blockType1 { background:url(../images/pics/form-inscript-bg.gif) left bottom no-repeat; padding:0 0 20px 0; font-size:1.1em; }
.blockType1 p { padding-bottom:12px; }
.blockType1 h4 { width:300px; overflow:hidden; text-indent:-9999px; height:32px; }
.blockType1 .inside { padding:12px 31px 7px 11px; }
.blockType1 .btMore { font-size:0.95em; }

/*************** BLOCK TYPE 2 */
#column3 .blockType2 { background:url(../images/pics/other-sites-footer.png) left bottom no-repeat; padding:0 0 12px 0; font-size:1.1em; }
#column3 .blockType2 p { padding: 0 12px 0 16px; }
#column3 .blockType2 #nomUser {padding-left: 7px; font-size: 1.1em;}
#column3 .blockType2 #nomUser a {font-size: 1.1em;}
#column3 .blockType2 .header {width: 190px; background:url(../images/pics/other-sites-header.png) left top no-repeat; color:#366989; padding:16px 0 8px 14px; font-size: 1em; }
#column3 .blockType2 .header h3 {font-size: 1em;}
#column3 .blockType2 .title {width: 190px; background:url(../images/pics/other-sites-bg-title-pros.gif) left top no-repeat; color: white; padding:8px 0 14px 11px; margin-left: 6px; font-size: 1.1em; font-weight: bold;}
#column3 .blockType2 .content {width: 190px; background: url(../images/pics/other-sites-bg-content.png) left top repeat-y; padding: 2px 0 0 0; }
#column3 .blockType2 .listType2 { font-size:0.9em; background:url(../images/pics/other-sites-bg-ul.gif) left bottom repeat-x; padding: 0 0 8px 10px; margin: 0 7px;}
#column3 .blockType2 p.listType2 {padding: 0; font-size: 0.9em;}
#column3 ul.listType2 { padding:0 0 4px 0;}
#column3 ul.listType2 li { padding:0 0 0 10px; background:url(../images/pics/li-arrow-blue-right.gif) left 5px no-repeat; color:#366989;}
#column3 ul.listType2 li a { color:#366989; }
#column3 .blockType2 {padding: 0 0 12px 0;}

p.btMore2 a { background:url(../images/bouton/arrow-right-black.gif) left 5px no-repeat; padding:0 11px 0 11px; font-size:1.1em; }

/*************** SMALL MESSAGE BOX */
.message { background:#313851; color:white; padding:7px 12px 7px 12px; margin:0 0 12px 0; }
.message a { color:white; text-decoration:underline; }
.message .attention { font-size:1.2em; float:left; background:url(../images/pics/message-attention.gif) left top no-repeat; padding:5px 0 5px 39px; }
.message p.link { float:right; padding:7px 0 0 0; }
.message p.link a { background:url(../images/bouton/arrow-right-white.gif) left 5px no-repeat; padding:0 0 0 13px; }

/*************** BLOCK TYPE 2 - MENU */
#menu h4.menu { background:url(../images/pics/h4-navigation.gif) left top no-repeat; }

/*************** COLUMN 1 - BREADCRUMBS */
#ariane { padding:0 0 15px 10px; color:#6f6767; font-size:1.1em; }
#ariane a { padding:0 16px 0 0; margin:0 10px 0 0; text-decoration:underline; color:#6f6767; background:transparent url(../images/bouton/arrow-right-black.gif) center right no-repeat; }
#ariane strong { padding:0 16px 0 0; background:transparent url(../images/bouton/arrow-right-black.gif) center right no-repeat; margin:0 10px 0 0; }
#ariane strong.last { background:none; }

/*************** DRAGNDROP */
.dragnDrop {}

/*************** COLUMN 3 - BLOCK VIGILANCE */
#vigilance { color:white; padding:0; position:absolute; z-index: 10000; top:60px; left:630px; width:310px; height: 100px;}
#vigiCache1 {position: absolute; z-index: 10010; top: 60px; left: 630px; width: 2px; height: 1px; background: #49536e;}
#vigiCache2 {position: absolute; z-index: 10010; top: 61px; left: 630px; width: 1px; height: 2px; background: #49536e;}
#vigiCache3 {position: absolute; z-index: 10010; top: 60px; left: 928px; width: 2px; height: 1px; background: #49536e;}
#vigiCache4 {position: absolute; z-index: 10010; top: 61px; left: 929px; width: 1px; height: 2px; background: #49536e;}
#vigiOmbre {position: absolute; z-index: 88; top: 60px; left: 620px; width: 10px; height: 83px; background: url(../images/pics/ombre_vigi.gif) top left no-repeat; }

#vignetteAlerteP0 {position: absolute; z-index: 10020; top: 60px; left: 510px; padding: 10px 0 0 20px; width: 105px; height: 95px; background: url(../images/pics/fond_vigicrue.gif) top left no-repeat;}
#vignetteAlerteP1 {position: absolute; z-index: 10020; top: 60px; left: 402px; padding: 10px 0 0 20px; width: 105px; height: 95px; background: url(../images/pics/fond_vigicrue.gif) top left no-repeat;}
.va_bulle_liste_liens li { text-decoration:none; list-style-type:none; }
.va_bulle_liste_liens a { text-decoration:none; list-style-type:none; background-color:#fdc; padding-right:20px; }
.va_bulle_liste_liens a:hover { font-weight:bold; cursor:pointer; }
.va_bulle_liste_liens li:hover { cursor:default; }

#vigiCrue {position: absolute; z-index: 100; top: 60px; left: 510px; padding: 15px 0 0 23px; width: 105px; height: 95px; background: url(../images/pics/fond_vigicrue.gif) top left no-repeat;}

/*************** MAIN FOOTER */
#mainFooter { background:#d1d3e0 url(../images/pics/bg-footer-gradient.gif) left top repeat-x; color:#56a1cf; padding:11px 0 0 0; margin: 500px 0 150px 0;}
#mainFooter a { color:#172047; }
#mainFooter .header { background:url(../images/pics/bg-gradient-footer.gif) left top repeat-y; }
#mainFooter h5 { background:url(../images/pics/t-tout-meteo-france.gif) left top no-repeat; width:188px; height:29px; text-indent:-9999px; float:left; overflow:hidden; }
#mainFooter form { float:left; padding:5px 0 0 93px; }
#mainFooter form label { display:block; background:url(../images/pics/research-magnify.gif) left 4px no-repeat; width:18px; height:19px; text-indent:-9999px; float:left; overflow:hidden; }
#mainFooter form input { float:left; }
#mainFooter form .inputText { width:22em; }
#mainFooter form .submit { margin:3px 0 0 4px; }
#mainFooter form select { float:left; margin:0 5px 0 0; }
#sitesMap { padding:16px 13px 19px 14px; }
#sitesMap ul { background:url(../images/pics/dots-white.gif) left top repeat-x; }
#sitesMap ul li { background:url(../images/pics/dots-white.gif) left bottom repeat-x; padding:5px 0 7px 0; }
#sitesMap ul li strong { float:left; display:block; width:195px; padding:0 27px 0 0; text-align:right; }
#sitesMap ul li strong a { color:#565c73; }
#sitesMap ul li ul { float:left; overflow:hidden; width:710px; background:none; }
#sitesMap ul li ul li { font-size:0.9em; background:url(../images/pics/pipe-1.gif) left 3px no-repeat; float:left; padding:1px 9px 0 9px; margin:0 0 0 -1px; white-space:nowrap; }
#mainFooter .footer { padding:12px 0 0 0; }
* html #mainFooter .footer { height:0.01%; }
#mainFooter .footer ul { background:none; text-align:center; padding-bottom:20px; border-bottom:1px solid #b2b4bf; }
#mainFooter .footer ul li { font-size:0.9em; padding:0 10px 0 14px; background:url(../images/pics/pipe-2.gif) left 3px no-repeat; display:inline; }
#mainFooter .footer ul li a { color:#656565; }
#mainFooter .footer ul li.first { background:none; }
#logoRf { padding:30px 0 30px 0; text-align:center; background:white; }
#logoRf img { border:1px solid #b5b5b5; }

/*************** COMPOSANTS SEUL *******/
#composantseul {margin: 10px;}
#composantseul table.animEch {width: 500px;}
#composantseul table.animPrev {width: 500px;}
#nouvelleFenetre {display: block; width: 25px; height: 25px; position: absolute; top: 138px; left: 218px; z-index: 20; background: url(../images/pics/fleche_externe.png) top left no-repeat;}
#composantseul #nouvelleFenetre {display: none;}
#composantseul div.nomimage {width: 500px;}
/*************** COMPOSANTS */
.bulletin h3.title,
.atmogramme h3.title,
.animation h3.title,
.imagemto h3.title,
.carte h3.title,
.maree h3.title,
.probaflash h3.title,
.alertelimite h3.title {font-size: 1em; text-transform: uppercase; font-weight: bold; color: #366989; display: inline;}
.bulletin p.dateMaj,
.atmogramme p.dateMaj,
.animation p.dateMaj,
.imagemto p.dateMaj,
.carte p.dateMaj,
.maree p.dateMaj,
.probaflash p.dateMaj,
.alertelimite p.dateMaj {color: #666; font-style: italic; }
.bulletin a {font-weight: bold;}
.bulletin .texte {margin-top: 5px;}

.carte .paramActive, .carte .echActive {color: #ffa626;}
.carte .paramActive {background:url(../images/pics/arrow-right-orange.gif) left 4px no-repeat;}
.carte .paramInactive {background:url(../images/pics/arrow-right-blue.gif) left 4px no-repeat;}
.carte .paramInactive, .carte .echInactive {color: #56a1cf;}

.tabCarteNavig td {vertical-align: top;}
.tabCarteNavig .tdparam {padding-left: 20px;}
.carteNavigEch {color: #56a1cf; }
.carteNavigParam {color: #56a1cf; margin: 10px 0; }
.carteNavigEch a, .carteNavigParam a {color: #56a1cf;}
.carteNavigEch td, .carteNavigEch th {padding: 2px; border-top: 1px dotted #56a1cf; width: 20px;}
.carteNavigParam th {padding: 0 8px 0 2px; text-align: left;}
.carteNavigEch td, .carteNavigParam td {font-size: 0.9em;}
.carteNavigEch { text-align: right;}
.carteNavigEch .jour {width: 20px;}
.carteNavigParam a {padding-left: 7px;}
.carte a {font-weight: bold;}
.lstCartes {display: none;}
#formcalque {clear: both; }

.cartepage .carteNavigParam {margin: 0;}
.cartepage .tabCarteNavig {text-align: right;}
.cartepage .dateMaj {padding: 0; margin: 0;}
.cartepage .carteNavig {position: relative; z-index: 10; text-align: right; margin: 0; }
.cartepage #formcalque {margin: 0; clear: none; }
.cartepage .changecarte {display: none; border: 1px solid #56a1cf; padding: 8px; background: url(../images/pics/blanc_trans.png) top left repeat; text-align: left; }
.cartepage .lienNavig {margin-bottom: 15px;}
.cartepage .lienNavig li {float:right; margin: 2px; padding: 2px; background: #56a1cf; border: 1px solid #56a1cf; border-bottom: none; }
.cartepage #liTabEch {border-right: 0; border-left: 0; margin-right: 0; margin-left: 0;}
.cartepage .lienNavig li a {color: #dafc4c;}
.infosCarte {position: relative; z-index: 9; font-size: 10px; font-weight: bold; color: #ffa626;}
.infosCarte span {background: url(../images/pics/blanc_trans.png) top left repeat; padding: 2px; border: 1px solid #c0c0c0;}
.carteNavigCalques { color: #56a1cf; font-weight: bold; text-align: right;}

.atmogramme form {margin: 0 0 5px 0;}
.tableWeather {margin: 0 5px 20px 0; color: #5a5a5a;}
.tableWeather th {background: #56a1cf; color: #dafc4c; padding: 2px; text-align: center;}
.tableWeather tr.lstEch td {color: #5a5a5a; font-weight: bold; background: url(../images/pics/degrade_bleu_ech.gif) top left repeat-x; color: #fff;}
.tableWeather tr.lstEch td.colonne1, .tableWeather tr td.colonne1, .tableWeather .colonne1 {text-align: right; background: none; border:none; color: #5a6488; font-weight: bold; font-size: 10px;}
.tableWeather td {margin: 2px; padding: 2px; text-align: center; background: url(../images/pics/degrade_gris.gif) top left repeat-x; }
.tableWeather td.newGroupCol {border-left: 3px solid #56a1cf; }
.tableWeather .commune td {background: #fff; font-weight: bold; color: red; text-align: left; padding-top: 10px;}

.meteoflash {margin-top: 5px;}
.meteoflash tr {border-bottom: 1px dotted #cecece;}
.meteoflash td {width: 200px;}
.meteoflash a:hover {text-decoration: underline;}
.lienMFlash {color: #fff;}

.atmoseuil {margin: 5px 5px 20px 0; color: #5a5a5a; text-align: center; }
.atmoseuil th {background: #56a1cf; color: #dafc4c; padding: 2px; text-align: center; }
.atmoseuil tr.lstEch td {color: #5a5a5a; font-weight: bold; background: url(../images/pics/degrade_bleu_ech.gif) top left repeat-x; color: #fff;}
.atmoseuil tr.lstEch td.colonne1, .atmoseuil tr td.colonne1, .atmoseuil .colonne1 {text-align: right; background: none; border:none; color: #5a6488; font-weight: bold; font-size: 10px;}
.atmoseuil tr {border-collapse: none; vertical-align: middle;}
.atmoseuil td {border: 1px solid #cecece; margin: 2px; padding: 2px; text-align: center; vertical-align: middle;}
.atmoseuil .parent {background: #e7e7e7;}
.atmoseuil a:hover {text-decoration: none;}
.atmoseuil .child {display:none;}
.bluelight1 {color: #366989; background: #e7e7e7;}
.bluelight2 {color: #366989;}

.condition {width:330px; height:120px; border: 1px solid #56a1cf;}
.condition tr {border: 1px solid #56a1cf;}

.conditioncom {margin-top: 10px; border: 1px solid #56a1cf;}
.conditioncom tr {border: 1px solid #56a1cf; vertical-align: middle; margin: 0; padding: 0;}
.conditioncom td {vertical-align: middle; margin: 0; padding: 0;}

.atmogramme h1 {text-align: center; margin: 0 auto 50px auto; font-size: 18px;}
.tableWeather td.alerteMFlash {background: url(../images/pics/degrade_rouge.gif) top left repeat-x;}

#alerte {color: red; font-weight: bold; padding: 10px; border: 1px solid red; margin-bottom: 5px;}
#alerte a {color: red;}

div.divimg {display: block; margin-bottom: 10px; }
div.divcalque {position: absolute; z-index: 2; display: block;}
div.divparameteo {z-index: 3; position: absolute; display: block; }
div.divparameteoanim {z-index: 3; position: absolute; display: block; }
.player {text-align: center;}
.player li {display: inline;}
.player a {display:block; width:24px; height:15px; text-indent:-9999px; float:left; background-position:left top; background-repeat:no-repeat; overflow:hidden; margin:0 4px 0 0;}
.player a:active {background-position:left -15px;}
.player a.btPrevious {background-image:url(../images/bouton/bt-previous.gif);}
.player a.btNext {background-image:url(../images/bouton/bt-next.gif); margin-right: 20px;}
.player a.btPause {background-image:url(../images/bouton/bt-pause.gif);}
.player a.btResume {background-image:url(../images/bouton/bt-resume.gif);}
.player a.btBoucle1 {background-image:url(../images/bouton/bt-boucle1.gif);}
.player a.btBoucle {background-image:url(../images/bouton/bt-boucle.gif);}
.player a.btSwing {background-image:url(../images/bouton/bt-swing.gif); margin-right: 20px;}
.player a.btRapide {background-image:url(../images/bouton/bt-rapide.gif);}
.player a.btLent {background-image:url(../images/bouton/bt-lent.gif);}

.player a.affleg {background-image:url(../images/bouton/bt-legende.gif); margin-right: 20px;width:124px;display:block}
.player a.supleg {background-image:url(../images/bouton/bt-legendesup.gif); margin-right: 20px;width:124px;}
table.animEch {margin: 10px 0; clear: both; width: 99%; background: url(../images/pics/pager-bg3.gif) 0 4px no-repeat; text-align: center; float: left;}
table.animPrev {margin: 10px 0; clear: both;  width: 99%; background: url(../images/pics/pager-bg4.gif) 0 4px no-repeat; text-align: center; float: left;}
.animPrev td, .animEch td {padding: 15px 3px 0 3px;}
.animPrev a, .animEch a {padding-top: 15px; font-size: 10px; font-weight: bold;}
.animPrev td.inactiveSlide, .animEch td.inactiveSlide {background: none;}
.animPrev td.activeSlide, .animEch td.activeSlide {background: url(../images/pics/pager-cursor-small.gif) center top no-repeat;}
.animPrev td.inactiveSlide a, .animEch td.inactiveSlide a {color: black;}
.animPrev td.activeSlide a, .animEch td.activeSlide a {color: #56a1cf;}
.pagerRight, .pagerRightPrevi {width: 3px; height: 30px; float: left;}
.pagerRight {background: url(../images/pics/pager-right-bg3.gif) 0 14px no-repeat;}
.pagerRightPrevi {background: url(../images/pics/pager-right-bg4.gif) 0 14px no-repeat;}
.picsAnim {display: none;}
.lienanim {float: left; margin-left: 0px;}
a.liensat {background:url(../images/pics/arrow-right-blue.gif) left 4px no-repeat;padding-left: 6px;}
.legende { margin-left: 50px;position:relative;z-index:1000}
.nomimage { margin-left: 50px;position:relative;color: #56a1cf;font-weight: bold;text-align:center;}
.zoom {clear: both;}
.versionPDF {float: left; margin-left: 10px; background: url(../images/pics/icone_pdf.gif) top left no-repeat;}
.versionCSV {float: left; margin-left: 10px; background: url(../images/pics/icone_csv.gif) top left no-repeat;}
.versionCOURBEPP {float: left; margin-left: 10px; background: url(../images/pics/icone_courbepp.gif) top left no-repeat;}
.versionCOURBEZOOM {float: left; margin-left: 10px; background: url(../images/pics/icone_courbezoom.gif) top left no-repeat;}
.versionPDF a, .versionCSV a, .versionCOURBEPP a, .versionCOURBEZOOM a {display: block; width: 20px; height: 30px;}
.versionPDF a:hover, .versionCSV a:hover, .versionCOURBEPP a:hover, .versionCOURBEZOOM a:hover {text-decoration: none;}

.cityWeather {clear: both;}
.infos {float: left;}

.alertelimite {margin-bottom: 50px;}
.alertelimite .lieu {text-align: left;}
.alertelimite td {padding: 3px; border-bottom: 1px dotted #cecece;}

/********** Images disposées un peu partout dans la page */
#decoImage1 {position: absolute; top: 5px; left: 16px; right: auto; } /* En haut à gauche */
#decoImage2 {position: absolute; top: 5px; left: 430px; right: auto; } /* En haut au milieu */
#decoImage3 {position: absolute; top: 5px; left: 630px; right: auto; }
#decoImage4 {position: absolute; top: 5px; left: auto; right: 80px; } /* En haut à droite */
#decoImage5 {position: absolute; top: 40px; left: 15px; right: auto; } /* A la place du logo MTO*/
#decoImage6 {position: absolute; top: 80px; left: 16px; right: auto; } /* Sous le logo MTO */
#decoImage7 {position: absolute; top: 95px; left: 230px; right: auto; } /* Sous le logo Extranet */
#decoImage8 {position: absolute; top: 61px; left: auto; right: 350px; } /* A gauche de vigilance */
#decoImage9 {position: absolute; top: 61px; left: 630px; right: auto; } /* A la place de vigilance */

#synmap {width: 700px; height: 500px; border: 1px solid gray;}