@font-face {
      font-family: "Pecita";
      src: url("../i/Pecita.otf") format("opentype");
    }
@-moz-document url-prefix() {
      sub {  
            display: inline;
            vertical-align: baseline;
            font-size: 100%;
            line-height: 100%;
            -moz-font-feature-settings: "subs=1";
         }
      sup {
            display: inline;
            vertical-align: baseline;
            font-size: 100%;
            line-height: 100%;
            -moz-font-feature-settings: "sups=1";
         }
    }
body { 
      background-attachment: fixed;      
      background-image: url(../i/bgInula.svg);
      background-color: rgb(247, 249, 238);
      color: #00c;
      font-family: Pecita;
      margin: 0;
      padding: 0;
    }
h1 {
      font-size: 24px;
      font-weight:normal;
      text-align: center;
      padding-top: 30px;
    }
h2 {
      font-size: 21px;
      text-align: center;
    }
h3 {
      font-size: 19px; padding: 0; margin-top: 10px; margin-bottom: 0; margin-left: 0;
      text-align: left;
      font-weight:normal;
      text-decoration: underline;
      text-align: left;
    }
p {
      font-size: 19px; padding: 0; margin-top: 10px; margin-bottom: 0; margin-left: 0;
      text-align: left;
    }
td {
      font-size: 19px; padding: 0; margin:10px;
      text-align: left;
    }
code {
      color: black;
      font-family: monospace;
      font-size: 14px; padding: 0; margin:0;
      text-align: left;
    }
ul {
      display: inline-block;
      font-size: 19px; padding-right: 0; margin-top: 6px; margin-bottom: 0; margin-left: 0;
      text-align: left;
      list-style-image: url(../i/circle_Pecita_2000a0.png);
    }
a   {
      color: blue;
      text-decoration : none;
      margin: 0px;
      padding: 0px;
    }
a:hover, a:active {
text-decoration : underline;
}
#corps {
      border:  0px;
      position: relative;
      top: 40px;
      left: 50%;
      width: 80%;
      margin-left: -35%;
    }
#bas_de_page {
      z-index: 3; position: absolute; bottom: 10px; left: 10px; right: 10px;
    }
#bas_de_page p {
      font-size: 16px;
      text-align: center;
    }
footer {
      z-index: 3; position: absolute; bottom: 10px; left: 10px; right: 10px;
    }
footer p {
      font-size: 16px;
      text-align: center;
    }
#tourner_page {
      float: right;
    }
#tourner_page a {
     font-size: 21px;
     color: blue;
     text-decoration: none;
     margin: 16px;
    }
nav {
      float: right;
    }
nav a {
     font-size: 21px;
     color: blue;
     text-decoration: none;
     margin: 16px;
    }
.boite {
      border-width: thin;
      border-style: outset;
      border-color: rgb(32, 32, 32);
      padding: 10px;
      margin: 0;
      background-color: rgba(255, 255, 168, 0.98);
      z-index: 1;
    }
.boite p {
      margin: 0;
    }
.gros {
      font-size: 36px;
      font-weight:normal;
}
.rot001 {
      transform:rotate(1deg);
      -ms-transform:rotate(1deg); /* IE 9 */
      -moz-transform:rotate(1deg); /* Firefox */
      -webkit-transform:rotate(1deg); /* Safari and Chrome */
      -o-transform:rotate(1deg); /* Opera */
}
.rot002 {
      transform:rotate(2deg);
      -ms-transform:rotate(2deg); /* IE 9 */
      -moz-transform:rotate(2deg); /* Firefox */
      -webkit-transform:rotate(2deg); /* Safari and Chrome */
      -o-transform:rotate(2deg); /* Opera */
}
.rot004 {
      transform:rotate(4deg);
      -ms-transform:rotate(4deg); /* IE 9 */
      -moz-transform:rotate(4deg); /* Firefox */
      -webkit-transform:rotate(4deg); /* Safari and Chrome */
      -o-transform:rotate(4deg); /* Opera */
}
.rot030 {
      transform:rotate(30deg);
      -ms-transform:rotate(30deg); /* IE 9 */
      -moz-transform:rotate(30deg); /* Firefox */
      -webkit-transform:rotate(30deg); /* Safari and Chrome */
      -o-transform:rotate(30deg); /* Opera */
}
.rot359d5 {
      transform:rotate(359.5deg);
      -ms-transform:rotate(359.5deg); /* IE 9 */
      -moz-transform:rotate(359.5deg); /* Firefox */
      -webkit-transform:rotate(359.5deg); /* Safari and Chrome */
      -o-transform:rotate(359.5deg); /* Opera */
}
.rot359 {
      transform:rotate(359deg);
      -ms-transform:rotate(359deg); /* IE 9 */
      -moz-transform:rotate(359deg); /* Firefox */
      -webkit-transform:rotate(359deg); /* Safari and Chrome */
      -o-transform:rotate(359deg); /* Opera */
}
.rot358 {
      transform:rotate(358deg);
      -ms-transform:rotate(358deg); /* IE 9 */
      -moz-transform:rotate(358deg); /* Firefox */
      -webkit-transform:rotate(358deg); /* Safari and Chrome */
      -o-transform:rotate(358deg); /* Opera */
}
.rot356 {
      transform:rotate(356deg);
      -ms-transform:rotate(356deg); /* IE 9 */
      -moz-transform:rotate(356deg); /* Firefox */
      -webkit-transform:rotate(356deg); /* Safari and Chrome */
      -o-transform:rotate(356deg); /* Opera */
}
.rot352 {
      transform:rotate(352deg);
      -ms-transform:rotate(352deg); /* IE 9 */
      -moz-transform:rotate(352deg); /* Firefox */
      -webkit-transform:rotate(352deg); /* Safari and Chrome */
      -o-transform:rotate(352deg); /* Opera */
}
.rot320 {
      transform:rotate(320deg);
      -ms-transform:rotate(320deg); /* IE 9 */
      -moz-transform:rotate(320deg); /* Firefox */
      -webkit-transform:rotate(320deg); /* Safari and Chrome */
      -o-transform:rotate(320deg); /* Opera */
}