/*
	Paremetres globaux 
*/
* {
	padding:0 ;
	margin : 0;
	line-height:1.2em ;
}
body {
	font-family: Arial, sans-serif ;
	text-align: center; 
	height:100%;
	background: #fff;
	color: #555 ;
	font-size:0.75em;/*Equivalent à 12px sur petit écran */
}
ul li {
	list-style: none ;
}
.invisible {
	display:none;
}
img {
	border: none
}
a {
	text-decoration: none
}
a:hover {
	text-decoration : underline;
}
/*
	Gestionnaire de couleur des liens : c'est la dernière couleur utilisée qui prime 
*/
a {
	color: #999;
	color: #4088b8;
	color: #779;
}	
#tete a {
}
#corps a {
}
#menu a {
}
a.ici,li.ici {
 color: #000 !important;
}
ul.arborescence li a.precedent img, ul.arborescence li a.suivant img{
	background:#999;
	background:#aac;
}
ul.arborescence li a.precedent:hover img, ul.arborescence li a.suivant:hover img{
	background:#333;
}
/*
	Blocs de contenus
*/
#page {
	margin : 0 auto ;
	position: relative; 
    width: 850px;
	clear: both;
	padding-top:60px;/*Détermine où commencent le corps et le menu */
}
#tete {
	width: 100% ;
	position:absolute;
	left:0;top:10px;
	height:23px;/*Hauteur du logo +1 (espace) + 1 (souligner le logo) +1 (espace) */
	border-bottom:1px solid #bbb;
	
	top:3px;
	padding-top:12px;
}
#menu {
	float:left;
	width: 190px;
	text-align: left;
	padding:0 0 1em 1px ;
	font-size:1em;
}
#corps {
	float:right;
	width: 650px;
	padding:0 0 1em 0;
}
#pied {
	clear: both;
	border-top:1px solid #bbb;
	padding:0.5em 0 1em 0;
}
/*
	Elements du menu
*/
ul.arborescence  li.rubrique {
	background: url("bas_black.gif") 0 0.4em no-repeat transparent ;
	padding-left: 12px;padding-top:0.1em;
}
div#menu ul.arborescence ul{
	padding-left: 10px ;
}
div#menu ul.arborescence ul li{
	padding-top: 0.5em ;
}
ul.arborescence li a.precedent , ul.arborescence li a.suivant {
	text-decoration:none;
}
ul.arborescence li a.precedent img, ul.arborescence li a.suivant img{
	vertical-align:baseline;
}
div#menu div.description {
	padding:2em 20px 0 0;
	line-height:1.4em;
}
div#menu div.block_details {
	margin:2.5em 0;
}
div#menu div.block_details h2 {
	font-size:1em;
	font-weight:normal;
	padding:0 5px 0.5em 5px;
}
.miniature {
	padding: 0 0 15px 0 ;
	margin: 0 0 0 5px;
}
a img.det {
	margin: 5px; 
	width: 60px; 
	height: 60px ;
}
a:hover img.det  {
}
/*
	Elements de la tete
*/
#tete a#page_accueil {
	position:absolute; 
	top: 0 ;	left: 0;
	font-size:1em;
	margin:0;
	padding-bottom:1px;

}
#tete ul#navbar{
	font-family: Arial, sans-serif ;/*Un style un peu plus espacé qu'Arial*/
	text-align:right;
}
#tete ul#navbar li {
	display:inline;
	margin: 0 10px 0 20px; 
}
#tete a:hover  {
}
#tete a#page_accueil img{
	padding-bottom:1px;
}
#tete a#page_accueil:hover img{
	border-bottom: 1px solid #aaa;
}
/*
	Elements du corps
*/
h1 {
	font-weight: normal ;
	font-size: 2em; 
	font-variant: small-caps;
	line-height:1em;
	padding-bottom:0.5em;
	color: #555;
}
g1 {
	font-weight: bold ;
	font-size: 1.5em; 
	line-height:1em;
	padding-bottom:0.5em;
	color: #555;
}
k1 {
	font-weight: bold ;
	font-size: 1.4em; 
	line-height:1em;
	padding-bottom:0.5em;
	color: #555;
}
/* Pages d'images **/
#corps.serie a:hover, #corps.galerie a:hover  { 
	text-decoration : none;
}
#corps a:hover span { 
	text-decoration : underline;
}
#corps.serie h1, #corps.galerie h1{
	text-align: left; 
	padding-left: 20px ;
}
#corps.oeuvre  h1{
	font-size:1em;
	font-variant: normal;
}
#corps li {
	float: left ;
}
/* Images */ 
.image {
	max-width: 650px; 
	/*height: 650px ;*/
}
#corps.serie a {
	float: left; 
	margin: 20px 15px 0 20px ;
	width: 120px; 
	height: 150px
}
.nom_serie {
 font-size: 1em; text-align: center
}
.icone_serie {
	width: 120px;
	height: 120px; 
	margin: 0px; 
	padding: 0px;
}
#corps.galerie a {
	float: left;
	margin: 20px 25px 10px 20px;
	width: 170px;
	height: 200px ;
}
span.nom_galerie {
	text-align: center ;
	display:block;
	padding:5px 0 0 0 ;
}
.icone_galerie {
	width: 170px;
	height: 170px ; 
}
#corps.contact, #corps.liens, #corps.presentation {
}
#corps.une_colonne {
	float:none;
	width:auto;
}
/*Style utilisé pour le moment uniquement pour la liste de liens */
#corps.une_colonne ul  {
	display:block;
	padding:1em;
}
#corps.une_colonne ul li {
	display:block;
	text-align:center;
	float:none;
	padding:0.5em;
	margin:0;
}
#corps.une_colonne ul li a{
}
#corps.contact img {
	padding:3em 0 2em 0 ;
}
/*
	Elements marieg
*/
.texte_titre {
	font-size: 1.2em;
	margin: 20px;
	color: #999999;
	text-align: center; 
	font-weight:bold;
}
.texte {
	font-size: 1em;
	margin: 20px;
	text-align: justify;
}
.texte2 {
	font-size: 1em;
	margin: 0px 0px 0px 100px;
	text-align: justify;
}
.citation {
	font-size: 1em; 
	margin: 10px 10px 10px 40px; 
	text-align: justify;
}
.citation2 {
	font-size: 1em; 
	margin: 0px 0px 0px 400px; 
	text-align: justify;
}
.citation3 {
	font-size: 1em; 
	margin: 0px 0px 0px 420px; 
	text-align: justify;
}
.citation4 {
	font-size: 1em; 
	margin: 0px 0px 0px 450px; 
	text-align: justify;
}
.date {
	font-size: 1em;
	margin: 10px 10px 10px 40px; 
	/*color: #666666;*/
	font-style : italic; 
	text-align: right;
}
.signature {
	font-size: 1em;
	margin: 10px 10px 10px 40px; 
	/*color: #666666;*/
	text-align: justify;
	text-align: right;
}
/*
	Page d'accueil
*/
body.accueil {
}
body.accueil #page {
	width:650px;
}
body.accueil #page {
	padding-top: 90px ;
	margin-top:50px;
}
body.accueil #page #tete{
	height:60px;
}
body.accueil  #navbar{
	position:absolute;
	right:5px;top:35px;
	font-size:1em;
}
body.accueil    #navbar a{
	margin:0 0 0 20px ;
	text-decoration:underline;
}
body.accueil    #navbar a:hover{
	color: #333;
}
body.accueil #page h1 {
	position:absolute;
	left:-2px;top:0;	line-height:1em;
	color: rgb(168,158,156) ;
}
/*
body.accueil #page #corps img {
	border-left: 200px solid #C2B8B6 ;
	border-right: 125px solid #C2B8B6 ;	
	border-top: 10px solid #C2B8B6 ;
	border-bottom: 10px solid #C2B8B6 ;
}
*/