/**
 * daily layout: first box is shaped as follows:
 *
 * <div class="newest">
 * <div class="box">
 *  <div class="date">date of post</div>
 *	<h2><span>box title</span></h2>
 *  <div class="content">
 * 		<a><img class="left_image" src="page thumbnail" /></a>
 *		<p '.tag::_class('details').'>box details</p>
 *		box content
 *		<div class="menu_bar right">box menu</div>
 *  </div>
 * </div>
 * </div>
 *
 * other boxes have the same layout, except the most external div:
 *
 * <div class="box">
 *  <div class="date">date of post</div>
 *	<h2><span>box title</span></h2>
 *  <div class="content">
 * 		<a><img class="left_image" src="page thumbnail" /></a>
 *		<p '.tag::_class('details').'>box details</p>
 *		box content
 *		<div class="menu_bar right">box menu</div>
 *  </div>
 * </div>
 *
 * @author Bernard Paques
 * @author Alexis Raimbault
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */
 #newest{clear:left;margin:.5em 0 .5em 0;padding:.5em 0}#newest h2{margin-top:.5em}#newest p.ddate{margin-top:.5em}.post{position:relative;margin:1em 0 2em 10px;display:flex;max-height:200px;overflow:hidden}.post h2{border:none;margin:0;padding-top:3px}.image{overflow:hidden;min-width:220px}@media (max-width :480px){.image{overflow:hidden;min-width:136px}}.post h2,.post h2 span,.post h2 a,.post h2 a:hover,.post h2 a span{font-size:1.8rem;line-height:normal;text-decoration:none;color:#01b3a7}.post .introduction{padding-top:20px;font-size:1.6rem}.texte{margin-left:20px}.ddate{font-size:14px;border-radius:5px;display:inline-block;line-height:1.5em;padding:0 16px;color:#69c9c7;background:#e9f7f7;border:1px solid #01b3a7;margin:5px auto}.ddate .day{font-size:30px}.ddate .month{font-size:16px}.ddate .year{font-size:12px}