/* Reset browsers default margin, padding and font sizes */
* { margin: 0; padding: 0; }
html 
{ font-size: 100%;
  /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
  height: 100%;
  margin-bottom: 1px; }
body 
{ color:#6B6B6B;
  font-family:Arial, Trebuchet MS, Gill Sans, Verdana, Geneva, Helvetica, sans-serif;
  font-size:12px;
  margin:0px 10px;
  padding:0;
  border-width : 0;
  display:block;
  background-image:url("../../ui/images/fond_une.gif");
}
h1 {
     margin: 15px 150px; 
     font-size:2em; 
     font-weight:bold;
     text-align:center; 
     color:#742C25;
     display: list-item;
     list-style: outside url("../../ui/images/logo_barre_http.gif");
     line-height:1em; }
h1 img { padding-left:5px;}
h2 {font-weight: normal;font-size: 1.5em;margin: .75em 0; color:#A52A2C;}
h3
{ font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #FFF;
  margin-bottom: 3px;
  padding-bottom: 2px;
  font-size: 1em;  
  margin-top: 10px; 
  clear:both;
  color:#D17830;}
h3 a {text-transform: none;}
#admin h3 { padding-left : 5px; }
#linkContent h3, #descriptorContent h3 
{ background-repeat:no-repeat; 
  background-position:0 0; 
  padding-left : 18px;}
#linkContent h3 { background-image:url("../../ui/images/page_link.gif"); }  
#descriptorContent h3 { background-image:url("../../ui/images/attachment.gif"); }
h4 {font-size: 1em; margin: 5px 0px;}
#doc h4 { margin-bottom:20px; font-style:italic; font-size:1.1em; text-align:center;}
h5 {font-size: 1em; }
p 
{ text-align:justify;
  font-size:1em;
  line-height:1.2em;
  margin-bottom:1.5em; }
img{border-width:0px;vertical-align:middle;}
hr 
{ border: 0 none #FFFFFF;
  border-top: 1px solid #FFF;
  height: 1px;
  margin: 5px 0;
  display: block;
  clear: both; }
acronym { cursor:help; }
/* These style definitions are mainly IE specific 
   tweaks required due to its poor CSS support. */
* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("../../ui/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("../../ui/images/corners_right.gif"); }
/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html */
.tabs:after, .navbar:after, dl:after, ul.linklist:after, ul.tool:after, #alternative-select div:after
{ content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; }
.tabs, .navbar, dl, ul.linklist, ul.tool { height: 1%; }

/** COMMONS **/
.link, .pagination a {cursor:pointer;}
.pagination li a:hover {text-decoration: none; outline-style:none;}
a:link { color: #742C25; text-decoration: none; }
a:visited { color: #742C25; text-decoration: none; }
a:hover	{ color: #D31141; text-decoration: underline; }
a:active { color: #C02827; text-decoration: none; }
#doc a {font-weight:bolder;}
a.flag { text-decoration:none; outline-style:none; padding-right:3px; }
.plink { position:absolute; right:11px; background-image:url("../../ui/images/permalink.png"); background-repeat:no-repeat; background-position:0 0;}
.plink a { padding-left:15px; color:#AAA; font-weight:bolder; }
li a img, a:link img, li a { outline-style:none; }
.debug{font-style:italic;font-size:8pt;color:#63AF91;}
.right{text-align:right;}
.fright{float:right;}
.fleft{float:left;}
.left{text-align:left;}
.center{text-align:center;}
.upper{text-transform: uppercase;}
.sc{font-variant:small-caps; font-weight:bold; font-size:1.1em;}
.screen-center { margin-right:auto;margin-left:auto; }
.border{ border:1px solid #000;}
.noborder{ border-width:0px;}
.hidden { display:none; }
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}
.error{color:red;background-color:white;padding:0pt 5pt;margin:1em;font-style:italic;text-align:center;font-size:2em;}
.help{cursor:help;}
.presentation { color:#D17830; }
.validation-advice{color:red;font-style:italic;}
td.error{padding:5pt;}
.info, .info a{text-align:right;font-size:0.85em;text-decoration:none;}
.large{ font-size:150%; }
.bold{ font-weight:bold; font-size:1em;}
.name{padding:0 2px; color:#6B6B6B;}
.black, .name { color:#000;}
.normal { text-transform: none; color:#000;}
p.desc 
{ border-bottom: 1px solid #B2B2B2; 
  line-height:1.5em;
  margin-bottom: 1em;
  padding: 1em .5em;}
.panel, .adm-subpanel
{ margin-bottom:4px;
  padding:0pt 10px;
  background-color:#FBC83D;
  color: #343434;}
.admin { background-color: #EBEBCA;}
.admin h3 { border-width:0;}
.clear 
{ display: block;
  clear: both;
  font-size: 1px;
  line-height: 1px;
  background: transparent; }
.pagination{ margin:2px;} 

/** LIST COMMONS **/
ul { margin:0;
     padding: 0;
     list-style-image:none;
     list-style-position:outside;
     list-style-type:none; }
li { margin:0;
     padding: 0;     
     font-weight:bold; }
.document li { font-weight:normal; }

/** HORIZONTAL LISTS **/
ul.linklist { display: block; margin: 0; padding:0;}
ul.linklist li, ul.tool li
{ display: block;  
  float: left;
  width: auto;
  margin-right: 5px;
  font-size: 1em;
  line-height: 1em; }
ul.linklist li a
{ color: #742C25; 
  cursor: pointer;}
ul.linklist li a:hover {color: #D31141;}
ul.linklist li.rightside, p.rightside 
{ float: right;
  margin-right: 10px;
  margin-left: 5px;
  margin-top : 20px;
  text-align: right;
  clear:right;}
ul.navlinks 
{ padding-bottom: 1px;
  border-bottom: 1px solid #FFFFFF;
  font-weight: bold; }

/** ICONS **/
.icon-email { background-image: url("../../ui/images/icon_sendemail.gif"); }
.icon-faq { background-image: url("../../ui/images/icon_faq.gif");}
.icon-home { background-image: url("../../ui/images/icon_home.gif"); }
.icon-logout { background-image: url("../../ui/images/icon_logout.gif"); }
.icon-print { background-image: url("../../ui/images/icon_print.gif"); }
.icon-search { background-image: url("../../ui/images/icon_search.gif"); }
.icon-top { background-image: url("../../ui/images/icon_top.gif"); }
.icon-glossary { background-image: url("../../ui/images/icon_glossary.gif"); }
.icon-email, .icon-faq, .icon-home, .icon-logout, .icon-print, .icon-search, .icon-top, .icon-glossary 
{ background-position:0pt 50%;
  background-repeat:no-repeat;
  padding:1px 10px 0pt 20px; }
#doc ul, ul.marron, ul.orange, ul.rouge, ul.jaune { background-image: none;}
#doc ul li, ul.doclist li, .marron, .orange, .rouge, .jaune, ul.marron li, ul.orange li, ul.rouge li, ul.jaune li { background-repeat:no-repeat; padding:0 10px; background-position:0pt 4px;}
.marron, ul.marron li { background-image: url("../../ui/images/puce_marron.gif"); }
.orange, ul.orange li { background-image: url("../../ui/images/puce_orange.gif"); }
#doc ul li, .rouge, ul.rouge li { background-image: url("../../ui/images/puce_rouge.gif"); }
.jaune, ul.jaune li { background-image: url("../../ui/images/puce_jaune.gif"); }
ul.doclist li {background-image: url("../../ui/images/doc.gif"); background-position:1px 1px; border:1px solid #FBC83D; padding-left:12px;}
ul.doclist li img { padding-left:2px; }
ul.doclist li:hover { border:1px solid #742C25; }
/** CORNERS **/
span.corners-top, span.corners-bottom ,
span.corners-top span, span.corners-bottom span,
span.header-menu-corner, span.right
{ display:block;
  background-repeat:no-repeat;
  height:5px; 
  line-height:1px; 
  font-size:1px;}
span.corners-top, span.corners-bottom { background-image:url("../../ui/images/corners_left.png"); }
.adm-subpanel span.corners-top, .adm-subpanel span.corners-bottom { background-image:url("../../ui/images/admin/corners_left.png"); }
span.corners-top { background-position:0pt 0pt; }
span.corners-bottom { background-position:0pt 100%;}
span.corners-top, span.corners-bottom { margin:0pt -10px; }
span.corners-top span, span.corners-bottom span { background-image:url("../../ui/images/corners_right.png"); }
.adm-subpanel span.corners-top span, .adm-subpanel span.corners-bottom span { background-image:url("../../ui/images/admin/corners_right.png"); }
span.corners-top span { background-position:100% 0pt;}
span.corners-bottom span { background-position:100% 100%; }


/** HEADER **/
#header
{ padding:0pt 5px;
  margin:0px 10px;
  height:auto;
  color:#FFFFFF; }

div.headerHR 
{ background: url("../../ui/images/barre.gif") repeat-x;
  height:10px; 
  clear:both;}


.img-header{ margin-right: 45px; }

#header-menu { font-size:1em; margin:0; background:url("../../ui/images/header_menu_bg.gif") repeat-x scroll 0 0px; }
#header-menu a { outline-style:none; }
#header-menu img.corner { margin-top:-2px; }
#header-menu span.menus { height:30px; padding:10px 0 10px 10px;}
ul.linklist li.lang { margin-top:2em; width:75%;}

/** CONTENT HEADER **/
div.contentHR 
{ background: url("../../ui/images/barre_mini.gif") repeat-x 0 100%;
  height:5px; 
  width:50%;
  margin-left:auto;
  margin-right:auto;
  padding-top:10px;
  padding-bottom:10px;
  clear:both;
}

div.links{ 
  width:75%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}

div.links-left{
  width:49%;
  float:left;
 }

div.links-right{
  width:49%;
  float:right;
 }

#doc{
 font-family:Arial, Trebuchet MS, Gill Sans, Verdana, Geneva, Helvetica, sans-serif;
 font-size:12px;
  
}

/** FOOTER **/
#footer { clear:both;}

.copyright{  
 font-size: 0.9em; 
 display:block;
 float:right;
 margin-top:5px;
 clear:right;
}
.copyright span 
{ margin-right:5px;
  display:block; 
  line-height:1.5em;
  float:left;}

span.thanks{  
 font-size: 0.9em; 
}

ul.linklist li.rightsidefooter
{ float: right;
  margin-right: 10px;
  margin-left: 5px;
  margin-top : 0px;
  text-align: right;
  clear:right;}

#header span.corners-top, #header span.corners-bottom { margin:0pt -5px; }
#site-description h1 { margin-right:0pt; margin-top:0pt;}
#site-description h3 { padding-bottom:10px; }
#site-description span.corners-top { background-color:#014E74; clear:both;}
#site-description span.corners-bottom { background-color:#4BA8D6; clear:both;}
#logo { float: left; width: auto;}
a#logo:hover { text-decoration: none; }
.navbar { clear: both; }

/** LEFT MENU NAVIGATION **/
#leftMenu 
{ min-height:350px;
  float:left;
  margin:4px 10px;
  width:24%;
  color:#742C25;
  font-size:11px;
  font-weight:bold; }
#leftMenu .tabs { font-size:10px; }
#leftMenu .tabs a { cursor:default; }
#treeMenu .panel { background-color:#FFF; }
/** TREE **/
.tree-row{ cursor: pointer; font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;}
.tree-children { background-repeat: repeat-y;  }
.tree-row img { vertical-align: middle;}
.tree-icon { cursor: pointer; }
.tree-expand-icon { cursor: pointer; }
.tree-children { background-image: url("../../ui/images/tree/I.png"); }
.tree-item-label {padding-left:2px;}
.no-action { cursor:default; }
a.disabled, .disabled td { color:#6B6B6B; text-decoration:line-through;}
a.disabled:visited { color:#6B6B6B; text-decoration:line-through;}
a.disabled:hover { color:#D31141; text-decoration:line-through;}
h3.docinfos, .docinfos { text-transform: none; }
.version-tree-children { clear:both; }
ul.version { width:100%;}
ul.version li { font-weight:normal; height:16px; width:auto;}
ul.version li.fleft { overflow:hidden; width:70%;}
li.docinfos { text-align:right; width:100%;}
.tools { padding-left: 5px; padding-right: 10px; }
/** VERSION TREE **/
#version-tree-root { cursor: pointer; }
.version-node { padding-left: 15px; } 
.version-label 
{ font-weight: bold;
  font-size: 1.05em;
  border-bottom: 1px solid #FFF;
  margin: 0px 3px}

/** MAIN CONTENT **/

div.authors{ 
   margin-top: 10px;
   text-align:right;
} 


#mainContent
{ width:71%;
  float:left; 
  margin:4px 0px 4px 10px;}
#mainContent fieldset
{ border-width:0pt; 
  background-color:transparent;
  font-size:1.1em;
  padding:10px 0;
  color:#343434;
  background-color:#CADCEB;
  clear:both;}
#mainContent form { min-height:100px; padding:10px; background-color:#FFF;}
#mainContent .admin fieldset { background-color:#EBEBCA;}

/** MENU MAIN CONTENT **/
img.image-menucontent
{ display:block;
  margin-left:auto;
  margin-right:auto; }
img.content-img { text-align:center; margin-left:auto;
                  margin-right:auto; cursor:pointer;}
/** TABS **/
.tabs 
{ line-height: normal;
  margin:10px 0pt -1px 7px; 
  font-size:1em; }
.tabs li { display:inline; } 
.tabs a 
{ background:transparent none no-repeat scroll 0% -35px;
  background-image: url("../../ui/images/bg_tabs1.gif");
  background-color: #FFE180;
  float: left;
  margin: 0 1px 0 0;
  padding: 0 0 0 5px;
  text-decoration: none;
  position: relative;
  cursor: pointer; 
  outline-style:none;}
.tabs .admin a { background-image: url("../../ui/images/admin/bg_tabs1.gif");}
.tabs a span 
{ background:transparent none no-repeat scroll 100% -35px;
  background-image: url("../../ui/images/bg_tabs2.gif");
  display: block;
  padding: 6px 10px 6px 5px;
  color: #742C25;
  white-space: nowrap;}
.tabs .admin a span { background-image: url("../../ui/images/admin/bg_tabs2.gif"); color: #7A8253; }
.tabs a:hover { background-position: 0 -70px; text-decoration:none;}
.tabs a:hover span { background-position:100% -70px; color: #BC2A4D;}
.tabs .selected a:hover { background-position: 0 0; }
.tabs .selected a:hover span {	background-position: 100% 0; color: #000000;}
.tabs .selected a 
{ background-position: 0 0;
  border-bottom: 1px solid #EBD6CA; }
.tabs .admin a { border-bottom-color: #EBEBCA; }
.tabs .selected a span 
{ background-position: 100% 0; 
  color: #742C25; 
  padding-bottom: 7px; }
#load { padding:5px 5px 7px 5px; background-image:none; background-color:#FFF;}
/** SUB NAVIGATION */
#cp-menu { float:left; margin-bottom:5px; margin-top:1em; width:19%; }
#cp-main { float:left; width:81%;}
#cp-main .adm-subpanel {background-color: #FFF;}
#cp-main h3, #cp-main hr, #cp-menu hr { border-color:#BFBEA4;}
#navigation { padding-top:36px; width:100%; font-size:10px;}
#navigation a 
{ background:#EBEBCA none repeat-y scroll 0pt 0pt;
  background-image:url("../../ui/images/admin/bg_menu.gif");
  color:#333333;
  margin:1px 0pt;
  padding:5px;
  text-decoration:none;
  font-weight:bold;  
  display:block;}
#navigation a:hover { background-color: #C6C5AA;
                      color: #D31141;
                      text-decoration:none; 
                      background-image: none;}
#navigation .active-subselection a 
{ color: #D31141;
  background-color: #FFF;
  background-image: none; }
#navigation li {display:block;margin:1px 0pt;}
/* ALTERNATIVE SELECT */
#alternative-select 
{ margin-top:10px;
  margin-bottom:10px; 
  margin-left:auto;
  margin-right:auto;
  width:95%;}
#alternative-select div div
{ border : 1px solid #000;
  background-color:#FFF;
  color:#000;
  padding:5px;
  margin:1px;
  width:23%;
  float:left;
  text-align:left;
  font-size:1.1em;}
#alternative-select input { margin-right:5px; }
#alternative-select div.selection { background-color: #ADD8E6; color:#000; }
#alternative-content p.click input { margin:auto; }
.select-tools, .select-tools a { vertical-align:middle; padding:0 2px;}
/* CALENDAR */
.calendar { width: 100%; }
.calendar td { text-align: center; }
.calendar td.end { background-color: #C9C9C1; border : 1px solid #000; cursor:pointer;}
.calendar td.week { background-color: #F3F3E9; border : 1px solid #000; cursor:pointer;}
.calendar td.hover { background-color: #AEBFE2; border : 1px solid #000; cursor:pointer;}
.calendar th { background-color: #D3DCE3;  color:#000; text-align:center;}
.calendar td.selected { background-color: #FFCC99;  color:#000; border : 1px solid #000; }
.select-dates div { display:inline; position:relative; text-align:center; font-size:1em;}
#date1-calendar, #date2-calendar 
{ width : 350px;
  position : absolute;
  top : 18px;
  left : 0;
  background-color:#FFF;
  padding-bottom:5px;
  border : 1px solid #000; }
/** TABLES **/
table.log, table.doc, table.search
{ width: 100%;
  border: 1px solid #CCCFD3;
  background-color: #FFFFFF;
  padding: 1px; }
table.log th , table.doc th, table.search th
{ padding: 3px 4px;
  color: #FFFFFF;
  background: #70AED3 url("../../ui/images/gradient2b.gif") bottom left repeat-x;
  border-top: 1px solid #6DACD2;
  border-bottom: 1px solid #327AA5;  
  font-size: 0.85em;
  text-transform: uppercase; }
table.doc th 
{ border-top-color:#76CEB2;
  border-bottom-color:#62C2A4;
  background: #76CEB2 url("../../ui/images/gradient3b.gif"); }
table.search th 
{ border-top-color:#B671D3;
  border-bottom-color:#A95BC9;
  background: #B671D3 url("../../ui/images/gradient4b.gif"); }
table.search span.icon { float:left;padding-right:3px; }
table.doc td, table.search td { padding : 2px 4px;}
table td.icon { width : 1%;}
table.log td, table.log td  
{ font-size: 1em;
  padding: 4px;
  line-height: 1.20em; }
table td.error img { padding-right:5px; }
table.log th { text-align : left; }
.row0 { background-color: #F9F9F9; }
.row1 { background-color: #DCEBFE; }
table.fake, table.fake td { padding:0;margin:0; }
/** DOCUMENT **/
.document p { font-size: 0.9em; line-height:1em; }
/** FORM BUTTONS **/
a.button, input.button 
{ width: auto !important;
  padding: 1px 3px 0 3px;
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 0.85em;
  background: #EFEFEF url("../../ui/images/bg_button.gif") repeat-x top;
  cursor: pointer; 
  border: 1px solid #666666;}

a.button:link, a.button:visited, a.button:active 
{ text-decoration: none;
  color: #000000;
  padding: 4px 8px; }

a.button:hover, input.button:hover
{ border: 1px solid #BC2A4D;
  background: #EFEFEF url("../../ui/images/bg_button.gif") repeat bottom;
  color: #BC2A4D; }

input.disabled { font-weight: normal; color: #666666; }

/** FORM ELEMENTS **/
dl 
{ height:1%;
  /* overflow:hidden; */
  font-size:1em;
  margin-bottom:10px; }

dt 
{ border-color: #CCCCCC;
  border-style:none solid none none;
  border-width:medium 1px medium medium;
  padding-top:3px;
  text-align:left;
  float:left;
  width:45%; }

label 
{ color:#4A5A73;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
  padding:0pt 5px 0pt 0pt;
  font-family:Verdana,Helvetica,Arial,sans-serif; }

dd 
{ border-color: #CCCCCC;
  border-style:none none none solid;
  border-width:medium medium medium 1px;
  font-size:1em;
  margin:0pt 0pt 0pt 45%;
  padding:0pt 0pt 0pt 5px;
  vertical-align:top; }
dd input, dd textarea {margin-right:3px;}
dl:hover dt, dl:hover dd { border-color:#666666; }
dl:hover dt label { color:#000000; }
dl dd label:hover { color:#BC2A4D; }
input {
  cursor:pointer;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  font-weight:normal;
  padding:0pt 3px;
  vertical-align:middle; }
input:focus, textarea:focus, input[type=file]
{ background-color:#E9E9E2;
  border:1px solid #BC2A4D;
  color:#BC2A4D; }

input, textarea, input[type=file]
{ background-color:#E3DFD8;
  border-color:#AFAEAA rgb(213, 213, 200) rgb(213, 213, 200) rgb(175, 174, 170);
  border-style:solid;
  border-width:1px;
  color:#111111;
  cursor:text;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  font-weight:normal;
  padding:2px;
  vertical-align:middle;  
}
input[type=text], input[type=file], textarea { width:95%; }
select { font-size:1em; }
p.click input[type=button]{ border:1px solid #666666; }
p.click input[type=button]:hover{ border: 1px solid #BC2A4D; color:#BC2A4D;}
input[type=checkbox]{ cursor:pointer; font-weight:normal; margin: 3px 0px; background-color:#FFF; border-width:0px;}
input[type=button], input[type=submit]
{ width: auto;
  cursor:pointer;
  margin-left:38%;
  padding:2px 30px;
  font-size:0.9em; }
input:hover, textarea:hover
{ background-color:#E9E9E2;
  border:1px solid #AFAEAA; }
optgroup, select 
{ color:#000000;
  cursor:pointer;
  font-family:Verdana,Helvetica,Arial,sans-serif;  
  font-style:normal;
  font-weight:normal;
  vertical-align:middle;
  width:auto; }
option { color:#000000;padding:0 1em 0 .2em;}
.select-dates input { cursor:pointer; width:auto; }

/** UNE ELEMENTS **/
body#une { height:100%;background-position:center center; background-repeat:no-repeat;}
body#une img { padding:0; margin:0; }
body#une a { outline-style:none; }
#une_header, #une_footer , #une_center { width:100%; margin-right:auto;margin-left:auto; text-align:center; overflow:hidden;}
#une_header { position:absolute;
              left:0;
              top:0;              
              z-index:0; }
#une_center { position:absolute; z-index:1;}
#une_enter { position:absolute;
             right:150px;
             bottom:131px;
             float:right;
             z-index:1; }

#une_footer { clear:both;
              position:absolute;
              left:0;
              bottom:0;
              z-index:0; }

/** GLOSSARY */
.glossary { display:block; margin:5px; padding:5px; border:1px solid #FFF; }
.glossary:hover { border:1px solid #CCC; }
.glossary dt { width:auto; border:none; }
.glossary label { color:#D17830;}
.glossary:hover dt label, .glossary label:hover{ color:#A52A2C;}
.glossary:hover dd { color:#555; } 
.glossary dd { clear:left; border:none; margin:0; text-align:justify;}

/** INDEXER */
#indexer { text-align:center; }

/** WHO ARE WE */
.toggable{ display:none; }
#whoareyou .selected{ display:inline-block; }
#whoareyou { text-align:center;}
#whoareyou table { text-align:center; background-color:#EBD6CA; margin:5px auto; border-collapse:collapse;}
#whoareyou th { border:4px solid #FFF; background-image:none; color:#FFF; padding:15px; font-size:1.2em; height:1em;}
#whoareyou th.marron,#whoareyou th.marron td { background-color:#742c25;}
#whoareyou th.orange,#whoareyou th.orange td { background-color:#f4b61a;}
#whoareyou th.vert,#whoareyou th.vert td { background-color:#d7d121; }
#whoareyou th.rouge,#whoareyou th.rouge td { background-color:#d23e1f;}
#whoareyou td { border:4px solid #FFF; background-color:#fee27f; padding:0 10px; vertical-align:middle;}
#whoareyou td div { margin:10px 0;}
#whoareyou td.leftSide { border-right:none; text-align:right; padding-right:2px;}
#whoareyou td.rightSide { border-left:none; text-align:left; padding-left:2px; }
#whoareyou td.noborder { border-width:0; padding:0;}
#whoareyou td.desc { color:#555; font-style:italic;}
#whoareyou td.empty { border-width:0px; background-color:#EBD6CA;}
#whoareyou td.top { vertical-align:top;}
#authors td  { padding:10px;}
#authors td div { margin:0px; display:inline;}
/** DIALOG */
#dialog .title { background-color:#d7d121; }
#dialog .borderMiddle, #dialog .between { background-color:#9e9a21; }
#dialog .panel { background-color:#EBD6CA; }

/** MANUAL */
#manual { width:700px; margin:10px;}
#manual h1 { text-align:left; margin-left:25px; font-size:1.7em;}
#manual p { text-indent:20px; text-align:justify; }

/** PUBLICATION */
#publication { width:800px; margin:10px;}
#publication h1 { text-align:left; margin-left:25px; font-size:1.7em;} 
#publication h3 { text-transform:none; font-style:italic;}
#publication p { text-indent:20px; text-align:justify; }
#publication p.rouge,#publication p.jaune { text-indent:0px; }

/** visu3D */
#visu3D { width:800px; margin:10px;}
#visu3D h1 { text-align:left; margin-left:25px; font-size:1.7em;}
#visu3D p { text-indent:20px; text-align:justify; }
#visu3D p.rouge,#visu3D p.jaune { text-indent:0px; }

/** RICAe Project */
#ricae { width:700px; text-align:justify; }
#ricae h2 { text-align:center;}
#ricae h3 { font-size:1.1em; text-align:left; margin-bottom:10px;}
#ricae p { text-indent:20px; text-align:justify; }
#ricae b { color:#777; }
#ricae table { text-align:left; margin:0; padding:0;}
#ricae td { border: none; vertical-align:top; padding:0 10px 0 0; background-color:transparent;}
#ricae .contact { padding:0 10px; }

/** RICAe organization */
#orga_ricae h4 { font-size:1.5em; }
#orga_ricae img { padding-right:5px; }
#orga_ricae table div { display:inline; }
#orga_ricae th, #orga_ricae td { padding:5px; vertical-align:middle; text-align:left;}
#orga_ricae table table { margin:0; padding:0; }
#orga_ricae table table td { border-width:0; margin:0; padding:0; }
#orga_ricae td.center { text-align:center;}

/** CULTURE */
#culture { margin:20px auto; text-align:center; border-width:0; }
#culture td { padding:5px; }
#culture img { padding:5px; }
#culture a img { border:3px solid white; }
#culture a:hover img { border-color:#742c25 #d23e1f #f4b61a #d7d121 ; }