/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient tous les CSS
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Strcuture accueil
// Structure
// - Panier
// - Contenu
// - Choix matériel 
// - Identification
// - Contact
// - Station
// - Vente
// Menu haut/gauche
// - Boutons haut
// - Boutons gauche
// - Boutons panier
// - Boutons contenu site
// Typo/lien
// Image
// Liens
// Signature
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body{
	padding:0;	margin:0;
	height:100%;
	background:#FFFFFF;
}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; padding:0;
}
img{
	border:0;
}
div.divSeparateurInvisible{ /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée */
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr{
  display: none;
}
.conteneurRelative{
	position:relative;
}
a:link, a:visited{
	color:#000;
}
a:hover, a:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure accueil
///////////////////////////////////////////////////////////////////////////////////*/
table#tableContSite{
	width:100%;	height:100%;
}
td#tdColExtendG{
	background:url(../images/background/back-extend-G.jpg) no-repeat top right;
}
td#tdColCoteGA, td#tdColCoteG{
	width:139px;
}
td#tdColCoteGA{
	background:url(../images/background/back-G.jpg) no-repeat;
}
td#tdColCoteG{
	background:url(../images/background/back-G-int.jpg) no-repeat;
}
td#tdContSiteA{
	width:728px; height:925px;
	background:url(../images/background/back-accueil.jpg) no-repeat;
}
td#tdContSite{
	position:relative;
	width:728px; height:100%;
	background:url(../images/background/back-interieur.jpg) repeat-y;
}
td#tdColCoteDA, td#tdColCoteD{
	width:133px;
}
td#tdColCoteD{
	background:url(../images/background/back-D-int.jpg) no-repeat;
}
td#tdColCoteDA{
	padding-top:325px;
	background:url(../images/background/back-D.jpg) no-repeat;
}
td#tdColExtendD{
	background:url(../images/background/back-extend-D.jpg) no-repeat top left;
}
div#divContSiteA{
	position:relative;
	width:728px; height:925px;
}
div#divContTitre, div#divContBienvenue, div#divContAccueil{
	display:none;
}
div#divRetourAccueil{
	position:absolute; top:125px; left:155px;
	width:420px; height:55px;
	cursor:pointer;
}
div#divContMenu{
	position:absolute; top:185px; left:109px;
	width:510px; height:28px;
}
div#divContActualites{
	position:absolute; top:530px; left:68px;
	width:580px;
}
div#divContLien{
	position:absolute; top:635px; left:55px;
	width:340px;
}
div#divContLien p{
	font:normal 16px Arial, Helvetica, sans-serif; color:#fff; text-align:justify;
}
div#divContLien p a{
	font:normal 15px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline;
}
div#divContActualites h3{
	font:bold 14px Arial, Helvetica, sans-serif; color:#fbed3a;
}
div#divContActualites p{
	font:normal 14px Arial, Helvetica, sans-serif; color:#fff; text-align:justify;
}
div#divEnSavPAccueil{
	position:absolute;
	top:590px; left:560px;
}
div#divEnSavPAccueil a:link, div#divEnSavPAccueil a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#1a9e2b;
}
div#divEnSavPAccueil a:hover, div#divEnSavPAccueil a:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
table#tableContContenu{
	width:728px; height:100%;
	background:url(../images/background/back-haut-interieur.jpg) no-repeat;
}
td#tdCellHautInt{
	height:223px;
}
td#tdCellBasInt{
	height:50px;
	background:url(../images/background/back-bas-interieur.png);
}
div#divContPub{
	position:absolute; top:535px; left:12px;
	width:118px;
	background:url(../images/background/back-pub.jpg) repeat-y;
}
div#divContHautPub{
	width:118px; height:20px;
	background:url(../images/background/back-haut-pub.jpg) no-repeat;
}
div#divContBasPub{
	width:118px; height:25px;
	background:url(../images/background/back-bas-pub.jpg) no-repeat;
}
div#divContContenuPub p{
	margin:5px;
	font:bold 12px "Times New Roman", Times, serif; color:#595959;
}
/* Panier */
div#divContPanier{
	position:absolute; top:275px; left:11px;
	width:112px;
	background:url(../images/background/back-panier.jpg) repeat-y;
}
div#divPanier{
	width:112px;
	background:url(../images/background/back-haut-panier.jpg) no-repeat;
	padding-top:35px;
}
div#divPanier p.pAucuneSelection{
	margin:0;
	height:70px;
	font:bold 12px "Times New Roman", Times, serif; color:#fff; text-align:center; vertical-align:middle;
}
div.divSelectionPanier{
	position:relative;
}
div.divPlusMoins{
	cursor:pointer;
	position:absolute; top:3px; right:2px;
	width:9px; height:9px;
}
div.divSelectionPanier p.style1{
	padding:0 0 0 2px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:left;
}
div.divInfosSuppPanier p.style2{
	padding:0 2px 0 0;
	font:normal 10px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:right;
}
div.divInfosSuppPanier p.style3{
	padding:0 0 0 2px;
	font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:left;
}
div.divInfosSuppPanier p.style4{
	padding:0 2px 10px 0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#fcf239; text-align:right;
}
p.pTotal{
	font:bold 16px "Times New Roman", Times, serif; color:#fff; text-align:center;
}
p.pPxTotal{
	padding:0 2px 5px 0;
	font:bold 14px Arial, Helvetica, sans-serif; color:#fcf239; text-align:right;
}
/* Contenu */
div.divBlocStyle1, div.divBlocStyle3, div.divBlocStyle4{
	width:630px;
	margin-left:50px;
}
div.divBlocStyle2{
	float:left;
	width:290px;
	margin-left:50px;
}
div.divBlocStyle1, div.divBlocStyle2, div.divBlocStyle5{
	background:#ffb136;
}

