/*
Palette de couleur :
fond de page bleu : #0166ff
Texte "or" : #f3ea01;
Texte "sang" : #ab0101
bleu moyen : #6cf
bleu fonce : #06f
*/

/* Genaralites du corps de page */

body {
background:#0166ff; /* bleu fonce*/
color: #ffffff; /* noir*/
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: "Arial", sans-serif;
font-size:.75em;
}

/* Attributs par défauts des balises */
/* liens
	Couleur texte "or"
*/
a, a:hover, a:focus { color:#f3ea01; border-style: none none none none; text-decoration: none; }

/* paragraphes */
p { text-align:justify;}

/* séparateurs */
div.hr { margin: 0 0 0 0; padding: 0 0 0 0; border-top:solid; border-bottom:none; border-top-width:1px; border-color:#aaaaaa; }


/*---------------------------------------------------------------------------------------*/

/* attributs pour le menu
	bordure to et bottom , Couleur foncée "sang"
*/

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
font-weight:bold;
text-align: center;
width: 200px;
}
ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 110px;
left: 0%;
background: transparent url(/images/photo_menu.jpg) top left no-repeat;	/* arrière-plan général du menu */
padding-top: 2px;
}
li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a, li a.locked, li a:hover {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 20px;
color:yellow;
/*color: #f3ea01;*/
/*color: #ab0101;*/
font-size: 20px;
font-family: georgia, serif;
text-decoration: none;
line-height: 22px;	/* hauteur de ligne pour éviter les paddings */
}

li a.locked {
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 20px;
/*line-height: 22px;*/	/* hauteur de ligne pour éviter les paddings */
/*height: 20px;*/
/*color: #f3ea01;*/
/*font-size: 17px;*/
/*font-family: georgia, serif;*/
/*text-decoration: url(/images/photo_menu.jpg);*/
background-color: black;
}


li a:hover {
/*color: #f3ea01;*/
/*background: transparent url(/images/photo_menu.jpg) top left no-repeat;*/
background-color: black;
}


/*---------------------------------------------------------------------------------------*/
.container {
	margin: 0px 0px 0px 210px;
/*	border: 1px solid #ab0101;*/
/*	background: #06f;*/
font-family: "Arial", sans-serif;
/*font-size:1.25em;*/
height: 10px;
	}
/*---------------------------------------------------------------------------------------*/

#copyright {
  text-align: right;
  top:0em; position:absolute; right:1em; clear: both;
}

/*---------------------------------------------------------------------------------------*/

#nav {
	margin: 0px 0px 0px 210px;
	padding: 0px 0px 10px 10px;
/*	border-bottom: 1px solid #9FB1BC;*/
	}

#nav lili {
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a:link, #nav a:visited {
font-size:1em;
	font-weight: bold;
	padding: 10px 40px 0px 0px;
	text-decoration: none;
	color: #f3ea01;
	background: url(/images/sousmenu_fond.jpg) repeat bottom center;
	}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
	color: #ab0101;
	background: url(/images/sousmenu_survol.jpg) repeat bottom center;
	}

/*-------------------------------------------------------------------------*/


/* Définition de la mise en page */

/* page principale :
	position relative
	largeur : 800 pixels
	alignement à gauche

*/
#page { text-align:left; margin: 0 0 0 -400px; left:50%; width: 800px; position:relative;  }

/* header et footer :
	alignement à gauche, pas de marge
*/

#header, #footer { text-align: left;  margin-top: 0px; margin-bottom: 0px; position:relative; }

/* spécialisation du pied de page
	Texte "or";
	Couleur foncée "sang"
*/
#footer {
  /*background-color:#ab0101; */
  color:#000000;}
#footer { margin-top: 50px; margin-bottom: 5px; font-size:80%; padding: 10px 10px 10px 10px; }


/* spécialisation de l'entête */
#header { height:15em; margin: 0px 0px 2px 0px ;padding: 0px 0px 0px 0px ; background:url("/images/header.jpg") right no-repeat ; }
/* titre de la page */
#header h1 { position:relative; text-align:right; padding: 0px 0px 0px 0px;margin:0em 2em 0.5em 2em; font-size:2em; font-weight:900; color:#ab0101; }
/* sous titre de la page */
#header h2 { position:relative; text-align:right; margin:1em 2em 0.5em 2em; font-size:1.8em; font-weight:600; color:#ab0101 ; }
/* picture / logo of the page */
#header .logo {  position:relative; float:left; margin: 100 0 0 220; padding:0em 0.5em 0em 0.5em;}

/*---------------------------------------------------------------------------------------*/
#partenaire 
{
position:absolute;
left: 0%;
top: 680px;
width:200px;
height:400px;
display: block;
text-align:center;
border-style: none none none none;
}

#partenaire img
{
border-color:#0166ff;
border-style: none none none none;}



/*---------------------------------------------------------------------------------------*/
/* Cadre d'écriture
	Texte aligné à gauche
	padding et marges adéquats
	Couleur foncée "sang" : #ab0101
*/

