/* main */
body           { color: #000; font: 12px sans-serif; background: #fff url('images/fougere_fond.jpg') repeat-x; margin: 0; padding: 0; }
h1             { color: #000; font: 18px Verdana; background: #fff; padding: 2px; border: 2px solid #228; text-align: center; }
h2             { color: #000; font: bold 14px Verdana; clear: both; }
h3             { color: #000; font: bold 12px Verdana; clear: both; }
h4             { color: #66a; font: bold 12px Verdana; clear: both; text-align: center }
p              { color: #000; font: 12px sans-serif; text-align: justify }
td             { color: #000; font: 12px sans-serif; vertical-align: top; text-align: justify }
img            { vertical-align: middle }
hr             { background: #aaf; width: 100%; height: 1px; border: solid 0px #fff }
a              { color: #228; font: 12px sans-serif; text-decoration: none }
a:hover        { color: #000; text-decoration: underline }
a.return_link  { font-size: 14px }
form           { margin: 0px }
/* class */
.absmiddle     { vertical-align: middle; line-height: 16px }
.hilite        { background: #ff6 }
.hilite1       { background: #ff6 }
.hilite2       { background: #fc3 }
.hilite3       { background: #cf6 }
.hilite4       { background: #f9c }
.subtitle      { color: #88c; font-weight: bold; font-style: italic }
.highlight     { color: #000; background: #ff6; padding: 4px }
.active        { color: #000; text-decoration: underline }
.inactive      { color: #aad; font-style: italic }
.htitle        { color: #000; font: bold 12px Verdana }
.content       { color: #000; font: normal 12px sans-serif; background: #fff }
.signature     { color: #282; font: italic 12px sans-serif }
.right         { text-align: right }
.center        { text-align: center }
.area             { border: 1px solid #ddc; margin-bottom: 10px; padding: 0px }
.area .a_title    { background: #ddc; color: #665; font: bold 12px Verdana; padding: 2px; text-transform: capitalize }
.area .a_tools    { background: #eed; color: #665; font: 12px Verdana; padding: 2px; text-align: right }
.area .a_main     { background: #fff; padding: 2px }
.area .a_contents { background: #eed; padding: 6px }
.area .a_footer   { background: #eed; color: #665; font: 12px Verdana;  padding: 2px }

/* tables */
.table1        { background: transparent; }
.td_1          { border-bottom: 1px dotted #88c; }
.td_2          { border-bottom: 1px dotted #88c; }
.card_1        { border-bottom: 1px dotted #88c; }
.card_2        { border-bottom: 1px dotted #88c; }
.tcat .col__label { width: 50%; color: #559 }
.tcat_1        { border-bottom: 1px solid #eef; }
.tcat_2        { border-bottom: 1px solid #eef; }
.header        { font: bold 12px sans-serif; border-bottom: solid 1px #88C; }
.footer        { font: 12px sans-serif; border-top: solid 1px #88C; text-align: right; }
/* layout */
#home_top      { height: 100px; background: #fff url('images/tunnel_haut.jpg') no-repeat bottom center; }
#home_left     { background: #fff url('images/tunnel_gauche.jpg') no-repeat top right; }
#home_right    { background: #fff url('images/tunnel_droite.jpg') no-repeat top left; }
#home_middle   { width: 560px; background: #fff url('images/tunnel_centre.jpg') no-repeat 0px 420px; }
#home_content  { width: 560px; background: #fff; padding: 10px; text-align: center; }
#left          { background: #fff url('images/gauche.jpg') no-repeat top right; }
#right         { background: #fff url('images/droite.jpg') no-repeat top left; }
#middle        { width: 989px; }
#banner        { width: 989px; height: 200px; background: #fff url('images/bandeau.jpg') no-repeat top left; text-align: center; }
#panel         { width: 230px; background: #fff url('images/motif.jpg') repeat-y top left; padding-top: 40px }
#main          { background: #fff; padding: 10px; }
#right_panel   { width: 190px; background: #fff; padding: 10px; }
#bottom        { height: 100px; background: #fff url('images/bas.jpg') no-repeat top left; }
/*#system        { text-align: left; float: right; width: 240px; margin-left: 20px; }*/
#header        { width: 100% /*margin: 0 0 0 auto*/ }
#header .right { text-align: right }
#footer        { text-align: center; padding: 40px }
#copy          { text-align: center; margin: 20px; }
/* box */
.box           { background: #eef; border: solid 2px #88C; margin: 1em 0; padding: 10px; }
.box .bt h3    { /* title */ color: #000; font: bold 14px Verdana; text-align: center; padding: 0px; margin: 0px; }
.box .bb h4    { /* title */ color: #000; font: 12px sans-serif; text-align: center; padding: 0px; margin: 0px; }
/* need */
.need          { background: #fff; border: solid 2px #bbf; margin: 1em 0; padding: 10px; }
.need .bt h3   { /* title */ color: #000; font: bold 14px Verdana; text-align: center; padding: 0px; margin: 0px; }
.need .bb h4   { /* title */ color: #000; font: 12px sans-serif; text-align: center; padding: 0px; margin: 0px; }
/* tools */
.toolsbox        { background: #eef; border: solid 2px #88C; margin: 1em 0; padding: 10px; }
.toolsbox .bt h3 { /* title */ color: #000; font: bold 14px Verdana; text-align: center; padding: 0px; margin: 0px; }
.toolsbox .bb h4 { /* title */ color: #000; font: 12px sans-serif; text-align: center; padding: 0px; margin: 0px; }
.toolsbox .bc    { text-align: right }
/* list */
.list          { margin: 0; padding: 10px; width: 100%; list-style-type: none; }
.list li       { float: right; margin: 0; padding: 10px }
.list a        { color: #228; text-decoration: none; display: block; }
.list a:hover  { color: #000; text-decoration: underline; }
.list .current { color: #000; text-decoration: underline; }
/* accordion */
.ac            { margin: 0; padding: 0; font: 12px verdana, sans-serif; width: 100%; background: transparent url('images/navig_2.jpg') repeat-y top right; }
.ac li         { margin: 0; padding: 0; list-style: none; text-align: right; }
.ac a          { color: #ff0; display: block; padding: 0.5em; text-decoration: none; padding-right: 64px; }
.ac span       { color: #ff0; display: block; padding: 0.5em; text-decoration: none; padding-right: 64px; }
.ac .level_1   { color: #ff0; font: 14px Verdana; background: transparent url('images/navig_1.jpg') no-repeat top right; text-align: right; padding: 10px; padding-right: 24px; height: 30px; cursor: pointer; }
.ac .selected  { color: #fff; }
.ac a:visited  { /*font-style: italic*/ }
.ac .current   { color: #fff; text-decoration: underline }
.ac a:hover    { color: #fff; }
/* treeview */
.tv, .tv ul          { padding: 0; margin: 0; list-style: none; }
.tv li               { margin: 0; padding: 3px 0pt 3px 16px; }
.tv li               { background: url('images/treeview/tv-item.gif') 0 0 no-repeat; }
.tv .collapsable     { background-image: url('images/treeview/tv-collapsable.gif'); }
.tv .expandable      { background-image: url('images/treeview/tv-expandable.gif'); }
.tv .last            { background-image: url('images/treeview/tv-item-last.gif'); }
.tv .lastCollapsable { background-image: url('images/treeview/tv-collapsable-last.gif'); }
.tv .lastExpandable  { background-image: url('images/treeview/tv-expandable-last.gif'); }
/* Pager */
.pg                  { background: #fff; border: solid 2px #88C; margin: 1em 0; padding: 10px; }
.pg div              { margin: 0; }
.pgnav               { background: #fff; border-top: 1px solid #88C; padding: 2px; text-align: right; }
.pgnav a             { background: #fff; padding: 4px 6px; margin-left: 2px; line-height: 2em; }
.pgnav a.current     { background: #fff; color: #000; font-weight: bold; }
/* Template galery */
.gl .header          { background: #eef; color: #000; font: bold 18px verdana, sans-serif; border: 0px solid #fff; text-align: left; border-bottom: 2px solid #ddf; padding: 4px }
.gl .header_2        { background: #eef; color: #000; font: bold 12px verdana, sans-serif; border: 0px solid #fff; text-align: left; border-bottom: 2px solid #ddf; padding: 4px }
.gl .header a        { color: #228; font: bold 18px sans-serif; text-decoration: none }
.gl .header a:hover  { color: #000; font: bold 18px sans-serif; text-decoration: underline }
.gl .subtitle        { background: #eef; color: #282; font: italic 12px sans-serif }
.gl .property        { color: #000; text-align: left; border-left: 2px solid #ddf; padding: 4px }
.gl .tools           { background: #eef; color: #000; font: 12px sans-serif; padding-top: 20px }
.gl .tools_2         { background: #eef; color: #000; font: 12px sans-serif; padding-top: 10px }
.gl .description     { background: #eef; color: #000; font: italic 11px sans-serif; padding-top: 10px }
/* Galleria */
.galleria            { list-style:none;width:200px }
.galleria li         { display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0 }
.galleria li a       { display:none }
.galleria li div     { position:absolute;display:none;top:0;left:180px }
.galleria li div img { cursor:pointer }
.galleria li.active div img,.galleria li.active div { display:block }
.galleria li img.thumb { cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto }
.galleria li .caption { display:block;padding-top:.5em }
* html .galleria li div span { width:400px } /* MSIE bug */

/*.galleria { width:120px;float:left;}
.galleria li {width:50px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.galleria li.hover {border-color:#bbb;}
.galleria li.active {border-style:solid;border-color:#222;}
.galleria li div {left:240px}
.galleria li div .caption {font:italic 0.7em/1.4 georgia,serif;}
.galleria_container {margin:0 auto 60px auto;height:300px;width:400px;float:right;}*/

.galleria { width: 100%; float: left; margin: 0; padding: 0; }
.galleria li { width: 50px; height: 50px; border: 2px solid #228; margin: 0 7px 0 0; overflow: hidden; background: #fff; }
.galleria li.active { border-color: #000; }
.galleria li div {top:60px;left:0;border:3px solid #f00;background:#111; }
.galleria li img.thumb { opacity: .5; }
.galleria li.active img.thumb,.gallery_demo2 li:hover img.thumb {opacity: 1; }
.galleria li div .caption {padding-left:5px;font:normal 0.7em/1.4 sans-serif;color:#999;}
/*.galleria_container { width: 100%; height: 240px; float: right; }*/

/* Needs */
.human    { color: #039 }
.material  { color: #c30 }
.financial { color: #c90 }

/*.human .header       { background: #ccd6eb; border-bottom: 2px solid #039; color: #039 }
.human .tools        { background: #ccd6eb }
.human .subtitle     { background: #ccd6eb }
.human .property     { border-left: 2px solid #039; color: #039 }
.material .header    { background: #f5d6cc; border-bottom: 2px solid #c30; color: #c30 }
.material .tools     { background: #f5d6cc }
.material .subtitle  { background: #f5d6cc }
.material .property  { border-left: 2px solid #c30; color: #c30 }
.financial .header   { background: #fff5cc; border-bottom: 2px solid #fc0; color: #fc0 }
.financial .tools    { background: #fff5cc }
.financial .subtitle { background: #fff5cc }
.financial .property { border-left: 2px solid #fc0; color: #fc0 }*/