/*****************************************/
/*SITE ESF  Les 2 Alpes §  
/*****************************************/
/* couleurs utilisees
	rouge 		color:#d7100e;
	gris texte	color:#8d8784;
	gris fonce titre color:#524e4e;
	fond tableau gris background:#b8b4b2;
*/

BODY 
{ 
	font-family: Georgia, "Times New Roman",Times, serif;
	font-size:11px;
	margin:0;
	padding:0;
}
#body 
{ 
	color:#8d8784;
	background:white;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 0.8em 0 .3em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: normal; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
    font-size: 2.2em;
    font-family:arial,helvetica,sans-serif;
    color:#d7100e;
    text-transform:uppercase;
    letter-spacing:0.2em;
}
h2 {
    font-size: 1.5em;
    color:black;
    text-transform:uppercase;
}
.rouge {
    color:#d7100e;
}
h3 {
    font-size: 1.25em;
    margin:0.3em 0 0.3em 0;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin-top: .75em;
    margin-bottom: .75em;
 }

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
.souligne
{
	padding-bottom:5px;
}
A
{
	color:#d7100e; /*rouge*/
	text-decoration:underline;
}
A:hover
{
	color:#524e4e; /*gris*/
	text-decoration:underline;
}
#cartedusite 
{
	border:1px solid #524e4e; /*gris*/
}
#cartedusite A
{
	color:#524e4e; /*gris*/
	text-decoration:none;
}
#cartedusite A:hover
{
	color:#d7100e; /*rouge*/
	text-decoration:none;
}

.sep-h
{
	clear:both;
	background:#575454 url(../img/sep-orange.png) no-repeat;
	height:1px;
	width:100%;
	font-size:0px;
	line-height:0;
	margin:3px 0;
	padding:0;
}
.sep-tableau
{
	background:#575454 url(../img/sep-blanc.png) no-repeat right;
	height:1px;
	width:100%;
	font-size:0px;
	line-height:0;
	margin:3px 0;
	padding:0;
}

/*****************************************/
/*tableau de tarifs */
/*****************************************/
TABLE.tarifs
{
}
.tarifs TR
{
}

.tarifs TH
{
	background:#d7100e;	/*rouge*/
	text-transform:uppercase;
	font-weight:normal;
	color:black;
}
.tarifs TD
{
	background:#b8b4b2;
	
}
.tarifs TH,.tarifs TD
{
	padding:3px 5px;
	margin:1px;
	color:black;
	
}
.tarifs TD.panier
{
}
.tarifs TD.libelle
{
	font-style:italic;
}
.tarifs TD.prix
{
	color:#d7100e;
	font-style:italic;
	text-align:right;
}
/*****************************************/
/*formulaires */
/*****************************************/
FORM
 {
    margin: 0;
    padding: 0;
    border: none;
}
FORM EM
{
	font-weight:bold;
	color:#c00;
}
FORM UL
{
	margin:0;
	padding:0;
	margin-top:10px;	
}
FORM LI
{
	list-style:none;
	margin-bottom:0.8em;
}
FORM INPUT, BUTTON, SELECT {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
FORM TEXTAREA,FORM INPUT.texte,FORM SELECT
{
	font-family:helvetica,sans-serif; 
	background:white;
	font-size:12px;
}
FORM .validation
{
	text-align:right;
}
FORM INPUT.textecourt
{
	width:30px;
}
FORM INPUT.valider
{
	
	width:150px;
	background:#7e8238;
	color:white;
}
FORM FIELDSET
{
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:10px;
}
.formulaire FIELDSET
{
	border:1px solid #f86f1c;
	padding:10px;
	margin-bottom:10px;
}
.formulaire LEGEND
{
	font-weight:bold;
	color:#333;
}
.formulaire EM
{
	font-weight:bold;
	color:#c00;
}
.formulaire UL
{
	margin:0;
	padding:0;
	margin-top:10px;	
}
.formulaire LI
{
	list-style:none;
	margin-bottom:0.6em;
}
.formulaire LABEL
{
	display:block;
	float:left;
	width:120px;
}
.formulaire TEXTAREA,.formulaire INPUT,.formulaire SELECT
{
	width:65%;
	background:#ebebeb;
	font:arial;
	font-size:12px;
}
.formulaire  TEXTAREA
{
	height:200px;
}
.formulaire .obligatoire TEXTAREA,.formulaire .obligatoire INPUT,.formulaire .obligatoire SELECT
{

}
.formulaire INPUT#contactbutton
{
	width:150px;
	background:#ddd;
	color:#f86f1c;
	font-weight:bold;
	}