/* COMMUN */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #483f31; font-size: 12px; }
* { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
	/* liens */
a, a:link, a:visited { text-decoration: underline; color: #483f31; }
a:hover { text-decoration: none; }
	/* conteneurs */
#global { position: relative; width: 950px; height: auto; margin: 10px auto 10px auto; padding: 10px 0px 0px 10px; border: 1px solid #bfa779; }
#gauche { position: absolute; top: 10px; left: 10px; width: 280px; height: 570px; }
#droite { position: relative; top: 0px; left: 280px; width: 670px; min-height: 570px; height: auto; }
	/* logo */
#logo { position: absolute; width: 270px; height: 100px; background: url(../images/logo.gif) no-repeat; }
#logo a { display: block; height: 100%; text-indent: -5000px; overflow: hidden; }
#logo.index { top: 280px; }
#logo.int { top: 190px; }
	/* margin-bottom 10px */
.bottom10 { margin-bottom: 10px; }
	/* margin-right 10px */
.right10 { margin-right: 10px; }
	/* margin-left 10px */
.left10 { margin-left: 10px; }
	/* margin-top 10px */
.top10 { margin-top: 10px; }


/* NAVIGATION */
	/* nav */
#nav { position: relative; top: 0px; width: 270px; background-color: #e7dac5; padding-top: 10px; z-index: 20; }
#nav.index { height: 260px; }
#nav.int { height: 170px; }
#nav li { line-height: 12px; margin-bottom: 8px; }
#nav li a.off, #nav li a.on { display: block; height: 11px; font-size: 14px; font-weight: bold; }
#nav li a.off, #nav li a.off:link, #nav li a.off:visited { text-decoration: none; color: #756d61; padding-left: 10px; }
#nav li a.on, #nav li a.on:link, #nav li a.on:visited { text-decoration: none; color: #a05307; padding-left: 5px; border-left: 5px solid #a05307; }
#nav li a.off:hover, #nav li a.on:hover { color: #a05307; padding-left: 5px; border-left: 5px solid #a05307; }
	/* sous nav */
#block-snav { position: absolute; left: 670px; top: 0px; width: 270px; height: 180px; background-color: #660000; z-index: 10; }
#block-snav h2 { color: #ffffff; font-size: 22px; font-weight: bold; text-align: right; padding: 4px 10px; }
.snav { position: absolute; top: 45px; left: 670px; display: none; width: 270px; text-align: right; z-index: 50; }
.snav li { height: 14px; margin-right: 14px; }
.snav li a.sOff, .snav li a.sOn { display: block; height: 14px; font-size: 13px; font-weight: bold; }
.snav li a.sOff, .snav li a.sOff:link, .snav li a.sOff:visited { text-decoration: none; color: #ece5d7; }
.snav li a.sOn, .snav li a.sOn:link, .snav li a.sOn:visited { text-decoration: none; color: #ffe26e; }
.snav li a.sOff:hover, .snav li a.sOn:hover { color: #ffe26e; }


/* CONTENU */
	/* index */
h3.encard { font-size: 14px; font-weight: bold; text-align: left; }
h3.style1 { color: #a05307; }
h3.style2 { color: #424700; }
h3.style3 { color: #660000; }
a.suite { font-size: 11px; font-style: italic; }
a.style1 { color: #a05307; }
a.style2 { color: #424700; }
a.style3 { color: #660000; }
#en-bref { position: relative; top: 120px; width: 250px; height: 154px; padding: 8px 10px; text-align: right; background-color: #f2ede3; }
#en-bref p { font-size: 11px; padding-top: 5px; margin-top: 5px; text-align: left; border-top: 1px dotted #a05307; }
#actu { position: relative; top: 0px; width: 360px; height: 154px; padding: 8px 10px; text-align: right; background-color: #f8eed5; float: left; }
#actu p { height: 44px; overflow: hidden; font-size: 11px; padding-top: 5px; margin-top: 5px; text-align: left; border-top: 1px dotted #424700; }
#en-images { position: relative; top: 0px; width: 250px; height: 150px; padding: 10px 10px; text-align: right; background-color: #f2ede3; float: left; }
#en-images p { width: 148px; font-size: 11px; padding-top: 5px; margin-top: 5px; margin-left: 102px; text-align: left; border-top: 1px dotted #660000; }
	/* page interieur */
img.illus { position: absolute; left: 0px; top: 0px; }
#contenu { width: 660px; height: auto; padding-top: 190px; }
#contenu h3.titre { height: 35px; line-height: 34px; padding-left: 10px; font-style: italic; font-size: 22px; font-weight: bold; color: #660000; background-color: #f8eed5; }
#article { min-height: 315px; height: auto; padding: 10px 10px 10px 10px; margin-bottom: 10px; background-color: #f8f6f2; }
#article p { padding-bottom: 10px; }
#article ul { list-style-image: url(../images/puce-noir.gif); margin: -8px 0px 10px 40px; }
.intertitre { font-size: 14px; font-weight: bold; font-style: italic; color: #a05307; }
.soustitre { font-size: 12px; font-weight: bold; }
.citation { font-style: italic; color: #a05307; }
	/* annexes */
#annexes { position: relative; top: 120px; width: 270px; height: 260px; background-color: #f8f6f2; }
#annexes h3 { padding: 10px 10px 0px 10px; }
#plus { height: 40px; background-color: #eceae5; }
a.lien-plus { position: absolute; display: block; height: 22px; color: #afafaf; font-size: 10px; font-weight: bold; line-height: 22px; text-decoration: none; }
#bookmark { top: 9px; left: 9px; padding-left: 24px; background: url(../images/bookmark.gif) no-repeat left; }
#ami { top: 9px; right: 9px; padding-right: 28px; background: url(../images/ami.gif) no-repeat right; }
#docs { font-size: 12px; padding-top: 5px; margin: 5px 10px; color: #483f31; border-top: 1px dotted #a05307; }
#docs a, #docs a:link, #docs a:visited { color: #483f31; text-decoration: none; }
#docs a:hover { text-decoration: underline; }
	/* envoyer a un ami */
a#close { position: absolute; top: 4px; right: 4px; display: block; width: 11px; height: 11px; text-indent: -5000px; overflow: hidden; background: url(../images/fermer.gif) no-repeat 0px 0px; }
.blockForm { position: absolute; top: 40px; left: 0px; display: none; width: 258px; min-height: 144px; height: auto; padding: 5px 5px 0px 5px; border: 1px solid #afafaf; background-color: #eceae5; }
	/* diaporama */
div.diapo { display: block; float: left; width: 150px; height: 150px; margin: 10px 10px 0px 0px; border: 1px dotted #660000; }
div.diapo td { width: 150px; height: 150px; text-align: center; vertical-align: middle; }
div.diapo img { border: 0px; }
	/* multi article */
div.multi div { text-align: right; height: auto; padding: 10px 10px 10px 10px; margin-bottom: 10px; background-color: #f8f6f2; }
div.multi div p { text-align: left; }
div.multi h3.titremulti { font-size: 17px; font-weight: bold; color: #660000; text-align: left; }
div.multi div a, div.multi div a:link, div.multi div a:visited { color: #660000; }


/* FORMULAIRE */
p.form { height: auto; font-size: 11px; color: #660000; line-height: 14px; margin-bottom: 4px; }
p.form span { color: #660000; font-weight: bold; }
input.text { width: 258px; color: #afafaf; border: 0px; font-size: 11px; height: 15px; background-color: #ffffff; }
input.textOn { width: 258px; color: #afafaf; border: 0px; font-size: 11px; height: 15px; background-color: #ffffff; }
textarea.textarea { width: 258px; height: 50px; color: #afafaf; border: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; }
textarea.textareaOn { width: 258px; height: 50px; color: #afafaf; border: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; }
#envoyer, #envoyer:link, #envoyer:visited { display: block; width: 86px; height: 13px; line-height: 12px; color: #ffffff; font-size: 11px; text-align: center; margin: 0px 0px 0px 85px; text-decoration: none; border: 1px solid #afafaf; background-color: #afafaf; }
#envoyer:hover { color: #ffffff; background-color: #660000; border: 1px solid #660000; }