/* ------------------------------------------------------ */
/* Small comment to avoid the 8,192 bytes Dreamweaver bug */
/* ------------------------------------------------------ */

@charset "utf-8";
/* CSS Document */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 10px 0;
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

img {
	border:none;
	border-width:0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #000000;
	height: 1px;
	margin: 5px 10px;
	display: block;
	clear: both;
}

h2 {
	padding:0; margin:0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

	h2 a {
		padding:0; margin:0;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
	}
	
h3 {
	padding:0; margin:0 10px 3px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-decoration:none;
}

h5 {
	padding:0; margin:0 10px 3px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-decoration:underline;
}

.divPub {
	padding:0; margin:10px;
	float:left;
	clear:right;
	text-align:center;
}

.clearfix {
	padding:0; margin:0;
	height:0;
	clear:both;
}

.bgGreyLight {
	background-color: #EEEEEE;
}

/* flashAdvert : DEBUT */
div#lightBox {
	padding: 10px 0; margin: 0;
	width: 100%; height: 100%;
	position: absolute; left: 0; top: 0;
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 32767;
}

div#flashAdvert {
	padding: 0; margin: 0;
	width: 100%;
	position: absolute;
	text-align: center;
	z-index: 32768;
}
/* flashAdvert : FIN */

/* global : DEBUT */
div#global {
	padding:0; margin:0 auto;
	width: 955px;
	position:relative;
	overflow:hidden;
}

	/* header : DEBUT */
	div#header {
		padding:0; margin:0 0 10px;
		width:955px;
	}
	
		div#headerPhoto {
			padding:0; margin:0;
			width:955px; height:201px;
			background-position:left top;
			background-repeat:no-repeat;
			position:relative;
		}
		
			div#headerPhoto h1 {
				padding:0; margin:0;
				color:#FFFFFF;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:2.9em;
				text-align:right;
				position:absolute; right:10px; top:5px;
			}
			
				div#headerPhoto h1 span {
					font-size:17px;
					line-height:20px;
					display:block;
				}
			
			div#headerPhoto p {
				padding:0; margin:0;
				color:#FFFFFF;
				font-family:"Arial Black", Arial, Helvetica, sans-serif;
				font-size:1.3em;
				text-align:left;
				position:absolute; left:5px; bottom:15px;
			}
			
		/* topMenu : DEBUT */
		div.topNav a {
			display:block;
			padding:0 8px 2px; margin:0;
			color:#FFFFFF;
			text-decoration:none;
		}
		
		div.topNav ul {
			padding:0; margin:0;
			list-style-type:none;
			float: right;
		}
		
		div.topNav ul li {
			float: right;
			font-size:1.00em;
			line-height:1.00em;
		}
		
		/* topMenu : DEBUT */
		div.topMenu {
			padding:0; margin:0;
			width:955px;
		}
		
			div.topMenu hr {
				margin:0;
				border-top-color:#FFFFFF;
			}
			
			div.topMenu a {
				display:block;
				padding:0 8px 2px; margin:0;
				color:#FFFFFF;
				text-decoration:none;
				font-variant:small-caps;
				letter-spacing: 1px;
			}
			
			div.topMenu ul {
				padding:0; margin:0;
				list-style-type:none;
			}
			
				div.topMenu ul.menuLeft {
					float: left;
				}
				
				div.topMenu ul.menuLeft li {
					float: left;
				}
				
				div.topMenu ul.menuRight {
					float: right;
				}
				
				div.topMenu ul.menuRight li {
					float: right;
				}
				
				div.topMenu ul.menuBottom a {
					padding: 2px 8px 0;
				}
				
				div.topMenu ul li {
					display:block;
					padding:0; margin:0;
					color:#FFFFFF;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:normal;
					font-size:1.1em;
					line-height:1.1em;
					white-space: nowrap;
				}
				
				div.topMenu ul.topMenu-level1 li {
					position:relative;
					text-align:center;
				}
				
				div.topMenu ul.menuLeft.topMenu-level1 li {
					margin-right:1px;
				}
				
				div.topMenu ul.menuRight.topMenu-level1 li {
					margin-left:1px;
				}
				
					div.topMenu ul.topMenu-level2 {
						display:none;
						position:absolute; left: 0;
						border-right:1px solid #FFFFFF;
						border-bottom:1px solid #FFFFFF;
						border-left:1px solid #FFFFFF;
						z-index: 10;
					}
					
						div.topMenu ul.topMenu-level2 li {
							width:100%;
							font-size:1.00em;
							line-height:1.00em;
							text-align:left;
							border-top:1px dashed #FFFFFF;
						}
						
							div.topMenu ul.topMenu-level2 li a {
								padding:5px;
							} 
					
					div.topMenu ul li:hover ul.topMenu-level2 {
						display:block;
					}
					
				.social-networks {
					background-color: transparent!important;
				}
				
					.social-networks a {
						padding: 2px 1px 0!important;
					}
				
		/* topMenu : FIN */
		
		/* Breadcrumb row : DEBUT */
		div#breadcrumb-row {
			padding: 0; margin: 5px 0;
			width: 100%;
			overflow: hidden;
		}
		
			/* Breadcrumb : DEBUT */
			ul#breadcrumb {
				padding:0; margin: 0;
				list-style: none;
				float: left;
			}
			
			ul#breadcrumb li {
				padding: 0; margin: 0;
				display: inline;
				font-size: 1.1em;
			}
			
			ul#breadcrumb a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			ul#breadcrumb a:hover {
				text-decoration: underline;
			}
			/* Breadcrumb : END */
			
		/* Breadcrumb row : FIN */
		
	/* header : FIN */
	
	/* leftCol : DEBUT */
	div#leftCol {
		padding:0; margin:0 10px 0 0;
		width:200px;
		float:left;
	}
	
		div#leftCol p, div#leftCol h4 {
			padding:0; margin:0 10px 10px;
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em;
			text-align:justify;
		}
		
			div#leftCol p a {
				color:#000000;
				text-decoration:none;
			}
		
		div#leftCol p.caption {
			font-size:0.9em;
			text-align:right;
		}
			
		div#leftCol h4 {
			text-decoration:underline;
		}
		
		.leftCol-panel {
			padding:0; margin:0 0 10px;
			width:200px;
			overflow:hidden;
		}
		
			.leftCol-panel a {
				color:#FFFFFF;
				text-decoration:none;
			}
			
			.leftCol-panel ul {
				padding: 0;
				list-style: none;
			}
		
		.leftCol-panel.left-menu-panel {
			margin-bottom: 1px !important;
		}
		
		.left-menu {
			padding:0; margin: 0 0 10px;
			list-style:none;
		}
		
			.left-menu li {
				display: block;
				padding: 0; margin: 0;
			}
		
		.accordion-toggle {
			cursor: pointer;
		}
		
		.left-menu-level1-row {
			padding: 0; margin: 0 0 1px;
			width: 200px; height: 31px;
			overflow: hidden;
		}
		
			.left-menu-level1-toggle {
				padding: 0; margin: 0;
				width: 33px; height: 31px;
				background-position: left top;
				background-repeat: no-repeat;
				float: left;
			}
			
			.left-menu-level1-toggle-active {
				background-position: left bottom;
			}
			
			.left-menu-level1-title {
				padding: 0; margin: 0;
				width: 166px; height: 31px;
				float: right;
				font-size: 1.2em;
				font-weight: bold;
				line-height: 31px;
				overflow: hidden;
			}
		
				.left-menu-level1-title a {
					display: block;
					padding: 0 3px 0; margin: 0;
					width: 160px; min-height: 100%;
					text-align: left;
				}
				
		.left-menu-level2-row {
			padding: 0; margin: 0;
			width: 200px;
			overflow: hidden;
		}
			
			.left-menu-level2-toggle, .left-menu-level2-toggle-active {
				padding: 0; margin: 0 0 0 8px;
				width: 19px;
				background-position: left top;
				background-repeat: no-repeat;
				float: left;
			}
			
			.left-menu-level2-title {
				padding: 0; margin: 0;
				width: 173px;
				line-height: 19px;
				float: right;
			}
		
				.left-menu-level2-title a {
					display: block;
					padding: 0 5px 0 2px; margin: 0 0 0 2px;
					width: 160px; height: 100%;
					text-align: left;
					border-left-width: 2px;
					border-left-style: solid;
				}
				
		.left-menu-level2-content {
			padding:0; margin: 5px;
			list-style:none;
			border-top: 1px solid;
		}
		
		.left-menu-level3-toggle {
			display: block;
			padding: 0 2px 0 27px; margin: 0;
			border-bottom: 1px solid #FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em;
			line-height:19px;
			background-position: 7px 3px;
			background-repeat: no-repeat;
		}
		
			.left-menu-level3-toggle-active, .left-menu-level3-toggle:hover {
				background-position: 10px 3px;
				background-repeat: no-repeat;
				background-color: #FFFFFF;
			}
		
	/* leftCol : FIN */
	
	/* rightCol : DEBUT */
	div#rightCol {
		padding:0; margin:0;
		width:745px;
		float:right;
	}
	
		table {
			margin: 0 auto;
		}
		
		th {
			padding: 3px 5px;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 1.2em;
			text-align: center;
		}
		
		td {
			padding: 3px 7px;
			font-size: 1.2em;
		}
		
		td a {
			color:#000000;
			text-decoration:underline;
		}
	
		.tdright {
			text-align: right;
		}
		
		.textwhite {
			color: #FFFFFF;
		}
		
		.nowrap {
			white-space: nowrap;
		}
		
		div#rightCol p {
			padding:0; margin:0 10px 10px;
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
			text-align:justify;
		}
		
			div#rightCol p a {
				color:#000000;
				text-decoration:underline;
			}
		
			div#rightCol p a.noTextDecoration {
				text-decoration:none;
			}
		
		div#rightCol p.price {
			padding: 0; margin: 0;
			font-size:1.6em;
			font-weight:bold;
			text-align:center;
			line-height: normal;
		}
		
			div#rightCol p.price span {
				font-size: 0.75em;
				font-weight: normal;
				font-style: italic;
				color: #000000;
			}
			
			div#rightCol p.price span.marginLeft {
				margin-left: 20px;
			}
			
		div#rightCol p.caption {
			font-size:1em;
			text-align:right;
		}
		
		div#rightCol p.addressBlock {
			width: 160px;
			text-align:left;
			float: left;
		}
		
		div#rightCol p.phoneBlock {
			margin-left: 10px;
			width: 210px;
			text-align:left;
			float: right;
		}
		
		div#rightCol p.estimateDescription {
			padding-top: 10px;
			clear: both;
			border-top: 1px dashed #CCCCCC;
		}
		
		div#rightCol p.nohspace {
			padding: 0; margin: 0;
		}
		
		div#rightCol .legend {
			font-size:0.9em;
			text-align:center;
		}
			
			div#rightCol .legend a {
				text-decoration:none;
			}
				
		div.main {
			padding:0; margin:0 0 10px;
			width:745px;
			overflow:hidden;
		}
	
			/* offers : DEBUT */
			.offers {
				padding:40px 90px 0 0; margin:0;
				min-height:74px;
				background:url(../images/promotions_bg.gif) 10px 0 no-repeat;
				overflow:hidden;
			}
			
				.offers h2 {
					margin:10px 0 5px 10px;
					color:#f7ad00;
					text-align:left;
					text-decoration:underline;
					cursor:pointer;
				}
			/* offers : FIN */
		
			.mainBlock {
				padding:0; margin:0 10px 10px;
				background-color:#FFFFFF;
			}
			
				div.diaporamaContainer {
					margin: 2px;
					position: relative;
					overflow: hidden;
				}
				
				img.productPhoto {
					margin:0 0 0 10px;
					float:left;
				}
				
				div.productDescription {
					width:390px;
					float:left;
				}
				
					div.mainBlockTitle {
						padding:0; margin:0 auto 10px;
						width:80%;
					}
					
				div.productPriceAndPictos {
					width:115px;
					float:right;
					text-align:center;
				}
				
					div.productPriceAndPictos img {
						margin:2px 0;
					}
				
				/* Fiche technique : DEBUT */
				#specificationSheetButtons {
					margin: 0 18px;
					overflow: hidden;
				}
				
				#specificationSheetButtons ul {
					margin:0;
					padding: 0;
					list-style: none;
				}
				
				#specificationSheetButtons li {
					display: inline;
					margin: 0;
					padding: 0;
					float: right;
				}
				
				#specificationSheetButtons a {
					display:inline-block;
					background-position: 0% 0%;
					background-repeat: no-repeat;
					margin: 0 0 0 1px;
					padding: 0 0 0 0;
					text-decoration: none;
					position: relative;
					cursor: pointer;
				}
				
				#specificationSheetButtons a span {
					display: block;
					background-position: 100% 0%;
					background-repeat: no-repeat;
					margin:0;
					padding: 6px 7px 0 8px;
					color: #828282;
					white-space: nowrap;
				}
				
				#specificationSheetButtons a span.txtBtn {
					height: 27px;
					line-height: 27px;
				}
				
				div.specificationSheetMainLeft {
					padding:0; margin:0 0 0 10px;
					width:375px;
					float:left;
				}
				
					div.level {
						padding:0; margin:0 0 10px;
						border-bottom:2px solid #cbc6da;
					}
					
					div.scale {
						padding:0; margin:0 auto;
						width:280px; height:10px;
						background-color:#cbc6da;
						overflow:hidden;
						position:relative;
					}
					
						div.scale img {
							margin:0;
							position:absolute; left:0; top:0;
						}
					
					table#technicScaleLegend {
						padding:0; margin:0 auto;
						width:320px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:1.1em;
						border:none;
					}
				
				div.specificationSheetMainRight {
					padding:0; margin:0 10px 0 0;
					width:300px;
					float:right;
				}
				
					ul.specificationSheetList {
						padding:0; margin:0;
						list-style-type:none;
					}
					
						ul.specificationSheetList li {
							padding:0 0 0 20px; margin:0 0 10px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:1.2em;
							line-height:1.2em;
							background:url(../images/h2o-list-marker.gif) left top no-repeat;
						}
				
				div.scheduletimerow {
					padding:0; margin:2px 0;
					overflow:hidden;
					clear: both;
				}
				
					div.scheduleTimeCell {
						padding:0; margin:10px 0 0;
						width:50px;
						float:left;
						font-weight: bold;
					}
			
					div.scheduleDescriptionCell {
						padding:0; margin:10px 0 0;
						width:350px;
						float:left;
					}
			
					div.schedulePriceCell {
						padding:0; margin:10px 0 0;
						width:110px;
						float:right;
						font-weight: bold;
					}
				/* Fiche technique : FIN */
				
		div#footer {
			padding:0; margin:0 0 10px;
			width:745px;
			text-align:center;
		}
		
			div#footer a {
				color:#FFFFFF;
				text-decoration:none;
			}
			
			div#footer ul {
				padding:0; margin:0 auto;
				list-style-type:none;
			}
			
				div#footer ul li {
					padding:0 5px; margin:0;
					border-right:1px solid #FFFFFF;
					display:inline;
					color:#FFFFFF;
					font-family:Arial, Helvetica, sans-serif;
					font-size:0.9em;
					line-height:0.9em;
				}
			
			div#footer p {
				padding:0; margin:0;
				font-size:0.9em;
				text-align:center;
			}
			
	/* rightCol : FIN */
	
	div.cornerLeftTop, div.cornerBlockLeftTop, div.cornerBlockTitleLeftTop {
		padding:0; margin:0;
		height:8px;
		background-position:left top;
		background-repeat:no-repeat;
	}
	
		div.cornerRightTop, div.cornerBlockRightTop, div.cornerBlockTitleRightTop {
			padding:0; margin:0;
			height:8px;
			background-position:right top;
			background-repeat:no-repeat;
		}
	
	div.cornerLeftBottom, div.cornerBlockLeftBottom, div.cornerBlockTitleLeftBottom {
		padding:0; margin:0;
		height:8px;
		background-position:left bottom;
		background-repeat:no-repeat;
	}
	
		div.cornerRightBottom, div.cornerBlockRightBottom, div.cornerBlockTitleRightBottom {
			padding:0; margin:0;
			height:8px;
			background-position:right bottom;
			background-repeat:no-repeat;
		}
	
	div.cornerLeftTop, div.cornerRightTop, div.cornerRightTop, div.cornerRightBottom, div.cornerBlockLeftTop, div.cornerBlockRightTop, div.cornerBlockLeftBottom, div.cornerBlockRightBottom, div.cornerBlockTitleLeftTop, div.cornerBlockTitleRightTop, div.cornerBlockTitleLeftBottom, div.cornerBlockTitleRightBottom {
		font-size:1px;
		line-height:1px;
	}

