/*  body and font definitions */

*, body {
    margin:0;
    padding:0;
  }


fieldset {
    border-color : #ffa858;
    border-style : dashed;
    border-width : 1px;
    padding:5px;
    margin-bottom:5px;
    margin-top:5px;
    min-width:223px;
    margin-right:20px;
    float:left;
  }


legend {
    background-color : #6F3C1B;
    color : #fff;
    font-size : 1.3em;
    font-weight : bold;
    letter-spacing : 4px;
    line-height : 1.3em;
    margin-left : 10px;
    outline-color : #C0C000;
    outline-style : dotted;
    outline-width : 1px;
    text-align : center;
    text-transform : Uppercase;
    word-spacing : 10px;
  }


img {
    border:0 none;
    vertical-align:middle;
  }


input {
    vertical-align:middle;
  }


p, table, ul, ol, blockquote, code, .adr {
    margin:0 0 1em;
  }


body {
    -moz-background-clip : border;
    -moz-background-inline-policy : continuous;
    -moz-background-origin : padding;
    background-color : #e82a2c;
    background-image : url('images/bigben_background.jpg');
    background-position : top left;
    background-repeat : repeat-x;
    
    color : #333;
    font-family : Lucida Grande,Calibri,HelveticaNeue,Helvetica,Arial,sans-serif;
    font-size : 12px;
    line-height : 2em;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    min-height : 440px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
  }


hr {
    width:94%;
  }


a {
    color:#0000FF;
    font-size:1em;
  }


a:hover {
    color:#05A8FF;
  }


option {
    padding-left:20px;
  }


acronym, abbr {
    border-bottom:1px dotted #5A5A5A;
    cursor:help;
  }


.a-path {
    font-size:1.3em;
    color:#ccccdd;
    font-weight:bold;
  }


#ctn-all {
    width:997px;
    margin-left:auto;
    margin-right:auto;
  }


#ctn-header {
    /*background-color:#6B1412;*/
    background-color:#002173;
    height : 80px;
    margin-left : auto;
    margin-right : auto;
    width : 100%;
    padding-left:3px;
  }


#ctn-under-header,#ctn-weather-city, .ctn-fweather-city, .cut_page, .rub-info-ville {
    background-image : url('images/trait-horiz.png');
    background-position : top left;
    background-repeat : repeat-x;
    border-bottom-color : #564b47;
    border-bottom-style : solid;
    border-bottom-width : 2px;
    border-top-color : #564b47;
    border-top-style : solid;
    border-top-width : 2px;
    height:28px;
    padding-left:5px;
    padding-top:6px;
  }


#ctn-under-header h2, #ctn-footer, .ctn-fweather-city h2, .cut_page h2 {
    color:#ccd;
  }


#ctn-logo {
    float : right;
    text-align:left;
  }


#left, #content,#right {
    background-color:#fff;
    float:left;
    min-height:1140px;
  }


#left {
    left: 0px;
    width: 198px;
    color: #564b47;
    padding-left: 5px;
    padding-right: 5px;
  }


#content {
    border-left-color : #564b47;
    border-left-style : solid;
    border-left-width : 2px;
    border-right-color : #564b47;
    border-right-style : solid;
    border-right-width : 2px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 590px;
  }


#right {
    right: 0px;
    width: 195px;
    color: #564b47;
    margin:0px;
    padding: 0px;
	/*background-color:#6B1412;*/
	background-color:#002173;
  }


h1, h2, h3, h4 {
    font-family:Helvetica,Arial,sans-serif;
    margin:0px;
    padding:0px;
  }


h1 {
    color:#000;
    font-size:2.2em;
    font-weight:200;
    line-height:1.5em;
  }


h3 {
    color:#000;
  }

#actual-info h3{
	font-size:2.2em;
    font-weight:200;
    line-height:1.5em;
}
#ctn-header h1 {
    color:#fff;
    display:block;
    color:#fff;
    font-weight:bolder;
    text-shadow: 8px 8px 10px #000;
    moz-text-shadow: 8px 8px 10px #000;
    webkit-text-shadow: 8px 8px 10px #000;
    khtml-text-shadow: 8px 8px 10px #000;
  }


.list {
    list-style-image : url('images/puce.png');
    margin-left:18px;
  }


.form {
    text-align:left;
  }


.form input {
    border:1px solid #E6CB96;
    margin:0 0 2px 17px;
    padding:2px;
  }


.form input[type=submit]:hover {
    background-color:#f39b5a;
  }


.form input:focus {
    border:1px solid #666666;
  }


.form label {
    color:#C2803E;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
  }


.info-country {
    text-align:center;
    margin-top:0.6em;
    margin-bottom:1.5em;
  }


#clock {
    background-image : url('images/clock.png');
    background-position : top left;
    background-repeat : no-repeat;
    color : #fff;
    padding-bottom : 1px;
    padding-left : 18px;
    padding-right : 1px;
    padding-top : 15px;
    width : 260px;
    height:84px;
    margin-top:17px;
    float:left;
    margin-left:15px;
  }


#vitre {
    background-image : url('images/vitre.png');
    background-position : top left;
    background-repeat : no-repeat;
    position:relative;
    top:-110px;
    left:-18px;
    height:99px;
  }


#suffix {
    position:relative;
    font-size:9px;
    top:-53px;
    left:204px;
    width:20px;
    color:#303030;
  }


