/*  
Theme Name: GlossyBlue
Theme URI: http://www.ndesign-studio.com
Description: WP glossy theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.4
Author: Nick La
Author URI: http://www.ndesign-studio.com
This theme was designed and built by Nick La.
By downloading and using this theme, you agree to the following terms:
- You may NOT resell this theme
- A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
- You may use this theme for personal or commercial projects
- You may modify, translate or distribute
*/
body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	background: #FFFFFF url(images/main-bg.gif);
	margin: 0px;
	padding: 0px 0px 30px;
}
a {color: #CC6600;text-decoration: none;}
a:visited {color: #CC6633;text-decoration: none;}
a:hover {color: #FF6600;text-decoration: underline;}
.l {text-decoration: underline;cursor:pointer}
img {border: none;}
p {padding: 0px 0px 15px;margin: 0px;}
.site_name {margin:0px;background: url(images/header-icon.gif) no-repeat;padding-left: 70px;height: 60px;font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;color: #c9eefe;}
.site_name a, .site_name a:visited{color: #c9eefe;text-decoration: none;}
.site_name a:hover{color: #ffffff;text-decoration: none;}
h1 {color: #59770e;margin: 0px 0px 2px;border-bottom: 1px dotted #CCCCCC;letter-spacing: -1px;font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;padding-bottom: 3px;}
h1 a, h1 a:visited {color: #59770e;text-decoration: none;}
h1 a:hover {color: #FF6600;text-decoration: none;}
h2 {font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;color: #758d38;margin: 10px 0px 5px;}
h3 {font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;color: #758d38;margin: 10px 0px 5px;}
form {margin:0px;padding:0px;}
.spacer {clear:both}
#page {	margin: 0px auto;
	width: 1000px;
	border-bottom: 5px solid #d5e6eb;
	border-left: 5px solid #d5e6eb;
	border-right: 5px solid #d5e6eb;
	background: #FFFFFF url(images/content-bg4.gif) repeat-y;
}
/* header area */
#header {
background: #0FACEA url(images/header-bg4.jpg) no-repeat;
height: 130px;
width: 1000px;
border-bottom: 3px solid #59780a;
position: relative;
}
#headerimg {
position: relative;
padding: 20px 0px 0px 40px;
height: 60px;
}
#headerimg .description{
position: absolute;
top:60px;
left: 110px;
right: 30px;
bottom: 3px;
/*color: #c9eefe;
font-size: 14px;*/
color: #fff;
font-size: 15px;

}

#headerimg #rss{
position:absolute;padding:0;margin:0 ;cursor:pointer;
top:3px;right:24px;width:305px;height:26px;text-align:right;color:#fff;font-weight:bold;vertical-align:middle;
/*background:url(http://www.station-meteo.com/img/rss.png) no-repeat;*/
background:url(http://feeds.feedburner.com/~fc/Station-Meteo?bg=99CCFF&fg=444444&anim=0) no-repeat;
}
#headerimg #rss:hover {text-decoration:underline;}
#headerimg #rss a {color:#fff}

#headerimg #yahoo{
position:absolute;padding:0;margin:0 ;cursor:pointer;
top:30px;right:2px;width:120px;height:15px;
background:url(http://www.station-meteo.com/img/yahoo.gif) no-repeat;
}
#headerimg #gg{
position:absolute;padding:0;margin:0 ;cursor:pointer;
top:30px;right:340px;width:104px;height:17px;
background:url(http://www.station-meteo.com/img/gg.gif) no-repeat;
}
#headerimg #netvibes{
position:absolute;padding:0;margin:0 ;cursor:pointer;
top:30px;right:130px;width:91px;height:17px;
background:url(http://www.station-meteo.com/img/netvibes.gif) no-repeat;
}
#headerimg #live{
position:absolute;padding:0;margin:0 ;cursor:pointer;
top:30px;right:228px;width:106px;height:17px;
background:url(http://www.station-meteo.com/img/live.gif) no-repeat;
}

#sidebar .feed {height:55px;}
#sidebar .feed #rss{
cursor:pointer;padding-left:45px;
width:100%;height:20px;color:#fff;font-weight:bold;
background:url(http://www.station-meteo.com/img/rss.png) no-repeat;
}
#sidebar #rss a {color:#fff;}

#sidebar .feed #rss:hover {text-decoration:underline;}

#sidebar .feed #yahoo{
cursor:pointer;float:left;
width:120px;height:20px;
background:url(http://www.station-meteo.com/img/yahoo.gif) no-repeat;
}

#sidebar .feed #gg{
cursor:pointer;float:left;
width:104px;height:20px;
background:url(http://www.station-meteo.com/img/gg.gif) no-repeat;
}

#sidebar .feed #netvibes{
cursor:pointer;float:left;
width:120px;height:20px;
background:url(http://www.station-meteo.com/img/netvibes.gif) no-repeat;
}
#sidebar .feed #live{
cursor:pointer;float:left;
width:106px;height:20px;
background:url(http://www.station-meteo.com/img/live.gif) no-repeat;
}

#nav {
list-style: none;
margin: 0px;
position: absolute;
right: 10px;
bottom: 0px;
}
#nav li {
float: left;
margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
color: #000000;
text-decoration: none;
}
#nav .page_item a, #nav .page_item span{
color: #ffffff;
text-decoration: none;
background: #5c8d0c url(images/nav-button-bg.gif) repeat-x;
padding: 5px 15px;
font: bold 14px/100% Arial, Helvetica, sans-serif;
border-top: 1px solid #E6EED0;
border-left: 1px solid #AFCD69;
border-right: 1px solid #AFCD69;
display: block;
cursor:pointer
}
#nav .page_item #rss2{
background:url(http://www.station-meteo.com/img/rss.png) no-repeat;
padding-left:40px;
}
#nav .page_item .sm_icons {background:url(/img/icons.png) no-repeat 0 0;position:absolute;top:-13px;left:-15px;width:30px;height:30px;margin:0;padding:0}
#nav .page_item .sm_icon1 {background-position: 0 0;}
#nav .page_item .sm_icon2 {background-position: 0 -30px;}
#nav .page_item .sm_icon3 {background-position: 0 -60px;}
#nav .page_item .sm_icon4 {background-position: 0 -90px;}
#nav .page_item .sm_icon5 {background-position: 0 -120px;}
#nav .page_item .sm_icon6 {background-position: 0 -150px;}
#header .sep-right {margin-right:25px}

#nav .page_item a.register {color:yellow}

#nav .page_item a:hover, #nav .page_item span:hover {
color: #000000;
}
/* content area */
#content {
padding: 10px 20px 30px 20px;
float: left;
width: 700px;
overflow: hidden;
}
.post {
clear:both;
padding-top: 15px;
}
.post-date {
width: 45px;
height: 49px;
float:left;
background: url(images/date-bg.gif) no-repeat;
}
.post-month {
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}
.post-day {
font-size: 18px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 18px;
padding-top: 7px;
margin-left: -3px;
}
.post-title {
float: left;
margin-left: 10px;
width: 640px;
}
.entry {
clear: both;
padding-top: 10px;
text-align : justify;
}
.post-cat {
background: url(images/mini-category.gif) no-repeat;
padding-left: 20px;
float:left;
font-size: 95%;
color: #999999;
}
.post-comments {
background: url(images/mini-comments.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
}
.post-calendar {
background: url(images/mini-calendar.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
color: #999999;
}
.mini-add-comment {
background: url(images/mini-down-arrow.gif) no-repeat;
padding-left: 18px;
float: right;
}
.mini-bouton-plus-one {
padding-left: 18px;
float: right;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
color: #59770e;
font-weight:bold;
font-size:14px;
}
.previous-entries a {
float: left;
padding-left: 18px;
background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 18px;
background: url(images/mini-nav-right.gif) no-repeat right center;
}
/* comments area */
#comments, #respond {
border-bottom: 1px dotted #CCCCCC;
padding: 10px 0 5px 0;
clear: both;
}
.commentlist {
margin: 10px 0px;
padding-left: 20px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
}
.commentlist .alt {
background: #f1fedb;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 120%;
color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
color: #CC6600;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
}
#commentform label{
color: #787878;
font-size: 87%;
}
#commentform input{
width: 200px;
background:#f1fedb;
border: 1px solid #bdd77f;
padding: 3px;
margin-top: 3px;
}
#commentform textarea{
width: 700px;
height: 115px;
background:#f1fedb;
border: 1px solid #bdd77f;
padding: 2px;
margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}
#commentform #submit{
background: url(images/btn-bg.gif) no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: none;
float:right;
width: 144px;
height: 28px;
cursor: pointer;
}
/*sidebar */
#sidebar {
float: right;
padding: 0 5px 20px 5px;
width: 250px;
color: #666666;
overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 20px 0px 2px;
border-bottom: 1px solid #CFE1AC;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
color: #495233;
text-decoration: none;
}
#sidebar a:hover{
color: #FF6600;
text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}
#sidebar ul li ul li{
padding: 2px 0 2px 0px;
border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;
border: none;
}
/*blogroll */
ul.list-blogroll li{
background: url(images/mini-blogroll.gif) no-repeat !important;
padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li, h2.category{
background: url(images/mini-category.gif) no-repeat !important;
padding-left: 20px !important;
}
h2.category{
background: url(images/mini-category.gif) no-repeat !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
background: url(images/mini-monthly-archive.gif) no-repeat !important;
padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
background: url(images/mini-page.gif) no-repeat !important;
padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
background: url(images/mini-page-arrow.gif) no-repeat !important;
padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
background: url(images/mini-recent-comments.gif) no-repeat !important;
padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
padding: 1px 7px;
}
/*text widget */
.textwidget {
padding-top: 5px;
}
/*search form */
#searchform {
margin: 15px 0 0;
}
#searchform br {
display: none;
}
#searchform #s {
border:1px solid #203346;
width: 135px;
height: 22px;
padding: 4px 5px 0px 5px;
border: 1px solid #bed881;
background: #fff;
margin-right: 2px;
color: #000000;
font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
background: url(images/search-btn-bg.gif) no-repeat;
border: none;
width: 67px;
height: 26px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
vertical-align: middle;
}
/* footer area */
#footer {
clear: both;
background: #048DB4 url(images/footer-bg.gif) no-repeat;
color: #ACD7EE;
font-size: 95%;
line-height: 130%;
padding-bottom: 10px;
}
#footer a, #footer a:visited, #footer span, #footer span:visited {
color: #ffffff;cursor:pointer
}
#footer span:hover {
text-decoration:underline
}
#footer h4 {
font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
color: #9cdbfb;
margin: 10px 0px 5px;
}
.footer-recent-comments {
width: 260px;
float: left;
margin-left: 10px;
}
.footer-recent-comments ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.footer-recent-comments ul li {
background: url(images/mini-footer-comments.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
width: 260px;
float: left;
margin-left: 10px;
}
.footer-recent-posts strong {
font-size: 107%;
line-height: 135%;
font-weight: bold;
}
.footer-recent-posts ul {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 92%;
line-height: 110%;
}
.footer-recent-posts ul li {
background: url(images/mini-footer-post.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-about {
width: 260px;
float: right;
padding-right: 10px;
padding-left: 10px;
background: url(images/footer-right-bg.gif) no-repeat;
}
#footer ul {
list-style: none;
margin: 0px;
padding: 5px 0 0 10px;
}
#footer li {
list-style: none;
}
/* credits */
#credits {
margin: 0px auto;
width: 1000px;
color: #7a9299;
font-size: 85%;
line-height: 120%;
}
#credits a, #credit a:visited {
color: #048db4;
}
.rss {
background: url(images/mini-rss.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 8px;
}
.loginout {
background: url(images/mini-loginout.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 8px;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.alignright {
float: right;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
table {
width:100%;
border-collapse: collapse;
padding:20px 0 20px 0;
margin:0 50px 0 0;
}
td {border: 1px solid #6E9B1B;padding:0 5px 0 5px;}
table.comparatif, table.starmeteo {width:710px}
table.comparatif td {text-align:left;}
table.comparatif tr.header {background:#14C5F9;}
table.comparatif tr.davis {background:#ecfdce;}
table.comparatif tr.lacrosse {background:#fff;}
table.comparatif tr.oregon {background:#ecfdce;}
table.starmeteo td {text-align:center;}

/*.carte-france {padding:0;margin:0;position:relative;width:500px;height:496px;background:url(/wp-content/uploads/carte-france.png) top left no-repeat}*/
.carte-france {padding:0;margin:0;position:relative;width:700px;height:694px;background:url(/wp-content/uploads/carte-france-700.gif) top left no-repeat;;}
.carte-france .ville {position:absolute;}

.ville2 {position:absolute;background:url(http://www.station-meteo.com/wp-content/uploads/ville.png) bottom left no-repeat;cursor:pointer;height:4px;width:4px;}
.ville2 .name {margin:1px;padding:5px;border:1px solid red;background:#fff;z-index:999;display:none;width:200px;position:relative;}
.map .city {display:none}

table.signup {border:1px solid #6e9b1b;background:#aecd65;padding-bottom:10px;}
table.signup td {border:none;padding:2px;}
table.signup .t {font-weight:bold;}
table.signup .i {font-size:10px;}
table.signup .error {border:1px solid red;}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 300px;padding: 20px 40px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:300px;height: 340px;}
.jcarousel-skin-tango .jcarousel-item {width: 300px;height: 340px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top:150px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(/img/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 150px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(/img/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .station {padding:0;margin:0;width:100%;text-align:center;}
.jcarousel-skin-tango li img:hover {cursor:pointer;}
.sm_next {cursor:pointer;height:15px;width:100px;padding-left:10px;}

.temp_low {color:blue}
.temp_high {color:red}

.ws_gdata {border:1px solid #bdd77f;width:240px;height:105px;text-align:center;padding:5px 0;background:#ecfdcd;display:none}
.ws_gdata span.connected {font-weight:bold;padding:0 5px 0 0;color:red}
.ws_gdata .avg_temp_ext, .ws_gdata .avg_pressure {font-size:26px;font-weight:bold;width:100%;margin:5px 0 5px 0}
.ws_gdata .min, .ws_gdata .max {float:left;width:50%}
.ws_gdata .min_temp_ext {color:blue}
.ws_gdata .max_temp_ext {color:red}

.block_wsdata {width:300px;height:250px;padding:10px 10px 10px 0;float:left}
.ws_data b {color:#CC6600;font-size:14px;font-weight:bold}
.ws_data .date, .ws_data .temp_ext, .ws_data .pressure, .ws_data .humidity_ext, .ws_data .daily_rain, .ws_data .wind_speed  {padding:5px 0}
.ws_data b  {font-size:20px}

.ws_curve .ws_data b {font-size:12px;}
.ws_curve .ws_data .date, .ws_curve .ws_data .temp_ext, .ws_curve .ws_data .pressure, .ws_curve .ws_data .humidity_ext, .ws_curve .ws_data .daily_rain, .ws_curve .ws_data .wind_speed  {padding:0}

#placeholder td {border:0}

.medium200x200 {margin-top:10px;width:200px;border:1px solid #bdd77f;padding:10px 20px 10px 20px;position:relative}
.medium200x200 .ad {position:absolute;top:0px;right:10px;font-size:10px}
.medium720x90 {margin-top:10px;width:720px;height:90px;border:0;padding:10px 0 10px 50px;position:relative}
.medium720x90 .ad {position:absolute;top:0px;right:10px;font-size:10px}
.twitter {padding-top:10px}

.block_buy {
	background:white;margin-top:10px;border:1px solid #bdd77f;padding:0 auto 10px auto;text-align:center
}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;z-index: 1;}
.shopping {width:700px}
.shopping .form {padding:0 0 10px 50px}
.shopping .form .q {height:20px;width:250px}
.shopping .suggestion {text-align:center;padding-bottom:10px}
.shopping .offer {width:700px;padding-bottom:5px;border-bottom:1px solid #eaeaea;margin-bottom:5px;cursor:pointer}
.shopping .offer h2 {font-size:12px}
.shopping .offer img {width:100px;border:1px solid #eaeaea;float:left}
.shopping .offer .info {width:318px;padding-left:10px;float:left}
.shopping .offer .store {width:125px;float:left;text-align:center;padding:0 10px}
.shopping .offer .store .store-name {color:#cc6600;font-weight:bold;font-size:14px;}
.shopping .offer .store .store-logo {padding-left:18px;border:0}
.shopping .offer .price {width:125px;float:left;text-align:center}
.shopping .offer .price .euro {font-weight:bold;font-size:16px}
.shopping .offer .price .free {color:#758d38}
.shopping .noresult {text-align:center;padding:30px 0;border:1px solid #eaeaea}

.shopping-banner-1 {width:298px;background:white;margin-top:10px;border:1px solid #bdd77f;padding:10px}
.shopping-banner-1 .offer {width:278px;cursor:pointer}
.shopping-banner-2 {width:230px;background:white;margin-top:10px;border:1px solid #bdd77f;padding:9px}
.shopping-banner-2 .offer {width:230px;cursor:pointer}
.shopping-container .offer .store .store-name {color:#cc6600;font-weight:bold}
.shopping-container .offer img {float:left;width:100px;padding:5px 10px 5px 0}
.shopping-container .offer .info {float:left;width:120px;padding-top:10px}
.shopping-container .offer .price .euro {font-weight:bold;font-size:14px}
.shopping-container .offer .title:hover, .shopping-banner .offer .store-name:hover, .shopping-banner .offer .euro:hover {text-decoration:underline}