body { font-size: 11px; font-family: Verdana, tahoma; font-weight: 500; background-image: url(../breizh-images/bleu.jpg); background-repeat: repeat; }
div {  }
p {  }
legend{ color: #009; margin: 1px; }
td { font-size: 11px; }
select{ width: 130px; }
.input { font-size: 11px; text-align: right; height: 16px; padding-right: 2px; }
a { color: #009; }
h1 { color: #000; font-size: 11px; font-weight: 700; text-transform: uppercase; height: 20px; margin-top: 5px; padding-top: 5px; border-bottom: 1px solid #c0c0c0; }
h2 { font-size: 11px; font-weight: 700; margin: 0; }
h3 { font-size: 11px; font-weight: 700; margin: 0; }
.bloc { color: #009; margin: 4px; padding: 4px; border: solid 1px; }
.class { font-size: 8px; font-family: verdana, tahoma; text-transform: uppercase; text-align: center; }
.class td { font-size: 8px; font-family: Verdana, tahoma; text-align: center; text-transform: uppercase; }
.box { color: #009; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; width: 100%; margin: 2px; padding: 2px; border: #ccc;;;;;; }
.tel { color: #009; font-size: 18px; font-family: tahoma; font-weight: 700; }
.ligneTab { text-align: right; padding-right: 5px; border-bottom: 1px dotted #666; }
#cadre { height: 650px; width: 800px; left: 50%; top: 0; position: absolute; z-index: 0; visibility: visible; margin-top: 0; margin-left: -400px; }
#image { background-color: #fff; height: 700px; width: 800px; left: 0; top: 0; z-index: 1; position: absolute; visibility: visible; }
#TEXTE1 { font-size: 11px; font-family: tahoma; background-color: #fff; text-align: justify; height: 510px; width: 575px; left: 205px; top: 130px; z-index: 4; position: absolute; visibility: visible; margin-top: 5px; margin-right: 0; margin-left: 0; padding-top: 4px; padding-right: 10px; padding-left: 10px; border: solid 1px #999; }
#TEXTE0 { background-color: #fff; text-align: justify; height: 495px; width: 575px; left: 205px; top: 155px; z-index: 4; position: absolute; overflow: hidden; visibility: visible; margin-top: 4px; margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 10px; padding-left: 10px; border: solid 1px #000; }
#scroll { background-color: #fff; width: 575px; left: 0; top: 8%; z-index: 4; position: absolute; height: 92%; overflow: auto; visibility: visible; padding-right: 10px; padding-left: 10px; }
#marge { height: auto; width: auto; left: 50px; top: 40px; z-index: 5; position: absolute; visibility: visible; }
#onglet { height: 82px; width: auto; left: 200px; top: 120px; z-index: 2; position: absolute; visibility: visible; }
#ligne{ font-weight: 600; height: 67px; width: 165px; left: 20px; top: 380px; z-index: 30; position: absolute; visibility: visible; }
#calque1 { height: auto; width: 510px; left: 200px; top: 470px; z-index: 11; position: absolute; visibility: visible; }
ol { list-style-type: decimal; margin: 1em 0 1em 20px; padding: 0; }
ul { text-indent: 0px; margin: 1px 0 0 ; padding-left: 0; list-style-type: square; list-style-position: inside; }
/*---------------------------------

LIENS

-----------------------------------*/

#liens { width: auto; left: 0; top: 675px; z-index: 7; position: absolute;}
.liens { font-size: 10px; font-family: Verdana; font-variant: small-caps; text-align: center; height: auto; left: 190px; top: 670px; z-index: 7; position: absolute; width: 590px; visibility: visible; }
.liens a { color: #999; text-decoration: none; }

/*---------------------------------

MENU

-----------------------------------*/

#menu { color: #666; font-family: arial; text-indent: 0; height: auto; width: 175px; left: 15px; top: 180px; z-index: 5; position: absolute; visibility: visible; margin: 0; padding: 0; }
.menu { font-size: 12px; font-weight: bold; text-align: left; text-indent: 0; }
.menu a { color: #009; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 1px; }
.menu ul { text-indent: 0; margin: 0 0 10px 0; padding: 0; }
.menu li { font-weight: lighter; text-decoration: none; text-indent: 0; margin: 0 0 0 -3px; padding: 2px 0 2px 2px; border-left: 1px solid #ccc; list-style-type: none; list-style-image: none; }
.menu li a { color: #666; font-weight: 500; text-indent: -12px; margin: 0; padding: 0 0 0; }
.menu a:hover { color: #f93; text-decoration: none; }
.menu a:active { color: #f93; text-decoration: underline; }


/*---------------------------------

ADRESSE

-----------------------------------*/
#adresse { background-image: url(../breizh-images/guide.jpg); text-align: left; height: 135px; width: 200px; left: 0; top: 500px; z-index: 29; position: absolute; visibility: visible; }
#adresse p { margin-left: 55px; }
#adresse u { margin-left: 25px; }
.ville { color: #39c; font-size: 9px; font-family: tahoma; font-weight: 600; text-align: left; text-indent: 0; width: 260px; margin: 2px 4px; padding: 2px 4px; border: solid 1px black; }
.ville a { color: #f93; }
/*---------------------------------

ONGLETS

-----------------------------------*/
.onglets { font-weight: 600; position: absolute; top: 140px; left: 190px; width: 600px; height: 35px; }
.ongleta { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; text-align: center; position: absolute; top: 0; left: 0; width: 158px; height: 30px; }
.onglet1 a { color: #39c; line-height: 24px; text-decoration: none; background-image: url(../breizh-images/x.gif); text-align: center; position: absolute; top: 0; left: 0; width: 158px; height: 30px; }
.onglet1 a:hover { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; }
.ongletb { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; text-align: center; position: absolute; top: 0; left: 146px; width: 158px; height: 30px; }
.onglet2 a { color: #39c; line-height: 24px; text-decoration: none; background-image: url(../breizh-images/x.gif); text-align: center; position: absolute; top: 0; left: 146px; width: 158px; height: 30px; }
.onglet2 a:hover { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; }
.ongletc { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; text-align: center; position: absolute; top: 0; left: 295px; width: 158px; height: 30px; }
.onglet3 a { color: #39c; line-height: 24px; text-decoration: none; background-image: url(../breizh-images/x.gif); text-align: center; position: absolute; top: 0; left: 295px; width: 158px; height: 30px; }
.onglet3 a:hover { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; }
.ongletd { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; text-align: center; position: absolute; top: 0; left: 443px; width: 158px; height: 30px; }
.onglet4 a { color: #39c; line-height: 24px; text-decoration: none; background-image: url(../breizh-images/x.gif); text-align: center; position: absolute; top: 0; left: 443px; width: 158px; height: 30px; }
.onglet4 a:hover { color: #fff; line-height: 20px; background-image: url(../breizh-images/x-bleu.gif); text-decoration: none; }
/*---------------------------------

TOP

-----------------------------------*/

.top { font-weight: 900; position: absolute; top: 0px; left: 0; width: 800px; height: 100px; }
.top1 a { color: #39c; font-size: 14px; line-height: 40px; background-image: url(../breizh-images/brest/1.jpg); text-decoration: none; text-align: center; text-indent: 40px; position: absolute; top: 0; left: 0; width: 200px; height: 100px; }
.top1 a:hover { font-size: 15px; text-decoration: none; border-bottom: 2px dotted #6495ed; }
.top2 a { color: #f93; font-size: 14px; line-height: 40px; background-image: url(../breizh-images/brest/2.jpg); text-decoration: none; text-align: center; position: absolute; top: 0; left: 200px; width: 310px; height: 45px; }
.top2 a:hover { font-size: 15px; text-decoration: none; }
.top3 a { color: #39c; font-size: 14px; line-height: 40px; background-image: url(../breizh-images/brest/3.jpg); text-decoration: none; text-align: center; position: absolute; top: 0; left: 510px; width: 290px; height: 45px; }
.top3 a:hover { font-size: 15px; text-decoration: none; }
.top4 a { color: #f93; line-height: 37px; text-decoration: none; text-align: center; position: absolute; top: 45px; left: 200px; width: 155px; height: 55px; }
.top4 a:hover { font-size: 14px; text-decoration: none; border-bottom: 2px dotted #6495ed; }
.top5 a { color: #f93; line-height: 37px; text-decoration: none; text-align: center; position: absolute; top: 45px; left: 355px; width: 155px; height: 55px; }
.top5 a:hover { font-size: 14px; text-decoration: none; border-bottom: 2px dotted #6495ed; }
.top6 a { color: #39c; line-height: 37px; text-decoration: none; text-align: center; position: absolute; top: 45px; left: 510px; width: 145px; height: 55px; }
.top6 a:hover { font-size: 14px; text-decoration: none; border-bottom: 2px dotted #6495ed; }
.top7 a { color: #39c; line-height: 37px; text-decoration: none; text-align: center; position: absolute; top: 45px; left: 655px; width: 145px; height: 55px; }
.top7 a:hover { font-size: 14px; text-decoration: none; border-bottom: 2px dotted #6495ed; }