* {margin: 0; padding: 0; border: none; text-decoration: none;}
#contenu {
	width: 525px;
	height: 700px;
	float: left;
	margin: 0px;
	background-image: url('imgs/fond.gif');
}
#cadre {
	padding: 10px 10px 10px 15px;
	width: 525px;
	float: left;
}

#contenu, #cadre {
	overflow: visible !important;
	overflow: hidden; /* die, IE 6, die */
}

#entete {
	height: 128px;
	text-align: center;
}

#entete h1{
	font: bold 200% "Trebuchet MS", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif;
	color: #ffffff;
	margin-top: 20px;
}

#entete h2 {
	font: 120% "Lucida Sans Unicode", "Georgia", "Verdana", "Arial", sans-serif;
	color: #25824B;
}

.date {
	font: bold 100% "Trebuchet MS", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif;
	margin: 25px 30px 0px 0px;
	text-align: right;
	color: #ddd;
}

.prev_titre {
	color: #ccc;
	padding-top: 20px;
}

.prevision {
	color: #bbb000;
	padding-bottom: 10px;
}

.maj {
	padding: 0px;
}

.cadre_titre {
	background-color: #BFDFEF;
}	
h4 {
	font: bold 200% "Trebuchet MS", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif;
	color: #FFF000;
	padding-bottom: .2em;
}

p, ol, ul {
	text-align: justify;
	padding-bottom: .5em;
	line-height: 100%;
}
table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.espaceur {
	font-size: 100%;
	color: #3CD382;
	padding: 5px 0px 0px 5px;
	letter-spacing: .1em;
}
td {
	font-size: 100%;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	color: #bbbbbb; 
}

.td_donnees {
/*	background-color: #BFDFEF;
	font-weight: bold; */
}
/* Existe pour une raison : le message gauge et nogauge ont besoin d'un cadre.  
   vous pouvez l'empiler ou le mettre float. Les �l�ments relaifs au div donc le div est tout � vous.
*/
div#cdg-shell { 
	text-align: center;
  margin : 0 auto;
  width : 300px;
  height : 400px;
  display : block;
  border : 0px;
  overflow : hidden;
}
/* Cela cr�e le titre et les positions quitt�es tous les deux cela la deuxi�me ligne (la quantit� de but)
This styles the heading and the positions left both it second line (goal amount) */ 
h2#cdg_h2 { 
  color : #669900;
  font-size : 1.1em;
  padding : 15px 0px;
  margin-left : 0px;
}
/*Contenant du thermom�tre. La hauteur de cette division est critique pour la fonctionnalit� 
  Le pointeur crosshair est muet. Notez: Le corps du thermom�tre est une image fixe. Si vous changez les
	couleurs du fond, vous aurez besoin de changer cette image. Les portions opaques doivent demeurer 
	telles quelles. T�l�chargez l'image de: http://mikecherim.com/experiments/images/cdg_tmom.gif */ 
div#cdg {
  margin : 0;
  width : 300px;
  height : 400px;
  display : block;
  cursor : crosshair;
  position : relative;
  font-size : 0.8em;
	margin-left: auto;   
	margin-right: auto;
/*   border-right : 2px solid #888; this sort of "finishes" the embedded image */
}
/* Le mercure... d'un rouge fonc�. Il se d�place via le script 
   as well like the marker, using margin-bottom */
div#masque { 
  position : absolute;
	height: 300px;
  bottom : 160px;
  right : 140px;
  display : block;
  width : 20px;
  background-color : #D3D3D4;
}
/* Le mercure... d'un rouge fonc�. Il se d�place via le script 
   as well like the marker, using margin-bottom */
div#cdg_m { 
  position : absolute;
  bottom : 160px;
  right : 140px;
  display : block;
  width : 20px;
  background-color : #AF4B58;
}
/* I use this to position the image in the lower right to control mercury view */
div#cdg img {
  position : absolute;
  bottom : 0;
  right : 0;
  display : block;
  width : 300px;
  height : 400px;
}
.asw_tblFenetre{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: white;
	background-image:none;
}

.asw_border_left_top{
	width: 10px;
	height: 23px;
}

.asw_border_top_center{
	height: 23px;
	background-repeat: repeat;
	vertical-align: top;
	background-color: #BFDFEF;
}

.asw_border_right_top{
	width: 6px;
	height: 23px;
}

.tblTitleBar{
	width: 100%;
	background-image:none;
}

.asw_titleCell{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ffffff;
	text-align: left;
	width: 90%;
	cursor: pointer;
}

.asw_buttonsCell{
	vertical-align: top;
	text-align: right;
}

.asw_btnClose{
	cursor: pointer;
	width: 42px;
	height: 16px;
}

.asw_border_left{
	width: 6px;
	background-repeat: repeat;
	background-color: #BFDFEF;
}

.asw_border_right{
	width: 6px;
	background-repeat: repeat;
}

.asw_cellContent{
	vertical-align: middle;
	color: #222;
	padding: 0px;
}

.asw_border_left_bottom{
	width: 6px;
	height: 10px;
}

.asw_border_bottom{
	height: 10px;
	background-repeat: repeat-x;
}

.asw_border_right_bottom{
	width: 6px;
	height: 10px;
}
.fondEcran{
	background-color: white;
	position: absolute;
	width: 100%;
	height: 100%;
}