/*******************************************************
 * Personnalisation du thème html5up_txt pour eysus.fr
 *
 **********************************************/

/* Pas de titre en majuscule */
h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}

/* Quotes, code et poetry (reprise de squelette-dist/typo.css) */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(en) > q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(fr) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019";
}
:lang(es) > q {
  quotes: "\00AB" "\00BB" "\201C" "\201D";
}
:lang(it) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D";
}
:lang(de) > q {
  quotes: "\00BB" "\00AB" "\203A" "\2039";
}
:lang(no) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\2039" "\203A";
}
/* [en] http://en.wikipedia.org/wiki/International_variation_in_quotation_marks */
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
blockquote {
  position: relative;
  padding-left: 1.5em;
  border: solid rgba(34, 34, 34, 0.19999999999999996);
  border-width: 0 0 0 5px;
}
blockquote:before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  content: "\00AB";
  line-height: 0;
  font-size: 10em;
  color: rgba(34, 34, 34, 0.09999999999999998);
}
cite,
.cite {
  font-style: italic;
}
address {
  font-style: italic;
}
pre,
code,
kbd,
samp,
var,
tt {
  font-family: monospace;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: break-word;
}
kbd {
  white-space: nowrap;
  padding: .1em .3em;
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset;
  color: #333;
}
samp {
  font-weight: bold;
}
var {
  font-style: italic;
}

p, ul, ol, dl, table {
    margin-bottom: 1em;
}

small, .small {
    font-size: 80%;
}
strong,b,.b {
  font-weight: bold;
}

/* Surchage couleur des formulaires par défaut */
input, select, textarea {
    appearance: auto;
}

form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
    width: auto;
	display: inline;
}

#cta .formulaire_spip .boutons {
	text-align: center;
}

/* Surchage des tableaux SPIP */
table.spip {
    width: auto;
}

}

table.spip tr {
        display: table-row;
}
	
table.spip th, table.spip td {
        display: table-cell;
}

/* Surchage couleur de la balise h2 */
.box.page-content h2 {
	color: #6b7770;
}

/* Surchage couleur de la balise h2 intertitre
h2.major {
    color:#b1ddab;
	border-top: solid 5px #b1ddab;} 
	*/

/* Surchage style de la balise h2 */

.page-content h2::after, .box.post h2::after {
    background-color: #b1ddab;
    bottom: -5px;
    content: "";
    display: flex;
    height: 5px;
    position: relative;
    width: 100px;
	margin: 0 0 1em 0;
}

/* Surchage style de la balise h3 */
.page-content h3::after {
    background-color: #b1ddab;
    bottom: -4px;
    content: "";
    display: flex;
    height: 4px;
    position: relative;
    width: 90px;
}

/* Surchage style de la balise h4 */
.page-content h4::after {
    background-color: #b1ddab;
    bottom: -3px;
    content: "";
    display: flex;
    height: 3px;
    position: relative;
    width: 80px;
}

/* Surchage style de la balise h5 */
.page-content h5::after {
    background-color: #b1ddab;
    bottom: -2px;
    content: "";
    display: flex;
    height: 2px;
    position: relative;
    width: 70px;
}



/* Surchage couleur et style des liens */
a {
    color: #85A680;
    /* text-decoration: none;
	font-weight: bold;*/
}

/* Surchage du style des listes */
ul {
     /* list-style: none; */
}

/* Surchage du portfolio et formulaires */

.spip_logo {
    float: left;
}

#documents_portfolio ul { list-style: none; padding: 0; }
.formulaire_spip label {
	text-transform: none;
}
.formulaire_spip ul {
	list-style: none;
}

table.spip td {
    border: 1px solid #e5e5e5;
}

/* Mise en page du plugin comarquage source www.evenos.fr */
ol.breadcrumb{list-style:none;letter-spacing:1px;display:inline-block;padding:0!important}
ol.breadcrumb li{float:left;padding:0 2px}
ol.breadcrumb li:after{content:">"}
ol.breadcrumb li:last-child:after{content:none!important}

.xml-bloc-voiraussi {
    background-color: #F1EFED;
    border-radius: 4px;
    padding: 1em;
    margin: 2em auto;
    box-shadow: 0 8px 8px -6px rgba(0,0,0,0.3)!important;
}
.xml-bloc-voiraussi {
    text-transform: uppercase;
    font-size: .9em;
}
.xml-sommaire{display:none}

.error, .alert {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4;
}

.reponse, .error, .alert, .notice, .success, .info {
    padding: 0.8em;
    margin-bottom: 1.5em;
    border: 2px solid #ddd;
}

/* Surchage du sommaire automatique (Couteau suisse)*/


div.cs_sommaire ul {
    font-size: inherit;
}


/* Surcharge plugin links 

// Ne pas considérer le site comme lien externe
a[href ^="https://eysus.fr"],a.button {background-image:none; padding-right: 1.85em;; }

// Lien telephone
a[href ^="tel:"] { padding-right: 14px; background-image: url(img/links/tel.svg); }

*/


/* Site https://macommune.biodiversite-nouvelle-aquitaine.fr/ */

span:has(sup) {
 display:inline-block;
 position:relative;
}
span > sup {
  	display: inline-block;
  	position: relative;
  	text-align: center;
  	background-color: #dddbdb;
  	width: 18px;
  	border-radius: 9px;
  	height: 16px;
  	line-height: normal;
  	bottom: 2px;
    top: inherit;
	font-weight: bolder;

}

sup + span {
 	min-width: 230px;
 	left: 50%;
 	transform: translate(-50%, 0%);
 	padding: 0;
 	color: #EEEEEE;
 	background-color: #444444;
 	font-weight: normal;
 	font-size: 13px;
 	border-radius: 5px;
 	position: absolute;
 	z-index: 99999999;
 	box-sizing: border-box;
 	box-shadow: 0 1px 8px rgba(0,0,0,0.5);
 	visibility: hidden;
 	opacity: 0;
 	transition: opacity 0.8s;
 	text-align: left;
 	bottom: 25px;
 }

sup:hover + span {
 visibility:visible; opacity:1;
}

sup img {
 width:400px;
 border-radius:8px 8px 0 0;
}
sup + span {
 padding:10px 20px;
}

sup + span i {
 position:absolute;
 top:50%;
 right:100%;
 margin-top:-12px;
 width:12px;
 height:24px;
 overflow:hidden;
}
sup + span i::after {
 content:'';
 position:absolute;
 width:12px;
 height:12px;
 left:0;
 top:50%;
 transform:translate(50%,-50%) rotate(-45deg);
 background-color:#444444;
 box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

sup {
    color:#434343;
    font-size: 0.8rem;
	margin: 2px;
}