/*
* @version		$Id: 00001
* @package		WebComSag
* @copyright	Copyright (C) 2010 TCSD. All rights reserved.
* @license		TCSD
* @auteur		Fran�ois Cheminade
* @Fichier		style global du site
*/
@import "jquery/jquery.ui.base.css";
@import "jquery/jquery.ui.theme.css";

body {
  width: 100%;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333;
  background: #70696D;
}

.body_bg {
  background: url(../images/bg_page.png) top left repeat;
}

:focus {
  outline: none;
}

/*************************************************************************************/
/*                                SITE                                               */
/*************************************************************************************/
/* google map */
v\:* {
  behavior: url(#default#VML);
}

/* ecritures */
.information {
  /*font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #339900;
	font-weight:bold;*/
  /*vertical-align:*/
}

/* message de defaut */
.defaut {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #990000;
  font-weight: bold;
}

/* message d'attente et message pas d'info*/
.msg_attente {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #006699;
  position: fixed;
  left: 50%;
  top: 50%;
  visibility: hidden;
}

/* zone de saisie d'une base (page cumul_temp) */
.base_select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 12px;
  width: 50px;
  color: #000000;
  background-color: #FFFFFF;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  border: 1px solid #003399;
  text-align: center;
}

/* zone de saisie d'une date*/
.date_select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 12px;
  width: 70px;
  color: #000000;
  background-color: #FFFFFF;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  border: 1px solid #003399;
  cursor: pointer;
}

.date_txt {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 12px;
}

/* message d'information dans la page cumul temp�rature */
#message_user {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 100%;
  color: #000099;
  border: 1px solid #7C7C7C;
  background-color: #FFFFFF;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 18px;
}

#titre_station {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 100%;
  color: #000099;
  border: 1px solid #7C7C7C;
  background-color: #FFFFFF;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 18px;
}

#titre_station .big {
  font-size: 14px;
}

/*----------------------------------------------------------*/
/* formatage de l'affichage de la page configuration        */
/*----------------------------------------------------------*/
/* zone de saisie */
.cf_input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 12px;
  color: #000000;
  background-color: #FFFFFF;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  border: 1px solid #96BA38;
}

/* cadre */
.cf_cadre {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 650px;
  color: #000099;
  border: 1px solid #7C7C7C;
  background-color: #FFFFFF;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 18px;
}

.cf_select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 140px;
  color: #000000;
  text-align: center;
  background-color: transparent;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  border: 1px solid #b6dA58;
}

/*----------------------------------------------------------*/
/* formatage de l'affichage des onglets                     */
/*----------------------------------------------------------*/
.onglet {
  font-size: 9px;
  color: #ffffff;
  font-weight: bold;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.onglet td:hover {
  color: #0B55C4;
}

/*----------------------------------------------------------*/
/* formatage de l'affichage des message aux clients en haut */
/*----------------------------------------------------------*/
#news_flash {
  float: right;
  margin: -3px -50px 0px 0px;
  overflow: hidden;
}

/* conteneur du flash */
#Content_InfSwf {
  margin: 14px 0px 0px 0px;
}

#news_flash table.informations {
  background: url('../images/bg_info.gif') center left no-repeat;
  -moz-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  padding: 0px 0px 0px 0px;
}

/* �l�ment ok de la zone message */
#news_flash table.informations td {
  font-size: 10px;
  color: #009900;
  text-align: justify;
  font-family: Tahoma, Arial, sans-serif;
  padding: 0px 0px 0px 0px;
}

/*----------------------------------------------------------*/
/* formatage de l'affichage de la barre navigateur          */
/*----------------------------------------------------------*/
#pathway {
  color: #000000;
  font-size: 9px;
  height: 25px;
  margin: 0 0 10px 0;
}

#navi_txt {
  color: #888888;
  font-size: 9px;
}

