/* compiled by Stylize v2 ( based on Leafo/ScssPhp v0.6.3@dev - Sass 3.x implementation in PHP ) on Fri, 20 Jun 2025 21:44:26 +0200 (0.1038s) */

/* Reset et importation des mixins CSS */
/* RESET */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, fieldset, form, label, legend, table {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, textarea {
  outline-style: none;
  border-color: transparent;
  box-shadow: none !important; }
/* @include animate(animation-name, animation-duration, animation-delay); */
/* voir le projet et instruction: https://github.com/simko-io/animated.sass/blob/master/README.md */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
/* pour le bloc sidebar */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
/* pour la partie section*/
/* Largeur, espace entre les blocs et nombre de blocs */
/* importer les éléments du style */
/* mise en forme de la police à utliser */
@font-face {
  font-family: 'flaticon';
  src: url('fonts/flaticon.eot');
  src: url('fonts/flaticon.eot?#iefix') format('embedded-opentype'), url('fonts/flaticon.woff') format('woff'), url('fonts/flaticon.ttf') format('truetype'), url('fonts/websymbols-regular-webfont.svg#web_symbolsregular') format('svg');
  font-weight: normal;
  font-style: normal; }

strong {
  font-weight: bold; }

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: flaticon;
  font-style: normal; }

.flaticon-accepted:before {
  content: "\e000"; }

.flaticon-add20:before {
  content: "\e001"; }

.flaticon-add70:before {
  content: "\e002"; }

.flaticon-address4:before {
  content: "\e003"; }

.flaticon-advance:before {
  content: "\e004"; }

.flaticon-arrow53:before {
  content: "\e005"; }

.flaticon-arrow54:before {
  content: "\e006"; }

.flaticon-arrow56:before {
  content: "\e007"; }

.flaticon-arrows3:before {
  content: "\e008"; }

.flaticon-b2:before {
  content: "\e009"; }

.flaticon-back3:before {
  content: "\e00a"; }

.flaticon-bar:before {
  content: "\e00b"; }

.flaticon-battery4:before {
  content: "\e00c"; }

.flaticon-big31:before {
  content: "\e00d"; }

.flaticon-big34:before {
  content: "\e00e"; }

.flaticon-big35:before {
  content: "\e00f"; }

.flaticon-big36:before {
  content: "\e010"; }

.flaticon-big37:before {
  content: "\e011"; }

.flaticon-big39:before {
  content: "\e012"; }

.flaticon-big61:before {
  content: "\e013"; }

.flaticon-biretta:before {
  content: "\e014"; }

.flaticon-black25:before {
  content: "\e015"; }

.flaticon-black27:before {
  content: "\e016"; }

.flaticon-botton3:before {
  content: "\e017"; }

.flaticon-botton4:before {
  content: "\e018"; }

.flaticon-botton5:before {
  content: "\e019"; }

.flaticon-botton6:before {
  content: "\e01a"; }

.flaticon-bust:before {
  content: "\e01b"; }

.flaticon-button2:before {
  content: "\e01c"; }

.flaticon-card2:before {
  content: "\e01d"; }

.flaticon-cart1:before {
  content: "\e01e"; }

.flaticon-cc1:before {
  content: "\e01f"; }

.flaticon-cc:before {
  content: "\e020"; }

.flaticon-change:before {
  content: "\e021"; }

.flaticon-chevron2:before {
  content: "\e022"; }

.flaticon-chevron4:before {
  content: "\e023"; }

.flaticon-chevron5:before {
  content: "\e024"; }

.flaticon-circle4:before {
  content: "\e025"; }

.flaticon-circle6:before {
  content: "\e026"; }

.flaticon-circle7:before {
  content: "\e027"; }

.flaticon-circled1:before {
  content: "\e028"; }

.flaticon-circuit:before {
  content: "\e029"; }

.flaticon-code1:before {
  content: "\e02a"; }

.flaticon-cogwheel:before {
  content: "\e02b"; }

.flaticon-color:before {
  content: "\e02c"; }

.flaticon-come:before {
  content: "\e02d"; }

.flaticon-conversation:before {
  content: "\e02e"; }

.flaticon-creative1:before {
  content: "\e02f"; }

.flaticon-creative:before {
  content: "\e030"; }

.flaticon-cupful:before {
  content: "\e031"; }

.flaticon-dark:before {
  content: "\e032"; }

.flaticon-database8:before {
  content: "\e033"; }

.flaticon-diamond:before {
  content: "\e034"; }

.flaticon-diary:before {
  content: "\e035"; }

