body, html{font-size:100%; margin:0; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000; background-color:#AFDBFF}
input { height: 10px; font-size: 10px; }
img { border : 0px; vertical-align: middle; }
a {color: white; text-decoration:none;}
a:hover {color: white; text-decoration: underline;}
a:active {color: white; text-decoration: none;}
a:focus {color: white; text-decoration: none;}
table { margin: 0 auto; }
span.red, label.red { color: #EF1D1D; font-variant: small-caps; font-weight: bold; font-size: 11px; }
span.white { color: #fff; font-variant: small-caps; font-weight: bold; font-size: 12px; }
span.white11 { color: #fff; font-variant: small-caps; font-weight: bold; font-size: 11px; }
a.loginboxA {font-size: 10px; text-decoration: underline;}

div.topic { padding-bottom: 20px; }
input.formRed { width: 95%; height: 19px; border: 2px solid red; vertical-align: middle; }
textarea.formtextareaRED { width: 95%; height: 150px; border: 2px solid #EF1D1D; }
img.borderGreen { border:2px solid #5D8F1A; }
div.errorDIV {width: 98%; background: #fff; border: 1px solid #5D8F1A; text-align: center; padding: 5px 0px;}
div.clear{clear:both}
div.pagination { width: 100%;text-align: center; }
img.book { border: 2px solid #5D8F1A; }
div.reponse {margin-top: 20px; font-size: 12px; }
div.book { margin: 15px 5px; }
div.book div.image { float: left; width: 95px; }
div.book div.description { float: left;  font-size: 11px; width: 320px; font-variant: small-caps; }
div.titre { float: left; font-variant:small-caps; font-weight: bold; color: #fff; font-size: 11px; border: 2px solid #5D8F1A; border-bottom: 0px; background-color: #83B93D; padding: 3px 10px; margin-leftt: 8px; }
div.prev {float:left; font-size: 11px; border: 2px solid #5D8F1A; border-top: 0px; background-color: #83B93D; padding: 3px 10px; margin-leftt: 8px;}
div.next {float:right; font-size: 11px; border: 2px solid #5D8F1A; border-top: 0px; background-color: #83B93D; padding: 3px 10px; margin-right: 8px;}
div.response { float: right; font-size: 11px; border: 2px solid #5D8F1A; border-top: 0px; background-color: #83B93D; padding: 3px 10px; margin-right: 8px; }
div.contenu { border: 2px solid #5D8F1A; background-color: #83B93D; width: 95%; padding: 10px 5px; }
div.contenu ul.liste { list-style: url('/public/images/view.png');}
div.contenu ul.liste li { padding: 5px; }
div.contenu ul.liste li ul { list-style: none; margin: 0px; font-size: 12px;  }
div.contenu ul.liste li ul li.date { text-decoration: underline; }
div.contenu table { width: 95%; }
div.bordure{position:relative; top:-1px; width: 100%; height:5px; background:#A5EEFD; border-top:1px solid #333;border-bottom:1px solid #333;}
input.formtext { width: 95%; height: 20px; border: 2px solid #5D8F1A; vertical-align: middle; }
textarea.formtextarea { width: 95%; height: 150px; border: 2px solid #5D8F1A; }
INPUT.submit:hover{height:26px; color:#FFF; font-weight:bold; background: url("/public/images/button_bg.gif") repeat-x right bottom; cursor:pointer; border:0px; padding:2px; vertical-align:bottom}
img.buttonImg{vertical-align:bottom}
a.actif { text-decoration: underline; font-weight: bold; }
input.search { border: 0; width: 19px; height: 19px; background: transparent url('/public/images/searchButton.png') no-repeat;}
input.search:hover { background: url('/public/images/searchButton.png') no-repeat 0 -25px; }
img.icon {height: 16px; width: 16px;}
.submit {height:26px; color:#FFF; font-weight:bold; background:url("/public/images/button_bg.gif") repeat-x left top; cursor:pointer; border:0px; padding:2px; vertical-align:bottom}
div.banner { padding-top: 71px; background: url('/public/images/header.jpg') no-repeat top center;  }
#searchtext {border: 1px solid #333; height: 12px; }
#rightnav .content ul.none { list-style: none; }
#rightnav .content ul.none li { padding-bottom: 10px; }
#rightnav .content ul { list-style-image: url('/public/images/list1.gif'); text-align: left; padding-top: 10px; padding-left: 25px; margin: 0px; }
#leftnav .content ul { font-size: 12px; list-style-image: url('/public/images/menu.png'); text-align: left; padding-top: 10px; padding-left: 25px; margin: 0px;}
#content{width:900px; margin:0 auto; margin-top: 30px; margin-bottom: 20px; border: 2px ridge #333; background-color:#FFF}
#leftnav {float: left; width:200px; padding-top: 20px; padding-left:10px; text-align: center;}
#mainnav {float: left;  width: 448px; padding: 0px 0px 0px 10px; margin: 20px 10px;  }
#rightnav {float: right; width:200px;padding-top: 20px; padding-right:10px; text-align: center; }
#footer {position: relative; bottom: -25px; height: 21px; width: 700px; margin: 0 auto; padding: 0px; text-align: center; border: 2px ridge #333; background: url("/public/images/footer.gif") no-repeat; }
#badge { position: absolute; left: 75%; top: 0px; }

/* Menu CSS pour les onglets */
#tabsF {position: relative; float :left; width:100%; font-size:93%; line-height:normal; z-index:1;}
#tabsF ul{margin:0; padding:10px 10px 0 50px; list-style:none}
#tabsF li{display:inline; margin:0; padding:0}
#tabsF a.actif {float:left; border-bottom:1px solid #666; background:url("/public/images/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; font-weight:bold; background-position:0% -42px; border-bottom:1px solid #A5EEFD}
#tabsF a {float:left; border-bottom:1px solid #666; background:url("/public/images/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; border-bottom:1px solid #333}
#tabsF div {float:left; background:url("/public/images/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; }
#tabsF div.actif {float:left; background:url("/public/images/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; font-weight:bold; background-position:0% -42px;}
#tabsF div span {float:left; font-weight:bold; display:block; background:url("/public/images/tabrightF.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666}
#tabsF div.actif span.actif {color:#666; border-bottom:none; background-image:url("/public/images/tabrightF.gif"); background-position:100% -42px;}
#tabsF a span {float:left; font-weight:bold; display:block; background:url("/public/images/tabrightF.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666}
#tabsF a:hover span {color:#FFF; border-bottom:none; background-image:url("/public/images/tabrightF.gif"); background-position:100% -42px;}
#tabsF a.actif span.actif {color:#666; border-bottom:none; background-image:url("/public/images/tabrightF.gif"); background-position:100% -42px;}
#tabsF a:hover {font-weight:bold; background-position:0% -42px; border-bottom:1px solid #A5EEFD}
#tabsF div.actif span.actif a.flag { background: none; border-bottom: 0px; text-decoration: none; margin: 0; }

.dialog{ position:relative;  margin:0px auto;  min-width:8em;  max-width:760px;  color:#fff;  z-index:1;  margin-left:12px;  margin-bottom:20px;}
.dialog .content, 
.dialog .t, 
.dialog .b, 
.dialog .b div{ background:transparent url('/public/images/dialog2-blue.gif') no-repeat top right;  _background-image:url('/public/images/dialog2-blue.gif')}
.dialog .content{ position:relative;  zoom:1;  _overflow-y:hidden;  padding:0px 12px 0px 0px}
.dialog .t{  position:absolute;  left:0px;  top:0px;  width:12px;  margin-left:-12px;  height:100%;  _height:1600px;  background-position:top left}
.dialog .b{  position:relative;  width:100%}
.dialog .b, 
.dialog .b div{ height:30px;  font-size:1px}
.dialog .b{ background-position:bottom right}
.dialog .b div{ position:relative;  width:12px;  margin-left:-12px;  background-position:bottom left}
.dialog .hd, 
.dialog .bd, 
.dialog .ft{ position:relative}
.dialog .wrapper{  position:static;  max-height:1000px;  overflow:auto}
.dialog h1, 
.dialog p{ margin:0px;  padding:0.5em 0px 0.5em 0px; font-size: 16px; }
.dialog h1{ padding-bottom:0px}

#facebox .b {
  background:url(/public/images/facebox/b.png);
}

#facebox .tl {
  background:url(/public/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/public/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/public/images/facebox/bl.png);
}

#facebox .br {
  background:url(/public/images/facebox/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
div.wysiwyg { border: 2px solid #5D8F1A; background-color: #fff; padding: 5px; }
div.wysiwyg * { margin: 0; padding: 0; }
div.wysiwyg ul.panel { border-bottom: 1px solid #ccc; float: left; width: 100%; padding: 0 0 4px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; }
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }
div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url('/public/images/jquery.wysiwyg.gif') no-repeat -64px -80px; cursor: pointer; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #ccc; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; }