/*
Titre: Fichier "style.css" pour écran
Auteur: Laurence Le Bour | http://www.laurencelebour.com/
Date: mars 2010
/*

/* Styles généraux
--------------------------------------------------------------------------------*/
html, body
{	font-size: 100%;}
	
body, #evitement, #menu, #contenu, #contenu2, .favoris li, #pied, h1, h1 strong, h2, #contenu2 h3, h4, ul, ul li, p
{	margin: 0;
	padding: 0;
	background-color: #fff;}

img
{	border: 0 none;}

#evitement li, #evitement2 li, .vignettes li, #sous-menu li, #images li, #image li, .images li, .favoris li
{	display: inline;
	list-style-type: none;}

strong
{	font-weight: normal;}
	
/* Positionnement
--------------------------------------------------------------------------------*/
#conteneur
{	width: 970px;
	margin: auto;
	font: normal 0.9em Verdana, Arial, Helvetica, Sans-Serif;
	color: #87888A;}
	
#evitement, #evitement2
{	height: 80px;
	text-align: right;}
	
#evitement li
{	padding: 0 10px 0 2px;}
	
#menu
{	width: 260px;
	float: left;
	position: fixed;
	padding: 10px 20px 0 0;}

#contenu, #contenu2
{	width: 690px;
	float: right;}

#pied 
{	clear: both;}
			
/* #menu
--------------------------------------------------------------------------------*/
#menu ul
{	list-style-type: none;
	padding: 80px 30px 0 30px;}

#menu ul li
{	line-height: 1.8em;
	padding-bottom: 3px;
	border-bottom: 1px solid;}	
	
#menu ul li a.a1
{	color: #000;}	

#a1, #a2, .a2 
{	color: #000;}		

/* #contenu Accueil, Projet, Page liens
--------------------------------------------------------------------------------*/	
.vignettes li, .favoris li
{	float: left;
	width: 210px;
	padding: 10px;
	text-align: center;}
	
.clear
{	clear: left;}
	
h2#projet
{	float: left;
	padding: 10px 0 8px 10px;}
	
#tags
{	float: right;
	text-align: right;
	padding: 10px 10px 0 0;}
	
#clear, #clear2, .clear2
{	clear: both;
	margin: 0 10px 0 10px;
	border-top: 1px solid;}

#clear2, .clear2
{	visibility : hidden;}
	
ul#legende
{	width: 450px;
	float: left;
	padding: 10px 0 20px 25px;
	font-size: 0.9em;}
	
ul#legende li
{	list-style-type: disc;
	list-style-position: outside;}
	
#sous-menu
{	float: right;
	text-align: right;
	font-size: 0.9em;
	padding: 20px 10px 30px 0;}	
	
#sous-menu li
{	padding: 3px;
	margin: 3px;
	border: 1px solid;}	
		
#images, #image, .images
{	clear: both;
	padding-left: 10px;}
		
#images li img, #image li img, .images li img
{	float: left;
	padding-bottom: 20px;}
		
#image li img, .images li img
{	padding-bottom: 10px;}	
	
img.marge
{	padding-right: 10px;}		
	
#haut
{	clear: both;
	margin: 0 10px 25px 0;
	padding-right: 20px;
	background: url(images/css/haut.png) right no-repeat;
	font-style: normal;
	font-size: 1em;
	text-align: right;}	
	
/* A propos
--------------------------------------------------------------------------------*/		
.apropos li
{	list-style-type: disc;
	list-style-position: outside;}	
	
#contact-llb
{	padding-left: 10px;}		
		
/* #contenu2 plan du site
--------------------------------------------------------------------------------*/	
#contenu2 
{	line-height: 1.4em;
	text-align: justify;}
	
#realisations
{	width: 430px;
	float: left;}

#a-propos
{	margin-left: 470px;}
	
#a-propos ul, #realisations ul, h4
{	padding: 20px 0 0 25px;}		

/* #contenu3 erreur-404
--------------------------------------------------------------------------------*/	
#contenu3 img
{	padding: 60px 0 60px 0;}

#contenu3 p
{	padding-left: 260px;
	font-style: normal;
	font-size: 1em;}
		
/* #pied
--------------------------------------------------------------------------------*/			
#pied 
{	margin: 0 10px 20px 290px;	
	text-align: center;}	
	
#categories
{	padding-top: 25px;
	border-top: 1px solid;}		
	
#categories li
{	display: inline;	
	list-style-type: none;
	font-size: 0.95em;
	font-variant: small-caps;
	word-spacing: 0.3em;}
	 
#copyright
{	padding-top: 25px;
	word-spacing: 0.2em;}	
				
/* Titres, paragraphes
--------------------------------------------------------------------------------*/
h1
{	text-indent: -50000px;}

h2, h3, #contenu h3, #contenu2 h3.plan, h4, .nom
{	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	color: #000;}	
			
h2
{	font-size: 1.3em;}		

#contenu h3
{	padding: 5px 0 0 10px;
	font-size: 1.1em;}		
	
#contenu ul.images li h3, ul#images li h3
{	padding-left: 0px;}	
		
#contenu2 h3.plan
{	margin: 30px 10px 0 10px;
	padding: 10px;
	border: 1px solid;
	background-color: #F5F5F5;}
		
p, #tags
{	font: italic 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 2em;}

.apropos, .mentions
{	text-align: justify;
	line-height: 1.4em;}		
	
.apropos
{	padding-left: 25px;
	font-size: 1em;}	

.mentions
{	padding-left: 10px;
	font-size: 1.1em;
	font-style: normal;}		

.favoris p.nom
{	font-size: 1.1em;}	
		
.favoris p
{	padding-top: 5px;
	font-size: 0.9em;
	line-height: 1.2em;}	
		
/* Liens
--------------------------------------------------------------------------------*/		
a:link, a:visited, a:active
{	text-decoration: underline;
	color: #87888A;}	

#evitement a, #evitement2 a, #evitement a:visited, #evitement2 a:visited, #evitement a:active, #evitement2 a:active
{	font-size: 0.7em;
	color: silver;}	
		
#menu a, #sous-menu li a
{	text-decoration: none;}		
	
h2 a
{	font-size: 0.8em;}	

#contenu2 h3 a
{	text-decoration: none;
	color: #000;}			
	
a:hover, #evitement a:hover, #evitement2 a:hover, #menu a:hover, h2 a:hover, #contenu2 h3 a:hover, #pied a:hover
{	text-decoration: underline;
	color: #000;}