.flaticon-direction:before {
  content: "\e036"; }

.flaticon-diskette:before {
  content: "\e037"; }

.flaticon-document1:before {
  content: "\e038"; }

.flaticon-dolar:before {
  content: "\e039"; }

.flaticon-donut:before {
  content: "\e03a"; }

.flaticon-draft:before {
  content: "\e03b"; }

.flaticon-dribbble:before {
  content: "\e03c"; }

.flaticon-earth1:before {
  content: "\e03d"; }

.flaticon-entry:before {
  content: "\e03e"; }

.flaticon-exit2:before {
  content: "\e03f"; }

.flaticon-extract:before {
  content: "\e040"; }

.flaticon-facebook4:before {
  content: "\e041"; }

.flaticon-film7:before {
  content: "\e042"; }

.flaticon-flattr:before {
  content: "\e043"; }

.flaticon-float:before {
  content: "\e044"; }

.flaticon-flow2:before {
  content: "\e045"; }

.flaticon-flow4:before {
  content: "\e046"; }

.flaticon-focus:before {
  content: "\e047"; }

.flaticon-folder5:before {
  content: "\e048"; }

.flaticon-folding:before {
  content: "\e049"; }

.flaticon-full4:before {
  content: "\e04a"; }

.flaticon-github2:before {
  content: "\e04b"; }

.flaticon-github3:before {
  content: "\e04c"; }

.flaticon-google10:before {
  content: "\e04d"; }

.flaticon-google7:before {
  content: "\e04e"; }

.flaticon-grating:before {
  content: "\e04f"; }

.flaticon-great6:before {
  content: "\e050"; }

.flaticon-great7:before {
  content: "\e051"; }

.flaticon-help:before {
  content: "\e052"; }

.flaticon-high3:before {
  content: "\e053"; }

.flaticon-highlight:before {
  content: "\e054"; }

.flaticon-honour:before {
  content: "\e055"; }

.flaticon-hourglass3:before {
  content: "\e056"; }

.flaticon-i9:before {
  content: "\e057"; }

.flaticon-imagery:before {
  content: "\e058"; }

.flaticon-inbox:before {
  content: "\e059"; }

.flaticon-infinity:before {
  content: "\e05a"; }

.flaticon-info2:before {
  content: "\e05b"; }

.flaticon-large7:before {
  content: "\e05c"; }

.flaticon-large8:before {
  content: "\e05d"; }

.flaticon-last2:before {
  content: "\e05e"; }

.flaticon-last3:before {
  content: "\e05f"; }

.flaticon-leaf3:before {
  content: "\e060"; }

.flaticon-left10:before {
  content: "\e061"; }

.flaticon-license:before {
  content: "\e062"; }

.flaticon-link5:before {
  content: "\e063"; }

.flaticon-location2:before {
  content: "\e064"; }

.flaticon-lock4:before {
  content: "\e065"; }

.flaticon-logo:before {
  content: "\e066"; }

.flaticon-loop:before {
  content: "\e067"; }

.flaticon-love1:before {
  content: "\e068"; }

.flaticon-lug:before {
  content: "\e069"; }

.flaticon-magnet:before {
  content: "\e06a"; }

.flaticon-many:before {
  content: "\e06b"; }

.flaticon-maximum:before {
  content: "\e06c"; }

.flaticon-mobile4:before {
  content: "\e06d"; }

.flaticon-money:before {
  content: "\e06e"; }

.flaticon-music10:before {
  content: "\e06f"; }

.flaticon-music11:before {
  content: "\e070"; }

.flaticon-network1:before {
  content: "\e071"; }

.flaticon-newspapre:before {
  content: "\e072"; }

.flaticon-no1:before {
  content: "\e073"; }

.flaticon-no5:before {
  content: "\e074"; }

.flaticon-note:before {
  content: "\e075"; }

.flaticon-okey:before {
  content: "\e076"; }

.flaticon-open12:before {
  content: "\e077"; }

.flaticon-open2:before {
  content: "\e078"; }

.flaticon-opposing:before {
  content: "\e079"; }

.flaticon-padlock:before {
  content: "\e07a"; }

.flaticon-paper5:before {
  content: "\e07b"; }

.flaticon-parallel:before {
  content: "\e07c"; }

.flaticon-paypal:before {
  content: "\e07d"; }

.flaticon-pencil5:before {
  content: "\e07e"; }

.flaticon-phone8:before {
  content: "\e07f"; }

.flaticon-photogram:before {
  content: "\e080"; }

