/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes pour gerard trignac  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #000;
	font-size: 1em;
	color: #888;
	margin: 0; padding: 0; border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: center; }
h1 { font-size: 2.3em; font-family: Times; height: 35px; border-top: 1px solid black; border-bottom: 1px solid black; font-style: italic; }
/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { color: white; }
a:hover { text-decoration: overline underline; }

/* position des blocs page d'accueil du site */

#principal { background-image: url(./images/fondacc.jpg);	width: 1152px; height: 922px; margin: auto; }
	body.galerie #principal { background-image: url(./images/fond2cm.jpg); }
	body.gravure #principal { background-image: url(./images/fondgrav.jpg); }
	body.illu #principal { background-image: url(./images/fondillu.jpg); }
	body.doc #principal { background-image: url(./images/fond2m.jpg); text-align: center; }
#text-haut { width: 1148px; height: 20px; position: absolute; padding: 2px; text-align: center; }
	#text-haut p { margin: 0; padding: 0; }
#text-left { width: 218px; height: 858px; position: absolute;
			margin-top: 24px; margin-left: 0; padding: 10px; text-align: center; }
#text-cent { width: 658px; height: 858px; position: absolute; /* border: 1px solid black; */ color: black;
			margin-top: 24px; margin-left: 238px; padding: 10px; }
	#text-cent h1 { /* border: 1px solid black; */ padding: 2px; margin: 0;}
	#text-cent #ztext { height: 245px; /* border: 1px solid black; */ margin: 5px; padding: 0; color: white; }
	#text-cent #ztext p.spip { font-weight: bold; background-image: url(./images/pf.png); }
	#text-cent #imgm { position: absolute; width: 255px; height: 256px; text-align: center;
					padding: 4px 0 0 0; margin: 0; background-color: #3D3C38; margin-left: 217px; margin-top: 27px; }
	#text-cent #menu { position: absolute; width: 230px; height: 473px; top: 300px; left: 7px;
					padding: 0; margin: 0; }

		#text-cent #menu a.men1 { display: block; width: 100%; height: 40px; margin: 0; padding: 0; /* border: 1px solid black; */   }
		#text-cent #menu a.men2 { display: block; width: 100%; height: 40px; margin: 0; padding: 0; /* border: 1px solid green; */ }
		#text-cent #menu a.men1 span, #text-cent #menu a.men2 span { display: none }
		#text-cent #menu a#r4 { margin-top: 40px; }
		#text-cent #menu a#r1 { margin-top: 68px; }
		#text-cent #menu a#a1 { margin-top: 98px; }
		#text-cent #menu a#i1 { margin-top: 218px; }
		#text-cent #menu a#r7 { height: 53px; }
	#text-cent div#ariane { padding: 0 0 5px 0; margin: 0 0 3px 0; font-size: 85%; font-style: italic; border-bottom: 1px solid white; }
	#text-cent p.art {text-align: center; }
	div#detdoc { width: 66%; margin: auto; color: black; background-image: url(./images/pf.png); }
	#text-cent div#navgal { position: absolute; width: 114px; height: 36px; top: 792px; left: 509px; padding:0; }
	#text-cent div#navgal a#prec { display: block; float: left; width: 46px; height: 36px; margin: 0; padding: 0; }
	#text-cent div#navgal a#prec:hover { background-image: url(./images/flgam.jpg); }
	#text-cent div#navgal a#suiv { display: block; float: right; width: 46px; height: 36px; margin: 0; padding: 0; }
	#text-cent div#navgal a#suiv:hover { background-image: url(./images/fldrm.jpg); }
	#text-cent div#navgal a#suiv span, #text-cent div#navgal a#prec span { display: none; margin: 0; padding: 0; }
#text-right { width: 218px; height: 858px; position: absolute; text-align: center;
			margin-top: 24px; margin-left: 916px; padding: 10px; }
	#text-right img, #text-left img { margin: 2px; }
#text-pp { width: 1150px; height: 20px; padding: 1px; 
			position: absolute; margin-top: 900px; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }