/* 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; }
.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:black; font:1em 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*/

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

/*************** BODY BACKGROUNDS */
body.bgBody1 { background-color:#ffffff; padding-top: 10px;}
/*body.bgBody1 { background-image:url(../images/bg-body/bg-body-1.jpg); background-color:#ffffff; padding-top: 10px;} /* glace */
/*body.bgBody1 { background-image:url(../images/bg-body/bg-body-2.jpg); background-color:#4f97b2; padding-top: 10px;} /* gouttes */
/*body.bgBody1 { background-image:url(../images/bg-body/bg-body-3.jpg); background-color:#85b0db; padding-top: 10px;} /* nuages */
/*body.bgBody1 { background-image:url(../images/bg-body/bg-body-4.jpg); background-color:#4aa8c4; padding-top: 10px;} /* mer */
/*body.bgBody1 { background-image:url(../images/bg-body/bg-body-5.jpg); background-color:#aecce8; padding-top: 10px;} /* bourgeons */
/*body.bgBody1 { background-image:url(../images/bg-body/bg-body-6.jpg); background-color:#ffffff; padding-top: 10px;} /* chalet */
.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.gif) left top no-repeat; height:112px; 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 { background:transparent url(../images/pics/logo-meteofrance.gif) no-repeat scroll left top; text-indent:-9999px; width:200px; height:30px; display:block; overflow:hidden; }
#descriptionSite {position: absolute; left: 284px; top: 72px; font-size: 1.1em; font-weight: bold; color: #cecece;}
*/
#mainHeader #connect { position:absolute;right:18px;top:3px;font:1em Verdana, Arial, Helvetica, sans-serif;}


#logo_meteo-france {
    position: absolute; left: 15px; right:auto; top: 40px; width: 228px; height: 45px;
    background:transparent url(../images/pics/logo-meteofrance.gif) no-repeat scroll left top;
    margin: 0;font-size: 0px;
}

#logo_veilleurs-du-temps {
    position: absolute; left: 286px; right:auto; top: 34px; width: 228px; height: 45px;
    background:transparent url(../images/pics/logo_vdt.png) no-repeat scroll left top;
    margin: 0; font-size: 0px;
}



/*************** MAIN NAV */
/*
#mainNav { position:absolute; left:0; bottom:0; }
#mainNav ul { padding:0 0 0 15px; }
#mainNav ul li { float:left; margin:0 1px 0 0; }
#mainNav ul li span { display:block; background:url(../images/pics/main-nav-left.gif) no-repeat left top; padding:0 0 0 8px; }
#mainNav ul li a { text-align:center; display:block; background:url(../images/pics/main-nav-right.gif) no-repeat right top; padding:9px 7px 7px 0; color:black; text-decoration:none; font-weight:bold; line-spacing:0.95em; }
#mainNav ul li a.twoLines { padding-top:4px; padding-bottom:2px; }
#mainNav ul li a:hover { color:#c89d0a; }
#mainNav ul li strong span { background-image:url(../images/pics/main-nav-left-on.gif); }
#mainNav ul li strong a { background-image:url(../images/pics/main-nav-right-on.gif); }
#mainNav ul li strong a:hover { color:black; }
*/

