/* CSS Document
menu.css
---------
Feuille de style developpée par Atelier Urba
*/

/* Menu de la page d'accueil */

section
{
	width: 1080px;
	height: 500px;
	display: block;
	top: 200px;
}

div
{
	display: inline-block;
	font-size: 14pt;
	text-align: center;
	vertical-align: top;
	color: white;
	margin: 4.5px;
	padding: 0px;
}

section>a
{
	font-family: 'Avenir', Arial, sans-serif;
	color: white;
	text-decoration: none;
}

span
{
	vertical-align: middle;
	display: inline-block;
	line-height: 1.5; /* on rétablit le line-height */
}

.carre1
{
	width: 200px;
	height: 192px;
	line-height: 192px; /* on change la hauteur de ligne pour ce centrer sur le bloc */
}

.carre2
{
	width: 300px;
	height: 280px;
	line-height: 280px; /* on change la hauteur de ligne pour ce centrer sur le bloc */
}

.carre3
{
	width: 240px;
	height: 136px;
	line-height: 136px; /* on change la hauteur de ligne pour ce centrer sur le bloc */
}

.carre4
{
	width: 148px;
	height: 136px;
	line-height: 136px; /* on change la hauteur de ligne pour ce centrer sur le bloc */
	position: relative;
	bottom: 145px;
}
.carre5
{
	width: 172px;
	height: 144px;
	line-height: 144px; /* on change la hauteur de ligne pour ce centrer sur le bloc */
	position: relative;
	bottom: 370px;
}

.carre6
{
	width: 252px;
	height: 120px;
	line-height: 100px; /* on change la hauteur de ligne pour ce centrer sur le bloc */
	position: relative;
	bottom: 367px;
}

.carre7
{
	width: 172px;
	height: 120px;
	line-height: 120px; /* on change la hauteur de ligne pour ce centrer sur le bloc */
	position: relative;
	bottom: 366px;
}

.boite1
{
	width: 80px;
	height: 132px;
}

.boite2
{
	width: 92px;
	height: 276px;
	position: relative;
	bottom: 85px;
}

.boite3
{
	width: 108px;
	height: 56px;
	position: relative;
	top: 3px;
}

.boite4
{
	width: 172px;
	height: 44px;
	position: relative;
	bottom: 142px;
}

.boite5
{
	width: 52px;
	height: 132px;
	position: relative;
	bottom: 142px;
}

.boite6
{
	width: 256px;
	height: 56px;
	position: relative;
	bottom: 282px;
}

.boite7
{
	width: 108px;
	height: 56px;
	position: relative;
	bottom: 214px;
}

.boite8
{
	width: 52px;
	height: 52px;
	position: relative;
	bottom: 279px;
}

.boite9
{
	width: 52px;
	height: 120px;
	position: relative;
	bottom: 367px;
}

.boite10
{
	width: 228px;
	height: 52px;
	position: relative;
	bottom: 435px;
}


#photo1
{
	width: 56px;
}

#photo2
{
	width: 104px;
}

#photo3
{
	width: 96px;
	position: relative;
	bottom: 85px;
}

#photo4
{
	width: 180px;
	position: relative;
	top: 3px;
}

#photo5
{
	width: 108px;
	position: relative;
	bottom: 142px;
}

#photo6
{
	width: 184px;
	position: relative;
	bottom: 367px;
}

#photo7
{
	width: 108px;
	position: relative;
	bottom: 367px;
}

#vide1
{
	width: 92px;
	height: 1;
}

#vide2
{
	width: 180px;
	height: 1;
}

#vide3
{
	width: 108px;
	height: 1;
}

#vide4
{
	width: 256px;
	height: 1;
}

.vert
{
		background-color: rgba(204,204,50,1);
}

.bleu
{
		background-color: rgba(0,159,172,1);
}

.beige
{
	background-color: rgba(229,216,204,1);
}

.marron
{
	background-color:  rgba(162,143,125,1);
}

.ciel
{
	background-color: rgba(202,230,233,1);
}

#carte
{
	height: 116px;
}

#ampoule
{
	height: 56px;
}

#crayon
{
	height: 96px;
	bottom: 51px;
	left: -2px;
}

#maison
{
	height: 64px;
}

#lettre
{
	height: 44px;
}