#lcd, #clock-date {
    color:#303030;
    width:222px;
    text-align:center;
    line-height:36px;
    font-family:'Arial','Bitstream Vera Sans',sans-serif;
    font-size:40px;
    font-weight:bold;
    height:40px;
    letter-spacing:5px;
  }


.digit, .digit-point-on, .digit-point-off {
    display:inline-block;
  }


.digit-point-off {
    text-align:center;
    color:#909090;
  }


.digit-point-on {
    text-align:center;
    color:#303030;
  }


#clock-date {
    font-size : 14px;
    line-height:2em;
    text-align:center;
    margin-top:5px;
    height:26px;
    position:relative;
    top:-28px;
    letter-spacing:0px;
  }


#ctn-actual-meteo {
    float:left;
    cursor:pointer;
  }


#ctn-meteo {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:#FBF9F2;
  }


.actual-line {
    border-bottom:1px dotted #C2803E;
    clear:both;
  }


.actual-lib, .actual-val {
    float:left;
    width:48%;
    padding-top:5px;
  }


.actual-lib {
    text-align:right;
    padding-right:5px;
  }


.actual-val {
    text-align:left;
    padding-left:5px;
  }


.rub-info-ville {
    text-align:center;
  }


#actual-left {
  }


#actual-right {
    text-align:center;
  }


#actual-meteo {
  }


#actual-icon {
    text-align:center;
    float:left;
  }


#actual-info {
    text-align:center;
    float:left;
    /*margin-top:14px;
    */;
  }


#today {
    text-align:center;
  }


#ctn-prev-meteo {
    text-align:center;
    color:#555555;
  }


.ctn-prev-day {
    float:left;
  }


.prev-day-title {
    font-weight:bold;
    text-align:center;
  }


.prev-day-temp {
    font-size :1em;
  }


.temp-min {
    color:#0074D3;
  }


.temp-max {
    color:#D30256;
  }


.h1-title {
    text-align:center;
  }


#info-country {
    margin-bottom:5px;
  }


#ctn-country-list {
    width:520px;
    margin-left:auto;
    margin-right:auto;
  }


.ul-country-list {
    float : left;
    width:32%;
    margin-right:2px;
    margin-bottom:0px;
  }


.li-country-list {
    border-color : #585858;
    border-style : solid;
    border-width : 1px;
    list-style-type : none;
    padding:3px;
    text-align:center;
    border-radius: 5px;
    margin-bottom:2px;
  }


.ctn-a-country-list {
    background-color:#F9ECE0;
    border-radius: 5px;
    cursor:pointer;
  }


.ctn-a-country-list:hover {
    background-color:#FF8000;
  }


.a-country-list {
    color : #442000;
    text-decoration:none;
  }


.sp-time {
    background-color : #000;
    border-style : inset;
    border-color:#A0A0A0;
    border-width:1px;
    color : #00FF00;
    font-weight : bold;
    padding-left : 3px;
    padding-right : 3px;
  }


.sp-country {
    font-weight:bold;
    color:#C05800;
    width:100%;
    display:inline-block;
    text-align:center;
  }


#ctn-cur_utc {
    margin-top:2em;
    text-align:center;
  }


.hidden {
    display:none;
  }


.h4-info {
    width:100%;
    text-align:center;
  }


.break {
    clear:both;
  }


#form_conv label {
    color:#C2803E;
    font-weight:normal;
    letter-spacing:1px;
    text-transform:none;
    display:inline-block;
    width:52px;
    text-align:right;
  }


#form_conv legend {
    background-color : #FFF5D3;
    color : #592A00;
    padding-left:10px;
    padding-right:10px;
    font-size:1.3em;
  }


#form_conv select {
    width:100px;
    margin-right:10px;
  }


.div-ctn {
    margin-top:12px;
    margin-bottom:12px;
  }


#tools-list {
    list-style-type : none;
    font-size:1em;
  }


#tools-list li {
    padding-left:5px;
    background-color:#002173;
  }


#tools-list li:hover {
    background-color:#58B2EE;
  }


#tools-list li a {
    display:inline-block;
    width:100%;
    background-color:#002173;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#ccc;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#ccc;
    color:#fff;
    text-decoration:none;
  }


#tools-list li a:hover {
    background-color:#0071c7;
  }


.tools-list-selected {
    background-color:#e82a2c!important;
  }


.tools-list-selected a, .tools-list-selected a:hover {
    background-color:#58B2EE!important;
    color:#000!important;
    font-weight:bold!important;
  }


#ctn-palarm {
    text-align:center;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#2d2d2d;
    padding-top : 3px;
  }


.ctn-more-info fieldset {
    width:510px;
    margin-left:auto;
    margin-right:auto;
    float:none;
    border-color : #cf142b;
    border-style : solid;
    border-width : 1px;
    min-width:223px;
  }


.ctn-more-info legend {
    background-color : #FFC401;
    color : #000;
    font-size : 1em;
    font-weight : bold;
    letter-spacing : 4px;
    line-height : 1.2em;
    margin-left : 5px;
    outline-color : #C0C000;
    outline-style : dotted;
    outline-width : 1px;
    text-align : center;
    text-transform : Uppercase;
    word-spacing : 10px;
    padding-left:10px;
    padding-right:10px;
  }