/* #PRODUIRE{fond=loading_spinners_css_compile.css}
   md5:8df37eea231e28834db56481d967a112 */

	/*
	 * Injection de définitions extraites de plugins/spip_baseApp/css/color_theme_01.xml
	 */ 
	/* couleur : couleur_001: #F0AC41 */
	/* couleur : couleur_002: #3FD186 */
	/* couleur : couleur_003: #D1672A */
	/* couleur : couleur_004: #1579D1 */
	/* couleur : couleur_005: #D14332 */

/*
 * CSS compilé par SPIP : source plugins/spip_preloadJS/css/loading_spinner_1.css.html
 */
/**/
	/*
	 * Wrapper element : #loading_spinner_1
	 */	 


#loading_spinner_1 > div.spinner {

	display : flex;
  width: 25px;
  height: 25px;
  border-top: 8px solid aliceblue;
  border-right: 8px solid aliceblue;
  border-bottom: 8px solid aliceblue;
  border-left: 8px solid #8c618d;
  border-radius: 50%;

  animation-name: loader1_spin;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes loader1_spin {
  0% {
    transform: rotate(0deg);
    border-left:8px solid #F0AC41; 	/*couleur_001*/
  }
  
  25%{
    transform: rotate(360deg);
    border-left:8px solid #3FD186; 	/*couleur_002*/
  }
  
  50%{
    transform:rotate(720deg);
    border-left:8px solid #D1672A; 	/*couleur_003*/
  }
  
  75%{
    transform: rotate(1080deg);
    border-left:8px solid #1579D1; 	/*couleur_004*/
  }

  100% {
    transform: rotate(1440deg);
    border-left:8px solid #D14332; 	/*couleur_005*/
  }

}

#loading_spinner_1 > div.loading {
  display : flex;
  margin-left : 12px;
  font-family:sans-serif;
  color:grey;
  letter-spacing:0.1em;
}




/*
 * CSS compilé par SPIP : source plugins/spip_preloadJS/css/loading_spinner_base.css.html
 */
/**
 * Document defaults
 */
 


.loader {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/**
* Page global styles
*/
#ready {
	visibility : hidden;
	display : flex;
	flex-flow : row;
	justify-content : space-evenly;
	position: absolute;
	left:50%;
	top : 51%;
	margin-left:-222px;
	width:444px;
	height:44px;
	text-align : center;
	z-index : 2002;
}
#ready .link {
	width:77px;
	margin:auto;
	padding:12px;
	border-radius: 7px;
}

.loader {
	opacity: 0;
	display : none;
	/* display : flex; */
	flex-flow : column;
	justify-content: space-evenly;
	align-items: center;
	width: 160px;
	height: 160px;
	margin-top: -80px;
 }




/*
 * CSS compilé par SPIP : source plugins/spip_preloadJS/css/loading_spinner_3.css.html
 */
/**/
	/*
	 * Wrapper element : #loading_spinner_3
	*/

#loading_spinner_3 > div.spinner{
  display : flex;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border-top: 5px solid rgba(192, 192, 192, 0.25);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  animation: spin 3.0s linear infinite;
}


#loading_spinner_3 > div.spinner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  border-top: 5px solid rgba(192, 192, 192, 0.5);
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50%;
  animation: spin 3.0s linear infinite;
}
#loading_spinner_3 > div.spinner:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 54px;
  height: 54px;
  border-top: 5px solid rgba(192, 192, 192, 1);
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
}

/*  Spinner animation */
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(360deg);
  }
}




/*
 * CSS compilé par SPIP : source plugins/spip_preloadJS/css/loading_spinner_2.css.html
 */
/**/

div#loading_spinner_4 > div.spinner {
	width: 1rem;
    height: 1rem;
    margin: 2rem 0.3rem;
    background: #D14332; 	/*couleur_005*/
    border-radius: 50%;
    animation: 0.9s bounce infinite alternate;
}

div#loading_spinner_4 > div.spinner:nth-child(2) {
	animation-delay: 0.3s;
}
div#loading_spinner_4 > div.spinner:nth-child(3) {
	animation-delay: 0.6s;
}




@keyframes bounce {
  to {
    opacity: 0.3;
    transform: translate3d(0, -1rem, 0);
  }
}