/******************* STYLES COMMUNS **********************/
@font-face {
	font-family: 'BebasNeueRegular';
    src: url('/finc/fonts/bebas_neue/bebasneue-webfont.eot');
    src: url('/finc/fonts/bebas_neue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/finc/fonts/bebas_neue/bebasneue-webfont.svg') format('svg'),
         url('/finc/fonts/bebas_neue/bebasneue-webfont.woff') format('woff'),
         url('/finc/fonts/bebas_neue/bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#menuObs > li:hover {
	background: #096BA4 !important;
}
#menuObs > .active {
	background: #096BA4 !important;
	background-color: #096BA4 !important;
}
#menuObs > li:hover {
	background: #096BA4 !important;
}

/****************************articles***************************************/

.blocPub-meteo{
	width:570px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
.MediumajoutFavoris:hover,.MediumajoutFavorisOff:hover {
	color: #ffffff !important;
	background: #096BA4;
 /* Old browsers */
	background: -moz-linear-gradient(top,  #096BA4 1%, #7FAD00 100%);
 /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#256A9E), color-stop(100%,#7FAD00));
 /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #096BA4 1%,#7FAD00 100%);
 /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #256A9E 1%,#7FAD00 100%);
 /* Opera 11.10+ */
	background: -ms-linear-gradient(top,   #256A9E 1%,#7FAD00 100%);
 /* IE10+ */
	background: linear-gradient(to bottom,   #256A9E 1%,#7FAD00 100%);
}
/*****************************styles généraux (overridés)*****************************/
#observatoire a {
	color: #096BA4;
}

#observatoire a:hover {
	color: #D78C00;
}

#observatoire h1 {
	font-family: 'archivo narrow';
}

#observatoire h2,#observatoire h3{
	font-size: 20px;
}
/*****************************Separateurs*****************************/
.separator {
	border-top: 1px solid #096BA4;
}

.separator .blocSeparator {
	background-color: #096BA4;
}
/***************************Commentaires****************************/
.getComment:hover  span {
	color: #096BA4 !important;
}

/****************** FIN STYLES GENERAUX *******************/
.blocMeteo ul li a:hover, .blocMeteo ul li a:active, .blocMeteo ul li a:visited, .blocMeteo ul li a {
	color: #006699;
}

.blocMeteo #tab_criteresalertes {
	font-weight: bold;
	font-size: 12px;
	color: #006699;
	height: 130px;
}
.chargement {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(256,256,256,0.6);
	display: none;
	z-index: 20;
	padding-top: 150px;
}
.chargement b {
	color: #777;
}
#divPrevisions {
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#divPrevisions .meteobgclaircolor {
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
}

#divPrevisions .meteoborderright {
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 18px;
	text-align: right;
	border-right:2px solid #E0E0E0
}

.picto40 {
	width: 58px;
	height: 58px;
}

.picto30 {
	width: 38px;
	height: 38px;
}

.ephemerides {
	font-size: 20px;
	font-family: 'archivo narrow';
	color: #999;
	display: table;
}

/*******************Nav*****************/
/**Nav principale**/

#Nav {
	height: 45px;
	font-family: 'archivo narrow',verdana;
	list-style: none;
	background-color: #F1F1F1;
	margin-left: -8px;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	position: relative;
	z-index: 1;
	padding-left: 20px;
	width: 768px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
	font-size:14px;
	
}

#Nav > li {
	position: relative;
	display: inline-block;
	padding-top: 1px;
}



#Nav > li.pro > a {
	background: url('/finc/observatoire/meteo2013/img/puce_pro.png') 92% 3% no-repeat transparent;
}
#Nav > li.active > a {
	background-color: #fff;
	color:#096BA4;
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
}
#Nav > li > a {
	color: #444;
	height: 43px;
	display:inline-block;
	line-height: 43px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	text-decoration: none;
}
.firefox  #Nav > li > a {
	height: 44px;
	line-height: 44px;
}
#Nav > li > ul {
	display: none;
	list-style: none;
	width: 190px;
	position: absolute;
	top: 144px;
	left: 0px;
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.csstransitions  #Nav > li > ul {
	-moz-transition: top 0.3s ease-out,opacity 0.3s ease-out;
	-webkit-transition:top 0.3s ease-out,opacity 0.3s ease-out;
	-o-transition: top 0.3s ease-out,opacity 0.3s ease-out;
	transition:top 0.3s ease-out,opacity 0.3s ease-out;
	opacity:0;
	height:0px;
	overflow: hidden;
}

#Nav > li > ul > li > a {
	display: block;
	padding: 10px 18px;
	cursor: pointer;
	color: #333;
	text-decoration: none;
}

#Nav > li > ul > li:hover > a {
	color: #000;
	background-color: #EDEDED;
}


.csstransitions #Nav  li:hover > ul {
	display:block;
	height: auto !important;
	overflow:visible;
	opacity:1;
}

