/* */
@media screen, print {

	body { font-family: Verdana, Geneva, Arial, Helvetica;
		background: white;
		text-decoration: none;
		}
		
}


@media screen {

	body { margin-top: 0;
		min-width: 875px;
		max-width: 1075px;
		}
		
	p {	margin: 0;
		padding-bottom: 2px;
		}
		
	#layRight { width: 19%; height: 100%;
			margin-left: 1%;
			float: right;
			background: transparent;
			text-align: center;
			}
			
	#rsoc { background: transparent;
			padding: 0 8px 0 8px;
			letter-spacing: 1px;
			line-height: 1.2em;
			text-align: inherit;
			}
			
	p#chaMet1 { font-size: 11px;
			font-weight: bolder;
			color: #3333cc;
			}
			
	p#chaMet2 { font-size: 11px;
			font-weight: normal;
			color: #999999;
			margin-bottom: 8px;
			}
					
/*	#adsense { background: transparent;
			position: absolute;
			left: auto; right: 1em;
			top: auto; bottom: 1em;
			}
			*/
			
	#adsense { background: transparent;
			margin-top: 75%;
			padding-left: 1%;
			}
			
/* ANNONCES CHAMONIX.NET */			
	.label { background:#e6e6e6; color: #666666;
			padding: 2px 2px 2px 2px;
			font-weight: bold; font-size: 9px;
			margin:0px 10px 0px 10px;
			}
			
	#menuCham { background: transparent;
			margin-top: 75%;
			padding-left: 1%;
			font-size: 11px;
			text-align: left;
			border: solid 2px red;
			}
			
	a.menuCham {
			display: block;
			color: black;
			background: #e6e6e6;
			margin: 2px;
			padding: 3px;
			}
						
	a.sousmenuCham {
			display: block;
			font-size: 9px;
			color: #666666;
			background: #e6e6e6;
			margin: 2px;
			padding: 4px 3px 4px 18px;
			}
			
	img#logoTR { margin: 0 0 8px 0;
			padding: 0 0 0 0;
			}
			
	#layLeft { width: 80%; height: 100%;
			min-width: 600px;
			max-width: 860px;
			position: absolute;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background: white;
			}
			
	iframe#bulmat {
		width: 100%; height:740px;
		border: 2px solid #3333cc;
		frameborder: 0;
		}
				
	iframe#diapo {
		width: 320px; height:180px;
		border: 2px solid #3333cc;
		frameborder: 0;
		}

	#toprint { display: none
			}
			
	#previ { background: white;
			margin: 8px 0 0 6px;
			line-height: 1em;
			}
			
	#preZone { background: #6666CC; color: white;
			padding: 6px 0px 8px 8px;
			font-weight: bold; font-size: 12px;
			}
			
	#copyTop  { font-size: 11px;
			font-weight: normal;
			color: #ccccff;
			margin-left: 24px;
			vertical-align: 1px;
			}

	img.flag { position: absolute;
			left: auto; right: 1.5em;
			top: 1.5em; bottom: auto;
			border: none;
			padding: 0px;
			}

	#preDate { background:#e6e6e6; color: #666666;
			padding: 4px 0px 6px 8px;
			margin: 4px 0px 0px 0px;
			}
			
	div#preDate > span:first-child { display: block;
									margin: 0px 0px -8px 0px;
									color: #3333CC;
									}
	div#fileTop { margin: -4px 0px 0px 0px;
			}
			
	hr { color: #3333CC; background: #3333CC;
			height: 2px; border: 0px;
			}
	
	.gras {	font-weight: bold;
			font-size: 11px;
			}
			
	#synTit { margin: 12px 0px 4px 0px;
			color: #3333CC;
			}
			
	#synTxt { margin: 0px 0px 8px 0px;
			}
	
	.txt { font-weight: normal;
			font-size: 11px;
			color: black;
			}	

	.txtita { font-weight: normal; font-style: italic;
			font-size: 11px;
			color: black;
			}	
			
	.jourTit { margin: 14px 0px 0px 0px;
			color: #3333CC;
			font-weight: bold; font-size: 11px;
			}
			
	.jourSsTit { color: #330099;
			}
			
	.jour {	margin: 8px 0 0 0;
			}
			
	.gris {	font-weight: bold;
			font-size: 11px;
			color: #999999;
			}
			
	.blanc { font-weight: bold;
			font-size: 11px;
			color: #ffffff;
			}

	.proba { margin: 14px 0px 2px 0px;
			color: #3333CC;
			font-weight: bold; font-size: 10px;
			}
	#obs { background: white;
			margin: 8px 0 0 6px;
			padding-bottom: 24px;
			line-height: 1em;
			}

	#obsTit { background: #6666CC; color: white;
			padding: 6px 0px 8px 8px;
			margin-top: 12px;
			font-weight: bold; font-size: 12px;
			}

	table#obsTable { margin: 12px 0 0 8px;
			border-collapse: collapse;
			}

	tr#obsTr { vertical-align: top;
			}

	td#obsCham { width: 210px;
				text-align: left;
				padding-left: 8px;
				line-height: 85%;
				}
				
	.obsLoc { font-weight: bold; font-size: 12px;
			 color: #330099;
			}

	.obsDate { font-weight: bold; font-size: 10px;
			 color: #3333CC;
			}

	.note { font-weight: normal; font-style: italic;
			font-size: 10px;
			color: black;
			padding: 0 20px 0 12px;
			}