/*
#pathway .pathway_l{
	background: url(../images/pathway_l.jpg) top left no-repeat;
	text-align:left;

	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:10px;
	color:#798950;
}

div.pathway_l span {
	color:#003300;
	font-size:9px;
	font-weight:bold;
}



.pathway a{
}
*/
/*----------------------------------------------------------*/
/* formatage de l'affichage des boutons                     */
/*----------------------------------------------------------*/
/* boutons pour panneau left */
#leftcolumn div.module div div div .button1,
#leftcolumn div.module div div div .button1 div {}

#leftcolumn div.module div div div .button1 {
  background: url(../images/j_button1_left.png) no-repeat;
  white-space: nowrap;
  color: #333;
}

#leftcolumn div.module div div div .button1 .next {
  background: url(../images/j_button1_next.png) 100% 0 no-repeat;
  color: #333;
}

#leftcolumn div.module div div div .button1 .home {
  background: url(../images/j_button1_site.png) 100% 0 no-repeat;
  color: #333;
}

#leftcolumn div.module div div div .button1 .display {
  background: url(../images/j_button2_display.png) 100% 0 no-repeat;
  color: #333;
}

#leftcolumn div.module div div div .button1 .refresh {
  background: url(../images/j_button2_refresh.png) 100% 0 no-repeat;
  color: #333;
}

#leftcolumn div.module div div div .button1 .validation {
  background: url(../images/j_button2_validation.png) 100% 0 no-repeat;
  color: #333;
}

#leftcolumn div.module div div div .button1 a {
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  padding: 0 30px 0 6px;
}

#leftcolumn div.module div div div .button1 a:hover {
  text-decoration: none;
  color: #0B55C4;
}

/* bounton zone centrale */
#main .button2,
#main .button2 div {}

#main .button2 {
  background: url(../images/j_button1_left.png) no-repeat;
  white-space: nowrap;
  ;
}

#main .button2 .next {
  background: url(../images/j_button1_next.png) 100% 0 no-repeat;
}

#main .button2 .home {
  background: url(../images/j_button1_site.png) 100% 0 no-repeat;
}

#main .button2 .config {
  background: url(../images/j_button1_admin.png) 100% 0 no-repeat;
}

#main .button2 .excel {
  background: url(../images/j_button2_excel.png) 100% 0 no-repeat;
}

#main .button2 .rimpro {
  background: url(../images/j_button2_rimpro.png) 100% 0 no-repeat;
}

#main .button2 .validation {
  background: url(../images/j_button2_validation.png) 100% 0 no-repeat;
}

#main .button2 .annulation {
  background: url(../images/j_button2_annulation.png) 100% 0 no-repeat;
}

#main .button2 .courbe {
  background: url(../images/j_button2_curve.png) 100% 0 no-repeat;
}

#main .button2 .tableau {
  background: url(../images/j_button2_tableau.png) 100% 0 no-repeat;
}

#main .button2 .legende_off {
  background: url(../images/j_button2_legende_off.png) 100% 0 no-repeat;
}

#main .button2 .legende_on {
  background: url(../images/j_button2_legende_on.png) 100% 0 no-repeat;
}

#main .button2 .recalcul {
  background: url(../images/j_button2_recalc.png) 100% 0 no-repeat;
}

#main .button2 .refresh {
  background: url(../images/j_button2_refresh.png) 100% 0 no-repeat;
}

#main .button2 .display {
  background: url(../images/j_button2_display.png) 100% 0 no-repeat;
}

#main .button2 .print {
  background: url(../images/j_button2_print.png) 100% 0 no-repeat;
}

#main .button2 .book {
  background: url(../images/j_button2_book.png) 100% 0 no-repeat;
}

#main .button2 .valdef {
  background: url(../images/j_button2_recalc.png) 100% 0 no-repeat;
}

#main .button2 .blank {
  background: url(../images/j_button2_vide.png) 100% 0 no-repeat;
}

/*#main  .button2 .next {
	background: url(../images/j_button3_blank.png) 100% 0 no-repeat;
}*/
#main .button2 a {
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 10px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  padding: 0 30px 0px 6px;
}

