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

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

table { 
  border-collapse: collapse; 
}


table.docutils tr, table.docutils td  { border:1px solid black;  }
table.docutils th  { border:1px solid black; font-weight:bold; }


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


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