/* projet_a : Common Site - @ 2011-2020 - Christian Paquet */

.prepend-05 {padding-left:20px;}
.colborder {margin-right:10px;}
* {box-sizing: border-box;}
body {margin-top:20px;
  background:steelblue url(/__sites__/projet_a/img/bg_projet_a.jpg) repeat-x;}
.container {width:1200px;}
#xiti {display:none;}

h1, h2, h3, h4, h1 a, h2 a, h3 a, .h4a {
  text-decoration:none; color:#1062a5; line-height:.8em;}
h3, h4 {margin:1em 0 .5em;}
p {margin:0 0 1em 0;}
p .left {float:left; margin: 0 1em .5em 0;}
p .right {float:right; margin: 0 0 .5em 1em;}
a {text-decoration:none;}
a:hover {color:red;}
time {font-style:italic; display:block; text-align:right;}
.header {font-style:italic; margin:1em 0;}
.wording {float:left; padding:5px 0 0 30px;}
.subtitle {font-style:italic;}
.p3008 .title, .p4001 .title {color:#1062a5;
  font-size:16px; margin:0 0 0 10px;}
.p3008 ul {margin:5px;}

/* Page header */
.p2001 .logo, .p2004 .logo {float:left;}
.p2001 .p1004, .p2004 .p1006 {float:right; display:inline;
  margin:50px 20px 0;}
#logo2 {float:right; margin:0 5px; max-width:40%;}
#header hr {clear:both;}

/* Principals blocks */
#primary, #Xsecondary, #sites, #aio, #projet_a,
.block, .p3008, .editor {
  background:#eee; margin-bottom:1em; padding:1%; float:left;
  border-radius:7px;}
#secondary .treeview {margin:-10px;}

/* Page footer */
.p7002 #footer {background:#bbb; padding:2px 15px;
  text-align:center; margin:-5px 0 10px;
  border-radius:7px;}
.p7002 span {padding:0 5px;}
.p7002 .copyright a {color:black !important;}
.p7002 .copyright a:hover {color:red !important;}
.p7002 .center {display:inline;}

/* Pages chapters */
.p4001 h1 {font-size:16px; font-weight:bold; margin:5px 10px;}
#chapter, #article .p1501 {margin:-10px; padding:10px;
  border-radius:7px;}
.section > img {float: left; display:inline;
  margin:5px 15px 10px 0;
  max-width:400px; max-height:400px;}
.articles, #chapter .p1501 {background-color:#ddd; 
  padding:9px; margin:18px -10px 18px -10px; 
  border-radius:7px;}
.articles h4 {margin:10px 0 5px;}
#chapter .p1501 {border-top:2px solid #666;}
.header {clear:both;}
.author {clear:both;}
.author:before {content:'par '}
.update {font-style:italic; text-align:right;}
.update time {display:inline;}
.update .version:before {content:' / ';}
#chapter .display {float:right; font-style:italic;}
#chapter .articles .article {margin:0 -5px; padding:0 5px;
  border-radius:7px;}

/* treeview -> Spaces */
.treeview, #map .buttons {padding:10px 10px 10px 7px;
  background-color:#d2dff4; border-radius:7px;}
.treeview li {font-weight:bold; background-color:#d2dff4; 
  padding-top:0; padding-bottom:0;}
