body { width: 100%; margin: 0 auto; margin-top: 1em; margin-bottom: 2em; background: url(../util/beige.gif); } 
a:link {color: #000099; }
a:active {color: #cccccc; }
a:visited {color: #009900; }
a:hover {color: #ff0000; background: #66ff00; }
a.nodec { text-decoration: none; }

a.lien:link { color: #0000cc; }
a.lien:active { color: #cccccc; }
a.lien:visited { color: #006666; }
a.lien:hover { color: #ff0000; }

a.lien { font-weight: bold; background: #ffffff; border: solid 3px; padding: 0.6em; }

div.blanc2 { background: #ffffee; width: 100%; margin: 0 auto; } 

h1 { margin-bottom: 0.3em; font-size: 24pt; color: #000099; margin-top: 1em; }
h2 { margin-bottom: 1.6em; font-size: 16pt; color: #000099; margin-top: 0.3em; max-width: 34em; margin: 0 auto; }
h3 { font-size: 14pt; color: #000099; margin-top: 0.8em; margin-left: 0.7em; text-align: left; }

h1,h2,h3,p,p.fin,ol,li,li.spe,figcaption { font-family: verdana, arial, universe, sans-serif; font-weight: normal; }
h1,h2,p.retour,li.spe,figcaption { text-align: center; }

p { margin-top: 0; margin-bottom: 0.4em; margin-left: 1em; margin-right: 0.8em; color: #000000; font-size: 10pt; text-align: justify; line-height: 1.4em; }
p.retour { font-weight: bold; }

ul.margedn { margin-top: 0; margin-bottom: 0; }
ul.nav { list-style-type: none; }
li { color: #000000; font-size: 10pt; margin-top: 0; text-align: left; }
li.spe { float:left; width: 45%; font-size: 12pt; height: 40px; margin-bottom: 2em; margin-top: 0; }
ul.margedn,figure.pos6,figure.pos7,figcaption,figure.pos12,img.posright345V,img.posleft345V,img.gd,img.petit { margin-right: auto; margin-left: auto; }
figcaption,figure.pos12,img.posright345V,img.posleft345V,img.gd,img.petit { display: block; }
li,figcaption,img.posright345Vbis,img.pos4,img.pos5,img.pos6,img.pos7 { margin-bottom: 0.5em; }

span.blu { color: #0000cc; }
span.demi { font-size: 0.4em; margin: 0; padding: 0; line-height: 1em; }
span.cut { 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
	}

figure.pos6,figure.pos7 { width: 49%; display: inline-block; vertical-align: top; margin-top: 0; }
figcaption { width: 96%; font-size: 10pt; }
figcaption.margeup { float: right; margin-top: 0.5em; }

figure.pos12 { width: 96%; margin-bottom: 0; }

img.posleft345,img.posleft307,img.posleft307bis,img.posleft345bis { margin-left: 0.5em; margin-right: 1.5em; float: left; }
h3,img.posleft345,img.posleft345V,img.posleft307,img.posleft307bis,img.posright345,img.posleft345,img.posright240,img.posright345V { margin-bottom: 0.6em; }
img.posright345V,img.posleft345V,img.posright345Vbis { width: 345px; height: 460px; }
img.posleft345,img.posleft307,img.posleft307bis,img.posright307,img.pos6,img.pos7,img.petit { height: 240px; }
img.posright345 { margin-right: 0.5em; margin-left: 1em; float: right; }

img.posleft345,img.posleft345bis,img.posright345,img.posleft307,img.posleft307bis,img.posright307,img.gd,img.petit,img.pos4,img.pos5,img.pos6,img.pos7 { width: 360px; }

img.posleft345bis { margin-bottom: 1em; margin-top: 1em; }
 
img.posleft345,img.posleft307 { margin-right: 2%; margin-top: 0; }

img.posleft307bis { margin-right: 2%; margin-top: 1em; }
img.posright307 { margin-bottom: 0; margin-left: 2%; margin-right: 0; margin-top: 1em; float: right; }

div.brleft { clear: left; }
div.bright { clear: right; }
div.break { clear: both; }

img.posright345Vbis { margin-right: 0.5em; margin-left: 1em; float: right; }
img.posleft345V { float: left; margin-left: 1%; margin-bottom: 1em; } 
img.posright345V { float: right; margin-right: 1%; margin-bottom: 1em; } 

img.pos4 { float: left; margin-left: 1%; height: 270px; } 
img.pos5 { float: right; margin-right: 1%; height: 270px; } 
img.pos6 { float: left; margin-left: 1%; } 
img.pos7 { float: right; margin-right: 1%; } 
img.gd { border: 0; height: 270px; } 
img.petit { border: 0; }