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

body
{
	font-family: Helvetica, Arial, sans-serif;
	}

h1, strong
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
}

.strong
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:0.9em;
}

a
{
	color:#3C3B7F;
	text-decoration:none;
}

a:hover
{
	color:#36F;
	text-decoration: none;
}

/*signifie bloc page*/
#main_wrapper
{
	width: 100%;
	margin: auto
}

#logo
{
	display: none;
}

/*navigation partie du haut*/


nav
{
	display:inline;
	position:absolute;
	width:600px;
	height: 70px;
	top: 20px;
	text-align:left;

}

nav ul
{
	list-style-type: none;
}

nav li
{
	display:inline-block;
	margin-right: 0px;
}

/*differents boutons de la navigation*/

	.index
	{
		display: inline-block;
		width:187px;
		height:70px;
		background-image:url(5_menu/lenar.jpg);
	}
	
	.index:hover
	{
		background-image:url(5_menu/lenar_soulign.jpg);
	}
		
	.index:focus
	{
		background-image:url(5_menu/lenar_croix.jpg);
	}
	
	.home 
	{
		display: inline-block;
		width: 119px;
		height: 70px;
		background-image:url(5_menu/home.jpg);
	}	

	.home:hover
	{
		background-image:url(5_menu/home_soulign.jpg);
	}
	
	.home:focus
	{
		background-image:url(5_menu/home_croix.jpg);
	}

	.paintings
	{
		display: inline-block;
		width: 159px;
		height: 70px;
		background-image:url(5_menu/paintings.jpg)
	}

	.paintings:hover
	{
		background-image:url(5_menu/paintings_soulign.jpg)
	}
	
	.painting:focus
	{
		background-image:url(5_menu/paintings_croix.jpg);
	}

	.graphics
	{
		display: inline-block;
		width: 161px;
		height: 70px;
		background-image:url(5_menu/graphics.jpg);
	}

	.graphics:hover
	{
		background-image:url(5_menu/graphics_soulign.jpg);
	}

	.graphics:focus
	{
		background-image:url(5_menu/graphics_croix.jpg);
	}
	
	.about
	{
		display: inline-block;
		width:95px;
		height: 70px;
		background-image:url(5_menu/about.jpg);
	}
	
	.about:hover
	{
		background-image:url(5_menu/about_soulign.jpg);
	}
	
	.about:focus
	{
		background-image:url(5_menu/about_croix.jpg);
	}
	
	.contact
	{
		display: inline-block;
		width: 131px;
		height: 70px;
		background-image:url(5_menu/contact.jpg);
	}


	.contact:hover
	{
		background-image:url(5_menu/contact_soulign.jpg);
	}

	.contact:focus
	{
		background-image:url(5_menu/contact_croix.jpg);
	}

	.links
	{
		display: inline-block;
		width: 135px;
		height: 70px;
		background-image:url(5_menu/links.jpg);
	}

	.links:hover
	{
		background-image:url(5_menu/links_soulign.jpg);
	}
	
	.links:focus
	{
		background-image:url(5_menu/links_croix.jpg);
	}
	
/*footer*/
#copyright
{
	display:none;
}

/*exlusif à:*/
/*PAGE LENA-RICHTER.HTML*/
/*me painting page d'entree*/
		#me_painting
		{
			position: absolute;
			top: 200px;
			margin:auto;
			border:none;
		}
		
		
/*PAGE HOME*/
		#img_home
		{
			position: relative;
			left:0px;
			top:200px;
			background-image:url(3_imgs/home_dessin_pr.jpg);
			width:300px;
			height:297px;
		}
		
		#expos
		{
			position:absolute;
			left: 300px;
			top: 155px;
			margin: 20px;
		}

/*PAGE PAINTINGS*/
		
		div#colonne1
		{
			display: none;
		}
		
		div#colonne2
		{
			width: 425px;
			margin-top: 260px;
			margin-left:auto;
			margin-right:auto;
		}
		
		p.paint
		
		{
			margin-bottom: 150px;
			margin-top: 150px;
			text-align:right;
			font-size:0.6em;
		}
		
		div#image_un
		{
			width:262px;
			margin-left:auto;
			margin-right:auto;
		}
		
		div#image_deux
		{
			width: 141px;
			margin-left:auto;
			margin-right:auto;
		}
		
		div#image_trois
		{
			width: 350px;
			margin-left:auto;
			margin-right:auto;
		}
		
		div#image_quatre
		{
			width: 450px;
			margin-left:auto;
			margin-right:auto;
		}
			

/*PAGE GRAPHICS*/

		.graph_content
		{
			display:inline-block;
			width:351;
			height:500;
			position:absolute;
			top: 200px;
			left:30%;
			font-size:1.2em;
			font-weight: bold;
			text-decoration: none;
			color:#666;
			text-align:left;
		}
		
		.texti
		{
			text-decoration: none;
			color:#666;
		}
		
/*PAGE ABOUT*/

		#about_text
		{
			display:inline-block;
			position:absolute;
			left: 20px;
			width: 900px;
		}
	
		.about_text_left
		{
			display:inline-block;
			position:absolute;
			top: 230px;
		}
		.about_text_right
		{
			display: inline-block;
			position: absolute;
			top: 230px;
			margin-left: 120px;
			margin-right: 50px;
		}
		
		
		
/*PAGE CONTACT.HTML*/
/*contact adresse et mail */
		#contact
		{
			position:absolute;
			top: 250px;
			left: 35%
		}
/*PAGE LINKS.HTML3*/
			#links_sites
		{
			display:inline-block;
			position:absolute;
			left: 20px;
			top: 220px;
			width: 900px;
		}
	
		.links_left
		{
			display:inline-block;
			background:#A9ACE9;
			width:300px;
			padding-left: 10px;
		}
		.links_right
		{
			display: inline-block;
			width: 300px;
			background:#F0F0F0;
			padding-left: 10px;
		}