div.divBlocStyle3{
	background:#fff;
}
div.divBlocStyle5{
	width:320px;
	margin-left:50px;
}
/* Choix matériel */
td.tdCellChoixMatLoc{
	background:#f2e82d;
	text-align:center;
	padding:5px;
	border-top:2px solid #964e23; border-bottom:5px solid #e97f1f;
}
td.tdCellChoixMatLoc{
	font:bold 12px Arial, Helvetica, sans-serif; color:#0a7d19; text-transform:uppercase; text-decoration:none;
}

td.tdCellBlocGLoc, td.tdCellBlocDLoc{
	padding:10px;
	border-bottom:5px solid #e97f1f;
}
td.tdCellBlocGLoc{
	background:#f2e82d;
	font:normal 12px Arial, Helvetica, sans-serif; color:#6f3518;
}
td.tdCellBlocDLoc{
	background:#189b29;
	font:normal 12px Arial, Helvetica, sans-serif; color:#fff;
}
td.tdCellBlocGLoc h4{
	font:bold 15px Arial, Helvetica, sans-serif; color:#6f3518; text-transform:uppercase;	text-align:center;
}
td.tdCellBlocGLoc p{
	font:normal 12px Arial, Helvetica, sans-serif; color:#6f3518;
}
td.tdCellBlocDLoc h4{
	font:bold 15px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-align:center;
}
td.tdCellBlocDLoc p{
	font:normal 12px Arial, Helvetica, sans-serif; color:#fff;
}
td.tdCellChoixMat{
	width:156px;
	background:#FFFFFF;
	text-align:center;
}
td.tdCellChoixMat p{
	padding:4px;
	font:italic normal 12px Arial, Helvetica, sans-serif; color:#595959; text-align:center;
}
td.tdCellChoixMat span.style1{
	font:bold 12px Arial, Helvetica, sans-serif; color:#595959;
}
td.tdCellChoixMat span.style2{
	font:bold 18px Arial, Helvetica, sans-serif; color:#ff4436;
}
td.tdCellChoixMat span.style3{
	font:normal 10px Arial, Helvetica, sans-serif; color:#ff4436;
}
td.tdCellChoixMat span.style4{
	font:normal 10px Arial, Helvetica, sans-serif; color:#595959;
}
/* Identification */
table.tableIdentification{
	background:#FFF;
	margin-left:10px; margin-bottom:10px;
}
table.tableIdentification td{
	font:normal 12px Arial, Helvetica, sans-serif; color:#6F3507;
}
table.tableIdentification td input.champ{
	width:120px;
	border:1px solid #3FC300;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000;
	height:18px !important; height:20px;
}
/* Contact */
div#divContenuContact, div#divContenuStation, div#divContenuVente{
	margin:10px 0 0 50px;
}
div.divBlocStyleContact{
	position:relative;
	width:635px; height:385px;
	background:url(../images/background/carte-postale.png) 0 0 no-repeat;
}
div#divContenuContact img{
	margin:5px 0 0 10px;
}
div.divContenuBlocContact{
	position:absolute;
	top:80px; left:25px;
	width:250px;
}
div.divContenuBlocContact h1{
	display:none;
}
div.divContenuBlocContact h2{
	font:italic bold 15px "Times New Roman", Times, serif, sans-serif; color:#000;
	margin-bottom:15px;
}
div.divContenuBlocContact p{
	font:italic normal 14px "Times New Roman", Times, serif, sans-serif; color:#000;
}
div.divContenuBlocContact ul{
	list-style:none;	
}
div.divContenuBlocContact ul a:link, div.divContenuBlocContact ul a:visited{
	font: bold 14px "Times New Roman", Times, serif, sans-serif; color:#235591;	
}
div.divContenuBlocContact ul a:hover, div.divContenuBlocContact ul a:active{
	 text-decoration:none;
}
div.divContenuBlocContactRight{
	position:absolute;
	top:148px; left:340px;
	width:250px;
}
div.divContenuBlocContactRight p{
	font: bold 15px "Times New Roman", Times, serif, sans-serif; color:#000;
	line-height:24px;	
}
div.divContenuBlocContactRight a:link, div.divContenuBlocContactRight a:visited{
	color:#000;	
}
div.divContenuBlocContactRight a:hover, div.divContenuBlocContactRight a:active{
	text-decoration:none;
}
/* Station */
div.divBlocStyleStationHaut{
	position:relative;
	width:630px; height:297px;
	background:url(../images/background/back-station-haut.png) 0 0 no-repeat;
}
div.divBlocStyleStationHaut h1{
	display:none;
}
div.divBlocStyleStationHaut h2{
	position:absolute; top:65px;left:30px;
	width:365px;
	font:italic bold 16px "Times New Roman", Times, serif, sans-serif; color:#235591;
}
div.divBlocStyleStationBas{
	position:relative;
	width:630px; height:485px;
	background:url(../images/background/back-station-bas.png) 0 0 no-repeat;
}
div.divContStationBas{
	position:absolute; top:40px;left:215px;
	width:385px;
	font:normal 13px "Times New Roman", Times, serif, sans-serif; color:#000; text-align:justify;
}
/* Vente */
div.divBlocStyleVenteHaut{
	position:relative;
	width:643px; height:237px;
	background:url(../images/background/back-vente-haut.png) 0 0 no-repeat;
}
div.divBlocStyleVenteBas{
	position:relative; width:635px; height:370px;
	background:url(../images/background/back-vente-bas.png) 0 0 no-repeat;
}
div.divBlocStyleVenteHaut h1{
	display:none;
}
div.divBlocStyleVenteHaut h2{
	position:absolute; top:60px; left:30px;
	width:270px;
	font:italic bold 18px "Times New Roman", Times, serif, sans-serif; color:#235591;
}
div.divBlocStyleVenteHaut div.divContVenteHaut{
	position:absolute; top:130px; left:30px;
	width:270px;
	font:normal 14px "Times New Roman", Times, serif, sans-serif; color:#000; text-align:justify;
}
div.divBlocStyleVenteBas h2{
	position:absolute; top:50px; left:30px;
	width:270px;
	font:italic bold 18px "Times New Roman", Times, serif, sans-serif; color:#235591;
}
div.divBlocStyleVenteBas div.divContVenteBas{
	position:absolute; top:110px; left:30px;
	width:330px;
	font:normal 14px "Times New Roman", Times, serif, sans-serif; color:#000; text-align:justify;
}
/* Récapitulatif */
table#tableRecapitulatif{
	width:610px;
	border-collapse:collapse;
	margin:0 0 5px 10px;
}
table#tableRecapitulatif th{
	background:#159527;
	font:bold 12px Arial, Helvetica, sans-serif; color:#fff;
	border:1px solid #FFB136;
	padding:3px;
}
table#tableRecapitulatif th span{
	font:italic normal 10px Arial, Helvetica, sans-serif;
}
table#tableRecapitulatif td{
	background:#fff;
	font:normal 11px Arial, Helvetica, sans-serif; color:#6F3507; text-align:center;
	border:1px solid #FFB136;
	padding:5px;
}
table#tableRecapitulatif td.alG{
	text-align:left;
}
table#tableRecapitulatif td.alD{
	text-align:right;
}
div#divTotalReservation{
	width:620px;
	height:30px;
	text-align:right;
	font:normal 15px Arial, Helvetica, sans-serif; color:#6F3507; text-transform:uppercase;
}
div#divTotalReservation strong{
	font:bold 20px Arial, Helvetica, sans-serif; color:#6F3507;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu haut/gauche
