body,td,div {
    font-family:Verdana,Arial,sans-serif;
    font-size:11px
}
/* hide from IE mac \*/
  html {min-height: 100%;margin-bottom: 1px;}
/* end hiding from IE5 mac */
/* IE rule, but Hides from IE5-mac \*/
* html .box {display:inline;}
/* End hide from IE5-mac */

body {
    margin:0px;
    padding:0px;
    margin-top:3px;
}
ul, form, h1, div {
    margin:0px;padding:0px;
    list-style:none;
}
td {
    vertical-align:top;
}
#top {
    margin-bottom:3px
}
#top td {
    vertical-align:middle;
}
.banner, .banner a {
    font-size:36px;
    color:#A5A78D;
    width:30%;
    vertical-align:middle;
    text-decoration:none;
    padding-left:3px;
}
.bannerbot {
    color:#63B531;
    font-size:16px;
    line-height:10px
}
.bannerright, .bannerright a {
    color:#63B531;
    width:70%;
    font-size:16px;
    text-align:right;
    text-decoration:none;
}
#searchbox {
    width:60%;
    background-color:#ffffff;
    padding:9px 6px;
}
#searchbox td {
    vertical-align:middle;
}
#searchbox .search {
    width:300px;
}
.sInput {
    width:100%;
}
#leftnav {
    background-color:#ffffff;
    width:180px;
    /*height:910px;*/
    padding:0px;
    margin-top:6px;
    border:1px #dddddd solid;
    border-top:1px #C2D7B3 solid;
}
#leftnav a {
    text-decoration:none;
    color:#000000;
}
#leftnav ul {
    list-style:none;
    margin: 0;
    padding: 0;
    background-color:#ffffff;
    border:none;
}
#leftnav li {
    background-color:#Ffffff;
    border-bottom: 1px solid #F7F7F4;
    margin: 0;
    padding:0 0px 0 0;
}
#leftnav li a {
    display:block;
    padding:1px 3px 1px 12px;
    width:166px;
	border:none;
}
#leftnav li a:hover {
    border:none;
    background-color:#EAEAE3;
}
#leftnav .rel {
    border:none;
    margin:0;
}
.leftedit {
    float:right;
    display:none;
    z-index:2;
}
#leftnav li a:hover .leftedit{
    display:block;
    background-color:#EAEAE3;
}
.leftmore {
    clear:both;
    font-size:9px;
    padding-right:3px;
    text-align:right;
}
.leftli {
    clear:both;
}
.lfav {
    width:147px !important;
    padding-left:0 !important;
    overflow:hidden;
    white-space:nowrap;
}
html>body #leftnav .lfav a{
    margin-left:-12px;
}

html>body #leftnav li a {
	width: auto;
}
* html #leftnav {
    width:183px;
}

#leftnav b, .b1 {
    background-color:#ffffff;
    font-size:12px;
    padding-left:3px;
    padding-bottom:3px;
    padding-top:3px;
    display:block;
    text-align:left;
    border-top: 6px solid #Ffffff;
}
#center {
    width:90%;
    padding:6px 0 12px 0;
}

#news {
    height:250px;
}
.rel {
    position:relative;
    top:0px;
    left:0px;
    height:100%;
}
.scrollable {
    text-align:left;
    width:100%;
    height:83%;
    overflow:auto;
}
#news .scrollable {
    /*height:78%*/
    height:195px;
}
#tv .scrollable {
    height:167px;
}
.headbig {
    padding:2px;
    font-size:1.2em;
    font-weight:normal;
}
.headsmall {
    padding:1px;
    font-size:1em;
    font-weight:normal;
}
.headbig, .headsmall {
    background-color:#D7F1C4;
    color:#000000;
    text-align:center;
}
.headbig, .headsmall {
    background: url(../img/tab_1.gif) repeat #ffffff;
    color:#333333;
    font-weight:bold;
    /*border-bottom:#AFDAA5 solid 1px;*/
    border-bottom: 1px #BEB9AD solid;
    position:relative;
}
.refresh {
    width:24px;
    height:24px;
    background:url(../img/reload3.gif) no-repeat;
    cursor:pointer;
    position:absolute;
    top:2px;
    right:-6px;
    display:inline;
}
.large {
    position:absolute;
    right:20px;
    top:0px;
    width:18px;
    height:18px;
    display:inline;
    cursor:pointer;
    background:url(../img/large.gif) no-repeat;
}
#favorites .large {
    right:2px;
}
.utils {
    display:inline;
    position:absolute;
    right:0px;
    top:0px;
    text-align:right;
    width:100px;
    height:20px;
    background-color:pink;
}
.xclose, .xminus, .xdown {
    position:absolute;
    top:0px;
    right:0px;
    width:18px;
    height:18px;
    display:inline;
    cursor:pointer;
    background:url(../img/conf/n_close.gif) no-repeat;
    float:right;
}
.xminus {
    right:16px;
    background:url(../img/conf/n_minus.gif) no-repeat;
}
.xdown {
    right:16px;
    background:url(../img/conf/n_open.gif) no-repeat;
}