/*************** MAIN CONTENT */
#mainContent { background:#f4f4f4; padding:0 0 8px 0; }
#column1, #column2, #column3, .column4 { float:left; }
#column1 { width:511px; padding:20px 0 0 5px; }
/*#column1.colspan2 { width:729px; padding-right:7px; }*/
#column2 { width:220px; padding:50px 0 0 0; }
/*#column2 { width:300px; position:relative; padding:8.2em 0 0; }*/
#column3 { width:200px; position:relative; padding:8px 0 0 10px; }
.column4 { width:728px; padding:20px 0 0 5px; }
.identification a {color: #366989; font-size: 0.9em;}
#logoClient {display: block; text-align: center; margin: 5px 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;}

/*************** 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-size:0.9em; }
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 : 4px 0 8px 6px; }
* 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-vdt-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-vdt-blue-header.gif) left top no-repeat; padding:6px 0 6px 12px; }
.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; }

/*************** BLOCK - TABS */
.tabs { position:relative; background:url(../images/pics/tabs-footer.gif) left bottom repeat-x; height:2em !important; }
.tabs ul { position:absolute; left:10px; bottom:0; }
.tabs ul li { float:left; }
.tabs ul li span { display:block; background:url(../images/pics/tabs-left.gif) no-repeat left top; padding:0 0 0 8px; margin:0 3px 0 0; }
.tabs ul li a { text-align:center; display:block; background:url(../images/pics/tabs-right.gif) no-repeat right top; padding:7px 15px 7px 8px; color:black; text-decoration:none; line-height:0.95em; font-size:1.2em; }
.tabs ul li a:hover { text-decoration:underline; }
.tabs ul li strong span { background-image:url(../images/pics/tabs-left-on.gif); }
.tabs ul li strong a { background-image:url(../images/pics/tabs-right-on.gif); padding:6px 15px 9px 8px; color:#3a49b5; }
.fragment { padding:20px 0 20px 27px; }

/*************** 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; height:0.01%; }
/*
.forecastContent { 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; }
*/

/*************** HOME */
#cover { padding:0 0 15px 0; position:relative; height:0.01%; }
#cover .button { position:absolute; left:28px; bottom:59px; }
.homeBlockRow .block { float:left; width:197px; margin:0 14px 0 0; background:url(../images/pics/bloc-footer-gradient.gif) left bottom repeat-x; padding-bottom:15px; }
.homeBlockRow .block.last { margin:0; }
.homeBlockRow .blockTitle { text-align:center; padding-right:5px; }
.homeBlockRow.row1 .block .inside { height:127px; }
.homeBlockRow.row2 .block .inside { height:83px; }
p.pictoSun { background:url(../images/pics/picto-sun.gif) left top no-repeat; padding:2px 0 0 20px; color:#3a49b5; }

/*************** 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; letter-spacing: -0.2px}
#column3 .blockType2 .header {width: 190px; background:url(../images/pics/other-sites-header.png) left top no-repeat; color:#366989; padding:16px 0 3px 14px; font-size: 1em; }
#column3 .blockType2 .header a { color:#366989; }
#column3 .blockType2 .header h3 {font-size: 1em;}
#column3 .blockType2 .title {width: 190px; background:url(../images/pics/other-sites-bg-title-vdt.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 6px 0;}
#column3 .blockType2 ul.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 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; }

/*************** BLOCK TYPE 1 - FORM INSCRIPTION */
#formInscript { font-size:1em; }
#formInscript .inside { padding-bottom:12px; }
#formInscript p { padding-bottom:inherit; }
#formInscript h4.alreadyMember { background:url(../images/pics/h4-already-member.gif) left top no-repeat; }
#formInscript h4.createAccount { background:url(../images/pics/h4-create-account.gif) left top no-repeat; }
#formInscript p.btForget { float:left; font-size:0.85em; padding:2px 0 0 0; }
#formInscript p.btForget a { color:#787878; text-decoration:underline; }
#formInscript p.btForget a:hover { text-decoration:none; }
#formInscript .submit { float:right; }
#formInscript label { display:block; width:85px; float:left; padding:2px 0 0 0; }
#formInscript .inputText { margin:0 0 7px 0; width:176px; }
* html #formInscript .inputText { width:170px; }
#formInscript #password { margin:0 0 12px 0; }
#formInscript p.btMore2 { padding-bottom:6px; }
p.btMore2 a { background:url(../images/bouton/arrow-right-black.gif) left 5px no-repeat; padding:0 11px 0 11px; font-size:1.1em; }

/*************** BASKET ORDER PAGE */
#basketOrder table.address { float:left; width:218px; height:162px; margin-right:15px; }
#basketOrder table.invoice { float:left; width:360px; height:162px; }
.columns { border-top:1px solid #cacaca; padding:15px 0 20px 0; }
.columns .col1 { float:left; border-right:1px solid #cacaca; padding:7px 12px 0 12px; width:256px; }
.columns .col2 { float:left; padding:7px 0 0 12px; width:290px; }
.payment .col1 { padding:7px 12px 0 50px; width:218px; }
.payment .col2 { padding:7px 0 0 50px; width:252px; }
.payment .col2 p { padding-bottom:25px; }

/*************** 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; }


/*************** TABLE TYPE 1 */
.tableType1 { background:white; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; margin-bottom:12px; width:100%; }
.tableType1 tr th { background:#313851 url(../images/pics/table-type-1-th.gif) left bottom repeat-x; padding:7px 12px 10px 12px; color:white; font-size:1.1em; border-right:1px solid #e0e0e0; height:10px; }
.tableType1 tr td { border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:12px 12px 12px 12px; }
.tableType1 tr td.noPadding { padding:0; }
.tableType1 tr td.noBorder { border-right:none; }
.tableType1 tr.total td { background:#f9f9f9; padding:6px 12px; }


/*************** TABLE TOTAL */
.tableTotal { width:100%; margin:6px 0 0 0; }
.tableTotal tr td { border:none; padding:0; }
.tableTotal tr.lastRow td { background:#f9f9f9; padding:6px 0 6px 0; }
.tableTotal tr td.col1 { padding:0 0 0 100px; }
.tableTotal tr td.col2 {}

/*************** 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; top:60px; left:645px; width:310px; height: 100px;}
#vigiCache1 {position: absolute; z-index: 100; top: 60px; left: 645px; width: 2px; height: 1px; background: #49536e;}
#vigiCache2 {position: absolute; z-index: 110; top: 61px; left: 645px; width: 1px; height: 2px; background: #49536e;}
#vigiCache3 {position: absolute; z-index: 100; top: 60px; left: 943px; width: 2px; height: 1px; background: #49536e;}
#vigiCache4 {position: absolute; z-index: 110; top: 61px; left: 944px; width: 1px; height: 2px; background: #49536e;}
/*#vigiOmbre {position: absolute; z-index: 120; top: 60px; left: 635px; width: 10px; height: 83px; background: url(../images/pics/ombre_vigi.gif) top left no-repeat; }*/

/*************** MAIN FOOTER */
#mainFooter { clear:both; background:#CCCCCC left top repeat-x; color:#306a8f; padding:11px 0 0 0; margin: 10px 0 0 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:0 0 0 0; }
* html #mainFooter .footer { height:0.01%; }
#mainFooter .footer ul { background:none; text-align:center; padding-bottom:10px; /*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:#555555; }
#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 */
.bulletin h3.title, .atmogramme h3.title, .animation h3.title, .imagemto h3.title, .carte 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 {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, .carte .echInactive {color: #306a8f;}
.carteNavigEch, .carteNavigParam {float: left; color: #306a8f;}
.carteNavigEch {width: 60%;}
.carteNavigParam {margin-left: 30px; }
.carteNavigEch a, .carteNavigParam a {color: #306a8f;}
.carteNavigEch tr {}
.carteNavigEch td, .carteNavigEch th {padding: 3px; border-top: 1px dotted #306a8f;}
.carteNavigParam th {padding: 3px 0; text-align: left;}
.carteNavigEch td, .carteNavigParam td {font-size: 0.9em;}
.carteNavigEch { text-align: right;}
.carteNavigParam a {padding-left: 7px;}
.carte a {font-weight: bold;}
.lstCartes {display: none;}

.atmogramme .ligne2 {background: #e7e7e7;}
.atmogramme form {margin: 0 0 5px 0;}
.tableWeather {border: 2px solid #cecece; border-collapse: collapse; margin: 0 5px 20px 0; color: #5a5a5a;}
.tableWeather th {background: url(../images/pics/table-weather-bg-th.gif) left top repeat-x; color: #366989; padding: 4px; font-weight: normal;}
.tableWeather tr {border-collapse: collapse;}
.tableWeather tr.lstEch {color: #5a5a5a; font-weight: bold;}
.tableWeather td {margin: 2px; border-left: 1px dotted #cecece; padding: 2px; text-align: center;}
.tableWeather td.newGroupCol {border-left: 2px solid #cecece;}
.tableWeather td.param {border-right: 2px solid #cecece;}

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; }

.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);}

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;}
.animEch td {padding: 15px 3px 0 3px;}
.animEch a {padding-top: 15px; font-size: 10px; font-weight: bold;}
.animEch td.inactiveSlide {background: none;}
.animEch td.activeSlide {background: url(../images/pics/pager-cursor-small.gif) center top no-repeat;}
.animEch td.inactiveSlide a {color: black;}
.animEch td.activeSlide a {color: #306a8f;}
.pagerRight {background: url(../images/pics/pager-right-bg3.gif) 0 14px no-repeat; width: 3px; height: 30px; float: left;}
.picsAnim {display: none;}

.zoom {clear: both;}
.versionPDF {position: absolute; top: 170px; right: 100px;}
.versionPDF {background: url(../images/pics/icone_pdf.gif) top left no-repeat;}
.versionPDF a {display: block; padding: 5px 0 0 25px; height: 30px; font-weight: bold; color: #666;}


/**********************************************************************/
/***** AJOUT PAR RAPPORT AU FICHIER EXTRANET base.css (r�cup VDT)*****/
/********************************************************************/

/* Boutons de formulaire de base */
.mainButton {
    background: #145190;
    font-size: 12px;
    color: white;
}



.error, .errConnexion, .required, noscript {
    color: red;
}

.errConnexion {
    background-color:white;	
}	

.imgTitre {
    margin: 15px 0 5px 0;
}

.imgEntete {
    margin: 0 0 5px 0;
}

.imgMenu {
    border: 0;
    margin: 2px 0 0 2px;
}

.sansResultat {
    text-align: center;
    font-size: 16px;
    color: #FF8202;
    font-weight: bold;
    margin: 10px auto;
}

/* Balise de centrage pour IE */
.center {
    text-align: center;
}

.right {
    text-align: right;
}

#pageLoad {
    position: absolute;
    z-index: 2000;
    top: 10px;
    left: 10px;
}

#pageLoading {
    background: #7e0b0b;
    color: white;
    padding: 2px;
}


/** -------------------------------------------------------------------------------
*                                     SOURCE
* -------------------------------------------------------------------------------*/

/*----------------------------------- A commenter -------------------------------*/
#occurences td {
    vertical-align: top;
}

.padding20 {
        padding-left: 20px;
}

.presentation {
        margin-bottom: 20px;
        margin-left: 5%;
}

.presentation td {
        vertical-align: middle;
}

table#fin {
        width: 100%;
        background: #10175C;
}

table#page {
        width: 100%;
}

.olTextClass {
        font-weight: bold;
        font-size: 11px;
}

div#entete1 {
        background: #10175C;
        width: 100%;
        height: 39px;
}

div#entete2 {
        background: #edf5fc;
        width: 100%;
        height: 69px;
}

div#entete3 {
        background: #00559C;
        width: 100%;
}

div#logo_mf {
        position: absolute;
        top: 0;
        left: 0;
}

.copyright {
        font-size: 11px;
        color: #FFFFFF;
}

.spacer {
        clear: both;
}

.marge5 {
        margin: 5px 5px 0 5px;
}

.margeleft5 {
        margin-left: 5px;
}

.margeleft1 {
        margin-left: 1%;
}

.date {
        font-weight: bold;
        margin: 0 0 20px 0;
}

.rem {
        font-weight: bold;
        font-size: 9px;
}

.moncompte {
        text-align: center;
        color: #426a05;
        font-weight: bold;
}

.titreCBleu {
        background: #b0c4de;
        color: #405E70;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 3px;
        width: 100%;
}
.precision {
        color: #405E70;	
}	

/*------------------------------------ MN683 ------------------------------------*/
table#mn683 {
        border: 1px solid gray;
        margin: 1%;
}

#mn683 th, #mn683 td {
        border: 1px solid gray;
}

#mn683 tr {
        height: 20px;
        font-family: cursive;
        font-size: 12px;
}

#mn683 th {
        font-family: Arial, Helvetica, sans-serif;
}

#mn683 td {
        vertical-align: middle;
        padding-left: 3px;
}

#mn683 .mnsstitre th {
        font-size: 9px;
        font-weight: normal;
}

#mn683 .occPheno {
        padding-left: 0px;
        text-align: center;
        font-weight: bold;
}

#mn683 .chiffre {
        font-family: courier, monospace;
        text-align: right;
        padding-right: 3px;
        padding-left: 0px;
}


.mnsaisie1 {
        background: white;
}

.mnsaisie2 {
        background: #e8f4ff;
}

/*----------------------------------- Saisie Pheno ----------------------------------*/
form#saisiePheno, form#signalPheno {
        width: 90%;
        margin: 0 auto;
        text-align: left;
        padding: 10px;
        font-size: 11px;
        font-weight: bold;
}

