/*  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-variant : small-caps;
    */ 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 {
    padding:0px;
    margin:0px;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FBF9F2 none repeat scroll 0 0;
    color:#555555;
    font-family:Lucida Grande,Calibri,HelveticaNeue,Helvetica,Arial,sans-serif;
    font-size:12px;
    line-height:2em;
    min-height:440px;
  }


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


#ctn-header {
    width:99%;
    margin-left:auto;
    margin-right:auto;
    padding:3px;
    height:80px;
  }


#ctn-under-header, #ctn-footer, #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:2em;
    padding-left:5px;
  }


#left {
    position: absolute;
    left: 0px;
    width: 210px;
    color: #564b47;
    padding: 5px;
  }


#content {
    background-color : #ffffff;
    border-left-color : #564b47;
    border-left-style : solid;
    border-left-width : 2px;
    margin-bottom : 0px;
    margin-left : 220px;
	margin-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    border-right-color : #564b47;
    border-right-style : solid;
    border-right-width : 2px;
    padding: 5px;
    min-height:1000px;
  }


#right {
    position: absolute;
    right: 0px;
    width: 180px;
    color: #564b47;
    margin:0px;
    padding: 5px;
  }


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


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

#ctn-header h2{
	font-size:2.2em;
	font-weight:normal;
}
#actual-info h2{
	color:#C2803E;
	font-size:2em;
	font-weight:normal;
}
.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:#fff;
    cursor:pointer;
  }


.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;
/*    min-width:704px;
    max-width:90%;*/
  }


#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 : 14px;
    width : 260px;
    height:99px;
    margin-top:17px;
    /* margin-left:auto;
    margin-right:auto;
    */ float:left;
  }


#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;
    /*background-color:#C0FFFF;
    */ 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;
    /*width:1em;
    */;
  }


.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;
    margin-top:5px;
    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;
    /*width:20%;
    */;
  }


.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:610px;
    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 {
    font-size : 1.3em;
    list-style-type : none;
    padding-bottom : 5px;
    padding-left : 3px;
    padding-top : 5px;
    width : 210px;
  }


#tools-list li {
  }


#tools-list li:hover {
    -moz-border-radius:3px 3px 3px 3px;
    background:none repeat scroll 0 0 #F3F3F3;
    color:#000000;
  }


#tools-list li a {
    border-bottom:1px solid #f0f0f0;
    color:#555555;
    display:block;
    font-size:90%;
    height:13px;
    margin:2px 0;
    padding:2px 3px 2px 8px;
    text-decoration:none;
  }

.ctn-tools{
	margin-left:auto;
	margin-right:auto;
	width:732px;
	text-align:center;
}

.ctn-tools fieldset{
	width:99%;
}