///////////////////////////////////////////////////////////////////////////////////*/
/* Boutons haut */
div#lienSTATION a, div#lienSTATIONOver a, div#lienCONTACT a, div#lienCONTACTOver a, div#lienTARIFS a, div#lienTARIFSOver a, div#lienLOCATION a, div#lienLOCATIONOver a, div#lienVENTE a, div#lienVENTEOver a{
	float:left; display:block;
	width:102px; height:28px;
}
div#lienSTATION a, div#lienSTATIONOver a{
	background:url(../images/menu/station.jpg) 0 0 no-repeat;
}
div#lienCONTACT a, div#lienCONTACTOver a{
	background:url(../images/menu/contact.jpg) 0 0 no-repeat;
}
div#lienTARIFS a, div#lienTARIFSOver a{
	background:url(../images/menu/tarifs.jpg) 0 0 no-repeat;
}
div#lienLOCATION a, div#lienLOCATIONOver a{
	background:url(../images/menu/location.jpg) 0 0 no-repeat;
}
div#lienVENTE a, div#lienVENTEOver a{
	background:url(../images/menu/vente.jpg) 0 0 no-repeat;
}
div#lienSTATION a:hover, div#lienSTATIONOver a, div#lienCONTACT a:hover, div#lienCONTACTOver a, div#lienTARIFS a:hover, div#lienTARIFSOver a, div#lienLOCATION a:hover, div#lienLOCATIONOver a, div#lienVENTE a:hover, div#lienVENTEOver a{	
	background-position: -102px 0;
}
/* Boutons gauche */
div#lienSkisFemme a, div#lienSkisFemmeOver a, div#lienSkisHomme a, div#lienSkisHommeOver a, div#lienEnfantJunior a, div#lienEnfantJuniorOver a, div#lienSnowboards a, div#lienSnowboardsOver a, div#lienFondRaquettes a, div#lienFondRaquettesOver a, div#lienChaussuresCasques a, div#lienChaussuresCasquesOver a, div#lienAutresProduits a, div#lienAutresProduitsOver a{
	position:absolute; left:12px; display:block;
	width:118px; height:16px;
}
div#lienSkisFemme a, div#lienSkisFemmeOver a{
	top:319px;
	background:url(../images/menu/skis-femme.jpg) 0 0 no-repeat;
}
div#lienSkisHomme a, div#lienSkisHommeOver a{
	top:343px;
	background:url(../images/menu/skis-homme.jpg) 0 0 no-repeat;
}
div#lienEnfantJunior a, div#lienEnfantJuniorOver a{
	top:367px;
	background:url(../images/menu/enfant-junior.jpg) 0 0 no-repeat;
}
div#lienSnowboards a, div#lienSnowboardsOver a{
	top:391px;
	background:url(../images/menu/snowboards.jpg) 0 0 no-repeat;
}
div#lienFondRaquettes a, div#lienFondRaquettesOver a{
	top:415px; height:28px;
	background:url(../images/menu/fond-raquettes.jpg) 0 0 no-repeat;
}
div#lienChaussuresCasques a, div#lienChaussuresCasquesOver a{
	top:451px; height:28px;
	background:url(../images/menu/chaussures-casques.jpg) 0 0 no-repeat;
}
div#lienAutresProduits a, div#lienAutresProduitsOver a{
	top:487px; height:40px;
	background:url(../images/menu/autres-produits.jpg) 0 0 no-repeat;
}
div#lienSkisFemme a:hover, div#lienSkisFemmeOver a, div#lienSkisHomme a:hover, div#lienSkisHommeOver a, div#lienEnfantJunior a:hover, div#lienEnfantJuniorOver a, div#lienSnowboards a:hover, div#lienSnowboardsOver a, div#lienFondRaquettes a:hover, div#lienFondRaquettesOver a, div#lienChaussuresCasques a:hover, div#lienChaussuresCasquesOver a, div#lienAutresProduits a:hover, div#lienAutresProduitsOver a{
	background-position: -118px 0;
}
/* Boutons et liens panier */
div#lienPoursuivre a, div#lienAjouter a{
	display:block;
	margin:0 0 7px 3px;
	width:106px;
}
div#lienPoursuivre a:hover, div#lienAjouter a:hover{	
	background-position: -106px 0;
}
div#lienPoursuivre a{
	height:67px;
	background:url(../images/menu/poursuivre-reservation.gif) 0 0 no-repeat;
}
div#lienAjouter a{
	height:47px;
	background:url(../images/menu/ajouter-une-personne.gif) 0 0 no-repeat;
}
a.aLienPanier:link,a.aLienPanier:hover,a.aLienPanier:active,a.aLienPanier:visited{
 color:#ffffff;
 text-decoration:none;
}
/* Boutons contenu site */
div#lienReserver a, div#lienEtapeSuivante a, div#lienEnregistrer a, div#lienModifier a{
	display:block;
	width:120px; height:34px;
}
div#lienReserver a:hover, div#lienEtapeSuivante a:hover, div#lienEnregistrer a:hover, div#lienModifier a:hover{	
	background-position: -120px 0;
}
div#lienReserver a{
	background:url(../images/menu/reserver.jpg) 0 0 no-repeat;
}
div#lienEtapeSuivante a{
	background:url(../images/menu/etape-suivante.jpg) 0 0 no-repeat;
}
div#lienEnregistrer a{
	background:url(../images/menu/enregistrer.jpg) 0 0 no-repeat;
}
div#lienModifier a{
	background:url(../images/menu/modifier.jpg) 0 0 no-repeat;
}
div#lienValiderReservation a{
	display:block;
	width:106px; height:67px;
	background:url(../images/menu/valider-la-reservation.png) 0 0 no-repeat;
}
div#lienValiderReservation a:hover{	
	background-position: -106px 0;
}
div#lienImprimerReservation a{
	display:block;
	width:106px; height:67px;
	background:url(../images/menu/imprimer-la-reservation.png) 0 0 no-repeat;
}
div#lienImprimerReservation a:hover{	
	background-position: -106px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Typo/lien
