/* classes d'éléments  génériques */

html, body  { background-color: #ddd; margin: 0; width: 100% }
body { font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 78% }
a img, a:link img { border: 0 }
hr {visibility: hidden; clear: both; margin: 0; padding: 0 }
h1 { text-align: right; font-size: 180% }
h1 span  { font-weight: normal; font-size: 70%; display: block }
h2 { font-size: 140% }
#corps h2 { margin: 0.8em 0em 0.6em; border-bottom: solid 1px }

/* blocs positionnés */

#conteneur { display: block; margin: 15px 6%; width: 88%; border: solid 1px #666 }
#entourpage { display: block; border-right: solid 14px; background: #fff url(../imgs/fond.png) repeat-y left top }
#gauche { display: block; width: 180px; float: left }
#corps { position: relative; display: block; margin-left: 180px; padding: 0.2em 0.5em }
#logo  { background: url(../imgs/fond-logo.png) no-repeat right top; width: 180px; height: 150px }
#pied { color: #444; display: block; margin: 0 6%; text-align: center; padding-bottom: 1em }
#menu  { width: 180px }

/* éléments de corps de page */

#menu ol { margin: 0; padding: 0; display: block; list-style-type: none }
#menu ol li  { margin: 0 }
ul.smenu { list-style-type: square; margin-top: 0; margin-bottom: 0; margin-left: 2px; padding: 0; padding-bottom: 1em; padding-right: 24px; color: #fff }
ul.smenu li { margin: 0; list-style-position: inside; padding: 1px 5px }
#promotop   { background-color: #f7f7f7; display: block; margin-bottom: 2em }
#promotop h2 { font-size: 160%; margin: 0.2em 0.4em; border: 0 }
#promotop div.arrondup { background: #eaeaea url(../imgs/arrond-g-up.png) no-repeat top left }
#promotop div.date  { color: #777; font-weight: bold; font-size: 140%; text-align: right; margin: 0; padding: 0.2em 0em; background-image: url(../imgs/arrond-d-up.png); background-repeat: no-repeat; background-position: top right }
#promotop div.arrondbottom { background: transparent url(../imgs/arrond-g-bottom.png) no-repeat bottom left }
#promotop div.arrondbottom div { background: transparent url(../imgs/arrond-d-bottom.png) no-repeat bottom right }
#promotop p { margin: 0.2em 0.6em }
table.encartdouble { border-collapse: collapse}
table.encartdouble td { border: 0 }
table.encartdouble td.fifty { width: 50% }
table.encartdouble td.prem p { margin-right: 0.5em }
table.encartdouble td.sec p { margin-left: 0.5em }
#corps p.baseline { font-style: italic }
#corps p.last { margin-bottom: 2em }
#corps ul.square { list-style-type: square; list-style-image: none }
#corps ul.circle  { list-style-type: circle; list-style-image: none }
#corps p.smenu { background-color: #efefef; padding: 0.3em 0.8em; color: #777; -moz-border-radius: 10px }
#corps p.pagin { color: #777 }
#corps p.repcontact { margin: 5em 1em; font-size: 180% }
#corps p.repcontact span { color: #888; font-size: 60% }

/* classes génériques */

.justif { text-align: justify }
.gauche { text-align: left }
.droite { text-align: right }
.centre { text-align: center }
.milieu { vertical-align: middle }
.top { vertical-align: top }

/* liens de menus et de corps */

a.option:link, a.option { color: #fff; text-decoration: none }
a.option:hover { font-weight: bold; text-decoration: none }
a.smenucorps:link, a.smenucorps { text-decoration: none; padding: 0.4em 0em }
a.smenucorps:hover { text-decoration: underline; padding: 0.4em 0em }
a.smenucorpsact:link, a.smenucorpsact { background: transparent url(../imgs/fleche-smenu.png) no-repeat center bottom; text-decoration: none; font-size: 130%; font-weight: bold; padding: 0.4em 0em }
a.plus:link, a.plus  { font-weight: bold; text-decoration: none; padding-top: 3px; border-bottom: 3px solid }
a.plus:hover  { font-weight: bold; text-decoration: none; padding-bottom: 3px; border-top: 3px solid; border-bottom: none; padding-top: 0 }
a.corps:link, a.corps { text-decoration: underline; font-variant: small-caps }
a.corps:hover { text-decoration: none }
a.nav:link, a.nav { color: #333; text-decoration: none; padding-bottom: 3px }
a.nav:hover { color: #000; text-decoration: none; border-bottom: solid 3px #555; padding-bottom: 0 }
a.page:hover { text-decoration: overline }

/*  Signalétique du plan  */

ol.plansite { padding: 2em 1em; margin: 0.4em 1em 1.5em; border: solid 1px #ddd; background-color: #efefef; list-style-position: inside }
ol.plansite ul { margin: 0em 1em 0em 1em; padding-bottom: 1em }
div#corps>ol.plansite { list-style-position: outside; padding: 1em 3em }
ol.plansite li.last { padding-bottom: 2em; padding-top: 0 }
ol.plansite h3 { font-size: 110%; color: #777 }
ol.plansite a:link, ol.plansite a { color: #444; text-decoration: none; border-bottom: dotted 1px #777 }
ol.plansite a:hover { text-decoration: underline; border-bottom: 0; color: #000 }

/*   champs du formulaire   */
fieldset.message { color: #777; margin: 2% 0% 0%; padding: 1%; border-style: solid; border-width: 1px; border-color: #eee }
fieldset.message legend { color: #888; background-color: #eee; margin: 0px; padding: 0em 0.2em; border: solid 1px #ddd; width: auto }
fieldset.message label  { display: block; float: left; width: 30%; color: #f90; padding-top: 2px; border-left: 6px solid #f90; padding-left: 0.5em }
fieldset.message input, select, textarea { font-size: 100%; width: 64%; margin: 0.2em; border: solid 1px #bbb; background-color: #efefef }
input.bouton  { font-weight: bold; color: #fff; text-decoration: none; background-color: #aaa; padding: 0em; border: outset 2px #888; width: 80% }
fieldset.message input[type=hidden] { display: none }
.parametre  { color: #069; font-weight: bold; font-size: 100%; margin: 0; border: 0; width: 98% }
.parametremodif { color: #F60; font-weight: bold; font-size: 100%; margin: 0; border: 0; width: 98% }
.parametreselect { color: #069; font-weight: bold; font-size: 100%; margin: 0; background-color: #fff; border: 0; width: 98% }
.libelle { color: #777 }
.coloredit { color: #069; font-weight: bold }
.colormodif { color: #f60; font-weight: bold }