body { max-width: 800px; margin-right: auto; margin-left: auto; margin-top: 1em; background: url(../util/beige.gif); }
a:link {color: #0000cc; }
a:active {color: #FF00FF; }
a:visited {color: #ff00cc; }
a:hover {color: #ff0000; }

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; }

ul { list-style: circle; }
li { font-size: 10pt; }
ol { font-size: 10pt; margin-bottom: 1em; }
ul.nav { list-style-type: none;  margin-right: auto; margin-left: auto; display: block; }
li.spe { width: 48%; font-size: 12pt; height: 40px; margin-right: auto; margin-left: auto; display: block; margin-bottom: 0em; margin-top: 0; }

h1, h2, h3, h4, h5, p, li, ol, input, select, .petcap, span.blu, span.red  { font-family: verdana, arial, helvetica, sans-serif; }
h1, h3, h5, li, ol, .petcap { font-weight: normal; }
h1, h2, h3, h5, span.blu { color: #000099; }
h2, h4, img.ctrimg { margin-right: auto; margin-left: auto; }
h1, p.right { margin-top: 1em; }
h2, h3, h5 { font-size: 12pt; }
p, img.posright, .petcap { margin-top: 0; }
p, ol, li, input, select { font-size: 10pt; }
p, ol, li, .petcap { color: #000000; }
p.rep { margin-right: 20%; } 
p.retour { font-weight: bold; text-align: center;  }
h1 { font-size: 20pt; margin-bottom: 0em; text-align: center; }
h2 { font-weight: bold; margin-bottom: 1em; text-align: center; max-width: 500px; }
h3 { margin-bottom: 0.7em; margin-left: 0.4em; margin-top: 1.5em; }
h4 { font-size: 10.5pt; font-weight: bold; color: #333333; margin-top: 2.5em; text-align: center; max-width: 560px; }
h5, p, li { margin-bottom: 0.5em; }

p { margin-left: 0.4em; margin-right: 0.4em; line-height: 1.5em; text-align: justify; }
p.left { text-align: left; }
p.right, p.rep { text-align: right; }

div.blanc { background: #ffffee; width: 100%; max-width: 740px; margin: 0 auto; } 
div.gris { background: #ffffee; padding: 1.6em; width: 740px; margin: 0 auto; } 
img.ctrimg { display: block; width: 100%; max-width: 740px; max-height: 24px; }
img.posright { margin-bottom: 0; margin-left: 2%; margin-right: 0; float: right; width: 340px; height: 540px; }
img.signature { width: 128px; height: 53px; border: 0; float: right; margin-right: 6em; margin-top: 0.5em; margin-bottom: 0.5em; }
span.soul { border-bottom: 1px dashed; }
.petcap { font-size: 9pt; background-color: #efefef; padding: 0.1em; border: 1px solid; line-height: 1.5em; }
span.blu, span.red { font-weight: bold; font-style: normal; }
span.red { color: #ff0000; }
span.cut { word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto; 
  -ms-hyphens: auto;
  -o-hyphens: auto; }

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

@media (max-width: 596px) { 
h3 { font-size: 14pt; } 
 p, li { font-size: 12pt; text-align: left; line-height: 1.5em; 
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto; 
  -ms-hyphens: auto;
  -o-hyphens: auto; }

ul.nav { list-style-type: none; }
li.spe { width: 100%; font-size: 12pt; height: 40px; margin-bottom: 2em; margin-top: 0; text-align: center; display: block; }
img.posright { margin-bottom: 0.2em; display: block;  margin-right: auto; margin-left: auto; width: 100%; max-width: 340px; height: 100%; max-height: 540px; float: none; }
div.blanc { width: 100%; max-width: 780px; padding: 0; margin: 0 auto; } 
div.br1 { clear: both; }
}