html, body {
background: #E9EFF1;
margin: 0;
padding: 0;
height: 100%
}

table { 
	 
	margin: 0 auto ;
} 

form {
margin : 0px;
}


#Conteneur
{
	width: 760px ;
	height: 100%;
	margin: 0 auto ;
	padding:0 auto;
	background: url(images/bg_body.gif) repeat-y center top;

	
}

#ColonneDroite {
	width: 207px;
	vertical-align: top; 
	background-color:#F5FAFD;
}

#TableHeader
{
	width:742px;
	text-align:center;
	margin: 0 auto ;
}

/* ---- BANDEAU MONSIEUR METEO -------------------- */
#HautBandeau
{
	background: url(images/bg_login.gif) no-repeat right top ;
	background-position:right;
	position:relative;
	width:742px;
	
}

#Bandeau
{
	background: url(images/bandeau.gif) no-repeat;
	height: 97px ;
	cursor: pointer;
	 
	
}

/* General */
.ImagesBorder
{
 border:0;
}

/* ---- DATE MONSIEUR METEO -------------------- */
#Date {
	display :inline;
	padding-left: 10px ;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 10px ;
	color: #CF0000 ;
	text-align: left ;
	height:28px;
	width:442px;
}

#IconeDate {
	margin-left: 10px;
	vertical-align: middle;
}

/* ---- ACCES MEMBRE MONSIEUR METEO -------------------- */
#AlignementAccesMembre
{
	text-align: right;
	margin: 0 auto ;
	padding:0 auto;
	position:relative;
}


#AccesMembre {
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 10px ;
	color: #CF0000 ;
	text-align: right ;
	padding-right:10px;

	text-align:right;
	margin: 0 auto ;
}

.LogAccesMembre  {
	width: 80px;
	height:15px;
}

.PassAccesMembre {
	width: 80px;
	height:15px;
}

.BoutonOkaccesMembre
{
	border:0;
}

#tdBoutonOkaccesMembre
{
width:30px;
}

/* ----NAVIGATION HAUT MONSIEUR METEO -------------------- */

#Menu {
	background: url(images/bg_menu.gif) no-repeat right top;
	vertical-align:top;
	text-align:center;
	height:29px;
	padding-left:20px;
}

#Menu img {
	vertical-align: middle;
}



/*#TexteMenu li {
	display: inline;
	color: #CF0000;
	font-family: arial, verdana, helvetica, sans-serif 11px;
	text-align:center;
	margin:0px;

}

#Menu {
	background: url(images/bg_menu.gif) no-repeat;
	vertical-align:top;
	text-align:center;
	display:inline;
}

#TexteMenu img {
	vertical-align: middle;
}

#TexteMenu{
	margin:1px;
	height:29px;
	list-style-image: url(images/separateur_menu.gif);
 	list-style-type: none;
}*/


#Menu a:link, a:visited, a:active{
	color: #CF0000 ;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 11px ;
	font-weight:bold;
	text-decoration: none;
}


#Menu a:hover{
	color: #CF0000 ;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 11px ;
	font-weight:bold;
	text-decoration: underline;
}

/* ---- Menu haut page -------------------------- */
#TableEnteteMonsieurMeteo
{
	vertical-align: top;
	margin:0px;
	padding:0px;
}

#BtMonsieurMeteo img
{
	height: 42px;
	margin:0px;
	padding:0px;
	display:block;
	border: 0px;
}

#BtConsulterMeteo img
{
	display:block;	
	height: 42px;
	width: 319px;
	margin:0px;
	padding:0px;
	border: 0px;
}

#BtSkinsMeteo img
{
	display:block;
	height: 42px;
	width: 207px;
	margin:0px;
	padding:0px;
	border: 0px;
}

/* ---- Menu Gauche ----------------------------- */

#TableNavigationColonneGauche
{
	width:216px;
	vertical-align:top;

}

.TableNavigationColonneGauche
{
	width:216px;
	vertical-align:top;
	background-color: #e9eff1;
}


#TableMenuGauche
{
	vertical-align:top;
}

#BtPartenairesMeteo {

	border: 0px;
	vertical-align:top;
}

#BtInfosMeteo {

	border: 0px;
	vertical-align:top;
}

#BtLiensMeteo {

	border: 0px;
	vertical-align:top;
}

#BtContactMeteo {

	border: 0px;
	vertical-align:top;
}

#BtCarteMeteo {

	border: 0px;
	vertical-align:top;
}
/* ---- INFOS MONSIEUR METEO -------------------- */
#ImageTitreInfosMeteo img
{
 display: block;
}

#ImageCliquerInfosMeteo img
{
 display: block;
}
#TableInfosMeteo
{
	vertical-align: top;
}

.FondInfosMeteo
{
	background: url(images/fond_infos_meteo.gif) no-repeat left bottom;
}

#TableSousTitreInfosMeteo
{
	background: #E9EFF1; 
}

#SousTitreMeteo
{
	vertical-align: top; 
	border: 0px;
	width:136px;
}

#PhotosInfosMeteo
{
	border:0px;
	vertical-align: top;
	width:80px;
}

#BtCliquerInfosMeteo 
{
	border:0px;
}

