html { overflow-y: scroll; overflow: -moz-scrollbars-vertical;}
body { padding:0; margin:0; position: relative; text-align: center; background: black url("images/fondBody.jpg") 50% 0 no-repeat; font-family: Trebuchet, Verdana, sans-serif; overflow:auto;}
input, textarea, select, input:hover, a, a:hover, a:active, img, fieldset, button { text-decoration: none; border: none; outline: none; }
table, div.bloc { margin: 0 0 1.5em 0; padding:0; border: none; border-spacing:0;}
li, ul { list-style:none; padding:0;}
form, caption, tr, td, th, ol, ul, li, a, p, blockquote, h1, h2, h3, h4, h5, h6, dl, dd, dt { font-style: normal; font-size: 1em; margin:0; padding:0;}
input,select,textarea {font-family: Trebuchet, Verdana, sans-serif; font-size: small;}
a { color: inherit;}
label {vertical-align:top;}
body>h1 { position: absolute; text-indent:-9999px;}

/******************* CONTENEUR ******************/
div#conteneur { position: relative; width: 936px; min-height:1000px; margin: 20px auto 3px; background: transparent url("images/papier.jpg") repeat-y; }
/******************* CONNEXION ******************/
div#connexion { position: absolute; right:15px; z-index:100; text-align: right; font-size:small; color: black;}
div#connexion span { cursor: default;}
div#connexion p.mini { font-size: x-small;}
form#formLogin input[type=text], form#formLogin input[type=password] { margin: 0.3em 0 0 0.5em; background-color: white; border: thin solid black;}
input#login {width:150px;}
input#password {width: 125px;}
form#formLogin input[type=submit] { width:25px; background: black; color: white; border: thin solid black;}
form#formLogin input, form#formLogout input, form#formLogout a { color: black;}
form#formLogout input[type=submit] { background:transparent; padding:0; cursor: pointer; font-weight: bold; }
form#formLogout a {font-weight: bold;}
/******************* MENU ******************/
ul#menu { position: relative; background: url("images/banniere.jpg") no-repeat; padding-top:200px; height: 30px; font-weight: bold; font-size:80%;z-index:99;}
ul#menu li { float: left; width: 117px; height:30px;}
ul#menu a { color:transparent;font-size:1.6em; }
ul#menu li a.inactif { background:url("images/barre.png");}
li#mn1 { background: transparent url("images/barreMenu.png") 0 0 no-repeat;}
li#mn2 { background: transparent url("images/barreMenu.png") -117px 0 no-repeat;}
li#mn3 { background: transparent url("images/barreMenu.png") -234px 0 no-repeat;}
li#mn4 { background: transparent url("images/barreMenu.png") -351px 0 no-repeat;}
li#mn5 { background: transparent url("images/barreMenu.png") -468px 0 no-repeat;}
li#mn6 { background: transparent url("images/barreMenu.png") -585px 0 no-repeat;}
li#mn7 { background: transparent url("images/barreMenu.png") -702px 0 no-repeat;}
li#mn8 { background: transparent url("images/barreMenu.png") -819px 0 no-repeat;}
li#mn1:hover, li#mn1.actif { background: transparent url("images/barreMenuHover.png") 0 0 no-repeat;}
li#mn2:hover, li#mn2.actif { background: transparent url("images/barreMenuHover.png") -117px 0 no-repeat;}
li#mn3:hover, li#mn3.actif { background: transparent url("images/barreMenuHover.png") -234px 0 no-repeat;}
li#mn4:hover, li#mn4.actif { background: transparent url("images/barreMenuHover.png") -351px 0 no-repeat;}
li#mn5:hover, li#mn5.actif { background: transparent url("images/barreMenuHover.png") -468px 0 no-repeat;}
li#mn6:hover, li#mn6.actif { background: transparent url("images/barreMenuHover.png") -585px 0 no-repeat;}
li#mn7:hover, li#mn7.actif { background: transparent url("images/barreMenuHover.png") -702px 0 no-repeat;}
li#mn8:hover, li#mn8.actif { background: transparent url("images/barreMenuHover.png") -819px 0 no-repeat;}
/******************* PRINCIPAL ******************/
div#zone_1 { position: relative; width:680px; min-height:400px; padding: 3.5em 0 1em 1.5em; color: black; text-align: left;}
div#zone_1 table {width:100%;}
div#zone_1 a[class=ancre] {color: #c46569; padding:2em 0 0 5px; font-size: small; }
div#zone_1 option[selected=selected] { background:#e9e7e2;}
div#zone_1 option.separateur { border-bottom:thin dashed black; margin:-0.5em 0 0.5em;}
div#zone_1 label.erreur {color: #a53237; text-decoration: blink;}
div#zone_1 table, div#zone_1 h3,h2 {font-family: Trebuchet, Verdana, sans-serif;}
div#zone_1 tbody tr { background: url("images/trsluc2a.png") repeat;}
div#zone_1 tbody tr.pair { background: url("images/trsluc2b.png") repeat;}
div#zone_1 tbody tr td { border-bottom: thin dotted #b9b2a6;}
div#zone_1 h3,h2 {position: relative; vertical-align: top; font-weight: bold; text-transform:uppercase; }
div#zone_1 h2 { font-size:1.8em; font-variant: small-caps;  color:#c46569; font-style:oblique;}
div#zone_1 h3 {font-size:1.4em; background: url("images/trsluc1a.png") repeat;color: white; }
div#zone_1 input[type=text],div#zone_1 input[type=password], div#zone_1 input[type=file], div#zone_1 select, div#zone_1 textarea { background-color:#f8f3eb; border: thin solid #b9b2a6; -moz-border-radius:3px;width:26%; margin:0 1em 0 0.5em;}
p#redirect,p.debriefing { text-align: left;margin-bottom:1em;}
/******************* Mise en page articles ******************/
div#zone_1>div.article h3 { color:#a53237; background: transparent; font-size:2em; text-transform: none; margin-bottom:0.2em;}
div#zone_1>div.article.special h3 { margin-bottom:2em; border-bottom: thin solid #a53237;}
div.article {font-family: Georgia, Times, serif; position: relative; clear: left;}
div.article img+h5, div.article.recap h3 { text-indent: -125px; }
div.article h5,div.article h6 {color:#b9b2a6; font-size:1.1em; font-weight: bold;}
div.article h5 { text-transform: uppercase; position: relative; top:0.5em;}
div.article h6 { padding-top:1em; clear:left;}
div.article p.infos { text-align: right; color: #877b65; font-size:0.9em; margin-bottom:2em; border-top: thin solid #a53237; }
div.article p.chapeau {color:#877b65;}
div.article.recap p.infos {margin:0 0 1em;}
div.article div.corps { text-align: justify; line-height:150%;}
div.article div.corps p { margin:1.2em 0;}
div.article span.lettrine { text-transform: uppercase; text-indent:0; color:#a53237; font-size:3em; margin-right:0.1em; float:left; display: block; position: relative; top:-0.2em;}
div.article ul { margin:1em 0;}
div.article li { margin-left:2.5em; list-style-type:circle;}
div.article a, p#redirect a,p.tags a {color:#023204; border-bottom: thin dotted #023204;}
div.article a:hover,p.tags a:hover {color:#87b189; border-bottom: thin dotted #87b189;}
div.article p.notes:before { content:"PS: ";}
div.article p.notes { font-size:0.9em; margin:2em 0; color:#877b65; clear: both;}
div.article a.edit { position: absolute; border:none;}
div.article a+a.edit { top:0; }
div.article.recap a.edit { margin:2em 0 0 97%;}
div.article img.vignette {float:left; width:100px; margin:4.6em 1em 4em 0; border: thin solid #a53237;}
div.img { margin-bottom:0.2em!important; position: relative;padding:0 1em;}
div.img p, div.doc p { font-size: small; font-weight: bold; font-style: oblique; color:#877b65;margin:0!important;}
div.img img { width:100%; border: thin solid #877b65;}
div[class~="centre"] {width:100%;}
div[class~="gauche"] {width:45%; float: left; }
div[class~="droite"] {width:45%; float: right;}
div[class~="original"] { float:left; }
div.doc { float:left; width:30%; min-height:150px; margin:0 1em; padding:0.4em; color:#b9b2a6; background-color:#f8f3eb; border: thin solid #b9b2a6; -moz-border-radius:5px; position: relative;  display: inline-block; text-align: center;}
div.doc a {  width:40px; height:50px; display: block; border: none; opacity:0.8; }
div.doc a:hover { opacity:1;}
div.doc p { display: inline-block!important; width:200px;}
p.tags {color: #877b65; border-top: thin dotted #d5d1c9; width:100%;clear: left; text-align: right;}
p.tags a { border: none; }

/******************** Mode édition : boutons & co *********************/
div#tb { margin-left:5px; position: absolute; top:-30px; left:-35px;z-index:4; width:100%; cursor:pointer;}
div#tb h5 {background:transparent url("images/icoSprites.png") -140px 0; width:30px; height:60px; display:inline-block; text-indent:-1000px;}
div#tb ul li { font-size: smaller; display: none;}
div#tb ul li+li:before { content: ' / ';}
div#tb:hover ul { margin:-2em 0 0 35px;}
div#tb:hover ul li {display:inline-block; color: #877b65;}
p.boutons {text-align:center!important; padding-bottom:0.5em;}
p.boutons input[type=submit]:hover { background-color: #9ecb9a; border: thin solid #739471!important;}
p.boutons input[type=submit], p.boutons input[type=reset] {color: white; background-color: #b9b2a6; font-weight:bold;border: thin solid #877b65!important; margin:1em 1em 0; width:8em; display:inline-block; -moz-border-radius:3px;}
p.boutons input[value=Enregistrer]:hover,p.boutons input[value=Envoyer]:hover,p.boutons input[value=Modifier]:hover, p.boutons input[value=Valider]:hover, p.boutons input[value=Publier]:hover { background-color: #87b189; border: thin solid #023204!important;}
p.boutons input[value=Supprimer]:hover { background-color:#c46569; border: thin solid #a53237!important;}
p.boutons input[value=Annuler]:hover,p.boutons input[value=Réinitialiser]:hover { background-color:#d5d1c9; border: thin solid #877b65!important;}
p.boutons input[value=Télécharger]:hover {background-color:#d5d1c9; border: thin solid #877b65!important;}
a.edit { display:inline-block; width:20px;height:20px; background:transparent url("images/icoSprites.png") -80px -30px;opacity:0.8; z-index:99;}
a.edit:hover { opacity:1;}

/******************** Mode édition : formulaires *********************/
div.edit { width:100%;}
div.edit { margin:0 auto 2.5em; font-family: Trebuchet, Verdana, sans-serif; font-size: small; color:black; border:thin solid #a53237;-moz-border-radius:10px;}
div.edit h4 { font-size:1.6em; text-align: right; top:0.5em; color:#a53237; margin-right:10px;}
div.edit p {margin:0.4em;}
div.edit label {display: inline-block; width:9em; text-align: right;}
div.edit label.erreur+input,div.edit label.erreur+select,div.edit label.erreur+textarea { background: url("images/trsluc3b.png") repeat;}
div.edit fieldset { position: relative; margin:0.5em 0.5em;border-top: thin dashed #c46569;}
div.edit legend { color:#c46569; font-weight:bolder; font-size:0.9em; text-transform:uppercase;}
div.edit input+span, div.edit select+span {font-size:smaller; display: inline-block; width:45%; vertical-align: top;}
div.edit input[type=text]:focus ,div.edit input[type=password]:focus ,div.edit textarea:focus, div.edit select:focus {border: thin solid #c46569; }
div.edit input[readonly=readonly] {background: url("images/trsluc3a.png") repeat;}
div.edit input[name=adresse1], div.edit input[name=adresse2] { width:73%!important;}
div.edit label[for=avatarFile] {width: 40em!important;text-align: left;}
fieldset.avatar img {margin-right: 1.5em; width:6em; float:left; outline: 2px solid #a53237;}
fieldset#captcha img {margin:1.5em 2em 0.5em; float:right;}
fieldset#captcha input {width:23em!important;}
fieldset#captcha label { width:20em!important;}
span.erreur {display:inline-block; width:20px; max-width:20px; height:20px; background:transparent url("images/icoSprites.png") -120px -30px;}
/******************** Zones de téléchargement *********************/
div#dwn { margin:2em 1em; padding:0.5em 1em; color:#877b65;}
div#dwn li { float: left; width:28%; margin:0.5em 1.7em 1em 0; color:#b9b2a6; background-color:#f8f3eb; border: thin solid #b9b2a6; -moz-border-radius:5px;}
div#dwn>p { clear:left;}
div#dwn li p {  margin-top:0.5em; }
div#dwn li p+p { font-family: Arial, Verdana, sans-serif; font-weight: bolder; font-size:1.5em; margin:0;}
div#dwn li p:first-child { float:left;}
div#dwn li>p:first-child a { margin:0.5em 0.5em 0.5em 1em; opacity:0.8; width:50px;height:50px; display:inline-block;}
div#dwn a[href] { display: block; font-family: Times, serif;font-size:small; font-weight: lighter; text-decoration: underline;}
div#dwn a[class][href] { opacity:0.8; margin-right:1.5em;}
div#dwn a[class][href]:hover { opacity:1;}
a.icoPDF {background:transparent url("images/fileSprites.png") 0 0;}
a.icoCSV {background:transparent url("images/fileSprites.png") -50px 0;}
a.icoXLS {background:transparent url("images/fileSprites.png") -100px 0;}
a.icoVCF {background:transparent url("images/fileSprites.png") -150px 0;}
a.icoPPS {background:transparent url("images/fileSprites.png") -200px 0;}
a.icoTXT {background:transparent url("images/fileSprites.png") 0 -50px;}
a.icoDOC {background:transparent url("images/fileSprites.png") -50px -50px;}
a.icoODS {background:transparent url("images/fileSprites.png") -100px -50px;}
a.icoMP3 {background:transparent url("images/fileSprites.png") -150px -50px;}
a.icoAVI {background:transparent url("images/fileSprites.png") -200px -50px;}
a.icoJPG {background:transparent url("images/fileSprites.png") 0 -100px;}
a.icoBMP {background:transparent url("images/fileSprites.png") -50px -100px;}
a.icoGIF {background:transparent url("images/fileSprites.png") -100px -100px;}
a.icoPNG {background:transparent url("images/fileSprites.png") -150px -100px;}
a.icoXXX {background:transparent url("images/fileSprites.png") -200px -100px;}
a.icoZIP {background:transparent url("images/fileSprites.png") 0 -150px;}
/******************* SECONDAIRE ******************/
div#zone_2 {float: right;margin:1.5em 10px; overflow:hidden;}
div#zone_2>div { font-family: Georgia, Times, serif; font-size: small; color: #b9b2a6; width: 195px; text-align: right; }
div#zone_2>div:before { float:right;margin:20px 0 40px; content:url("images/feuilles.png");}
div#zone_2>div:first-child:before {content:'';margin:0;}
div#zone_2 h2 { font-family: inherit; font-weight: bold; font-size: 1.1em; margin:1.5em 0 0.3em; color:#877b65; text-decoration: underline;}
div#zone_2 h2:first-child { margin-top:0.2em;}
div#zone_2 ul { padding-left: 1em; text-indent: -1em; margin-left:0.5em; font-style: italic;}
div#zone_2 li { list-style: circle inside;}
div#zone_2 li>p { text-indent:0;font-size:0.8em;}
div#zone_2 a { color: #877b65;}
div#zone_2 a:hover{ color:#023204;}
div#zone_2 input { width:75%; margin-top:0.5em;}
#AjaxTwits { width:100%; list-style: none; list-style-position: inside; padding: 0px; margin: 0px auto;}
#AjaxTwits li { font-size: 0.8em; color: #877b65; padding: 1em 20px 1em 0;}
#AjaxTwits li a { text-decoration: none;}
#AjaxTwits li img {	border: 0px; height: 40px;width: 40px;float: right;margin: 0 0 0.1em 0.3em;}
/******************* Calendrier ******************/
table#calendrier {width:100%; border-bottom: thin solid #b9b2a6; color: #877b65;}
table#calendrier caption { font-family: Georgia, serif;  font-weight: bold; text-transform: uppercase; text-align: center;padding:0.4em 0;}
table#calendrier caption a	{ margin:0 0.7em;}
table#calendrier thead { background-color:#b9b2a6; color:white; text-align:center;}
table#calendrier td { height:1.8em; font-size: smaller; width:14%; vertical-align: middle; text-align: center; padding-right: 0.3em; border-spacing:1px;border-right: thin solid #b9b2a6;border-top: thin solid #b9b2a6;}
table#calendrier td.auj { background-color:#b9b2a6!important; color:white;}
table#calendrier tr td:last-child { background:url("images/trsluc2c.png") repeat;}
table#calendrier tr td:first-child { border-left: thin solid #b9b2a6;}

/******************* FOOTER ******************/
div#footer { clear:both; margin-left:50px;  height: 150px; bottom;background: transparent url("images/footer.png") no-repeat;}
/******************* OURS ******************/
div#ours { font-size: small; text-align: center; color: #cec0bd;}
div#ours a { color: #cec0bd; display:inline-block; width:80px; height:15px;}
div#ours p { margin-bottom: 5px;}
div#ours p>a {display: inline;}
div#ours a.xhtml {background:transparent url("images/icoSprites.png") -40px -50px;}
div#ours a.css { background:transparent url("images/icoSprites.png") -40px -70px;}
/******************* PAGINATION ******************/
div.pagination { text-align: center; margin-bottom:2em;color: #877b65;}
div.pagination a { font-size: small; display: inline-block; margin: 0 0.3em; text-align: center; width:2em;  border: thin solid #efefef; -moz-border-radius: 6px;}
div.pagination a.pagecourante { background: #f8f3eb; color: #877b65; border: thin solid #b9b2a6;}