.flaticon-picasa:before {
  content: "\e081"; }

.flaticon-pie2:before {
  content: "\e082"; }

.flaticon-pinterest1:before {
  content: "\e083"; }

.flaticon-pinterest4:before {
  content: "\e084"; }

.flaticon-play3:before {
  content: "\e085"; }

.flaticon-pointer1:before {
  content: "\e086"; }

.flaticon-pointer:before {
  content: "\e087"; }

.flaticon-pouch:before {
  content: "\e088"; }

.flaticon-pressure:before {
  content: "\e089"; }

.flaticon-program:before {
  content: "\e08a"; }

.flaticon-progress1:before {
  content: "\e08b"; }

.flaticon-progress:before {
  content: "\e08c"; }

.flaticon-prohibited:before {
  content: "\e08d"; }

.flaticon-radio1:before {
  content: "\e08e"; }

.flaticon-range:before {
  content: "\e08f"; }

.flaticon-rdio1:before {
  content: "\e090"; }

.flaticon-rdio:before {
  content: "\e091"; }

.flaticon-record1:before {
  content: "\e092"; }

.flaticon-remainder:before {
  content: "\e093"; }

.flaticon-reply:before {
  content: "\e094"; }

.flaticon-resize2:before {
  content: "\e095"; }

.flaticon-restore:before {
  content: "\e096"; }

.flaticon-retweet:before {
  content: "\e097"; }

.flaticon-rewind3:before {
  content: "\e098"; }

.flaticon-right7:before {
  content: "\e099"; }

.flaticon-rings1:before {
  content: "\e09a"; }

.flaticon-rubber1:before {
  content: "\e09b"; }

.flaticon-sea1:before {
  content: "\e09c"; }

.flaticon-sections:before {
  content: "\e09d"; }

.flaticon-share4:before {
  content: "\e09e"; }

.flaticon-signal1:before {
  content: "\e09f"; }

.flaticon-signal3:before {
  content: "\e0a0"; }

.flaticon-sina:before {
  content: "\e0a1"; }

.flaticon-small16:before {
  content: "\e0a2"; }

.flaticon-small18:before {
  content: "\e0a3"; }

.flaticon-small21:before {
  content: "\e0a4"; }

.flaticon-small22:before {
  content: "\e0a5"; }

.flaticon-small23:before {
  content: "\e0a6"; }

.flaticon-small24:before {
  content: "\e0a7"; }

.flaticon-small25:before {
  content: "\e0a8"; }

.flaticon-small26:before {
  content: "\e0a9"; }

.flaticon-small27:before {
  content: "\e0aa"; }

.flaticon-small28:before {
  content: "\e0ab"; }

.flaticon-small29:before {
  content: "\e0ac"; }

.flaticon-small30:before {
  content: "\e0ad"; }

.flaticon-small31:before {
  content: "\e0ae"; }

.flaticon-small32:before {
  content: "\e0af"; }

.flaticon-small33:before {
  content: "\e0b0"; }

.flaticon-small34:before {
  content: "\e0b1"; }

.flaticon-small35:before {
  content: "\e0b2"; }

.flaticon-small36:before {
  content: "\e0b3"; }

.flaticon-small37:before {
  content: "\e0b4"; }

.flaticon-small38:before {
  content: "\e0b5"; }

.flaticon-small39:before {
  content: "\e0b6"; }

.flaticon-soundcloud:before {
  content: "\e0b7"; }

.flaticon-spotify:before {
  content: "\e0b8"; }

.flaticon-square5:before {
  content: "\e0b9"; }

.flaticon-star2:before {
  content: "\e0ba"; }

.flaticon-storm:before {
  content: "\e0bb"; }

.flaticon-stumbleupon2:before {
  content: "\e0bc"; }

.flaticon-stumbleupon:before {
  content: "\e0bd"; }

.flaticon-suitcase:before {
  content: "\e0be"; }

.flaticon-sum:before {
  content: "\e0bf"; }

.flaticon-sun1:before {
  content: "\e0c0"; }

.flaticon-sun4:before {
  content: "\e0c1"; }

.flaticon-sweden:before {
  content: "\e0c2"; }

.flaticon-switch:before {
  content: "\e0c3"; }

.flaticon-tag1:before {
  content: "\e0c4"; }

.flaticon-tencent:before {
  content: "\e0c5"; }

.flaticon-text:before {
  content: "\e0c6"; }

.flaticon-thermometer:before {
  content: "\e0c7"; }

.flaticon-thick:before {
  content: "\e0c8"; }

