/* TOP RIGHT BOT LEFT */

#susan_griffin{
	width: 40vw;
	padding: 4vw 0 0 5vw;
}

#actuel{
	width: 36vw;
	padding: 80vh 0 0vh 20vh;
}

#swartz{
	padding: 0 0 0 0;
}

#gueuleouverte{
	width: 40vw;
	padding: 0 0 0 5vw;
}

#animal{
	width: 20vw;
	padding: 5vw 0 0 28vw;
}

#bellhook{
	width: 20vw;
	padding: 0vh 0 0 5vw;
}

#champignon{
	width: 53vw;
	padding: 25vh 0 0 0;
}

#ecologiearne{
	width: 20vw;
	padding: 2vw 0 0 3vw;
}

#decolinisons{
	width: 26vw;
	padding: 0 0 0 0vw;
}

#hache{
	width: 30vw;
	padding: 0 0 0 0vw;
}

#trouble{
	width: 44vw;
	padding: 40vh 0 0 6vw;
}


#bellhooks_2{
	width: 10vw;
	padding: 0 0 0 30vw;
}

#papanek{
	width: 49vw;
	padding: 5vw 0 0 4vw;
}

#ken_isaac{
	width: 40vw;
	padding: 10vh 0 0 10vw;
}

/* COLONNE 2 */

#enchanter{
	width: 34vw;
	padding: 90vh 0 0 0;
}

#colette{
	width: 34vw;
	padding: 10vh 0 0 0;
}

#capitalismepatri{
	width: 26vw;
	padding: 0 0 0 24vw;
}

#damienhuygue{
	width: 24vw;
	padding: 0 0 0 2vw;
}

#nouvelesprit{
	width: 30vw;
	padding: 20vh 0 0 0;
}

#bourdieu{
	width: 28vw;
	padding: 0 0 0 14vw;
}

#kubrick{
	width: 46vw;
	padding: 20vh 0 0 4vw;
}

#ursula{
	width: 50vw;
	padding: 40vh 0 0 4vw;
}

#commoninterest{
	padding: 18vh 0 0 0;
}

#vinciane{
	width: 31vw;
	padding: 4vw 0 0 0vw;
}


#maldonado{
	padding: 30vh 0 0 0;
}


#citton{
	width: 10vw;
	padding: 0 0 0 0;
}

#varda{
	width: 16vw;
	padding: 6vh 0 0 24vw;
}

#fukushima{
	width: 22vw;
	padding: 2vh 0 0 0vh;
}

#ingouvernable{
	width: 24vw;
	padding: 0 0 0 0;
}

#productiongenre{
	width: 20vw;
	padding: 0 0 0 15vw;
}

#facegaia{
	width: 27vw;
	padding: 0vh 0 0 0vw;
}

#ecologiedecoloniale{
	width: 12vw;
	padding: 2vh 0 0 40vh;
}

#deconstruction{
	width: 22vw;
	padding: 34vh 0 0 10vh;
}



/*
#{
padding: 0 0 0 0;
}
*/

@media screen and (max-width: 1050px) { 
	
	#susan_griffin{
	width: 60vw;
	padding: 15vw 0 0 10vh;
	}
	
	#actuel{
	width: 50vw;
	padding: 0vh 0 0vh 10vh;
	}
	
	#lessig{
		padding: 50vh 0 0 0;
	}

	#bellhook{
		width: 15vw;
		padding: 2vh 0 0 35vw;
	}

	#trouble{
		width: 94vw;
		padding: 5vh 0 0 6vw;
	}
	
	#gueuleouverte{
	width: 90vw;
	padding: 0 0 0 0vw;
	}
	
	#ecologiearne{
	width: 96vw;
	padding: 2vw 0 0 3vw;
	}

	#bellhook{
		width: 20vw;
		padding: 0vh 0 0 45vw;
	}
	
	#varda{
	width: 94vw;
	padding: 6vh 0 0 1vw;
	}


	#ursula{
		width: 100vw;
		padding: 14vh 0 0 4vw;
	}

	#hache{
		width: 34vw;
		padding: 0 0 0 0vw;
	}

	#colette{
		width: 65vw;
		padding: 0 0 0 10vw;
	}

	#capitalismepatri{
		width: 35vw;
		padding: 0 0 0 65vw;
	}

	#heresies{
		padding: 10vh 0 0 0;
	}
	
	#papanek{
	width: 99vw;
	padding: 0vw 0 0 1vw;
	}
	
	#nouvelesprit{
		width: 34vw;
		padding: 10vh 0 0 0;
	}
	
	#vinciane{
	width: 71vw;
	padding: 4vw 0 0 0vw;
	}

	#kubrick{
		width: 70vw;
		padding: 3vh 0 0 10vw;
	}
	#commoninterest{
		padding: 10vh 0 0 0;
	}
	
	#citton{
	width: 40vw;
	padding: 0 0 0 0;
	}

	#decolisons{
		width: 47vw;
		padding: 0 0 0 50vw;
	}

	#productiongenre{
		width: 90vw;
		padding: 0 0 0 15vw;
	}

	#facegaia{
		width: 40vw;
		padding: 7vh 0 0 30vw;
	}

	#ecologiedecoloniale{
		width: 60vw;
		padding: 0 0 0 0;
	}
	
	#fukushima{
	width: 72vw;
	padding: 2vh 0 0 0vh;
	}

	#ingouvernable{
		width: 44vw;
		padding: 0 0 0 0;
	}
	
	#enchanter{
	width: 34vw;
	padding: 4vh 0 0 0;
	}
	
	#deconstruction{
	width: 92vw;
	padding: 4vh 0 0 0vh;
}

}