.frame{text-align: left; padding: 0px 0px 0px 0px; margin: 20px 5px 20px 210px;
/* bordure rouge "sang" */
/*border-top: solid 2px #ab0101;*/
border-left: solid 2px #ab0101;
border-bottom: solid 3px #7f0101;
border-right: solid 3px #7f0101;
position:relative;
 }
.framegauche{text-align: left; padding: 0px 0px 0px 0px; margin: 20px 5px 20px 210px;
/* bordure rouge "sang" */
/*border-top: solid 2px #ab0101;*/
border-left: solid 2px #ab0101;
border-bottom: solid 3px #7f0101;
border-right: solid 3px #7f0101;
position:relative;
 }

.framedroite{text-align: left; padding: 0px 0px 0px 0px; margin: 20px 5px 10px 10px;
/* bordure rouge "sang" */
/*border-top: solid 2px #ab0101;*/
border-left: solid 2px #ab0101;
border-bottom: solid 3px #7f0101;
border-right: solid 3px #7f0101;
position:relative; }

/*Séparateurs pour un cadre d'écriture
	couleur foncée "sang" : #ab0101
*/
.frame hr {color:#ab0101;}

/* Titre du cadre :
	Taille : 175%
Texte "or" : #f3ea01;
fond couleur foncée "sang" : #ab0101
*/
.frame h1 { padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; font-size:175%; color:#f3ea01; background-color:#ab0101; font-weight:bold; }

.framegauche h1 { padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; font-size:175%; color:#f3ea01; background-color:#ab0101; font-weight:bold; }

.framedroite h1 { padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; font-size:175%; color:#f3ea01; background-color:#ab0101; font-weight:bold; }

/* premier niveau de structuration du texte
couleur foncée "sang" : #ab0101
*/
.frame h2 { padding:10px 10px 10px 10px; font-size:150%; color:#ab0101; border-top : solid thin #ab0101; border-bottom : solid thin #ab0101; font-weight:bold;}

.frame h3 { padding:5px 10px 5px 30px; font-size:125%; color:#ab0101;  font-weight:bold;}

.frame p { font-family: "Comic Sans MS"; padding: 0em 1.5em 0em 1.5em ;}
.framegauche p { padding: 0em 1.5em 0em 1.5em ;}

.frame a, .frame a:hover, .frame a:focus { font-family: "Arial"; color:#f3ea01; border-style: none none none none; text-decoration: none; }

/*---------------------------------------------------------------------------------------*/

 /* top elements */
 a.top, a.top:hover, a.top:focus {/*background-color:#ab0101*/; color:#f3ea01; font-size: 100%; text-align:right; display:block; padding-top:2px;padding-bottom:2px; }



/*---------------------------------------------------------------------------------------*/

 /*couleur tres claire*/
.encart { background-color:#ab0101; padding:1em 1em 1em 1em; margin:1em 1em 1em 2em; position:relative; /* avoid a pb with IE ! */ float:right; text-align:left; display:block; width:24em; }


/*---------------------------------------------------------------------------------------*/




.panorama1 {background-color:##06f; top:30px; left:210px; display:block; float:center;  position:relative; width:585px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.panorama2 {background-color:##06f; top:10px; left:210px; display:block; float:center;  position:relative; width:585px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}



/*---------------------------------------------------------------------------------------*/

.encartDroit {
	padding:10px 10px 10px 10px;
	margin:10px 50px 0px 200px;
	float:right;
	text-align: center;
	display:block;
	position:relative;
}

/*couleur tres claire*/
.encartGauche {
	padding:10px 10px 10px 10px;
	margin:20px 50px 0px 200px;
	float:left;
	text-align:left;
	display:block;
	position:relative;
}

p.signature { font-style:italic;text-align:right; margin:0em 0em 0em 5em; }

/*---------------------------------------------------------------------------------------*/
#bouton_link{
position:relative;
display:block;
width:800px;
height:62px;
text-align:center;
}
#bouton_link img {border-style: none none none none;}

a.bouton2:link, a.bouton2:visited, a.bouton2:hover {
position:relative;
/*left: 73%;
top: 995px;*/
width:100px;
height:52px;
text-decoration:none;
/*color:#ab0101;
color:black;
text-align:center;
font-weight:bold;
font-size:1.5em;
padding:0px 5px 5px 5px;
border-width:2px;
border-color:silver;*/
}

a.bouton2:link, a.bouton2:visited {
background:url(/images/logocomdep.jpg) center no-repeat;
/*border-style:outset;*/
}

a.bouton2:hover{
background:url(/images/logocomdep.jpg) center no-repeat;
/*border-style:inset;*/
}


/*.bouton2{ text-align:center;padding-top:5px;padding-left:210px}*/

a.bouton3:link, a.bouton3:visited, a.bouton3:hover{
/*position:absolute;
left: 50%;
top: 995px;*/
width:100px;
height:52px;
text-decoration:none;
/*color:#ab0101;
color:black;
text-align:center;
font-weight:bold;
font-size:1.5em;
padding:0px 5px 5px 5px;
border-width:2px;
border-color:silver;*/
}

a.bouton3:link, a.bouton3:visited{
background:url(/images/logoffs.jpg) center no-repeat;
/*border-style:outset;*/
}

a.bouton3:hover{
background:url(/images/logoffs.jpg) center no-repeat;
/*border-style:inset;*/
}

/*.bouton3{ text-align:center;padding-top:5px;padding-left:210px}*/


a.bouton5:link, a.bouton5:visited, a.bouton5:hover{
/*position:absolute;
left: 27%;
top: 975px;*/
width:100px;
height:52px;
text-decoration:none;
/*color:#ab0101;
color:black;
text-align:center;
font-weight:bold;
font-size:1.5em;
padding:0px 5px 5px 5px;
border-width:2px;
border-color:silver;*/
}

a.bouton5:link, a.bouton5:visited{
background:url(/images/logoafs.jpg) center no-repeat;
/*border-style:outset;*/
}

a.bouton5:hover{
background:url(/images/logoafs.jpg) center no-repeat;
/*border-style:inset;*/
}

/*.bouton5{ text-align:center;padding-top:5px;padding-left:210px}*/

a.bouton6:link, a.bouton6:visited, a.bouton6:hover{
/*position:absolute;
left: 33%;
top: 1100px;*/
width:200px;
height:45px;
text-decoration:none;
/*color:#ab0101;
color:black;
text-align:center;
font-weight:bold;
font-size:1.5em;
padding:0px 5px 5px 5px;
border-width:2px;
border-color:silver*/
}

a.bouton6:hover, a.bouton6:link, a.bouton6:visited{
background:url(/images/bouton_meteo.jpg) center no-repeat;
/*border-style:outset;*/
}

/*.bouton6{ text-align:center;padding-top:5px;padding-left:210px}*/

a.bouton_info_skialpin:link, a.bouton_info_skialpin:visited, a.bouton_info_skialpin:hover{
position:absolute;
left: 0%;
top: 420px;
width:200px;
height:20px;
text-decoration:none;
color:#f3ea01;
text-align:center;
font-weight:bold;
font-size:1.1em;
/*background:url(/eclair9.gif) center;*/
background-color : black;
padding:10px 0px 10px 0px;
}

a.bouton_info_skialpin:hover{
border-style:inset;
border-color:white;
border-width:2px;}

a.bouton_info_freestyle:link, a.bouton_info_freestyle:visited, a.bouton_info_freestyle:hover{
position:absolute;
left: 0%;
top: 470px;
width:200px;
height:20px;
text-decoration:none;
color:#f3ea01;
text-align:center;
font-weight:bold;
font-size:1.1em;
/*background:url(/eclair9.gif) center;*/
background-color : black;
padding:10px 0px 10px 0px;
}

a.bouton_info_freestyle:hover{
border-style:inset;
border-color:white;
border-width:2px;}

a.bouton_info_handi:link, a.bouton_info_handi:visited, a.bouton_info_handi:hover{
position:absolute;
left: 0%;
top: 520px;
width:200px;
height:20px;
text-decoration:none;
color:#f3ea01;
text-align:center;
font-weight:bold;
font-size:1.1em;
/*background:url(/eclair9.gif) center;*/
background-color : black;
padding:10px 0px 10px 0px;
}


a.bouton_info_handi:hover{
border-style:inset;
border-color:white;
border-width:2px;}

a.bouton_forum:link, a.bouton_forum:visited, a.bouton_forum:hover{
position:absolute;
left: 0%;
top: 570px;
width:200px;
height:20px;
text-decoration:none;
color:#f3ea01;
text-align:center;
font-weight:bold;
font-size:1.1em;
/*background:url(/eclair9.gif) center;*/
background-color : black;
padding:10px 0px 10px 0px;
}

a.bouton_forum:hover {
border-style:inset;
border-color:white;
border-width:2px;
font-size:1em;
}

/*---------------------------------------------------------------------------------------*/

a.lesnewsderoulanteshaut:link, a.lesnewsderoulanteshaut:visited, a.lesnewsderoulanteshaut:hover{
position:absolute;
left: 220px;
top: 170px;
width:560px;
height:20px;
text-decoration:none;
/*color:#f3ea01;*/
color:white;
text-align:center;
/*font-weight:bold;*/
font-size:1.5em;
/*background:url(/eclair9.gif) center;*/
padding:0px 10px 10px 10px;
border-width:2px;}


a.lesnewsderoulantesbas:link, a.lesnewsderoulantesbas:visited, a.lesnewsderoulantesbas:hover{
position:absolute;
left: 220px;
top: 195px;
width:560px;
height:20px;
text-decoration:none;
/*color:#f3ea01;*/
color:white;
text-align:center;
/*font-weight:bold;*/
font-size:1.5em;
/*background:url(/eclair9.gif) center;*/
padding:0px 10px 10px 10px;
border-width:2px;}

/*---------------------------------------------------------------------------------------*/

.frame h4 { 
/*	position:relative; */
	display:block; 
	left: 5%;
	top: 0%;
	width:300px;
	height:91px;
	background: url(/images/podium.png) center ;
	font-family: "Comic Sans MS";
	font-weight:bold;
	font-size: 20px;
	text-align:center;
}