#main .button2 a:hover {
  text-decoration: none;
  color: #0B55C4;
}

/*************************************************************************************/
/*                               select et liste en partie configuration             */
/*************************************************************************************/
.confselect {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 20px;
  width: 140px;
  color: #000000;
  text-align: center;
  background-color: transparent;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  border: 1px solid #b6dA58;
}

/*************************************************************************************/
/*                  Conteneur de selection des cartes en mode gel                    */
/*************************************************************************************/
.blocselgel {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
  margin-left: 17px;
}

.blocselgelena {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 10px;
  color: #FF6633;
  padding: 0px 0px 0px 0px;
}

.blocseltitre {
  text-align: center;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #ffffff;
  color: #6699ff;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 15px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-weight: bold;
}

/*************************************************************************************/
/*                               Conteneur de l'arborescence                         */
/*************************************************************************************/
#divarbocontent {
  width: 158px;
}

#divarbocontent .btnContainer span {
  margin-top: 0;
  margin-bottom: 0;
}

/*************************************************************************************/
/*                               Conteneur des user icones                           */
/*************************************************************************************/
#zone_icones_conteneur {
  padding: 0pc 15px 0px 15px;
}

/*************************************************************************************/
/*                               position des tableau dans les modules               */
/*************************************************************************************/
#leftcolumn table, #rightcolumn table {
  width: 148px;
  margin: 2px auto 0 auto;
  padding: 0;
  color: #ffffff;
}

/*************************************************************************************/
/*                               gestion des modules                                 */
/*************************************************************************************/
/* zone interieur des blocs */
#leftcolumn div.module div div, #rightcolumn div.module div div {
  background: url(../images/bg_sel.jpg) center center repeat-y;
  /*background: url(../images/l_r_bottom.jpg) bottom center no-repeat;*/
  padding: 0 0px 0px 0;
  margin: 0 0 0px 0;
}

/* bas */
#leftcolumn div.module div div div, #rightcolumn div.module div div div {
  background: url(../images/l_r_top.jpg) bottom center no-repeat;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
}

/* barre haut bloc */
#leftcolumn .module div div div h3, #rightcolumn .module div div div h3 {
  color: #ffffff;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  background: transparent url(../images/h3_bg.jpg) top left no-repeat;
  font-weight: bold;
  padding: 0 0 0 0px;
  margin: 0 0 0px 0;
}

/*************************************************************************************/
/*                                TEMPLATE                                           */
/*************************************************************************************/
.clr {
  clear: both;
  font-size: 0;
  line-height: 0;
}

#wrapper {
  width: 960px;
  background: url(../images/content_m.jpg) top left repeat-y;
  margin: 0 auto;
}

.wrapper_b {
  background: url(../images/content_b.jpg) bottom center no-repeat;
  margin: 0 auto;
  padding: 10px;
  width: 940px;
}

/*** LOGO ***/
#top {
  margin: 0 auto;
  width: 940px;
  background: #3366CC;
  padding: 0 0 10px 0;
}

#logo {
  float: left;
  width: 900px;
  padding: 0;
  margin: 0 auto 6px 0;
  text-align: left;
}

#logo h1 {
  font-size: 12px;
  font-family: Arial;
  text-align: right;
  letter-spacing: 1px;
  color: #003399;
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
}

#search {
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
}

#search .search .inputbox {
  float: left;
  height: 18px;
  line-height: 14px;
  font-size: 11px;
  color: #798950;
  text-transform: capitalize;
  border: medium none;
  margin: 0;
  padding: 7px 0 0 6px;
  width: 119px;
  background: url(../images/search.jpg) top right no-repeat;
}

#search .button {
  float: left;
  font-size: 11px;
  color: #798950;
  padding: 0;
  border: none;
  width: 65px;
  height: 25px;
  line-height: 25px;
  margin: 0 0 0 10px;
  font-weight: normal;
  cursor: pointer;
  background: transparent url(../images/search_button.jpg) top left no-repeat;
}

