body { margin: 0; background-color: #CCC; }

body, th, td { 
  font: 14px arial;
}

table { 
  border-collapse: collapse;
}

a { color: #FE7A2C; }

h1,h2,h3 { color: #FE7A2C; font-family: arial; font-weight: normal; }
h1 { font-size: 30px; font-weight: bold; margin-top: 0; }
h2 { font-size: 25px; }
h3 { color: #999; font-size: 20px; margin-bottom: 0; }

h4 { font-size: 16px; }
h2.deck { 
  border-bottom: 0px;
  font-size: 120%;
  margin-bottom: 2em;
  text-align: center;
}


h4 pre, h4 tt, h4 .literal { text-transform:none; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-top: 1em;
  margin-left: 5em;
}

pre {
  color: #305237;
  background-color: #f0f5d7;
  border-left: 5px solid #82c828;
  padding: 4px;
  margin-left: 2em;
  margin-right: 1em;
  overflow: auto;
  font-size: 12px;
}


.docinfo p { margin-top: 2px; }

.note, .admonition { 
  padding:.5em 1em .8em;
  margin: 1em;
  border:1px solid #DDD;
  background-color: white;
  font-style: italic;
}
.admonition-title {
  font-size:120%;
  font-weight:bold;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.admonition .last { 
  margin-bottom:0 !important; 
}
.admonition-philosophy {
  padding-left:45px;
  background:url(/static/css/img/carre1.gif) .8em 1em no-repeat; 
  background-color: white;
}
.admonition-note { padding-left:45px; 
  background:url(/static/css/img/carre2.gif) .8em 1em no-repeat;
  background-color: white; }
.admonition-behind-the-scenes { padding-left:45px; 
  background:url(/static/css/img/scrolldown_of.gif) .8em 1em no-repeat; 
  background-color: white; }

img.droite { 
  border-width: 0px;
  margin: 10px;
  float: right;
}


.title { 
  color: #111;
  padding-left: 10px;
  font-size: 130%;
  margin-bottom: 1em;
}

#left-col {
  width: 200px;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  padding-right: 2em;
  padding-left: 0;
}

#page {
  vertical-align: top;
  margin-top: 5em;
}

/* TOC */

#tablecontent {
  padding-top: 2em;
}

#tablecontent a {
  display: inline;
}
#navcontainer {
  font-size: 11px;
}
#navcontainer ul {
  padding-left: 1px;
  margin: 0px;
  list-style: none;
  text-align: left;
}

#navcontainer  ul.toc li {
  margin: 2px 0;
}
#navcontainer  ul.toc > li {
  margin: 3px 0;
}
#navcontainer li { 
  font-size:1em;
}

#navcontainer ul li ul { 
  margin-left: 5px;
}

#navcontainer a { 
  padding-left: 5px;
  text-decoration: none;
  color: #666;
}

#navcontainer a:hover { 
  color: #333;
  text-decoration: underline;
}

#toc li.reference {
  margin-top: 3px;
}

form { margin: 0px; }
textarea { border: 1px solid #808080; color: Black; background-color: #FFF; padding: 0.1em; }
input { background-color: #FFF; border: 1px solid #808080; color: Black; vertical-align: middle; margin-bottom: 1px; /* IE bug fix */ padding: 0.1em; }
select { border: 1px solid #808080; vertical-align: top; background-color: #FFF; }


#content ul { padding-left:2em; }
#content ol { padding-left:30px; }
#content ul li { margin-bottom:.4em; }
#content p { margin-top:4px; }

#content li, #page li, #list li {
  display: list-item;
  list-style-image: url(/static/css/img/carre1.gif);
}

#content-secondary { background-color: #EFEFEF; padding: 5px 5px 5px 25px; }
#content-secondary h2 { color: #666; font-size: 20px; font-weight: bold; }
#content-secondary h3 { color: #FE7A2C; font-size: 14px; font-weight: bold; }
#content-secondary p { font-size:14px; }

.section{
  text-align: justify;
  margin-right: 1em;
}

#header { height: 74px; padding-left: 20px; background-color: #FFF; }


/* TAGS */

#tags { width: 965px; height: 102px; background-color: #EFEFEF; font-size: 11px; padding: 10px 20px 10px 20px; vertical-align: top; }
#tags h3 { font-style: arial; font-weight: bold; color: #000; font-size: 14px; margin: 0px;}

#tags a { font-size: 12px; color: #666; text-decoration: none;} 
#tags a.selected { font-size: 25px; color: #FF0016; text-decoration: none;} 

#tags ul {
  margin: 0;
  padding: 3px;
}

#tags a { margin-right: 10px; }

#tags .selected { font-size: 200%; margin: 0 10px; }



#footer { font-size: 11px; margin-top: 0px; margin-bottom: 2em; background-color: #CCC; padding: 5px 5px 20px 0px; }
#footer td  { font-size: 11px; }

#content { background-color: #FFF; vertical-align:top; padding: 5px 20px 25px 20px; }

#content-related { background-color:#FE7A2C; color:#FFF; vertical-align:top; padding: 10px; font-size: 12px; }
#content-related a { color: #FFF; font-weight: bold; }
#content-related table { color:#FFF; }
#content-related hr { background-color: #FE7A2C; border: dashed; height: 0; border-width: 0px 0px 1px 0px; }

#tags-layer { background-color: #EFEFEF; }
#content-layer { background-color: #CCC; }