.last {
	margin-bottom:0;
}

	/* Plan d'accès : DEBUT */
	div.accessMap {
		padding:0; margin:0 auto;
		width:532px; height:427px;
		position:relative;
	}
		div.mapTown, div.mapSmallTown {
			padding:0; margin:0;
			color:#FFFFFF;
			font-family:"Arial Black", Arial, Helvetica, sans-serif;
			text-align:center;
			position:absolute;
		}
		
		div.mapTown {
			font-size:14px;
			line-height:14px;
		}
		
		div.mapSmallTown {
			font-size:11px;
			line-height:11px;
		}
		
		div#annecy {left:75px; top:60px;}
		div#chamonix {left:380px; top:35px;}
		div#ugine {left:235px; top:130px;}
		div#lyonParis {left:5px; top:140px;}
		div#aixLesBains {left:125px; top:155px;}
		div#italie {left:470px; top:135px;}
		div#alberville {left:160px; top:175px;}
		div#bourgStMaurice {left:293px; top:178px;}
		div#chambery {left:5px; top:210px;}
		div#landry {left:330px; top:225px;}
		div#lesArcs {left:445px; top:245px;}
		div#montmelian {left:20px; top:255px;}
		div#aime {left:330px; top:255px;}
		div#laPlagne {left:407px; top:345px;}
		div#peiseyVallandry {left:452px; top:312px;}
		div#moutiers {left:300px; top:327px;}
		div#grenoble {left:0; top:330px;}
		div#stJeanDeMaurienne {left:160px; top:365px;}
		div#modane {left:157px; top:380px;}
		div#tignes {left:445px; top:365px;}
		div#valdIsere {left:435px; top:380px;}
		div#tunnelFrejus {left:420px; top:395px;}
	/* Plan d'accès : FIN */

.toggle-block-btn {
	display: block;
	padding: 0 0 0 20px; margin: 0 20px 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.20em;
	line-height: 19px;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}


/* Action Highlighting
---------------------------------------- */
.errorbox {
	padding: 8px;
	margin: 0 10px;
	color: #FFFFFF;
	text-align: center;
}

.error {
	color: #BC2A4D;
}

.errorbox {
	background-color: #BC2A4D;
}

* html .errorbox { height: 1%; } /* Pixel shift fix for IE */

.errorbox h3 {
	color: #FFFFFF;
	margin: 0 0 0.5em;
	font-size: 1.20em;
	font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

.errorbox p, div#rightCol .errorbox p {
	color: #FFFFFF;
	font-size: 1.20em;
	margin-bottom: 0;
}

.errorbox a:link, .errorbox a:active, .errorbox a:visited {
	color: #DBD7D1;
	text-decoration: underline;
	font-weight: bold;
}

.errorbox a:hover, .successbox a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/* global : FIN */