* { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 12px }
img { border: 0 }
body { background: #fff url(images/background.jpg) 100% 100% no-repeat fixed; margin-bottom: 17px }
a { color: #f60; text-decoration: underline; font-weight: bold	}
a:hover { color: #5F60B0; text-decoration: none }
option { padding: 0 3px }

/* en-tête */
#head { height: 95px; width: 100%; margin-bottom: 25px; _margin-bottom: 18px; background: url(images/fondheader.gif) }
#logo { float: left; height: 90px; width: 101px; background: url(images/papillon.gif) no-repeat; margin-top: 2px }
#baseline { float: left; height: 90px; width: 623px; margin-top: 17px; background: url(images/baseline.gif) no-repeat }

/* menu */
/* cf. styles_opera.css */
#menu { position: absolute; top: 95px; left: 0; width: 100%; background: url(images/fondmenu.jpg) repeat-x 100% 0 }
#menu ul { list-style: none }
#menu li { float: left; position: relative; width: 135px; height: auto; border-right: 1px solid #fff }
#menu li ul { display: none; position: absolute }
#menu li:hover ul, #menu li.over ul { display: block } /* sous-menu */
#menu a { width: 127px; _width: 135px; padding: 4px; display: block; text-decoration: none; color: #fff; background: url(images/menu_violet.gif) }
#menu li ul li { border: 0; width: 160px } /* sous-menu */
#menu li ul li a { background: #5F60B0; color: #fff; border-top: 1px solid white; width: 100% } /* sous-menu */
#menu a:hover, #menu a.actif { background: url(images/menu_orange.gif); color: #333 } /* survolé & actif */
#menu li ul li a:hover, #menu li ul li a.actif { background: #fc0 } /* sous-menu survolé & actif */
#menu a.actif { cursor: default }
#menu a.sub { text-decoration: underline } /* menu avec sous-menu actif */
#menu a.sub:hover { color: #fff } /* menu survolé avec sous-menu actif */

/* commun */
h1, h2, h3 { font-size: 130%; letter-spacing: 1px; padding: 10px 0 }
h3 { font-size: 100%; padding: 0 }
.narrow { letter-spacing: 1px; padding: 7px 0 }
.alerte { color: red; font-weight: bold }
.folio {  }
.folio span { font-weight: bold; visibility: hidden }
.nospc { white-space: nowrap }
.petit { font-size: 85% }
.spacer { clear: both }
.fond { background: url(images/fond_clair.gif) }

/* news */
#left {
	position: absolute; top: 130px; left: 7px; width: 220px; height: 250px; overflow: hidden; 
	background: url(images/cadre-250.gif) no-repeat;
}
#left img { margin-right: 3px; border: 2px solid white }
#date { font-style: italic; margin-bottom: 7px }
#left a { color: #ffc }
#left a:hover { color: #5F60B0 }
#left h1, #left p { color: #fff }

/* encart */
#info {
	position: absolute; top: 630px; left: 7px; width: 220px; height: 140px; 
	background: url(images/cadre-140.gif) no-repeat
}

/* news & encart */
#left h1, #info h1 { font-size: 107%; padding: 7px 7px 7px 13px; letter-spacing: 0 }
#left p, #info p { padding: 5px 7px 5px 13px; line-height: 124%; _line-height: 120% }
#left p, #left a, #left p span { font-size: 95% }

/* logo bas */
#logobas {
	position: absolute; top: 394px; left: 7px; width: 220px; height: 225px; 
	background: url(images/logojemmapes2.gif) no-repeat
}

/* corps */
#milieu { margin-right: 15px }

/* milieu */
#milieu h1, #milieu h2 { color: #5F60B0; margin: 10px 0; border-bottom: 1px solid #eee }
#milieu p { margin-bottom: 10px }
#milieu img { margin: 4px 7px 0 0; _margin: 5px 7px 0 3px; border: 1px solid #000 }
#milieu ul, #milieu ol { margin: 7px 1px; list-style: none }
#milieu ul li { margin-top: 3px; padding-left: 15px; background: url(images/puce.gif) no-repeat 0 6px }
#milieu p, #milieu ul { text-align: justify; line-height: 154% }
#milieu h3 { color: #08C0C0; font-size: 117%; padding: 5px 0 }

