/* ------------------------------------------
   albums.css : style minimal pour les albums
   ------------------------------------------ */
.album                          { margin: 10px 0px 30px 0px; border: 1px solid #339999; padding: 10px; border-radius: 0 15px 0 15px; clear:both; }
.album-caption.top           { margin-bottom: 1.5em; }
.album-caption.bottom           { text-align: center; }
/* vignettes */
.album-caption h2, .album-caption h3 { background-color:#339999; border:1px solid #339999; color:#ffffff;border-radius: 0 14px 0 0; margin: -10px -10px 0px -10px; padding: 2px 5px 2px 5px; margin-bottom: 10px; overflow: auto; text-align: left; font-family: arial,helvetica,sans-serif; font-weight: normal; }
.album.vignettes li             { display: inline-block; margin: 0 10px 10px 0; text-align: center; width:150px; overflow-wrap: break-word; vertical-align:top; }
.album.vignettes ul li:last-child { margin-right: 0; }
.album.vignettes li a           { display: block; }
.album li::marker               { margin-left: 10px; }
/* squelettes de la dist : albums après le portfolio */
.portfolio-albums               { clear: both; }
.portfolio-albums .album ul li  { float: none; margin: 0 }

/* Alignement */
.album.right                         { float: right; }
.album.left                          { float: left; }
.album.center                        { margin-left: auto; margin-right: auto; text-align:center; }
.album.center li{float:inherit;display:inline-block;}

/* -----------------------
   Compatibilité Bootstrap
   -----------------------*/
.album-bootstrap:not(.center)   { margin-left:0; margin-right:0; }

/* ------------------------
   Compatibilité Foundation
   ------------------------*/
.album-foundation.vignettes li  { margin: 0; }