#saisiePheno div.cadreBleu, #signalPheno div.cadreBleu {
        border: 2px solid #b0c4de;
        background: #DFE4EA;
        padding: 10px;
}

#saisiePheno li {
        list-style-type: none;
}

/*---------------------------------- Saisie mensuelle ---------------------------------*/
#saisieMens table {
    border: 1px solid #405E70;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
}

#saisieMens tr.titre {
    background: #b0c4de;
    color: #405E70;
}

#saisieMens tr.sousTitre {
    font-size: 9px;
    background: #DFE4EA;
}

#saisieMens table, #saisieMens table th, #saisieMens table td {
    border-collapse: collapse;
}

#saisieMens tr.titre th {
    border-color: #405E70;
}

#saisieMens td, #saisieMens td input {
    font-family: cursive;
}

#saisieMens td, #saisieMens th {
    border-top: 1px solid #405E70;
    border-bottom: 1px solid #405E70;
    padding: 2px;
}

#saisieMens td#nomJour {
        border-right: 0;
}

#saisieMens td#numeroJour {
        border-left: 0;
}

#saisieMens .borderRight {
    border-right: 1px solid #405E70;
}

#saisieMens .borderLeft {
    border-left: 1px solid #405E70;
}

#saisieMens table table, #saisieMens table table td {
    border: 0;
}

