/* CSS Document par Alexis Riche */

body {
	margin: 0;
	padding: 0;
	
	background-color: #3c62a7;
	background-image: url(../images/fond/ciel.png);
	background-position: top;
	background-repeat: repeat-x;	
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* pour correction de centrage de la <div> principale sous IE */
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px auto; /* harmonisation des marges haut et bas sous IE */
}

h1 {
	width: 100%;
	height: 86px;
	
	margin: 0;
	
	text-indent: -9999em;
}
	h1 a {
		height: 100px;
		
		display: block;
		
		text-indent: -999em;
	}
h2 {
	margin-bottom: 10px;
	
	border-bottom: 1px solid #52422f;
	
	clear: both;
}
h3 { margin-bottom: 14px; border-bottom: 1px solid #52422f; }
h4 { }
h5 { }
h6 { }

.kill { display: none; }
.invisible { visibility: hidden; }
.top { vertical-align: top; } /* alignement en haut (valable uniquement pour les tableaux */
.middle { vertical-align: middle; } /* alignement au milieu (valable uniquement pour les tableaux */
.left { text-align: left; } /* alignement � gauche du contenu */
.center { text-align: center; } /* centrage du contenu */
.justify { text-align: justify; } /* justification du contenu (valable uniquement pour les textes) */
.right { text-align: right; } /* alignement � droite du contenu */
.bottom { vertical-align: bottom; } /* alignement en bas (valable uniquement pour les tableaux */

.full {	width: 100%; } /* largeur maximale */
.shifttop { margin-top: /* param�trable */; } /* retrait au-dessus */
.shiftleft { margin-left: /* param�trable */; } /* retrait � gauche */
.shiftright { margin-right: /* param�trable */; } /* retrait � droite */
.shiftbottom { margin-bottom: /* param�trable */; } /* retrait en-dessous */

.strike { text-decoration: line-through; } /* texte barr� */

.divleft {
	margin-right: 14px;
	margin-bottom: 14px;
	float: left;
}
.divcenter {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.divright {
	margin-left: 14px;
	margin-bottom: 14px;
	float: right;
}
.clear { clear: both; }

.borderless { border: none;	} /* supprime les bordures */
.bordered { border: 1px solid black; } /* ajoute une bordure */
.stuck { margin: 0; } /* les balises affect�es par cette classe se touchent */
.stuck-top { margin-top: 0; } /* les balises affect�es par cette classe n'ont aucune marge au-dessus */
.stuck-bottom { margin-bottom: 0; } /* les balises affect�es par cette classe n'ont aucune marge en dessous */
.stuck-left { margin-left: 0; } /* les balises affect�es par cette classe n'ont aucune marge � gauche */
.stuck-right { margin-right: 0; } /* les balises affect�es par cette classe n'ont aucune marge � droite */
.stuck-in { padding: 0; } /* les balises affect�es par cette classe n'ont aucune marge interne */
.table { display: table; } /* les balises affect�es par cette classe r�agissent comme des tableaux */
.table-cell { display: table-cell; } /* NON COMPATBLE IE - les balises affect�es par cette classe r�agissent comme des cellules de tableaux */
.block { display: block; } /* correction bug IE d'espaces ind�sirables autour des images */
.inline { display: inline; } /* les balises affect�es par cette classe tiennent, dans la mesure du possible, sur la m�me ligne */
.scroll { overflow: scroll; } /* g�n�re des ascenceurs dans un �l�ment conteneur dans le cas o� son contenu est plus vaste que lui */
.hidden {overflow: hidden; } /* masque les �l�ments qui 'sortent' d'un conteneur affect� par cette classe (les dimensions doivent �tre pr�cis�es) */

a img { /* supprime les bordures autour des images affect�es par un lien sous IE */
	padding: 0;

	border: none;
}

a:link,
a:visited {
	color: #cc0000;
	text-decoration: none;
}
a:active,
a:hover{
	color: #cc0000;
	text-decoration: underline;
}

.framed { /* cr�e un encadr� et eventuellement un fond sur un bloc */
	width: /* param�trable */; 
	
	margin-left: /* param�trable */; 
	margin-right: /* param�trable */; 
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}
	.framed h2,
	.framed h3,
	.framed h4 {
		margin-top: 0;
	}
	
table {
	border: none;
	/*border-collapse: collapse;*/
}
	td {
		border: none;
		/*border-collapse: collapse;*/
	}
	th {
		background-color: #d8bc97;
		
		font-weight: bold;
		color: white;
		text-align: center;
	}

ul {
	padding-left: 14px;
}	
ol li ol li { list-style: lower-latin; } /* les puces utilis�e pour les sous-listes num�rot�es sont des caract�res latin (a,b,c...) */
ul li {
	list-style-image: url(../images/puce/losange.gif);
	
	margin-bottom: 14px;
}
	ul li ul li { }

hr {
	margin-bottom: 7px;
	/* Corrige le bug des marges de HR sous IE */
	display: block;
	height: 1px;
	padding: 0;
	color: #000; /* Couleur sous IE */
	background-color: #000; /* Couleur sous Firefox */
	border: 0;
}

.classic { background-color: #ccc; } /* alternative couleur utilis�e pour distinguer les lignes de tableaux */
.altern { background-color: white; } /* alternative couleur utilis�e pour distinguer les lignes de tableaux */

/*img[alt]:after { /* Permettra d'affciher le contenu du alt */ /* GENERE UN BUG AVEC LES IMAGE-MAP */
	/*content:"\A ("attr(alt)")";
}*/

/*====================================================================================================
	Gestion des formulaires
====================================================================================================*/

form {
	margin: 0;
	padding: 0;
}
	form ul {
		margin: 0;
		padding: 0;
		
		list-style: none;
	}

fieldset {
	padding: 10px;
	
	border: ;
}
	legend {
	}
	label {
		font-weight: bold;
	}
		.lbleft { /* s'applique usuellement � une balise <label> afin de l'aligner � gauche du champ de formulaire qu'elle pr�c�de */
			width: 135px; /* 150 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caract�ristiques de label{} car peut s'appliqu� � d'autres balises (ex: <span>...) */
		}
		.lbleft-short {
			width: 70px; /* 105 */ /* param�trable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caract�ristiques de label{} car peut s'appliqu� � d'autres balises (ex: <span>...) */
		}
		.lbleft-long {
			width: 185px; /* 200 */ /* param�trable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caract�ristiques de label{} car peut s'appliqu� � d'autres balises (ex: <span>...) */
		}
		input,
		select,
		textarea {
		    font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: ;
		}
	
	.denied { /* messages d'erreurs lors du remplissage des formulaires */
	}
		.denied ul {
			margin: 0;
			padding: 0;
			
			color: #cc0000;
		}
		.denied ul li {
			margin-left: 7px;
			margin-bottom: 7px;
		}
		
		.granted ul {
			margin: 0;
			padding: 0;
			
			color: #0099FF;
		}
		.granted ul li {
			margin-left: 7px;
			margin-bottom: 7px;
		}



/*====================================================================================================
	D�coupage
====================================================================================================*/
.cols2 {
	width: 50%;
	
	float: left;
}
.cols3 {
	width: 33%;
	
	float: left;
}



/*====================================================================================================
	Classes singuli�res
====================================================================================================*/
.comment { /* bloc de commentaire utilis� par exemple dans l'interface administrateur */
	width: 70%;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}

.searching { text-align: center; } /* bloc de recherche */

.path {
}

.picture-right {
	width: 262px; /* 280 */
	
	overflow: hidden;
	
	margin-left: 14px;
	margin-bottom: 14px;
	padding: 8px;
	float: right;
	
	border: 1px solid #333;
	background-color: #fff;
	
	text-align: center;
	color: #a0825b;
	font-size: 10px;
	font-style: italic;
	/* police manuscrite */
}

.picture-left {
	width: 262px; /* 280 */
	
	overflow: hidden;
	
	margin-right: 14px;
	margin-bottom: 14px;
	padding: 8px;
	float: left;
	
	border: 1px solid #333;
	background-color: #fff;
	
	text-align: center;
	color: #a0825b;
	font-size: 10px;
	font-style: italic;
	/* police manuscrite */
}

.picture-float {
	width: 262px; /* 280 */
	height: 230px;
	
	overflow: hidden;
	
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 14px;
	padding: 8px;
	float: left;
	
	border: 1px solid #333;
	background-color: #fff;
	
	text-align: center;
	color: #a0825b;
	font-size: 10px;
	font-style: italic;
	/* police manuscrite */
}

	.picture-right img,
	.picture-left img,
	.picture-float img {
		margin-bottom: 7px;
		
		border: 1px solid #333;
	}

.legende img { border: none; }



/*====================================================================================================
	Infobulle
====================================================================================================*/
.infobulle{
	position: absolute;	

	visibility : hidden;

	padding: 5px;
	
	border: 1px solid #000;
	
	background-color: #ffc;
}



/*====================================================================================================
	Curseurs
====================================================================================================*/

.cursor-hand { /* Pointeur de base */
	cursor: default;
}
.cursor-hand { /* Main (lien hypertexte) */
	cursor: pointer;
}
.cursor-cross { /* Croix */
	cursor: crosshair;
}
.cursor-wait { /* Sablier */
	cursor: wait;
}
.cursor-help { /* Point d'interogation */
	cursor: help;
}
.cursor-move { /* 2 double-fl�ches haut/bas gauche/droite */
	cursor: move;
}
.cursor-erisize { /* Double-fl�che gauche/droite */
	cursor: e-resize;
}
.cursor-nresize { /* Double-fl�che haut/bas */
	cursor: n-resize;
}
.cursor-neresize { /* Double-fl�che bas-gauche/haut-droite */
	cursor: ne-resize;
}
.cursor-nwresize { /* Double-fl�che haut-gauche/bas-droite */
	cursor: nw-resize;
}
.cursor-text { /* Texte */
	cursor: text;
}



/*====================================================================================================
	Arrondis des angles sous Firefox
====================================================================================================*/
.bevelled {
	-moz-border-radius: 12px; /* Arrondi des angles */
	border-radius: 12px; /* Arrondi des angles */
}
	


/*====================================================================================================
	S�lection du texte sous Firefox
====================================================================================================*/

::-moz-selection{
	background-color: #5295c0;
	
	color: white;
}
::selection {
	background-color: #5295c0;
	
	color: white;
} 









/*====================================================================================================
	Gestion des blocs
====================================================================================================*/

#main {
	width: 100%;
	height: 100%;
	
	background-image: url(../images/fond/snow_range.png);
	background-position: top center;
	background-repeat: repeat-y;
}
	
	#landscape {
		width: 100%;
		height: 100%;
		
		background-image: url(../images/fond/landscape.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}

	#header {
		width: 800px;
		height: 150px;
		
		margin-left: auto;
		margin-right: auto;
		
		overflow: hidden;
		
		background-image: url(../images/fond/header.jpg);
	}
	
	 #menu {
		width: 800px;
		height: 29px;
		
		margin-left: auto;
		margin-right: auto;
		
		overflow: hidden;
		
		background-color: #cba674;
	 }
	
	#body_n_footer {
		background-image: url(../images/fond/content_snow.jpg);
		background-position: top;
		background-repeat: repeat-y;
	}
	
	#body {
		width: 800px;
		
		margin-left: auto;
		margin-right: auto;
		
		overflow: hidden;
	}
	
	#content-pillar {
		width: 1px;
		height: 725px;
		
		float: left;
	}
	
	#content {
		width: 719px; /* 800 */
		/*height: 1000px; /* provisoire */
		
		padding: 0 40px 14px 40px;
		
		float: left;
		
		overflow: hidden;
		
		background-image: url(../images/fond/content-top.jpg);
		background-position: top;
		background-repeat: no-repeat;
	}
	 	#french,
		#english {
			width: 45px;
			height: 45px;
			
			position: absolute;
			
			top: 179px;
			left: 50%;
		}
	 	#french {
			margin-left: 270px;
		}
		#english {
			margin-left: 315px;
		}
		
		div.bloctext {
			width: 716px;
			
			padding-top: 16px;
			margin-top: -9px;
			margin-bottom: 21px;
			
			overflow: hidden;
			
			background-image: url(../images/fond/bloctext_top.gif);
			background-position: top;
			background-repeat: no-repeat;
			
			text-align: justify;
		}
			div.bloctext div.text {
				width: 646px; /* 716 */
				
				padding: 7px 35px 21px 35px;
				
				overflow: hidden;
				
				background-image: url(../images/fond/bloctext_center-n-bottom.gif);
				background-position: bottom;
				background-repeat: no-repeat;
			}
		
		#col_left {
			width: 351px; /* 358 */
			
			margin-top: -9px;
			padding-right: 7px;
			
			float: left;
		}
		#col_right {
			width: 351px; /* 358 */
			
			margin-top: -9px;
			padding-left: 7px;
			
			float: right;
		}
		
		div.blocstext {
			width: 351px;
			
			padding-top: 16px;
			margin-top: -9px;
			margin-bottom: 21px;
			
			overflow: hidden;
			
			background-image: url(../images/fond/blocstext_top.gif);
			background-position: top;
			background-repeat: no-repeat;
			
			text-align: justify;
		}
			div.text {
				width: 281px; /* 351 */
				
				padding: 7px 35px 21px 35px;
				
				overflow: hidden;
				
				background-image: url(../images/fond/blocstext_center-n-bottom.gif);
				background-position: bottom;
				background-repeat: no-repeat;
			}
	 
	#footer {
 		width: 802px; /* 800 */
		height: 150px;
		
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		
		overflow: hidden;

		background-image: url(../images/fond/footer.jpg);
		background-position: right;
		background-repeat: repeat-x;
	}
		#footer a:link,
		#footer a:visited {
			color: #000;
			text-decoration: none;
			font-weight: bold;
		}
		#footer a:active,
		#footer a:hover {
			color: #000;
			text-decoration: underline;
			font-weight: bold;
		}
		
		#footer-top {
			width: 800px;
			height: 50px;
			
			background-image: url(../images/fond/footer-top.png);
		}
		#footer-middle {
			width: 800px;
			height: 50px;
			
			background-image: url(../images/fond/footer-middle.jpg);
		}
		
/*====================================================================================================
	Popup
====================================================================================================*/

div #popup {
	width: 800px;
	
	padding: 14px;
	
	background-color: #3c62a7;
}

	table .tariffs {
		background-color: #d8bc97;
		
		border: 1px solid #52422f;
	}
	
		table .tariffs th,
		table .tariffs td {
			border: 1px solid #52422f;
			
			text-align: center;
		}
		
/*====================================================================================================
	Visit
====================================================================================================*/

#visit {
	width: 644px; /* 646 */
	height: 427px; /* 429  */
	
	border: 1px solid #000;
	
	overflow: hidden;
	
	background-color: #fff;
}

#floors,
#area1,
#area2,
#area3,
#area4	{
	float: left;
}

#floors {
	width: 89px;
	height: 427px;
	
	background-image: url(../images/map/floors.jpg);
	background-position: top left;
	background-repeat: none;
}

#area1,
#area2,
#area3,
#area4	{
	width: 550px;
	
	padding-top: 14px;
	
	overflow: hidden;
	
	background-color: #fff;
	
	text-align: center;
}

/*=====================================================================================================
	Carrousel photos extérieur
=====================================================================================================*/
#diapo-photos {
	margin-left: 6px;
	margin-top: 2px;
}

.precedent, .suivant {
	cursor: pointer;
}

.carrouselContainer {
	float: left;
	width: 560px;
	overflow: hidden;
}

.carrousel {
	width: 2800px;
	list-style: none;
	padding: 0;
}

.carrousel li {
	list-style: none;
}

.carrousel li {
	float: left;
	width: 520px;
	margin: 0 10px;
	/*height: 280px;*/
}

#resume, #stop {
	cursor: pointer;
}

#resume span, #stop span {
	color: #034896;
}

#resume span:hover, #stop span:hover {
	color: #e42723;
}

.bordure-photo {
	float: left;
	margin: 0 20px 20px 0;
	background: url('/images/contour-photo.png') no-repeat left top;
	width: 160px;
	height: 145px;
	padding-top: 15px;
	text-aling: center;
}

.bp-droite {
	margin-right: 0;
}

.nav-carrousel {
	text-align: center;
}

.nav-carrousel .precedent {
	margin-right: 5em;
}