html {
	margin:0px; background: url(http://world.chamonix.com/img/bg.png) #ececec repeat-y center 50%;}
body {
	margin:0px; background: url(http://world.chamonix.com/img/bg.png) #ececec repeat-y center 50%;}
a {
	color: #ff3318; text-decoration: none;}
a:hover {
	color: #666; text-decoration: underline;}
#site {
	font-family: Verdana, Arial, Helvetica, Geneva; font-size:10px;width:975px;border:0px;}
#top {
	margin:0px; padding:0px; border-bottom: solid 1px #999;background: url(http://world.chamonix.com/img/top4.jpg);
	height:138px;width: 975px; text-align:left; clear:both;}
#english {
	font-weight:bold;font-size:10px; border-bottom: solid 1px #999;width:125px; padding-top:3px;padding-bottom:3px;margin-bottom:30px;display:block}
#titre {
	float:left;padding:5px 0px 0px 10px;}	
#version {
	font-weight:bold;font-size:10px;color:#ff3318;width:125px; padding-top:74px;padding-bottom:0px;margin-bottom:0px;display:block}	
	.drapeau { margin:8px 2px 2px 2px; border:1px solid #999;}
#ephemeride { margin:3px 0px 0px 0px;width: 245px; float:right;}	
	#officiel {
		font-size:10px;padding-bottom:5px; color: #ffffff;display:block}
	#date {
		font-size:12px; border-bottom: solid 1px #999; width:245px; padding:1px 0px 4px 0px; display:block}
	#meteo {
		font-size:21px;font-weight:bold;width:113px;padding:6px 0px 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 5px 0px 0px; float:right;text-align:center;}
	#resumeteo {
		font-size:10px; line-height:14px;border-top: solid 0px #999; padding:3px 0px 0px 0px;}
	#soleil {
		font-size:10px; border-top: solid 1px #999; margin-top:4px;padding:3px 0px 0px 0px;}
#left { font-family:arial;width: 173px; border-right: solid 1px #999; float:left; text-align:left;}
	.dispo  {
		color:white; font-size:11px;font-weight:bold; text-align:center;
		margin:0px 0px 5px 0px;background-color:#ff3318; padding:3px; width:160px; display:block}		
	#menu {
		border-bottom: solid 1px #999; background-color:#ddd; padding:5px 0px 5px 0px;height:420px}
	a.menu {
		font-size:12px;padding: 1px 0px 0px 3px; display:block; color:black;}
	a.menu:hover {
		color: #666;}
	.raquo {
		color:#ff3318;}
	a.sousmenu {
		font-size:12px;padding:0px 0px 0px 22px; color:black; display:block;}	
	#download {
		border-bottom: solid 1px #999; padding:5px; font-size:11px;background-color:#fff;}
	#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:11px;}
	#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:11px;background-color:#fff;}
	.contact {
		color:#ff3318; font-weight:bold;}
	#brochure {
		padding:5px 5px 10px 5px;border-bottom: solid 1px #999; font-size:11px;}
	.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: #07679a;}
	.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;}
	a.rightpict {
		float:right; margin:0px 1px 5px 12px; border:solid 1px #999;}
	a.rightpict:hover {
		float:right; margin:0px 1px 5px 12px; border:solid 1px #ff3318;}
	.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;}
	a.leftpict {
		float:left; margin:0px 12px 5px 0px; border:solid 1px #999;}
	a.leftpict:hover {
		float:left; margin:0px 12px 5px 0px; border:solid 1px #ff3318;}
	.centerpict {
		text-align:center;margin:15px 0px 15px 0px; border:solid 1px #999;}
	.centerpict2 {
		text-align:center;margin:15px 0px 5px 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:36px;
		margin:0px 0px 0px 0px;display:block}
	.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;text-decoration:underline}
	a.accueil {
		color:black;}
	a.accueil:hover {
		color: #666;}	
	.ligneblanche { line-height:16px; background:#FFF; }
	.lignebleue { line-height:16px; background:#cbe6fb; }
#right { font-family:arial; 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 3px 3px 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; padding-bottom:15px; background: url(http://world.chamonix.com/img/sejour.png) no-repeat;}
	a.sejour {
		color:white;}
	a.resasejour:hover img{ opacity: 0.5; filter:alpha(opacity=50);}
	.reservez {
		color:white; font-size:11px;font-weight:bold; text-align:center;
		margin:0px 0px 5px 0px;background-color:#ff3318; padding:3px; width:133px; display:block}	
	#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 {
		color:#ff3318; font-size:11px;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;}
	#search {
		padding:25px 10px 0px 5px;font-size:10px; z-index:0;}
	.search {
		color:white; font-size:11px;font-weight:bold; text-align:center;
		background-color:#ff3318; padding:3px;margin-top:5px; width:133px;  z-index:0;}
	input.search {
		font-size:10px;
		background-color:#ddd;width:90px; border:1px solid #999;}
	input.oksearch{
		background-color:#ff3318;width:25px; color:white;font-size:10px;border:1px solid #999;}
	#liens {
		border-bottom: solid 0px #999; padding:5px 10px 5px 5px;font-size:11px; z-index:0;}
	a.partnerlien {
		display:block; color:black;vertical-align:middle;}
	a.partnerlien:hover {
		color: #666;}
	.partner {
		color:white; font-size:11px;font-weight:bold; text-align:center;
		margin:0px 0px 5px 0px;background-color:#ff3318; padding:3px; width:133px; display:block}
	#transport {
		padding:5px 10px 0px 5px;font-size:10px; z-index:0;}
	#blog {
		padding:5px 10px 0px 5px;font-size:11px; z-index:0;}
	a.gratuitlien {
		display:block; color:black;vertical-align:middle;}
	a.gratuitlien:hover {
		color: #666;}
	.gratuit {
		color:white; font-size:11px;font-weight:bold; text-align:center;
		margin:0px 0px 5px 0px;background-color:#ff3318; padding:3px; width:133px; display:block}	
	.logo {
		float:left;margin:5px 2px 3px 0px;}
	#evaluez {
		padding:5px 10px 5px 5px;font-size:11px; z-index:0;}
	.gagnez {
		color:white; font-size:11px;font-weight:bold;text-align:center;
		margin:0px 0px 3px 0px;background-color:#ff3318; padding:3px; width:133px; display:block}		
	#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;
			}