/*****************************************/
/*SITE ESF Valmorel */  
/*****************************************/
/* couleurs utilisees
rouge			color:#c00;
gris foncé 		color:#1b171b;
rouge foncé     color:#970000;
bleu moyen      color:#1b56A0;
rouge fond nav	color:#850001;
*/
/*****************************************/
/*layout SITE ESF Valmorel - */
/*****************************************/
#containerborder
{
	clear:both;
	width:902px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
#container
{
	clear:both;
	width:900px;
	height:auto;
	border:1px solid white;
}
/***********************************/
/**************contenu*********************/
/***********************************/

#pagecontent
{
	width:900px;
	margin:0;
	padding:0px;
	background:#850001; /*rouge bas nav gauche*/
	height:auto;
}
#contenu
{
	height:auto;
	background:white;
}
#calage
{
	float-left;
	width:1px;
	height:400px;
	margin:0;
	padding:0;
	background:white;
}
/***********************************/
/**************navigation outils*********************/
/***********************************/
#topnav
{
	width:902px;
	margin: 0 auto;
}
#langues,#outils
{
	float:left;

}
#topnav UL
{
	margin:0px;
	padding:0px;
}
#topnav LI
{
	display:block;
	float:left;
	margin:0px;
	list-style-type:none;
	padding:6px 3px 0 3px;
}
#topnav LI A
{
	color:white;	
}
#topnav LI A:hover
{
	text-decoration:underline;
	color:white;	
}
#langues UL,#outils UL
{
}
#langues
{
	width:448px;
	z-index:10000;
}
#langues IMG
{
	border:0;
}
#outils
{
	width:448px;

}
#langues UL
{
	float:left;
}
#outils UL
{
	float:right;
	margin-top:4px;
}
#topnav A.current,#topnav A.current:hover
{
	color:#2062AC;	
	cursor:text;
}
#langues
{
	margin-bottom:2px;
}
#langues A
{
	margin-right:3px;
}
#outils A
{
	margin-right:2px;
	padding-left:12px;
}

#outils A:hover,#outils LI A.current,#outils LI A.current:hover
{
	background:url(../img/flecheblanche.gif) no-repeat left;
	color:white;
}
#outils LI.current A,#outils LI.current A:hover
{
	cursor:text;
	text-decoration:none;
}


#pageheader
{
	width:900px;
}
/***********************************/
/**************bandeau logos*********************/
/***********************************/
#bandeautop
{
	width:900px;
	height:78px;
	background:#cd0000 url(../img/fd-bandeau.jpg) no-repeat top right;
}
#logo
{
	position:absolute;
	margin-left:55px;
	margin-top:10px;
	z-index:1000;
}
#leplaisir
{
	position:absolute;
	margin-left:180px;
	margin-top:20px;
}
#valmorel
{	
	position:absolute;
	padding-left:140px;
	margin-top:0;
	z-index:500;
}
#nav1
{	
	position:absolute;
	z-index:1000;
}

#bandeaunav
{
	width:900px;
	height:20px;
	background:#cd0000;
}
#bandeau2
{
	width:902px;
	height:48px;
}


/***********************************/
/**************navigation 1er niveau*********************/
/***********************************/
#pageheader UL,#pageheader LI
{
	margin:0;
	padding:0;
}

UL#nav1
{
	margin-left:210px;
	width:690px;
	height:18px;
	background:#1b171b; /*gris fonce*/
	border-top:1px solid white;
	border-bottom:1px solid white;
}
#nav1 LI
{
	float:left;
	white-space: nowrap;
	list-style-type:none;
	line-height:16px;
	
}
#nav1 LI#accueil
{
	border-left:1px solid white;
}
#nav1 A
{
	display:block;
	float:left;
	padding:3px 4px;
	/*letter-spacing:-0.03em;*/
	/*height:12px;*/
	line-height:14px;
	background:#1b171b; /*gris fonce*/
	color:white;
	font-weight:bold;
	border-left:1px solid white;
	border-right:1px solid white;
	margin-left:-1px;
}
html.Firefox #nav1 A
{
	height:12px;
}
html.MSIE7 #nav1 A
{
	height:14px;
}
#nav1 A:hover
{
	background:white;
	color:#1b171b; /*gris fonce*/

	text-decoration:none;
}
#nav1 .current A,#nav1 .current A:hover
{
	background:white;
	color:#1b171b; /*gris fonce*/
	cursor:text;
}


/***********************************/
/**************pied de page********************/
/***********************************/


#pagefooter
{
	
	clear:both;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	padding-top:5px;
}
#baseline
{
	float:left;
	width:450px;
	text-align:left;
	letter-spacing:0.02em;
	color:white;
}
#baseline A,#baseline A:hover
{
}
#creditslogos
{
	float:left;
	width:230px;
	text-align:right;
}
#creditslogos IMG
{
	border:0;
	margin:0 3px;
}

#legal
{
	float:left;
	width:210px;
	margin:0px;
	padding:0px;
	text-align:center;
	letter-spacing:0.02em;
}
#legal LI
{
	display:inline;
	margin:0px;
	padding:0px;
	float:right;
	list-style-type:none;
}
html.MSIE6 #legal LI
{
	padding-top:5px;
}

#legal LI A
{
	color:black;
}
#legal LI A:hover
{
	color:white;
}
/***********************************/
/**************news*********************/
/***********************************/

#listenews
{
	border:1px solid #2885b6;	
	margin:0;
	padding: 0 0 3px 0;
	margin-top:10px;
}
#listenews P
{
	margin:0;
	padding:3px 0;
}

.more
{
	float:right;
	text-align:right;
	font-weight:bold;
}
.more A
{
	display:block;
	background:url(../img/flecherouge.gif) no-repeat left;
	padding-left:15px;
}