#Nav > li:hover >  a {
	color:#096BA4;
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
}

#Nav  li:hover > ul {
	height:auto;
	opacity:1;
	display: block;
	top: 44px;
	z-index: 12;
}

#Nav > li:hover > a {
	background-color: #fff !important;
	color: #555;
}

#Nav:after {
	background: url(/finc/clubs/images/corner.png) no-repeat scroll 0% 0% transparent;
	top: 46px;
	position: absolute;
	content: "";
	display: block;
	height: 7px;
	left: -1px;
	position: absolute;
	width: 8px;
	z-index: 1;
} 

/**Onglets 5 jours et 10 jours**/

/**Navigation dans les moments de la journée (Matin/apres midi/Soir**/
#dayNav {
	margin-top: 10px;
	width: 100%;
	height: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;

}

#dayNav  > ul {
	width: 100%;
	height: 25px;
	list-style: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#dayNav  > ul  > li{
	float: left;
	width: 19%;
}
#dayNav  > ul > li > a {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display: block;
	font-size: 13px;
	
	padding: 0;
	line-height: 25px;
	cursor: pointer;
	text-align: center;
	background-color: #EDEDED;
}

#dayNav  > ul > li:first-child a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left: 1px solid #CCC !important;
}

#dayNav  > ul > li:last-child a {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


#dayNav  > ul > li:hover:first-child,#dayNav .active:first-child {
	border-left: 1px solid #14466B !important;
}



#dayNav  > ul > li > a {
	font-weight: bold;
	display: inline-block;
	width: 100%;
	height: 25px;
	text-decoration: none;
	color: #333 ;
}

#dayNav  > ul a:hover,#dayNav .active {
	background-color: #1B5E91;
	color: #fff !important;
	border-top: 1px solid #14466B;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #14466B;
}

/**selector de pays custom**/
.customSelector {
	position: relative;
}

.dropdownSelector {
	background-color: #2D2D2D;
	cursor: pointer;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	margin-left: 0px;
	padding: 0 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #EFEFEF;
}

.dropdownSelector:hover {
	background: none repeat scroll 0 0 #666;
	color: #EFEFEF;
}

.dropdownSelector .arrowdown {
	background: url(/finc/observatoire/meteo2013/img/arrow_down.png) no-repeat scroll 0 0 transparent;
	height: 8px;
	position: absolute;
	right: 10px;
	top: 40%;
	width: 14px;
}

.customSelectorVals {
	z-index: 111; display: none;top : 40px;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FCFCFC;
	border-color: -moz-use-text-color #DBDBDB #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	display: none;
	height: 180px;
	overflow-y: auto !important;
	overflow-x: hidden;
	left: 0px;
	position: absolute;
	width: 100%;
}

.customSelectorVals ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.customSelectorVals ul li {
	cursor: pointer;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 4px;
}

.customSelectorVals ul li:hover {
	background: none repeat scroll 0 0 #3791AC;
	color: #FFFFFF;
}

.refresh-time {
	color: #888;
	margin-bottom: 10px;
}

.btnGraph {
	font-size: 13px;
	border: 1px solid #C0C2C1;
	border-radius: 2px;
	background: url(/finc/observatoire/meteo2013/img/chart20.png) 10% center no-repeat;
	margin-top: 0px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e6e6e6 !important;
	color: #096BA4 !important;
	font-weight: bold;
	cursor: pointer;
	float: right;
	width: 150px !important;
}

.btnGraph:hover {
	cursor: pointer;
	background-color: #fff !important;
	color: #333 !important;
}

/****************** CARTE NATIONALE *******************/


.votre-position {
	z-index: 10;
	color: #efefef;
	font-weight: bold;
	padding-left: 20px;
	width: 50px;
	height: 30px;
	background: url(/finc/observatoire/meteo2013/img/point-carte.png) 0% 0% no-repeat transparent;
}

.votre-position:hover,.votre-position.state-up {
	color:#000;
}

.votre-position p {
	color:#096BA4
}

.temp_carte {
	font-family: century gothic,arial,verdana;
	font-size: 15px;
	font-weight: bold;
	top: 10px;
	right: 2px;
	position: absolute;
	color: #FFF;
	text-shadow: 1px -1px 1px #000;
}
/****************** FIN CARTE NATIONALE *******************/


/****************** BANDEAU FX *******************/

#bandeauFx3 {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	vertical-align: middle;
}

#bandeauFx3 span {
	background-color: #FFF;
	width: 24%;
	display: inline-block;
	cursor: pointer;
}

#bandeauFx3 span a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	width: 100%;
	display: inline-block;
	color: #2D2D2D;
	font-weight: bold;
}

#bandeauFx3 span:hover {
}
/****************** FIN BANDEAU FX *******************/


/****************** BLOCS OBSERVATOIRE *******************/
.head-bloc-meteo {
	margin-top: 10px;
	position: relative;
}

