body {
	text-align:center;
	background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
a img { border-color:#FFFFFF;}
a:hover img { border-color:#CF0029;}
#colonne-droite h3.plan {color:#FFFFFF; font-size:14px; margin:10px 10px 0px 0px ; border-bottom:1px solid #FFF; text-align:right;}
#mosaique { margin:5px 0px 5px 5px;}
#mosaique img { margin:0px; }
a :hover {color:#CF0029;}
p { font-size:12px; padding:10px;}
#page {
	background-image:url(../images/fd-page.jpg);
	background-repeat:repeat-y;
	width:993px;
	margin: 0px auto 0px auto;
	text-align:left;
}
#header {
	position:relative;
	background-image:url(../images/en-tete.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:148px;
	border-bottom:1px solid #C7CDD0;
}
#lang {
	position:absolute;
	left: 700px;
	top: 120px;
}
#skieur{
	position:absolute;
	left: 300px;
	top: 47px;
}
#header h1 {
	margin:0px 0px 0px 500px;
	padding:0px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:40px;
}
#header h2 {
	margin:0px 0px 0px 550px;
	padding:0px;
	color:#FFFFFF;
	font-size:25px;
}
#header h2.slogan {
	margin:35px 0px 0px 60px;
	color:#47525A;
	font-size:20px;
	line-height:80%;
	text-indent:-50px;
}
#header img {
	float:left;
	
}
#menu, #colonne-droite {
	width:149px;
	float:left;
}
#menu {
	background-image:url(../images/fd-colonne-g.jpg);
	background-repeat:repeat-y;
	background-color:#666666;
	
}

