/*
	Site Officiel Association loi 1901 DicoLSF by AWA (www.drone-awa.com | @awa : 23/6/2020)
	css diaporama en arrière plan de la page license AWA (www.drone-awa.com/license)
	@import url(font-awesome.min.css); @import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400";

	Nouvelle Charte des Couleurs : background: #e89980; orange clair : #f7b5a4
	Violet = 	 #9900CC 		(R 153 ; V 0 ; B 204) 			(C 57; M 88; J 0; N 0)
	Orange Vif = #FF6600 		(R 255 ; V 102 ; B 0) 			(C 0; M 74; J 100; N 0)
	Orange = 	 #dd8800 		(R 221 ; V 136 ; B 0) 			(C 24; M 92; J 83; N 16)
*/

/* BG = Background des images lentes en défilé */
	#fond {
		-moz-transition: opacity 2s ease-in-out;
		-webkit-transition: opacity 2s ease-in-out;
		-ms-transition: opacity 2s ease-in-out;
		transition: opacity 2s ease-in-out;
		height: 100%;
		left: 0;
		opacity: 0.25;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -5;
	}

		#fond div {
			-moz-transition: opacity 3s ease, visibility 3s;
			-webkit-transition: opacity 3s ease, visibility 3s;
			-ms-transition: opacity 3s ease, visibility 3s;
			transition: opacity 3s ease, visibility 3s;
			background-size: cover;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			/* Decalage vers la Droite si > 100% sinon = 100% permet de centrer les photos */
			width: 150%;
			width: 100%;
		}

			#fond div.visible {
				-moz-animation: bg 45s linear infinite;
				-webkit-animation: bg 45s linear infinite;
				-ms-animation: bg 45s linear infinite;
				animation: bg 45s linear infinite;
				opacity: 1;
				visibility: visible;
				z-index: -5;
			}

				#fond div.visible.top {
					z-index: 2;
				}

				@media screen and (max-width: 1280px) {
					#fond div.visible {
						-moz-animation: bg 29.25s linear infinite;
						-webkit-animation: bg 29.25s linear infinite;
						-ms-animation: bg 29.25s linear infinite;
						animation: bg 29.25s linear infinite;
					}
				}

				@media screen and (max-width: 736px) {
					#fond div.visible {
						-moz-animation: bg 18s linear infinite;
						-webkit-animation: bg 18s linear infinite;
						-ms-animation: bg 18s linear infinite;
						animation: bg 18s linear infinite;
					}
				}

			#fond div:only-child {
				-moz-animation-direction: alternate !important;
				-webkit-animation-direction: alternate !important;
				-ms-animation-direction: alternate !important;
				animation-direction: alternate !important;
			}

		body.is-preload #fond {
			opacity: 0;
		}



	/* Permet de faire defiler lentement les photos de fond d'ecran */
	/* @-moz-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@-webkit-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@-ms-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	} */
/* FIN Permet de faire defiler lentement les photos de fond d'ecran */