html, body {  margin: 0; padding: 0; height: 100%; }
img { border: none; }
form { margin: 5px 0; }

/* TYPOGRAPHY */
a { outline: none; }
a:link, a:visited { color: #30586C; }
a:hover, a:active { color: #1C323E; }
p { line-height: 150%; margin: 5px 0 1em 0; }
td { vertical-align: top; }
p, ul, div, td, input { font-family:'Lucida Grande', 'Trebuchet MS', Verdana, Arial; font-size: 10.5pt; }
h1, h2 { font-family: Georgia, Verdana, Arial; margin: 0; color: #30586C; font-weight: normal; letter-spacing: 1px; }
h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
ul { margin-top: -10px; }
li { list-style-image: url(img/fleche.gif); margin-bottom: 5px; }

/* TEMPLATE */
#left { background: #C1DBDB url('img/menu.jpg'); width: 232px; }
#left h2 { margin: 30px 0 10px 15px; }
#left #end { margin-top: 45px;  height: 79px; width: 232px; background: transparent url('img/verreglas.jpg') 0 79px; }

#right { width: 12px; background-image: url('img/right.png'); }

#menu { margin-bottom: 20px; }
#menu a { margin: 4px 15px 0 15px; display: block; padding: 1px 0 1px 6px; border-color: #7696A0; border-style: solid; border-width: 0 0 1px 4px; text-decoration: none; }
#menu a:hover, #menu a:active { background-image: url('img/menuhover.jpg'); border-color: #7696A0 #30586C; }

#bar { text-align: right; margin: 0 -20px 20px 20px; padding: 5px 10px; background-color: #30586C; color: #fff; }
#bar a { text-decoration: none; color: #fff; padding: 5px 5px; margin-right: 10px; }
#bar a:hover, #bar a:active { background-color: #7696A0; }
#bar h1 { float: left; color: #fff; position: relative; top: -5px; }

#main { background-color: #fff; padding: 5px 20px 20px 20px; }
#foot { text-align: center; height: 25px; color: #30586C; }




.button { display: block; width: 189px; height: 60px; margin: 10px auto; }
a#b-co { background-image: url('img/button1.jpg'); }
a#b-co:hover { background-image: url('img/button1h.jpg'); }

a#b-at { background-image: url('img/button2.jpg'); }
a#b-at:hover { background-image: url('img/button2h.jpg'); }

a#b-li { background-image: url('img/button3.jpg'); }
a#b-li:hover { background-image: url('img/button3h.jpg'); }


/* MISC */
p.quote { margin-bottom: 2em; color: #547a7a; font-size: 14pt; }
p.img-space img { margin: 0 10px; }

/* IMAGES */
.small-img img { width: 15%; height: 15%; margin: 10px; }