body {
  background: url(../images/texture_HD.jpg)
}
@font-face {
  font-family: 'ebgarreg';
  font-style: normal;
  font-weight: 400;
  src: url(../polices/ebgarreg12.eot);
  src: url(../polices/ebgarreg12.woff) format("woff"), url(../polices/ebgarreg12.ttf) format("truetype")
}
header, h2 {
  font-family: 'ebgarreg', Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif
}
header {
  padding: 5em;
}
header p {
  font-size: larger;
  font-weight: bold;
}
.deuxcols {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
}
.enligne li:before {
  content: ""
}
.enligne li {
  display: inline-block;
}
.tourne {
  -webkit-animation: linear mymove 135s infinite;
  animation: linear mymove 135s infinite;
  padding-bottom: 10em;
}
h1 span {
  height: 230px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}
#boules {
  position: relative;
  top: 35px;
  -webkit-animation: linear mymovebis 12s infinite;
  animation: linear mymovebis 12s infinite;
}
@-webkit-keyframes mymove {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes mymove {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes mymovebis {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes mymovebis {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes mymoverev {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes mymoverev {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/*sur
http://codepen.io/pen/
@import "compass"

@for $i from 1 through 39 .char#{$i}   +transform(rotate((9.23 * $i)+deg))

*/

.char1 {
  -ms-transform: rotate(9.23deg);
  transform: rotate(9.23deg);
  transform: rotate(9.23deg);
}
.char2 {
  -ms-transform: rotate(18.46deg);
  transform: rotate(18.46deg);
  transform: rotate(18.46deg);
}
.char3 {
  -ms-transform: rotate(27.69deg);
  transform: rotate(27.69deg);
  transform: rotate(27.69deg);
}
.char4 {
  -ms-transform: rotate(36.92deg);
  transform: rotate(36.92deg);
  transform: rotate(36.92deg);
}
.char5 {
  -ms-transform: rotate(46.15deg);
  transform: rotate(46.15deg);
  transform: rotate(46.15deg);
}
.char6 {
  -ms-transform: rotate(55.38deg);
  transform: rotate(55.38deg);
  transform: rotate(55.38deg);
}
.char7 {
  -ms-transform: rotate(64.61deg);
  transform: rotate(64.61deg);
  transform: rotate(64.61deg);
}
.char8 {
  -ms-transform: rotate(73.84deg);
  transform: rotate(73.84deg);
  transform: rotate(73.84deg);
}
.char9 {
  -ms-transform: rotate(83.07deg);
  transform: rotate(83.07deg);
  transform: rotate(83.07deg);
}
.char10 {
  -ms-transform: rotate(92.3deg);
  transform: rotate(92.3deg);
  transform: rotate(92.3deg);
}
.char11 {
  -ms-transform: rotate(101.53deg);
  transform: rotate(101.53deg);
  transform: rotate(101.53deg);
}
.char12 {
  -ms-transform: rotate(110.76deg);
  transform: rotate(110.76deg);
  transform: rotate(110.76deg);
}
.char13 {
  -ms-transform: rotate(119.99deg);
  transform: rotate(119.99deg);
  transform: rotate(119.99deg);
}
.char14 {
  -ms-transform: rotate(129.22deg);
  transform: rotate(129.22deg);
  transform: rotate(129.22deg);
}
.char15 {
  -ms-transform: rotate(138.45deg);
  transform: rotate(138.45deg);
  transform: rotate(138.45deg);
}
.char16 {
  -ms-transform: rotate(147.68deg);
  transform: rotate(147.68deg);
  transform: rotate(147.68deg);
}
.char17 {
  -ms-transform: rotate(156.91deg);
  transform: rotate(156.91deg);
  transform: rotate(156.91deg);
}
.char18 {
  -ms-transform: rotate(166.14deg);
  transform: rotate(166.14deg);
  transform: rotate(166.14deg);
}
.char19 {
  -ms-transform: rotate(175.37deg);
  transform: rotate(175.37deg);
  transform: rotate(175.37deg);
}
.char20 {
  -ms-transform: rotate(184.6deg);
  transform: rotate(184.6deg);
  transform: rotate(184.6deg);
}
.char21 {
  -ms-transform: rotate(193.83deg);
  transform: rotate(193.83deg);
  transform: rotate(193.83deg);
}
.char22 {
  -ms-transform: rotate(203.06deg);
  transform: rotate(203.06deg);
  transform: rotate(203.06deg);
}
.char23 {
  -ms-transform: rotate(212.29deg);
  transform: rotate(212.29deg);
  transform: rotate(212.29deg);
}
.char24 {
  -ms-transform: rotate(221.52deg);
  transform: rotate(221.52deg);
  transform: rotate(221.52deg);
}
.char25 {
  -ms-transform: rotate(230.75deg);
  transform: rotate(230.75deg);
  transform: rotate(230.75deg);
}
.char26 {
  -ms-transform: rotate(239.98deg);
  transform: rotate(239.98deg);
  transform: rotate(239.98deg);
}
.char27 {
  -ms-transform: rotate(249.21deg);
  transform: rotate(249.21deg);
  transform: rotate(249.21deg);
}
.char28 {
  -ms-transform: rotate(258.44deg);
  transform: rotate(258.44deg);
  transform: rotate(258.44deg);
}
.char29 {
  -ms-transform: rotate(267.67deg);
  transform: rotate(267.67deg);
  transform: rotate(267.67deg);
}
.char30 {
  -ms-transform: rotate(276.9deg);
  transform: rotate(276.9deg);
  transform: rotate(276.9deg);
}
.char31 {
  -ms-transform: rotate(286.13deg);
  transform: rotate(286.13deg);
  transform: rotate(286.13deg);
}
.char32 {
  -ms-transform: rotate(295.36deg);
  transform: rotate(295.36deg);
  transform: rotate(295.36deg);
}
.char33 {
  -ms-transform: rotate(304.59deg);
  transform: rotate(304.59deg);
  transform: rotate(304.59deg);
}
.char34 {
  -ms-transform: rotate(313.82deg);
  transform: rotate(313.82deg);
  transform: rotate(313.82deg);
}
.char35 {
  -ms-transform: rotate(323.05deg);
  transform: rotate(323.05deg);
  transform: rotate(323.05deg);
}
.char36 {
  -ms-transform: rotate(332.28deg);
  transform: rotate(332.28deg);
  transform: rotate(332.28deg);
}
.char37 {
  -ms-transform: rotate(341.51deg);
  transform: rotate(341.51deg);
  transform: rotate(341.51deg);
}
.char38 {
  -ms-transform: rotate(350.74deg);
  transform: rotate(350.74deg);
  transform: rotate(350.74deg);
}
.char39 {
  -ms-transform: rotate(359.97deg);
  transform: rotate(359.97deg);
  transform: rotate(359.97deg);
}