Chez Titoff

/* ----------------------------------------- */ /* Modèle de contenu : Loop item in Détails commerçant - démarrer */ /* ----------------------------------------- */ .nom-comm { font-size:32px; text-align:center; margin-top:30px; text-transform:uppercase; } .present-comm { text-align:center; margin-bottom:30px;} .present-comm p { text-align:center; font-size:20px !important; line-height:1.4em !important; } .rub-comm { font-size:16px; } .rub-comm h3 {color:#703418 !important; font-weight:bold; } .pres-t2 { font-size:20px !important; line-height:1.4em !important; } .pres-t3 { font-size:16px !important; line-height:1.4em !important; } .rub-logos h3 {color:#703418 !important; font-weight:bold; } .rub-logos { margin-bottom:20px; } .rub-special { margin-bottom:20px; } .rub-special h3 {color:#703418 !important; font-weight:bold; } .rub-comm p { font-size:16px; } .rub-comm li { font-size:16px; } .rub-comm span { font-size:16px; } .liste-autres { margin-top:20px; } /* .masonry-ref { padding: 10px; } */ ol li { list-style-type:none; display: inline-block; } .wrapper-galerie { width: 95%; margin: 1em auto; } .masonry-galerie { margin: 0.5em 0; padding: 0; -moz-column-gap: 0.5em; -webkit-column-gap: 0.5em; column-gap: 0.5em; font-size: .85em; } .item-galerie { display: inline-block; background: #fff; padding: 1em; margin: 0 0 0.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; } @media only screen and (min-width: 400px) { .masonry-galerie { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 700px) { .masonry-galerie { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 900px) { .masonry-galerie { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 1100px) { .masonry-galerie { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 1280px) { .wrapper-galerie { width: 100%; } } /* ----------------------------------------- */ /* Modèle de contenu : Loop item in Détails commerçant - terminer */ /* ----------------------------------------- */