Ethique et Informatique ... dietétique

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
<html>
<style>
.body {
    font-family: sans-serif;
    background-color: #1b1b1b;
}

.grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25, 1fr));
    grid-gap: 10px;
    grid-auto-rows: minmax(20px, auto);
    grid-auto-flow: dense;
    padding: 10px;
}

.grid-item {
    border-style: solid;
	padding: 14px;
	border-width: 3px;
    font-size: 13px;
    border-radius: 25px;
    #font-weight: bold;
    #text-transform: uppercase;
    color: black;
box-shadow: 5px 5px 2px #888888;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF));
	background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%);
    vertical-align: top;
    text-align: center;
}

.text-item {
    font-size: 14px;
    font-weight: normal;
    color: black;
    vertical-align: top;
    horizontal-align: left;
    text-align: left;
}

.span-2 {
    grid-column-end: span 2;
    grid-row-end: span 2;
}

.span-3 {
    grid-column-end: span 3;
    grid-row-end: span 4;
}

.tile {
	border-style: solid;
	padding: 14px;
	border-width: 3px;
	color: black;
	display: inline-block;
	height: 130px;
	list-style-type: none;
	margin: 10px 40px 10px 20px;
	position: relative;
	text-align: center;
	width: 33%;
	border-radius: 25px;
	box-shadow: 10px 10px 5px #888888;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF));
	background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%);
    vertical-align: top;
	text-align: center;
}

.tile_description {
	color: white;
	font-size: 1.3em;
	font-style: italic;
}
</style>

<div class="grid-layout">
    <div class="grid-item span-3 grid-item-3"><strong>Ateliers thématiques</strong>
</div>
<br/><br/><br/>
<div class="text-item span-3 grid-item-3"><strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:navigateur">Choisir et configurer son navigateur internet</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:vpn-dns-fai">Sécuriser le transport des données sur internet: VPN DNS, FAI</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:motsdepasse">Choisir ses mots de passe et s'en souvenir sans effort</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:codesecret">Créer des codes secrets vivants et inoubliables</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:gestionnaire-motdepasse">Avantages et inconvénients d'un gestionnaire de mot de passe</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:chiffrement-nuages">Chiffrer les données et les envoyer dans les nuages</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:emailaliases">Utiliser des alias d'adresse mail pour prévenir le spam ?</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:piecesjointes-thunderbird-cloud">Héberger les  pièces jointes de ses emails sur son cloud personnel</a></strong><br />
<br/>
<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:choisir-fournisseur-boite-mail">Choisir un fournisseur de confiance pour emails et messagerie électronique</a></strong><br />
<br/>
</div>
</div>
</html>
Ethique et Informatique ... dietétique

Outils pour utilisateurs

Outils du site

Outils de la page
