/* Général */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-image: url(img/fond.jpg);
background-repeat: repeat-x;
background-color: #aeebff;
scrollbar-face-color:#A60303;
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-shadow-color: #000;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #4A4949;
}

/* Contenu */
#fondsite {
background-image: url(img/fond-txt.gif);
background-repeat: repeat-y;
}

h1 {
background-image: url(img/titre.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
font-weight: bold;
padding: 2px 0 2px 20px;
margin: 0;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #037fd8;
font-weight: bold;
margin: 0;
padding: 5px 0 5px 10px;
}

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.texte a {
color: #037fd8;
}

.texte a:hover {
text-decoration: none;
color: #fe3e12;
}

.texte2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
font-weight: bold;
}

.texte2 a {
color: #037fd8;
}

.texte2 a:hover {
text-decoration: none;
color: #fe3e12;
}

.texte3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

.texte2 a {
color: #037fd8;
}

.texte2 a:hover {
text-decoration: none;
color: #fe3e12;
}

.menugeneral {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
background-image: url(img/menu-general-fond.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.menugeneral a {
color: #037fd8;
text-decoration: none;
}

.menugeneral a:hover {
text-decoration: none;
color: #fe3e12;
}

.titre {
	background-color:#1655a5;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.titre2 {
color: #fe3e12;
font-weight: bold;
}

.right {
text-align: right
}

#tarifs {
background-color:#fff;
}

.centre {
text-align: center;
}

.grislight {
background-color: #ccc;
}

/* Encart résevations */
.resa {
border:1px solid #FB1500;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight: bold;
width: 580px;
margin: 0 144px 0 143px;
text-align: center;
}

.resa a{
color:#fff;
}

.resa a:hover{
color:#FB1500;
text-decoration: none;
}

/* Pied de page */
#footer {
background-image: url(img/footer.gif);
background-repeat: no-repeat;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #037fd8;
padding: 10px 0 6px 0;
}

#footer a {
color: #037fd8;
}

#footer a:hover {
text-decoration: none;
color: #fe3e12;
}

/* Balises diverses*/

p {margin: 10px;}

/* menu haut*/
ul#lelac-accueil {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-accueil li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-accueil li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 111px ;
line-height: 53px ;
background: url(img/menu-lelac-accueil.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-accueil li a:hover {
background: url(img/menu-lelac-accueil.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-skienfants {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-skienfants li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-skienfants li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 103px ;
line-height: 53px ;
background: url(img/menu-lelac-skienfants.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-skienfants li a:hover {
background: url(img/menu-lelac-skienfants.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-skiadultes {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-skiadultes li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-skiadultes li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 99px ;
line-height: 53px ;
background: url(img/menu-lelac-skiadultes.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-skiadultes li a:hover {
background: url(img/menu-lelac-skiadultes.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-skiados {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-skiados li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-skiados li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 96px ;
line-height: 53px ;
background: url(img/menu-lelac-skiados.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-skiados li a:hover {
background: url(img/menu-lelac-skiados.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-snowboard {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-snowboard li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-snowboard li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 117px ;
line-height: 53px ;
background: url(img/menu-lelac-snowbard.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-snowboard li a:hover {
background: url(img/menu-lelac-snowbard.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-cours-prives {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-cours-prives li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-cours-prives li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 92px ;
line-height: 53px ;
background: url(img/menu-lelac-coursprives.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-cours-prives li a:hover {
background: url(img/menu-lelac-coursprives.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-stages {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-stages li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-stages li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 58px ;
line-height: 53px ;
background: url(img/menu-lelac-stages.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-stages li a:hover {
background: url(img/menu-lelac-stages.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-aventure {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-aventure li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-aventure li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 98px ;
line-height: 53px ;
background: url(img/menu-lelac-esfaventure.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-aventure li a:hover {
background: url(img/menu-lelac-esfaventure.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-groupes {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-groupes li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-groupes li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 188px ;
line-height: 53px ;
background: url(img/menu-lelac-groupes.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-groupes li a:hover {
background: url(img/menu-lelac-groupes.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

/* menu haut anglais*/
ul#lelac-accueil-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-accueil-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-accueil-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 90px ;
line-height: 53px ;
background: url(img/menu-lelac-accueil-en.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-accueil-en li a:hover {
background: url(img/menu-lelac-accueil-en.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-pioupiou-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-pioupiou-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-pioupiou-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 106px ;
line-height: 53px ;
background: url(img/menu-lelac-pioupiou.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-pioupiou-en li a:hover {
background: url(img/menu-lelac-pioupiou.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-skienfants-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-skienfants-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-skienfants-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 94px ;
line-height: 53px ;
background: url(img/menu-lelac-skienfants-en.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-skienfants-en li a:hover {
background: url(img/menu-lelac-skienfants-en.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-skiadultes-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-skiadultes-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-skiadultes-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 75px ;
line-height: 53px ;
background: url(img/menu-lelac-skiadultes-en.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-skiadultes-en li a:hover {
background: url(img/menu-lelac-skiadultes-en.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-snowboard-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-snowboard-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-snowboard-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 93px ;
line-height: 53px ;
background: url(img/menu-lelac-snowbard-en.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-snowboard-en li a:hover {
background: url(img/menu-lelac-snowbard-en.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-stages-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-stages-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-stages-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 90px ;
line-height: 53px ;
background: url(img/menu-lelac-stages-en.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-stages-en li a:hover {
background: url(img/menu-lelac-stages-en.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-aventure-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-aventure-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-aventure-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 112px ;
line-height: 53px ;
background: url(img/menu-lelac-esfaventure-en.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-aventure-en li a:hover {
background: url(img/menu-lelac-esfaventure-en.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}

ul#lelac-groupes-en {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#lelac-groupes-en li {
margin: 0;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#lelac-groupes-en li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 146px ;
line-height: 53px ;
background: url(img/menu-lelac-groupes-en.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
text-decoration: none;
}

ul#lelac-groupes-en li a:hover {
background: url(img/menu-lelac-groupes-en.gif) no-repeat 0 -53px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none;
}


/* menu secondaire */
#fondmenu2 {
background-image: url(img/fondmenu2.gif);
background-repeat: no-repeat;
}

ul#navlist2
{
margin: 0;
padding: 20px 0 0 0;
white-space: nowrap;
text-align: center;
}

#navlist2 li
{
display: inline;
list-style-type: none;

}

#navlist2 a {
padding: 2px 2px ;
margin: 0;
font-size: 11px;
font-weight: bold;
color: #0f2f57;
background-color:#87ddfd;
text-decoration: none;
}

#navlist2 a:link, #navlist a:visited
{
color: #0f2f57;
text-decoration: none;
}

#navlist2 a:hover
{
color: #894328;
background-color:#12b4f3;
text-decoration: none;
}

/* formulaires */

input {
border:1px solid #fe3e12;
background-color:#daf5fe;
font-family:Arial, Helvetica, sans-serif;
color:#037fd8;
}

select, option {
background-color:#daf5fe;
color:000;
}

textarea {
border :1px solid #fe3e12;
background-color :#daf5fe;
font-family :Arial, Helvetica, sans-serif;
color :#037fd8;
}