/* card styles */

.ap-card-12 { 
	min-width: 12rem; max-width:12rem; 
	margin-top:1rem; margin-bottom:1rem; 
	   -moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555;
            box-shadow: 1px 1px 12px #555; 
	}

/* boites pour observations */
.boite {
  position: relative;
  width: 100%;
  max-width: 300px;
  	   -moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555;
            box-shadow: 1px 1px 12px #555; 
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #D6E5DD;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.boite:hover .overlay {
  height: 100%;
}
.over-text {
  color: white;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* flex pour sticky footer */

body { min-height: 100vh;}
.flex-grow { flex:1; }
	
/* colors */

.ap-bg-0 { background-color: #28774F; }
.ap-fg-0 { color: #28774F; }
.ap-bg-1a { background-color: #E3FCEF; }
.ap-fg-1a { color: #E3FCEF; }  
.ap-bg-1 { background-color: #D6E5DD; }
.ap-fg-1 { color: #D6E5DD; }
.ap-bg-2 { background-color: #6BA989; }
.ap-fg-2 { color: #6BA989; }
.ap-bg-3 { background-color: #024624; }
.ap-fg-3 { color: #024624; }
.ap-bg-4 { background-color: #00140A; }
.ap-fg-4 { color: #00140A; }
.ap-bg-5 { background-color: #E7F0EB; }
.ap-fg-5 { color: #E7F0EB; }

/* typography - overwrites bootstrap defaults */

a, a:visited { /*color: #024624;*/ color: #6BA989; } 
footer a, footer a:visited { color: #024624; } 
article a, article a:visited { text-decoration:underline; }
a:hover { /*color: #6BA989;*/ color: blue;}

h1, h2, h3, h4, h5, h6 { color: #28774F;}
h2 { padding-bottom: 0.3rem; border-bottom: solid thin darkgrey; }
h1, .h1 { font-size: 2rem; font-weight:700; margin-top: 1.5rem;}
h2, .h2 { font-size: 1.5rem; font-weight:600; margin-top: 1.5rem; }
h3, .h3 { font-size: 1.3rem; font-weight:600;}     
h4, .h4 { font-size: 1.2rem; font-weight:600;}
h5, .h5 { font-size: 1.1rem; font-weight:600;}
h6, .h6 { font-size: 1rem; } 

/* typography - SPIP alternates */

.spip-admin-float { display: none; }

.spip_surligne { background-color:yellow; }
.chapo { color: #28774F; font-style:italic; }

.notes { border-top: solid thin grey; padding-top:1rem; margin-top: 1rem; font-size:0.8em; }
.notes p {margin-bottom: 0.3rem; }

dl.spip_documents {font-size: 0.8em; color:darkgrey; font-style:italic;}
.spip_documents_right { margin-left: 1rem; }
.spip_documents_left { margin-right: 1rem; }
dl.spip_documents_center { max-width:100%; }
dl.spip_documents_center > dt > img {
	max-width: 100% !important;
	height: auto !important;
}
dl.spip_documents  dt.spip_doc_titre, 
	dl.spip_documents  dd.spip_doc_descriptif { width: 100% !important; }

.spip_documents img {
	max-width: 100% !important;
	height: auto !important;
}	

blockquote { 
	margin-left: 1rem; border-left: solid thick #6BA989; 
	padding-left:1rem; padding-right:1rem;
	font-style: italic; 
}

/* Pagination SPIP */
.pagination { clear: both; text-align: center; }
@media print {
	.pagination { display: none; }
}
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: left}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #418733; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}
@media (max-width: 767px) {
	.pagination {line-height:3;}
}

/* typography - extensions */

p.sous-titre {  font-size:0.7em; color:grey; margin-bottom: 0.3rem;}
div.socialtags { margin-bottom: 1.5rem; }
.boxing { display: block; }
h1.ap-nom-site {text-align:center; }
.separateur::before, .separateur::after { content: '\0000a0'; }

.carte_large { width:100%; height: 40rem; }
.dropzone { padding:3pt; border: thin solid #6BA989; /*background-color: #E7F0EB;*/ }

article {margin-top: 1rem;}
footer { border-top: thin solid #6BA989; margin-top: 1rem; padding-bottom:0.7rem;}
footer div.info { padding-top: 1rem; font-size: 0.8em; border-bottom: thin solid #FFF;}
footer div.menus { padding-top: 1rem; font-size: 0.9em;}
footer h4 {padding-top: 0.5rem;}

/* -- ecrire_auteur  -- */
div.formulaire_ecrire_auteur fieldset { border: thin solid #6BA989; margin:5px; padding: 10px; }
div.formulaire_ecrire_auteur div.verif-message {border: 1px solid green; padding:7px; background-color:white; } 
	
/* -- porte documents -- */

.liste-docs {
    list-style: none;
    margin: 1em 0;
    margin-top: 1em;
    padding: 0;
    clear: both;
}

.classeur .item {
    clear: both;
    padding-left: 72px;
    padding-right: 2px;
    margin: 5px 0 15px 0;
}

.classeur .item .spip_logos {
    margin-left: -70px;
    float: left;
    display: inline;
    position: relative;
}

.classeur .item .titrem {
    margin: 0;
    font-size: 0.9rem; font-weight: bold;
}

.classeur .item .infos {
    display: block;
    float: left;
    font-size: 0.75rem;
}

.nettoyeur { clear:both; }

/* -- bootstrap adjustments -- */
.card-body { padding: 0.7rem; }
p.card-text { margin-bottom: 0.15rem; }
.card-title { margin-bottom: 0.4rem; }


/* -- videos -- */
.video_large { width:560px; height:315px; }
.video_etroite { width:280px; height:157px; }

/* -- impression -- */
.prn-only { display:none; }