/* CSS Document */

/* ?L?MENTS GLOBAUX */


body {
	font: 1em "Georgia", sans-serif;
	font-size : 12px;
	line-height : 15px;
	height : auto;
	width : auto;
	color : #333;
	text-align: center;
	margin:0;
	overflow:auto;
	background-color: #6A7359;
	background-repeat:no-repeat;
	
}


/************** LIENS *********************************************/

p.spip{
	margin:0 0 10px 0;

}

a,
a:link,  
a:visited
{
	color:inherit;
	text-decoration:none;
	outline:none;
	
}
a:hover{
	color:#999;
	text-decoration:none;
	outline:none;
}

a.on,
a.on:link,  
a.on:visited
{
	color:#FFF;
	text-decoration:none;
	outline:none;
}
a.on:hover{
	color:#999;
	text-decoration:underline;
	outline:none;
}




img {
	border:0px;
	behavior: url("win_png.htc");
}


/* ?L?MENTS GLOBAUX */



#logo{
	position:absolute;
	top:30px;
	left:40px;
	width:200px;
	height:200px;
	text-align: left;

}

#menu{
	position:absolute;
	top:250px;
	left:40px;
	text-align: left;
	width:200px;
	z-index:1000;
	background-color:#fff;
}

#fiche{
	position:absolute;
	top:30px;
	left:250px;
	border:solid 0px #C3C0B6;
	text-align: left;
	width:500px;
	min-height:500px;
	background-color:#fff;
	padding:3px;
}

/* ELEMENTS FICHE */


#titre{
	font-size: 4em;
	line-height: 50px;
	height: auto;

	padding:5px;
	background-color:#fff;
}

#texte{
	font-size: 1em;
	height: auto;
	padding:5px;
	background-color:#fff;
}

#liens_fiche{
	font-size: 1em;
	line-height: 13px;
	height: auto;
	width: 90%;
	margin:3px auto  ;
	padding:3px 5%;
	background-color:#fff;
}

#liens_fiche.on{
	background-color:#999;


}

#bloc_info{

	font-size: 1em;
	line-height: 13px;
	height: auto;
	width: 90%;
	margin:3px auto  ;
	padding:3px 5%;
	background-color:#333;
	color:#fff;
	text-transform:uppercase;
}


#colonne{
	position:absolute;
	top:30px;
	left:770px;
	border:solid 0px #C3C0B6;
	text-align: left;
	width:150px;
	height:500px;
}




#actus
{
	position:absolute;
	top:445px;
	left:420px;
	z-index:500;
}

#animations
{
	position:absolute;
	top:330px;
	left:20px;
}
#enfants
{
	position:absolute;
	top:480px;
	left:70px;
}
#faune
{
	position:absolute;
	top:370px;
	left:130px;
}
#pourquoi
{
	position:absolute;
	top:220px;
	left:240px;
}
#livres
{
	position:absolute;
	top:280px;
	left:550px;
}
#massif
{
	position:absolute;
	top:100px;
	left:240px;
}
#milieux
{
	position:absolute;
	top:490px;
	left:260px;
}
#montagne
{
	position:absolute;
	top:80px;
	left:550px;
}
#siteamis
{
	position:absolute;
	top:510px;
	left:650px;
}
#telechargement
{
	position:absolute;
	top:-6px;
	left:550px;
}
#tetranoides
{
	position:absolute;
	top:-10px;
	left:300px;
}
#tetras
{
	position:absolute;
	top:30px;
	left:430px;
}
#tourismevert
{
	position:absolute;
	top:530px;
	left:630px;
}

#contact
{
	position:absolute;
	top:20px;
	left:20px;
}
#logodiact
{
	position:absolute;
	top:580px;
	left:220px;
}


/* MENU JQUERY */

		#menu {
		margin: 0;
		padding: 0;
		list-style: none;
		color: #fff;
		width: 200px;
	background-color:#333;
		text-align: left;
		z-index: 1000;
			}
		#menu a, #menu span {
			display: block;
			padding: 4px 10px;
			color: #fff;

			text-decoration: none;
		z-index: 1000;

			}
		#menu .toggleSubMenu a, #menu .toggleSubMenu span {


			}
		#menu .open a, #menu .open span {
			background-image: url(menu_demo/menu-item-enroule.png);


			}
		#menu a:hover, #menu a:focus, #menu a:active {
			text-decoration: underline;

			}
		#menu .subMenu {

			background: #FFF url(menu_demo/subMenu.png) 0 0 repeat-x;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #FFF;
			color: #333;
		z-index: 1000;
			}
		#menu ul.subMenu a {

				z-index: 1000;
			background: none;
			padding: 3px 10px;
			text-transform:lowercase;
			color: #333;
			}




/***** Galerie Jquery fade + play auto ***********/


#slideshow { position: relative; width: 500px; height:340px; }
#controls { z-index: 1000; position: absolute; top: 0px; left: 250px; display: none;
    background-color: #fff; border: 1px solid #fff; margin: 0; padding: 6px; 
    width: 218px;
}
#controls span { margin: 0 5px }

#slideshow #output {color:#fff; background-color:#333; padding:5px 8px ;   width:auto; height:auto; position: absolute;
top:0px; left:0px; opacity: 0.85; z-index:500; }