.blocmeteo {
	background: #efefef;
	border-top: 1px solid #CCC;
	position: relative;
	border-bottom: 13px solid #2D2D2D;
}

.blocmeteo:after {
	content: "";
	width: 20px;
	height: 15px;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/pointersbottom-large.png) 0% 0% no-repeat transparent;
	z-index: 2;
	display: block;
	position: absolute;
	left: 50%;
	bottom: -10px;
}

.lastconsult {
	width: 78%;
	margin: 0% 0%;
	padding: 0% 0%;
}

.lastconsult p {
	display: inline;
}

.lastconsult i {
	display: inline;
}

.lastconsult ul {
	list-style: none;
	display: inline;
}

.lastconsult ul li {
	display: inline-block;
}

.lastconsult ul li:after {
	content: ", ";
}

.lastconsult ul li:last-child:after {
	content: "" !important;
}

.blocmeteo.left {
	padding: 2% 2% 0% 2%;
}

.blocmeteo > p {
	font-size: 18px;
	font-family: 'archivo narrow';
	color: #888;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.bloc-dropdown {
	height: 40px;
	width: 198px;
	position: relative;
	z-index: 3;
	display: inline-block;
}

.blocinput {
	margin-left: 12px;
	z-index: 3;
	height: 42px;
	width: 515px;
	display: inline-block;
	position: relative;
}

#bloctitre_previ {
	height: 5px;
	position: relative;
	font-size: 10px;
	width: 600px;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.blocmeteo-container {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.bloc-md-4 {
	width: 33%;
	float: left;
}

.buttonsubmit {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-left: -5px;
	height: 100%;
	border: 1px solid #000;
	font-size: 20px !important;
	color: #EFEFEF !important;
	font-family: 'BebasNeueRegular';
	background-color: #2D2D2D !important;
	width: 135px;
	font-weight:normal !important;
	white-space: nowrap;
	transition:background .2s ease;
	-webkit-transition:background .2s ease;
}

 .buttonsubmit:hover {
	color: #EFEFEF !important;
	background-color: #555 !important;
	border: 1px solid #666;
}


.firefox #saisie,.firefox #saisiemap {
	height: 42px;
}

#saisie,#saisiemap {
	display: inline-block;
	position: absolute;
	top: 0px;
	font-size: 16px;
	left: 0px;
	width: 381px;
	height:40px;
	
	padding: 0 3px !important;
	background-color: #fff;
	-moz-transition: -moz-box-shadow 0.5s,border 0.5s;
	-webkit-transition: -webkit-box-shadow 0.5s,border 0.5s;
	-o-transition: box-shadow 0.5s,border 0.5s;
	transition: box-shadow 0.5s,border 0.5s;
}

#saisie:focus,#saisiemap:focus {
	box-shadow: 0px 0px 12px #97C5ED;
	-moz-box-shadow: 0px 0px 12px #97C5ED;
	-o-box-shadow: 0px 0px 12px #97C5ED;
	-webkit-box-shadow: 0px 0px 12px #97C5ED;
	border: 1px solid #67A8DB;
}

.bloc-pro {
	float: right;
}

.ajoutFavorisPro .icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(/finc/universpro/images/etoile-petite.png) 50% 50% no-repeat transparent;
	margin-right: 5px;
}

.MediumajoutFavoris .icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background: url(/finc/universpro/images/etoile-petite.png) 50% 50% no-repeat transparent;
}

.MediumajoutFavoris,.MediumajoutFavorisOff,.ajoutFavorisPro {
	color: #EFEFEF;
	width: 130px !important;
	border-radius: 0px  !important;
	font-family: 'BebasNeueRegular';
	font-size: 20px;
	height: 30px;
	background: #2D2D2D;
	border: 1px solid #000;
	margin-right: 2px;
	width: 135px !important;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight:normal !important;
	
	transition:background .4s ease;
	-webkit-transition:background .4s ease;
}

.MediumajoutFavoris:hover,.MediumajoutFavorisOff:hover,.ajoutFavorisPro:hover {
	background: #555;
	color: #EFEFEF!important;
	border: 1px solid #666;
}

.container-service {
	width: 76%;
	margin-left: auto;
	margin-right: auto;
}

.container-service .bloc-service > div {
	float: left;
	width: 150px;
	height: 150px;
	border-radius: 50% !important;
	-webkit-border-radius:  50% !important;
	-moz-border-radius:  50% !important;
	margin-bottom: 10px;
	-moz-transition: all linear 0.3s;
	-webkit-transition: all linear  0.3s;
	-o-transition: all linear  0.3s;
	transition: all linear  0.3s;
}