#AccrocheInfosMeteo
{
	font-family: arial, verdana, helvetica, sans-serif ;
	font-size:15px ;
	color:#737373 ;
	padding-left:8px ;
	text-align: left ;
	height:64px ;
	vertical-align: top;
}

#TitreInfosMeteo
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:12px;
	color:#737373;
	font-weight:bold;
	text-align: left;
	padding-left:8px;
}

#TexteInfosMeteo
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#737373;
	text-align: left;
	padding-left:8px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:10px;
}

/* ---- CONSULTER LA METEO ------------------------ */
#ImageConsulterMeteo 
{
	text-align: left;
}

#BgConsulterMeteo
{
	background: url(/images/fond_consulter_meteo.jpg) no-repeat left top;
	width: 319px ;
	height: 346px ;
	vertical-align:top;
}

#AccrocheConsulterMeteo
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#737373;
	text-align: left;
	padding-left:18px;
}
 
/* ---- SKINS MONSIEUR METEO --------------------- */
#ImageAccrocheSkins img
{
 	display:block;
}


#BtSkinsMeteoAccroche
{
	border: 0px;
	margin:0px;
	padding:0px;
}

#BgSkinsMeteo {

	background: url(/images/fond_skins_meteo.gif) no-repeat left top;
	height:208px;
	vertical-align:top;
}

#BgSkinsMeteo img{

	border: 0px;
}

#PixelTransparentSkinsMeteo {
	height: 30px;
	width: 207px;
	border: 0px;
	vertical-align: top;

}

/* ---- FOOTER MONSIEUR METEO -------------------- */





/*#FooterCentre a:hover{
	color: #CF0000 ;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}*/

#FooterDroit img{
background: url(/images/cliquez_ici_skins_meteo.gif) no-repeat left top;
	width:207px;
	display: block;
	height: 30px;
	border: 0px;
	vertical-align: top;
}


#FooterDroit {
	background: url(/images/cliquez_ici_skins_meteo.gif) no-repeat left top;
	width:207px;
	height: 100px;
	vertical-align: top;
}

#FooterCentre {
	background: url(/images/fond_footer_centre_meteo.gif) no-repeat left top;
	color: #CF0000 ;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width:319px;	
	text-align:center;

}

#FooterGauche {
	background: url(/images/fond_footer_gauche_meteo.gif) no-repeat left top;
	vertical-align: top;
	margin: 0 auto ;
	height:100px;
	width:216px;
}



.TexteAccueilMeteo
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#737373;
	text-align: left;
	padding-left:8px;
	padding-bottom:5px;
	background: url(/images/fond_bas_accueil_meteo.gif);
}

a.FooterLinkCentre:link, a.FooterLinkCentre:visited, a.FooterLinkCentre:active {
	color: #CF0000 ;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}

a.FooterLinkCentre:hover {
	color: #CF0000 ;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}


a.FooterCentrePartenaires:link, a.FooterCentrePartenaires:visited, a.FooterCentrePartenaires:active {
	color: #737373 ;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration: none;
}


a.FooterCentrePartenaires:hover {
	color: #CF0000 ;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration: underline;
}

/*************************************** BLOC RECHERCHE **************************************/
#TableRechercherVille
{
	vertical-align: top;
	text-align:left;
}

#FondRechercherVille
{
	background: url(/images/fond_infos_meteo.gif) no-repeat left bottom;
}

#TexteRechercherVille
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#737373;
	text-align: left;
	padding-left:10px;
	padding-right:5px;
}

#alignImageRechercherVille
{
	text-align:left;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
}

#inputBlocRechercherVille
{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #737373;
	border: 1px solid #737373;
	background-color: #FFFFFF;
}

.boutonOkBlocRechercherVille
{
	display:inline;
	padding-left:8px;
	border:0px;
}

.boutonOkRechercherVille
{
	display:inline;
	padding-left:8px;
	border:0px;
}

/*************************************** BLOC WEBMASTER TOP AFFICHAGES **************************************/

#FondTopAffichages
{
	background: url(/images/fond_infos_meteo.gif) no-repeat left bottom;
}

#TexteTopAffichages
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#737373;
	text-align: left;
	padding-left:10px;
	padding-right:5px;
}

#TexteTopAffichages2
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	color:#737373;
	text-align: left;
	padding-left:10px;
	padding-right:2px;
	font-weight:bold;
	height:23px;
	vertical-align:bottom;
}

#alignImageTopAffichages
{
	text-align:left;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
}

#expressWebring a:link {text-decoration:none;color:#CF0000;font-family: arial, verdana, helvetica, sans-serif;font-size:11px;font-weight:bold;}	
#expressWebring a:visited {text-decoration:none;color:#CF0000;font-family: arial, verdana, helvetica, sans-serif;font-size:11px;font-weight:bold;}
#expressWebring a:hover {text-decoration:underline;color:#CF0000;font-family: arial, verdana, helvetica, sans-serif;font-size:11px;font-weight:bold;}
#expressWebring a:active {text-decoration:none;color:#CF0000;font-family: arial, verdana, helvetica, sans-serif;font-size:11px;font-weight:bold;}