html,body,div,p { margin: 0px; padding: 0px; }

/* Titres */
h2 { text-align: center; }
h3 { text-indent: 5%; }
h4 { margin: 1em 2%; }

/* Mise en page globale */
#colonne1, #colonne2 { background-color: #ADFF9F; width: 16%; margin: 0px 2%; }
#colonne1, #contenu { float: left; }
#colonne2 { float: right; }
#contenu { width: 60%; background-color: #EEE; padding-top: 1em; }
#contenu h3 { margin-top: 0px; }
#contenu h3 a { color: #555; text-decoration: none; font-size: small; font-weight: 500; }
#contenu h3 a:hover { color: #7F1F23; }
div { border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; }

/* Colonnes */
div.item { padding: 0em 1.5% 1em; }
#search { width: 97%; }
p.item { font-size: small; }
p.item a, #accueil a { color: #555; text-decoration: none; }
p.item a:hover, #accueil a:hover { color: #7F1F23; }

/* Contenu hors albums */
.suppression { margin: 0px 5% 0.4em; }
.recherche { margin: -1em 8% 1em; font-size: 90%; }
#contenu .item { margin-left: 7%; padding-bottom: 1em; }
#contenu h3+.item { margin-left: 7%; margin-top: -0.5em; padding-bottom: 1.5em; }
#contenu h3 { clear: both; }
.suppression a, .recherche a, #contenu .item a { text-decoration: none; color: #555; }
.suppression a:hover, .recherche a:hover, #contenu .item a:hover { color: #7F1F23; }
.suppression img { border: none; height: 1em; margin-right: 1%; vertical-align: top; }

/* Albums */
.album { margin: 0em -0.5% 1em 2%; padding-bottom: 1em; width: 47%; 
         background-color: #ADFF9F; display: inline-block; overflow: hidden;
         border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
.cover { border: none; float: left; margin: 1.5em 2% 0px; width: 25%; }
.album p { padding-left: 2%; margin-left: 27%; }
.titre { padding-top: 0.5em; }
.tags { font-size: small; }
.achat, .date a { font-size: small; color: #555; }
#album { margin: 0.5em 2% 1.5em; padding-bottom: 1em; width: 96%; 
         background-color: #ADFF9F; overflow: hidden;
         border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
#album img { float: left; margin: 1.5em 3% 0.5em; width: 35%; }
#album p { padding-left: 2%; }
#album .comment { clear:left; }
/* Liens dans albums */
.titre a, .artiste a, .annee a, .tags a { color: #1F237F; }
.artiste a, .annee a, .tags a, .date a { text-decoration: none; }
.titre a:hover, .artiste a:hover, .annee a:hover, .tags a:hover, .date a:hover { color: #7F1F23; }

/* Version simple */
.album-simple { margin: 0em 2% 0.5em; padding: 0.3em 0px; width: 96%; 
                background-color: #ADFF9F; overflow: hidden;
                border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
.album-simple .cover { float: right; margin: 0.1em 2% 0px; height: 2em; width: auto; }
.album-simple p { padding-left: 3%; }

/* Notes */
img.note { border: none; width: 60%; padding: 0.2em 0px 0.1em; vertical-align: middle; }
#album .note img, .album .note img { margin: 0px 1%; width: 30%; }

/* Infos légales */
#legal { clear: both; width: 80%; padding: 1em 10%; font-size: small; }
#legal p { margin: 0em 5% 1em; text-align: justify; text-indent: 5%; font-size: small; }