.headsmall .refresh {
    top:0px;
}
/*#leftnav .headbig, #meteoform .headsmall {
    background: url(../img/tab_1.gif) repeat #ffffff;
    color:#ffffff;
}*/
.box, .rel{
    border: 1px #cccccc solid;
    border-top:1px #C2D7B3 solid;
    margin-left:6px;
}
.boxfoot, .boxfav {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:#E8E8E1;
    vertical-align:bottom;
    width:100%;
    text-align:right;
    border-top: 1px #D0D1C5 solid;
    /*border-top:#AFDAA5 solid 1px;*/
}
.modleft, .modleft a {
    float:left;
    color:#222222;
    text-decoration:none;
    display:block;
    padding:0 3px;
}
.modmiddle a {
    float:right;
    color:#222222;
    text-decoration:none;
    display:block;
    padding:0 3px;
    text-align:center;
}
.modright {
    float:right;
    background: url(../img/arrlight.gif) no-repeat;
    color:#222222;
    text-decoration:none;
    padding-left:9px;
    display:block;
    padding-right:3px;
}
.modmod {
    float:right;
    background: url(../img/arrlight.gif) no-repeat;
    color:#222222;
    text-decoration:none;
    padding-left:9px;
    display:block;
    padding-right:3px;
}

#rsstabs td, #searchtabs td, #pagetabs span {
    font-size:11px;
    font-weight:bold;
    text-align:center;
    background:#eeeeee;
    border-bottom:1px #dddddd solid;
    border-right:1px #dddddd solid;
    width:20%;
    cursor:pointer;
}
#rsstabs .active, .flux b, .fx b, #searchtabs .active, #pagetabs .active {
    background: url(../img/tabbgs.gif) repeat #63B531;
    border-bottom:1px #59A82B solid;
    border-right:1px #59A82B solid;
    color:#ffffff;
}
.popinhead, .popinhead a, .popinhead td {
    background: url(../img/tabbgs.gif) repeat-x #59A82B;
    border-top:1px #59A82B solid;
    border-bottom:1px #59A82B solid;
    padding:1px 3px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
}
.rss a, .rsstab a, .tvtime a{
   color:#111111;
   text-decoration:none;
   line-height:12px;
}
.rss a:visited, .rsstab a:visited{
   color:#666666;
   text-decoration:none;
}
.rsstab a{
   background: url(../img/pin.gif) no-repeat;
   display:block;
   padding-left:14px;
}
.rsstab a:visited {
   background: url(../img/read.gif) no-repeat;
   color:#666666;
}
.bg1 {background-color:#ffffff;font-size:11px;padding:2px;}
.bg2 {background-color:#F1F1ED;font-size:11px;padding:2px;}
.bg3 {background-color:#ffffff;font-size:11px;padding:2px;border:#F1F1ED 1px solid}
.bg4 {background-color:#F7F7F4;font-size:11px;padding:2px;border:#F1F1ED 1px solid}
.padtop {
    margin-top:6px;
}
#search {
    height:120px;
}
#meteo {
    height:120px;
    vertical-align:bottom;
}
.wimg {margin:12px;}

#tv, #editio {
    height:202px;
}
#favorites {
    height:310px;
    vertical-align:bottom;
}
#soli {
    height:334px;
}
.bienv, a.bienv {
    color:#002E7F;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
}
.bienv a {
    font-weight:bold;
    font-size:16px;
    color:#599529;
    text-decoration:none;
}
.boxcontent {
    margin-left:6px;
    /*height:226px;*/
    padding:12px;
}
#editio .boxcontent {
    height:180px;
    padding:9px;
}
.city {
    width:140px;
    font-size:10px;
    background-color:#Ffffff;
    text-align:center;
}
.popin {
    background-color:#FFFFE8;
    vertical-align:middle;
}
#footer{
    color:#333333;
    text-align:left
}
#footer a {
    color:#333333;
    text-decoration:none;
}
#reseau a {
    color:#888888;
}
#partlinks, #textlinkads {
    color:#777777;
}
#partlinks a, #textlinkads a {
    color:#999999;
}
#textlinkads li {
    
}
.flux {
    width:150px;
    /*height:100px;*/
    background-color:#ffffff;
    border:1px #63B531 solid;
}
#news .flux {
    width:200px;
}
.flux ul, .fx ul {
    list-style:none;
}
.flux li, .fx li {
    background-color:#ffffff;
    border-top: 1px solid #E8E8E1;
    vertical-align:middle;
    clear:both;
    /*height:20px;*/
}
* html .flux li, * html .fx li {
    height:20px;
}
.flux a, .fx a {
    padding:2px;
    text-decoration:none;
    color:#333333;
    display:block;
    /*height:16px;*/
}
.flux a:hover, .fx a:hover {
    background-color:#FDC542;
    color:#000000;
}
.flux img, .fx img {
    float:left;
    margin-right:6px;
    /*display:inline;*/
}
.flux b, .fx b {
    text-align:center;
    color:white;
    display:block;
    white-space:nowrap;
    position:relative;
}
.close {
    position:absolute;
    right:-3px;
    top:1px;
    width:16px;
    height:16px;
    display:inline;
    cursor:pointer;
    background:url(../img/close.gif) no-repeat;
}
#loginform {
    /*border-collapse:collapse;*/
    /*margin:3px;*/
}
#loginform td {
    padding:6px;
    border:6px solid #ffffff;
}
#loginform .lleft{
    border-right:3px solid #ffffff;
}
#loginform .lright{
    border-left:3px solid #ffffff;
}
.headlogin{
    color:#002E7F;
    font-weight:bold;
    font-size:12px;
    display:block;
    margin-bottom:12px;
}
#loginform .content {
    margin:3px;
}
#loginform input, #accform input {
    font-size:10px;
    width:100%
}
.lbutton, .lbutton a {
    background-color:#dddddd;
    border-right:1px #aaaaaa solid;
    border-bottom:1px #aaaaaa solid;
    color:#333333;
    text-decoration:none;
    padding:2px;
}
.inputErr {
    background-color:#FFFFDF;
}
.labelErr, #perr {
    color:red;
}
#loginResponse, #createResponse {
    margin-top:10px;
    margin-bottom:10px;
    height:24px;
    color:red;
    /*font-weight:bold;*/
    font-size:11px;
}

