* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333; }
html { padding: 0; margin: 0; }
body { width: 980px; background: #FFF; padding: 0; margin: 10px auto 10px auto; }
ul, li, ol { list-style-type: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #0060B6; }
a:hover { color: #FF7F00; }
p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, em, strong { font-size: 1em; font-style: normal; font-weight: normal; color: #333; }
div, form, table, tr, td, th { padding: 0; margin: 0; border: 0; font-weight: normal; font-style: normal; }
td, th { vertical-align: top; }
th { text-align: left; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
i { font-size: 1em; font-style: italic; }
b { font-size: 1em; font-weight: bold; }
img { border: 0; }

form input[type="text"],
form input[type="password"] { height: 15px; width: 180px; font-weight: normal; border: 1px solid #AAA; background: #F6F6F6; padding: 1px 2px 0 2px; }
form input:hover { border: 1px solid #888; background: #E6E6E6; color: #000; }
form input.submit,
form input.button { font-weight: normal; background: #6BF; padding: -6px 6px 0 6px; margin: 0 0 0 5px; font-variant: small-caps; font-weight: bold; color: #FFF; height: 18px; cursor: pointer; font-size: 1.1em;
border: 1px solid #58B; 
border-left: 1px solid #8DF; 
border-top: 1px solid #8DF; }
form input.submit:hover, form input.button:hover { background: #49D;
border: 1px solid #8DF; 
border-left: 1px solid #58B; 
border-top: 1px solid #58B; }
form label { font-weight: normal; }
form select { font-weight: normal; border: 1px solid #AAA; background: #F6F6F6; margin: 0 0 0 5px; }
form select:hover { border: 1px solid #888; background: #E6E6E6; color: #000; }
form textarea { width: 180px; height: 80px; font-weight: normal; border: 1px solid #AAA; background: #F6F6F6; padding: 1px 2px 0 2px; margin-bottom: 4px; }
form textarea:hover { border: 1px solid #888; background: #E6E6E6; color: #000; }


/* bandeau du haut */
#header { position: relative; width: 966px; margin: 0 auto 0 auto; }
#logo { float: left; width: 294px; height: 61px; background: url(/img/logo_electro.png) no-repeat; margin: 5px 0; }
#logo span { display: none; }
#header .pubBox { float: right; width: 485px; height: 60px; margin: 5px 0; background: url(/img/pubTextVertical.png) no-repeat 0 5px; }
#header .pubBox img { float: right; }
#header .text { clear: both; width: 966px; text-align: center; color: #666; font-size: 0.95em; padding: 10px 0; }


/* cadre principal */
#content { position: relative; width: 980px; }
#content span.borderTop { position: relative; display: block; height: 6px; background: url(/img/border_top.png) no-repeat; }
#content span.borderBottom { position: relative; display: block; height: 8px; background: url(/img/border_bottom.png) no-repeat; }
#content div.content { position: relative; display: block; border: 1px solid #DCD9D9; border-width: 0 1px; padding: 10px 0 0 0; }
* html #content span.borderTop { margin-bottom: -9px; padding-bottom: 0; }


/* menu de gauche */
#content div.content div.menu { position: absolute; top: 10px; left: 20px; width: 160px; }
#content div.content div.menu span.title { display: block; margin: 0 0 5px 0; color: #CCC; font-size: 1.6em; font-weight: bold; }
#content div.content div.menu ul.menu li { padding: 20px 0 0 0; }
* html #content div.content div.menu ul.menu li { padding: 12px 0 0 0; }
*+html #content div.content div.menu ul.menu li { padding: 12px 0 0 0; }
#content div.content div.menu ul.menu li.navAnnuaire { padding: 12px 0 0 0; font-weight: bold; }
#content div.content div.menu ul.menu li.navZone { padding: 12px 0 2px 0; color: #666; font-weight: bold; }
#content div.content div.menu ul.menu li.navSSzone { padding: 2px 0 0 0; }
#content div.content div.menu ul.menu li.navSSzone a { color: #0060B6; }
#content div.content div.menu ul.menu li.navSSzone a:hover { color: #FF7F00; }
#content div.content div.menu ul.menu li.navSSzone span { font-size: 0.9em; color: #666; font-weight: normal; }
#content div.content div.menu ul.menu li a.navOnThis { color: #FF7F00; }

#content div.content div.menu form.authent { margin: 20px 0 0 0; }
#content div.content div.menu form.authent span { display: block; color: #666; font-weight: bold; }
#content div.content div.menu form.authent input[type="text"], #content div.content div.menu form.authent input[type="password"], 
* html #content div.content div.menu form.authent input.text { clear: both; color: #666; width: 120px; padding: 0 2px; margin: 3px 0 0 0; }
#content div.content div.menu form.authent input.submit, 
* html #content div.content div.menu form.authent input.submit { display: block; clear: both; margin: 3px 0 0 0; float: left; }

#content div.content div.menu p.authent { margin: 20px 0 0 0; color: #666; font-size: 0.9em; }
#content div.content div.menu p.authent a { font-size: 1em; }

#content div.content div.menu span.legende { display: block; margin: 36px 0 4px 2px; color: #888; font-weight: bold; }
* html #content div.content div.menu span.legende { margin: 36px 0 4px 2px; }
#content div.content div.menu table.legende { border: 1px solid #EEE; width: 150px; }
#content div.content div.menu table.legende tr th { color: #666; font-size: 0.95em; padding: 1px 1px 1px 2px; }
#content div.content div.menu table.legende tr td { color: #888; font-size: 0.95em; padding: 1px 1px 1px 2px; }

/* partie centrale */
#mainContent { margin: 0 290px 0 190px; min-height: 400px; padding: 0 0 10px 0; }
* html #mainContent { height: 440px; }
*+html #mainContent { min-height: 440px; }
#mainContent h2 { margin: 0 0 12px 0; color: #FF7F00; font-size: 1.6em; font-weight: bold; }
#mainContent h3 { margin: 15px 0 6px 0; color: #FF7F00; font-size: 1.2em; font-weight: bold; }
#mainContent h3 span { color: #666; font-size: 1em; }
#mainContent h4 { margin: 25px 0 6px 0; color: #FF7F00; font-size: 1.4em; font-variant: small-caps; }
#mainContent h5 { color: #FF7F00; font-size: 1.1em; margin: 10px 0 10px 0; }
#mainContent h6 { color: #FF7F00; font-size: 1em; margin: 16px 0 6px 0; font-weight: normal; font-style: italic; }

p.paginationList { padding: 5px 0 20px 0; }
p.paginationList span { width: 50%; display: block; float: left; font-style: italic; }
p.paginationList span.nbPage { text-align: right; }
p.paginationDetail { padding: 10px 0 10px 0; }
p.paginationDetail span { width: 50%; display: block; float: left; font-style: italic; }
p.paginationDetail span.nbPage { text-align: right; }
p.paginationDetail span.returnToList a { font-style: italic; font-size: 0.95em; letter-spacing: 1px; }

.error { color: #E30; }
.ok { color: #393; }
.miniText { font-size: 0.95em; color: #666; letter-spacing: 1px; }

#longtexte p { text-align: justify; }
#longtexte ul li { font-size: 1em; margin-top: 2px; list-style-type: disc; list-style-position: inside; }

#mainContent div#accroche p { font-size: 0.95em; line-height: 3ex; }
#mainContent div#accroche ul { margin: 5px 0 10px 20px; }
#mainContent div#accroche ul li { font-size: 0.95em; margin-top: 2px; list-style-type: disc; }


/* partie pub de droite */
#content div.content div.pubBox { position: absolute; top: 30px; right: 20px; width: 260px; min-height: 250px; background: url(/img/pubTextHorizontal.png) no-repeat top center; padding: 18px 0 0 0; }
#content div.content div.pubBox img { margin: 0 0 10px 10px; float: left; }
#content div.content div.pubBox a.pubIci { display: block; width: 250px; float: none; text-align: center; font-size: 0.95em; margin: 0 0 10px 10px; }


/* partie du bas */
#footer { position: relative; clear: both }
#footer ul.menuRSS { margin: -6px 0 0 26px; position: absolute; }
*+html #footer ul.menuRSS { margin: 0 0 0 26px; position: absolute; }
#footer ul.menu { text-align: center; margin: 10px 0 5px 0; }
#footer ul.menu li { display: inline; padding: 0 2px; }
#footer ul.menuRSS li { font-size: 0.9em; padding: 2px 0 0 0; }
#footer ul.menuRSS li a img { position: absolute; left: -18px; top: 0px; }
* html #footer ul.menuRSS li a img { margin-top: 2px; }
*+html #footer ul.menuRSS li a img { margin-top: 3px; }
#footer ul.menu li a,
#footer ul.menuRSS li a { font-size: 0.95em; color: #0060B6; }
#footer ul.menu li a:hover,
#footer ul.menuRSS li a:hover { color: #FF7F00; }
#footer ul.menu li a.navOnThis { color: #FF7F00; }
#footer ul.menuRSS li a.navOnThis { color: #FF7F00; }
#footer p.copyright { text-align: center; font-size: 0.95em; color: #999; }
#footer p.copyright a { font-size: 1em; color: #999; }