body {position: relative; margin: 0; padding: 0; font: normal normal normal 1em/1.2 "Trebuchet MS", sans-serif; color: #0000FF;}
	 
div#btns {position: absolute; width: 50px; right: 0; z-index: 10;}
	div#btns a {display: block; float: right; width: 50px; height: 50px; margin: 0 0 5px 0;}
		a#index {background: url(btn-index-off.png);}			
		a#index:hover {background: url(btn-index-on.png);}
		a#message {background: url(btn-message-off.png);}			
		a#message:hover {background: url(btn-message-on.png);}
div#feedback {position: absolute; width: 300px; right: 0; z-index: 9;}
	div#feedback object {display: block; float: right; width: 300px; height: 200px; margin: 0;}
	div#feedback object embed {display: block; float: right; width: 300px; height: 200px; margin: 0;}

div#message {position: absolute; visibility: hidden; z-index: 100; width: 300px; padding: 5px; background: #6600FF; font-size: 0.75em; line-height: 1; color: #FFFFFF; font-weight: bold;}
div#message .titre {font-variant: small-caps; text-decoration: underline; letter-spacing: 2px; margin: 0 0 4px 0;}

div#entrelacs {position: absolute; top: 75px; width: 100%; height: 36px; background: url(bkg-motif.png) repeat-x left;}

div#entete {position: relative; top: 0px; width: 100%; height: 250px; background: url(bkg-chapiteau.png) no-repeat left; text-align: right; margin: 0; padding: 0;}

div#corps {position: relative; background: url(bkg-fut.png) repeat-y left; text-align: right; z-index: 0;}
td#basis {padding: 0 0 0 10px; margin: 0 0 10px 0; vertical-align: top; text-align: left; font-size: 1.5em; font-variant: small-caps;}
td#dmaj {padding: 0 0 0 10px; margin: 0 0 10px 0; vertical-align: middle; text-align: center; color:#6600FF; font-style: italic; font-weight: bold; line-height: 1em;}
td#motsclefs {padding: 0 0 0 10px; margin: 0 0 10px 0; vertical-align: top; text-align: left; font-size: 1.2em; font-variant: small-caps;}

div#pied {position: relative; height: 260px; background: url(bkg-piedestal.png) no-repeat left; text-align: right;}

.note {font-size: 0.75em;}
blockquote {font-style: italic; margin: 0 40px 2em 40px;}
div.bloc {display: block; float: right; margin: 0 0 10px 10px; width: 300px; font-size: 0.75em;}
div.intro {color:#6600FF; font-style: italic; font-weight: bold; margin: 50px 0 40px 0;}
	div.intro p.section {font-size: 1.5em; letter-spacing: 2px; border-bottom: 1px solid; margin: 0 0 10px 0;}
	div.intro span.lettrine {float: left; font-size: 3em; line-height: 0.8em; margin-right: 5px;}	
div.panel {position: relative; text-align: left; width: 750px; margin: 0 50px 0 auto; padding: 0;}
div.question {border: 2px solid #6600FF; margin: 30px 0 30px 0; padding: 5px; font-size: 0.75em; background: #E8E8FF;}
div.question .reponse {margin: 0 60px 4px 60px;}
em {font-weight: bold; font-style: normal;}
img {border: 0;}
img.humour {padding: 0; margin: 0 10px 20px 10px; border: 3px double #000000;}
h1 {color: #6600FF; text-align: center; font-size: 3em; line-height: 1em; margin: 10px 0 40px 0; padding: 10px; border-top: 2px solid; border-bottom: 2px solid; }
h2 {color: #C600FF; text-align: right; font-size: 1.75em; line-height: 1em; margin: 75px 0 40px 0; padding: 3px; border-bottom: 3px double;}
h3 {color: #A600FF; text-align: right; font-size: 1.5em; line-height: 1em; margin: 40px 0 30px 0; padding: 2px; border-bottom: 1px solid;}
h4 {color: #8600FF; font-size: 1.25em; line-height: 1em; margin: 30px 0 20px 0; padding: 1px; border-bottom: 1px solid;}
h5 {color: #6600FF; font-size: 1em; line-height: 1em; margin: 30px 0 10px 0; padding: 0px; border-bottom: 1px dashed;}
p {margin: 0 0 1em 0;}
p.lien {background: #DDFFDD; padding: 5px;}
p.mentions {font-size: 0.75em; line-height: 1em;}
p.notice {font-style: italic;}
p.rem {color: #6600FF; background: #F5ECFF; padding: 5px;}
p.ref {margin: 0 0 20px 0; font-size: 1.5em;}
p.tention {background: #FFDDDD; color: #FF0000; padding: 5px;}
span.key {color: #FF00FF; font-weight: bold; font-variant: small-caps;}
span.bulle {text-decoration: underline; cursor: pointer;}
object {display: block; float: left; margin: 0 0 30px 5px;}
object embed {display: block; float: left; margin: 0 0 30px 5px;} /* Opera */
table {border-collapse: collapse; margin: 0 10px 30px 5px; font-size: 1em; text-align: center;}
table.mep {border: none; margin: 0; text-align: left;}
table.mep table.mep td {border: none;}
table.mep table td {border: 2px solid #6600FF;}
td.corps {width: 750px; background: url(bkg-corps.png) repeat-y; border: none; padding: 10px 15px 10px 10px;}
th {border: 2px solid #6600FF; background: #F5ECFF; font-weight: bold;}
ul {margin: 0 0 1.5em 3em;}
	li {list-style: disc url(../ico/puce.gif) outside;}