body {
	background-image: url();
	background-color: #333333;
	width:1163px;
    margin: auto;
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align:center;
}

a:link {
    text-decoration:none
}

.clear {
	clear:both;	
}

h1.main_title {
	font-size: 46px;
	color: #00FF00;
	font-family: Trebuchet MS;
	font-style: italic;
	font-weight: bold;
	margin:0 0 10px 0;
    text-align: center;
    display: block;
}

h3 {
	font-size:24px;
	display:inline-block;
	color: #00FF00;
	text-align:center;
	text-decoration: none;
	font-weight:normal;
	font-style:italic;
	font-family:"Trebuchet MS";
	margin:10px 0 0px 0;
}

h3:hover {
    text-decoration: underline;
	color:#ffff00;
	font-weight:lighter;
	font-style:normal;
	font-family:"Trebuchet MS";
}

div.gallery {
	overflow:hidden;
	width:1163px;
	margin: auto;
	text-align:center;	
}

div.gallery.meteo {
	overflow: visible;
}

div.gallery .saisons {
	float:left;
	width:128px;
    height:83px;
	color: #FFFF00;
    margin: 1px 1px 0 0;
}

div.gallery .bouton {
     font-family: "Trebuchet MS";
     font-size: 30px; /* 1.6em; */
     width: 128px;
     height: 40px;
     margin: 1px 1px 1px 0;
     padding: 0;
     text-align: center;
     color: #000000;
     background: #FFFFFF;
     border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

div.gallery .bouton div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

div.gallery .gris .pluie,
div.gallery .pluie,
div.gallery .gris .nuageux,
div.gallery .nuageux,
div.gallery .gris .soleilnuages,
div.gallery .soleilnuages,
div.gallery .gris .soleil,
div.gallery .soleil {
	font-family: "Trebuchet MS";
	font-size: 30px; /* 1.6em; */
	width: 128px;
	height: 40px;
	margin: 1px 1px 1px 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background: #FFFFFF;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

div.gallery .gris .pluie div,
div.gallery .pluie div,
div.gallery .gris .nuageux div,
div.gallery .nuageux div,
div.gallery .gris .soleilnuages div,
div.gallery .soleilnuages div,
div.gallery .gris .soleil div,
div.gallery .soleil div,
div.gallery .gris .temperature div,
div.gallery .temperature div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

div.gallery .gris .temperature,
div.gallery .temperature {
     font-family: "Trebuchet MS";
     font-size: 30px; /* 1.6em; */
     width: 64px;
     height: 40px;
     margin: 1px 1px 1px 0;
     padding: 0;
     text-align: center;
     color: #000000;
     background: #FFFFFF;
     border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

div.gallery .gris .pluie,
div.gallery .gris .nuageux,
div.gallery .gris .soleilnuages,
div.gallery .gris .soleil,
div.gallery .gris div.temperature,
div.gallery .gris div.bouton {
     color: #000000;
     background: #D3D3D3;  
}

div.gallery .jours,
div.gallery .mois {
    font-family: "Trebuchet MS";
    font-size: 20px; /* 1.6em; */
	width:100%;
	color: #ffff00;
    margin: 0 2px;
    border-radius: 18px;
    margin: 1px 1px 1px 0;
}

div.gallery .jaune {
	font-family: "Trebuchet MS";
     font-size: 34px; /* 1.6em; */
     width: 128px;
     height: 40px;
     margin: 1px 1px 1px 0px;
     padding: 0;
     text-align: center;
     color: #0000FF;
     background: #FFFF00;
     border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

div.gallery div.jaune span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

div.gallery .jauneeau {
	font-family: "Trebuchet MS";
	font-size: 24px; /* 1.6em; */
	width: 128px;
	height: 40px;
	margin: 1px 1px 1px 0px;
	padding: 0;
	text-align: center;
	color: #0000FF;
	background: #FFFF00;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

div.gallery div.jauneeau span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

div.gallery .pluie div.clear,
div.gallery .nuageux div.clear,
div.gallery .soleilnuages div.clear,
div.gallery .soleil div.clear,
div.gallery .vent div.clear,
div.gallery .temperature div.clear,
div.gallery .bouton div.clear {
	width: 0!important;
	height: 0!important;
}

div.gallery div.mois div.first span:hover {
   border-top-color: #ff0000;
   background: #00ff00;
   color: #FF0000;
}

div.gallerydiv.mois div.first span:active {
   border-top-color: #FFFFFF;
   color: #000000;
   background: #FF0000;
   }

div.gallery div.jours.total div.first,
div.gallery div.mois div.first {
	float:left;
	width: 128px;
}

div.gallery div.jours div.first span, 
div.gallery div.mois div.first span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 40px;
	height: 40px;
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	border-top: 1px solid #d7eaf5;
	background: #0505fc;
	background: -webkit-gradient(linear, left top, left bottom, from(#596c78), to(#0505fc));
	background: -webkit-linear-gradient(top, #596c78, #0505fc);
	background: -moz-linear-gradient(top, #596c78, #0505fc);
	background: -ms-linear-gradient(top, #596c78, #0505fc);
	background: -o-linear-gradient(top, #596c78, #0505fc);
	padding: 0px 0px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 18px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #ffff00;
	font-size: 20px;
	font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}

 /*div.mois span:hover {
   border-top-color: #ff0000;
   background: #00ff00;
   color: #FF0000;
   }

 div.mois span:active {
   border-top-color: #FFFFFF;
   color: #000000;
   background: #FF0000;
   }*/