* { border: 0; margin: 0; padding: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff }
body { background: url(images/fond.gif); text-align: center; margin-bottom: 17px }
a, a:visited { font-weight: bold; text-decoration: none; color: #fc0; }
a.highlight { color: #9ff }
a:hover { text-decoration: underline; color: #fff; }

textarea, input { color: #fff; background: #277299; border: 1px solid #fff }
select { border: 1px solid #fff; margin: 3px 0; color: #fff; background: #277299 }
textarea, input { padding: 1px }
option { color: #277299; background: #fff; padding: 0 3px }
.submit, select { cursor: pointer }
.submit:hover { color: #277299; background: #fff }

ul { list-style: none; padding: 7px 0 }
li { background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 5px 17px }
li.cligno { background-image: url(images/puce_cligno.gif) }
li.speciale { background-image: url(images/puce_cat.gif) }
li.mauve { background-image: url(images/puce_mauve.gif) }
li strong { text-align: left }

p { padding-bottom: 5px }
p, li { line-height: 140% }

table { border-collapse: collapse; margin: 3px auto }
table tr { vertical-align: top }
td { width: 160px }
td.droite { width: 580px }
#logo { display: block; width: 126px; height: 142px; background: url(images/logo_snaless_lit.gif) }
#entete { display: block; width: 580px; height: 142px; background: url(images/en_tete_principale.gif) }
#menu, #corps { padding-top: 10px }

#menu a { display: block; width: 130px; height: 25px; background-image: url(images/boutons_menu.gif); margin: 7px 0; background-position: left 168px }
#menu a.publi { background-position: left 144px }
#menu a.adherer { background-position: left 120px }
#menu a.actuju { background-position: left 96px }
#menu a.contact { background-position: left 72px }
#menu a.liens { background-position: left 48px }
#menu a.membres { background-position: left 192px }
#menu a:hover, #menu a:focus { background-position: left 24px }
#menu #actif { background-position: left 0 }
#recherche input { font-size: 11px; height: 17px; vertical-align: middle; width: 97px; margin: 5px 3px 0 0 }
#recherche input.submit { width: auto }

#rechercheindex { padding:11px 0 11px 20px; background:url("images/loupe.gif") no-repeat 0 45% }
#rechercheindex #mot { height:21px;width:200px }

#corps { text-align: justify; padding-bottom: 23px }

#footer { text-align: left; line-height: 133%; border-top: 1px #CCC dotted }
#footer, #footer a { font-size: 11px }

h1 { padding: 7px 0; font-size: 16px; border-bottom: 1px #fff dotted; margin-bottom: 10px }
h2 { padding: 5px 0; font-size: 14px }

.filet { border: 1px solid #fff; margin-left: 10px }
.alerte { background: #fff; color: #277299; font-weight: bold; padding: 2px 5px; margin: 3px 0 }
.message { background: #fff; color: #277299; padding: 3px; text-align: center; margin-top: 13px }
.folio { padding: 5px 0 }
.focus { background: #fc0; color: #277299 }

.tableau, .formulaire { width:100% }
.tableau tr { border-bottom: 1px #ccc solid }
.tableau td, .formulaire td { padding: 4px 0; width: 50% }
.tableau tr.last { border: 0 }
.formulaire td.left { font-weight: bold; width: 25% }
#config input, #config textarea { width: 350px }

.puce { vertical-align: middle }

#contact input { width: 160px; margin: 3px 0 }
#contact textarea { width: 350px; height: 150px; margin: 3px 0 }
#contact input.grand { width: 350px }
#contact td { width: 70% }
#contact .left { font-weight: bold; width: 30% }

#contact input.petit, #config input.petit { width: 70px }
#contact input.submit, #config input.submit, #config input.check { width: auto; height: auto; padding: 1px }

.inlineclass { vertical-align: middle; display: inline-block }