html, body { width:100%; }
	body { font-family: 'Lato', sans-serif; }
	.content { width:1290px; margin:0 auto; position:relative; }
	.tooltip, .main { background-color:#4b3e48; }
	h2 { font-size:22px; text-align:center; text-transform:uppercase; color:#f29a15; width:255px; }
	#legende { position:absolute; top:0; left:960px; width:260px; padding:0 20px; height:100%; color:#fff; }
		.plandemasse .adi { margin:40px auto 10px; display:block;}
		#legende  .spip_logos { margin:40px 33px 20px; }
		#lot_legende { margin:20px 0; width:225px; }
		#lot_legende p { color:white; padding:0; border-radius:6px; margin:10px 0 20px; width:255px;text-align:center; text-transform:uppercase; font-size:20px; }
			#lot_legende.dispo p { color:#1c953f; }
			#lot_legende.reserve p { color:#ed1b2f; }
			#lot_legende a { background-color:#1c953f; text-decoration:none; font-weight:bold; }
		#lot_legende ul { list-style:none; margin:0 0 40px; text-align:center; width:255px; }
			#lot_legende li { font-size:16px; margin:10px 0;}
		#lot_legende.reserve ul, #lot_legende.reserve img, #lot_legende.reserve a { display:none; }
		#lot_legende a { display:block; padding:10px 45px 12px; margin-top:-3px; font-size:1em; font-weight:300; color:#4b3e48; background:url('../img/decouvrir.png') 6px 6px no-repeat #f29a15; transition:all 0.2s ease }
			#lot_legende a:hover { background:url('../img/decouvrir.png') 6px 6px no-repeat #f4a938; }