.container-service .bloc-service:hover > div {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
.container-service .bloc-service > div > span {
	display: block;
	width: 150px;
	height: 150px;
	border-radius:  50% !important;
	-webkit-border-radius:  50% !important;
	-moz-border-radius:  50% !important;
	overflow: hidden;
}

.container-service .histo > div > span {
	background: url(/finc/observatoire/meteo2013/img/tendance-picto.png) center center no-repeat #6095bb;
}

.container-service .radar > div > span {
	background: url(/finc/observatoire/meteo2013/img/radar-picto.png) center center no-repeat transparent;
}

.container-service .tendance > div > span {
	background: url(/finc/observatoire/meteo2013/img/evol-picto.png) center center no-repeat transparent;
}

.container-service .bloc-service {
	margin: 20px 20px;
	text-align: center;
	width: 150px;
	cursor: pointer;
	float: left;
}

.container-service .bloc-service  a {
	font-size: 20px;
	font-family: 'archivo narrow';
	color: #666 !important;
}
/*************** CARTE NATIONALE *******************/
#national_carte{
	margin-left:223px;
}
#national_carte,#listepictocarte {
	width: 535px;
	position: relative;
}

.container-carte {
	border-bottom: 18px solid #2D2D2D;
	margin-left: auto;
	margin-right: auto;
}

.container-carte:after {
	content: "";
	width: 35px;
	height: 17px;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/pointersbottom-large-black.png) 0% 0% no-repeat transparent;
	display: block;
	position: absolute;
	left: 50%;
	bottom: -34px;
	z-index: 1;
}

#gmap {
	float: left;
	width: 40% !important;
}

#gmap .container {
	border: 1px solid #CCC;
	height: 350px;
	overflow: hidden;
}

#navdroite {
	position: absolute;
	top: 0px;
	left: 0;
	width: 27%;
	margin-bottom: 10px;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}
#navdroite ul li  span{
font-size:0px;	
transition:all .3s ease; 
-webkit-transition:all .3s ease; 
padding-right:5px;
}
#navdroite ul li {
	line-height:36px;
	height:36px;
	color : #444;
	cursor:pointer;
	padding-left:20px;
	border-bottom:1px solid #EEE;
	transition:padding .3s ease; 
	-webkit-transition:padding .3s ease; 
	font-family: 'BebasNeueRegular';
	font-size:20px;
}
#navdroite  li:hover {
	color: #096BA4;
	background-color : #efefef;
}
#navdroite ul li:hover  span,#navdroite ul .active  span{
	font-size:20px;	
}
#navdroite ul .active {
	color: #0A4C72;
	background-color : #efefef;
}



#bulletin{
	padding:10px;
}

/****************** FIN BLOCS OBSERVATOIRE *******************/

/****************** STYLES HABILLAGE OBSERVATOIRE *******************/

/****************** FIN STYLES HABILLAGE OBSERVATOIRE *******************/

/****************** STYLES TABLEAUX PREVISIONS (avec SLIDE) *******************/

.barre_droite_meteo {
	width: 23px;
	height: 559px;
	background-image: url(http://www.terre-net.fr/finc/observatoire/meteo2013/img/bg_table_meteo_drte.png);
	background-repeat: repeat-y;
	float: left;
}

.barre_gch_meteo {
	width: 23px;
	height: 559px;
	background-image: url(http://www.terre-net.fr/finc/observatoire/meteo2013/img/bg_table_meteo_gch.png);
	background-repeat: repeat-y;
	float: left;
}

.entete-column {
	display: block;
	padding: 15px 0 15Px 0;
	cursor: pointer;
	font-size:20px;
	font-family:'BebasNeueRegular';
	color:#096BA4;
	font-weight:normal;
}

.entete-column:hover {
	background: #E0E0E0;
	color: #666;
}

.tableh td span,.meteo_donnees td span {
	
}

.tableh th,.meteo_donnees th {
	width: 40px;
	font-size: 16px;
	border-bottom: 5px solid #096BA4;
	color:#096BA4;
}
.tableh td{
	text-align:center;
}

.tableh .head-column,.meteo_donnees .head-column {
	width: 102px;
}
.meteo_donnees .meteoborderright {
	font-size:12px;
	padding-left:0px !important; 
	}
.tableh .meteoborderright {
	padding-left:16px !important; 
	}
.meteo_donnees .warning,.tableh .warning {
	color: #875252;
	font-weight: bold;
}

.meteo_donnees .big {
	font-size: 2.1em;
	font-weight: bold;
}

.meteo_donnees .middle {
	font-size: 1.3em;
	font-weight: bold;
}

.tableh .big {
	font-size: 1.1em;
	font-weight: bold;
}

.tableh .middle {
	font-size: 1.1em;
}

.meteo_donnees,.tableh {
	border-top:1px solid #efefef;
	font-family: segoe ui;
	margin-top: 0px;
	font-size: 12px;
	color: #666;
/**	border:1px solid #999;
	-webkit-box-shadow: 0px 0px 7px  #BCBCBC;
    box-shadow: 0px 0px 7px #BCBCBC;**/
	width: 740px !important;
	margin-bottom: 20px;
	border-bottom: 5px solid #096BA4;
}

.donnees_pro {
	float: left;
	width: 710px;
}

.meteo_donnees td {
	text-align: center;
}

.min_height_table {
	display: block;
	width: 1px;
	height: 445px;
}

.meteo_donnees .alternate_col {
	background-color: #FFFFFF;
}

.btns_choix_meteo {
	display: none;
}

.wind-rotate {
	transform:rotate(0deg);
	transition: transform ease 2s;
	padding: 8px;
}

/****************** FIN STYLES TABLEAUX PREVISIONS (avec SLIDE) *******************/
.marquee_alertes {
	color: #BD2B2B !important;
	font-weight:bold;
}

.marquee_alertes a {
	font-weight: normal;
	cursor: pointer;
}
.list-alert{
	font-size:10px; 
	margin:5px; 
	padding:5px; 
	background:#F4F4F4;
}

.marquee_alertes a:hover {
	text-decoration: underline;
}

.alerteMeteo {
	font-weight: bold;
	color: #ffffff;
	background-color: #FDF7F7;
	text-align: left;
	display: block;
	position: relative;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 5px;
	border: 1px solid #B2B2B2;
	font-weight: bold;
	background-color: #FBE6E6;
	width: 500px;
	margin-top: 5px;
	margin-bottom: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1));
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%,#F1F1F1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F1F1F1',GradientType=0 );
	background: -moz-linear-gradient(center top , #FFFFFF, #F1F1F1) repeat-x scroll 0 0 #FFFFFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

#bottomMeteo {
	color: #EFEFEF !important;
}

#bottomMeteo {
	background-color: #353535;
	overflow: hidden;
	padding: 5px;
}