.treeview li li {font-weight:normal; background-color:#e3eaf4;}
.treeview li li li {font-style:italic; background-color:#f2f3f4;}
.treeview li li li li {font-weight:normal; background-color:#fff;}
.treeview-a li {background-image:
                  url(/stylesheets/images/treeview-a-line.gif);}
.treeview-a .hitarea, .treeview-a li.lastCollapsable,
.treeview-a li.lastExpandable {
  background-image:url(/stylesheets/images/treeview-a.gif);}

.rounded, .a_nav {border-radius:7px;}

/* Home page */
.nav {float:right; margin:0;}
.nav li {list-style-type:none; font-weight:bold;
  display:inline; padding: 0 4px;}
.a_nav {background-color:white; white-space:nowrap;
  padding:2px 5px; margin: -5px 5px 10px 0;}
.p1014 li, .p1012 li {margin-bottom:.5em; list-style:square;}
.p1014 p, .p1012 p {margin:0;}
.aio_space_home .p1019 section {margin-top:10px;
  border-bottom:1px solid #ddd;}
.aio_space_home .picture img {float:left; padding:0 10px 5px 0;
  width:120px;}
#sites, #aio, #projet_a {float:left; width:373px;
  padding:10px; margin-right:10px; position:relative;}
#projet_a {margin-right:0;}
.p1003 {margin:0 0 15px; padding:0; text-align:right;}
.p1003 li {padding:0 3px;}
#sites th[colspan] {padding-left:10px;}
#voyelles {margin:0; padding:0; position:relative; top:-10px;}
#voyelles .picture img {position:absolute; right:0; padding:0;}
#voyelles .text {overflow:hidden; width:373px; height:430px;}
#voyelles p {margin:0 0 .5em;}
#voyelles .lang {text-align:right;}
.p4008 {margin-top:-18px;}
/* #sites img {width:18px; max-width:none;} */
#sites .p4008 input {width:135px;}
#version_a {float:right;}

#map .buttons {margin:10px 0 15px; padding:0 20px;}
#map .buttons ul {margin:0;}

#user {position:fixed !important; left:0; top:0;
  width:500px; background:#ddd;}
#comment h2 {font-size:1.5em;}
#comment .sign {width:500px;}
#comment .sign span {width:310px; vertical-align:top;}
#comment .sign span:first-child {
  background-color:#fff; width:20px;}
#comment input[type='text'], #comment textarea {
  background-color:#fff; margin-top:-5px; xwidth:480px;}
#comment textarea {margin-top:-2px; padding:2px 0;}

/* Articles et exercices */
textarea.exercice, iframe.vue {width:100%; height:300px;
  border:1px solid #999;}
iframe.vue {background:#fff;}
textarea.exercice {background:#ffd;}
.plein_ecran {text-align:right;}
.dropdown {cursor:pointer;}
.dropdown textarea {display:none;}
.aio_work_exercice .CodeMirror {font-size:12px; display:none;}

a[data-remote='true']:after,
.p9002 a[data-remote='true']:after {
  content:'\2193'}   /* \2193 = down-arrow */
.aio_space_components #source, .aio_space_generators #source {
  font-size:1.3em;}
.aio_space_components #source h3, .aio_space_generators #source h3 {
  font-size:1em; margin:-.5em 0 .5em;}

/* Labo */
.aio_space_read_text .field, .aio_space_read_text select {
  width:500px; max-width:100%;}

/* Stats & charts */
.p4012 table {margin-left:40px; width:150px;}
.jqplot-table-legend-swatch {width:20px;}
.jqplot-highlighter-tooltip {background:#ddd; color:#333;
  border:1px solid #666; padding:0 5px; z-index:1000;}

/* Responsive design */
img, table, td, blockquote, code, pre, textarea, input {
  min-width:10px; max-width: 100%;}
.container {max-width:1260px; width:100%;}
#header {margin:0 1%;}
ul#menu {margin:0; padding:0%; background:transparent;}
.p7002 {width:98%; margin:0 1%;}
#menu li {display:inline; margin-left:1%; padding:.5% 1%;
  background:#ddd; white-space:nowrap; font-weight:bold;
  border-radius:7px;}
#sites, #aio, #projet_a {width:100%; float:none;
  margin:0px; padding:2%;}
#home > section {width:33%; float:left; margin:1.2% .6%;}

.aio_space_generators .vis {display:none;}
.aio_space_generators .kind {width:12%;}
.primary   {float:left; margin:1%;}
.secondary {float:right; margin:1% 0 0;}
.secondary .treeview {margin:0;}
.p3008, .secondary .block {width:98%; margin:0 0 10px;}
.primary   {width:65%;}
.secondary {width:33%;}
.section > img {max-width:92%;}
.articles, #chapter .p1501 {margin:1% -1%; padding:1%;}

@media screen and (min-width:1260px) {
  #header hr {margin:0;}
  #home #menu {display:none;}
  #home > section {width:31.9%;}
}
@media screen and (max-width:1260px) {
  #header hr {display:none;}
  #home > section {width:46.7%;}
}
@media screen and (max-width:960px) {
  h1, #header h1 {font-size:2.2em; line-height:1.1em;
    margin-bottom:0.3em;}
  h2, #header h2 {font-size:1.6em; line-height:1.1em;
    margin-bottom:0.3em;}
  .primary, .secondary {width:96%; float:left;}
  .primary {margin-bottom:0;}
  .p3008, .secondary .block {margin:0 1%; width:100%;}
  .secondary .block {margin:0 1% 1%;}
  #header .logo {display:none;}
  .p2001 .p1004, .p2004 .p1006 {margin:0;}
}
@media screen and (max-width:700px) {
  #home > section {width:94%;}
  #logo2 {display:none;}
}

/* Styles for printing */
@media print {
  .no_print, .secondary, .logo, #logo2, .p1004, .arrow,
  .p7002 .center,
  #chapter .display {   /* #header h2, #footer, .date */
    display:none !important;}
  body, .container, .primary, .p7002, #footer {
    background:white !important; clear:both; width:99% !important;}
  p {orphans:2; widows:2;}
  #footer {border-top:1px solid black;}
  
  .visitor, .subscriber, .member, .manager {border-left-width:2px;}
  
  #chapter .p1501 {page-break-before:always;}
}