/* Reset browsers default margin, padding and font sizes */
:root {
  --unity: 1.42rem;
}
* { 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:#2B2B2B;
  font-family:Roboto, Arial, Trebuchet MS, Gill Sans, Verdana, Geneva, Helvetica, sans-serif;
  font-size:1rem;
  line-height:1.5;
  margin:0;
  padding:0;
  border-width:0;
  display:block;
  background-color:#9c3331; }
/** GENERAL STRUCTURE **/
#fond { z-index:-1; position:absolute; opacity:0.99999; left:0px; top:0px; width:100%; height:100%; }
#struct { width:100%; border-collapse:collapse;}
#header { margin:0; height:auto; color:#FFFFFF; height:150px;}
#header img { position:relative; left:12px; top:12px;}
#header-logo { position:relative; top:-42px; left:100px; height:35px; width:50%;}
/* #header-logo img { vertical-align:bottom; padding-right:8px; position:relative; left:12px;} */
#header-menu { position:absolute; top:10px; right:10px;}
#header-submenu { position:absolute; top:120px; right:10px;}
#body { clear:both; margin-top:10px;}
#leftMenu { vertical-align:top; width:400px; margin:0; font-weight:bold; color:#FFF; background-image:none; margin-top:15px;}
#mainContent { vertical-align:top; background-color:#FFF; width:auto; margin-top:16px; padding:10px; border-top-left-radius:16px;}
#topfoot { background-color:transparent; height:10px;}
#footer { background-color:#FFF; padding:10px;}

/** HEADER SPECIALS **/
#header a { font-size:130%; font-weight:bold; outline-style:none; padding:0 0 0 10px; color:#FFF; text-shadow:#000 3px 3px 2px;}
#header a.title { margin-left:5px; font-size:400%; text-shadow:10px 12px 8px #222; vertical-align:middle; letter-spacing:16px; position:relative; }
#header a.title:hover { text-shadow:10px 12px 8px #000; }
#header a.icon { padding:1px 20px 0 20px; }
#header a:hover { color:#df9a98; text-decoration:none;}
#header a.lang { font-size:9px; padding:2px; border-radius:10px; text-shadow:2px 2px 6px #000; box-shadow:1px 1px 2px #000; color:#FFF;}
#header a.lang:hover { color:#df9a98; text-decoration:none; }
#header-menu a { padding-left:25px; }
.atlas { font-size:30px; line-height:30px; position:absolute; top:-40px; left:12px;}

/* 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; }
/* 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, dl:after { content:"."; display:block;  height:0; clear:both; visibility:hidden; }
.tabs, dl { height:1%; }

/** COMMONS **/
p {text-align:justify;font-size:1em;line-height:1.2em;margin-bottom:1.5em; }
ul { margin:0; padding:0; }
li { margin:0; padding:0; font-weight:bold; }
img{border-width:0px;vertical-align:middle;}
hr { border:0 none #FFFFFF; border-top:1px solid #9c3331; height:1px; margin:5px 0; display:block; clear:both; }
acronym { cursor:help; }
a { 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; }
a > img { cursor:pointer; vertical-align:middle;}
.link {cursor:pointer;}
.plink { position:absolute; right:11px; background-image:url("../../ui/images/permalink.png"); background-repeat:no-repeat; background-position:0 0; font-size:0.75rem;}
.plink a { padding-left:15px; color:#AAA; font-weight:bolder; }

.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;}
.validation-advice{color:red;font-style:italic;font-size:0.85em;}
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;}
.black, .name { color:#000;}
.normal { text-transform:none; color:#000;}

/** ICONS **/
.icon-faq { background-image:url("../../ui/images/icon_faq.gif");}
.icon-home { background-image:url("../../ui/images/icon_home.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-faq, .icon-home, .icon-search, .icon-top, .icon-glossary
{ background-position:0pt 50%;
  background-repeat:no-repeat;
  padding:1px 10px 0pt 20px; }
ul.marron, ul.orange, ul.rouge, ul.jaune { background-image:none;}
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 12px; margin:4px 0; background-position:0pt 4px; list-style-type:none;}
.marron, ul.marron li { background-image:url("../../ui/images/puce_marron.gif"); }
.orange, ul.orange li { background-image:url("../../ui/images/puce_orange.gif"); }
.rouge, ul.rouge li { background-image:url("../../ui/images/puce_rouge.gif"); }
.jaune, ul.jaune li { background-image:url("../../ui/images/puce_jaune.gif"); }

/** LANGS */
#res-lang { margin:12px; display:block; }
a.lang { font-size:9px; color:#FFF; padding:2px; border-radius:10px; text-shadow:2px 2px 6px #000; box-shadow:1px 1px 2px #000; border:2px solid transparent;}
a.lang:hover { color:#df9a98; text-decoration:none; }
a.fr { background-color:#3735a0; }
a.fr:hover, a.fr.selected { border:2px solid #FFF; }
a.en { background-color:#b8142d; }
a.en:hover, a.en.selected { border:2px solid #FFF; }
a.es { background-color:#e56420; }
a.es:hover, a.es.selected { border:2px solid #FFF; }
a.void:hover {border:2px solid transparent; cursor:default;}

/** LEFT PART DOCUMENT LISTING */
.left-panel
{ background-color:rgba(255,255,255,0.75);
  border-radius:8px 8px 8px 8px;
  box-shadow:2px 2px 6px #000000;
  margin:10px;
  padding:0 6px; }
.left-panel h3
{ clear:both;
  color:#D17830;
  font-size:1em;
  font-weight:bold;
  margin:10px 0 3px 0;
  padding:0 0 2px 18px;
  text-transform:uppercase;
  background-repeat:no-repeat;
  background-position:0 0;}
.left-panel h3 { text-transform:none; }
.left-panel b,.left-panel i  { color:#343434; }
#linkContent h3 { background-image:url("../../ui/images/page_link.gif"); }
#descriptorContent h3 { background-image:url("../../ui/images/attachment.gif"); }
#searchResultsContent h3 { background-image:url("../../ui/images/icon_search.gif"); }
ul.doclist { padding-bottom:5px; }
ul.doclist a { color:#4B4B4B; }
ul.doclist a:hover { color:#742C25; text-decoration:none;}
ul.doclist li {background-image:url("../../ui/images/doc.gif"); background-position:1px 1px; border:1px solid transparent; padding-left:12px;color:#000000; margin:0;}
ul.doclist li img { padding-left:2px; }
ul.doclist li:hover { border:1px solid #742C25; }
ul.doclist li.no-result {background-image:none; text-align:center; }
ul.doclist li.no-result:hover {background-image:none; border:1px solid #FBC83D; }

/** THEME HEADER **/
.theme
{ margin:15px 150px;
  font-size:24px;
  font-weight:bold;
  text-align:center;
  font-variant:small-caps;
  color:#742C25;
  line-height:1em; }
.lettrine { font-size:40px; color:#f4b61a; text-transform:uppercase;}
.image-menucontent { display:block; margin-left:auto; margin-right:auto; }
div.links { max-width:800px; height:auto; margin:10px auto; font-size:14px;}
div.links-left{ width:49%; float:left; }
div.links-right{ width:49%; float:right; }

/** FOOTER **/
.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; }

/**  LEFT MENU NAVIGATION TREE **/
#tree { margin:5px; text-shadow:#000 2px 2px 2px; line-height:1;}
#tree ul { list-style-position:inside; list-style-type:disc; padding-left:6px;}
#tree li { padding:3px 0; vertical-align:middle;}
#tree a { color:#FFF; font-size:14px; line-height:14px; outline:none; }
#tree a:hover {text-decoration:none; color:#df9a98;}
#tree .tree-root { line-height:17px; margin-bottom:5px;}
#tree .tree-root a {padding:0 0 0 2px; margin:0; font-size:18px; text-transform:uppercase; vertical-align:middle;}
#tree .tree-root a:hover {text-decoration:none; color:#df9a98;}
.no-action { cursor:default; }

/** MAIN CONTENT **/
div.authors, div.translators{ margin-top:5px; text-align:right; }
img.content-img { text-align:center; margin-left:auto; margin-right:auto; cursor:pointer;}
div.contentHR {
    background:url("../../ui/images/barre_mini.gif") repeat-x scroll 0 100% transparent;
    clear:both;
    height:5px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
    padding-top:10px;
    width:50%; }
div.alert { font-size:1.1em; font-style:italic; margin-bottom:20px; text-align:center; }
div.proposal { font-weight:bold; margin-bottom:5px; text-align:center; }

/** FORM BUTTONS **/
form a.button, form 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 **/
form dl
{ height:1%;
  /* overflow:hidden; */
  font-size:1em;
  margin-bottom:10px; }

form 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%; }

form 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; }

form 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; }
form dd input, form dd textarea {margin-right:3px;}
form dl:hover dt, form dl:hover dd { border-color:#666666; }
form dl:hover dt label { color:#000000; }
form dl dd label:hover { color:#BC2A4D; }
form input {
  cursor:pointer;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  font-weight:normal;
  padding:0pt 3px;
  vertical-align:middle; }

form input:focus, textarea:focus, input[type=file]
{ background-color:#E9E9E2;
  border:1px solid #BC2A4D;
  color:#BC2A4D; }

form 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; }

form input[type=text], input[type=file], textarea { width:95%; }
form 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;}
form 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;

  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;}

/** 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;}
form .select-dates input { cursor:pointer; width:auto; }
#date1-calendar, #date2-calendar
{ width:350px;
  position:absolute;
  top:18px;
  left:0;
  background-color:#FFF;
  padding-bottom:5px;
  border:1px solid #000;
  z-index:1;}

/** 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; }

/** DIALOG */
#dialog .title { background-color:#d7d121; }
#dialog .borderMiddle, #dialog .between { background-color:#9e9a21; }
#dialog .panel { background-color:#EBD6CA; }
#dialog h1 { margin:15px 0 10px 0; text-align:left; font-size:1.7em; list-style:disc inside url("../../ui/images/logo_barre_http.gif"); line-height:1em; font-weight:bold; color:#742C25; display:list-item; }
#dialog h1 img { padding-left:5px;}
#dialog h2 { font-weight:normal; font-size:1.5em; margin:.75em 0; color:#A52A2C;}
#dialog h3 { font-weight:bold; text-transform:uppercase; margin-bottom:3px; padding-bottom:2px; font-size:1em; margin-top:10px; clear:both; color:#D17830;}
#dialog h3 a {text-transform:none;}
#dialog h4 {font-size:1em; margin:5px 0px;}
#dialog h5 {font-size:1em;}
#dialog p { text-align:justify; text-indent:20px;}
#dialog p.click {text-align:center;}

/** 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 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 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 .selected a span
{ background-position:100% 0;
  color:#742C25;
  padding-bottom:7px; }

/** 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; color:#777;}

/** 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;}

/** MANUAL */
#manual { width:700px; margin:10px;}

/** PUBLICATION */
#publication { width:800px; margin:10px;}
#publication h3 { text-transform:none; font-style:italic;}
#publication p.rouge,#publication p.jaune { text-indent:0px; }

/** visu3D */
#visu3D { width:800px; margin:10px;}
#visu3D p.rouge,#visu3D p.jaune { text-indent:0px; }
.presentation { color:#D17830; }

/** RICAe Project */
#ricae { width:700px; text-align:justify; color:#4B4B4B;}
#ricae h2 { text-align:center;}
#ricae h3 { font-size:1.1em; text-align:left; margin-bottom:10px;}
#ricae b { color:#000; }
#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 h1 {font-size:2em; margin: 15px auto; text-align: center;}
#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 ; }