html {
	margin:0px; }
body {
	margin:0px; }
a {
	color: #ff3318; text-decoration: none;}
a:hover {
	color: #666; text-decoration: underline;}
#site {
	font-family: Verdana, Arial, Helvetica, Geneva; font-size:10px;width:974px;}
#top {
	margin:0px; padding:0px; border-bottom: solid 1px #999;background: url(http://world.chamonix.com/img/top3.jpg);
	height:135px;width: 974px; text-align:left; clear:both;}
#titre {
	font-size:26px; color: #0989bc; float:left;padding:5px 0px 0px 5px;}
#english {
	font-weight:bold;font-size:10px;
	border-bottom: solid 1px #999;width:125px; padding-bottom:3px;margin-bottom:45px;display:block}		
#ephemeride { margin:5px 0px 0px 0px;width: 232px; float:right;}	
	#officiel {
		font-size:10px;padding-bottom:5px; display:block}
	#date {
		font-size:12px; border-top:solid 1px #999; border-bottom: solid 1px #999; width:233px; padding:5px 0px 5px 0px; display:block}
	#meteo {
		font-size:22px;font-weight:bold;width:80px;padding:6px 10px 5px 0px; display:block; float:left}
	#temperature {
		margin:2px 0px 5px 0px; float:left;}
	#matin {
		margin:3px 11px 0px 0px; float:right;text-align:center;}
	#aprem {
		margin:3px 13px 0px 0px; float:right;text-align:center;}
	#resumeteo {
		font-size:10px; border-top: solid 0px #999; padding:3px 0px 0px 0px;}