/* emploi */
.emploi span { color: #5F60B0 }

/* listes */
ul.listicone { margin-bottom: 20px; list-style: none }
#milieu .listicone li { background: url("images/puce_cochee.gif") no-repeat 5px 2px; padding: 0 0 13px 23px; line-height: 143% }
#milieu .listicone h2 { font-size: 123%; letter-spacing: 1px; padding: 0; background: none; border: 0; color: #08C0C0 }

/* tableaux */
.tableau { width: 100%; _width: 95%; margin-bottom: 10px }
.tableau td { border: 1px solid #ccc; padding: 2px 2px }
.tabis td { border: 0; border-bottom: 1px solid #ccc }
.tableau .entete td { font-weight: bold; padding: 4px 2px }

/* tableaux calcul */
.calcul table { /*width: 100%; _width: 95%;*/ margin-bottom: 5px; border-collapse: collapse }
.calcul table td { border: 1px solid #ccc; padding: 3px 5px }

/* icones */
.icone { height: 11px; margin: 2px 0 3px 0 }
.icone a { 
	font-size: 90%; 
	line-height: 100%; 
	display: block; 
	padding-left: 16px; 
	margin-right: 7px; 
	float: left;
	background-repeat: no-repeat;
	background-position: 0 80%
}
a.email { background-image: url("images/icone_mail.gif") }
a.web { background-image: url("images/icone_web.gif") }
a.edit, a.suppr { display: block; height: 16px; width: 16px; margin: 0 3px; float: left }
a.edit { background-image: url("images/icone_edit.gif") }
a.suppr { background-image: url("images/icone_suppr.gif") }
a.admina { color: #90c }
a.admina:hover { color: #999 }


/* copyright */
#ppan { position: absolute; top: 2px; right: 2px; display: block; width: 17px; height: 17px; text-decoration: none; background: url("images/pierre-pesty.gif") no-repeat }
#ppan span { display: none }

/*------------------------------------------------------ browser & users */
#milieu table.browser img, #milieu table.listing img { margin: 0; _margin: 0; border: 0 }

#milieu table.browser, #milieu table.listing { border-collapse: collapse; width: auto }

table.browser td { padding-right: 7px }
table.browser * { padding: 0; margin: 0; border: 0; text-decoration: none; }
table.browser td.icon img, table.browser td.icon a, .inlineclass, table.browser td * { vertical-align: middle; display: inline-block; white-space: nowrap }

table.browser td.date {  }
table.browser td.deledit {  }
table.browser td.first * { font-size: 110%; vertical-align: top }
table.browser td img.iconfile { padding: 0 3px }
table.browser .dossier { background: url('images/icons/i_dir.gif') no-repeat 3px -2px; padding-left: 21px; font-weight: bold }

table.listing td { border: 1px solid #999; padding: 2px 4px; text-align: left }
table.listing td.texte {  }
table.listing td.justif { text-align: justify; padding: 3px }

/*------------------------------------------------------ folio */
.flottant { position: relative }
p.folio, p.foliorel { width: auto; margin: 0; padding: 0 }
p.folio { position: absolute; top: 13px; right: 0; z-index: 500 }
p.folio span, p.foliorel span { visibility: hidden }
p.folio a, p.foliorel a { position: relative; display: block; width: 19px; height: 17px; float: left; margin-left: 5px }
p.foliorel a { margin: 0 5px 0 0 }
a.folio_first { background: url('images/bout_start.gif') }
a.folio_back { background: url('images/bout_back.gif') }
a.folio_next { background: url('images/bout_next.gif') }
a.folio_last { background: url('images/bout_end.gif') }
a.folio_page { background: url('images/bout_page.gif') }
.choosepage { position: absolute; top: -1px; right: 82px; font-size: 12px; z-index: 300; width: auto; margin: 0; padding: 0 }

a#top { display: block; width: 100%; height: 95px }
a#top span { display: none }