/* Formulaire abonnement */

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
   background: #666666;
   border-color: #666666;
   color: #ffffff;
   content: '\002713';
}

#abomailmansListes .abomailman_listes { 
   display: none ; 
}

#formulaire_abomailman .reponse_formulaire strong { 
   color: inherit ; 
}

/* Formulaires de modération */

.submit.discard { background-color: #e53359; }
.submit.discard:hover { background-color: #d52349; }


.submit.publish { background-color: #7bb784; }
.submit.publish:hover { background-color: #74aa7c; }


.submit.send { background-color: #ececec; }
.submit.send:hover { background-color: #ccc; }


/* Formulaires  */

.formulaire_spip .explication {
   margin-bottom: 0;
   font-size: 1.1rem;
   font-style: italic;
}

.formulaire_spip input[type="date"] {
   height: 2.75em;
   padding: 0 1em;
   background: rgba(144, 144, 144, 0.075);
   border-radius: 4px;
   border: none;
   border: solid 1px rgba(255, 255, 255, 0.75);
}

.formulaire_spip input[type="date"]:focus {
   border-color: #6bd4c8;
}

.style1 .formulaire_spip label {
  color: #555;
}

.formulaire_spip.inline form {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.formulaire_spip.inline ul,
.formulaire_spip.inline form {
   margin: 0;
}

.formulaire_spip.inline form ul, 
.formulaire_spip.inline form button, 
.formulaire_spip.inline form input {
   vertical-align: middle;
   width: auto;
   margin-left: 1rem;
}

.formulaire_spip.inline form input[type="text"] {
   width: 20rem;
}

.reponse_formulaire_ok,
.reponse_formulaire_erreur {
   margin: 0;
   padding: 1rem;
}

.reponse_formulaire ul, 
.reponse_formulaire p {
   margin: 0;
}

.spip.reponse_formulaire_ok,
.spip.reponse_formulaire_erreur {
   margin: 0 0 0 1rem;
}

.reponse_formulaire_erreur {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}

.reponse_formulaire_ok {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}

/* Mise en avant des résultats obtenus */

@keyframes highlight {
    0% {
        background-color: #90909013;
    }
    10% {
        background-color: #6bd4c8;
    }
    100% {
        background-color: #90909013;
    }
}


.formulaire_spip textarea.blink,
.formulaire_spip input.blink {
   animation: 2s highlight;
}

/* DOI */

.formulaire_spip input.doi {
   width: 70%;
   margin-right: 2rem;
   display: inline;
}

.formulaire_spip .button.inline {
   font-size: 1rem;
}

/* Logos */

.partners a {
   border-style: none;
}

.partners.row {
   justify-content: center;
}

.partners.row > * {
   margin-bottom: 3em;
}


/* Navigation */

.pagination {
   text-align: center;
   width: 100%;
}

.pagination ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   list-style: none;
}

.pagination ul li {
   margin: 0 15px;
}

.pagination ul li span {
   font-weight: bold;
}

.pagination ul li.prev span {
   font-weight: 300;
}

.pagination ul li a {
   border-bottom: none;
}

/* Backgrounds */

.main.style2 {
   background-size: cover;
   background-attachment: fixed;
}

.main.style2.newsletter {
/*   background-image: none;
   background-color: #555;*/
   /*background-image: linear-gradient(45deg, #555, #999 50%, #ccc 95%);*/
   background-attachment: fixed, fixed, fixed;
  /*background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #4361c2, #4fa49a 50%, #9dc66b 95%);*/
  background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #e0a40b, #e95d17 50%, #5d1803 95%);
  background-position: top left, center center, center center;
  background-size: auto, cover, cover;

}


/* Headers */

#header {
		padding: 2em 0 0 0 ;
		background-color: #e95d17;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
      /*background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #9dc66b 5%, #4fa49a 30%, #4361c2);*/
		background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #5d1803 5%, #e95d17 30%, #e0a40b);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

#header::after {
    background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #5d1803 5%, #e95d17 30%, #e0a40b);
}

@media screen and (max-width: 736px) {
  #header {
    padding: 2em 3em 2em 3em;
  }
}

/* Boutons du porte plume */

.markItUpButton.outil_guillemets_uniques, 
.markItUpButton.outil_quote {
   display: none;
}

/* Rectification du mode mobile */

@media screen and (max-width: 980px) {
  #one .article {
    text-align: start;
  }
}

/* Footer */

	#footer {
		padding: 6em 0 6em 0 ;
		background-color: #e95d17;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
      /*background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #4361c2, #4fa49a 50%, #9dc66b 95%);*/
		background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #e0a40b, #e95d17 50%, #5d1803 95%);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		text-align: center;
	}

@media screen and (max-width: 736px) {
  h3 {
    font-size: 1.3em;
  }
}