#search .moduletable {
  margin: 0 auto;
  padding: 0;
}

#search form {
  margin: 0;
  padding: 0;
}

#mod_login_remember {
  border: none;
}

/*    START TOP MENU    */
#top_menu {
  background: url(../images/top_menu_bg.png) top center no-repeat;
  height: 50px;
  vertical-align: bottom;
  margin: 0 auto;
  padding: 10px 0 0px 0;
}

#topnavi {
  margin: 0;
  padding: 0;
}

#topnavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
}

#topnavi ul li {
  float: left;
  padding: 0;
  margin: 0 1px;
}

#topnavi ul li a, #topnavi ul li a:visited {
  float: left;
  color: #fff;
  display: block;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  height: 50px;
  line-height: 45px;
  padding: 0 25px;
  background: url(../images/but.jpg) center center repeat-x;
}

#topnavi ul li a:hover {
  background: url(../images/but_hover.jpg) center center repeat-x;
  color: #3366CC;
  text-decoration: none;
}

/*    END TOP MENU    */
#header {
  background: url(../images/header_bg.jpg) top left no-repeat;
  width: 937px;
  margin: 0 auto 10px auto;
  height: 100px;
  padding: 0;
}

#help_title {
  height: 14px;
  font-size: 9px;
  line-height: 10px;
  font-weight: bold;
  vertical-align: top;
  color: #ffffff;
  text-align: justify;
  font-family: Tahoma, Arial, sans-serif;
}

#content {
  width: 938px;
  padding: 0;
}

#leftcolumn, #rightcolumn {
  margin: 0;
  width: 180px;
  float: left;
}

#leftcolumn table td {
  font-size: 12px;
  font-family: Tahoma, Verdana, sans-serif;
}

#leftcolumn div.module form table {
  /* modula za registracia */
  padding: 0 0px;
  text-align: center;
  /*margin:0 auto;*/
  font-size: 12px;
  font-family: Tahoma, Verdana, sans-serif;
  color: #798950;
}

#leftcolumn div.module form {
  /* modula za registracia */
  padding: 0;
  text-align: center;
  margin: 0px 5px 0px 10px;
  font-size: 12px;
  font-family: Tahoma, Verdana, sans-serif;
  color: #798950;
  width: 160px;
}

#mod_templatechooser_jos_change_template {
  float: left;
  font-size: 11px;
}

#leftcolumn div.module div div div div {
  /** menuto v liava kolona**/
  text-align: left;
}

a.mainlevel:link, a.mainlevel:visited {
  margin: 0;
  line-height: 18px;
  padding: 0 0 0 20px;
  text-decoration: none;
  color: #798950;
  font-weight: bold;
  font-size: 11px;
  background: url(../images/menu_row.jpg) center left no-repeat;
}

a.mainlevel:hover {
  color: #798950;
  background: url(../images/menu_row.jpg) center left no-repeat;
  text-decoration: underline;
  font-weight: bold;
}

a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited {
  color: #798950;
  font-weight: bold;
  text-decoration: underline;
}

a#active_menu.sublevel:link, a#active_menu.sublevel:visited {
  color: #798950;
  text-decoration: underline;
}

a.sublevel:hover {
  color: #798950;
}

a.sublevel:link, a.sublevel:visited {
  text-decoration: none;
  color: #798950;
  font-size: 11px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  border: none;
  padding: 0 0 0 25px;
  background: url(../images/sub_menu_row.jpg) center left no-repeat;
}

#main {
  float: left;
  width: 600px;
  font-size: 12px;
  padding: 0 0 0 15px;
}

div#main {
  text-align: center;
}

#main_full {
  float: left;
  width: 718px;
  padding: 10px;
  font-size: 12px;
  text-align: center;
}