#menu ul{ margin:0px; padding:0px; list-style-type:none; text-transform:capitalize;}
#menu ul li a{display:block; background-image: url(../images/fd-menu.jpg); height:23px; font-size:12px; font-weight:bold; padding:2px 0 0 11px; letter-spacing:1px; text-decoration:none; }
#menu ul li a:hover{background-image: url(../images/fd-menu-hover.jpg); color:#CF0029; }
#menu ul li ul li { margin:0px 0px 0px 20px; /*display:none;*/}
#menu ul li ul li a{ background-image:none; border-bottom:1px solid #FFF; height:20px; margin:10px 0px 5px 0px;}
#menu ul li ul li ul li a{ background-image:none; border-bottom:0px solid #FFF; height:20px; margin: 0px 0px 0px 0px;} 
#menu  h3 {color:#FFFFFF; font-size:14px; margin:10px  0px 0px 10px; border-bottom:1px solid #FFF;}
#menu a { color:#FFFFFF; }
p.coordonnees { color:#FFFFFF; font-size:11px; margin:0px 0px 10px 10px ; padding:0px;}
#colonne-droite {
	background-image:url(../images/fd-colonne-d.jpg);
	background-repeat:repeat-y;
	background-color:#666666;
}
img.centrer { margin:10px 0px 5px 10px;}
.bleu { color:#0066CC;}
.vert { color:#339933;}
.rouge { color:#CC0000;}

.bloc { width:130px; margin:10px 0px 10px 9px; background-color:#FFFFFF; border:1px solid #CF0029;  }
.bloc h3 { background-color:#CF0029; color:#FFFFFF; font-size:14px; padding:5px 0px 0px 0px; margin:0px; height:20px; text-align:center;}
.bloc ul { list-style-type: square; font-size: 11px; margin:0px 0px 0px 20px; padding:0px;}
.bloc ul li ul{ list-style-type: none; font-size: 11px; }
#centre {
	width:653px;
	float:left;
	background-color:#E3E3E3;
	padding:10px 20px 0px 20px
}

#proshop{ width:383px; float:left; background-color:#000000; padding:8px 0;}
#proshop h2 { height:18px; color:#000103; font-size:14px; margin:0px; padding:2px 0px 0px 15px;}
#logo-rossignol { float:right;}
#resa { position:relative; height:210px; width:220px; float:left; border:2px solid #CF0029; background-image: url(../images/fd-reservez.jpg); background-color:#FFFFFF; background-repeat:no-repeat; background-position:top left ; margin:0px 0px 0px 30px;}
#resa h2 {color:#CF0029; font-size:18px; margin:0px; padding: 1px 0px 0px 3px;}
#resa p { font-size:14px; color:#939594; font-weight:bold; margin:61px 0px 0px 0px; padding:5px 5px 5px 2px;}
#btn-reservez {
	position:absolute;
	left: 110px;
	top: 170px;
}
#resa .plus-gros { font-size:150%;} 
#pied-page {
	clear:both; 
	background-image:url(../images/fd-colonne-d.jpg); 
	background-position:right top;
	background-repeat:repeat-y;
	background-color:#E3E3E3;
}

#contenu h1 { font-size:24px; color:#CF0029; margin:0px;}
#contenu h2 { font-size:18px;  color:#CF0029; width:70%; border-bottom:1px solid #CF0029; margin-left:15px;}
#contenu h3 { font-size:18px;}
#contenu p { font-size:12px; }

#contenu ul { list-style-type:square; font-size:12px;}

#contenu .commentaire { font-size:10px; color:#333333;}
#contenu .important { color:#CF0029; font-weight:bold;}

#contenu a {color:#CF0029;}
#contenu a:hover {color:#FF1025;}
#contenu img { margin:10px;}



#skieur1 { background-color:#666666; padding:10px; color:#FFFFFF;}
#skieur2 { background-color:#6B6C6D; display:none; padding:10px;  color:#FFFFFF;}
#skieur3 { background-color:#737576; display:none; padding:10px; color:#FFFFFF;}
#skieur4 { background-color:#7E8184; display:none; padding:10px;  color:#FFFFFF;}
#skieur5 { background-color:#8D9397; display:none; padding:10px;}
#skieur6 { background-color:#ADB8BE; display:none; padding:10px;}
.numero {font-weight:bold; font-size:18px; }
#skieur1 input, #skieur2 input, #skieur3 input, #skieur4 input, #skieur5 input, #skieur6 input { margin:0px 10px 0px 5px;}
#skieur1 h3, #skieur2 h3, #skieur3 h3, #skieur4 h3, #skieur5 h3, #skieur6 h3 { font-size:14px; margin:0px;}
#skieur1 select, #skieur2 select, #skieur3 select, #skieur4 select, #skieur5 select, #skieur6 select { margin:10px; width:250px;}
.equipement { }
span.form { width:150px; display:block; float:left;}

/**************************  CALENDRIER   *******************************/
#calendrier {background-color:#F2F2ED; left:95px;
position:absolute;
top:0; display:none;}
#calendrier h3 { font-weight:bold; font-size:12px; text-transform:uppercase; color:#B50021; background-image:url(../images/template/fleche.jpg); background-position:top center; background-repeat:no-repeat; padding-top:33px;}
.lienCalendrier {color:#B50021; text-decoration:none; font-size:11px; padding-left:24px;}
#calendrier p {font-size:11px; margin-bottom:8px; color:#827869;}
div.lienHeb { cursor:pointer; padding-top:3px;padding-bottom:4px; border-bottom:1px solid #D3D3B9;}
.typeEnCours {border-top:1px solid #D3D3B9;   color:#827869; font-size:11px;}
#page_calendrier {margin:0;
padding:0;
width:193px;}
#page_calendrier p { margin:0px 0px 0px 0px; padding:10px 0px 6px 2px; font-size:11px;color:#827869; text-align:center;}
#page_calendrier p b { color:#B50021;}
table.calendrierDispo td {padding:2px 3px 2px 3px; }


#contenu a.titremois { color: #FFF;}
.titremois  { font-family: Arial; font-size: 11px;  color: #FFF; background-color:#B50021; line-height:80%; }
.titremois:link  { font-family:  Comic Sans MS, Arial; font-size: 13px; font-weight: bold; color: #FFF; background: #B50021; text-decoration: none ;}
.titremois:visited  { font-family:  Comic Sans MS, Arial; font-size: 13px; font-weight: bold; color: #FFF; background: #B50021; text-decoration: none ;}
.titremois:hover  { font-family:  Comic Sans MS, Arial; font-size: 13px; font-weight: bold; color: #FFF; background: #B50021; text-decoration: underline ;}

.jours_non_dispo  { font-family:  Arial; font-size: 10px; color: #827869; text-decoration: line-through;}
.jours_non_dispo_wend  { font-family:  Arial; font-size: 10px; color: #827869; text-decoration: line-through;}

.sep { font-size:9px; line-height:50%;}

.titrejours  { font-family:  Arial; font-size: 10px; color: #000; border-bottom:1px solid #000; }

.titrenum  { font-family:  Arial; font-size: 10px; color: #000; }
.titrenum2  { font-family:  Arial; font-size: 10px; color: #99948C; }

.titrewend  { font-family:  Arial; font-size: 10px; color: #000; }

.cliquable div{ background-color:#B50021; color:#FFFFFF;}
.titrewend2  { font-family:  Arial; font-size: 10px; color: #B50021; }

.titrenow  { font-family:  Arial; font-size: 10px; color: #D0A000; }

.titreweek  { font-family:  Arial; font-size: 10px; color: #99948C;  }
.titreweek2  { font-family:  Arial; font-size: 10px; color: #000000; }

select { z-index:1 }
.tdClose  { text-align:center; text-decoration:underline;}