/*
 * STYLES GENERAUX
 */
* { margin: 0; padding: 0; border: 0; font-size: 100%; color: black; }
body { background-color: #39c; font: 1em Arial, Helvetica, sans-serif; }
hr { clear: both; width: 0; height: 0; border: 0; color: #D5ECF9; }
a { font-weight: bold; color: #39c; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style-type: none; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; color: inherit; }


/*
 * ENTETE
 */
#logoimg { position:absolute; left: 0; top: 0; width: 273px; height: 252px; margin-left: 3%; margin-top: 10px; text-align: left; z-index: 3; }
h1 { position:absolute; left: 0; top: 1em; width: 86%; height: 123px; margin-left: 13%; margin-right: 3%; margin-top:10px; text-align: center; z-index:1 }
ul#evitement { text-align: right; margin-right: .6em; margin-top: .1em; z-index: 5; }
#evitement li { display: inline; margin: 0 2px; font-size: xx-small; }
#evitement li a { color: #ffbc3a; }
#evitement li a:focus { color: white; !important }


/*
 * MENU HORIZONTAL
 */
#bandomenu { position: absolute; top: 168px; width: 75%; height: 22px; margin-left:180px; border:2px solid #ffbc3a; font-size: .8em; font-weight: bold; text-align: center; }
#bandomenu li { display:inline; line-height: 21px; color: white; }
#bandomenu a { border-bottom: 1px solid #39c; color: white; text-decoration: none; margin: 0 10px; }
#bandomenu a:hover { border-bottom-color: #ffbc3a; }
#bandomenu a:focus { color: #ffbc3a; !important }


/*
 * MISE EN PAGE
 */
#principal { position: absolute; width:100%; height:auto; padding-bottom: 25px; top: 215px; }
#mep { width:94%; margin-left:3%; padding-bottom: 15px; border:2px solid #ffbc3a; background-color: #d5ecf9; }
#mepmenu { width: 25%; float: left; padding-top: 50px; padding-left: 5px; }
#mepcontenu, #mepplan { width: 70%; overflow: auto; padding-top: 15px; padding-bottom: 10px; padding-left: 1em; margin-left: 2%; }

	
/*
 * MENU VERTICAL
 */
#mepmenu li, #mepmenu li li { border: 1px solid #39c; background-color: #39c; margin-bottom: 3px; font-size: .9em; }
#mepmenu li li { padding-left: 1.3em; }
#mepmenu li a, #mepmenu li li a { display: block; border-left: 1em solid #ffbc3a; padding-left: .3em; color: white; font-weight: bold; text-decoration: none; }
#mepmenu li a:hover, #mepmenu li li a:hover { color: #ffbc3a; text-decoration: underline; }
#mepmenu li a:focus, #mepmenu li li a:focus { color: #ffbc3a; !important }


/*
 * BREVES
 */
#conteneurbreves { margin-top:30px; margin-left: 5px; padding:5px; border:2px dashed #ffbc3a; }
#conteneurbreves h2 { padding:1px; font-size: 1.1em; font-weight:bold; color:#39c; text-align:center; }
#conteneurbreves li { border: 1px solid #d5ecf9; }
#conteneurbreves li a { border: 0; font-size: .9em; background-color: #d5ecf9; color: #39c; }
#conteneurbreves li a:hover { color: #39c; text-decoration: underline; }


/*
 * IMAGES ET DOCUMENTS
 */
dt { text-align: center; font-size: .8em; }
dd { font-size: .7em; text-align: center; margin-top: 4px; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_left { margin: 0 1.5em 1em 0; }
.spip_documents_right { margin: 0 0 1em 1.5em; }


/*
 * TEXTES
 */
#hierarchie { font-size: small; color: #39c; }
#mepcontenu h2 { border-left: 1em solid #ffbc3a; margin-top: 1.6em; margin-bottom: 1em; padding-left: .3em; font-size: 1.2em; color: #ffbc3a; font-weight: bold; }
#mepcontenu h3 { margin: 1em 0 .6em 0; text-align: center; color: #39c; border-bottom: 2px solid #ffbc3a; }
#mepcontenu  #chapo { padding-left: 1.6em; font-weight: bold; }
#mepcontenu p { margin-bottom: 1em; text-align: justify; }
#mepcontenu p.centre { text-align: center; }
#mepcontenu ul { margin-bottom: 1em; }
#mepcontenu #postscriptum { margin-top: 2em; text-align: right; font-size: .8em; }
#mepcontenu .notes { border-top: 1px dashed #39c; padding-top: 2px; font-size: .8em; }
ul.spip li.spip { list-style: disc inside url(deco/fleche.gif); }
ul.acces { margin-bottom: 1em; }
ul.acces li { line-height: 1.5em; }
.spip_surligne { background-color: #ffbc3a; color: black; padding: 0 2px; }


/*
 * MOTEUR DE RECHERCHE
 */
#mepmenu form { width: 94%; margin: 1em 0; padding: 5px; border: 1px solid #39c; background-color: transparent; font-size: .8em; color: #39c; }
#mepmenu label { font-weight: bold; color: #39c; }
#mepmenu input { width: 98%; background-color: #ffbc3a; margin-top: .3em; padding: .2em; color: #39c; font-weight: bold; }
.page_recherche h2 strong { color: #39c; }


/*
 * TABLEAUX
 */
table { width: 45%; border: 1px solid #ffbc3a; border-collapse: collapse; }
tr.row_odd { background-color: white; }
tr.row_even { background-color: #fcd486; }
td { padding: 4px; }
caption { padding-bottom: .6em; font-size: .8em; }


/*
 * PLAN DU SITE
 */
#mepplan h2 { border-left: 1em solid #ffbc3a; margin-top: 1em; margin-bottom: .6em; padding-left: .3em; font-size: 1.2em; color: #ffbc3a; font-weight: bold; }
#mepplan li { margin-left: 2em; }
#mepplan li a { font-weight: normal; }
#mepplan li strong a { font-weight: bold; }
#mepplan li.niveau { margin-top: 1em; }


/*
 * CONTACTS formulaire
 */
#contacts { width: 95%; font-size: 90%; }
#contacts fieldset { font-style: normal; padding: 1em; border: 1px solid #39c; }
#contacts legend { font-weight: bold; color: #ffbc3a; padding: 0 .3em; font-size: 130%; }
#contacts p { padding: .6em; margin: 0 0 .2em 0; }
#contacts fieldset label { float: left; width: 30%; text-align: right; padding: 2px 18px 2px 2px; line-height: 1.3em; background: url(deco/fleche.gif) center right no-repeat; }
#contacts input, #contacts textarea, #contacts select { padding: 2px; border: 1px solid #39c; background-color: white; }
#contacts option { padding: 0 4px 0 4px; }
#contacts a.aide { text-decoration: none; }
#contacts a.aide:hover { cursor: help; }
#contacts .focus { border: 1px solid #ffbc3a; }
#contacts .normal { border: 1px solid #39c; }
#contacts #submit { padding: 2px; background: #ffbc3a; color: #39c; font-size: 105%; font-weight: bold; cursor: pointer; border-right: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; border-left: 0; border-top: 0; }
p#alerte { width: 90%; border: 6px double red; color: red; font-weight: bold; padding: .5em; text-align: center; }
#merci { border: 1px solid #39c; padding: 1em; }
#merci p { text-align: center; font-weight: bold; }