body {font-size:0.75em; font-family:arial; background-color: #f6f5f4; margin: auto;}
textarea {font-family:arial}
A.menu {color:#000000;text-decoration:none; word-spacing: 0px; padding-left: 4px; }
A:hover.menu {text-decoration:none; }
A:active.menu {text-decoration:none; }
A.gris {color:#FFFFFF;text-decoration:none;}
A:hover.gris {color:#FFFFFF;text-decoration:underline;}
A.contenu {color:#990000;text-decoration:none;}
A:hover.contenu {color:#990000; text-decoration:underline;}
A.lienext {color:blue;text-decoration:none;}
A:hover.lienext {color:blue;text-decoration:underline;}
img {border : none; border : 0;}
li.comm {margin-left: 25px; list-style-image: url("puce.JPG");}
li {margin-left: -20px; list-style-image: url("puce.JPG");}
ul.menul { margin: 0px; padding: 0px; list-style: none;}
li.menuli { margin-left: 0px; display: inline; font-weight: bold; margin-right: 10px; }
li.menuli a { border-left: 2px solid #bebfbf;text-decoration:none;}
li.menuli a:hover, li.menuli a:focus, li.menuli a:active { border-left: 2px solid #d20f12; text-decoration:none;}
li.menuac { margin-left: 0px; display: inline; font-weight: bold; margin-right: 10px; }
li.menuac a { color: #d20f12; border-left: 2px solid #d20f12; text-decoration:none;}

li.ssmenuli { margin-left: 0px; display: inline; margin-right: 10px; }
li.ssmenuli a { border-left: 1px solid #bebfbf; color: #d20f12; border-bottom: 1px solid #bebfbf; text-decoration:none;}
li.ssmenuli a:hover, li.ssmenuli a:focus, li.ssmenuli a:active { border-left: 1px solid #d20f12; border-bottom: 1px solid #d20f12; text-decoration:none;}
li.ssmenuac { margin-left: 0px; display: inline; margin-right: 10px; }
li.ssmenuac a { background: #d20f12; color: white; border-left: 1px solid #d20f12; border-bottom: 1px solid #d20f12; text-decoration:none;}

#menupage {font-size:1em; margin-top: 4px; margin-bottom: 15px;}
li.menupage { margin-left: 0px; display: inline; margin-right: 2px; font-weight: bold; }
li.menupage a { border: 1px solid #88898a; color: black; border-top: none; text-decoration:none; padding: 4px;}
li.menupage a:hover, li.menupage a:focus { border: 1px solid #990000; border-top: none; text-decoration:none; color: #990000; padding: 4px;}
li.menupageac { margin-left: 0px; display: inline; margin-right: 2px; font-weight: bold; }
li.menupageac a { background: #990000; color: white; border: 1px solid #990000; border-top: none; text-decoration:none; padding: 4px;}


table {border: none; border-collapse: collapse; border-spacing: 2px;}
table.res {border-style: outset; border-width: 1px;}
p {margin: 0; }
td {padding: 4px; border-color: #88898a;}
h1{font-size: 1.6em; padding: 5px; color: #990000; margin-top: 0px; margin-bottom: 0px; border-left: 4px solid #990000; border-bottom: 1px solid #990000;}
h2 {font-size: 1.4em; margin-top: 0px; margin-bottom: 8px; border-bottom: 1px solid #990000; }
h3 {font-size: 1.2em; margin-top: 2px; margin-bottom: 2px;}
hr {border: none; border-top: 1px dashed #88898a; height: 1px;}
span.u {text-decoration:underline;}

div.pad {padding: 4px;}
#entete {width: 1000px; height: 140px; background-color: white; margin: auto; background-image: url("images/oblique.png"); background-position: top right; background-repeat: no-repeat; padding: 0px;}
#etmain {margin-left:230px; padding-right: 10px;}
#pub {width:468px; height:60px; padding-top: 16px; }
#etdroit  {float: right; width: 240px; margin: auto; margin-top: 50px;}
#ancienconnection {position: absolute; color: white; background-color: #88898a; width: 240px; height: 22px; text-align: center; margin-top: 50px; margin-left: 750px; padding-top: 4px;}
#connection {color: white; background-color: #88898a; width: 240px; height: 22px; text-align: center; padding-top: 4px;}
#pannier {color: white; background-color: #dc1500; width: 164px; height: 22px; text-align: center; padding-top: 5px; margin: auto; margin-top: 21px; }

#cadrepannier {position: absolute; left: 805px; top: 103px; width:164px; height:24px; color: #FFFFFF; background-color: #dc1500;}
#cadrerecherche {position: absolute; left: 736px; top: 85px; width:264px;}
#logo {float: left; padding-left: 34px; padding-top: 20px;}
#menu {word-spacing:10px; font-size:1.7em; color:#88898a; padding-top: 25px; }
#sousmenu {position: absolute; font-size:1em; margin-top: -22px; margin-bottom: 15px;}
#menuprod {font-size:1em; margin-top: -4px; margin-bottom: 15px;}
#barre {width: 1000px; height: 8px; background-color: #88898A; margin: auto; background-image: url("images/barre.png"); padding: 0px;}
#main {margin: auto; width:1000px; min-height: 660px; background-color: white; padding: 0px;}
#mainb {margin: auto; width:1000px; height: 660px; background-color: white;}
#contenu {margin-right:230px; margin-top:0px; }
#mainindex {margin-left:230px; padding-top:10px; }
#mainint {margin-left:230px; }
#surface {float: left; width: 210px; text-align: right; background-color: #990000;}
#droit {float: right; width: 210px; padding: 0px; margin-top: 0px;}
#pubdroit {position: absolute; left: 30px; top: 0px; width:160px; height:500px; background-color: red;}
#intdroit {padding: 8px; background-color:#e6e6e6;}
div.intdroit {padding: 8px; background-color:#e6e6e6;}
#photo {margin-bottom:-3px;}
#aso {position: absolute; right: 0px; top: 0px; width:144px; height: 347px; background-color:black; text-align:center; padding:8px; color:white;}
#cote {float: left; padding: 8px; width: 194px; background-color: #990000; color:white;}
#coteb {float: left; padding: 8px; width: 194px; text-align: left; background-color: #990000; color:white;}
#footer {margin:auto ; left: 0px; bottom: 0px; width: 1000px;}
#float {float: left; margin-right:8px;margin-bottom:8px; text-align:center;}
div.float {float: left; margin-right:8px;margin-bottom:8px; text-align:center;}
div.floatr {float: right; margin-left:8px;margin-bottom:8px; text-align:left;}
#com {border: 1px solid #88898a; padding: 8px; text-align: justify;}
div.com {border: 1px solid #88898a; padding: 8px; text-align: justify;}
#titre {border: 1px solid #990000; padding: 8px;}
div.titre {border: 1px solid #990000; padding: 8px;}
#sb {width: 100%; border-style: none; padding: 8px; margin:-8px; text-align: justify;}
div.sb {width: 100%; border-style: none; padding: 8px; margin:-8px; text-align: justify;}
#sbc { border-style: none; text-align: center; padding: 0px;}
div.sbc { border-style: none; text-align: center; padding: 0px;}
#c {text-align: center;}
div.c {text-align: center;}
#r {text-align: right;}
div.r {text-align: right;}
#citation {margin: auto; border: 1px dashed #88898a; padding: 8px; background-color: #f0eef0; text-align: justify;}
div.citation {margin: auto; border: 1px dashed #88898a; padding: 8px; background-color: #f0eef0; text-align: justify;}
#mag {width:110px; height: 18px; background-image: url("images/mag.jpg");text-align:center; margin:auto;}
div.mag {width:110px; height: 18px; background-image: url("images/mag.jpg");text-align:center; margin:auto;}


#media {border-style: none; margin: -8px; padding:8px; background-color: #ffb6c1;}
#prod {border-style: none; margin: -8px; padding:8px; background-color: #db7093;}
#salle {border-style: none; margin: -8px; padding:8px; background-color: #d8bfd8;}
#opera {border-style: none; margin: -8px; padding:8px; background-color: #dda0dd;}
#texte {border-style: none; margin: -8px; margin-bottom: 0px; padding:2px; background-color: #990000; color: #FFFFFF}
#texteb {border-style: none; margin: -8px; margin-bottom: 0px; padding:2px; background-color: #88898a; color: #FFFFFF}
#date {border-style: none; margin: -8px; padding:8px; background-color: #e6e6e6;}