* {
    font-family:sans-serif;
}

/* Id pour le titre global, constitué de t-artefarita et de t-bienvenue */
#t-global {
    position:relative;
    padding:0;
    margin:0;
}

/* Id pour le sélecteur de langue */
#lang {
    display:block;
    padding:3px;
    margin:3px;
    font-size:smaller;
}

/* Id pour le bas de la page */
#section-info-page {
    margin:1em 0 0 0;
    border:1px solid #aaa;
    margin-right:auto;
    margin-left:auto;
    border-bottom:none;
    border-right:none;
    border-left:none;
}
#section-info-page p {
    margin:5px;
    text-align:center;
    text-indent:0;
    color:#aaa;
    font-size:small;
}
#section-presentation {
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    box-shadow: 3px 3px 5px #666;
}
/* Classe pour une section */
.section {
    width:50%;
    background:#ffffff;
    margin:0 5% 0 5%;
    padding:1em;
    padding-bottom:0em;
    border:1px solid black;
}
/* Classe pour un titre de section */
.titre-section {
    color:black;
}
.titre-section h2 {
    padding:0.1em;
    display:inline;
}
/* Classe pour un corps de section */
.corps-section {
    padding:10px;
}
/* Classe pour un séparateur */
.separateur {
    text-align:center;
    display:none; /* Fait disparaître les règles horizontales (<hr />) */
}

.photo {
    display:inline;
}

.droite {
    float:right;
    z-index:1;
    margin-right:5em;
    margin-bottom:1em;
    margin-left:auto;
    background-color:#FFF;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    box-shadow: 3px 3px 5px #666;
    border:1px solid black;
    text-align:center;
}
.fn {
    color:#000;
    font-family: 'Permanent Marker', arial, serif;
    font-style:italic;
    font-size:16pt;
    word-spacing:0.5em;
}
.spacer {
    clear: both;
}

body {
    background-image:url("../images/texture-bois.jpg");
/*
    background-color:#FFEF29;
*/
    color:black;
    margin:0;
}

hr {
    display:block;
    width:80%;
    margin:10px;
    padding:0px;
    border-bottom:1px dashed #09F;
    border-top:0px;
    margin-left:auto;
    margin-right:auto;
    line-height:0px;
    height:1px;
}

img {
    display:block;
    width:auto;
    margin-left:auto;
    margin-right:auto;
}

pre {
    font-family: monospace;
}

/* liens non visités */
a:link    {
    color: #666;
    text-decoration:none;
}
/* liens visités */
a:visited {
    color: #666;
    text-decoration:none;
}
/* souris au-dessus */
a:hover   {
    color: #F00;
    text-decoration:none;
}
/* liens actifs */
a:active  {
    color: #F00;
    text-decoration:none;
}
a[hreflang]:after {
    color: #333;
    background : transparent;
    content: "\0000a0[" attr(hreflang) "]";
    vertical-align:super;
    font-size:x-small;
}

/* Gestion des guillemets localisées */
xml:lang(fr) {
    quotes: '\A0' '\A0';
}
xml:lang(de) {
    quotes: '' '' '\2039' '\203A';
}
:lang(fr) > q {
    quotes: '\A0' '\A0';
}
:lang(de) > q {
    quotes: '' '' '\2039' '\203A';
}
q {
    quotes: '\A0' '\A0';  /* retirer lorsque Mozilla gerera <q> et </q> avec ci-dessus */
}

/* gestion des acronymes et des abréviations */
abbr, acronym, dfn {
    cursor: help;
    border-bottom: dashed red 1px;
}