* { margin: 0; padding: 0;}
* html a:hover { visibility: visible }
body { background-color: #c00000; color: #fff; font-family: tahoma, arial, sans serif; font-size: 10pt; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { color: #830000; font-size: 11pt; }
a { color: #fff; }
img { border: 0; }

/* cadre principal */
div#cadre { width: 800px; margin: 0 auto;}

/* colonne de gauche */
div#gauche { float: left; width: 198px; }

div#logo { width: 100%; background-color: #830000; height:109px; }
div#logo img { margin: 4px 0 5px 22px; width: 125px; height: 97px; }
img#decoration-medievale { display: block; width: 195px; height: 41px;}
img#espace-medieval { width: 28px; height: 317px; }
img#logo-monuments-historiques { width: 80px; margin: 10px 0 0 40px; }

/* colonne de droite */
div#droite { float: left; width: 601px; margin-left:-7px; background-color: #ca6; background-image: url(../images/bord-parchemin.gif); background-repeat: no-repeat; }

/* bande foncée */
div#bande-droite { width: 594px; height: 109px; margin-left: 7px; background-color: #8D7548; }

/* texte tout en haut à droite */
p#accroche { margin: 4px 0 5px 15px; font-style: italic; font-weight: bold; }

/* menu principal */
ul#menu { margin: 6px 0 0 10px; height: 20px; width: 580px; background-image: url(../images/menu-fond.jpg); background-repeat: no-repeat; }
ul#menu li { float: left; list-style-type: none; margin: 0 10px 0 0; }
ul#menu a { line-height: 18px; display: block; text-decoration: none; color: #CFAC6A; font-size: 10pt; font-weight: normal; }
ul#menu a span { line-height: 38px; border: solid 0px red; }
ul#menu a img { float: left; margin-right: 2px;}
ul#menu a:hover { color: #fff; }
ul#menu a:hover img { visibility: hidden; }
.menu-item { background-repeat: no-repeat; }

/* menu du bas */
div#menubas a { width: 100%;  text-decoration: none; font-size: 7pt; color: #c00000; text-align: center;}
div#menubas a:hover { color: #fff; }

/* copyright */
div#copyright { font-size: 7pt; }
div#copyright a { text-decoration: none; color: #c00000;}
div#copyright a:hover { color: #fff; }

/* bordure parchemin */
img#bas-parchemin { margin-left: -15px; }

.lettrine { float: left; margin: 5px 5px 0 0; }
.ecusson { margin: 0 10px; height: 39px;}
.langue{ margin: 0 3px; height: 39px;}