#bottomMeteo .bloctitre {
	color: #F4DA70;
	text-align: center;
	font-family: 'Archivo Narrow',arial;
}

#bottomMeteo  a {
	color: #efefef !important;
}

#bottomMeteo ul {
	list-style: none;
}

/*****Listing dpt**********/
.listing-dpt {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top:10px;
	border-top:4px solid #efefef;
}

.listing-dpt .column {
	list-style: none;
	float: left;
	width: 32%;
}
#blocmeteocontenu_bulletin2{
padding:10px;	
}
/**********tooltip************/
.tooltip {
	z-index:1664;
	cursor: pointer;
	position: absolute;
	display: block;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity: 0;
	max-width: 220px;
	min-width: 50px;
	min-height: 40px;
	max-height: 250px;
}

.tooltip-content {
	z-index: 20;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom:10px;
	
}

.tooltip.fade {
	opacity: 1;
}

.tooltip-content div {
	padding: 5px 10px;
}

.tooltip-content .title-tooltip {
	text-align: center;
	background: #EEE;
	font-weight: bold;
	background: -moz-linear-gradient(top,  #ffffff 1%, #EEEEEE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#EEEEEE));
	background: -webkit-linear-gradient(top,  #ffffff 1%,#EEEEEE 100%);
	background: -o-linear-gradient(top,  #ffffff 1%,#EEEEEE 100%);
	background: -ms-linear-gradient(top,   #ffffff 1%,#EEEEEE 100%);
	background: linear-gradient(to bottom,   #ffffff 1%,#EEEEEE 100%);
	margin-top: 3px;
}

.tooltip .arrow-tooltip.bottom {
	position: absolute;
	z-index: 21;
	top: 2px;
	height: 10px;
	width: 100%;
	display: block;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/pointersl.png) no-repeat 55% center;
}

.tooltip .arrow-tooltip.right {
	position: absolute;
	z-index: 21;
	left: 2px;
	top: 45%;
	height: 10px;
	width: 10px;
	display: block;
	background: url(/finc/StructurePortail/TN/Homepage2013/images/pointersright.png) no-repeat 50% 50%;
}

/**********************************Bulletin-video********************************/

.container-thumbnail-bulletin {
	cursor: pointer;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 120px;
}

.container-thumbnail-bulletin img {
	width: 100%;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.container-thumbnail-bulletin .playbutton {
	position: absolute;
	display: block;
	top: 20px;
	width: 20%;
	height: 30px;
	margin-left: 40%;
	margin-right: 40%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABBdEVYdENvbW1lbnQAQ1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gODAKsYcypAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAADHSURBVDhP7ZA7CsJAFEXjbwM2NtZuwUqwtrBRKzdgZWvjElxEVqIggo3ZgAuwdAEixjPhTmGYIZMoVjlwYF7efbdIVPN70jTd4AKb+vQdFJ3RcMEZNrSqBgW20HLCidbl4ThfaElwii1Fw+DAV2jZ4wjDfgXBokLLAYc680MotNDwxFinbgiEFj4wxoFO3RAoKrzjDvs6+YRFT88MZl/hDbfYVdQNgaWeGcz5wiuusK1IOTg0hS884hw7WlWDgjWONdb8nSh6A8sclw9I+36CAAAAAElFTkSuQmCC)  no-repeat 50% 50% rgba(0,0,0,0.4);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.container-thumbnail-bulletin:hover .playbutton {
	background-color: #000;
}

.container-thumbnail-bulletin .info {
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background-color: #2D2D2D;
	font-size: 12px;
	transform: translateY(70px);
	-webkit-transform: translateY(70px);
}

.container-thumbnail-bulletin:hover .info {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}	 

/***************Planning-traitement********************/
#planning-traitement-table {
	width: 100%;
	padding: 3px;
}

.advice-planning {
	font-size: 10px;
}

#planning-traitement-table th {
	background-color: #efefef;
	min-width: 25px;
	font-size: 11px;
	border-bottom: 5px solid #CCC;
	border-right: 1px solid #CCC;
}

#planning-traitement-table tr td:first-child {
	font-size: 11px;
	padding: 3Px;
}

#planning-traitement-table tr td {
	text-align:center;
}

#planning-traitement-table tr th:first-child {
	font-size: 11px;
	padding: 3Px;
}

#form-planning table {
	width: 100%;
}
#form-planning .form-control{
	display:inline-block;
}
#form-planning td {
	border-bottom: 5px solid #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
}

#form-planning input[type=text] {
	width:60px;
}

#form-planning input[type=submit] {
	display: block;
	float: right;
}

#form-planning tr:last-child td {
	border-bottom: 5px solid transparent;
}


/***********Carte precip*****/

.carte-radar-list {
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	width: 63%;
	margin-left: 220px;
	height: 520px;
}

#carte-radar {
	background-color: #2D2D2D;
	width: 100%;
	position: relative;
}

#carte-radar h3 {
	font-size: 30px;
	color: #999;
	text-shadow: 0 1px 4px rgba(0,0,0,0.8);
	text-align: center;
	margin-top: 10px;
}

.carte-radar-list p {
	color: #EFEFEF;
	font-size: 15px;
	top: 5px;
}

#pager-slideshow li p {
	color: #2D2D2D;
	font-size: 17px;
	position: absolute;
	width: 100%;
	top: 25px;
	text-align: center;
}

#pager-slideshow {
	list-style: none;
	float: left;
}

#pager-slideshow .activeSlide,#pager-slideshow li:hover {
	border: 2px solid #000;
	box-shadow: 0 1px 20px #000;
	-webkit-box-shadow: 0 1px 20px #000;
}

#pager-slideshow .activeSlide img,#pager-slideshow li:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	opacity: 1;
}

#pager-slideshow li {
	cursor: pointer;
	width: 140px;
	height: 100px;
	text-align: center;
	position: relative;
	margin-top: 30px;
	margin-left: 25px;
	margin-right: 15px;
	border: 2px solid transparent;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	font-family: 'archivo narrow';
}

#pager-slideshow li img {
	width: 140px;
	height: 100px;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	opacity: 0.7;
}

.button-stop-carte, .button-play-carte {
	padding: 4px 10px 0 10px;
}

.button-stop-carte {
	display: none;
}

.button-carte {
	float: right;
}

.bloc-meteo .wrapper {
	position: relative;
	width: 480px;
	z-index: 1;
	height: 320px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

.start-scroll {
	z-index: 3;
	padding: 5px;
	top: 5px;
	right: 5px;
	position: absolute;
	background-color: #1B5E91;
	font-weight: bold;
	color: #efefef;
	font-size: 17px;
	font-family: 'archivo narrow',arial;
}

.carte-meteo-overlay img {
	width: 100%;
	height: 100%;
}


.carte-meteo-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: top left;
}

.ui-slider-range {
	background-color: #efefef;
}

.ui-slider-range.active {
	background-color: transparent;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 60px 0;
	}
}

@-moz-keyframes animate-stripes {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 60px 0;
	}
}

