/* CSS pour MeteoEnFrance - Réalisation www.nexitys.ch */

body{
margin: 0;
padding: 0;
background: url(fond.gif) repeat-x;
}

#page{
	width: 903px;
	margin: auto;
}

#header{
	width: 903px;
	height: 55px;
	overflow: hidden;
}

#header-logo{
	width: 463px;
	height: 55px;
	background: url(header.gif) no-repeat;
	float: left;
	display: inline;
}

#header-liens{
	width: 420px;
	height: 20px;
	text-align: right;
	padding-right: 20px;
	float: left;
	display: inline;
	padding-top: 35px;
}

#header-liens a{
	font: bold 11px Verdana;
	color: #456685;
	text-decoration: none;
}

#header-liens a:hover{
	color: #233e57;
}

#navigation{
	width: 903px;
	height: 35px;
	background: url(navigation.gif) repeat-x;
	border-bottom: 1px solid #d2e5ee;
}

#navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: left;
	display: inline;
}

#navigation li{
	float: left;
	display: inline;
	height: 20px;
	background: url(navigation-li.gif) no-repeat;
	padding-left: 15px;
	padding-right: 15px;
	font: bold 12px Verdana;
	padding-top: 15px; 
	border-right: 1px solid #ffffff;
}

#navigation li a{
	font: bold 12px Verdana;
	color: #435a72;
	text-decoration: none;
}

#navigation li a:hover{
	font: bold 12px Verdana;
	color: #213449;
	text-decoration: none;
}

#navigation-date{
	width: 320px;
	height: 20px;
	padding-top: 15px;
	font: bold 11px Verdana;
	padding-left: 20px;
	float: left;
	display: inline;
	color: #456685;
}

#conteneur{
	width: 903px;
	background: url(conteneur.gif) repeat-y;
	overflow: hidden;
}

#menu-gauche{
	width: 200px;
	float: left;
	display: inline;
	padding-left: 1px;
}

#menu-gauche h2{
	width: 147px;
	height: 21px;
	font: bold 12px Verdana;
	color: #ffffff;
	padding-left: 50px;
	margin: 0;
	margin-left: 1px;
	padding-top: 8px;	
}

#menu-gauche h2.meteorologie{
	background: url(menu-meteorologie.gif) no-repeat;
}

#menu-gauche h2.services{
	background: url(menu-services.gif) no-repeat;
}

#menu-gauche ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 25px;
}

#menu-gauche li{
	width: 189px;
	height: 18px;
	background: url(menu-li.gif) repeat-x;
	font: bold 11px Verdana;
	padding-top: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #a8cad9;
}

#menu-gauche li a{
	font: bold 11px Verdana;
	color: #415d79;
	text-decoration: none;
}

#menu-gauche li a:hover{
	color: #253d55;
}

#contenu{
	width: 501px;
	float: left;
	display: inline;
}

#contenu h1{
	width: 479px;
	height: 20px;
	background: url(contenu-h1.gif) repeat-x;
	font: bold 12px Verdana;
	color: #ffffff;
	padding-left: 20px;
	padding-top: 10px;
	margin: 0;
	margin-left: 1px;
	margin-bottom: 10px;
}

#contenu p{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font: 12px Verdana;
	color: #33738e;
	line-height: 160%;
}

#contenu h3{
	height: 24px;
	margin: 0;
	padding-left: 30px;
	padding-right: 20px;
	margin-left: 10px;
	margin-right: 20px;
	border: 1px solid #a8cad9;
	font: bold 14px Verdana;
	color: #446381;
	background: url(contenu-h3.gif) repeat-x;
	padding-top: 5px;
	margin-bottom: 10px;
}

#contenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 30px;
}

#contenu li{
	height: 14px;
	background: url(contenu-li.gif) no-repeat;
	padding-left: 20px;
	font: 12px Verdana;
	color: #346a34;
	margin-bottom: 10px;
}

#menu-droite{
	width: 200px;
	float: left;
	display: inline;
	padding-left: 1px;
}

#menu-droite h2{
	width: 147px;
	height: 21px;
	font: bold 12px Verdana;
	color: #ffffff;
	padding-left: 50px;
	margin: 0;
	margin-left: 1px;
	padding-top: 8px;	
}

#menu-droite h2.publicite{
	background: url(menu-publicite.gif) no-repeat;
}

#menu-gauche h2.partenaires{
	background: url(menu-partenaires.gif) no-repeat;
}

#menu-droite ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 25px;
}
#menu-droite p {
size:0.85em;
padding-left:8px;
color:#415d79;
font-weight:bold;
 }

