.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 140px;
  margin-left: 45%;
}
.lds-spinner div {
  transform-origin: 40px 70px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #000;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.chargement{
    margin-left: 45%;
    padding-top: 59px;
    position: absolute;
}
/************************************
PLUGIN ACTUS
************************************/
.nosactus_encemoment_maintitle {margin: 0 0 30px 0; padding: 0; text-transform: uppercase; font-family: "Ubuntu", sans-serif; font-weight: 500; letter-spacing: 1px; font-size: 1.5em; color: #111;}
.nosactus_encemoment_maintitle span:before {border-left: 3px solid #767676; content: ""; margin: 0 10px 0 15px}        
.nosactus_encemoment_maintitle span {text-transform:none; font-weight:normal; color:#444444}
    
.nosactus_liste {background: white; padding: 25px; position: relative;width:100%}
.nosactus_liste > .titre img {vertical-align: top; display: inline-block; margin-right: 10px;}
.nosactus_liste > .titre {vertical-align: top; border-bottom: 1px solid #cac9c9; padding-bottom: 10px; margin-bottom: 20px; font-family: "merlo_med", sans-serif; font-size: 1.6em; color: #111;}
.nosactus_liste > .titre .tabs-menu-nosactus_liste {margin: 7px 0 0 0; padding: 0; border: 0; font-size: .6em;}
.nosactus_liste .liste_alaune {position: relative; margin-bottom: 20px; padding: 0 0 0 50px;}
.nosactus_liste .liste_alaune:before {content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; left: 10px; top: 0; color: #22aead; font-size: 2em; font-weight: normal; line-height: 1;}
.nosactus_liste .liste_alaune .date {display: block;font-weight: 400; color: #22aead;}
.nosactus_liste .liste_alaune .titre {color: #111; display: block; font-size: 1.2em; font-family: "merlo", sans-serif;}
.nosactus_liste .liste_alaune p {font-size: .9em; margin: 0 0 40px 0;}
.nosactus_liste .liste_alaune a {color:#111111}
.nosactus_liste .liste_alaune a:hover {color:#444444}
.nosactus_liste .bouton {border-top: 1px solid #cac9c9; text-align: center; margin: 20px 0 0 0; padding: 10px 0 0 0;}
.nosactus_liste .bouton a {color: #22aead; text-transform: uppercase;}

#nosactus_blocrecherche select {border: 0; padding: 10px; display: block; border-radius: 0; width: 100%; margin: 5px 0 5px 0; color: #777; font-weight: 300;}
#nosactus_blocrecherche input {padding: 10px;margin-bottom:5px;}
#nosactus_blocrecherche ul {margin: 0; padding: 0; list-style-type: none;}
#nosactus_blocrecherche ul li:before {content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; margin-right: 5px; color: #22aead; font-size: 1.1em;}
#nosactus_blocrecherche ul li a {color: #444444;}
#nosactus_blocrecherche ul li a:hover {color:#22aead}

.nosactus_blocsuivre_col1 {float:left;width:30%}
.nosactus_blocsuivre_col2 {float:left;width:70%}
.nosactus_blocsuivre_col2 select {border: 0; padding: 10px; display: block; border-radius: 0; width: 100%; margin: 5px 0 5px 0; color: #777; font-weight: 300; font-size: .9em;}
.nosactus_blocsuivre_col2 input {padding: 10px;margin-bottom:5px;}

.nosactus_toutelactu {background: #22aead; padding: 20px; margin-top: 40px; color: white; font-weight: 300; font-family: "Ubuntu", sans-serif;}
.nosactus_toutelactu .titre_nosactus_toutelactu {font-size: 2em; font-family: "merlo_regul", sans-serif; font-weight: normal;}
.nosactus_toutelactu p {margin: 0 0 10px;}