/* Général */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-image: url(http://www.esftignes.com/img/fond-intro.jpg);
background-repeat: repeat-x;
background-color: #2E2C2D;
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(http://www.esftignes.com/img/fond-txt.gif);
background-repeat: repeat-y;
}

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

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

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

.texte a {
color: #fff;
}

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

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

.texte2 a {
color: #000;
}

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

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

.texte3 a {
color: #000;
}

.texte3 a:hover {
text-decoration: none;
color: #ff0606;
}

.menugeneral {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #2e2c2d;
background-image: url(http://www.esftignes.com/img/menu-general.jpg);
background-repeat: no-repeat;
}

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

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

.titre {
background-color:#000;
color: #ff0606;
text-align: center;
font-weight: bold;
}

.titre2 {
color: #ff0606;
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(http://www.esftignes.com/img/footer.jpg);
background-repeat: no-repeat;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
padding: 10px 0 6px 0;
}

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

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

/* Balises diverses*/

p {margin: 10px;}

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

ul#valclaret-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#valclaret-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: 136px ;
line-height: 53px ;
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-accueil li a:hover {
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-skienfants {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#valclaret-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#valclaret-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: 88px ;
line-height: 53px ;
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-skienfants li a:hover {
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-skiadultes {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#valclaret-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#valclaret-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: 86px ;
line-height: 53px ;
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-skiadultes li a:hover {
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-snowboard {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#valclaret-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#valclaret-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: 89px ;
line-height: 53px ;
background: url(http://www.esftignes.com/img/menu-valclaret-snowboard.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#valclaret-snowboard li a:hover {
background: url(http://www.esftignes.com/img/menu-valclaret-snowboard.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#valclaret-pioupiou {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#valclaret-pioupiou 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#valclaret-pioupiou li a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 105px ;
line-height: 53px ;
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-pioupiou li a:hover {
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-stages {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#valclaret-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#valclaret-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: 56px ;
line-height: 53px ;
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-stages li a:hover {
background: url(http://www.esftignes.com/img/menu-valclaret-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#valclaret-aventure {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#valclaret-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#valclaret-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(http://www.esftignes.com/http://www.esftignes.com/img/menu-valclaret-aventure.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#valclaret-aventure li a:hover {
background: url(http://www.esftignes.com/http://www.esftignes.com/img/menu-valclaret-aventure.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#valclaret-groupes {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#valclaret-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#valclaret-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: 159px ;
line-height: 53px ;
background: url(http://www.esftignes.com/http://www.esftignes.com/img/menu-valclaret-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#valclaret-groupes li a:hover {
background: url(http://www.esftignes.com/http://www.esftignes.com/img/menu-valclaret-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 secondaire */
#fondmenu2 {
background-image: url(http://www.esftignes.com/http://www.esftignes.com/img/fondmenu2.jpg);
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-weight: bold;
font-size: 10px;
color: #fff;
text-decoration: none;
}

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

#navlist2 a:hover
{
color: #ff0606;
text-decoration: none;
}

/* formulaires */

input {
border:1px solid #FB1500;
background-color:#CACBCD;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

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

textarea {
border :1px solid #FB1500;
background-color :#CACBCD;
font-family :Arial, Helvetica, sans-serif;
color :#000;
}