body { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; text-align: left; color: #000; text-decoration: none; background-image: none; margin: 0; padding: 0; }
div { border: 0px solid #000; margin: 0; padding: 0;}

/* body */
#medieval { background-color: #af0; }	/* mediéval - vert */
#histoire { background-color: #d3bbff; }	/* histoire - bleu violet */
#cuisine { background-color: #fc3; }	/* cuisine - orange */
#assoc { background-color: #eed; }	/* divers - gris */
#mots { background-color: #fff; }	/* pop-up mots - blanc */

/* ----------------------------- STRUCTURE ----------------------------- */
#cadre, #gauche, #centre, #logo, #access, #lang { position: absolute; visibility: visible; border: 0px solid #000; }
#cadre { z-index: 1;}
#gauche, #centre, #logo, #access { z-index: 2; }
#page, #bas { position: relative; visibility: visible; border: 0px solid #000; z-index: 3; }
#lang { z-index: 4;}

#cadre { left: 5px; top: 5px; width: 920px; height: 80px; }
#logo { left: 240px; top: 0px; width: 362px; height: 61px; padding: 2px; background-color: #fff; }
#gauche { left: 0px; top: 80px; width: 200px; padding: 10px; }
#centre { left: 220px; top: 77px; width: 700px; }
#page { left: 0px; top: 0px; width: 660px; min-height: 400px; padding: 20px; background-color: #fff; }
#bas { left: 480px; top: 0px; width: 170px; height: 30px; padding: 5px; }
#access { left: 654px; top: 7px; width: 260px; font-size: 12px; text-align: right; }
#lang { left: 638px; top: 20px; width: 40px; height: 25px; text-align: right; } /* drapeau langue : fr -> en ou : en, it -> fr */

h1, h2, h3, h4 { font-weight: bold; padding: 0; }
h1 { font-size: 20px; margin: 0 0 0.6em 0; }
h1.st { font-size: 20px; margin: 0; } /* avant sous-titre ou lettrine */
h1.c { font-size: 24px; font-weight: normal; text-align: center; }
h2 { font-size: 18px; margin: 0 0 0.5em 0; } /* sous titre - auteur */
h2.let { font-size: 18px; margin: 0; } /* avant lettrine */
h2.c { font-size: 18px; text-align: center; }
h2.c1 { font-size: 18px; text-align: center; margin: 1em 0 1em 0; }
h3 { font-size: 18px; margin: 0 0 0.4em 0; text-align: center; }
h3.let { font-size: 18px; text-align: center; margin: 0; } /* avant lettrine */
h4 { font-size: 16px; margin: 0 0 0.3em 0; }

p { font-size: 18px; margin: 0 0 0.7em 0; padding: 0; }
p.d { text-align: right; }
	/* rubriques gastronomie médiévale et repères historiques */
p.c { text-align: center; }
#prehisto p.c, p.let { margin: 0;} /* avant lettrine */
	/* texte recette  */
p.v { font-size: 16px; color: #260; } /* texte médiéval en fr = vert */
p.b { font-size: 16px; color: #206; } /* autre texte historique en fr = bleu */
p.o { font-size: 16px; color: #620; } /* recette cuisine = orange */
#recettes p.o { font-size: 18px; }
	/* img + légende ou texte plus petit */
p.img, p.imc, p.imd { font-size: 16px; }
p.imc { text-align: center; }
p.imd { text-align: right; }
	/* avant lettrine */
p.imglet, p.imclet, p.imdlet { font-size: 16px; margin: 0; }
p.imclet { text-align: center; }
p.imdlet { text-align: right; }
	/* retour haut de page */
#page p.haut { font-size: 17px; text-align: center; margin: 1em 0 0 0 ; }

a { font-weight: normal; text-decoration: none; }
a.gras { font-weight: bold; }
a:link { color: #309; } /* lavande */
a:visited { color: #740; } /* brun */
a:hover { color: #97b; } /* lavande clair*/
a:active { color: #97b; } 
a.lien:link { color: #309; } /* lavande */
a.lien:visited { color: #309; }
a.lien:hover { color: #97b; }
a.lien:active { color: #97b; }

/* ---------------------------- PAGE ---------------------------- */
	/* zone images + texte = identifiant multiple, simple div de style */
#image p { font-size: 16px; }
	/* images */
div.imac, div.imag, div.imad { border: 0px solid #000; margin: 0; padding: 0; background-color: #fff; visibility: visible;}
div.imac { text-align: center; } /* image centrée */
div.imag { margin: 0 70px 0 0; } /* image à gauche */
div.imag img { float:left; margin: 0 10px 10px 0; padding: 0; }
div.imad { margin: 0 0 0 70px; } /* image à droite */ 
div.imad img { float:right; margin: 0 0 10px 10px; padding: 0; }
	/* listes */
ul, ol, li { margin: 0; padding: 0; } li { background: none; list-style-type: none; }
#page ul, #page ol { margin: 0 0 1em 2em; }
#mots ul { margin: 1em 0 1em 1em; }
#page li, #mots li { margin: 0 0 0.5em 0; padding-left: 0.9em; font-size: 18px; }
#page ul li { background: transparent url(i/ca.gif) no-repeat 0 0.6em; } /* carrés gris */
#page ol li { background: none; list-style-type: decimal; margin: 0 0 0.4em 0; padding: 0; }
#medieval ul li, #medieval li li { background: transparent url(i/cav.gif) no-repeat 0 0.6em; }	/* médiéval en vert */
#mots ul li { background: transparent url(i/cav.gif) no-repeat 0 0.6em; font-size: 16px; }	/* médiéval en vert */
#histoire ul li, #histoire li li { background: transparent url(i/cab.gif) no-repeat 0 0.6em; }	/* histoire en bleu */
#cuisine ul li { background: transparent url(i/cao.gif) no-repeat 0 0.6em; }	/* cuisine en orange */
#page li.o { background: transparent url(i/cao.gif) no-repeat 0 0.6em; font-size: 16px; }
#list ul li  { font-size: 16px; }
#page ul ul, #page ol ul { margin: 0.3em 0 0.3em 0.9em; padding: 0; }
#page li li { margin: 0 0 0.3em 0; padding: 0; background: none; list-style-type: circle; }
#page ul.let { margin: 0 0 0 2em; } /* avant lettrine */
	/* recettes concours */
#concours ul { margin: 0.4em 0 0 0.2em; } #concours li { margin: 0 0 0.6em 0; }
	/* partenaires concours - bilan */
#cuis li.op { padding-left: 1.1em; background: transparent url(i/cao.gif) no-repeat 0 0.6em; font-size: 16px; }
	/* lettrines */
span { color: #885; font-size: 57px; }	/* divers - gris */
span.lgp { color: #885; font-size: 40px; }	/* manuscrit Chiquart */
span.petit { font-size: 16px; }	/* liste Chiquart */
#medieval span { color: #380; font-size: 57px; }	/* médiéval - vert */
#histoire span { color: #70d; font-size: 57px; }	/* histoire - bleu violet */
#cuisine span { color: #950; font-size: 57px; }	/* cuisine - orange c80*/

/* --------------------------- GAUCHE ---------------------------- */
#gauche h4, #gauche p { text-align: center; }
#gauche h4 { font-size: 16px; font-weight: normal; }
#gauche p { font-size: 15px; margin: 0.7em 0 0.9em 0; }
#gauche ul, #gauche ol { margin: 0; padding: 0; list-style: none; }
#gauche ul li, #gauche ol li { margin: 0 0 0.3em 0;  padding: 0; font-size: 15px; text-align: center; background: none; }
#gauche ol li { list-style-type: decimal; }
	/* fond coloré : visités = lien = bleu sombre */
#gauche a { font-weight: bold; }
#gauche a:link { color: #005; } /* lavande */
#gauche a:visited { color: #005; }
#gauche a:hover { color: #996;  } /* gris */
#gauche a:active { color: #996; }

/* --------------------------- BAS ---------------------------- */
	/* copyright à droite */
#bas p { font-family: "Times new roman", Times, "Book antiqua", "Century schoolbook", serif; font-size: 16px; text-align: right; margin: 0; }

/* --------------------------- ACCESS et LOGO ---------------------------- */
#access a, #logo a { font-size: 12px; }
	/* chiquart */
h1.b { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #006677; text-align: left; margin-top: 0; margin-bottom: 0; }