///////////////////////////////////////////////////////////////////////////////////*/
h2.h2Style1{
	margin:0 50px 0 50px;
	font:bold 25px "Times New Roman", Times, serif; color:#fff;
}
h2.h2Style2{
	padding:10px 10px 0 10px;
	font:bold 25px "Times New Roman", Times, serif; color:#fff;
}
h3.h3Style1{
	margin:10px 50px 5px 50px;
	font:bold 18px "Times New Roman", Times, serif; color:#fff;
}
h3.h3Style1 span{
	text-decoration:underline;
}
h4.h4Style1{
	margin:10px 10px 5px 10px;
	font:bold 15px "Times New Roman", Times, serif; color:#6F3507; text-transform:uppercase;
}
p.pStyle1, p.pStyle2, p.pStyle3, p.pStyle4{
	padding:10px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#6F3507; text-align:justify;
}
p.pStyle2{
	text-align:center;
}
p.pStyle3{
	font:bold 12px Arial, Helvetica, sans-serif; color:#DF0000; text-align:center;
}
p.pStyle4{
	font:italic normal 10px Arial, Helvetica, sans-serif; color:#6F3507; text-align:justify;
}
p.pStyleRed{
	font:bold 16px Arial, Helvetica, sans-serif; color:#DF0000; text-align:center;
}
p.pStyle1 a:link, p.pStyle1 a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#6F3507;
}
p.pStyle1 a:hover, p.pStyle1 a:active{
	text-decoration:none;
}
a.aStyle1:link, a.aStyle1:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#6F3507;
}
a.aStyle1:hover, a.aStyle1:active{
	text-decoration:none;
}
p.pStyle2 textarea{
	width:300px;
	font:bold 11px Arial, Helvetica, sans-serif; color:#6F3507;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Image
///////////////////////////////////////////////////////////////////////////////////*/
img.imgStyle1{
	float:right;
	margin:0 0 5px 10px;
	border-top:2px solid #964e23;
	border-bottom:4px solid #e97f1f;
}
img.imgStyle2{
	float:left;
	margin:0 10px 5px 0;
	border-top:2px solid #964e23;
	border-bottom:4px solid #e97f1f;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Formulaire
///////////////////////////////////////////////////////////////////////////////////*/
input.inputNomPrenom, input.inputTaillePoids{
	height:16px !important; height:18px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#595959;
	border:1px solid #74726e;
}
input.inputNomPrenom{
	width:100px;
}
input.inputTaillePoids{
	width:30px;
	text-align:center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Tableau
///////////////////////////////////////////////////////////////////////////////////*/
table#tableReservation{
	width:100%;
}
table#tableReservation th, table#tableReservation td{
	font:bold 12px Arial, Helvetica, sans-serif; color:#595959; text-transform:uppercase;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Signature
///////////////////////////////////////////////////////////////////////////////////*/
div#divSignAgora{
	position:absolute; bottom:21px; right:5px; z-index:1;
}
div#divSignAgora, div#divSignAgora a{
	font:normal 11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;
}
div#divSignAgora a:hover{
	text-decoration:underline;
}