/* -- styles partiels -- */
.bg-dark   {background-color: #0E3306; }
.bg-medium {background-color: #DBF0D7; }
.bg-light  {background-color: #EDFBEA; }
.bg-light2 {background-color: #E0F3DC; }
.bg-light3 {background-color: /*#EDF5ED;*/ #F0FAF0; }
.bg-gradient {	
	background: #0E3306;
	background: -moz-linear-gradient(top, #418733, #0E3306);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#418733), to(#0E3306));
}
.fullwidth {max-width:100%;}
.apart { margin-top: 10px; }
.form-label, .txt-right {text-align:right; }

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

/* -- Spécificités fond sombre -- */
div.bg-dark a { color: #247F38; }

/* .b-survol:hover { background-color: #EDFBEA; } */

/* -- fa-icon --  Gestion des icones SVG fontawesome */
.fa-icon { 
	height:1.5em; width:1.5em; 
	margin-right: 0.3em; 
	vertical-align: middle;  }

/* -- encarts --*/
.encart {
	margin-top: 4em; }
	
/* -- sous-titres -- */
h1 {margin-bottom: 0.3em; }
h2 {margin-bottom: 0.5em; font-size: 1.8em; line-height: 1.8em; /* border-bottom: thin solid lightgrey;*/}
h3 {font-size: 1.4em; }
h4 {font-size: 1.3em; color:black; }
div.soustitre, div.taxref {font-family: Verdana; text-shadow: none; margin-top:0; margin-bottom: 0.4em; font-size: 1.2em; font-weight:bold; color: #418733;}
h1 .soustitre, h1 .taxref {font-family: Verdana; text-shadow: none; font-size: 0.7em; line-height: 1em;} 
h5 { border-bottom: thin solid #DBF0D7; }
p.signature { font-size: 0.75em; }

.frise {margin:0; padding:0; border:0; text-align:center;}

/* -- scrolls --*/
#scrolls {overflow-x:scroll;overflow-y:hidden;height:190px; white-space:nowrap; margin-bottom:15px;}
#scrolls img { 
   border: 1px solid #ddd; border-radius:4px;
   padding: 5px; margin:5px; max-height:150px;
   display:inline-block;
   vertical-align:top;
   }
#scrolls img:hover { box-shadow: 0 0 2px 1px rgba(65, 135, 51, 0.5); } 

/* -- cartes -- */
.carte_large { width:100%; height:500px; }
.carte_large2 { width:100%; height:650px; }

/* -- forums -- */
div.comment { border:thin solid #ccc; margin-bottom: 1.5rem; }
div.comment p { padding: 5px 10px 5px 10px; margin:0;}
div.comment p.comment-meta {background-color: rgba(0, 0, 0, 0.05); }
div.hreview {margin-left: 3.5rem;}

/* -- videos -- */
.video_large { width:560px; height:315px; }
.video_etroite { width:280px; height:157px; }
.rebond_auto { width:100%; height:auto; min-height:calc(var(--rbwidth) * 1px);}

/* -- rebond -- */
form.declarer-rebond label { 
	display: inline-block;
	width: 10em;
	text-align: right;
	margin-right: 5px;
}

/* -- documents joints --*/
.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 .titrem {
  margin: 0;
  font-size: 0.9rem;
  font-weight: bold;
}
.classeur .item .infos {
  display: block;
  float: left;
  font-size: 0.75rem;
}
.classeur .item .spip_logos {
  margin-left: -70px;
  float: left;
  display: inline;
  position: relative;
}
/* -- doc_player -- */
dl.spip_documents_player { margin-bottom: 5px; }
dl.spip_documents_player dd {margin-left: 0; }

dl.spip_documents_left { margin-right: 2em; }
dl.spip_documents_right {margin-left: 2em; }

/* -- messages -- */
.error { background: url("../img/icons/error.png") no-repeat scroll 10px center; border-color: red; color: red;}
.success { background: url("../img/icons/success.png") no-repeat scroll 10px center; border-color: #245F18; color: #245F18;}
.info { background: url("../img/icons/info.png") no-repeat scroll 10px center; border-color: darkblue; color: darkblue;}
.warning { background: url("../img/icons/warning.png") no-repeat scroll 10px center; border-color: orange; color: orange;}

/* -- blockquote -- */
blockquote { 
	text-indent:0; font-style:italic; 
	margin-left:3rem; margin-right:4rem; padding-left:1rem;
	border-left: 3px solid green; quotes:none;
}
	
/* -- socialize -- */
#accessibilite, #accessibilite a img{ margin:0; padding:0; }
#socialize { display:none; }

.ariane { font-size: 0.8em; }

/* -- depliement de texte -- */
.plusmoinsparent { text-align:center; font-size:0.8em; }
a.plusmoins { color:grey;  }

/* -- cadre -- */
body, html {height:100%;}
.cadre { min-height: 100%; margin: 0 auto; position:relative;}

/* -- footer -- */
@media (max-width: 720px) {
  .marge-pied {height:0px;}
  .pied-de-page { width:100%;}
}
@media (min-width: 721px) {
  .marge-pied {height:170px;}
  .pied-de-page {position:absolute; bottom:0; width:100%; }
}
#footer { padding-top: 10px; color:#AAA;}
#footer p {margin: 0; padding: 10px 0;}
ul.footer {margin-left:1.2em; padding:0;}
.mini {font-size:0.8em;}

/* -- formulaire d'acces direct -- */
.direct select.txt { width: 80px; background-color: white; border: thin solid black; font-family:inherit; font-size: 10px;}
.direct input.txt { width: 40px; background-color: white; border: thin solid black; font-family:inherit; font-size: 10px;}
.direct input.lgtxt { width: 123px; background-color: white; border: thin solid black; font-family:inherit; font-size: 10px;}
.direct input.button { width: 40px; background-color: #0E3306; color: white; font-family:inherit; font-size: 10px;
	font-weight: bold; margin-right: 3px; }
.direct label {display: none; }

/* -- formulaire depouiller_observation -- */
.formulaire_depouiller_observation p.boutons { text-align: left; }

/* -- desactivation spip-admin -- */
#spip-admin { display:none;}


.iconav {
	float:left;
	margin-right:5px;
	margin-top: -5px;
}


/* -- sommaire -- */
.brv-info { font-size:0.85em; margin-top:0; margin-bottom:4px; }
.brv-info button { 
  	  border:none; padding:1px 10px; text-align:center; color:white;
  	  text-decoration:none; display: inline-block; margin:0px 4px; 
  	  cursor: pointer; background-color: #aaa; font-weight:bold;
}
.brv-info a, .brv-info a:hover, .brv-info a:visited {
  	  color: inherit; text-decoration: inherit; 
}
.o-media-content ul { margin-left: 2em; margin-bottom:0; }
.article-alerte { border:3pt solid black; padding:6pt; }
p.commentaire { font-size: 1rem; }        

/* -- flex media -- */
.f-start { justify-content: flex-start; }
.f-expand { flex: 1; }
.o-grid {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin:0;
	padding:0;
	box-sizing: border-box;
}

.o-cell, .o-cell-2, .o-cell-3, .o-cell-4 { flex:1; padding: 8px; }
.o-cell, .o-cell-2 { min-width:400px; }
.o-cell-1 { padding: 8px; width:100%; }
.o-cell-3 { min-width:300px; }
.o-cell-3f { width:344px; padding:8px;}
.o-cell-4 { min-width:250px; }
.o-cell-4f { width:254px; padding:8px;}
.o-cell-8f { width:524px; padding:8px;}

.o-media {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
.o-media-content {
    flex: 1;
    min-width: 0; /* avoid min-width:auto */
  }

.o-media-content, {
  padding: 1rem;
}
.o-media-figure {
	margin-right: 1rem;
}
[class*="o-media"] p {
  margin-top: 0;
  font-size: 0.8em;
}
[class*="o-media"] p:last-child {
  margin-bottom: 0;
}
/* -- mobiles -- */
@media (max-width: 720px) {
	
.secondary { display: none;}
.iconav {float:none; margin-right:0; }
}