* {
	padding:0px;
	margin:0px;
	font-family:tahoma;
}

* html .forfait {height:50px;}

a img{
	border:0px;
}

body{
	background-color:#fede7b;
}

#page{
	width:990px;
	background-color:#ffffff;
	margin:auto;
}

H4 a:link,
a:visited, a:hover{
	color: #FFFFFF;
}

a:link,
a:visited{
	color:#B41E3C;
}


/* ******************************************************
Entete de la page
************/

#entete #imagesContainer img{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}

#logoAccueuil{
	position:absolute;
	top:240px;
	padding-left:20px;
	z-index:200;
}

#logo{
	position:absolute;
	top:140px;
	padding-left:20px;
	z-index:200;
}


/* ******************************************************
Contenu de la page d'accueil
************/

#contenuAccueil{
	padding:0px 5px;
	color:#5e6872;
}

#contenuAccueil #gauche{
	padding-right:5px;
	width:230px;
	float:left;
	text-align:center;
}

#contenuAccueil #gauche img{
	padding-bottom:5px;
}

#contenuAccueil #gauche ul{
	list-style-type:none;
	font-size:0.75em;
}

#contenuAccueil #gauche ul li{
	padding-top: 10px;
	padding-bottom: 3px;
	border-bottom:#000000 solid 1px;
}

#contenuAccueil #gauche ul li a:link,
#contenuAccueil #gauche ul li a:visited{
	color:#5E6872;
	text-decoration:none;
}

#contenuAccueil #gauche ul li a:hover{
	color:#b31e3e;
	font-weight:bold;
}

#contenuAccueil #droite{
	width:745px;
	float:left;
	padding-bottom:30px;
}

#contenuAccueil #droite p{
	font-size:0.75em;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:50px;
}

#contenuAccueil #droite .jaune{
	background-color:#eaeec0;
	min-height:1px;
}

#contenuAccueil #droite .bleu{
	background-color:#d9ebe9;
	min-height:1px;
}

/*Forfaits de la page d'accueil*/

#contenuAccueil #droite .forfait{
	margin:5px 0px;
	position:relative;
}

#contenuAccueil #droite .forfait .forfaitImage{
	width:260px;
	float:left;
}

#contenuAccueil #droite .forfait .forfaitContenu {
	float:left;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}

.bouton{
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#b41e3c;
	color:#ffffff;
	padding:3px 10px;
	font-size:0.85em;
}

#contenuAccueil #droite .forfait .forfaitContenu .haut{
	width:480px;
	color:#b41e3c;
	padding-bottom:10px;
}

#contenuAccueil #droite .forfait .forfaitContenu .haut h1{
	font-size:1.2em;
}

#contenuAccueil #droite .forfait .forfaitContenu .haut h1 a:link,
#contenuAccueil #droite .forfait .forfaitContenu .haut h1 a:visited{
	text-decoration:none;
}

#contenuAccueil #droite .forfait .forfaitContenu .gauche{
	float:left;
	width:260px;
	font-size:0.75em;
}

#contenuAccueil #droite .forfait .forfaitContenu .gauche ul{
	padding-left:20px;
}

#contenuAccueil #droite .forfait .forfaitContenu .droite{
	float:left;
	text-align:center;
	width:220px;
	position:relative;
}

#contenuAccueil #droite .forfait .forfaitContenu .droite .petit{
	font-size:0.75em;
	margin-top:10px;
}

#contenuAccueil #droite .forfait .forfaitContenu .droite .gros{
	font-size:1.5em;
	color:#b41e3c;
	font-weight:bold;
}

#contenuAccueil #droite .forfait .forfaitContenu .droite .gros a:link,
#contenuAccueil #droite .forfait .forfaitContenu .droite .gros a:visited{
	text-decoration:none;
}

#contenuAccueil #droite .bouton a:link,
#contenuAccueil #droite .bouton a:visited{
	color:#ffffff;
	text-decoration:none;
}

#basForfait{
	padding-top:20px;
}

#basForfait #basForfaitGauche{
	float:left;
	width:300px;
	text-align:center;
}

#basForfait #basForfaitDroite{
	float:right;
	width:250px;
	text-align:center;
}


#basForfait a:link,
#basForfait a:visited{
	padding:3px 10px;
	background-color:#ff0000;
	color:#ffffff;
	text-decoration:none;
	width:170px;
	display:block;
}

#basForfait p{
	padding-top:50px !important;
}


/* TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** */

#contenuAccueil #droite h1{
	margin-left:20px;
	margin-top:10px;
	color:#b41e3c;
	font-weight:normal;
}

#contenuAccueil #droite h2{
	margin-left:20px;
	color:#b41e3c;
	font-weight:normal;
}

#contenuAccueil #droite h2{
	margin-left:20px;
	color:#b41e3c;
	font-weight:normal;
	font-size1:1em;
}

#contenuAccueil .temp {
	margin-left:20px;
}

/*TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE *** TEMPORAIRE ***  */