#left { width: 173px; border-right: solid 1px #999; float:left; text-align:left;}
	#menu {
		border-bottom: solid 1px #999; background-color:#ddd; padding:5px 0px 5px 0px;height:405px;}
	a.menu {
		padding: 1px 0px 0px 3px; display:block; color:black;}
	a.menu:hover {
		color: #666;}
	.raquo {
		color:#ff3318;}
	a.sousmenu {
		padding:0px 0px 0px 22px; color:black; display:block;}	
	#download {
		border-bottom: solid 1px #999; padding:5px; font-size:9px;}
	#download a {
		padding: 0px 0px 0px 5px; display:block; color:black;}
	#download a:hover {
		color: #666;}
	.download {
		color:#ff3318; font-weight:bold;}
	#pro {
		border-bottom: solid 1px #999; padding:5px;background-color:#ddd;font-size:9px;}
	#pro a {
		padding: 0px 0px 0px 5px; display:block;color:black;}
	#pro a:hover {
		color: #666;}
	.pro {
		color:#ff3318; font-weight:bold;}
	#contact {
		padding:5px;font-size:9px;}
	.contact {
		color:#ff3318; font-weight:bold;}
	#brochure {
		padding:5px 5px 10px 5px;border-bottom: solid 1px #999; font-size:9px;}
	.brochure {
		color:#ff3318; font-weight:bold;display:block;margin:0px 0px 5px 0px;}
	#legal {
		padding:5px;font-size:9px;display:none;}
	.texte {
		text-align:justify;display:block}
#middle { border: solid 0px #999; margin:0px;float:left;text-align:left;width:648px;}
	#page {
		padding:10px 15px 5px 15px;border-left: solid 0px #999;}
	.titre {
		font-size:21px; font-weight:bold; color: #0989bc;
		margin:0px 0px 15px 0px; display:block;}
	.soustitre {
		font-size:14px; font-weight:bold; color: #0989bc;
		margin: 16px 0px 8px 0px; display:block; clear:both;}
	.soustitrefloat {
		font-size:14px; font-weight:bold; color: #0989bc;}
	.soustitreaccueil {
		color: #666; font-size:10px;text-transform:uppercase;font-weight:bold;line-height:14px;
		margin:0px 0px 0px 0px;display:block}
	.fondBleuTitre1{
		font-size:14px; font-weight:bold; color: #0989bc;
		margin: 16px 0px 8px 0px; display:block; clear:both;}
	.text {
		font-size:10px; color: black;}
	a.text {
		font-size:10px; color: black;}
	a.textgras {
		font-size:10px; font-weight:bold; color: #0989bc;}
	a.adherent {
		font-size:10px; font-weight:bold; color: #0989bc;}
	a.superadherent {
		font-size:10px; font-weight:bold; color: #ff3318;}
	a.catelien {
		font-size:10px; color: #0989bc;}
	.cateliste {
		width:295px;height:65px; margin:10px 0px 5px 10px;float:left}
	a.retour {
		font-size:10px; color: #0989bc;
		clear:both; padding:5px 0px 5px 0px; display:block;}
	.ligne {
		border-bottom:solid 1px #999;vertical-align:bottom;display:block;}
	.separation {
		border-bottom: solid 1px #999;margin:5px 0px 5px 0px;float:none;clear:both;}
	.separation6 {
		border-bottom: solid 6px #999;margin:5px 0px 10px 0px;float:none;clear:both;}
	.sociopropict {
		float:right; margin:0px 5px 0px 8px; border:solid 1px #999;}
	.rightpict {
		float:right; margin:0px 1px 5px 12px; border:solid 1px #999;}
	.rightgifpict {
		float:right; margin:0px 1px 2px 12px;border:0px; }
	.leftgifpict {
		float:left; margin:0px 12px 5px 0px;border:0px;}
	.leftpict {
		float:left; margin:0px 12px 5px 0px; border:solid 1px #999;}
	.centerpict {
		text-align:center;margin:15px 0px 15px 0px; border:solid 1px #999;}
	a.titrelien {
		font-size:12px; font-weight:bold; color: #0989bc; }
	.cadre {
		border:solid 1px #999;padding:5px;margin-top:15px;background-color:#ddd;clear:both;}
	.geo {
		font-size:10px;text-align:center;
		border-spacing:1px #0989bc; border:1px solid #0989bc; margin:1px 0px 3px 0px;}
	.table {
		font-size:10px; color: black;
		background-color:#B5DFFB; border: 1px solid #0989bc; margin:10px 0px 10px 0px;}
	.vox {
		font-size:10px; color: black;}
	.tabletitre {
		background-color: #0989bc; font-size:11px;color:#fff; font-weight: bold;padding:5px}
	.tablesoustitre {
		background-color:#CBE6FB;}
	.tablebrochure {
		background-color:#ddd; border: 1px solid #0989bc;padding:12px;margin:0px;font-size:10px; color: black;}
	.input {
		color: #ff3318;font-size: 100%;background-color: #CBE6FB; border: solid 1px #0989bc;}
	th {
		background-color:#0989bc;color:white;line-height:14px;}
	.agendadate {
		color: #666; font-size:10px;text-transform:uppercase;font-weight:bold;line-height:20px;
		margin:0px 0px 0px 0px;}
	.agendatitre {
		color: #0989bc; font-size:12px;text-transform:uppercase;font-weight:bold;
		border-bottom: 1px solid #999;padding :2px; margin:5px 0px 5px 0px;}
	.agendatitreliste {
		color: #0989bc; font-size:12px;font-weight:bold;}
	.agendadateliste {
		color: #666;font-size:11px;}
	.agendacat {
		font-size:11px; color:#666;text-transform:none;float:right}
	.agendainfo {
		font-size:11px; color:#666;text-transform:none;float:right}
	.agendacine {
		color: #333;}
	.grisgras {
		color: #666; font-size:10px;font-weight:bold;}
	.bleu {
		color: #0989bc; font-weight:bold;}
	.vert {
		color: #339900; font-weight:bold;}
	.rouge {
		color: #f00; font-weight:bold;}
	.orange {
		color: #c90; font-weight:bold;}
	a.remliste {
		display:block; color:black;}
	a.remliste:hover {
		color: #666;}
	a.accueil {
		color:black;}
	a.accueil:hover {
		color: #666;}
#right { width: 150px; border-left: solid 1px #999;float:right;text-align:left;}
	#reel {
		padding:5px 10px 5px 3px;font-size:11px; z-index:0;}
	a.menureel {
		padding: 1px 0px 0px 3px; display:block; color:black;}
	a.menureel:hover {
		color: #666;}
	.reel {
		color:white; font-size:11px;font-weight:bold; text-align:center;
		margin:0px 0px 5px 2px;background-color:#ff3318; padding:3px; width:133px; display:block; z-index:0;}
	#sejour {
		color:white; font-size:12px;text-align:center;
		position: relative; top:0px; left:10px; z-index:2; width: 120px; height:75px; padding-top:40px; background: url(http://world.chamonix.com/img/sejour.png) no-repeat;}
	a.sejour {
		color:white;}
	#resa {
		font-size:9px;
		padding:5px 10px 10px 5px; z-index:0;}
	#picture {
		font-size:10px;
		border-bottom: solid 1px #999;background-color:#ff3318;margin:10px 10px 10px 7px; width:133px; height:74px;z-index:0;clear:both;float:none;display:none;}
	.picture {
		color:#fff; font-weight:bold;z-index:0;}
	a.pictmenu {
		color: black; text-decoration:none;}
	.padding {
		padding:5px;}
	#recherche {
		font-size:9px;
		border-bottom: solid 1px #999; padding:10px 10px 10px 7px;}
	.recherche {
		color:#ff3318; font-weight:bold;}
	input.recherche {
		font-size:10px;
		background-color:#ddd;width:130px; border:1px solid #999;}
	input.ok {
		background-color:#0989bc;width:35px; color:white;font-size:10px;border:1px solid #999;}
	#liens {
		border-bottom: solid 1px #999; padding:5px 10px 5px 5px;font-size:9px; z-index:0;}
	a.partnerlien {
		display:block; color:black;vertical-align:middle;}
	a.partnerlien:hover {
		color: #666;}
	.partner {
		color:white; font-size:10px;font-weight:bold; text-align:center;
		margin:0px 0px 5px 0px;background-color:#ff3318; padding:3px; width:133px; display:block}
	#transport {
		padding:25px 10px 0px 5px;font-size:9px; z-index:0;}
	a.gratuitlien {
		display:block; color:black;vertical-align:middle;}
	a.gratuitlien:hover {
		color: #666;}
	.gratuit {
		color:white; font-size:10px;font-weight:bold; text-align:center;
		margin:0px 0px 0px 0px;background-color:#ff3318; padding:3px; width:133px; display:block}		
	.logo {
		float:left;margin:5px 2px 3px 0px;}
	#mychamonix {
		padding:5px;font-size:9px;}
	a.mychamonix {
		background-color:#ff3318; color:white; font-weight:bold; text-align:center;padding:3px; width:135px; display:block}
	.mychamonixpict {
		text-align:center}
			#content {
				position: absolute; /* Nécessaire pour Safari */
				margin: auto; /* Alignements horizontal dans les navigateurs respectant les standards */
				text-align: left;
				width: 200px;
				height: 200px;
				background-color: #fc0;
			}