/*****************************************/
/*SITE ESF Valloire §  
/*****************************************/
/*
	background:#280000;	--marron fonce--
	background:#670000;	--rouge fonce--
	background:#970000;	--rouge moyen--
	color:#f00;	--rouge vif--
	

	color:#2e64a2;	--bleu moyen--
	background:#ccc;	--gris--
	

*/

#body 
{ 
	background:#ccc url(../img/fd2.png) repeat-x;
}
#containerborder
{
	width:1280px;
	margin:0 auto;
}
#container
{
	width:960px;
	margin:0 auto;
	background:white;
}
#flashcontainer
{
	width:1280px;
	height:310px;
	margin-top:20px;
}
#bandeau
{
	width:1280px;
	height:280px;
}
#logoesf
{
	position:absolute;
	margin-top:10px;
	margin-left:120px;
}
#logovalloire
{
	position:absolute;
	margin-top:30px;
	margin-left:920px;
}

/*****************************************/
/*navigations */
/*****************************************/
#fdnav1
{
	position:absolute;
	width:1280px;
	margin-top:200px;
	background:white;
	height:22px;
}
#nav1
{
	position:absolute;
	width:1280px;
	margin-top:200px;
}
#nav1 ul
{
    position: relative;
    width:1080px;
    height:70px;
    margin:0;
    padding-left:200px;
    overflow:hidden; 
 }
#nav1 li 
{
    float: left;
    list-style: none;
}

#nav1 ul li.backLava
{
    position: absolute;
	background:url(../img/lava.gif) no-repeat top left;
    width: 70px; 
    height: 70px;
    z-index: 2;
}
#nav1 li a
{
	display:block;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:3;
	text-align:center;
	color:#670000;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding:2px 10px;
	margin:0 3px;
	height:75px;
 }
#nav1 li a:hover
{
	color:white;
	color:#280000;
	text-decoration:none;
}
#nav1 li.current a
{
	color:black;
	color:white;
	background:url(../img/lava.gif) no-repeat top left;
}
#nav2top
{
	float:left;
	width:148px;
		background:url(../img/fd-nav2-top.png) no-repeat top left;
	padding-top:7px;
}
#nav2bottom
{
	background:url(../img/fd-nav2-bottom.png) no-repeat bottom left;
	padding-bottom:7px;
}
#nav2
{
	width:148px;
	background:url(../img/fd-nav2-repeat.png) repeat-y;
}
#nav2 ul
{
    position: relative;
    width:140px;
    overflow:hidden;
}
#nav2 li.backLava
{
    position: absolute;
	background:white;
    height: 20px;
    margin-left:2px;
    z-index: 2;
}
#nav2 li a
{
	position:relative;
	overflow:hidden;
	z-index:3;
	color:white;
	font-weight:bold;
	margin-left:2px;
	padding-top:5px;
	padding-bottom:3px;
	text-decoration:none;
	width:138px;
}
#nav2 li a span
{
	display:block;
	padding-left:10px;
	
}

#nav2 li a:hover
{
	color:#280000;
}
#nav2 li.current a,#nav2 li.current a:hover
{
	background:white;
	color:#970000;
	cursor:text;
}
/*****************************************/
/*outils - langues */
/*****************************************/
#outils
{
	position:absolute;
	margin-top:2px;
	margin-left:160px;
	height:18px;
}
#outils li a
{
	text-decoration:none;
	color:#280000;
	padding:2px 10px;
}
#langues
{
	position:absolute;
	margin-left:950px;
	margin-top:2px;
	height:18px;
}
#langues li a
{
	display:block;
	height:14px;
	padding-top:2px;
	padding-left: 27px;
	margin-right:15px;
	text-decoration:none;
	color:#280000;
}
#langues li a span
{
	
}

#langues li#en a
{
	background:url(../img/flag-en.png) no-repeat top left;
}
#langues li#fr a
{
	background:url(../img/flag-fr.png) no-repeat top left;
}

/*****************************************/
/*contenu*/
/*****************************************/
#contenu
{
	padding-bottom:10px;
}
#lesmav
{
	margin-top:10px;
}
#colintro
{
	float:left;
	width:340px;
	margin-left:20px;
}
#colvideo
{
	float:left;
	width:420px;
	margin-left:10px;
}
#coltexte
{
	float:left;
	width:530px;
	margin-left:20px;
}
#colimages
{
	float:left;
	margin-left:20px;
	width:210px;
	height:200px;
}
#contenu2
{
	padding:0 30px 10px 30px;
}
.mav
{
	float:left;
	width:225px;
	height:260px;
	overflow:hidden;
	margin-right:1px;
	background:url(../img/fd-mav.jpg) repeat-x;
}
.mavimage
{
	margin-left:10px;
	margin-top:10px;
	width:206px;
	height:122px;
	overflow:hidden;
	position:relative;
}
.mavcontent
{
	margin:10px;
}
.mavcontent h1,.mavcontent h2,.mavcontent h3
{
	font-size:15px;
	color:white;
	font-weight:bold;
}
.mavcontent p
{
	font-size:11px;
	color:white;
}
.mavcontent a
{
	color:white;
	font-weight:bold;
}

/*****************************************/
/*pied de page */
/*****************************************/
#footer
{
	width:960px;
	margin:0 auto;
	background:url(../img/bg-footer.png) no-repeat top left;
	height:63px;
}
#footer li a
{
	padding:2px 15px 0 0;
	text-decoration:none;
	color:#280000;
}
#liensfooter
{
	padding-top:10px;
	padding-bottom:20px;
}
#credits li a
{
	font-size:11px;
	color:#999;
}



#cartedusite li
{
	line-height:1.1em;
	list-style-type:none;
	text-decoration:none;
	font-weight:bold;
}
#cartedusite a
{
	text-transform:uppercase;
	text-decoration:none;
	color:black;
}
#cartedusite a:hover
{
}
.authentification
{
}
#sitetree
{
	margin-top:250px;
	background:white !important;
	z-index:1000 !important;
}