/*****************************************/
/*SITE Val Chavière - Layout*/
/*****************************************/
/* couleurs utilisees
kaki foncé	#494721; 
kaki moyen	#413d20;
kaki clair	#666634; 
marron #704e0f;
jaune #edb031;
*/
#fdfeuille
{
	position:absolute;
	width:190px;
	height:120px;
	background:url(../img/feuille.gif) no-repeat;
	margin-left:-28px;
	margin-top:-75px;
	z-index:0;
}
#masque
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1500px;
	background:black;
	opacity:0.6;
	z-index:5;
	display:none;
	
}
html.MSIE #masque
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#masque.clicked
{
	display:block;
}

/*****************************************/
/*cadre page*/
/*****************************************/

#containerborder
{
	width:878px;
	background:url(../img/ombre.jpg) no-repeat top right;
	margin:0 auto 0 auto;
}
#containerborder2
{
	width:860px;
	background:#494721 url(../img/home/fd.jpg) no-repeat top right;
	color:white;
}
#logo
{
	background:#704e0f;
	width:600px;
	height:90px;
	line-height:0;
	font-size:0;
}
#logo IMG
{
	border:0;
}
#pagecontent
{
	color:#222;
	width:600px;
	background:white url(../img/fd-feuille.gif) no-repeat bottom right;
	padding-bottom:85px;
}
.contenu
{
	padding:10px;
}

/*****************************************/
/* style commun aux listes horizontales */
/*****************************************/

UL.listhor
{
	margin:0;
	padding:0;
}
.listhor LI
{
	float:left;
	margin:0;
	padding:0;
	line-height:1em;
	list-style-type:none;
}
.listhor LI A
{
	display:block;
	float:left;
	color:#aaa;
}
.listhor LI A:hover
{
	color:white;
	text-decoration:none;
}
.listhor LI#current A
{
	color:white;
	cursor:text;
}
.listhor LI A IMG
{
	border:0;
}
/*****************************************/
/* navigation outils */
/*****************************************/
#topnav
{
	width:878px;
	margin:70px auto 0 auto;
	height:21px;
	color:white;
	font-size:0.9em;
}
#topnav LI A
{
	color:#edb031;
	height:12px;
	padding:6px 0 0 0;
	float:left;
}
#topnav LI SPAN
{
	display:block;
	float:left;
	color:#edb031;
	height:12px;
	margin:6px 0 0 0;
}
#topnav LI A:hover
{
	color:white;
}
#topnav LI A.current
{
	color:white;
	cursor:text;
}
#outils LI A#panier
{
	background:url(../img/panierjaune.gif) no-repeat left;
	padding-left:25px;
}
#langues
{
	float:left;
	width:260px;
}
#langues UL
{
	float:right;
}
#langues LI A
{
	padding:6px 10px 0 10px;

}
#outils
{
	float:left;
	width:600px;
	
}
#outils UL
{
	float:right;
}
#outils LI
{
	padding:0 5px;

}

/*****************************************/
/* navigation principale nav1 */
/*****************************************/
UL#nav1
{
	background:#413d20;
	border-top:1px solid #413d20;
	border-bottom:1px solid #413d20;
	height:18px;
	padding-left:10px;
}
#nav1 LI
{
	border-right:1px solid #704e0f;
}
#nav1 LI A
{
	color:white;
	letter-spacing:0.02em;
	padding:3px 10px 3px 10px;
}
#nav1 LI A:hover
{
	color:#413d20;
	background:white;
}
#nav1 LI.current A
{
	color:#413d20;
	background:white;
	cursor:text;
}
/*****************************************/
/* navigation 2 nav2 */
/*****************************************/
UL#nav2
{
	margin:0 0 30px 0;
	padding-top:10px;
	font-size:11px;
}
#nav2 LI
{
	margin-right:2px;
}
#nav2 LI A
{
	color:#704e0f;
	letter-spacing:0.02em;
	padding:2px;
	margin:0 5px;
	letter-spacing:0.02em;
}
#nav2 LI A:hover
{
	color:white;
	border-bottom:3px solid white;
	text-decoration:none;
}
#nav2 LI.current A
{
	cursor:text;
	color:white;
	border-bottom:3px solid white;
}
#nav2 LI.current A:hover
{
	color:white;
	background:none;
}

/*****************************************/
/* pied de page footer*/
/*****************************************/
#footer
{
	background:url(../img/ombre-bottom.jpg) no-repeat top left;
	margin:0 auto;
	padding-top:10px;
	width:878px;
	font-size:0.9em;
}
#tel
{
	position:absolute;
	z-index:1000;
	margin-top:-30px;
	margin-left:30px;
	font-size:11px;
	font-weight:bold;
	color:#704e0f;
}
#footer #tel A,#footer #tel A:hover
{
	color:#704e0f;
	text-decoration:underline;
}

#mentions
{
	float:left;
	width:450px;
}
#footer A
{
	color:#edb031;
}
#footer A:hover
{
	color:white;

}
#creditslogos
{
	float:right;
	padding-right:18px;
	width:400px;
	text-align:right;
}

#creditslogos IMG
{
	border:0;
}
#calage
{
	border:1px solid white;
	float:left;
	height:400px;
}