* {margin: 0; padding: 0; border: none; text-decoration: none;}
#contenu {
	width: 515px;
	height: 600px;
	float: left;
	margin: 0px;
	background-image: url('imgs/fond.jpg');
}
#cadre {
	padding: 10px 10px 10px 15px;
	width: 520px;
	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;
}
.cadre_titre {
	background-color: #BFDFEF;
}	
.td_titre {
	font-size: 100%;
	color: #3CD382;
	letter-spacing: .1em;
	padding-top: 5px;
}
.tab_meteo {
	font-size: 100%;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	color: #bbbbbb; 
}

/* 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%;
}
/* End