#saisieMens textarea {
    border: 1px solid #c0c0c0;
}

.boutonValidation {
        border: 1px solid black;
}

/*----------------------------------- Saisie RCE ----------------------------------*/
.saisieRCE {
        background: #444870;
        color: white;
        border: 2px solid black;
        padding: 5px;
}

td#fin_m {
        width: 50%;
        text-align: center;
        height: 30px;
        vertical-align: middle;
}

td.fin_rg {
        width: 25%;
        text-align: right;
        height: 30px;
        vertical-align: middle;
}

/*-------------------------------- Valeurs mensuelles -------------------------------*/
#valeursMens {
        margin-left: auto;/*Mozilla*/
        margin-right: auto;/*Mozilla*/
        font-size: 11px;
}

#valeursMens th {
        padding: 5px;
}

#valeursMens td {
        text-align: right;
        padding-right: 5px;
}










#ensembleCarte  {
    width: 450px;
    float: left;
}

#carte-observations {
    background: #F7F7F7;
    margin: 5px 5px 0 5px;
    text-align: center;
}

#carte-observations img {
    border: 1px solid black;
    margin: 5px auto;
}

#formFiltrePheno {
    margin: 0;
    padding: 0;
}

.checkOnePheno {
    float: left;
    margin-right: 5px;
}