#persoform, #singleform {
    width:250px;
    position:absolute;
    top:160px;
    left:140px;
    z-index:100;
    /*overflow:auto;*/
}
#persoform .flux {
    width:300px;
}
#lpmail, #lpbank, #perr {
    font-weight:bold;
    white-space:nowrap;
}
.mtop{
    margin-top:6px;
}
.iperso {
    text-align:center;
    font-size:10px;
    width:240px;
}
.iperso2 {
    text-align:center;
    font-weight:bold;
    font-size:10px;
    width:40%;
}
.topbox {
    text-decoration:none;color:#333333;display:block;padding-left:24px;
}
#topsearch .rel {
    border:none;
    margin:0;
    padding:0;

}
#topsearch .boxfoot {
    background-color:#ffffff;
    border:none;
}
.preview {
    /*border-color:#63B531;*/
    border-color:#bbbbbb;
    border-width:1px;
    margin-top:3px;
    margin-bottom:3px;
}
.boxfav {
    border: 1px #cccccc solid;
}
#links .boxfav {
    border-top:0px;
    margin-bottom:3px;
}
#links .boxfav, #links a {
    text-decoration:none;
    text-align:center;
    color:#222222;
    display:block;
}
#redir {
    height:121px;
    padding-left:12px;
}
#flux1, #flux2, #flux3, #flux4, #flux5 {
    display:none;
}
.homehead {
    background: url(../img/tabbgy.gif) repeat #63B531;
    border-bottom:1px #59A82B solid;
    border-right:1px #59A82B solid;
    text-align:center;
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    padding:2px;

}
.gap {margin-top:9px;}
.favtitle {width:120px;font-weight:bold;overflow:hidden;white-space:nowrap;margin:0 auto}
.favbox {float:left;margin:6px 0;text-align:center;width:20%;}
.favdel {text-align:center;font-weight:bold;color:red;}
.snapbox {width:120px;height:109px;position:relative;margin:0 auto}
.btnleft {
    background:url('../img/lbtn.gif') no-repeat left center;
    margin:9px;
    padding-left:3px;
    width:70px;
    text-align:center;
}
.btn,a.btn,a.btn:hover {
    display:block;
    background:url('../img/rbtn.gif') no-repeat right center;
    color:white;
    font-size:10px;
    font-weight:bold;
    padding-right:6px;
    padding-bottom:3px;
}