#menu-droite li{
	width: 189px;
	height: 18px;
	background: url(menu-li.gif) repeat-x;
	font: bold 11px Verdana;
	padding-top: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #a8cad9;
}

#menu-droite li a{
	font: bold 11px Verdana;
	color: #415d79;
	text-decoration: none;
}

#menu-droite li a:hover{
	color: #253d55;
}

#menu-droite #pub{
	width: 200px;
	text-align: center;
	margin-bottom: 20px;
}

#contenu .bloc{
	margin-left: 10px;
	margin-top: 30px;
	
}

#contenu .bloc-haut{
	width: 480px;
	height: 11px;
	background: url(contenu-bloc-haut.gif) no-repeat;
}

#contenu .bloc-centre{
	width: 480px;
	background: #a8cad9;
	color: #314d69;
	overflow: hidden;
	
}

#contenu .bloc-centre p{
	margin: 0;

	color: #314d69;
}
#contenu .bloc-bas{
	width: 480px;
	height: 11px;
	background: url(contenu-bloc-bas.gif) no-repeat;
}

#contenu .submit{
	border: 1px solid #314d69;
	background: #a8cad9;
	font: bold 11px Verdana;
	color: #314d69;
	padding: 3px;
}

#contenu .gauche{
	float: left;
	display: inline;
}

#recherche{
	height: 41px;
	width: 499px;
	background: url(recherche.gif) repeat-x;
	border-bottom: 2px solid #9ebfca;
	margin-left: 1px;
}

#recherche p{
	margin: 0;
}

#contenu h2{
	width: 469px;
	height: 26px;
	margin: 0;
	margin-left: 1px;
	font: bold 13px Verdana;
	color: #456482;
	padding-top: 7px;
	padding-left: 30px;
	background: url(contenu-h2.gif) repeat-x;
	margin-bottom: 10px;
}

#contenu h3.meteo{ margin-bottom: 0; }

#contenu p.meteo{
	background: url(meteo.gif) repeat-x;
	margin-left: 10px;
	margin-right: 20px;
	padding-top: 10px;
}

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

#contenu .prevision{
	width: 470px;
	height: 27px;
	background: url(prevision.gif) no-repeat;
	overflow: hidden;
	border: 1px solid #a1c6d8;
	margin-left: 10px;
}

#contenu .prevision-suite{
	width: 440px;
	height: 37px;
	overflow: hidden;
	border-left: 1px solid #a1c6d8;
	border-bottom: 1px solid #a1c6d8;
	border-right: 1px solid #a1c6d8;
	margin-left: 10px;
	padding-left: 30px;
}

#contenu .prevision-bloc{
	margin-bottom:  10px;
	
}
#contenu .prevision-suite .case-image{
	width: 110px;
	height: 31px;
	float: left;
	display: inline;
	padding-top: 6px;
	font: 11px Verdana;
	color: #456483;
}

#contenu .prevision-suite .case{
	width: 110px;
	height: 21px;
	float: left;
	display: inline;
	padding-top: 16px;
	font: 11px Verdana;
	color: #456483;
}

#contenu .prevision .date{
	width: 185px;
	height: 31px;
	font: bold 12px Verdana;
	color: #35536f;
	float: left;
	display: inline;
	padding-top: 6px;
	padding-left: 15px;
}

#contenu .prevision .maxi{
	width: 82px;
	height: 20px;
	font: 12px Verdana;
	color: #35536f;
	float: left;
	display: inline;
	padding-top: 7px;
	padding-left: 40px;
}

#contenu .prevision .mini{
	width: 82px;
	height: 20px;
	font: 12px Verdana;
	color: #35536f;
	float: left;
	display: inline;
	padding-top: 7px;
	padding-left: 40px;
}

#contenu #degres{
	width: 75px;
	height: 55px;
	float: right;
	background: url(degres.gif) no-repeat;
	margin-top: 12px;
	margin-right: 30px;
	font: bold 25px Verdana;
	color: #ffffff;
	padding-top: 20px;
	text-align: center;
}
.favoris
{
float:right;
}

table /* Le tableau en lui-même */
{


   margin: auto; /* Centre le tableau */
   border: 4px outset #cee3ed; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
     font-size:0.96em;
width:97%;
color: #33738e;
}


.tdh /* Toutes les cellules des tableaux... */
{


height:20px;
  
  border: 2px solid #cee3ed; /* ... auront une bordure de 1px */

}
tr /* Toutes les cellules des tableaux... */
{

height:20px;
   border: 1px solid black; /* ... auront une bordure de 1px */
    

}