/*------------------------------------------------------*/
/* Logo 123
/*------------------------------------------------------*/
#un { font-family:Bradley Hand, cursive; font-size:12px; color:#FFD700; font-weight:bold; background-color:#FFFF00; margin-left:19px; fill:#FFD700;
; @include animation(5s theUn); @keyframes:theUn { 0% { transform:translate(28px); opacity:0.2; fill-opacity:0.2; } 10% { opacity:0.3; fill-opacity:0.3; } 20% { fill-opacity:0.4; } 30% { fill-opacity:0.5; } 40% { fill-opacity:0.6; } 50% { fill-opacity:0.7; } 70% { fill-opacity:0.8; } 80% { fill-opacity:0.9; } 90% { fill-opacity:0.9; } 100% { transform:translate(0px); opacity:1; fill-opacity:1; } } ; }

#deux { font-family:Bradley Hand, cursive; font-size:12px; color:#FF8C00; font-weight:bold; background-color:#FFFFFF; fill:#FF8C00; animation:5s theTwo; list-style-type:none; visibility:visible; @keyframes:theTwo { 0% { transform:translate(40px); opacity:0.1; fill-opacity:0.1; } 10% { transform:translate(40px); opacity:0.2; fill-opacity:0.2; } 20% { transform:translate(40px); fill-opacity:0.3; opacity:0.3; } 30% { transform:translate(40px); fill-opacity:0.4; opacity:0.4; } 40% { fill-opacity:0.5; opacity:0.5; } 50% { fill-opacity:0.6; opacity:0.6; } 70% { fill-opacity:0.3; opacity:0.7; } 80% { fill-opacity:0.3; opacity:0.7; } 90% { fill-opacity:0.8; opacity:0.8; } 100% {
transform:translate(0px); opacity:1; fill-opacity:1; } }; }

#trois { font-size:12px; color:#FF0000; font-weight:bold; background-color:#FFFFFF; display:block; left:5px; fill:#FF0000; animation:5s theTree; @keyframes:theTree { 0% { transform:translate(60px); opacity:0.1; fill-opacity:0.1; } 10% { transform:translate(60px); opacity:0.2; fill-opacity:0.2; } 20% { transform:translate(60px); fill-opacity:0.3; opacity:0.3; } 30% { transform:translate(60px); fill-opacity:0.4; opacity:0.4; } 40% { transform:translate(60px); fill-opacity:0.5; opacity:0.5; } 50% { fill-opacity:0.6; opacity:0.6; } 70% { fill-opacity:0.6; opacity:0.6; } 80% { fill-opacity:0.7; opacity:0.7; } 90% { fill-opacity:0.8; opacity:0.8; } 100% { transform:translate(0px); opacity:1; fill-opacity:1; } }; }

#ventes { font-family:Trebuchet MS, sans-serif; font-size:7px; color:#000000; font-weight:bold; width:150px; height:50px; vertical-align:top; margin-bottom:0px; display:inline; padding-bottom:10px; position:top; left:50px; fill:#000000; float:center; resize:none; transform:translate(-3px); animation:5s theVente; text-transform:capitalize; top:-20px; bottom:100px; overflow:auto; clear:left; @keyframes:theVente { 0% { transform:translate(80px); opacity:0; fill-opacity:0; } 10% { transform:translate(80px); opacity:0.1; fill-opacity:0.1; } 20% { transform:translate(80px); fill-opacity:0.1; opacity:0.1; } 30% { transform:translate(80px); fill-opacity:0.1; opacity:0.1; } 40% { transform:translate(80px); fill-opacity:0.2; opacity:0.2; } 50% { transform:translate(80px); fill-opacity:0.2; opacity:0.2; } 70% { transform:translate(80px); fill-opacity:0.2; opacity:0.2; } 80% { fill-opacity:0.3; opacity:0.3; } 90% { fill-opacity:0.8; opacity:0.8; } 100% { transform:translate(-3px);   opacity:1;  fill-opacity:1; } }; cursor:default; }

@keyframes theTwo { 0% { transform:translate(40px); opacity:0.1; fill-opacity:0.1; } 10% { transform:translate(40px); opacity:0.2; fill-opacity:0.2; } 20% { transform:translate(40px); fill-opacity:0.3; opacity:0.3; } 30% { transform:translate(40px); fill-opacity:0.4; opacity:0.4; } 40% { fill-opacity:0.5; opacity:0.5; } 50% { fill-opacity:0.6; opacity:0.6; } 70% { fill-opacity:0.3; opacity:0.7; } 80% { fill-opacity:0.3; opacity:0.7; } 90% { fill-opacity:0.8; opacity:0.8; } 100% {
transform:translate(0px); opacity:1; fill-opacity:1; } }

@keyframes theTree { 0% { transform:translate(60px); opacity:0.1; fill-opacity:0.1; } 10% { transform:translate(60px); opacity:0.2; fill-opacity:0.2; } 20% { transform:translate(60px); fill-opacity:0.3; opacity:0.3; } 30% { transform:translate(60px); fill-opacity:0.4; opacity:0.4; } 40% { transform:translate(60px); fill-opacity:0.5; opacity:0.5; } 50% { fill-opacity:0.6; opacity:0.6; } 70% { fill-opacity:0.6; opacity:0.6; } 80% { fill-opacity:0.7; opacity:0.7; } 90% { fill-opacity:0.8; opacity:0.8; } 100% { transform:translate(0px); opacity:1; fill-opacity:1; } }

@keyframes theUn { 0% { transform:translate(28px); opacity:0.2; fill-opacity:0.2; } 10% { opacity:0.3; fill-opacity:0.3; } 20% { fill-opacity:0.4; } 30% { fill-opacity:0.5; } 40% { fill-opacity:0.6; } 50% { fill-opacity:0.7; } 70% { fill-opacity:0.8; } 80% { fill-opacity:0.9; } 90% { fill-opacity:0.9; } 100% { transform:translate(0px); opacity:1; fill-opacity:1; } }

@keyframes theVente { 0% { transform:translate(80px); opacity:0; fill-opacity:0; } 10% { transform:translate(80px); opacity:0.1; fill-opacity:0.1; } 20% { transform:translate(80px); fill-opacity:0.1; opacity:0.1; } 30% { transform:translate(80px); fill-opacity:0.1; opacity:0.1; } 40% { transform:translate(80px); fill-opacity:0.2; opacity:0.2; } 50% { transform:translate(80px); fill-opacity:0.2; opacity:0.2; } 70% { transform:translate(80px); fill-opacity:0.2; opacity:0.2; } 80% { fill-opacity:0.3; opacity:0.3; } 90% { fill-opacity:0.8; opacity:0.8; } 100% { transform:translate(-3px);  opacity:1;  fill-opacity:1; } }