/**
 * titles layout: a stack of floating boxes
 *
 * <br style="clear: left;" />
 * <dl class="floating_box">
 *  <dd><a><img></a></dd>
 *  <dt><span><a>some title</a></dt>
 * </dl>
 * ...
 * <br style="clear: left;" />
 *
 * @author Bernard Paques
 * @author Alexis Raimbault
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */
 .floating_box{float:left;padding:6px;width:20em}.box{padding:2em;width:20em}.title-large .box{width:26em;font-size:1.3em;border:1px solid lightgrey;border-radius:10px;margin:3px}.title-large .content{display:flex;flex-direction:column;height:100%}.title-large .box .y-details{flex:1}.title-large .t-text{height:4em}.floating_box a,.box a{text-decoration:none}.floating_box dd,.box .content{text-align:justify;border:none;padding:0;margin:0}.floating_box dt{text-align:center;border:none;font-weight:400;font-size:1em;padding:0;margin:0}.floating_family{display:block;font-size:1.2em;text-decoration:none;background-color:#F5F5F5;border-top:1px solid #FFF;border-bottom:none;color:#666;margin-bottom:1px;padding:9px 1em 6px 1em;z-index:10}.t-text{display:block}