body {background:10px 10px; margin: 0; border:0; font-size:100%}

a, .arl {font-weight: bolder; text-decoration:none}
a img {border:2px solid transparent}			a img:hover {border:2px solid #78f}
a#ici{color:#fff}

p {margin: 0.6em 30px 0 20px}	li {margin: 0.2em 33% 0 40px}

.s {margin-top: 0.3em}  
.p {margin-bottom: 0.3em} /*suivre ou précéder plus près*/
.prem {margin-top: 0}  /*le premier*/


.r5,.r {margin-left: 40px;}
.m {font-size: 75%} 
					
h1,h2,h3,h4,h5 {font-weight: bolder; padding:0 10px}

h1 {font-size: 200%; margin: 0 0 1.2em} 
h2 {font-size: 140%; margin: 2em 0 0} 
h3 {font-size: 120%; margin: 1.2em 0 0} 
h4 {font-size: 120%; margin: 1.2em 0 0} 
h5 {font-size:  90%; margin: 2em 0 1em 5px} 

h2.p {margin:0}

.aredje {font-weight:bolder; font-size: 90%; background:#ddd; color:#66b;
	margin:0; text-align:right; border:solid #ddd; border-width:3px 0 0; padding:1px 5px;} 
.aredje.devant {text-align:left; border-width: 0px 0 0} 
				
.liens {font-size:80% ; font-weight:bolder ; margin:4em 0; text-align:center;
		margin:60px 0; border:solid #ddd; border-width:12px 0 0}

.aredje a, .liens a, .line a {padding:0 0.5em; display: inline}


/* remarque, notes, signatures */

.remarque,
.rem {margin: 2em 30px 3em 70px; border:dashed #1E192D; border-width:1pt 0 0}
.note {font-size: 90% ; margin-left: 70px}
.signature {font-weight: bold; margin:1.5em 30px 2em 70px; text-align: right; border:dashed #1E192D; border-width: 1pt 0 0}
.date {font-size:75% ; margin:0 0 1.5em; text-align:right}

/* IMAGE position */
img {margin:0 0.5em; vertical-align:bottom; max-width:90%; width:expression(document.body.clientWidth > "90%" ? "90%": "auto" )}
	.right {margin:0 0.5em 1em 2em; float:right}
	.left  {margin:0 2em 1em 0.5em; float:left}
	
/* séparateur */
hr {clear: both; visibility: hidden}

.en-tete,
.corps {position:absolute; left:0; right:0; overflow:auto}
.en-tete{top:0; padding:5px; border:solid #ddd; border-width: 0 0 2px 0;}
.corps {top:40px; bottom:0}
.en-tete a {padding:0 0 0 0.7em}
.en-tete .ici {color:#ddd; text-decoration: underline}


/*BLOC*/

.capsule-25l,
.capsule-25 {position:absolute; left:0; right:77%; top:0; background:#d8d8d8; padding:0 0 3em 0; font-size:80%}

.corps-50,
.corps-60,
.corps-75,
.corps-37a,
.corps-37b,
.corps-37l {position:absolute; top:0; background:#d8d8d8; padding:0 0 3em 0;}
 
.corps-50 {left:28%; right:25%}
.corps-60 {left:33%; right:07%}
.corps-75 {left:28%; right:00%}
.corps-37a{left:28%; right:38%; font-size:90%}
.corps-37b{left:66%; right:00%; font-size:90%}
.corps-37l{left:00%; right:63%; font-size:90%}
 
img.vignette{margin:0; max-width:100%}
 
.bloc{float:left; margin:10px; font-size:80%; padding:0 0 5px 0}


/*pour catabref*/

.catabref{float:left; padding:0; margin:8px; width:100%; vertical-align:bottom}
.catabref p {vertical-align:bottom}

.catabref img{border:1px solid #fff; margin-left:0}


w {background:#201; font-family:monospace; font-size:80%; padding:1px 3px}

.agendarbarl {font-size:115%}

/* bandeau capsarl et liste*/

div.bandeau {position: absolute; top: 3px; right: 0; left: 23%; font-size:85%; white-space:nowrap; text-align:center}
p.bandeau {font-size:85%; text-align:center; margin:3em 0 0 0}

.capsarl {position:fixed; right:0; bottom:0; padding:5px 5px 3px 10px; margin:0; font-size:85%; }

.capsarl a, .bandeau a {margin: 3em 0 0 0; padding: 0 8px 2px; font-weight: bolder} 
.capsarl a:hover, .bandeau a:hover  {text-decoration:none} 

.liste h2 {margin-top: 1em}

/* COULEURS */

body, .fond {background:#120}

h1,h2,h3,h4,h5 {border:3px solid #240}

.capsule-25l, .capsule-25, .corps-50, .corps-60, .corps-75, .corps-37a, .corps-37b, .corps-37l {background:#000a09;}

h1,h2,h3,h4,h5 {background:#240}

body {font-family:Arial, Helvetica, sans-serif; color:#fff}

a {color:#B7CA79}  a:hover {color: #78f}
a,.arl {color:#B0CC99}  a:hover {color: #a33}

h1,h2,h3,h4,h5,.courrier {font-family:Memorandum,Courier New, Courier, Prestige, monospace; color:#fff}

.capsarl a, .bandeau a {font-family:Memorandum, Courier New, Courier, Prestige, monospace; background:#240; color:#fff} 
.capsarl a:hover, .bandeau a:hover {background:#A33; color:#fff}

a h4, a h3, a h2  {background:#240; color:#fff} 
a:hover h4, a:hover h3, a:hover h2 {background:#A33; color:#fff}