/* ******************************************************
contenu de la page
************/

.motoneige a:visited,
.motoneige a:link{
	background-color:#D9EBE9;
	color:#0000FF;
}

#contenuAccueil #droite #contenu{
	margin-left:20px;
	
}

#contenuAccueil #droite #contenu  #fil{
	margin-top:10px;
	color:#5173a0;
	font-size:0.7em;
}

#contenuAccueil #droite #contenu #fil a:link,
#contenuAccueil #droite #contenu #fil a:visited{
	color:#5173a0;
}

#contenuAccueil #droite #contenu  h1{
	margin-top:10px;
	color:#5173a0;
	font-weight:normal;
	margin-left:0px;
}

#contenuAccueil #droite #contenu h2{
	color:#5173a0;
	font-weight:normal;
	margin-left:0px;
}

#contenuAccueil #droite #contenu ul li{
	margin-left:15px;
}

#contenuAccueil #droite #contenu #infos{
	padding:10px;
}

#contenuAccueil #droite #contenu #horaire h3{
	border-top:#5E6872  solid 1px;
	border-bottom:#5E6872  solid 1px;
	padding:2px 0px;
	margin:10px 0px;
}

#contenuAccueil #droite #contenu #horaire .horaireGauche{
	float:left;
	width:260px;
	height:180px;
	padding-right:5px;
}

#contenuAccueil #droite #contenu #horaire .horaireGauche img{
	padding-top:10px;
}

#contenuAccueil #droite #contenu #horaire .horaireDroite{
	float:left;
	width:460px;
	min-height:232px;
}

#contenuAccueil #droite #contenu .nomForfait{
	padding-top:30px;
	color:#ff0000;
	font-size:1.3em;
}

#contenuAccueil #droite #contenu ul{
	font-size:0.75em;
	padding-top:10px;
	padding-bottom:20px;
}

#contenuAccueil #droite #contenu table{
	padding:20px 0px;
}

#infos h2{
	margin-top:25px;
}

/* ******************************************************
Formulaire
************/

.field{
	width:330px;
	margin:15px 0px;
}


/* ******************************************************
Plan du site
************/

#plan{
	font-size:1.2em !important;
	list-style-type:none;
}

#plan ul,
#plan ul ul{
	list-style-type:none;
	padding:5px 5px !important;
}

#plan a:link,
#plan a:visited{
	text-decoration:none;
	color:#5173A0;
}


/* ******************************************************
Hébergement
************/

#photos{
	padding:30px 0px;
}

#photos a img{
	border:#B41E3C 2px solid;
	margin:2px;
	padding:2px;
}

#photos a:hover img{
	border:#5173A0 2px solid;
}


/* ******************************************************
Motoneiges
************/

.tabSki tr td{
	vertical-align:bottom;
}

.lienFiche{
	color:#B41E3C;
	font-size:1.3em;
}

.lienFicheGauche{
	color:#B41E3C;
	font-size:1.3em;
	float:left;
	width:250px
}

.lienFicheDroite{
	color:#B41E3C;
	font-size:1.3em;
	float:right;
	width:250px;
	text-align:right;
}


/* ******************************************************
Menu de la page
************/

#menu{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	font-size:0.9em;
	color:#ffffff;
	background-color: #b41e3c;	
	
	
}

#menu ul{
	list-style-type:none;

}

#menu ul li {
	float: left;	

}

#menu ul li a{
	padding-top: 3px;
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 0px;
	display: block;
	border-right: #ffffff 5px solid;
	background-color: #b41e3c;	/*background-image:url(../images/separateur.jpg);
	background-position:left center;
	background-repeat:no-repeat;*/
}

#menu ul li a:hover{
	background-color:#5173a0;
	/*padding:3px 38px;
	
	background-image:none;*/
}

#menu ul li a:link,
#menu ul li a:visited{
	text-decoration:none;
	color:#ffffff;
}

#menu .dernier {
	border: 0 !important;
	padding-left: 43px;
	padding-right: 44px;
}

.boutonGauche{
	height:72px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom:5px;
}


/* ******************************************************
Page de forfaits
************/
.rouge{
	color:#ff0000;
}

.vert{
	color:#009900;
}

.bleu{
	color:#0000ff;
}

.forfaitGauche{
	float:left;
	width:290px;
}

.forfaitGauche p{
	padding-right:10px !important;
}

.forfaitDroite{
	float:left;
}

.forfaitDispo{
	float:left;
	width:160px;
	display:block;
}

h3{
	font-weight:normal;
	font-size:1.1em;
	padding-top:20px;
}

.rougeFonce{
	color:#800000;
}


/* ******************************************************
Pied de la page d'accueil
************/

#pied{
	width:990px;
	margin:auto;
	font-size:0.75em;
	color:#5e6872;
	padding-top:10px;
	padding-bottom:20px;
}

#pied .gauche{
	float:left;
}

#pied .droite{
	float:right;
}

#pied a:link,
#pied a:visited{
	text-decoration:none;
	color:#5e6872;
}