/* ################## GENERAL ################## */
html { height:100%; width:100%; overflow:hidden; }
body {
	margin: 0;
	text-align: center;
	color: #4A2E03;
 	background:#ffffff no-repeat fixed center 50px;
padding:0; width:100%; height:100%; overflow:hidden;
}
body, td { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
td {color: #4A2E03;}
img {border:0; margin:0; padding:0 }
* { outline: none; }
p { margin: 0 0 7px 0;	padding: 0; }
a { color:#4A2E03; text-decoration:underline; }
a:hover { text-decoration: none; }
div{margin:0; padding:0}

#container {
	background:url(meteo.gif) top no-repeat;
	display:block;
	text-align: left;
	margin: 0 auto;
	position: relative;
	text-align:center;
	width: 450px;
	height:400px;
}
#today {position:absolute; top:38px; right:50px; display:block; width:210px; text-align:right}
#current {position:relative; float:left; top:134px; left:54px; width:360px; height:65px; display:block; text-align:center; padding:0; margin:0 auto;}
#weather{float: left; display: block; position: relative; width: 123px; height: 65px; text-align: right; top: -3px; left: -2px;}
.place_top{position: absolute; left:12px; top:8px;}
#weather_param{float:left; display:block; position:relative; width:210px; height:60px; text-align:left; left:14px;}

#fourdays {position:relative;  float:left; top:124px; width:360px; height:120px;  left:60px; display:block; text-align:left; padding:0; margin:44px auto 5px auto;}
#datemaj {position:absolute; bottom:-8px; right:3px; display:block; text-align:center; width:270px;}


/* ################## POSITIONNEMENT TEXTE + DIV ################## */
.z_10{z-index:10;}
.z_20{z-index:20;}
.z_30{z-index:30;}
.z_40{z-index:40;}
.z_50{z-index:50;}
.z_60{z-index:60;}
.z_70{z-index:70;}
.z_80{z-index:80;}
.z_90{z-index:90;}
.z_100{z-index:100;}

/* ################## DATE ################## 
.date{color:#7D4E06;; font-size:9px;}*/

/* ################## H1 H2 H3 H4 H5 H6 ################## */
h1, h2, h3, h4, h5, h6{padding:0px; margin:0px; font-weight:normal;}
h1 strong, h2 strong, h3 strong{text-indent:-9000px;}

/* ################## TAILLE DES POLICES ################## */
.s9  {font-size: 9px;}
.s10  {font-size: 10px;}
.s11  {font-size: 11px;}
.s12  {font-size: 12px;}
.s13  {font-size: 13px;}
.s14  {font-size: 14px;}
.s15  {font-size: 15px;}
.s16  {font-size: 16px;}
.s18  {font-size: 18px;}
.s20  {font-size: 20px;}
.s24  {font-size: 24px;}
.s26  {font-size: 26px;}
.s30  {font-size: 30px;}
/* ################## LIENS ################## */
/*a {text-decoration: underline}
 a:hover {text-decoration: underline;} */

/* ################## PROPRIETES DE TEXTE ################## */
.bold {font-weight: bold;}
.nobold { font-weight: normal !important; }
.italic {font-style:italic}
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}
.capitalize {text-transform: capitalize}
.underline {text-decoration:underline}
.no-underline {text-decoration:none}
.clear { clear: both; }
.center { text-align: center; }
*{outline:0;}
/* ################## PROPRIETES DE BLOCKS ################## */
.marg_0{margin:0}
.padd_0{padding:0}
/*	-------------------------------------------------------------
	NE PAS TOUCHER - CSS GENERALES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	


/*	-------------------------------------------------------------
	PROPRIETES A CHANGER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
/* ################## COULEURS TEXTE ################## */

.ic_bleu, a.ic_bleu, a:hover.ic_bleu,  a:active.ic_bleu, a:visited.ic_bleu{color:#0082c8;}
.ic_bleuC, a.ic_bleuC, a:hover.ic_bleuC,  a:active.ic_bleuC, a:visited.ic_bleuC{color:#00b1e8;}
.ic_vertB, a.ic_vertB, a:hover.ic_vertB,  a:active.ic_vertB, a:visited.ic_vertB{color:#009EA8;}
.ic_blanc, a.ic_blanc, a:hover.ic_blanc,  a:active.ic_blanc, a:visited.ic_blanc{color:#ffffff;}
.ic_orange, a.ic_orange, a:hover.ic_orange,  a:active.ic_orange, a:visited.ic_orange{color:#F39B1E;}
.ic_gris, a.ic_gris, a:hover.ic_gris,  a:active.ic_gris, a:visited.ic_gris{color:#aaaaaa;}
.ic_rouge, a.ic_rouge, a:hover.ic_rouge,  a:active.ic_rouge, a:visited.ic_rouge{color:#ff0000;}

/* ############### MENU ################ */

#menu {
position:absolute;
top:129px; 
left:261px;
  height:42px;
  width:701px;
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:1000;
}
#menu li { float:left;margin:0;padding:0; }
#menu li a {
  display:block;
  position:relative;
  top:0;
  left:0;
  text-decoration:none;
}
#menu li a:hover, #menu li a.select {
  top:-42px;
  text-decoration:none;
  border:0px solid transparent;
}

/* ############### MENU ################ */



/* ############### FLAGS ################ */
#flags{display: block; float:left; height:10px; left:280px; margin: 0; padding:0; position: absolute; text-align: left; top:10px; width:95px;}
#flags ul{margin:0; padding:0; list-style:none;}
#flags li{position:relative;float:left; height:10px; margin:0 1px 0 0; padding:0; width:18px; text-align:center; overflow:hidden;}
#flags strong{display:block; font-variant: small-caps; font-weight:bold; position:relative; text-indent:-9000px;}
#flags a { position:relative; display:block;text-decoration: none; line-height:11px; height:10px;font-size:1px; border:0;}
#flags img { position:relative; }
#flags a:hover, #flags img.select{border:0; top:-10px;  }
/* ############### FLAGS ################ */ 

/* ################## DEBUT tools Accès Top ################## */
#ax_tools_basic_top { display:block; height:17px; margin: 0 auto; padding:4px 0 0 0; position: relative; text-align: right; width: 360 px; right:0; top:0;}
#ax_tools_basic_top img{margin-bottom:2px; float:right;}
#ax_tools_basic_top .ecart_tools{margin-left:7px; margin-right:7px;}
#ax_tools_basic_top .ecart_modif{ margin-right:5px;}
/* ################## FIN tools Accès Top ################## */