#leftcolumn div.module div div div div div {
  /** syndicate **/
  text-align: left;
  background: #6699ff;
  padding: 0;
  margin: 0 auto;
}

.module .syndicate {
  margin: 0 auto;
  width: 160px;
  text-align: center;
  padding: 10px 0 0 0;
  background: #00f6c6;
}

.module .syndicate div {
  padding: 0;
  margin: 0;
  text-align: center;
  background: #00f6c6;
}

td {
  font-family: Verdana, Arial, Tahoma, sans-serif;
}

.contentpaneopen table td {
  text-align: left;
}

.text {
  text-align: left;
  padding: 0 0 0 10px;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 11px;
  line-height: 12px;
}

div div div form {
  margin: 0 auto;
  text-align: left;
}

/*
.informations ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position:outside;
}

.informations li{
	line-height: 20px;
	padding-left: 0;
	padding-top: 0;
}
*/
/**  Linkove  **/
a {
  outline: none;
}

a:link, a:visited {
  text-decoration: none;
  font-weight: normal;
  color: #ffffff;
}

a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #003399;
}

.module div div div form table.poll {
  text-align: center;
}

.poll {
  font-size: 11px;
  text-align: left;
}

.poll table td {
  font-size: 11px;
  text-align: left;
  padding: 5px 0 0 0;
}

body.contentpane {
  background: #fff;
  text-align: left;
}

body.contentpane .contentpaneopen {
  width: 80%;
}

body.contentpane .contentpaneopen .contentheading {}

h2, .contentheading {
  text-align: left;
}

.moduletable {
  margin: 0 auto;
}

select.button {
  width: auto;
  padding: 0;
}

.pagenav_prev, .pagenav_next {
  font-family: Verdana, Arial, Tahoma, sans-serif;
  color: #333;
  font-size: 12px;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: justify;
}

table.contentpaneopen td.contentheading {
  padding: 0;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  vertical-align: middle;
  color: #f9a826;
  text-align: left;
  font-weight: bold;
  background-color: #FFFFFF;
}

table.contentpane ul {
  margin: 0;
  padding: 0 0 0 20px;
}

table.contentpane ul li {
  list-style-image: url(../images/li.jpg);
  line-height: 18px;
}

/*
.button {
	background:#96ba38;
	height:20px;
	border: none;
	color: #fff;
	font-size: 10px;
	cursor:pointer;
}
*/
form table td input.button {
  margin: 5px 0 5px 0;
  font-size: 11px;
  padding: 0 5px;
}

.inputbox {
  border: 1px solid #003399;
  color: #333;
  padding: 2px;
}

input[type="checkbox"] {
  border-style: none;
}

.copyright {
  font-size: 10px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #003399;
  font-family: Tahoma, Arial, Verdana, sans-serif;
}

.infofoot {
  font-size: 9px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #333333;
  font-family: Tahoma, Arial, Verdana, sans-serif;
}

.back_button {
  float: left;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 10px 0 50px 0;
}

.componentheading {
  margin: 0;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 14px;
  text-align: left;
  color: #f9a826;
  padding: 0 0 0 10px;
  font-weight: bold;
}

element.style {
  margin: 10px;
  padding: 0;
}

#footer {
  margin: 0 auto;
  width: 960px;
  height: 10px;
  text-align: right;
  vertical-align: top;
  padding: 10px 0 20px 0;
}

a.sgfooter:link, a.sgfooter:visited {
  color: #83A330;
  font-size: 12px;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  text-decoration: none;
}

a.sgfooter:hover {
  color: #83A330;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  text-decoration: none;
}

.sgf {
  font-size: 12px;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  color: #83A330;
  text-decoration: none;
}

.sgf1 {
  font-size: 12px;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  color: #83A330;
  text-align: center;
}

a.sglink:link, a.sglink:visited {
  color: #FFF;
  font-size: 11px;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  text-decoration: none;
}

a.sglink:hover {
  text-decoration: none;
}

img, table {
  border: none
}