/*	a#gbLink { color: #3333CC;
			margin: -48px 0 0 0;
			padding: 0 0 24px 0;
			}
*/
	a { text-decoration: none;
			}
			
	a:active { background: #ffff00;
			}

	a:visited { color: #6666CC;
			}
			
	a:hover { color: #ff0000;
			}
}


@media print {

	body { margin-top: 0;
		}
		
	p {	margin: 0;
		padding-bottom: 2px;
		}
		
	#layRight { display: none
			}
			
	#layLeft { width: 100%; height: 100%;
			position: absolute;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: transparent;
			line-height: 100%;
			}
			
	#toprint { margin-top: 24px;
			text-align: center;
			background: white;
			}
				
	p.rsoc { color: #6666CC;
			font-weight: bold;
			font-size: 11pt;
			}
			
	img.logoRsoc { vertical-align: -7pt;
			padding:0 10pt 0 10pt;
			width: 27pt;
			}
			
	p.slogan { font-weight: bold; font-size: 8pt;
			color: #6666CC;
			}

	#copyBas { margin-top: 6px;
			font-weight: normal;
			font-size: 9pt;
			color: #6666CC;
			}			
	#previ { background: white;
			margin: 8px 0 0 6px;
			line-height: 1em;
			}
			
	#preZone { background: #6666CC; color: white;
			padding: 6px 0px 8px 8px;
			font-weight: bold; font-size: 12px;
			}
			
	#copyTop  { display: none;
			}
			
	img.flag { display: none;
			}
			
	#preDate { background:#e6e6e6; color: #666666;
			padding: 4px 0px 6px 8px;
			margin: 4px 0px 0px 0px;
			}
			
	div#preDate > span:first-child { display: block;
									margin: 0px 0px -8px 0px;
									color: #3333CC;
									}
	div#fileTop { display: none;
			}
			
	.gras {	font-weight: bold;
			font-size: 11px;
			}
			
	#synTit { margin: 12px 0px 4px 0px;
			color: #3333CC;
			}
			
	#synTxt { margin: 0px 0px 8px 0px;
			}
	
	.txt { font-weight: normal;
			font-size: 11px;
			color: black;
			}	
			
	.txtita { font-weight: normal; font-style: italic;
			font-size: 11px;
			color: black;
			}	

	.jourTit { margin: 14px 0px 0px 0px;
			color: #3333CC;
			font-weight: bold; font-size: 11px;
			page-break-after: avoid;
			}
			
	.jourSsTit { color: #330099;
			page-break-after: avoid;
			}
			
	.jour {	margin: 8px 0 0 0;
			page-break-before: avoid;
			page-break-inside: avoid;
			}
			
	.gris {	font-weight: bold;
			font-size: 11px;
			color: #999999;
			}
			
	.blanc { font-weight: bold;
			font-size: 11px;
			color: #ffffff;
			}

	.proba { margin: 14px 0px 2px 0px;
			color: #3333CC;
			font-weight: bold; font-size: 10px;
			}
	#obs { display: none
			}
			
}