/* balise génériques */

html, body { margin: 0; padding: 0; }
body { background: #330000 url(../imgs/fond-page2.jpg) repeat-y center top; font-family: Arial, Helvetica, sans-serif; color: #F0F0F0; font-size: 80%; }
a img { border: none; }

/* conteneurs logiques de la page */
#conteneur { display: block; margin: 0 auto; width: 772px; }
#bandeau { display: block; overflow: hidden; margin: 0 auto; width: 772px; height: 220px; background: transparent url(../imgs/bandeau2.png) no-repeat center top; }
#logo { display: block; width: 138px; height: 199px; float: left; margin-left: 36px; }
#menu { display: block; width: 141px; margin-left: 22px; margin-top: 0; float: left; padding: 0; }
#contenu { display: block; width: 529px; margin-left: 201px; margin-top: 0; padding: 0; }

/* éléments conditionnés aux conteneurs */
#bandeau p.mentions { text-align: right; margin: 0px 30px 11px; }
#bandeau h1 { margin: 138px 36px 0px 201px; font-size: 24px; text-align: left; padding-top: 0px; color: #FF9933 }
#bandeau h1 span { display: block; margin: 0; font-size: 14px; }
#contenu h2 { margin: 0px; font-size: 16px; text-align: left; padding: 0px; color: #FF9933 }
#menu ul.options { margin: 0; padding: 0; display: inline; list-style-type: none; }
#menu ul.options li { margin: 0; padding: 0; display: inline; }
#menu ul.options li img { display: block; margin: 0; padding: 0; }

/* classes d'usage général */
.centre { text-align: center; }
p.last { padding-bottom: 2em; }
.flotgauche { float: left; }
.flotdroit { float: right; }
div.exergue { padding: 10px; /*border: solid 1px #CC0000;*/ background: #660000 url(../imgs/fond_exergue.png) no-repeat top right; }
div.exergue p { margin: 6px 0px; padding: 0; }
.couleurexergue { color: #FFCC00; }
.couleurnorm { color: white; }
li.couleurplus { list-style-type: none; }
li.couleurplus em { color: #FF9933; }

/* comportement des liens */
a.navig:link, a.navig { color: #F0F0F0; text-decoration: none; }
a.navig:hover { color: #FFF; border-bottom: solid 2px #FFF; }
a.corps:link, a.corps { color: #FFF; text-decoration: underline; }
a.corps:hover { color: #FFCC99; text-decoration: none; }

/* elements du formulaire  */

form { display: block; margin: 2em auto; width: 528px }
label { margin-top: 6px; color: #900; display: block; float: right; width: 30%; border-right: solid 6px #900 }
fieldset>label { margin-top: 0px; color: #FFCC33; display: block; float: right; width: 30%; border-right: solid 6px #FFCC33 }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; width: 60%; margin: 0.4em; border: inset 1px #fff; background-color: #fafafa; padding: 2px 4px }
fieldset { margin: 0.4em 2%; padding: 1%; border: solid 1px #FF9933; }
fieldset legend { color: #FFCC33; font-weight: bold }
select { margin-left: 16px }
fieldset>select { margin-left: 0.4em }
acronym:hover { cursor: help }
option.fd { background-color: #efefef }
input.bouton { font-size: 11px; border: outset 1px #FFCC33; background-color: #FFCC33; color: #660000; margin: 0% 18% }