#checkTheme #checkCalque{
    margin-bottom: 5px;
}

#checkTheme input {
    background: none;
    color: #405E70;
    font-weight: bold;
    border: none;
    margin: 0; 
    padding: 0;
    cursor: pointer;
    font-size: 11px;
}

#filtrePheno #filtreCalque{
    float: left;
}

#filtreCarte {
    float: none;
}

#filtreTab {
    /*background: #dee5f0;*/
    margin-bottom: 10px;
    width: 99.5%;
    font-size: 12px;
}

#filtreTab select, #filtreTab input, #formTabObs select {
    color: black;
    font-size: 12px;
}

#filtreTab legend {
    color: #585858;
    background: url(../images/go-next_bleu.png) no-repeat 0 50%;
    padding: 3px 0 3px 22px;
    font-weight: bold;
}

#filtreTab hr {
    border: 0;
    border-top: 1px dashed black;
    height: 1px;
    line-height: 1px;
    margin: 10px 0;
}

#annonce-signaler {
	/*background: #145190;*/
}

#annonce-signaler a {
    font-size: 0;
    display: block;
    background: url(../images/bouton_signaler.png) no-repeat 50% 0;
    width: 192px;
    height: 47px;
}

#annonce-signaler a:hover {
    background: url(../images/bouton_signaler_hover.png) no-repeat 50% 0;
}



/* - Formulaire de signalisation - */
#lstPheno {
    width: 50%;
    margin: 0 auto;
    text-align: left;
}

#signalPheno table.placement {
    width: 100%;
}

#signalPheno table.placement tr {
    vertical-align: top;
}

#signalPheno table.placement td {
    width: 50%;
}

#signalPheno table.where tr {
    vertical-align: top;
}

#signalPheno label {
    font-weight: normal;
    font-size: 12px;
}

label.labTitre, #signalPheno label.labTitre {
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding: 5px;
}

#signalPheno fieldset {
    border: none;
    padding: 0;
    text-align: left;
    margin-bottom: 20px;
}

#formInfosVeilleur #recherche-ville {
    margin: 10px 0 20px 0;
}

.marginleft300 {
    margin-left: 300px;
}

#recherche-ville {
    background: #fff;
    border: 1px solid #c0c0c0;
    width: 170px;
    margin: 2px 30px 2px 0;
}

#recherche-ville h1 {
    background: url(../images/search_icon.gif) no-repeat 0 50% #ebdfc8;
    color: black;
    font-size: 11px;
    padding: 2px 0 2px 20px;
    margin: 0;
    display: block;
}

#recherche-ville ul {
    padding: 0;
    margin: 7px;
}

#recherche-ville li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#recherche-ville a {
    color: #5F708E;
}

#modPheno h1 {
    margin: 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #b0c4de;
}

#modPheno select {
    width: 90%;
}

.blocPrecisOff {
    display: none;
}

.blocPrecisOn {
    display: block;
}

.blocClasseOff {
    display: none;
}

.blocClasseOn {
    display: block;
}

#precisPheno .lstPrecis {
    margin-top: 10px;
}

label.resume {
    color: #405E70;
    text-decoration: underline;
}


/* - Carte des ph�nom�nes - */
/* - Toutes les observations d'une commune - */
.lstObsCommune {
	padding:5px 0 5px 0;
    max-height: 300px;
    overflow: auto;
    text-align: left;
}

.lstObsCommune a {
    text-decoration: none;
    cursor: pointer;
}

.lstObsCommune a:hover {
    color: red;
}

/* - Tous les d�tails d'une observation - */
.infosObs {
    font-family: verdana, Arial, sans-serif;
    font-weight: normal;
    margin: 5px;
    background: white;
    color: black;
    border: 1px solid black;
    padding: 2px;
}

.titreObs td {
    padding: 0 2px;
}

.titreObs td.imgEval {
    padding-left: 5px;
}

.evaluation {
    background: #e0e0e0;
}

.evaluation h1 {
    font-size: 12px;
    margin: 0;
}

.evaluation input {
    font-size: 11px;
}

input.commentEval {
    width: 95%;
    display: block;
}

.formEval {
    margin: 2px;
}

.formEval .mainButton {
    margin-top: 5px;
}

/* --- Tableau des observations --- */
#formTabObs, #formTabVeilleur {
    background: #DEE5F0;
    margin: 0;
    padding: 2px 0 10px 0;
    width: 99.5%;
    font-size:12px;
}

#formTabObs a {
    color: #5f708e;
    text-decoration:none;
    font-weight : bold;
}

#formTabObs a:hover {
    color: red;
}   

.ensembleTableau  {
    margin: 0 5px;
}

.tabLstPheno {
    width: 99.5%;
    font-size: 11px;
    background: white;
    float: none;
}

.tabLstPheno,  .tabLstPheno td, .tabLstPheno th {
    border: 1px solid black;
    border-collapse: collapse;
}

.tabLstPheno td, .tabLstPheno th {
    padding: 2px 5px;
    vertical-align: middle;
}

.tabLstPheno #thAction {
    width: 10px;
}

.tabLstPheno a {
    text-decoration: none;
}

.tabLstPheno tr.ligneObs {
    background: #e8ecf3;
    cursor: pointer;
}

.tabLstPheno table td {
    border: 0;
}

#descriptionPheno {
    width: 190px;
    height: 300px;
    overflow: auto;
}

.color1 {
    background: #DFE4EA;
}

.color2 {
    background: #fff;
}

/* --- Interface d'�valuation des obs dans les tableaux --- */

/* Navigation dans les tableaux */
.navigTableau {
    padding: 5px;
    background: #DEE5F0;
}

.navigTableau select, .navigTableau input {
    font-size: 11px;
}

/* --- Page d'une observation --- */

#obsUnique {
    text-align: left;
}

#obsUnique .details {
    border: 1px solid black;
    padding: 5px;
    margin: 20px;
}

#obsUnique h1 {
    background: #b0c4de;
    margin: 0 0 5px 0;
    padding: 2px;
    font-size: 12px;
}

fieldset#evalObsUnique {
    margin: 20px;
    padding: 5px;
    border: 1px solid #777777;
}

#obsUnique #formTabObs {
    background: #fff;
    width: 100%;
}


/* --- Fin interface d'eval --- */
.infosVeilleur {
    font-size: 11px;
}

#compteVeilleur .infosVeilleur {
    font-size: 13px;
}

.infosVeilleur a {
    font-size: 105%;
    font-weight: bold;
    color: #145190;
}

.infosVeilleur h1 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
}

#veilleur .infosVeilleur h1 {
    font-size: 90%;
}

.infosVeilleur h2 {
    font-size: 100%;
    color: gray;
    margin: 0;
    font-weight: normal;
}

.infosVeilleur .fantaisiste {
    color: red;
    font-weight: bold;
    font-size: 90%;
}

.infosVeilleur .commentaire {
    color: black;
    font-size: 90%;
}

#detailsVeilleur {
    width: 99.5%;
}

#formInfosVeilleur div {
    margin: 5px 0;
}

#formInfosVeilleur table td{
    vertical-align: top;
    width: 50%;
}

#formInfosVeilleur {
    margin: 0;
    padding: 5px;
}

#formInfosVeilleur label {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #585858;
}

#formInfosVeilleur .radio label {
    display: inline;
}

#formInfosVeilleur select {
    display: block;
    margin: 0;
    padding: 0;
}

#formInfosVeilleur fieldset {
    border: none;
    padding: 0 5px 5px 5px;
    margin: 0;
}

#formInfosVeilleur legend {
    background: url(../images/go-next.png) no-repeat 0 50%;
    padding-left: 22px;
    font-weight: bold;
}

#formInfosVeilleur .contact {
    font-size: 12px;
    font-weight: normal;
}

#formInfosVeilleur h2 {
    display: inline;
    font-size: 12px;
    color: #585858;
}

#validInfosVeilleur, #validFiltreTab {
    width: 200px;
    text-align: right;
    clear: right;
}

#validInfosVeilleur {
    margin: 0;
}

#validFiltreTab {
    margin-top: 5px;
}

/* Stats */
#statEval {
    text-align: left;
}

#statEval img {
    margin: 0 auto;
}

/* FAQ */
#faq ol {
    background: #5E73A2;
    padding-top: 10px;
    padding-bottom: 3px;
    padding-left:30px;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#faq p a, #faq blockquote a, #coordonnees a, #conditions a, #presentation-vdt a {
    font-size: 100%;
    color: #F09301;
}

#faq ol a {
    color: #fff;
}

#faq ol a:hover, #faq p a:hover, #faq blockquote a:hover, #coordonnees a:hover, #conditions a:hover, #presentation-vdt a:hover {
    color: red;
}

