boblemarin

/**
 * Animation: contrôler l'état de départ et de fin (c) lipelip
 */


p {
	font-family: sans-serif;
	text-align: center;
	width: 150px; margin: 30px auto;
	padding: 10px;

boblemarin

/**
 * Filters, filters everywhere. (c) aqro
 */

* {margin: 0; padding: 0;}
		
html, body {height: 100%; width: 100%;}
body {
	overflow: hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

boblemarin

/**
* 3D Scene with rotation
*/

html, body {
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	height: 100%;
	padding: 0;
	margin: 0;

boblemarin

/**
 * Menu duo séparation chose
 */

body {
	background: white;
	padding: 0;
	margin: 0;
}

boblemarin

/**
 * Paradise Lost (c) aqro
 */

* {margin: 0; padding: 0;}
html, body {height: 100%;}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);

boblemarin

/**
 * mongol fière (c) lipelip
**/


#nacelle {
				width: 200px; height: 150px;
				background: #BADA55;
				position: absolute;
				left: 50%; margin-left: -100px;

boblemarin

/**
 * Pac Man (c) lipelip

 */


/* aniation des deux demi-cercles de pacman */
@keyframes eatup {
	0% 	{ transform: rotate(0deg); }
	50% 	{ transform: rotate(45deg); }

boblemarin

/**
 * 3D transform (c) lipelip

 */


body {
	background: #deddcd;
}

boblemarin

/**
 * Multi-check (redux)
 */

div {
	vertical-align: middle;
	display: inline-block;
	background: #FFAAAA;
	padding: 1em;
	border-radius: 50%;

boblemarin

/**
 * L'histoire d'une pomme (full)
 */
 
body {
	background: white;
	overflow: hidden;
}

.pomme {