/*Concerne le site AUBOUY*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	}
	
#conteneur {
	position: relative;
	background-color: #83A697;/*celadon*/
	width: 768px;
	margin: 0 auto;
	overflow:hidden;
	}
	
#header {
	position:fixed;
	height: 120px;
	width: 768px;	
	background-color: black;
	z-index: 2;
	}

* html #header{
	position:relative;
	overflow:hidden;
	}/*IE6 only*/

#header img {
	position: relative;
	top:-11px;
	left:0px;
	z-index: 0;
	padding: 0;
	margin-left:0;
	}

#header h1 {
	display:none;
	}
	
.blink {
	color: #F60;
	text-transform: capitalize;
	font-size: 1.2em;
	text-decoration: blink;
	}

#lien_actif {/*dans les blocs menu*/
	text-decoration: none;
	height: 30px;
	line-height: 2.2em;
	color: white;
	background:#6FC067;/*vert clair de "réalisatrice"*/
	margin-left: 0.8em;
	padding-left: 0.5em;
	}
	

.lien_retour {/*liens de retour en haut de pages*/
	color:#960018;
	font-size: 0.8em;
	position: absolute;
	right: 50px;
	}

a:hover.lien_retour {
	color: #6FC067;
	}

.lettrine {/*lettrines vertes du site*/
	font-weight: bold;
	font-size: 2.5em;
	color: #6FC067;
	}

img {/*enlève les bordures à toutes les images*/
	border: 0 none;
	}	

/*le menu de la colonne de gauche (pages PROUST)*/
#blocmenu {
	clear:both;
	}

#blocmenu ul {
	margin:0;
	padding:2em 0 2em 2em;
	position:fixed;
	top: 120px;
	float: left;
	width: 157px;
	background-color: #7b836b;/*vert proust 1*/
	color: white;
	list-style-type: none;
	}


* html #blocmenu ul {top:0; position: relative;}

#blocmenu li, #blocmenufiction li, #blocmenudocu li {
	list-style-type: none;
	margin: 0;
	}

#blocmenu li a {
	display: block;
	width: 126px;
	height: 30px;
	margin: 0;
	color: #960018;/*carmin*/
	background:#7B836B;/*vert proust 1*/
	text-decoration: none;
	text-align: left;
	line-height: 2.2em;
	}

#blocmenu li a:hover {
	text-decoration: none;
	color: white;
	background:#83A697;/*céladon*/
	margin-left: 0.8em;
	padding-left: 0.5em;
	}
	

/*menu haut (Concerne le sous-menu de la page Presse)(ne marche pas sous IE 6)*/
.sousmenu_presse {
	list-style-type: none;
	margin: 0;
	padding:0;
	position: absolute;
	}

.sousmenu_presse li { /*pour IE6*/
	float: left;
	display: inline;
}

.sousmenu_presse a {
	display: block;
	width: 146px;
	height: 20px;
	margin: 0;
	color: white;
	background: #960018;
	text-decoration: none;
	text-align: center;
	line-height: 1.9em;
	font-size: 0.8em;
	}

.sousmenu_presse a:hover {
	text-decoration: none;
	color: #960018;
	background: #7b836b;
}

div.menuhaut_presse {
	position:absolute;
	width: 585px;}


/*class et id de PROUST*/	



div p#encadre {/*encadré du début page proust*/
	margin-left: 50px;
	padding: 10px;
	border: 2px dotted #F60;
	width: 410px;
	background-color: white;
	line-height: 1.8em;
	}

p#encadre span {
	color: #F60;
	}

#dejafilme {
	list-style-type: square;
	color: #960018;
	line-height: 1.7em;
	}

ul#dejafilme span {
	color: #F60;
	}
		
blockquote#fond {/*Citations sur fond vert réalisatrice (ex: Godard)*/
	color: white;
	background-color:#6FC067;
	padding-top: 1.8em;
	}

/*Photos de la page proust*/
p.legende_image {
	color: maroon;
	font-style: italic;
	margin-left:60px;
	}
		