#faq h1, #presentation-vdt h1, #coordonnees h1, #conditions h1 {
    font-size: 16px;
    color: #145190;  
}

#faq h2, #coordonnees h2, #conditions h2 {
    border-bottom: 1px dotted gray;
    font-size: 15px;
    margin: 0 0 5px 0;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top: 8px;
}

#faq h3 {
    background: url(../images/faq.png) no-repeat 0 0;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pageContent {
    border: 1px solid #145190;
    border-top: 5px solid #145190;
    border-bottom: 5px solid #145190;
    padding: 10px;
    background: #DEE5F0;
}

.code {
    background: #fff;
    border: 1px solid #F7B974;
    border-left: 5px solid #F7B974;
    font-family: courier, monospace;
    font-size: 12px;
    margin: 10px 10px 10px 30px;
    padding: 5px;
}

/* presentation */
#presentation-vdt {

}

/* Qui sommes-nous ? */
#coordonnees h3, #conditions h3 {
    color: gray;
    font-size: 12px;
}

/* Popup de recherche de ville */ 
body#popupRechercheVille {
    background: #f6efe2;
}

body#popupRechercheVille input {
    margin-top: 5px;
    border: 1px solid black;
    font-size: 10px;
}




/* ------------------------------------------------------------------------------------------
                                    FORMULAIRE DE CONNEXION
------------------------------------------------------------------------------------------ */
#connect h3 {
	display: inline;
}
	

#connexion input {
    font-size: 10px;
    border:none;
    margin-top:1px;
}

#connexion .mainButton {
    background: #145190;
    font-size: 10px;
    color: white;
    border:1px solid white;
    margin-top:5px;
}

#connexion label {
    text-decoration: none;
    color: white;
    font-weight: normal;
}

#identifiant {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0px 2px 0;
    border-bottom: 1px solid #bbb;
    color:white;
}

#identifiant a {
    text-decoration: none;
}

#compte, #logout {
    padding: 5px 5px 5px 18px;
    margin: 5px 0;
    display: inline;
}

#compte a, #logout a {
    text-decoration: none;
    color: white;
    font-weight: normal;
}

#compte {
    background: url(../images/emblem-readonly.png) no-repeat 0 50% ;
}

#logout {
    background: url(../images/emblem-symbolic-link.png) no-repeat 0 50% ;
}



/**********************************************************************/
/***** AJOUT PAR RAPPORT AU FICHIER EXTRANET base.css (r�cup meteo.fr)*/
/**********************************************************************/


.blockNews .pic {
float:left;
padding:3px 9px 0 0;
}

.blockNews .inside {
padding-top:8px;
}

.blockNews.fitsCol2 .inside {
padding:6px 10px 0 !important;
}

.blockNews.fitsCol2 .pic {
padding-bottom:10px;
float:none !important;
}

* html .blockNews.fitsCol3 .cover {
border:none;
padding:0;
}

* html .blockNews.fitsCol3 .cover .pic {
padding:2px 9px 0 0;
}

td,th,#mainNav ul li strong a:hover,.elsewhere.block
.title,.blockNews.fitsCol2 p,.blockNews.fitsCol2 ul.listType1 li
a,.blockNews.fitsCol3 ul.listType1 li a {
color:#000;
}

.blockNews .inside.clearfix .pic,.blockType1 p,.blockType2 p,#formInscript
.inside {
padding-bottom:12px;
}

.blockNews .pic img,.discover.photo .pic img {
border:1px solid #a6a6a6;
}

.satellite.fitsCol2,.blockNews.fitsCol2,.fitsCol2 {
width:178px;
}

.blockNews.fitsCol2 .cover,.blockNews.fitsCol3 .cover {
border-bottom:none;
padding-bottom:0;
}

.blockNews.fitsCol2 ul.listType1 li,.blockNews.fitsCol3 ul.listType1 li {
font-size:1em;
line-height:1.2em;
background-position:0 10px;
padding:6px 0 8px 8px;
}

/********************************************/
/*************** COLUMN 2 - cr�ation C�cile */

/* Specific case :in COLUMN 2 */
#column2 #theOtherSites {
background-image:url(../images/pics/other-sites-footer-large.png);
margin:0 0 14px 3px;
}

* html #column2 #theOtherSites {
background-image:url(../images/pics/other-sites-footer-large.gif);
}

/*ie6*/
#column2 #theOtherSites .header {
background-image:url(../images/pics/other-sites-header-large.png);
padding:16px 0 12px 16px;
}

* html #column2 #theOtherSites .header {
background-image:url(../images/pics/other-sites-header-large.gif);
}

/*ie6*/
#column2 #theOtherSites .content {
background-image:url(../images/pics/other-sites-bg-content-large.png);
padding:0 2px 0 7px;
}

