Brillan Betty

Quelques mots et lieux d'implication personnels (ou du collectif) Conseil citoyen de Quievrechain
brillanbetty_logo-portrait.png
Thème(s) d'action de votre projet
  • Développement local / économie
  • Autre
Lien vers le site web ou facebook du projet dans lequel vous êtes impliqué https://quievrechain.fr/fr/rb/600329/conseil-citoyen

Coordonnées

Courriel Contacter par mail

Emplacement du projet

Code postal 59920
Ville Quiévrechain

Les actus liées à cet acteur

HACCP Certification
  • <div class="case-titre-actu">
  • <h5>HACCP Certification</h5>
  • <h6></h6>
  • </div>
  • <div class="case-actuquier-desc">
    • <div class="text-mini">haccp certification</div>
  • </div>
  • </a>
  • </div>
    • <style>
  • .modal-header {
    • display:none;
  • }
  • </style>
    • <style>
  • .modal-header {
    • display:none;
  • }
  • </style>
    • <style>
  • .modal-header {
    • display:none;
  • }
  • </style>
    • <style>
  • .modal-header {
    • display:none;
  • }
  • </style>
    • <style>
  • .modal-header {
    • display:none;
  • }
  • </style>
    • <style>
  • .modal-header {
    • display:none;
  • }
  • </style>
    • </div> <!-- /.row --><!-- permet de fermer la class row si jamais y a que 3 images -->
<style>
.dummy {
  • margin-top:116%;
}
.case-actuquier {
  • display:block; /* pour que les liens (en display:inline par défaut) acceptent les margin et padding */
  • position:absolute; /* pour permettre de positionner ensuite le contenu de cette class par rapport à celle-ci (à l'intérieur de celle-ci) */
  • margin: 0 15px 30px;
  • overflow:hidden;
  • top:0;
  • bottom: 0;
  • left:0;
  • right:0;
  • /*height:450px;*/

}
.mask {
  • position:absolute;
  • top:0;
  • bottom:0;
  • left:0;
  • right:0;
  • webkit-transition: background-color 200ms linear;
  • moz-transition: background-color 200ms linear;
  • o-transition: background-color 200ms linear;
  • ms-transition: background-color 200ms linear;
  • transition: background-color 200ms linear;
}

.grid-actuquier:nth-child(4n+4) .mask {
  • background-color:rgba(255,255,255,0.5);
  • }
.grid-actuquier:nth-child(4n+4) .case-actuquier:hover .mask {
  • background-color:rgba(255,255,255,1);
  • }

.grid-actuquier:nth-child(4n+1) .mask {
  • background-color:rgba(255,255,255,0.5);
  • }
.grid-actuquier:nth-child(4n+1) .case-actuquier:hover .mask {
  • background-color:rgba(255,255,255,1);
  • }

.grid-actuquier:nth-child(4n+2) .mask {
  • background-color:rgba(255,255,255,0.5);
  • }
.grid-actuquier:nth-child(4n+2) .case-actuquier:hover .mask {
  • background-color:rgba(255,255,255,1);
  • }

.grid-actuquier:nth-child(4n+3) .mask {
  • background-color:rgba(255,255,255,0.5);
  • }
.grid-actuquier:nth-child(4n+3) .case-actuquier:hover .mask {
  • background-color:rgba(255,255,255,1);
  • }

.case-titre-actu {
  • position: absolute;
  • top: 10px;
  • left: 10px;
  • right: 10px;
  • color: #000;
  • text-transform: uppercase;
  • margin: 0px;
  • font-weight: bold;
  • text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);
  • word-break: break-word;
  • webkit-hyphens: auto;
  • moz-hyphens: auto;
  • ms-hyphens: auto;
  • o-hyphens: auto;
  • hyphens: auto;
}


.case-actuquier:hover{
  • text-decoration: none;
}

.case-actuquier-desc {
  • opacity : 0;
  • display: hidden;
}

.case-actuquier:hover .case-actuquier-desc {
  • display:block;
  • opacity:1;
  • position:absolute;
  • left:0;
  • right:0;
  • padding:0 10px;
  • top:70px;
  • bottom:20px;
  • overflow:hidden;
  • color: #000;
  • webkit-transition: opacity 300ms linear;
  • moz-transition: opacity 300ms linear;
  • o-transition: opacity 300ms linear;
  • ms-transition: opacity 300ms linear;
  • transition: opacity 300ms linear;
  • }
.grid-actuquier:nth-child(4n+1) .case-actuquier:hover .case-actuquier-desc {
  • background-color:rgba(255,255,255,1);
  • }
.grid-actuquier:nth-child(4n+2) .case-actuquier:hover .case-actuquier-desc {
  • background-color:rgba(255,255,255,1);
  • }
.grid-actuquier:nth-child(4n+3) .case-actuquier:hover .case-actuquier-desc {
  • background-color:rgba(255,255,255,1);
  • }
.grid-actuquier:nth-child(4n+4) .case-actuquier:hover .case-actuquier-desc {
  • background-color:rgba(255,255,255,1);
  • }
</style>
</div>
</div>
  • </div>
""