/******* dernière mise à jour 27.10.08  *********/

body
{
margin: 0 ;
padding: 0 ;
font-family: "Trebuchet MS", Arial, sans-serif ;
margin-top: 10px ; /* 20 à la base mais 10 depuis la barre des langues */
margin-bottom: 20px ;
background-image: url("../data_graphisme/motif_fond.png") ; /* ne pas oublier le ../ */
/* background-color: green ; */
}

#barre_langues
{
position: relative ;
width: 750px ;
margin: 0 auto ;
/* border: 1px solid red ; */
text-align: left ;
color: #EEE8CB ;
font-size: 12px ;
}

#conteneur
{
position: relative ;
width: 750px ;
margin: 0 auto ;
border: 3px solid #67698A ;
/* background-color: yellow ;  present pour verifier quelle zone couvre conteneur*/ 
}

#en_tete_1
{
height: 260px ;
background-image: url("../data_graphisme/en_tete_1.png") ;
}

#menu
{
height: 30px ;
background-color: green ;
margin-top: 5px ;
}

#en_tete_2
{
height: 105px ;
background-image: url("../data_graphisme/en_tete_2.png") ;
}

#corps_accueil,
#corps_biographie,
#corps_galerie,
#corps_bibliographie,
#corps_contact
{
margin-right: 100px ;
background-color: #EEE8CB ;
padding: 50px 50px 50px 50px ;
}

/*****************paragraphes titres et images de corps *******/

#corps_accueil p,
#corps_biographie p,
#corps_galerie p,
#corps_bibliographie p,
#corps_contact p
{
color: #00007B ;
font-size: 14px ;
text-align: justify ;
text-indent: 50px ;
line-height: 1.3em ;
/* margin: 0 ; */
}

#corps_accueil h2,
#corps_biographie h2,
#corps_galerie h2,
#corps_bibliographie h2,
#corps_contact h2
{
font-size: 20px ;
margin-top: 0px ;
border-bottom: 1px solid #B15E05 ;
text-align: left ;
}

#corps_accueil h1,
#corps_biographie h1,
#corps_galerie h1,
#corps_bibliographie h1,
#corps_contact h1
{
background-image: url("../data_graphisme/bouton_KA.png") ;
background-repeat: no-repeat ;
font-size: 25px ;
margin-top: 0px ; 
padding-left: 40px ;
border-bottom: 2px solid #B15E05;
text-align: left ;
/* line-height: 30px; */
}

.citation
{
font-style: italic ; /* deconne sous IE6 marche sous Ffox */
margin-left: 80px ;
font-size: 13px ;
}

.citation_margo
{
font-style: italic ;
}

#corps_accueil,
#corps_biographie,
#corps_galerie,
#corps_bibliographie,
#corps_contact p.signature
{
font-size: 16px ;
color: #000000 ;
text-indent: 0px ;
text-align: right ;
}

.image_flottante_droite
{
float: right ;
margin-left: 20px ; /* marge pour ne pas coller au texte */
margin-top: 5px ;
margin-right: 0px ;
margin-bottom: 10px ;
}

.image_flottante_gauche
{
float: left ;
margin-right: 20px ; /* marge pour ne pas coller au texte */
margin-top: 5px ;
margin-left: 0px;
margin-bottom: 10px;
}

/********** LISTES de la BIBLIOGRAPHIE************/

ul
{
font-size: 14px ;
color: #00007B ;
list-style-type: square ;
text-align: justify ;
margin-bottom: 25px ;
/* border: 1px solid yellow ; */ /* très pratique pour tester la mise en page et les espaces */
}

li
{
margin-bottom: 5px ;
}

h3
{
text-align: left ;
font-size: 15px ;
}

.titre_biblio
{
color: #B15E05 ;
}

/**************fin paragraphes titres et images de corps ****************/


/************** COLONNES DROITES sous Ffox *********************/
#col_droite_accueil, 
#col_droite_biographie, 
#col_droite_galerie, 
#col_droite_bibliographie,
#col_droite_contact
{
position: absolute ;
right: 0 ;
width: 100px ;
background-image: url("../data_graphisme/col_droite.png") ;
}


/*vignettes dans colonnes*/
.image_incrust_1
{
	/* position et l'origine sont en rapport avec son superieur hierarchique dans le flux #col_droite */
	position: absolute ;
	top: 210px ;
	left: -12px ;
	/* utiliser ttes les coordonnées étire l'image */
	border: 2px solid black ;
	padding-top: 2px ;
	padding-right: 2px ;
	padding-bottom: 2px ;
	padding-left: 2px ;
}

.image_incrust_2
{
	position: absolute ;
	top: 650px ;
	left: -12px ;
	border: 2px solid black ;
	padding-top: 2px ;
	padding-right: 2px ;
	padding-bottom: 2px ;
	padding-left: 2px ;
}

/********************fin COLONNES DROITES*****************/

#pied_de_page
{
height: 20px ;
background-color: #C2AE87 ;
margin-top: 5px ;
font-size: 12px ;
text-align: right ;
padding-right: 20px ;
}

#sous_pied
{
width: 100% ;
text-align: center ;
}

.mini_menu
{
font-size: 12px ;
color: #EEE8CB ;
}

/*************MENU***************/
#menu {}

#navigation
{
height: 30px ;
background-color: #67698A ;
list-style: none ;
margin: 0 ;
padding: 0 ;
text-align: center ;	
}

#navigation li
{
display: inline ;
/* affichage de la liste en ligne -> transforme ma balise li de type block en type inline */
background: #67698A ;
color: yellow ;
/* border: 1px solid #600 ; */
/*margin-bottom: 0px ; */
line-height: 30px ; 
}

#navigation li a
{
background: #67698A ;
color: #EEE8CB ; /* couleur des liens */
/* border: 1px solid #600 ; */ /* contour des liens */
font-size: 16px ;
/*line-height: 1em ;*/
text-align: center ;
text-decoration: none ;
padding: 0 25px ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active
{
color: #FF7600 ;
background: #00007B ;
text-decoration: none ;
}
/*********** fin MENU **************/
a
{
color: #B15E05 ;
text-decoration: none ;
}

a:hover , a:focus, a:active
{
color: #C2AE87 ;
font-weight: bold ; 
}

/********* TABLEAUX GALERIE ***********/
#vignettes table
{
margin: auto ; /* tableau centré */
border-collapse: separate;
width: 100% ;
border-spacing: 25px ;
}

#vignettes td
{
/* border: 1px solid black; */
text-align: center ;
vertical-align: center ;
}

#galerie_tableaux
{
}

#galerie_tableaux p
{
text-indent: 0 ;
text-align: center ;
margin-top: 100px ;
}