body { background: url(util/beige031.jpg); background-color: #ffffff; max-width: 450px; margin-right: auto; margin-left: auto; margin-top: 1%; margin-bottom: 1%; font-family: verdana, arial, universe, sans-serif; } 
a:link {color: #0000cc; }
a:active {color: #cccccc; }
a:visited {color: #cc00cc; }
a:hover {color: #ff0000; background: #66ff00; }

a.cat1,a.cat3,a.cat5 { width: 224px; height: 32px; padding-left: 10px; letter-spacing: 0.05em; text-decoration: none; padding-top: 0.6em; }
p,td,form,li { font-size: 10pt; }
p.signal,div.bl1,ul.bl2,div.bl3,img.posright,a.cat1,a.cat3,a.cat5 { display: block; margin-left: auto; margin-right: auto; }
h1,h2,h4,p.titre,p.signal,p.center,p.bas,a.bas,form { text-align: center; }
h1,h2,h4,p,p.titre,form { margin-top: 0em; }

a.cat1:link { color: #0000cc; }
a.cat1:visited { color: #990000; } 
a.cat1:hover { color: #000099; }
a.cat1:active { color: #ff00ff; } 

a.cat3:link { color: #0000cc; }
a.cat3:visited { color: #990000; } 
a.cat3:hover { color: #000099; }
a.cat3:active { color: #ff00ff; } 

a.cat5:link { color: #0000cc; }
a.cat5:visited { color: #990000; } 
a.cat5:hover { color: #000099; }
a.cat5:active { color: #ff00ff; } 
a.cat1,a.cat3,a.cat5 { background-color: #ffffff; margin-bottom: 0.5em; margin-top: 0.5em; display: block; border: ridge 3px #000099; padding-top: 0.3em; padding-bottom: 0.3em; text-align: center; width: 200px; letter-spacing: 0.1em; font-weight: bold; font-size: 11pt; } 

img { border: 0; }

h1,h2 { font-weight: normal; color: #000066; margin-bottom: 0.5em;  }
h1 { font-size: 36pt; font-family: Georgia, Century, Times new roman, Garamond, serif; } 
h2 { font-size: 20pt; } 
h4 { font-size: 14pt; margin-bottom: 0.5em; } 
h4,p,li,form { font-weight: normal; color: #000000; }
h1.carmenh1 { font-size: 40pt; text-align: center; margin-top: 0em; margin-bottom: 0.5em; color: #dd0000; letter-spacing: 0.1em; font-style: italic; 
background: #ffffff; max-width: 6em; margin-left: auto; margin-right: auto; border-radius: 4px; } 

p { margin-bottom: 0.3em; text-align: justify; line-height: 1.5em; font-size: 11pt; }
p.titre { font-size: 12pt; margin-bottom: 1.5em; }
p.signal { width: 60%; line-height: 20px; margin-bottom: 1em; }
p.fin { text-align: right; font-size: 8pt; margin-top: 0.2em; margin-right: 2em; }
p.bas,a.bas { text-decoration: none; margin-bottom: 12em; }
p.right { text-align: right; font-style: italic; }

a.bas { border: solid 2px; padding: 0.2em; background-color: #ffffff; }
ul { padding: 0; }

div.bl1 { margin-top: 2em; margin-bottom: 2em; }
ul.bl2 { max-width: 80%; position: relative; margin-top: 2em; margin-bottom: 2em; padding: 0; list-style-type: none; }
div.bl3 { position: relative; width: 83%; margin-top: 1em; background: #ffffff; padding: 1em; }

img.posright { display: block; margin-right: auto; margin-left: auto; width: 100%; height: 100%; max-width: 400px; max-height: 600px; }

ul.bl5 { width:100%; margin-left: 1em;  }
ul.bl5 li{ list-style-type:none; width:100%; line-height: 1.5em; }
ul.bl6 { display: none; }
.frm { margin-top: 2em; }
.champ { width: 90%; }
form { margin-bottom: 0.5em; }