@charset "utf-8";
/* CSS Document */
/*INITIALISATION*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration:none;
}
body {
line-height:1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* DEB Typo font-face */
@font-face {
font-family: 'IndustriaSolidA';
src: url('../font/indus.eot');
src: local('Industria SolidA'), local('IndustriaSolidA'), url('../font/indus.woff') format('woff'), url('../font/indus.ttf') format('truetype'), url('../font/indus.svg#IndustriaSolidA') format('svg');
}

/* DEB Commun
************** */
.cleaner {
clear:both;
}

.invisible {
display:none;
}
.maj {
text-transform:uppercase;
}
.gras {
font-weight:bolder;
}
.italic {
font-style:italic;
}
.smaller {
font-size:smaller;
}

.bleuMarine {
color:#004B54;
}

h2 {
font-size:1.2em;
}
h4{
font-size:0.8em;
color:#339999;
font-weight:bold;
font-style:italic;
padding-bottom:3px;
}

a.lienPdf {
background:url(../design/icoPdf.gif) top right no-repeat;
padding-right:18px;
display:inline-block;
height:14px;
line-height:14px;
text-align:right;
font-weight:bold;
color:#004B54;
width:auto;
}

a.lienPdf:hover,
a.lienUrl:hover {
text-decoration:underline;
}

a.lienUrl {
font-weight:bold;
color:#004B54;
font-weight:bold;
}

/* blocMedia sur les pages produit */
.produit a.blocMedia {
display:block;
background:url(../design/blocMediaProdFond.gif) top left no-repeat;
width:352px;
height:131px;
line-height:131px;
color:#ffffff;
padding-left:15px;
position:relative;
margin:10px 0px;
}

.produit a.blocMedia img {
position:absolute;
top:0px;
left:176px;
}

/* FIN Commun
************** */

body {
font-family:'Tahoma', Arial, sans-serif;
font-size:12px;
color:#333333;
text-align:center;
background:url(../design/fondBackground.jpg) repeat-x #339999;
}

