/* COMMUN */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; }
* { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
	/* liens */
a, a:link, a:visited { text-decoration: none; color: #885914; }
a:hover { text-decoration: underline; }
	/* global */
#global { position: relative; top: 0px; left: 0px; width: 960px; }


/* TOP */
	/* bandeau top */
#top { position: absolute; top: 0px; margin-left: 196px; width: 769px; height: 109px; background-color: #FFE2B7; }
#guide { position: absolute; top: 0px; left: 106px; width: 663px; height: 109px; background: url(../images/bandeau-top.gif) no-repeat; }
#guide a { display: block; width: 658px; height: 109px; text-indent: -5000px; overflow: hidden; }
#coop { position: absolute; top: 2px; left: 15px; width: 85px; height: 50px; }
#coop a { display: block; width: 85px; height: 50px; text-indent: -5000px; overflow: hidden; background: url(../images/logo-coop.gif) top no-repeat; }
#top object { position: absolute; top: 55px; left: 5px; }
	/* espace abonne */
#log { position: absolute; top: 8px; right: 0px; width: 160px; height: 109px; }
#log span { display: block; padding: 5px 0px 2px 0px; font-size: 11px; text-align: right; font-weight: bold; color: #885914; }
#log ul { list-style-type: none; }
#log ul.login { padding-top: 0px; }
#log li { float: left; }
#log li input { width: 100px; height: 14px; font-size: 9px; color: #885914; border: 1px solid #FBAC39; }
#log li.int { height: 18px; line-height: 18px; width: 55px; color: #CFA260; font-size: 10px; text-align: right; }
#log li.champs { height: 18px; line-height: 16px; padding-left: 3px; }
#log li.button a, #log li.button a:link, #log li.button a:visited { display: block; width: 100px; height: 12px; color: #FBAC39; line-height: 12px; font-size: 11px; text-align: center; font-weight: normal; text-decoration: none; margin: 0px 0px 0px 58px; border: 1px solid #FBAC39; }
#log li.button a:hover { background-color: #FFEDD3; color: #FBAC39; }
#log li.oublie { width: 157px; padding: 2px; font-size: 10px; text-align: right; }
#log li.oublie a { color: #CFA260; }
#log li.nom { width: 157px; height: 20px; line-height: 20px; color: #205294; font-weight: bold; text-align: right; }
#log li.espace { width: 157px; height: 20px; line-height: 20px; text-align: right; }
#log li.dec { width: 157px; height: 20px; line-height: 20px; text-align: right; }
#log li a { color: #205294; font-weight: normal; }


/* GAUCHE */
#gauche { position: absolute; width: 196px; height: auto; z-index: 500; }
	/* menu top */
#menu { position: relative; top: 0px; left: 0px; width: 196px; height: auto; padding: 8px 0px 8px 0px; background-color: #FFE2B7; }
#menu ul { width: 145px; font-weight: bold; }
#menu .acc { width: 111px; height: 22px; line-height: 22px; background: url(../images/retour-accueil.gif) no-repeat; }
#menu .acc a, #menu .acc a:link, #menu .acc a:visited, #menu .acc a:hover { display: block; font-size: 11px; color: #885914; padding: 0px 0px 0px 6px; }
#menu .som { color: #F89401; font-size: 11px; padding: 8px 0px 0px 6px; }
#menu li.lienOff, #menu li.lienOn, #menu li.som { height: 21px; line-height: 20px; background: url(../images/trait-menu.gif) left bottom no-repeat; }
#menu li.lienOff a, #menu li.lienOff a:link, #menu li.lienOff a:visited { display: block; font-size: 12px; width: 139px; color: #885914; padding: 0px 0px 0px 6px; }
#menu li.lienOff a:hover { color: #FFFFFF; background: url(../images/degrade-menu.gif) repeat-y; text-decoration: none; }
#menu li.lienOn a, #menu li.lienOn a:link, #menu li.lienOn a:visited, #menu li.lienOn a:hover { display: block; font-size: 12px; width: 139px; color: #FFFFFF; background: url(../images/degrade-menu.gif) repeat-y; text-decoration: none; padding: 0px 0px 0px 6px; }
	/* navigation / sous nav */
.nav { position: absolute; display: none; left: 0px; width: 195px; padding-bottom: 3px; border-right: 1px solid #4DAB34; border-bottom: 2px solid #4DAB34; background-color: #92D480; }
div.ssnav { position: absolute; display: none; min-width: 250px; margin-top: -19px; margin-left: 193px; padding-bottom: 3px; border: 1px solid #4DAB34; background-color: #92D480; z-index: 1000; }
.nav h2 { width: 190px; height: 16px; font-size: 12px; color: #FFFFFF; padding: 2px 0px 0px 6px; background: url(../images/top-nav.gif) no-repeat; }
.nav h3, div.ssnav h3 { min-height: 16px; height: auto; line-height: 16px; font-size: 11px; color: #FFFFFF; margin: 3px 3px 0px 3px; background-color: #76C45F; }
div.ssnav * { white-space: nowrap; }
.nav ul.ss, div.ssnav ul.ss { margin: 0px 3px 0px 3px; }
.nav span, div.ssnav span { margin: 0px 3px 0px 3px; }
.nav a, .nav a:link, .nav a:visited, div.ssnav a, div.ssnav a:link, div.ssnav a:visited { display: block; color: #FFFFFF; height: auto; font-size: 11px; padding: 0px 3px 0px 3px; }
.nav a:hover, div.ssnav a:hover { background-color: #4DAB34; text-decoration: none; }
	/* coin perso */
#coin-perso { position: relative; width: 196px; height: auto; padding: 10px 0px 17px 0px; background-color: #FFE2B7; }
#article-maj { position: relative; top: 0px; left: 17px; width: 160px; text-align: center; margin-bottom: 10px; border: 1px solid #4DAB34; }
#article-maj h4 { width: 160px; line-height: 11px; padding: 3px 0px 0px 0px; font-size: 11px; color: #4DAB34; }
#article-maj select { height: 18px; width: 146px; font-size: 10px; color: #ffffff; border: 1px solid #4DAB34; margin: 4px; background-color: #76C45F; }
#coin-perso .inscription { position: relative; display: block; top: 0px; left: 17px; width: 156px; font-size: 9px; color: #FFFFFF; text-align: center; padding: 2px; background-color: #76C45F; border: 1px solid #4DAB34; }
#coin-perso .inscription strong { font-size: 12px; }
#coin-perso .inscription:hover { text-decoration: none; }


/* CENTRE */
	/* centre */
#centre { position: relative; top: 109px; left: 196px; width: 767px; border: 1px solid #61A4D3; margin: 0px 0px 10px 0px; background-color: #F4F8FA; z-index: 200; }
	/* onglets */
#onglets { height: 18px; padding-left: 2px; border-bottom: 1px solid #61A4D3; background-color: #D6E8F1; }
#onglets label { display: block; float: left; font-size: 11px; min-width: 104px; width: auto; height: 16px; line-height: 18px; text-align: center; padding: 0px 10px 0px 10px; margin: 1px 0px 0px 1px; border-top: 1px solid #61A4D3; border-left: 1px solid #61A4D3; border-right: 1px solid #61A4D3; }
#onglets label.ongOn { color: #666666; font-weight: bold; text-decoration: none; background-color: #F4F8FA; border-bottom: 1px solid #F4F8FA; }
#onglets label.ongOff { color: #61A4D3; text-decoration: none; cursor: pointer; }
#onglets label.ongOff:hover { background-color: #E8F2F7; }
	/* fil d'ariane */
#centre > h4 { position: relative; clear: both; top: 0px; left: 0px; height: auto; line-height: 12px; padding: 3px 5px 3px 5px; color: #61A4D3; font-size: 10px; } /*  min-height: 25px; */
#centre > h4 span { font-size: 11px; }
#centre > h4 a { color: #61A4D3; }
	/* article */
#article, #contenu { position: relative; top: 0px; left: 3px; width: 580px; min-height: 500px; height: auto; padding: 10px; border-left: 1px solid #61A4D3; border-top: 1px solid #61A4D3; border-right: 1px solid #61A4D3; background-color: #FFFFFF; z-index: 300; }
#article h3.titre, #contenu h3.titre { font-size: 19px; width: auto; height: 20px; line-height: 20px; height: auto; font-weight: bold; color: #666666; }
#article > p { margin-bottom: 10px; }
#article > ul { list-style-image: url(../images/puce-noir.gif); margin: -8px 0px 10px 40px; }
#article #resume { margin: 8px 0px 16px 0px; color: #990000; }
#article #postscriptum { margin-top: 20px; font-size: 11px; font-style: italic; color: #000000; padding-top: 5px; border-top: 1px solid #000000; }
#article p.info { margin-top: 10px; }
span.titre-para { color: #2C659D; font-weight: bold; font-size: 13px; }
span.legend { font-style: italic; text-decoration: underline; font-size: 11px; }
a.lien-gloss, a.lien-gloss:link,  a.lien-gloss:visited { text-decoration: underline; color: #990000; }
a.lien-gloss:hover { text-decoration: none; }
#article p.insc { margin: 10px; padding: 5px; border: 1px solid #885914; text-align: center; }
	/* glossaire */
#alphabet { height: 20px; margin: 10px 0px 0px 0px; }
#alphabet li { display: block; float: left; width: 22px; text-align: center; }
#alphabet li a.off, #alphabet li a.off:link, #alphabet li a.off:visited, #alphabet li a.off:hover { color: #205294; }
#alphabet li a.on, #alphabet li a.on:link, #alphabet li a.on:visited, #alphabet li a.on:hover { color: #990000; font-weight: bold; text-decoration: underline; }
#expression { list-style-image: url(../images/puce-rouge.gif); margin: -8px 0px 10px 40px; padding: 20px 0px 0px 0px; }
#expression li { padding-bottom: 10px; }
#expression li span { color: #990000; }
	/* definitions glossaire */
div.glos { display: none; position: absolute; width: 250px; height: auto; font-size: 11px; color: #FFFFFF; padding: 5px; border: 1px solid #990000; background-color: #AE2A2A; z-index: 600; }
div.glos h4 { display: none; }
	/* point de detail */
a.lien-detail, a.lien-detail:link, a.lien-detail:visited { text-decoration: underline; color: #2F69A7; }
a.lien-detail:hover { text-decoration: none; }
.para-detailOff { display: none; height: 0px; }
.para-detailOn { display: block; height: auto; background-color: #D6E8F1; padding: 10px; }
	/* archives */
.block-archive { -moz-opacity: 0.4; opacity: 0.4; }
	/* result search */
#article h3.titre-recher { font-size: 15px; height: 30px; line-height: 30px; padding-left: 35px; margin: 0px 0px 10px 0px; font-weight: bold; color: #798187; }
div.result-search { padding-bottom: 30px; }
div.result-search h3.titre a, div.result-search h3.titre a:link, div.result-search h3.titre a:visited, div.result-search h3.titre a:hover { color: #990000; text-decoration: none; }
div.result-search p a, div.result-search p a:link, div.result-search p a:visited, div.result-search p a:hover { color: #000000; text-decoration: none; }
div.result-search .chapeau { margin-top: 6px; clear: both; }
	/* page suivante / prédente */
#bottom { position: relative; bottom: 0px; left: 3px; width: 580px; padding: 10px; border-left: 1px solid #61A4D3; border-right: 1px solid #61A4D3; background-color: #FFFFFF; }
#bottom p { position: relative; height: 18px; line-height: 18px; background-color: #F4F8FA; border: 1px solid #61A4D3; }
#bottom a { color: #61A4D3; font-size: 11px; font-weight: bold; }
#bottom #prev { position: absolute; left: 0px; margin-left: 5px; }
#bottom #next { position: absolute; right: 0px; margin-right: 5px; }


/* FORMULAIRE */
	/* inscription */
p.form { width: 537px; height: auto; margin-bottom: 3px; font-size: 11px; line-height: 18px; }
p.form label { display: block; float: left; clear: both; width: 200px; height: auto; text-align: right; font-weight: bold; padding-right: 5px; }
p.form span { color: #FF0000; font-weight: normal; font-size: 12px; }
p.form span.indice { color: #000000; font-weight: normal; font-size: 10px; line-height: 11px; }
input.text { width: 250px; font-size: 11px; height: 14px; }
input.textOn { width: 252px; font-size: 11px; height: 16px; background-color: #ffd79f; border: 1px solid #a5acb2; }
input.password { width: 250px; font-size: 11px; height: 14px; }
input.passwordOn { width: 252px; font-size: 11px; height: 16px; background-color: #ffd79f; border: 1px solid #a5acb2; }
input.checkbox { width: 14px; height: 22px; vertical-align: middle; }
input.radio { width: 14px; height: 22px; vertical-align: middle; }
input.radioOn { width: 14px; height: 22px; vertical-align: middle; background-color: #ffd79f; border: 1px solid #a5acb2; }
textarea.textarea { width: 250px; height: 60px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
textarea.textareaOn { width: 250px; height: 60px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #ffd79f; border: 1px solid #a5acb2; }
select.select { width: auto; font-size: 11px; height: 18px; }
select.selectOn { width: auto; font-size: 11px; height: 18px; background-color: #ffd79f; border: 1px solid #a5acb2; }
input.valider { width: 150px; font-size: 11px; height: 20px; line-height: 10px; margin: 5px 0px 0px 205px; }


/* DROITE */
#droite { position: absolute; margin-left: 605px; width: 161px; padding-bottom: 10px; }
#droite ul { font-size: 11px; list-style-image: url(../images/puce-noir.gif); margin-left: 15px; padding: 4px 5px 4px 5px; }
#droite a, #droite a:link, #droite a:visited, #droite a:hover { color: #000000; }
	/* bloc autres actions */
#actions { position: relative; top: 0px; left: 0px; width: 158px; height: 20px; margin-bottom: 10px; background-color: #D6E8F1; }
#actions ul { margin: 0px; padding: 0px; }
#actions li { list-style: none; float: left; padding-left: 5px; padding-right: 5px; }
#actions .imprim a { display: block; width: 100px; height: 20px; line-height: 20px; padding-left: 30px; background: url(../images/print.gif) no-repeat; }
	/* bloc annexes */
#annexes { position: relative; top: 0px; left: 0px; width: 158px; margin-bottom: 10px; background-color: #FFFFFF; }
#annexes h4 { width: 134px; height: 20px; line-height: 20px; padding: 0px 0px 0px 24px; font-size: 11px; color: #2F69A7; background: url(../images/picto-annexes.gif) left no-repeat #D6E8F1; }
	/* bloc liens associé*/
#liens { position: relative; top: 0px; left: 0px; width: 158px; margin-bottom: 10px; background-color: #FFFFFF; }
#liens h4 { width: 134px; height: 20px; line-height: 20px; padding: 0px 0px 0px 24px; font-size: 11px; color: #2F69A7; background: url(../images/picto-liens.gif) left no-repeat #D6E8F1; }
	/* bloc recherche */
#recherche { position: relative; top: 0px; left: 3px; width: 156px; height: 90px; padding: 0px 5px 0px 5px; margin-bottom: 10px; background: url(../images/recherche.gif) no-repeat; }
#recherche h4 { width: 146px; height: 20px; line-height: 20px; padding: 0px 0px 3px 3px; font-size: 11px; color: #ffffff; }
#recherche input { height: 16px; width: 119px; font-size: 10px; color: #205294; padding-left: 3px; border: 1px solid #61a4d3; background-color: #f0f5f8; float: left; }
#recherche select { height: 18px; width: 146px; font-size: 10px; color: #205294; border: 1px solid #61a4d3; margin-top: 4px; background-color: #f0f5f8; float: left; }
#recherche a.ok, #recherche a.ok:link, #recherche a.ok:visited { display: block; float: left; width: 18px; height: 16px; text-align: center; color: #ffffff; margin: 0px 0px 0px 2px; text-decoration: none; background-color: #61a4d3; border: 1px solid #61a4d3; }
#recherche a.ok:hover { background-color: #f0f5f8; color: #205294; }
	/* bloc glossaire */
#glossaire { position: relative; top: 0px; left: 3px; width: 156px; height: 38px; padding: 0px 5px 0px 5px; margin-bottom: 10px; background: url(../images/glossaire.gif) no-repeat; }
#glossaire h4 { width: 146px; height: 20px; line-height: 20px; padding: 0px 0px 1px 3px; font-size: 11px; color: #ffffff; }
#glossaire p { font-size: 10px; padding-left: 3px; }
#glossaire p a, #glossaire p a:link, #glossaire p a:visited, #glossaire p a:hover { color: #990000; }