body { margin: 0; padding: 0; background-color: #ccc; }

/* DIVERS */

IMG { border: 0; }
.image { padding: 0; float: right; }
FORM { padding: 0; }

.alerte { color: #f03; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }

#boxlettrine { width : 80%; display: block; line-height: normal; letter-spacing: 1px; margin: 1em auto; padding: 0.3em; border-left: 0; padding-left: 1em; background: #fff url('/images/bordure-citation.png') repeat-y left top; border: 1px dotted #069; border-left: 0; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; color: #000; background-color: #fff; }

.lettrine { font-size: 25px; color: #069; font-weight: bold; float: left; height: 18px; line-height: 18px; margin-top: 2px; margin-right: 1px; }
* html .lettrine { margin-right: -2px; margin-top: 3px; }

.textelettrine { font-size: 14px; color:#39b; font-weight: bold; height: 10px; line-height: 10px; margin-top: 4px; }

h2 { font: 14px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; color: #000; padding: 0; }

#boxcitation { width : 75%; display: block; background: #fff url('/images/bordure-citation.png') repeat-y left top; border: 1px dotted #069; color: #000; padding: 0.3em; border-left: 0; padding-left: 1em; margin: 1em auto; }

/* LIENS */

A.lien:link { color: #069; text-decoration: underline; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }
A.lien:active { color: #069; text-decoration: underline; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }
A.lien:visited { color: #069; text-decoration: underline; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }
A.lien:hover { color: #39b; text-decoration: none; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }

/* STRUCTURE */

#conteneur { margin: 0 auto; padding: 0; border: 1px solid #000; width: 760px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000; background-color: #fff; }

#container { width: 760px; padding: 0; margin: 0; }

#top { width: 760px; height: 195px; border: 0; padding: 0; margin: 0; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; color: #000; background-color: #fff; background-image: url('http://www.anthelie.com/images/logo.jpg'); background-repeat: no-repeat; }

#motto { float: left; width: 650px; top: 150px; padding: 0; border: 0; margin-left: 10px; background: transparent; font: medium "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; text-align: left; color: #069; }

#gauche { float: left; width: 35px; }

#droite { float: right; width: 25px; }

#centre { float: left; width: 675px; padding: 0; border: 0; background-color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; }

#pub { width: 95%; padding: 10px 0; border: 0; background-color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: center; color: #000; }

div[class] .centre { float: left; width: 650px; padding: 0; border: 0; background-color: #ff8; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; }

#footer { clear: both; border: 0; background-color: #ccc; width: 760px; padding: 2px 0; margin: 0; text-align: center; font: small "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; color: #000; }

/* BOXES */

.boxsnazzy h1 { margin: 0; font-size: 1.1em; padding: 0 10px 5px 10px; border-bottom: 1px solid #444; }
.boxsnazzy p { margin: 0; padding: 5px 10px; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; color: #000; }
.boxsnazzy { background: transparent; width: 690px; margin: 15px 0 3px; top: 10px; }
.boxtop, .boxbottom { display: block; background: transparent; font-size: 1px; }
.boxb1, .boxb2, .boxb3, .boxb4 { display: block; overflow: hidden; }
.boxb1, .boxb2, .boxb3 { height: 1px; }
.boxb2, .boxb3, .boxb4 { background: #fff; border-left: 1px solid #444; border-right: 1px solid #444; }
.boxb1 { margin: 0 5px; background: #444; }
.boxb2 { margin: 0 3px; border-width: 0 2px; }
.boxb3 { margin: 0 2px; }
.boxb4 { height: 2px; margin: 0 1px; }

.boxcontent { display: block; border: 0 solid #444; border-width: 0 1px; height: auto; background: #fff; }
* html .boxcontent { height: 1px; }

.boxcolor_a { background: #f90; color: #fff; }
.boxcolor_b { background: #f90; color:#000; }
.boxcolor_c { background: #f90; color: #fff; }
.boxcolor_d { background: #f90; color: #000; }

.color_a { background: #f90; color: #fff; }

/* TITRE */

ul#off { list-style-type: none; padding: 0; width: 600px; height: 125px; margin: 1em 0; position: relative; left: 75px; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; color: #fff; }
ul#off li { display: block; width: 60px; height: 80px; margin: 10px 0 10px 10px; position: relative; float: left; padding: 0; }
ul#off li.iii { display: block; width: 15px; height: 80px; margin: 10px 0 10px 10px; padding: 0; position: relative; float: left; }
ul#off a { display: block; width: 0; height: 0; padding: 0; text-decoration: none; position: absolute; left: 0; top: 0; }

ul#off a em { cursor: pointer; font-style: normal; font-weight: bold; }
ul#off a span { display: none; }

ul#off a em.largeurhaute { position: absolute; display: block; height: 20px; width: 60px; cursor: pointer; text-align: center; line-height: 20px; color: #fff; }

ul#off a em.hauteurgauche { position: absolute; display: block; height: 60px; width: 20px; cursor: pointer; left: 0; top: 20px; }
ul#off a em.hauteurdroite { position: absolute; display: block; height: 60px; width: 20px; cursor: pointer; left: 40px; top: 20px; }
ul#off a em.hauteurcentre { position: absolute; display: block; height: 60px; width: 20px; cursor: pointer; left: 20px; top: 20px; }

ul#off a em.hauteurg { position: absolute; display: block; height: 80px; width: 20px; cursor: pointer; left: 0; top: 0; }
ul#off a em.hauteurd { position: absolute; display: block; height: 80px; width: 20px; cursor: pointer; left: 40px; top: 0; }
ul#off a em.centreh { position: absolute; display: block; height: 20px; width: 20px; cursor: pointer; left: 20px; top: 30px; }

ul#off a em.largeurbas { position:absolute; display: block; height: 20px; width: 60px; cursor: pointer; text-align: center; line-height: 20px; color: #fff; top: 60px; }

ul#off a em.hauteurc { position: absolute; display: block; height: 80px; width: 20px; cursor: pointer; left: 0; top: 0; }

.lettre em { background: #39b; }

ul#off a:hover { background: #069; color: #6ce; }
ul#off a.lettre:hover em { background: #069; color: #6ce; }
ul#off a:active em, ul#off a:focus em { background: #39b; color: #fff; }

ul#off a:hover span { display: block; width: 60px; height: 1px; font-size: 3px; position: absolute; top: 90px; left: 0; border-top: 3px dashed #000; }
ul#off a.ii:hover span { display: block; width: 25px; height: 1px; font-size: 3px; position: absolute; top: 90px; left: 0; border-top: 3px dashed #000; }

/* PUB */

.inline-button { width: 12em; font: bold 0.75em "Geneva", Verdana, Arial, sans-serif; margin: 0 0.2em; padding: 0; border: 1px solid black; white-space: nowrap; text-decoration: none; vertical-align: middle; background: #ccc; color: #000; }

.inline-button em { width: 1em; cursor: pointer; font-style: normal; margin: 0; padding: 0em 0.5em 0.05em; background: #fff; color: #000; }

.inline-button span { width: 1em; cursor: pointer; margin: 0; padding: 0em 0.5em 0.1em 0.3em; }

.inline-button:hover { background: #06c; color: #fff; }
.inline-button:hover em { background: black; color: #fff; }

.orange { background: orange; color: #000; }
.orange em { background: #fff; color: #c60; }
.blue { background: #06c; color: #fff; }
.blue em { background: #fff; color: #06c; }
.darkblue { background: #006; color: #fff; }
.darkblue em { background: #ccf; color: #006; }

.citation { display: block; background: #fff url('/images/bordure-citation.png') repeat-y left top; border: 1px dotted #8B4513; color: #000; padding: 0.3em; border-left: none; padding-left: 1em; }

.citation span.comment { color: #f03; }

.citation span.html { color: #A0522D; font-weight: normal; }

.citation span.keyword { color: blue; font-weight: bold; }

/* FORMULAIRES */ 

.button { border: 1px solid #069; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #fff; background-color: #069; } 
.select { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000; background-color: #ccc; } 
.input { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000; background-color: #ccc; }