/**
 * basefer.css
 * feuille de style generale de BaseFer.
 * @version 2025.03.03
 * @author  Michel Cartereau AOROC
 */ 

/* couleurs
  727272 gris fonce
  CC7F31 bronze (texte sur logo DE F. ORY)
  CC7F31 orange 
  F0F0F0 gris clair
*/

/* changement couleur principale definie dans outils-classe-vue.css */
#entete, #chapeau, #menu-annexe, #menu-annexe a, .top-bar, .top-bar ul,
#menu-principal, #menu-principal a:visited  , #menu-principal a:link,
div#sous-menu, div#sous-menu a:visited, div#sous-menu  a:link,
div#entete .bouton,
#corps div.onglets li.tabs-title > a, #sous-menu div.onglets li.tabs-title > a,
#sous-menu div.onglets .tabs-content, #sous-menu div.onglets ul.tabs
 { background-color: #CC7F31; }
div#corps ul.dropdown.menu a:hover, ul.dropdown.menu  a:active 
 { background-color: #CC7F31 !important; }
#menu-principal .menu .active a, div#sous-menu .menu .active a,
#corps h1, #corps h2, #corps h3,
div#depot-menu [type="file"], 
#corps div.onglets .tabs-content
 { border-color: #CC7F31; }
corps div.onglets li.tabs-title > a:hover,
#sous-menu div.onglets li.tabs-title > a:hover
 { border-color: #CC7F31; }
#corps div.onglets li.tabs-title > a[aria-selected="true"],
#sous-menu div.onglets li.tabs-title > a[aria-selected="true"]
 { color: #CC7F31; border-color: #CC7F31; }
div#corps ul.dropdown.menu a::after
 { border-top-color: #CC7F31; }
#corps a
 { color: #CC7F31; border-bottom-color: #CC7F31;} 
div.leaflet-popup-content a { 
  border-bottom-color: #CC7F31 !important;
}
.encadre {outline-color: #CC7F31;}

div#menu-annexe
 { font-size: 80%; }
/* div#menu-annexe ul#connexion
 { display: inline; color: white; } */
#attente
 { padding: 1ex 2ex 1.5ex; color: #CC7F31; background-color: #F0F0F0; border-bottom: 4px solid #CC7F31; }
#logos
 {float: right; padding: 1ex; margin: 0; text-align: center;}
#question
 { font-weight: bold; padding: 1ex 0 1.5ex; }

li {margin : 0.5em 0}

.format-saisie {font-family: Arial,Helvetica,sans-serif; font-size: 90%; font-style: italic;} 
.lien-ancre { color: #CC7F31; border-bottom: thin dotted #CC7F31;} 
.note {padding: 5px; font-size: 90%; color: #505050}
.info {color: #505050; }
.choix1 {color: #505050; font-size: small; }
.interligne {margin: 1em 0; }
.fin-incrustation {clear: both; height: 1px; }

div#logo-basefer, div#logos-organismes { /* 2023.03.22 */
  text-align: center;
}

div.annonce { /* 2020.03.27 */ 
  border: thin solid #CC7F31;
  border-left: 4px solid #CC7F31;
  border-right: 4px solid #CC7F31;
  border-radius: 5px;
  margin: 1em;
  padding: 1em; 
  font-size: smaller;
}

div#stat-graph { /* 2023.03.20 */
  padding: 5px;
}

/* tables */
th {text-align: left; font-size: 90%; }
td {vertical-align: text-top; }
.tableau {margin: 1em 0;}
.tableau td, .tableau th {border: thin solid; padding: 5px; } 

/* datatables */
div .t-valeurs { margin: 1ex 0; padding: 1ex; border: dotted gray thin; font-size: 90%;}
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate
  {font-size: 90%; font-style: italic; }

/* formulaires */
form h2, form h3, form p {margin: 0.5ex 0 0.5ex; } 
input, select, textarea, button {
  font-family: Arial,Helvetica,sans-serif !important;
  font-size: 90% !important;
}
select {margin-bottom: 3px;}
input[type='submit'], input[type='reset'], input[type='button'] 
 {color: inherit; font-weight: inherit; }
input[type='file'] {border: 1px dotted;}
fieldset {padding: 2%; border: thin solid #CC7F31; }
fieldset h2 {margin: 0.5em 0 0 0; } 
fieldset p {margin: 0 0.5em 0 0; } 
/* 2023.01.20 ~> outils-classe-vue.css 
.entete-zone 
  {display: block; width: 20%; float: left; margin: 0 1ex 1ex 0; line-height: 150%; text-align: right; }
*/
div.multi-multi  /* 2023.01.20  - display: block; width: 79%; text-align: left; float: right;  */
   {margin: 0 0 1ex 0; line-height: 150%; } 
.bouton-milieu {display: block; width: 75%; text-align: center; float: left;} 
.zone-boutons {display: block; margin: 1ex;}
.zone-maj-bon {background-color: #D2FAD2;}
.zone-maj-rate {background-color: #FFEBEB;}
/* 2023.01.23  - form p {clear: both;} */

/* cartes de localisation */
#zone_carte_simple {
  width: 400px;	height: 400px; float: right; margin: 5px 0 5px 5px;
  border: thin dotted gray; 
}
#zone_carte_etendue {
  width: 800px;	height: 600px; 
  border: thin solid gray; 
  margin: 0px;   /* pour easyPrint 2024.02.05 */ 
}
/* easyPrint  2024.02.02
   https://github.com/rowanwins/leaflet-easyPrint/blob/gh-pages/README.md 
*/
.leaflet-control {
}
div#zone_carte_etendue div.leaflet-bottom {
  bottom: 1.5em;
}
div.leaflet-top.leaflet-right, div.leaflet-left.leaflet-bottom {
  margin: 0px;
  padding: 0px; 
  box-sizing: border-box;
}
div.leaflet-top.leaflet-right {
  width: 90%;
}
div.leaflet-left.leaflet-bottom {
  width: 40%;
}
.imprimLibelleCarte {
  background-color: white;
  font-weight: normal; 
  padding: 0 1ex ! important;
  margin: 0 ! important;
} 
.classeTitreCarte{ 
} 
.classeSignatureCarte { 
} 
div.leaflet-control-easyPrint { display:none; }
/* boutons de controles de Mapstraction 
a.olControlZoomIn.olButton, a.olControlZoomOut.olButton
  {color: red ; background-color: white; padding: 3px; text-decoration: none; }
 */

/* zone d'information pour les sites d'une commune - cf. formulaire_nouv_site_html()  2025.03.03 */
div#info-choix-ou4 {
 display: none;
  position: fixed;
  z-index: 10;
  right: 50%;
  top: 10%;
  width: 300px;
  height: 100px;
  background: #F0F0F0;
  color: #727272;
  border: 3px outset #CC7F31;
  padding: 1em;
}

/* boite d'information affichee - cf. zones_maj_site_html() */
div#boite-info-site {
  display: none;
  position: fixed;
  z-index: 10;
  right: 50%;
  top: 15%;
  width: 300px;
  height: 100px;
  background: #F0F0F0;
  color: #727272;
  border: 3px outset #CC7F31;
  padding: 1em;
}

/* impression  */
@media print {
  #page {color: black; background-color: white; }
  #menu-haut {display: none; }
  #entete {border: none; padding: 0px; color: black; background-color: white; }
  #info-init {border: none; padding: 0px; color: black; background-color: white; } 
  #menu1 {border: none; padding: 0px; color: black; background-color: white; } 
  #menu2 {border: none; padding: 0px; color: black; background-color: white; } 
  #effectifs, #corps {border: none; padding: 0px; color: black; background-color: white; } 
  #logos {float: right; padding: 1ex; margin: 0; text-align: center;}
  #pied {clear: both; font-style: normal; border: none; color: black; background-color: white; }
  hr {clear: both}
  h1, h2, h3 {color: black; }
  h1 {font-size: 140%; margin: 0 ; padding: 0.5em; }
  h2 {font-size: 120%; margin: 1em 0 0.5em 0; }
  h3 {font-size: 110%; margin: 0 0 0.5em 0; }  
  address {font-size: 80%; font-style: normal;}
  hr {clear: both}
  li {margin : 0.5em 0}
  a, h1 a, h2 a, h3 a, #menu-haut a, #pied a, #menu1 a, #menu2 a   
  {text-decoration: none; border-bottom: none; color: black; }
  #menu1, #menu2, #pied { display: none; }
  #menu-haut a img, a img, .lien-cache
   {text-decoration: none !important; border-bottom: none 0px transparent !important;} 
  select {margin-bottom: 3px;}
  .decalage {padding: 0 2em;}
  .note {font-size: 90%;}
  .reduit {font-size: small; }
  .en-avant {font-weight: bold; }
  .anomalie {color: red; font-weight: bold; } 
  .en-ligne {display: inline;}
  .info {color: #505050; }
  .interligne {margin: 1em 0; }
  .fin-incrustation {clear: both; height: 10px; }
  .lien-bouton { display: none; }
  /* tableau */
  .tableau {margin: 5px 0;}
  .tableau td, .tableau th {border: thin solid; padding: 5px; } 
  /* formulaire avec choix de fichier */
  input[type='file']{border: 1px dotted;}
  /* formulaire d'interrogation */
  fieldset {padding: 5px; border: thin solid black; }
  fieldset h2 {margin: 0.5em 0 0 0; } 
  fieldset p {margin: 0 0.5em 0 0; } 
  /* .entete-zone {display: block; width: 20%; text-align: right; float: left; margin-right: 10px;} 2023.01.20 */
  .bouton-milieu {display: block; width: 75%; text-align: center; float: left;} 
  .zone-boutons {display: block; margin: 10px;}
  /* carte de localisation */
  #zone_carte {width: 400px;	height: 400px; border: thin dotted gray; float: right; margin: 5px 0 5px 5px;}

} /* print */