body { background: url(util/beige031.jpg); background-color: #ffffff; width: 1000px; 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 { display: block; width: 224px; height: 32px; padding-left: 20px; letter-spacing: 0.05em; border: 0px; }
a.cat1:link,a.cat1:visited,a.cat3:link,a.cat3:visited,a.cat5:link { margin-bottom: -0.8em; text-decoration: none; padding-top: 0.6em; }
a.cat1:active,a.cat3:active,a.cat5:visited { text-decoration: none; }
a.cat1,a.cat3,a.cat5,p,td,form,li { font-size: 10pt; }

a.cat1:link { background: url(util/atm1.gif) no-repeat; color: #ffff00; }
a.cat1:visited { background: url(util/atm1.gif) no-repeat; color: #eeeeee; } 
a.cat1:hover { background-image: none; text-decoration: underline; color: #000099; }
a.cat1:active { color: #ff00ff; } 

a.cat3:link { background: url(util/atm2.gif) no-repeat; color: #ffff00; }
a.cat3:visited { background: url(util/atm2.gif) no-repeat; color: #eeeeee; } 
a.cat3:hover { background-image: none; text-decoration: underline; color: #000099; }
a.cat3:active { color: #ff00ff; } 

a.cat5:link { background: url(util/atm3.gif) no-repeat; color: #ffff00; }
a.cat5:visited { background: url(util/atm3.gif) no-repeat; color: #eeeeee; } 
a.cat5:hover { background-image: none; text-decoration: underline; color: #000099; }
a.cat5:active { color: #ff00ff; } 

img { border: 0; }

h1,h2 { text-align: center; font-weight: normal; color: #000066; margin-top: 0em; 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; text-align: center; margin-top: 0em; margin-bottom: 0.5em; } 
h4,p,li,form { font-weight: normal; color: #000000; }
h1.carmenh1 { font-size: 48pt; text-align: center; margin-top: 0em; margin-bottom: 0.5em; color: #dd0000; letter-spacing: 0.2em; font-style: italic; 
background: #ffffff; width: 6em; margin-left: auto; margin-right: auto; border-radius: 4px; } 

p { margin-top: 0em; margin-bottom: 0.3em; text-align: justify; font-size: 10pt; }
p.titre { font-size: 12pt; margin-top: 0em; margin-bottom: 1.5em; text-align: center; }
p.signal { display: block; width: 60%; text-align: center; line-height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 24em; }
p.center { text-align: center; }
p.bas { display: none; }
p.fin { text-align: right; font-size: 8pt; margin-top: 0.2em; }
p.right { text-align: right; font-style: italic; }

ul { padding: 0; }
.clearall { clear: both; }
form { margin-top: 0em; margin-bottom: 0.5em; text-align: center; }
.champ { width: 25em; }

div.bl1 { display: block; width: 70%; float: left; margin-top: 2em; margin-bottom: 2em; }
ul.bl2 { display: block; width: 25%; float: right; margin-right: 0; margin-top: 1em; list-style-type:none; }
div.bl3 { position: relative; display: block; width: 54%; float: left; margin-left: 0.5em; background: #ffffff; padding: 1em; }
img.posright { width: 400px; height: 600px; }

ul.bl5 { width:100%; margin-top: 1em; margin-left: auto; margin-right: auto; overflow:hidden; margin-bottom: 0em; }
ul.bl5 li{ float: left; width:50%; list-style-type:none; }
ul.bl6 { display: block; width: 25%; float: left; margin-left: 0.5em; margin-top: 1em; list-style-type:none; }

div.pos1 { width: 400px; height: 600px; float: right; position: relative; display: block; margin-bottom: 1em; margin-left: 1em; }