@charset "UTF-8";
/* CSS Document */


/* ---------------------- Générale -------------------- */
	*
	{
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
	}
	body
	{
	overflow:hidden;
	background:black;
	width:100%;
	
	}
	
	#container
	{
	width:10000px;
	height:662px;
	margin-left:700px;
	}
	
	#fond
	{
		
	left:-700px;
	width:10000px;
	background:url('../image/fond.jpg') repeat-x #DEDEDE;
	height:662px;
	z-index:-200;
	position:absolute;
	}
	
	 p  a
	{
	/*text-decoration:none;*/
	color:white;
	}
	
	p  a:hover
	{
	color:#900;
	}
	
	
	
	#accueil, #peinture, #parcours, #atelier, #contact, #commentaire
	{
		width:900px;
		height:568px;
		float:left;
		margin-right:100px;
		margin-left:100px;
		z-index:-10;
		position:relative;

	}
	
	h1 
	{
	color:#fff;
	font-size:16px;
	font-weight:100;
	}
	
	h2
	{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding-bottom:7px;
	padding-top:7px;
	}
	
/* ---------------------- Menu -------------------- */

	#menu
	{
	 position:fixed;
	 top:0;
	 left:150px;
	 z-index:200;
	 
	}
	
	#menu ul
	{
		list-style:none;
	}
	
	#menu ul li
	{
		display:inline;
		margin-right:20px;
		font-size:16px;
		font-weight:100;
		 
		
	}
	#menu ul li:hover
	{
		cursor:pointer;
		border-bottom:#900 1px solid;
	}
	
	#menu ul li.active
	{
		color:#900;
	}
	
	
/* ----------------------  Logo      -------------------- */


	#logo
	{
		position:fixed;
		text-indent:-9999px;
		background:url('../image/logo.png');
		z-index:-11;
		width:45px;
		height:320px;
	}
	
/* ----------------------  ombre      -------------------- */

	#ombre
	{
		position:absolute;
		z-index:0;
		width:2441px;
		height:743px;
		position:fixed;
		left:-150px;
		top:0;
		
		
	}
	
/* --------------------- zone des onglets -------------------------------- */
.contenuGauche
{
	position:absolute;
	left:150px;
	top:80px;
}


.contenu
{	
	width:180px;
	font-size:12px;
	overflow:hidden;
}

/* --------------------- zone de contenu principal ----------------------- */

.contenuPrincipal
{
	position:absolute;
	left:400px;
	top:80px;
	width:440px;
	height:440px;
}


/* --------------------- scroll ----------------------- */


.bar
{
	width:14px;
}


.curseur
{
   width:14px;
   height:20px;
   background:url('../image/scrollFinal.png');
   cursor:move;
}

/* ----------------------- hover onglet ----------------- */

.ongletHover
{
	
background-image : url('../image/cadresHover.png') !important;
cursor:pointer !important;
}

.hover
{
cursor:pointer !important;
}


/* --------------------- tableau ---------- */

.liste
{
	background-color:#666;
	color:white;
	width:300px;
	
}

/* -------- Copyright et credits -------- */

#copyright
{
	position:absolute;
	bottom:-8px;
	right:425px;
	color:#777;
	font-size:11px;
}

#credits
{	
	color:#FFF;
	font-size:12px;
	padding-left:10px;
	position:absolute;
	bottom:15px;
	left:350px;
	width:150px;
	height:95px;
	background-image:url('../image/cadres.png');
	border:2px #777 solid;
}
#credits li
{
	list-style:none;
}

#credits a
{
color:#FFF;
}

#lienDev
{
display: none;
}