.ancre {
	padding-top: 120px;
	margin-top: 120px;
	}

/*colonne de droite : CONTENU*/
#contenu, #contenufiction, #contenudocu {
	position: relative;
	z-index: 0;
	top: 120px;
	font-size: 0.9em;
	margin-left: 183px;
	margin-bottom: 120px;
	background-color: #EAEAE9;/*fond pale des contenus*/
	  	 }

* html #contenu, * html #contenufiction, * html #contenudocu {
top: 0px;
margin-bottom: 0px;
}


/*Titres et paragraphes proust*/
#contenu h1 {
	color: #960018;
	margin-top: 0.8em;
	padding-left: 0.8em;
	border-bottom: 2px solid #83A697;
	}

#contenu h2 {
	margin-top: 1em;
	padding: 0 1.3em;
	}
	
#contenu h3 {
	margin-top : 1em;
	padding: 0 1.7em;
	color: olive;
	}

#contenu h4 {
	margin-top: 1.3em;	
	padding: 0 1.95em;
	color:#83A697;
	}
	
#contenu h5 {
	margin-top: 2em;	
	padding: 0 1.5em;
	color: orange;
	}

*:first-child+html #contenu h1 {font-size:20px;line-height:20px;}

* html #contenu h1 {font-size:20px;line-height:20px;}
	
*:first-child+html #contenu h2 {font-size:15px;line-height:10px;}

* html #contenu h2 {font-size:15px;line-height:10px;}

*:first-child+html #contenu h3 {font-size:13px;line-height:10px;}

* html #contenu h3 {font-size:13px;line-height:10px;}
	
*:first-child+html #contenu h4 {font-size:12px;line-height:10px;}

* html #contenu h4 {font-size:12px;line-height:10px;}

#contenu p.normal {/*tous les paragraphes normaux du site*/
	margin: 0;
	padding: 0 1.5em;
	text-align: justify;
	}

#cv {
	margin: 0;
	padding: 0 1.5em;
	text-align: justify;
	list-style-position: inside;
	}



/*liens dans le texte (interne)*/
.liens {	
	list-style-type: square;
	margin-left: 2em;
	color: #6FC067;/*vert clair de "réalisatrice"*/
  	 }

.liens li a {
	text-decoration: underline;
	color: green;
	font-style: oblique;	
	}

.liens li a:hover {
	color:#6FC067;/*vert clair de "réalisatrice"*/
	}


/*concerne les pages FICTIONS */
#conteneurfiction {
	position: relative;
	background-color: #ff3;/*jaune*/
	width: 768px;
	margin: 0 auto;
	}

/*Titres et paragraphes des pages fictions*/
#contenufiction h1 {
	color: #333;/*gris moyen/foncé*/
	margin-top : 0.8em;
	padding-left: 0.8em;
	border-bottom: 2px solid #ff3;
	}

#contenufiction h2 {
	color: #f60;/*orange foncé*/
	margin-top: 1em;
	padding:0 1.3em;
	}
	
#contenufiction h3 {
	margin-top : 1em;
	padding : 0 1.7em;
	color: #996;/*beige foncé*/
	}

#contenufiction h4 {
	margin-top: 1.3em;	
	padding: 0 1.95em;
	color: #808080;
	}
	
#contenufiction h5 {
	margin-top: 2em;	
	padding: 0 1.5em;
	color: orange;
	}

#contenufiction p {
	margin: 0;
	padding: 0 1.5em;
	text-align: justify;
	}
	


#blocmenufiction {clear:both;}

#blocmenufiction ul {
	margin:0;
	padding:2em 0 2em 2em;
	position:fixed;
	top: 120px;
	float: left;
	width: 157px;
	background-color: #f60;/*vert proust 1*/
	color: white;
	list-style-type: none;
	}

#blocmenufiction li a{
	display: block;
	width: 126px;
	height: 30px;
	margin: 0;
	color: white;
	background: #F60;
	text-decoration: none;
	text-align: left;
	line-height: 2.2em;
	}