.flaticon-thin1:before {
  content: "\e0c9"; }

.flaticon-thin:before {
  content: "\e0ca"; }

.flaticon-thumbs3:before {
  content: "\e0cb"; }

.flaticon-thundercloud:before {
  content: "\e0cc"; }

.flaticon-traffic1:before {
  content: "\e0cd"; }

.flaticon-triangle3:before {
  content: "\e0ce"; }

.flaticon-tumblr1:before {
  content: "\e0cf"; }

.flaticon-tv:before {
  content: "\e0d0"; }

.flaticon-twitter4:before {
  content: "\e0d1"; }

.flaticon-two17:before {
  content: "\e0d2"; }

.flaticon-two18:before {
  content: "\e0d3"; }

.flaticon-two22:before {
  content: "\e0d4"; }

.flaticon-unbroken:before {
  content: "\e0d5"; }

.flaticon-under1:before {
  content: "\e0d6"; }

.flaticon-up10:before {
  content: "\e0d7"; }

.flaticon-up4:before {
  content: "\e0d8"; }

.flaticon-update:before {
  content: "\e0d9"; }

.flaticon-upload2:before {
  content: "\e0da"; }

.flaticon-usb1:before {
  content: "\e0db"; }

.flaticon-user3:before {
  content: "\e0dc"; }

.flaticon-v:before {
  content: "\e0dd"; }

.flaticon-walkie:before {
  content: "\e0de"; }

.flaticon-water3:before {
  content: "\e0df"; }

.flaticon-working:before {
  content: "\e0e0"; }

.flaticon-work:before {
  content: "\e0e1"; }

.flaticon-x3:before {
  content: "\e0e2"; }

a {
  font-size: 16px;
  line-height: 19.2px;
  color: inherit; }
  a:link {
    color: inherit; }
  a:visited {
    color: inherit; }
  a:hover {
    color: inherit;
    text-decoration: none; }
  a:active, a a:focus {
    color: inherit; }

h1, h1 > a {
  font-size: 38.4px;
  line-height: 44.8px; }

h2, h2 > a {
  font-size: 35.2px;
  line-height: 41.6px; }

h3 {
  font-size: 25.6px;
  line-height: 32px; }

h4 {
  font-size: 22.4px;
  line-height: 28.8px; }

h5 {
  font-size: 19.2px;
  line-height: 25.6px; }

h6 {
  font-size: 19.2px;
  line-height: 25.6px; }

p {
  font-size: 16px;
  line-height: 19.2px;
  margin-bottom: 20px; }

ul, li, td {
  font-size: 16px;
  line-height: 19.2px; }

ul ol {
  list-style-type: value; }