#main {
margin:10px auto 0px auto;
text-align:left;
width:840px;
}
	/* DEB Header
	  ****************** */
	#header {
	background:url(../design/header.png) no-repeat bottom;
	height:142px;
	width:840px;
	}
	
		#header a {
			display:block;
		margin:auto;
		width:212px;
		height:86px;
		}
	
		#header ul {
		background:url(../design/menuHeader.gif) no-repeat;
		width:711px;
		margin:auto;
		height:54px;
		padding:0px 41px;
		}
			
			#header ul li {
			float:left;
			height:53px;
			}
			#header ul li.skiHp {
			border-right:2px solid #ffffff;
			}
				#header ul li a{
				text-transform:uppercase;
				display:block;
				height:53px; /* 25 */
				line-height:53px;
				text-align:center;
				font-weight:bold;
				color:#33CC99;
				line-height:53px;
				/* margin-top:14px; */
				border-right:1px solid #ffffff;
				}
				#header ul li a:hover {
				color:#ffffff;
				}
				
				#header ul li a.actif {
				color:#ffffff;
				}

				
				#header ul li.skiRando,
				#header ul li.skiRando a,
				#header ul li.skiHp,
				#header ul li.skiHp a {
				width:155px;
				}
				#header ul li.journee,
				#header ul li.journee a,
				#header ul li.stage,
				#header ul li.stage a,
				#header ul li.voyage,
				#header ul li.voyage a {
				width:131px;
				}
				#header ul li.voyage a,
				#header ul li.skiHp a {
				border:none;
				}
	/* FIN Footer
	****************** */
	
	/* DEB middle
	****************** */
	#middle {
	background:url(../design/middle.png) repeat-y;
	width: 794px;
	min-height:300px;
	padding:0px 23px 15px 23px;
	position:relative;
	z-index:1;
	}
				
		h1 {
		z-index:2;
		font-family:'IndustriaSolidA','Tahoma', Arial, sans-serif;
		color:#BDAF97;
		font-weight:lighter;
		font-size:7em;
		letter-spacing:-2px; 
		}
		h1 span.smaller {
		font-size:0.7em;
		color:#ddcdb1;
		}
		#middle.produit h1,
		#middle.diaporama h1,
		#middle.contact h1,
		#middle.calendrier h1 {
		width:794px;
		text-align:center;
		}
		#middle.info h1 {
		position:absolute;
		top:2px;
		left:250px;
		}
		#middle.credit h1 {
		position:absolute;
		top:2px;
		left:338px;
		}
		#middle.meteo h1 {
		position:absolute;
		top:2px;
		left:323px;
		}

		#middle.contact .fiche  {
		width: 794px;
		margin:15px 0px;
		padding-bottom:10px;
		border-bottom: 1px solid #BDAF97;
		}
		#middle.contact .fiche .last  {
		border-bottom: none;
		}
			#middle.contact .fiche img,
			#middle.contact .fiche .historiqueDetail {
				float:left;
			}
			
			#middle.contact .fiche img {
			width:153px;
			text-align:center;
			margin:0px 15px;
			}
			#middle.contact .fiche .historiqueDetail {
			width:611px;
			}
			#middle.contact .fiche p {
			line-height:1.3em;
			margin:10px 0px;
			}
			 .contact .fiche span.lettreBleue {
			font-weight:bold;
			text-transform:uppercase;
			color:#339999;
			}
		
		#middle.info .blocDroit,
		#middle.credit .blocDroit,
		#middle.meteo .blocDroit
		/* #middle.diaporama .blocDroit */ {
		margin-top:100px;
		}
		.blocGauche,
		.blocDroit {
		float:left;
		margin-top:15px;
		}
		
		.blocGauche {
		width:352px;
		}
			.blocGauche #sousMenu h2 {
				height:36px;
				background:url(../design/listStyleSousMenu.gif) top left no-repeat #339999;
				margin-bottom:15px;
			}
			
				.blocGauche #sousMenu h2 a {
					display:block;
					height:36px;
					line-height:36px;
					color:#33CC99;
					padding-left:62px;
					font-size:1.2em;
					text-transform:uppercase;
					font-weight:bold;
				}				
				.blocGauche #sousMenu h2 a:hover ,
                .blocGauche #sousMenu h2 a.actif {
					color:#ffffff;
				}
				
			.blocGauche #sousMenu ul {
			padding:0px 15px 10px 40px;	
			}
				.blocGauche #sousMenu ul li {
					padding:5px 0px;
				}
				.blocGauche #sousMenu ul li a {
					color:#004B54;
					line-height:15px;
					padding-left:25px;
					font-weight:bold;
					background:url(../design/listStyleSousSousMenu.gif) top left no-repeat;
					margin-bottom:5px;
				}
				
				.blocGauche #sousMenu ul li a:hover {
				text-decoration:underline;
				}
		
		.blocDroit {
		width:372px;
		padding:0px 43px 0px 27px;
		}
		
			#calendrier {
			width:794px;
			height:595px;
			}			
			
			.blocDroit p {
			margin:10px 0px;
			line-height:1.3em;
			}
			.blocDroit p.first {
			margin-top:0px;
			}
			
			.blocDroit #ficheCarac h2,
			.blocDroit .news h2{
			margin:0px 0px 15px 0px;
			padding:0px 0px;
			min-height:36px;
			line-height:36px;
			background-color:#004B54;
			text-align:center;
			font-size:2em;
			color:#ffffff;
			}
			
			/* .blocDroit #ficheCarac  */
			p span.carac {
				text-transform:uppercase;
				font-weight:bold;
				color:#339999;
				font-size:1em;
			}
			
			.blocDroit #ficheCarac p a {
				font-weight:bold;
				color:#004B54;
			}
			
			.blocDroit #ficheCarac p a:hover {
				text-decoration:underline;
			}
			
			/* Diaporama & vid�o */
			#middle.diaporama .blocDroit #changementPage {
			width:372px;
			margin-bottom:15px;
			}
				#middle.diaporama .blocDroit #changementPage li {
				float:left;
				margin-right:5px;
				}
					#middle.diaporama .blocDroit #changementPage li a {
					background-color:#339999;
					color:#33CC99;
					display:block;
					width:36px;
					height:36px;
					line-height:36px;
					font-size:1.2em;
					text-align:center;
					font-weight:bold;
					}
					#middle.diaporama .blocDroit #changementPage li a:hover,
					#middle.diaporama .blocDroit #changementPage li a.actif {
						color:#fff;
					}
			.blocDroit .blocMediaDiapo {
			border-top:1px solid #BDAF97;
			padding:10px 0px;	
			}
			.blocDroit .last {
			border-bottom:1px solid #BDAF97;	
			}
			#cliquer {
				text-align:center;
				color:#004B54;
				font-weight:bold;
				font-size:0.9em;
				width:131px;
			}
			#cliquer p{
			margin:0;
			padding:0;
			}
			.blocDroit .blocMediaDiapo a.thumb,
			.blocDroit .blocMediaDiapo .blocMediaDiapoInfo {
			float:left;
			}
			.blocDroit .blocMediaDiapo a.thumb {
			display:block;
			width:176px;
			height:131px;
			}
			.blocDroit .blocMediaDiapo .blocMediaDiapoInfo {
			width:186px;
			padding-left:10px;
			}
			.blocDroit .blocMediaDiapo .blocMediaDiapoInfo a.btnDiapo {
			background:url(../design/fondBtnDiapo.gif) no-repeat top left;
			display:block;
			height:19px;
			line-height:19px;
			width:186px;
			text-align:center;
			text-transform:uppercase;
			color:#ffffff;
			font-weight:bold;
			font-size:0.8em;
			float:right;
			}
			.blocDroit .blocMediaDiapo .blocMediaDiapoInfo p {
			padding:5px 0px;
			margin:0;
			}
	
	/* FIN middle
	****************** */

	/* DEB Footer
	  ****************** */
	
	#footer {
	background:url(../design/footer.png) no-repeat;
	height:50px;
	}
		#footer ul {
		padding:2px 23px 0px 23px;
		width:794px;
		}
			#footer ul li {
			float:left;
			border-top:1px solid #A0A0A0;
			}
				#footer ul li a {
				display:block;
				height:19px;
				line-height:19px;
				color:#A0A0A0;
				text-transform:uppercase;
				font-weight:bold;
				text-align:center;
				font-size:0.9em;
				}

				#footer ul li.info a {
				width:210px;
				}
				
				#footer ul li.credit a {
				width:106px;
				}
				
				#footer ul li.meteo a {
				width:73px;
				}
				
				#footer ul li.diaporama a {
				width:102px;
				}
				
				#footer ul li.calendrier a {
				width:101px;
				}
				
				#footer ul li.news a {
				width:77px;
				background-color:#F39900;
				color:#ffffff;
				}
				
				#footer ul li.contact a {
				width:97px;
				background-color:#004B54;
				color:#ffffff;
				}
				
				#footer ul li a.actif {
				background-color:#339999;
				color:#ffffff;
				}
				
				#footer ul li a:hover {
				background-color:#339999;
				color:#ffffff;
				}
				
				#footer ul li.admin a {
				width:28px;
				height:15px;
				border:none;
				margin-top:2px;
				background-color:#ffffff;
				}
	/* FIN Footer
	  ****************** */
	.orange {
color:#F39900;
}