#blocmenufiction li a:hover {
	text-decoration: none;
	color: #f60;/*orange foncé*/
	background: #FF3;
	margin-left: 0.8em;
	padding-left: 0.5em;
	}

/*concerne les DOCUMENTAIRES */
#conteneurdocu {
	position: relative;
	width: 768px;
	margin: 0 auto;
	padding: 0;
	background-color: #ccf;/*bleu clair*/
	}

/*Titres et paragraphes des pages docu*/
#contenudocu h1 {
	color: #333;/*gris foncé*/
	margin : 0.8em 0 0 0;
	padding-left: 0.8em;
	border-bottom: 2px solid #ccf;/*bleu clair*/
	}

#contenudocu h2 {
	color: teal;/*turquoise #0cc*/
	margin: 1em 0 0 0;
	padding:0 1.3em;
	}
	
#contenudocu h3 {
	margin-top : 1em;
	padding : 0 1.7em;
	color: #960018;/*beige foncé*/
	}

#contenudocu h4 {
	margin-top: 1.3em;	
	padding: 0 1.95em;
	}
	
#contenudocu h5 {
	margin-top: 2em;	
	padding: 0 1.5em;
	}
	
#contenudocu p {
	margin: 0;
	padding: 0 1.5em;
	text-align: justify;
	}

#blocmenudocu {
clear: both;
}


#blocmenudocu ul {
	margin:0;
	padding:2em 0 2em 2em;
	position:fixed;
	top: 120px;
	float: left;
	width: 157px;
	color: white;
	list-style-type: none;
	background:teal;
	}

#blocmenudocu li a {
	display: block;
	width: 126px;
	height: 30px;
	margin: 0;
	color: white;
	background: teal;/*bleu foncé*/
	text-decoration: none;
	text-align: left;
	line-height: 2.2em;
	}

#blocmenudocu li a:hover {
	text-decoration: none;
	color: #036;/*bleu foncé*/
	background: #ccf;
	margin-left: 0.8em;
	padding-left: 0.5em;
	}



/*pieds*/

#pied {/* pied proust*/
	clear:both;
	position: relative;
	bottom: 0;
	height: 50px;
	background-color: #7b836b;/*vert Proust*/
	list-style-type: none;
	width: 768px;
	margin: 0;
	padding:0;
	}

* html #pied, * html #piedfiction, * html #pieddocu {position:relative;top: 0px;}

#pied a {
	margin: 0 8px;
	color: #960018;/*carmin*/
	text-decoration: none;
	line-height: 3em;
	}

#pied a:hover {
	text-decoration: none;
	color: white;
	}

#pied ul, #piedfiction ul, #pieddocu ul {
	margin:0;
	padding-left: 2.2em;
}

#pied li, #piedfiction li, #pieddocu li {
	display: inline;
	}	

#piedfiction {/* pied fiction*/
	clear: both;
	position: relative;
	bottom: 0;
	height: 50px;
	background-color: #F60;
	list-style-type: none;
	width: 768px;
	margin: 0;
	padding: 0;
	}	

#piedfiction a {
	margin: 0 8px;
	color: white;
	text-decoration: none;
	line-height: 3em;
	}

#piedfiction a:hover {
	text-decoration: none;
	color: #FF3;/*orange foncé*/
	}
	

#pieddocu {/* pied documentaire*/
	position: relative;
	bottom: 0;
	height: 50px;
	background-color: teal;/*bleu foncé*/
	list-style-type: none;
	width: 768px;
	margin: 0;
	}		

#pieddocu a {
	margin: 0 8px;
	color: white;
	text-decoration: none;
	line-height: 3em;
	}

#pieddocu a:hover {
	text-decoration: none;
	color: #036;
	}

/*alignement du formulaire: lecteurs*/
div.ligne {
	clear:both;
	padding-top: 10px;
}

div.ligne span.label {
	float: left;
	width: 100px;
	text-align: right;
}

div.ligne span.champ {
	float: right;
	width: 460px;
	text-align: left;
	}
	
#decalage {
	margin-left: 105px;
	}
span.orange {
	color: #f60;}