Gatien Bataille

Quelques mots et lieux d'implication personnels (ou du collectif) Je suis impliqué dans le projet Cooptic et dans le développement du logiciel libre Yeswiki (qui fait notamment tourner ce site web).
gatienbataille_image_bf_imageimage_imageactuphoto-profil-gatien.jpg
Thème(s) d'action de votre projet
  • Nature/environnement
  • Autre
Lien vers le site web ou facebook du projet dans lequel vous êtes impliqué http://www.cooptic.be

Coordonnées

Emplacement du projet

Code postal 7700
Ville Mouscron

Les actus liées à cet acteur

Hawaiian airlines oakland
<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 class="BAZ_actions_fiche">
    • </div>
  • </div>
  • </div>
""