/* styleshhets/a-components.css
  projet A
  stylesheet for components
*/

/* For old browsers */
section, article, header, nav, figure, footer {display:block;}

body {position:relative;}

a[name], a[name]:hover {color:inherit; text-decoration:none;}

ul {list-style-type:disc;}
ul ul {list-style-type:circle;}
ul ul ul {list-style-type:square;}
input[type="submit"] {border-radius:7px;}
img {border:0}
time {font-style:italic;}
select {max-width:100%;}

pre, code, tt, .code {line-height:1.5;
  font:1em 'andale mono','lucida console',monospace;}

.strong {font-weight:bold;}
.thin {font-weight:normal;}
.big  {font-weight:bold; color:#e00;}
.left  {float:left;}
.right {float:right;}
.center {margin-left:auto; margin-right:auto; text-align:center;}
.clear {clear:both;}
.highlight {background-color:rgba(255,255,0,.25);}
.ok, .all {color:green;}
.attention {color:orange;}
.ko, .critical, .none {color:red;}
.disabled {color:#999;}
.attention {color:orange;}
.minus {color:#f00;}
.zero {color:#f60;}
.reinit, #watermeter_readings .value {color:#00f;}
.out {text-decoration:line-through;}
.log th, .log td {font-size:.9em;}
.hidden {display:none;}
.object_notice {font-style:italic; margin-left:1em;}
.x {cursor:pointer;}
.required::after, .oblig:after {content: " *"; color:red;}

.translation_missing {background:yellow;}

h1, h2, h3, .title {font-weight:bold; text-align:left;}
.subtitle {font-style:italic; text-align:left;}
.description p {margin:.5em 0;}

p {hyphens:auto;}

.margin0 {margin:0 !important;}

.errors {clear:both;}
.error, .alert, .notice, .success, .info, #error_explanation  {
  padding:0.8em; margin-bottom:1em; overflow:hidden;
  border:2px solid #ddd; border-radius:7px;}
.error, .alert, #error_explanation {
  background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;}
.notice {background:#fff6bf; color:#514721;
  border-color:#ffd324;}
.success {background:#e6efc2; color:#264409;
  border-color:#c6d880;}
.info {background:#d5edf8; color:#205791; border-color:#92cae4;}
#error_explanation h2 {font-size:16px; font-weight:bold;
  text-shadow:none; padding:10px 0; margin:0;}
#error_explanation ul {margin:0; padding-bottom:10px;}
.field_with_errors {display:inline;}
.field_with_errors input {border:2px solid red;}

/*.file {background:
        url(/stylesheets/images/file.gif) 0 0 no-repeat;
  padding-left:18px;}*/
.file:before {content:url(/stylesheets/images/file.gif);
  margin-right:2px;}

.see {clear:both; margin-left:30px;}
.hide {display:none;}

a[href$=".pdf"]:before, a[href*=".pdf?"]:before, a.pdf:before {
  content:url(/images/symbols/pdf.png)" ";}
a[href$=".mp3"]:before, a[href*=".mp3?"]:before, a.song:before {
  content:url(/images/symbols/sound-grey-18x15-t.png)" ";}
a[href$=".ogg"]:before, a[href*=".ogg?"]:before, a.song:before {
  content:url(/images/symbols/sound-grey_b-18x15-t.png)" ";}

.drop_caption {background:#333; border:1px solid #666;
  Xheight:inherit !important; padding:4px; color:#fff;	text-align:left;
	font-size:12px; font-family: Verdana, sans-serif;
  border-bottom-right-radius:6px; border-bottom-left-radius:6px;}

.auto_overflow {overflow:auto; height:400px;}

.speakable {position:relative;}
.speaker {float:right; padding:10px 0 0 10px; cursor:pointer;}

/* Comments on all pages
*/
#comment .p3001 {width:520px; margin-bottom:10px;}
#comment .sign { margin: 10px 0 5px 80px; width: 400px;}
#comment .sign span:first-child {display: inline-block;
  text-align:center; font-weight:bold; 
  min-width:150px; margin:0 10px 4px 10px; padding:0 5px 2px 5px;
  border-radius:7px; background-color:#fff;}
#comment .sign span {display:inline-block;}
#comment label {text-align:right; vertical-align:top;
  display:inline-block;
  padding:0 .2em .4em 0; font-weight:bold; width: 70px;}
#comment input[type='text'], #comment textarea {
  width:400px; margin-bottom:.5em; background-color:#fff;}
#comment textarea {height: 200px;}
#comment .wait {text-align:center;}
#comment .actions {text-align:right;}
#comment .actions label {font-weight:normal; width:inherit;}
#comment .actions input[type=submit] {margin-right:50px;}
#comment .result {padding:.5em; margin:.2em;
  font-size:1.2em; font-style:italic;
   color:#636; background-color:white;}
.comment {float:left; width:478px; height:190px; overflow:auto;
  padding:0 10px; margin:5px; border:1px solid grey;}
.comment p {margin:0.2em 0;}
.comment time {float:right;}

/* Visibility */
.visitor    {border-left:2px solid #fff;}
.subscriber {border-left:2px solid #06f;}
.guest      {border-left:2px solid #0d0;}
.member     {border-left:2px solid #fa0;}
.leader     {border-left:2px solid #e00;}
.manager    {border-left:2px solid #b0b;}
.superadmin {border-left:2px solid #000;}

.active     {border-left:2px solid #666; padding-left:2px;}

.minus {color:#f00;}
.zero {color:#f63;}
.reinit {color:#00f;}

.buttons ul li {list-style-type:none; font-weight:bold;
  display:inline; padding: 0 4px;}

/* Update tools
*/
#admin_nav {position:absolute; left:0; top:0px; margin:20px 0;
  font-family:Verdana,Arial,sans-serif; font-size:1em;
  font-weight:normal;}
#admin_nav ul {margin:0; padding:0; list-style:none;}
#admin_nav ul li {font-weight:bold; display:inline-block;
  padding:0 5px;}
#admin_nav .admin {padding:5px; position:relative; top:-10px;
  background-color:white; border:2px solid blue; border-radius:7px;}
  
#admin_panel {position:absolute; right:0; top:0px;
  margin:20px 0; width:300px;
  font-family:Verdana,Arial,sans-serif; font-size:.8em;
  font-weight:normal; background: white; z-index:999;
  border:1px solid #D3D3D3; border-radius:7px;}
#objects {float:left; width:150px; padding:3px; cursor:pointer;}
#objects h3 {font-weight:bold;}
#admin_panel .actions {clear:both; margin:0; text-align:center;
  border:1px solid #D3D3D3; border-radius:7px;}
#admin_panel .actions li {display:inline-block; margin:2px 10px;}
#admin_panel .actions li a {display:inline-block; color:black;}

/* JQuery UI */
.sortable, .actions, .ui_list {padding:0; margin:0; list-style:none;}
.ui-resizable-handle {border:none !important;}
.ui-dialog .ui-dialog-content {padding:.5em;}
/*
.ui-widget-content .ui-state-default {text-align:center;}
.ui-widget-content .ui-state-highlight {
  border:1px solid red; background:#f6f6f6;}
.ui-widget-content .ui-state-active {background:#007f77; color:white;}
.ui-widget.ui-widget-content {border:1px solid black;}
*/
.ui-datepicker-calendar .ui-state-default {text-align:center;}
.ui-datepicker-calendar .ui-state-highlight {
  border:1px solid red; background:#f6f6f6;}
.ui-datepicker-calendar .ui-state-active {background:#007f77; color:white;}
.ui-datepicker-calendar .ui-widget.ui-widget-content {
  border:1px solid black;}
.datepicker {display:inline-block;}
.datepicker input {width:5.5em;}

/* Residence */
.pmanager {color:orange;}
.domiciled {color:grey;}
.resident {color:black;}
.tenant {color:green;}
.owner {color:#707;}
.owner.resident {color:blue;}
.domiciled a, .resident a, .tenant a, .owner a, .pmanager a {color:inherit;}

/************************
      Components
*************************/
.p1009 .map_icon {display:block; float:right;
  padding-left:5px;  cursor:pointer;}
.map_icon_dialog {text-align:center;}

.p1001.links, .p1021.links {clear:both; height:20px; text-align:center;}
.p1001 .next, .p1001 .list, .p1001 .rewind,
.p1021 .next, .p1021 .rewind {display:inline; margin-left:20px;}
.p1012 li {margin:.5em 0; text-align:left;} /* p1012_site_news */
.p1012 p {margin:.2em 0;}
.p1025 {position:fixed;  /* p1025_page_stamp */
  top:40px; right:20px; z-index:999;
  font-size:2em; padding:.2em .5em 0.2em;
  line-height:1.3; text-align:center;
  background:yellow; box-shadow:2px 2px 4px #666666;
  border:1px solid #999; border-radius:7px;}
.p1025.top {bottom:25px; top:auto; cursor:pointer;
  font-size:1em; display:none;}
.p1025 .stamp2 {font-size:.85em;}
.p1025 p {margin:0}

.p1049 .actions div {width:100%; height:200px; border:1px solid grey;
  margin:5px 0; display:flex; align-items:center; justify-content:center;}
.p1049 .actions img {margin-right:.5em;}

.p1302 p.apart_notice {font-style:italic;}
.p1335 table {width:100%;}
.p1501 .header {font-style:italic;}
.p1501 p {text-align:justify;}

/* p3005_members */
.p3005 .user {float:left; width:220px; margin:5px 0;
  text-align:left;}
.p3005 .user img {display:block; float:left; margin:0 5px;}
.p3005 .ftn {display:inline;}
.p3005 .tag {display:inline; font-style:italic;}
.p3005 .phone {font-size:.9em;}
.p3005 .email {display:inline;}
.p3005 .user .email img {display:inline; float:none; height:auto;}
.p3005 .menu {text-align:right;}  /* ??? */
.p3005 .menu li {display:inline; margin:10px;}
.p3005 .infos {width:100%;}
#p3005_zoom img {width:inherit; height:inherit;}

.p3006 {border: 5px double gray; padding:5px;}
.p3006 img {display:block; float:left; margin:5px;}

.p3008 li {list-style:none;}
.p3008 .level1 {font-weight:bold;}
.p3008 .level2 {padding-left:1em;}
.p3008 .level3 {padding-left:2em; font-style:italic;}

.p3009 {margin:10px 0 6px;}
.p3009 ul {list-style:none;}

.p3012 [title] {font-style:normal;}
.p3012 .En {color:#777;}
.p3012 .Sy {color:#f96;}
.p3012 .Rs {color:#000;}
.p3012 .Pr {color:#d0d;}
.p3012 .Lc {color:#0a0;}
.p3012 .Pr.Rs {color:#00f;}
.p3012 .Cs {color:#f00 !important;}
.p3012 .Gd {color:#f99 !important;;}

.p4006 {cursor:pointer;}

.p4017 button {display:block; margin:0 auto; border-radius:5px;}

.p5003 {clear:both;}

.qr_code {cursor:pointer; font-size:1.3em;}
.qr {position:absolute; bottom:1em; left:45%; z-index:9999;
  display:none; margin:10px; padding:5px; text-align:center;
  border:1px solid black; background:#ddd;}
.p4019 .qr {float:right; max-width:50%; padding-bottom:5px;}
.p4019 .qr img {background:#fff; margin:0 10px; padding:10px;}
.p4019 .qr a {padding:10px;}

/* p4007_jplayer */
#bloc_jplayer {position:fixed; margin:10px; z-index:99;
  border:1px solid #999; display:none;}
#bloc_jplayer.guest {border-left:2px solid #0d0;}
#jp_container_1 {margin:0 auto;}
div.jp-audio ul.jp-controls {width:auto !important;}
.jp-title {cursor:pointer;}
.jp-close {position:absolute; top:-5px; right:10px; cursor:pointer;}
.jp-controls {float:left;}
.jp-times {clear:both; padding-top:10px;}
.jp-digital-position {float:left; margin-top:-10px; font-size:.64em;}
.jp-digital-position input {padding:0; margin:0;}
.jp-digital-position img {margin:-5px; cursor:pointer;}
.jp-title {clear:both;}
.jp_score {overflow:hidden; position:relative;}
.jp_score img {position:relative;}

.p4008 {text-align:right;}
.p4008 input {display:inline; width:200px;}
.p4008 a:not([disabled]) {cursor:pointer;}
.p4008 a[disabled] {color:#999;}

.p4015 #map {border:1px solid black;}
.p4015 .copyrights, .p4015 .link {
  font-family:sans-serif; font-size:12px;}
.p4015 .link {float:left;}
.p4015 .copyrights {float:right;}

/* p5002_scrollx */
.p5002 {position:relative; width:100%; margin:100px 0;}
.p5002 .left_arrow, .p5002 .right_arrow {
  position:absolute; top:100px; display:none;
  z-index:10; cursor:pointer; box-shadow:0 0;}
.p5002 .left_arrow {left:-1px;}
.p5002 .right_arrow {right:-2px;}
.p5002 .static {margin:0 0px; position: relative; overflow: hidden;}
.p5002 table {position:relative; visibility:visible; top:0;}
.p5002 table img {height:200px; margin:0 2px;}

/* p5003_free */
.p5003 .in {position:relative; max-width:100%; margin:0 auto;}
.p5003 .in img {width:100%;}
.p5003 .in .picture, .p5003 .in .text {position:absolute;}

/* Footer */
.p7002 {clear:both; Xposition:relative;}
#footer, #footer a {color:#333 !important;}
#footer {text-align:center;}
#footer span {margin:0 .2em;}
#footer .copyright {float:left; text-align:left;}
#footer .copyright::first-letter {font-size:1.1em;}
#footer .languages, #footer .projet_a {float:right;
  text-align:right; padding-left:1em;}
.languages .current {color:red;}

/* Styles for printing */
@media print {
  html {z-index:1;}
  .no_print, .top, .errors, .arrow, .speaker, .snow {
    display:none !important;}
  .page_break {break-before:always;}
}