blockquote {
  border-left: 10px solid #666;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019"; }
  blockquote p {
    display: inline;
    font-size: 16px; }

blockquote:before {
  content: open-quote;
  font-size: 19.2px;
  line-height: 22.4px;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

pre {
  background: #eee;
  padding: 5px;
  border-left: 5px solid #666; }

table {
  margin-bottom: 15px; }

th {
  border-bottom: 2px solid #000;
  padding: 10px 8px; }

td {
  border-bottom: 1px solid #ccc;
  padding: 6px 8px; }
/* style du template */
body {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #666; }
/* header du site avec la navigation */
header {
  padding: 30px 0; }
/* mise en page du contenu du site */
.section {
  overflow: hidden; }
/* mise en page des articles du blog avec la class .blog */
.blog {
  padding: 0 0 30px 0;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

i {
  margin: 0 10px; }

.comment {
  padding: 5px 0; }

.icon-test {
  padding: 0;
  margin: 0;
  text-align: center;
  height: 120px; }
  .icon-test p {
    font-size: 12px;
    margin-top: 12px; }
  .icon-test span {
    font-size: 45px;
    display: block;
    line-height: 1; }
/* mise en page du bloc droit avec la class .widget */
aside {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

.widget {
  padding: 0 0 30px 0; }
  .widget h4 {
    margin-bottom: 20px;
    text-decoration: underline; }
/* mise en page du footer, bas de page */
footer {
  padding: 30px 0; }
/* bloc header */
header .nav {
  position: relative;
  margin: 20px 0; }
  header .nav ul li.navigation {
    display: none; }
  header .nav ul {
    margin: 0;
    padding: 0; }
  header .nav li {
    margin: 0 5px 10px 0;
    padding: 0;
    list-style: none;
    display: inline-block; }
  header .nav a {
    font-size: 19.2px;
    padding: 3px 12px;
    text-decoration: none;
    line-height: 100%; }
/* style de la sidebar*/
aside ol, aside ul {
  list-style: none;
  margin: 0;
  padding: 0; }

aside i {
  margin: 0 10px 0 0; }
/* style des formualires et des boutons */
label {
  display: inline-block;
  width: 100%;
  color: #666; }

input[type='text'], input[type='email'], input[type='tel'], input[type='url'], input[type='file'], select, textarea {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  color: #555;
  font-size: 15px;
  padding: 6px 12px !important;
  width: 60% !important;
  height: 36px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }
  input[type='text']:hover, input[type='email']:hover, input[type='tel']:hover, input[type='url']:hover, input[type='file']:hover, select:hover, textarea:hover {
    border: 1px solid #000; }

textarea {
  height: 150px !important;
  resize: none; }

input.capcha {
  width: 60px; }

input[type='submit'], .bt {
  border: 1px solid #666;
  color: #fff;
  font-size: 18px;
  padding: 11px;
  text-decoration: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #666; }
  input[type='submit']:hover, .bt:hover {
    background: none;
    border: 1px solid #666;
    color: #666;
    cursor: pointer; }

#id_answer {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #eee;
  width: 100%;
  background: #fafafa;
  display: none; }

.capcha-letter, .capcha-word {
  font-weight: bold; }

.capcha-word {
  background-color: #ddd;
  border-radius: 0.3rem;
  letter-spacing: 0.5rem;
  transition-duration: 0.2s; }

.capcha-word:hover {
  background-color: #666;
  color: #fff;
  transition-duration: 0.2s; }
/* style du footer */
footer i {
  margin: 0 10px; }
/* Valeurs par defaut */
/* Début mise en page */
.wrap {
  width: 1160px;
  margin: 0 auto; }

.wrap:after {
  content: "";
  display: table;
  clear: both; }

.clear:before, .clear:after {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

.left {
  float: left; }

.right {
  float: right; }
/* Ajout des options sur tous les blocs */
.bloc-1, .bloc-2, .bloc-3, .bloc-4, .bloc-5, .bloc-6, .bloc-7, .bloc-8, .bloc-9, .bloc-10, .bloc-11, .bloc-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding: 0 10px; }
  .bloc-1 img, .bloc-2 img, .bloc-3 img, .bloc-4 img, .bloc-5 img, .bloc-6 img, .bloc-7 img, .bloc-8 img, .bloc-9 img, .bloc-10 img, .bloc-11 img, .bloc-12 img {
    max-width: 100%;
    height: auto; }
/* Création des blocs */
.bloc-1 {
  width: 8.33333%; }

.bloc-2 {
  width: 16.66667%; }

.bloc-3 {
  width: 25%; }

.bloc-4 {
  width: 33.33333%; }

.bloc-5 {
  width: 41.66667%; }

.bloc-6 {
  width: 50%; }

.bloc-7 {
  width: 58.33333%; }

.bloc-8 {
  width: 66.66667%; }

.bloc-9 {
  width: 75%; }

.bloc-10 {
  width: 83.33333%; }

.bloc-11 {
  width: 91.66667%; }

.bloc-12 {
  width: 100%; }
/* responsive */
@media handheld, only screen and (max-width: 1160px) {
  .wrap {
    width: 100%; } }

@media handheld, only screen and (max-width: 768px) {
  /* images */
  /* navigation */
  /* formulaire */
    .wrap {
      width: 100%;
      min-width: 0;
      margin: 0;
      padding: 0; }
    [class*='bloc-'] {
      width: auto;
      float: none;
      margin: 0;
      padding-top: 10px; }
    img {
      max-width: 100%;
      height: auto; }
    header .nav {
      position: relative;
      min-height: 40px; }
      header .nav ul {
        width: 60%;
        padding: 5px 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        border: solid 1px #aaa;
        background: #fff url(img/icon-menu.png) no-repeat 10px 14px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3); }
      header .nav li {
        display: none;
        /* hide all <li> items */
        margin: 0; }
      header .nav ul li.navigation {
        display: block; }
      header .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left; }
      header .nav .navigation a {
        background: none; }
      header .nav ul:hover {
        background-image: none; }
      header .nav ul:hover li {
        display: block;
        margin: 0 0 5px; }
      header .nav ul:hover .active {
        background: url(img/icon-check.png) no-repeat 10px 10px; }
    input[type='text'], textarea, input.capcha, input[type='submit'] {
      width: 100% !important; } }

header#entete {
  background-attachment: scroll;
  background-image: url('img/ane-entete.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover; }