.ui-slider {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	position: relative;
	text-align: left;
	width: 80%;
	border: 1px solid #CCC;
	z-index: 1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.ui-slider .ui-slider-handle {
	cursor: default;
	height: 1.4em;
	position: absolute;
	width: 1.4em;
	z-index: 2;
	border: 1px solid #777;
	background-color: #666;
	cursor: pointer;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

.ui-slider .ui-slider-handle:hover {
	background-color: #efefef;
}

.ui-slider .ui-slider-range {
	background-position: 0 0;
	border: 0 none;
	display: block;
	font-size: 0.7em;
	position: absolute;
	z-index: 1;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -0.6em;
	top: -0.3em;
}

.ui-slider-horizontal .ui-slider-range {
	height: 100%;
	top: 0;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

/**********Prev-geoloc**************/
.prev-geoloc {
	margin-top: 3px;
	padding: 0 10px 0px 10px;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
	color: #666;
	position: relative;
	
}
.prev-geoloc > div{
	padding-bottom:5px;
	margin-top:5px;
}
.prev-geoloc .bloc-day{
width:22%;
margin:2% 0.5% ;
padding:0.5%;
float:left;
border:1px solid #EFEFEF;
text-align:center;
height:80px;
}
.prev-geoloc .bloc-day:hover {
background-color:#efefef;
}
.prev-geoloc .bloc-day > img{
	float: left;
	margin-left:20px;
}
.prev-geoloc .bloc-day > p{
font-weight:bold;
}
.prev-geoloc .bloc-day > p > .pluie{
	font-weight:normal;
	font-size:20px;
	font-family: 'BebasNeueRegular';
	font-weight:normal !important;
	color:#6095BB;
}
.prev-geoloc .bloc-day > p > .temp{
	color:#999;
	font-weight:normal;
	font-size:30px;
	font-family: 'BebasNeueRegular';
}

.prev-geoloc h4 {
	text-align: left !important;
	font-size: 30px;
	color: #1B5E91;
	font-family: 'archivo narrow',segoe ui,arial;
}

.prev-geoloc img {
	float: left;
	margin-right: 20px;
}

.prev-geoloc .bloc-date {
	text-align: right;
	color: #2D2D2D;
	float: right;
}

.prev-geoloc .bloc-date .date-time {
	color: #1B5E91;
	font-weight: bold;
}

.prev-geoloc .col {
	display: inline-block;
	margin-right: 30px;
	width: 170px;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #EFEFEF;
	font-size:12px;
}

.prev-geoloc .col span {
	color: #2D2D2D;
	float: right;
	font-size:12px;
}

th.meteoborderright {
}

#carte-risque {
	position: relative;
	width: 68%;
	float:right;
	margin-left:10px;
	display:block;
	min-height:200px;
}

.bloc-info-carte {
	width:84.2%;
	min-height:483px;
	display:block ;
	background:url(/finc/observatoire/meteo2013/img/fondvigilance.png) no-repeat -6px 0px;

}

.bloc-info-carte img {
	margin-top:6px;
	margin-left:2px;
	height: auto;
	z-index: 1;
	width:96.5%;

	opacity:0.9;
}

#pager-slideshow-risque {
	z-index: 2;
	float: left;
	list-style: none;
	width: 30%;
	text-transform:uppercase;
	height: 100%;
	min-height:480px;
}

.OngletlexiqueSelected {
	color: #28AAE1;
}

.Ongletlexique,.OngletlexiqueSelected {
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-left: 13px;
	margin-bottom: 20px;}

#pager-slideshow-risque li {
	cursor: pointer;
	padding:5px 20px;
	font-size: 130%;
	font-family: 'BebasNeueRegular';
	border-bottom: 1px solid #fff;
	color: #EFEFEF;
	background-color: #2D2D2D;
}

#pager-slideshow-risque .activeSlide,#pager-slideshow-risque li:hover {
	background: #666;
	color: #000;
}
.hidden{
	display:none;
}
.buttontop:hover {
	background-color: #074163;
	color:#efefef;
	text-decoration:none;
}
.linkhead{
	display:inline-block;
	overflow:hidden;
	margin-top:0px;
}
.buttontop {
	float: right;
	display:inline-block;
	cursor:pointer;
	padding:0 10px;
	font-family: 'BebasNeueRegular';
	background-color: #1B5E91;
	color: #efefef !important;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size: 20px;
	line-height:38px;
	text-decoration:none;
	border: 0;
	height:38px;
	overflow: hidden;
	margin-right: 20px;
	margin-top:2px;
	font-weight:normal !important;
}
	#jvectormap,#list-point{
		height:600px;
	}
	.jvectormap-region{
		cursor:zoom-in;
	}
	#jvectormap{
		position:relative;
		z-index:1;
		overflow:hidden;
		max-width:900px;
		width:530px;
		height:500px;
		position:relative;
	}

	.picto-map span{
		font-family:'BebasNeueRegular';
		color:#efefef;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
		position:absolute;
		left:45px;
		top:0px;
		max-width:150px;
		min-width:40px;
		font-size:20px;display:block;
		z-index:4;
	}
	.picto-map span > p{
		position:relative;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		color:#999 !important;
		text-shadow: none;
		display:block;
	}
	.picto-map {
		position:absolute;
		width:50px;
		height:50px;
		cursor:pointer;
		z-index:3;
	}
	.picto-map  img{
		width:50px !important;
		height:50px !important;
		z-index:4;
	}

	#container-vectormap{
		position:relative;
	}
	.jvectormap-label {
		position: absolute;
		display: none;
		border: solid 1px #CDCDCD;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #292929;
		color: white;
		font-family: sans-serif, Verdana;
		font-size: smaller;
		padding: 3px;
		z-index:10
	}

	.jvectormap-zoomin, .jvectormap-zoomout {
		z-index:5;
		position: absolute;
		left: 10px;
		background: #096BA4;
		color: #fff;
		width: 50px;
		height: 50px;
		cursor: pointer;
		line-height: 50px;
		line-height:50px;
		font-size:20px;
		text-align: center;
		font-weight:bold;
		transition: background .3s ease-in;
		-webkit-transition: background .3s ease-in;
	}
	.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
		background-color:#094C72
	}
	
	.jvectormap-zoomin {
		top: 10px;
		
	}

	.jvectormap-zoomout {
		top: 60px;
	}
	