a img {
  border: none;
}

.pagenav {
  font-size: 12px;
  font-weight: normal;
}

a.toclink:link, a.toclink:visited {
  line-height: normal;
  font-size: 11px;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  color: #000000;
  text-decoration: underline;
}

a.toclink:hover {
  text-decoration: none;
}

table.contenttoc {
  padding: 4px;
  margin-left: 4px;
  margin-bottom: 2px;
}

table.contenttoc th {
  color: #333;
  text-align: left;
  padding-top: 2px;
  padding-left: 4px;
  height: 21px;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}

.sectiontableheader {
  height: 20px;
  padding-right: 3px;
  font-weight: normal;
}

.sectiontableentry2, .sectiontableentry1 {
  font-size: 11px;
  text-align: left;
  padding: 2px;
}

.sectiontableentry1 {}

.sectiontableentry2 {}

table.contentpane {
  padding: 0 0 0 10px;
}

table.contentpane td.contentdescription {
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 0 10px;
}

table.contentpane td.componentheading {
  height: 20px;
  padding: 0 0 3px 0;
  color: #555;
  text-align: left;
  padding-bottom: 3px;
  white-space: nowrap;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

table.contentpane td {
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 12px;
  text-align: left;
}

table.contentpaneopen td {
  line-height: 14px;
  font-size: 12px;
  text-align: left;
}

.height {
  height: 100%;
}

.small {
  font-size: 10px;
  color: #999933;
  font-weight: normal;
  text-align: left;
}

.searchintro {
  font-size: 12px;
  text-align: left;
}

table.contentpaneopen td.createdate {
  height: 20px;
  vertical-align: top;
  font-size: 10px;
  color: #999933;
  font-weight: normal;
  padding-top: 0px;
  text-align: left;
}

table.contentpaneopen td.modifydate {
  height: 20px;
  vertical-align: top;
  font-size: 10px;
  color: #999933;
  font-weight: normal;
  padding-top: 0px;
  text-align: right;
}

.modifydate {
  text-align: right;
}

/** Data **/
.modifydate {
  height: 20px;
  vertical-align: bottom;
  font-size: 9px;
  color: #555;
  font-weight: normal;
  text-align: right;
}

table.contentpaneopen td a.readon {
  display: block;
  float: right;
  line-height: 14px;
  font-size: 10px;
  text-decoration: underline;
  padding: 1px 2px 1px 2px;
}

table.contentpaneopen td a.readon:hover {
  color: #999933;
  text-decoration: none;
}

.blog_more {
  margin: 2px 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

h4 {
  font-size: 10px;
  text-transform: uppercase;
}

.erreur {
  border-bottom-width: thin;
  border-bottom-style: dotted;
  border-bottom-color: #666666;
}

.btnFrigo {
  -moz-box-shadow: inset -9px -23px 36px -7px #6699ff;
  -webkit-box-shadow: inset -9px -23px 36px -7px #6699ff;
  box-shadow: inset -9px -23px 36px -7px #6699ff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6699ff), color-stop(1, #3366cc));
  background: -moz-linear-gradient(center top, #6699ff 5%, #3366cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6699ff', endColorstr='#3366cc');
  background-color: #6699ff;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  border: 1px solid #ffffff;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 19px;
  font-weight: bold;
  font-style: normal;
  height: 48px;
  line-height: 48px;
  width: 131px;
  text-decoration: none;
  text-align: center;
  text-shadow: 8px 7px 4px #7cacde;
  cursor: pointer;
}

.btnFrigo:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3366cc), color-stop(1, #6699ff));
  background: -moz-linear-gradient(center top, #3366cc 5%, #6699ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366cc', endColorstr='#6699ff');
  background-color: #3366cc;
}

.btnFrigo:active {
  position: relative;
  top: 1px;
}

.btnFrigoSmall {
  -moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
  -webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
  box-shadow: inset 0px 1px 0px 0px #cae3fc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3366cc), color-stop(1, #003399));
  background: -moz-linear-gradient(center top, #3366cc 5%, #003399 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366cc', endColorstr='#003399');
  background-color: #3366cc;
  -webkit-border-top-left-radius: 11px;
  -moz-border-radius-topleft: 11px;
  border-top-left-radius: 11px;
  -webkit-border-top-right-radius: 11px;
  -moz-border-radius-topright: 11px;
  border-top-right-radius: 11px;
  -webkit-border-bottom-right-radius: 11px;
  -moz-border-radius-bottomright: 11px;
  border-bottom-right-radius: 11px;
  -webkit-border-bottom-left-radius: 11px;
  -moz-border-radius-bottomleft: 11px;
  border-bottom-left-radius: 11px;
  text-indent: 0;
  border: 1px solid #003399;
  display: inline-block;
  color: #ffffff;
  font-family: Tahoma;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  height: 23px;
  line-height: 23px;
  width: 110px;
  text-decoration: none;
  text-align: center;
  /*text-shadow:1px 1px 0px #6699ff;*/
  cursor: pointer;
}

.btnFrigoSmall:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #003399), color-stop(1, #3366cc));
  background: -moz-linear-gradient(center top, #003399 5%, #3366cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003399', endColorstr='#3366cc');
  background-color: #003399;
}

.btnFrigoSmall:active {
  position: relative;
  top: 1px;
}

#leftcolumn div.module div div div div.btnContainer {
  background: none;
  text-align: center;
}

.btnContainer {
  text-align: center;
}

.btnContainer span {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*----------------------------------------------------------*/
/* sélection de cartes
/*----------------------------------------------------------*/
.item_sel {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
  cursor: pointer;
}

.actif_sel span.fancytree-title {
  font-weight: bold;
}

.inactif_sel span.fancytree-title {
  color: #888888;
}

.liste_sel {
  list-style-type: none;
  text-indent: -20px;
  margin: 0;
  padding: 0;
  /*margin-left:15px;
    margin-right:20px;*/
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
}

.liste_sel li.actif_sel {
  font-weight: bold;
}

.radio_sel {
  /*margin-right:5px;*/
  vertical-align: bottom;
}

.check_sel {
  /*margin-right:5px;*/
  vertical-align: middle;
}

.input_sel {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  height: 16px;
  width: 120px;
  margin-left: 10px;
  margin-top: 5px;
}

.clear_sel {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  margin-left: 5px;
  cursor: pointer;
}

.parentName {
  display: none;
}

.toolbarIcon {
  padding: 2px;
  border-width: 1px;
  border-color: #CCCCCC;
  border-style: solid;
  cursor: pointer;
}

.ui-dialog {
  z-index: 10000 !important;
}

div.tophelper {
  padding-right: 20px;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #178E13;
  position: relative;
  vertical-align: middle;
  background: url('../images/help.png') no-repeat right;
}

.disabled {
  color: #999;
}

.etat-icon {
  vertical-align: top;
  margin-right: 2px;
}

.sonde-arbo {
  vertical-align: middle;
  display: inline;
}

.cnt-sonde-arbo {
  vertical-align: middle;
  display: inline;
}

.libelle-base {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  text-decoration: underline;
}

.no-flash {
  display: block;
  width: 100;
  border: 1px;
  background-color: #F1DB87;
  margin: 5px;
  padding: 5px;
}

.no-flash .link {
  cursor: pointer;
}

/*----------------------------------------------------------*/
/* bloc actualisation
/*----------------------------------------------------------*/
div.fzc-actualisation {
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  height: 32px;
}

div.fzc-actualisation div.fzc-actualisation-txt {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  display: inline-block;
  float: right;
}

#fzc-timer {
  width: 32px;
  height: 32px;
  float: right;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}

div.fzc-actualisation div.fzc-actualiser {
  display: inline-block;
  float: right;
  height: 32px;
  line-height: 32px;
}