*{
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	background: #164C7B url(/saso/images/fond.jpg) 0 0 repeat-x;
	_text-align: center;
}
a{
	color: #2D5D8C;
	text-decoration: none;
}
a:hover{
	color: #6FA8D9;
}
h1{
	color: #FE0101;
	font-size: 1.8em;
	margin-top: 10px;
	margin-bottom: 10px;
}
.clearfloat{
	clear: both;
	height: 0;
	line-height: 0;
}

#site{
	width: 986px;
	margin: 0 auto;
	text-align: left;
}
#header{
	height: 167px;
	background: transparent url(/saso/images/header.jpg) 0 0 no-repeat;
	position: relative;
}
#alerte{
	position: absolute;
	top: 144px;
	left: 200px;
	width: 621px;
	height: 18px;
	color: #15547C;
	font-weight: bold;
	font-size: 14px;
}
#plan{
	display: block;
	height: 160px;
	width: 163px;
	position: absolute;
	top: 7px;
	left: 823px;
	background: transparent url(/saso/images/carte.gif) 0 100% no-repeat;
}
#milieu{
	padding-right: 5px;
	background: transparent url(/saso/images/conteneur_nav_fond.png) 0 0 repeat-y;
	position: relative;
	_zoom: 1;
}
#home #milieu{
	padding-right: 0;
}
#contenu_home{
	height: 533px;
	width: 670px;
	margin-right: 2px;
	float: right;
	background: transparent url(/saso/images/hp_fond.jpg) 100% 0 no-repeat;
}
#contenu{
	float: right;
	width: 835px;
}
#footer{
	height: 30px;
	_height: 53px;
	background: transparent url(/saso/images/footer.gif) 0 0 repeat-y;
	padding-left:5px;
	padding-right:5px;
	padding-top:23px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	_margin-top: -4px;
}
#footer span{
	font-size: 0.8em;
}

html{height: 100%}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer .suite{
	padding-left: 20px;
	background: url(/images/next.gif) no-repeat left;
}
#detailActualite .introActualite,
#listeActualiteContainer .listeActualite{
	color: #2D5D8C;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}
#detailActualite .introActualite img,
#listeActualiteContainer .listeActualite  img{
	margin: 3px;
}
#listeActualiteContainer .listeActualiteLigne{
	overflow: hidden;
	margin-bottom: 3px;
}
h3{
	font-size: 14px;
}
/***********style pour la remonté d'annonce***********/
#fichecontainerHP{
	float: right;
	width: 139px;
	_width: 163px;
	height: 503px;
	_height: 533px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 30px;
	background: transparent url(/saso/images/marge_fond.gif) 100% 0 no-repeat;
}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{border: 1px solid #C0C0C0;cursor: pointer;text-align:center;margin-top:10px;background-color: #FFFFFF;}
#fichecontainerHP .annonce1{background-color: #A9BCCC;}
#fichecontainerHP a{display: block;text-align:center;}
#fichecontainerHP .labelMat{font-weight: bold;}
#fichecontainerHP .Entete a{background-color: #19577D;color:#FFFFFF;font-family:serif;font-size:16px;padding:2px;font-weight: bold;}
/***********style pour la page de contact***********/
#contactContainer{padding: 5px 5px 5px 5px; width:100%;}
/***********style pour la grille***********/
#GrilleContainer{}
#GrilleContainer table{}
#GrilleContainer td{}
/***********style pour la page de meteo et le bloc metéo en HP***********/
#MeteoContainer{padding: 5px 5px 5px 5px; width:100%;}
#MeteoContainer td, #MeteoHPContainer td{text-align: center;}
#MeteoContainer td.legende, #MeteoHPContainer td.legende{text-align: left;vertical-align: middle;}
#MeteoContainer .meteoLig1, #MeteoHPContainer .meteoLig1{background-color: #EBEBEB;}/*comme le style de liste dans TNO annonce0Liste1*/
#MeteoContainer .meteoLig0, #MeteoHPContainer .meteoLig0{background-color: white;}/*comme le style de liste dans TNO annonceListe0*/
#MeteoContainer .meteoCol1, #MeteoHPContainer .meteoCol1{background-color: #e1e1e1;}
#MeteoContainer .meteoCol0, #MeteoHPContainer .meteoCol0{background-color: #f5f5f5;}
/***********style pour la base line TNM***********/
#BaseLineContainer{
	text-align: center;
	width: 100%;
	color: silver;
}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{
	color: silver;
	text-decoration: none;
}