#block-compteurtrialasource { box-sizing: border-box; font-family: "Open Sans", Arial, Verdana, sans-serif; line-height: 22.5px; } .counter { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #343a40; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: grid; grid-template-areas: "timer timer" "logo text"; grid-template-columns: repeat(2, auto); grid-template-rows: 70px 90px; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-bottom: 2.5rem; padding: 0.625rem; row-gap: 5px; text-align: center; } @media (min-width: 48rem) { .counter { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; grid-template-areas: "logo timer text"; grid-template-columns: 100px repeat(2, auto); grid-template-rows: 1fr; } } @media (min-width: 100rem) { .counter { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; border-radius: 0 20px 20px 0; grid-template-areas: "timer timer" "logo text"; grid-template-columns: repeat(2, auto); grid-template-rows: 70px 100px; left: 0; margin: 0; position: fixed; top: 50%; -webkit-transition: 0.3s left ease-out; -o-transition: 0.3s left ease-out; transition: 0.3s left ease-out; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 330px; z-index: 20; } .counter--hidden { left: -330px; } .counter--hidden .counter__close { border-radius: 0 50% 50% 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 0.625rem; right: -25px; } .counter--hidden .counter__close::after { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } .counter__timer { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; grid-area: timer; font-weight: 600; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: auto; z-index: 2; } .counter__logo { -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; grid-area: logo; position: relative; width: 100px; } @media (min-width: 100rem) { .counter__logo { margin-left: -0.6875rem; } } .counter__text { font-size: 0.9375rem; font-weight: 300; grid-area: text; margin: auto 0 auto -1.25rem; } @media (min-width: 100rem) { .counter__text { margin: auto 0 auto -1.25rem; } } .counter__close { cursor: pointer; display: none; } @media (min-width: 100rem) { .counter__close { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #343a40; border-radius: 50%; -webkit-box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.4375rem; font-weight: 600; height: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: -15px; top: -15px; -webkit-transition: 0.2s border-radius ease-in; -o-transition: 0.2s border-radius ease-in; transition: 0.2s border-radius ease-in; width: 40px; z-index: 1; } .counter__close::after { content: "<"; padding-bottom: 0.0625rem; -webkit-transition: 0.5s -webkit-transform ease-out; transition: 0.5s -webkit-transform ease-out; -o-transition: 0.5s -o-transform ease-out; transition: 0.5s transform ease-out; transition: 0.5s transform ease-out, 0.5s -webkit-transform ease-out, 0.5s -o-transform ease-out; } } .logo__image { height: 150px; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: -25px; width: 100px; } @media (min-width: 48rem) { .logo__image { top: -35px; } } @media (min-width: 100rem) { .logo__image { top: -25px; } } .timer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #222629; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 70px; line-height: 1.5rem; width: 100px; } .timer__time { font-size: 2em; font-weight: bold; line-height: 1; padding-bottom: 0.3125rem; } .timer__label { font-size: 0.7em; line-height: 1.05rem; }
top of page

Opérations de nettoyage à Valensole

DSCN9818
DSCN9819
DSCN9821
DSCN9827
DSCN9861
DSCN9847
DSCN9845
DSCN9853
DSCN9857
DSCN9862
VALENSOLE WORLD CLEANUP DAY 15 0918
affiche 15 sept.jpg
affiche 15 sept.jpg

Retour en images sur la matinée du

15 septembre 2018 à Valensole

bottom of page