* html #column2 #theOtherSites .content {
background-image:url(../images/pics/other-sites-bg-content-large.gif);
}

/*ie6*/
#column2 #theOtherSites .title {
background-image:url(../images/pics/other-sites-bg-title-large.gif);
background-color:transparent;
}

#column2 #theOtherSites .pros {
background:transparent url(../images/pics/other-sites-bg-title-pros-l.gif) left
bottom no-repeat;
}

#column2 #theOtherSites .clearfix {
background:#FFF url(../images/pics/other-sites-bg-clearfix.gif) left bottom
repeat-x;
}

#column2 ul.listType2Spec {
float:left;
width:149px;
}

#column2 #theOtherSites ul.listType2 {
padding-top:4px;
}

/*#column2 .blockType2 p { padding: 0 12px 0 16px; }*/


#column2 .blockType2 { background:url(../images/pics/other-sites-footer-large.png) left bottom no-repeat; padding:0 0 12px 0; font-size:1.1em; }
#column2 .blockType2 p { padding: 0 12px 0 16px; }
#column2 .blockType2 .header {width: 200px; background:url(../images/pics/other-sites-header-large.png) left top no-repeat; color:#366989; padding:16px 0 3px 14px; font-size: 1em; }
#column2 .blockType2 .header a { color:#366989; }
#column2 .blockType2 .header h3 {font-size: 1em;}
#column2 .blockType2 .title {width: 190px; background:url(../images/pics/other-sites-bg-title-vdt.gif) left top no-repeat; color: white; padding:8px 0 14px 11px; margin-left: 6px; font-size: 1.1em; font-weight: bold;}
#column2 .blockType2 .content {width: 190px; background: url(../images/pics/other-sites-bg-content-large.png) left top repeat-y; padding: 2px 0 6px 0;}
#column2 .blockType2 ul.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;}


#column2 ul.listType1 { padding:0 0 4px 0; }
#column2 ul.listType1 li { padding:3px 0 8px 10px; background:url(../images/pics/li-arrow-blue-right.gif) left 5px no-repeat; color:#366989; border-bottom:1px dotted #CECECE; }
#column2 ul.listType1 li a { color:#00008B; }

#column2 ul.listTypeX li { padding:2px 0 0 0; background:none; color:#366989; border-bottom:none; }



/* Cr�� par C�cile */
/* Specific case :in COLUMN 4 */

.column4 .cadre {
background:url(../images/pics/footer-div-column4.png) left bottom no-repeat;
margin:0 0 14px 0;
padding :0 0 12px 0;
}

* html .column4 .cadre {
background:url(../images/pics/footer-div-column4.gif) left bottom no-repeat;
}

/*ie6*/
.column4 .cadre .header {
background-image:url(../images/pics/header-div-column4.png);
padding:4px 0 12px 16px;
}

* html .column4 .cadre .header {
background-image:url(../images/pics/header-div-column4.gif);
}

/*ie6*/
.column4 .cadre .content {
background-image:url(../images/pics/content-div-column4.png);
padding:0 2px 0 17px;
}

* html .column4 .cadre .content {
background-image:url(../images/pics/content-div-column4.gif);
}


/* un cadre dans un cadre (exemple : sys_formFiltrePhenoTab dans sys_userpage) 
.column4 .cadre .cadre {
    background:none;
    border-bottom:1px dashed black;
}   

* html .column4 .cadre .cadre {
    background:none;
    border-bottom:1px dashed black;
}

.column4 .cadre .cadre .header {
    background:none;
    border-top:1px dashed black;
}   
	
* html .column4 .cadre .cadre .header {
    background:none;
    border-top:1px dashed black;
}   
		
.column4 .cadre .cadre .content {
    background:none;
    border-left:1px dashed black;
    border-right:1px dashed black;
}   
		
* html .column4 .cadre .cadre .content {
    background:none;
    border-left:1px dashed black;
    border-right:1px dashed black;
}   

 FIN Specific case :in COLUMN 4 */


/* AJOUT C�cile */
/* -> page "plan du site" */
ul.listType3 { padding: 11px 0 8px 10px; margin: 0 7px; list-style-type: disc;}
ul.listType3 li { padding:0 0 0 3px; color:#366989;  }
ul.listType3 li a { color:#366989; }

/* -> page "t�l�charger les logos" */
#tabLogo td { padding: 20px; }


#logoRf {
    background:#FFFFFF none repeat scroll 0 0;
    padding:30px 0;
    text-align:center;
}
#datfinPheno {
	visibility:visible;	
}
.table_carte {
	display:inline;
}
.td_carte {
	padding:2px 2px 2px 2px;
}
div#date_carte {
	border:1px solid black;
	display:inline;
}