/* FEUILLE de STYLE N°3 - Agroglyphes */
/* Pages de texte + page d'accueil */

/******************************************************/
/* Formats de TITRES et Textes... */
/******************************************************/

* {
	font-family: Arial, Helvetica, Sans-serif; }

span.reduct_90 {  /* Réduction 90% */
	font-size: 90%; }

span.reduct_80 {  /* Réduction 80% */
	font-size: 80%; }

span.agrand_110 {  /* Réduction 110% */
	font-size: 110%; }

span.agrand_120 {  /* Réduction 120% */
	font-size: 120%; }

span.normal {
	font-weight: normal; }

span.souligne {
	text-decoration: underline; }
	
h1 { /* Titre principal de la page */
	font-family: Verdana, Arial, Helvetica, Sans-serif; 
	font-size: 1.1em;
	letter-spacing: 0.1em;
	color: #956938;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0; }
	
h2 { /* Titre des sous-parties */
	font-family: Verdana, Arial, Helvetica, Sans-serif; 
	font-size: 1.05em;
	letter-spacing: 0.05em;
	color: #956938;
	font-weight: bold;
	text-align: left;
	margin-top: 35px;
	margin-bottom: 0;
	margin-left: 25px; }

p.sous_titre {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	font-style:italic;
	letter-spacing: 0.2em;
	color: #991223;
	padding: 0.3em; }
	
.serre_1 { /* On resserre un peu les rangs... */
	letter-spacing: 0em; }
	
.ecarte_1 { /* On écarte un peu les rangs... */
	letter-spacing: 0.05em; }

p.type_1 {
	font-size: 1em;
	line-height: 1.6em;
	padding-bottom: 0.5em; }

p.type_2 {
	font-size: 1em;
	line-height: 1.3em;
	padding-bottom: 0.5em;
	color: #4F3F22; }

p.type_2 a { 
	color: #5D852F;
	text-decoration: none; }

p.type_2 a:hover {
	text-decoration: underline; }

p.type_3 {
	font-size: 1em;
	line-height: 1.4em;
	color: #4F3F22; }

p.type_4 { /* Intro diaporama (photos, musique, durée) */
	font-size: 0.95em;
	padding-bottom: 0.5em;
	color: #4F3F22;
	letter-spacing: 0.05em; }

p.type_4 a { 
	color: #5D852F;
	text-decoration: none; }

p.type_4 a:hover {
	text-decoration: underline; }

p.type_5 { /* Intro page d'accueil */
	font-size: 1em;
	line-height: 1.5em;
	color: #4F3F22;
	letter-spacing: 0.1em; }

p.type_6 { /* Texte page d'accueil */
	font-size: 0.9em;
	line-height: 1.3em;
	color: #4F3F22;
	letter-spacing: 0.06em; }

p.type_7 { /* QUESTION page d'accueil */
	font-size: 1.2em;
	color: #BB0000;
	font-weight: 600;
	letter-spacing: 0.1em; }

p.type_7 a { 
	color: #BB0000;
	text-decoration: none; }

p.type_7 a:hover {
	color: #FF4A4A;
	text-decoration: none; }

p.type_8 { /* AUTEUR page d'accueil */
	font-size: 1em;
	line-height: 1.4em;
	color: #4F3F22;
	letter-spacing: 0.07em; }

p.type_9 { /* Les photographies sont de... (page d'accueil) */
	font-size: 0.95em;
	line-height: 1.5em;
	color: #4F3F22;
	padding-bottom: 6px;;
	letter-spacing: 0.06em; }

p.type_9 a { 
	color: #5D852F;
	text-decoration: underline; }

p.type_9 a:hover {
	text-decoration: none; }

p.type_10a { /* Avertissement (page d'accueil) et remarque (page "sens") */
	font-size: 0.95em;
	line-height: 1.4em;
	color: #BB0000;
	padding-bottom: 6px;;
	letter-spacing: 0.01em; }

p.type_10b { /* Avertissement (page d'accueil) */
	text-align: center;
	margin-top: 5px;
	font-size: 0.95em;
	line-height: 1.4em;
	color: #BB0000;
	font-style:italic;
	padding-bottom: 6px;;
	letter-spacing: 0.01em; }

p.retrait_1 {
	text-indent: 0.8em; }

p.retrait_2 {
	text-indent: 20px; }

.noir {
	color: #000000; }

p.marron_1 {
	color: #4F3F22; }

p.marron_2 {
	color: #956938; }

span.marron_3 {
	color: #886033; }

p.vert_1 {
	color: #39531E; }

span.vert_2 {
	color: #5D852F; }

p.copyright_1 { /* Images (c) Lucy Pringle..., sous les miniatures... */
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	padding-bottom: 8px;
	text-align: center; }

p.copyright_1 a { 
	color: #666666;
	text-decoration: none; }

p.copyright_1 a:hover {
	text-decoration: none;
	font-style: italic; }

p.type_2 span.photo { /* Liens vers les photos dans le texte... */
	color: #5C842E;
	font-weight: 400; }

p.type_2 span.photo a { 
	color: #5C842E;
	text-decoration: none; }

p.type_2 span.photo a:hover {
	text-decoration: none; }

p.type_2 span.photo span.photo_numero { /* Numéro des photos en lien... */
	font-weight: 600; }

p.type_2 span.photo span.photo_numero_manquante { /* Numéro des photos en lien si MANQUANTE... */
	color: #FB4D51;
	font-weight: 600; }

p.type_2 span.note { /* Petites NOTES... */
	color: #5C842E; 
	font-weight: normal;
	font-size: 75%;
	letter-spacing: 1px;
	position: relative;
  bottom: 3px;	 }

p.type_2 span.note a { 
	color: #5C842E;
	font-weight: 600;
	text-decoration: none; }

p.type_2 span.note a:hover {
	text-decoration: none; }

span.num_note { /* NOTES en bas de page... */
	color: #5C842E; 
	font-weight: 600;
	letter-spacing: 1px; }

span.num_note a { 
	color: #5C842E;
	text-decoration: none; }

span.num_note a:hover {
	text-decoration: underline; }

p.construction {
	font-size: 1.3em;
	letter-spacing: 0.1em;
	font-weight: 600;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #5D852F; }

/******************************************************/
/* Formats des PARAGRAPHES... */
/******************************************************/

div.para_gauche_1 {
	text-align: left;
	margin: 15px 20px; }

div.para_gauche_2 {
	text-align: left;
	margin: 0; }

div.para_justif_1 {
	text-align: justify;
	margin: 0; }

div.para_justif_2 {
	text-align: justify;
	margin: 15px 20px; }

div.para_centre_1 {
	text-align: center;
	margin: 15px 60px 15px 30px; }

div.para_centre_2 {
	text-align: center;
	margin: 0 0 20px 0; }

div.para_centre_3 {
	text-align: center;
	margin: 40px 50px 20px 50px; }

div.para_centre_4 {
	text-align: center;
	margin: 30px 20px 30px 20px; }

div.para_centre_construction {
	text-align: center;
	margin: 15px 50px 15px 50px; }

div.cadre_1 {
	margin: 10px 0 20px 0;
	padding: 0;
	background-color: #CDD97F; }

div.sous_cadre_1 {
	padding: 15px 20px 10px 20px; }

div.cadre_2 {  /* Références biblio... */
	margin: 40px 0 15px 0;
	padding: 0;
	background-color: #E4CC94; }

div.cadre_3 {  /* En page d'ACCUEIL... */
	margin: 20px 40px 20px 40px;
	padding: 0;
	background-color: #C1D96A; }

div.sous_cadre_3 {
	text-align: center;
	padding: 15px 20px 15px 20px; }

div.cadre_4 {  /* Crédits photos (page d'accueil)... */
	margin: 30px 100px 20px 100px;
	padding: 0;
	background-color: #E4CC94; }

div.sous_cadre_4 {
	text-align: left;
	padding: 15px 20px 10px 20px; }

div.cadre_5 {  /* Webmaster (page d'accueil)... */
	margin: 30px 200px 30px 200px;
	padding: 0;
	background-color: #DAD995; }

div.sous_cadre_5 {
	text-align: center;
	padding: 10px 20px 10px 20px; }

div.cadre_6 {  /* Avertissement (page d'accueil)... et remarque (page "sens") */
	margin: 30px 20px 20px 20px;
	padding: 0;
	background-color: #F5EDD8; }

div.sous_cadre_6 {
	text-align: justify;
	padding: 15px 20px 10px 20px; }
	
img.angle_a {
	float: left; }
	
img.angle_b {
	float: right; }
	
img.angle_d {
	float: left;
	position: relative;
	bottom: 10px; }
	
img.angle_c {
	float: right;
	position: relative;
	bottom: 10px; }

/******************************************************/
/* Formats de IMAGES... */
/******************************************************/

div.image_droite {
	float: right;
	margin: 5px 0 0px 20px; }

div.image_droite_2 {  /* Photo de l'auteur... */
	float: right;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px; }  /* Ne marche pas sour IE si défini en "margin"... */

div.image_gauche {
	float: left;
	margin: 3px 15px 0px 0; }

div.image_gauche_2 {  /* Avertissement, en page d'accueil */
	float: left;
	margin: 3px 15px 0px 0; }

div.image_centre {
	text-align: center;
	margin: 0 0 10px 0; }

div.saut {  /* Pour que le paragraphe suivant passe sous les images flottantes... */
	clear: both; }

table.images {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px; }

table.images td {
	vertical-align: top;
	text-align: center; }

table.images td.double {
	padding: 15px; }

table.images td.triple {
	padding: 10px; }

table.images td.quadruple {
	padding: 5px; }
	
/******************************************************/
/* Téléchargement des logiciels... */
/******************************************************/

.download_logiciel { /* Télécharger Acrobat, VLC... */
	color: #999999;
	font-size: 0.8em;
	font-style: italic;
	padding: 0.5em;
	text-align: center; }

.download_logiciel a { /* Télécharger Acrobat... */
	text-decoration: underline;
	color: #336699; }

.download_logiciel a:hover { /* Télécharger Acrobat... */
	text-decoration: none; }

a.download_logiciel_bouton { /* Télécharger Acrobat : bouton... */
	text-decoration: none;
	display: block;
	width: 88px;
	height: 31px;
	margin: auto;
	text-align: center; }

	
/******************************************************/
/* Script pour les petites NOTES... */
/******************************************************/

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #E8EDC5;
	visibility: hidden;
	z-index: 100;
	font-size: 12px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden; }
	
/******************************************************/
/* Sommaire... */
/******************************************************/

div.sommaire {
	margin: 20px 50px 30px 50px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #5D852F;
	text-align: left;
	vertical-align: middle;
	font-size: 1em; }

.sommaire p {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px; }

.sommaire p.titre {
	text-align: center;
	border-top: 1px solid #D8B665; }

.sommaire p.ligne1 {
	padding-left: 20px;
	font-size: 90%;
	background-color: #DCBD76;
	font-weight: 600;
	letter-spacing: 0em; }

.sommaire p.ligne2 {
	padding-left: 40px;
	font-size: 90%;
	background-color: #E4CC94;
	font-weight: 300;
	letter-spacing: 0em;  }

.sommaire p.ligne3 {
	padding-left: 20px;
	font-size: 90%;
	background-color: #DEC487;
	font-weight: 600;
	letter-spacing: 0em; }

.sommaire p.ligne4 {
	padding-left: 60px;
	font-size: 90%;
	background-color: #E9D3A3;
	font-weight: 200;
	letter-spacing: 0em; }

.sommaire p a {
	text-decoration: none;
	color: #74522C; }

.sommaire p a:hover {
	color: #5D852F; }

.sommaire p span.valeur {
	font-weight: 600;
	letter-spacing: 0.2em; }

.sommaire p span.sous {
	color: #888888;
	font-size: 75% ;
	font-style: italic;
	letter-spacing: 0.05em; }

	
/******************************************************/
/* Page d'ACCUEIL... */
/******************************************************/

div#banniere_multi {
	display: block; }

div#carousel {
	display: block;
	position: relative;
	width: 626px; /* Largeur définie nécessaire pour centrage sous FF */
	height: 122px;
	margin: auto; /* Pour centrage FF */
	margin-bottom: 5px;
	margin-top: 20px;
	padding: 0; }

div#mini_photo {
	float: left;
	margin: 5px 40px 5px 20px; }
	
div.cache {
	display: none; }

p.webmaster { /* Réalisation du site */
	color: #4F3F22; 
	font-size: 0.8em;
	letter-spacing: 0.05em; }

p.webmaster a { 
	color: #5D852F;
	text-decoration: none; }

p.webmaster a:hover { 
	color: #79AD3F;
	text-decoration: none; }

p.webmaster span.adresse a { 
	color: #4F3F22;
	text-decoration: none; }

p.webmaster span.adresse a:hover { 
	color: #825B31;
	text-decoration: none; }

/******************************************************/

img.signature {
	margin: 5px 0 5px 0;
	padding: 0 0 0 300px; }  /* Ne marche pas sour IE si défini en "margin"... */
	
.drapeaux {  /* Sur l'ensemble des pages, au-dessus du menu principal... */
	text-align: center;
	margin-bottom: 15px; }
	
/***************************************/
/* Page d'INTRO (choix des langues)...
/***************************************/

div.choix_langue {
	/*border: solid 1px #0033FF;*/
	margin-top: 40px;
	margin-bottom: 50px; }

div.cadre_langue {
	/*border: solid 1px #33FF33;*/
	margin: 20px 280px 20px 280px;
	padding: 0;
	background-color: #E4CC94; }

div.sous_cadre_langue {
	/*border: solid 1px #FF6600;*/
	text-align: center; 
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 6px; }

.sous_cadre_langue table {
	/*border: solid 1px #990066;*/
	width: 100%; }
	
.sous_cadre_langue table td.drapeau {
	width: 150px;
	padding: 2px;
	text-align: center;
	vertical-align: middle; }

.sous_cadre_langue table td.version {
	padding: 2px 10px; 
	text-align: left; 
	vertical-align: middle; }
	
.sous_cadre_langue table .version a {
	text-decoration: none;
	color: #BC4830;
	font-size: 1.2em;
	letter-spacing: 0.12em;
	font-weight: 300;
	font-style: italic; }
	
.sous_cadre_langue table .version a:hover {
	color: #5D852F;
	text-decoration: underline; }