.ui-datepicker { width: 17em; padding: .2em .2em 0; background-color:#fff; z-index:4;border:1px solid #E0E0E0;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 3.8em; height: 1.8em; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*Histo météo*/

#annee {
    border: medium none;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 8px;
    text-align: center;
    vertical-align: middle;
	font-weight:bold;
	font-size:16px;
}

.Ombro
{
	margin-top:-5px;
}


#choixannee {
    clear: left;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
}
#flechedroite,#flechegauche{
	width:50px;
	height:34px;
}
#flechedroite
{
	border:none;
	background:url(/finc/observatoire/meteo2013/img/FlecheDroite.png) no-repeat;
	display:inline-block;
}

#flechegauche
{
	border:none;
	background:url(/finc/observatoire/meteo2013/img/FlecheGauche.png) no-repeat;
	display:inline-block;
}

.navmonth[disabled]
{
	background-color:#CECECE;
	box-shadow:none;
}
.navmonth.selected
{
	color:white;	
	background-color:#0B0B61;
}

.navmonth {
    margin-bottom: 10px;
	width: 110px;
}

#stations
{
	display: inline-block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	width: 756px;
}

#stations h4 
{
	background-color: #FFFFFF;
	left: 10px;
	margin: 0;
	padding: 0 10px;
	position: absolute;
	top: -12px;
	font-size: 12px;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
}


#boutonmois
{
	width:auto;
	text-transform:capitalize;
	margin-left: 41px;
}

.codepostal
{
	border: 2px solid;
	border-radius:20px;
}

#mois
{
	margin-top:15px;
	position:relative;
}

#titre
{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
	margin-top: -5px;
	margin-bottom:0;
}

.Temp
{
	width:360px;
	margin-left:10px;
}

.Pluv
{
	width:360px;
	margin-left:10px;
}

.rouge
{
	color:#FF0000;
	font-size: 12px;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
}

.bleu
{
	color:#74D0F1;
	font-size: 12px;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
}

.styletexte
{
	font-size: 12px;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
}

h3
{
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
}

#mois h4
{
	background-color: #FFFFFF;
	left: 20px;
	margin: 0;
	padding: 0 10px;
	position: absolute;
	top: -12px;
	font-size: 12px;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
}

#lastation, #Parthaut, #Partbas
{
	margin-left:10px;
}

#lastation
{
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 30px; 
	margin-top: 10px;
	margin-bottom: 7px;
}

#Parthaut
{
	margin-bottom: -3px;
}

#Partbas
{
	margin-bottom: 5px;
	margin-right:-7px;
}

#StationChoisie label
{
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
	font-size: 14px;
}

#TitreOmbro
{
	text-align: center;
	margin: 15px 2px 3px 10px;
	padding-top: 10px;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 360px;
}

#dlchoixstation
{
	font-size: 12px;
	padding-top:10px;
}

#telechargement
{
	position: relative;
	 margin-top: 10px;
    padding-top: 10px;
	padding-bottom:15px;
}

#telechargement select
{
	font-size: 11px;
}

#telechargement h4
{
	background-color: #FFFFFF;
	left: 10px;
	margin: 0;
	padding: 0 10px;
	position: absolute;
	top: -11px;
	font-size: 12px;
	font-family: 'Segoe ui',Segoe ui,Arial,Calibri,sans-serif;
}

#dlchoixannee
{
	display:block;
	padding-top:10px;
	overflow:hidden;
}

#dlchoixannee span
{
    margin-right: 10px;
}

#choixconsultation
{
	display:block;
	padding-top: 10px;
	font-size: 12px;
}

.periode
{
	margin-left: 15px;
	vertical-align:middle;
	margin-top: -5px;
}

#validerchoix
{
	margin-left: 15px;
	text-transform:capitalize;
	font-size: 12px;
}

#datefin-histo option, #datedebut-histo option
{
	text-transform: capitalize;
}

#tableauhisto
{
    border: 1px solid #237CD1;
    margin: 5px 5px 5px 20px;
    width: 95%;
}

#tableauhisto tbody
{
    text-align: center;
}

#generation
{
    background-color: #000000;
    color: #FFFFFF;
    margin-left: 310px;
    padding-left: 20px;
    padding-right: 20px;
}