@charset "UTF-8";
/*
c - container centre et nb elem
g - taille des groupes
l - décalage gauche
r - décalage ç dreoite
s - suffixe margin droite
p - prefixe margin à gauche
alpha - supprimer goutière à gauche 
omega - supprimer goutière à droite
clearfix - repartir à la ligne
row - commence un nouveau contexte
*/
.clearfix:before, .clearfix:after, .c12:before, .c12:after, .c16:before, .c16:after, .row:before, .row:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0; }

.clearfix:after, .c12:after, .c16:after, .row:after {
  clear: both; }

.clearfix, .c12, .c16, .row {
  zoom: 1; }

.c12, .c16 {
  margin-left: auto;
  margin-right: auto; }

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

.l1, .r1, .l2, .r2, .l3, .r3, .l4, .r4, .l5, .r5, .l6, .r6, .l7, .r7, .l8, .r8, .l9, .r9, .l10, .r10, .l11, .r11, .l12, .r12, .l13, .r13, .l14, .r14, .l15, .r15 {
  position: relative; }

.c12 {
  width: 960px; }

.c12 .g1 {
  width: 60px; }

.c12 .p1 {
  padding-left: 80px; }

.c12 .s1 {
  padding-right: 80px; }

.c12 .l1 {
  left: 80px; }

.c12 .r1 {
  left: -80px; }

.c12 .g2 {
  width: 140px; }

.c12 .p2 {
  padding-left: 160px; }

.c12 .s2 {
  padding-right: 160px; }

.c12 .l2 {
  left: 160px; }

.c12 .r2 {
  left: -160px; }

.c12 .g3 {
  width: 220px; }

.c12 .p3 {
  padding-left: 240px; }

.c12 .s3 {
  padding-right: 240px; }

.c12 .l3 {
  left: 240px; }

.c12 .r3 {
  left: -240px; }

.c12 .g4 {
  width: 300px; }

.c12 .p4 {
  padding-left: 320px; }

.c12 .s4 {
  padding-right: 320px; }

.c12 .l4 {
  left: 320px; }

.c12 .r4 {
  left: -320px; }

.c12 .g5 {
  width: 380px; }

.c12 .p5 {
  padding-left: 400px; }

.c12 .s5 {
  padding-right: 400px; }

.c12 .l5 {
  left: 400px; }

.c12 .r5 {
  left: -400px; }

.c12 .g6 {
  width: 460px; }

.c12 .p6 {
  padding-left: 480px; }

.c12 .s6 {
  padding-right: 480px; }

.c12 .l6 {
  left: 480px; }

.c12 .r6 {
  left: -480px; }

.c12 .g7 {
  width: 540px; }

.c12 .p7 {
  padding-left: 560px; }

.c12 .s7 {
  padding-right: 560px; }

.c12 .l7 {
  left: 560px; }

.c12 .r7 {
  left: -560px; }

.c12 .g8 {
  width: 620px; }

.c12 .p8 {
  padding-left: 640px; }

.c12 .s8 {
  padding-right: 640px; }

.c12 .l8 {
  left: 640px; }

.c12 .r8 {
  left: -640px; }

.c12 .g9 {
  width: 700px; }

.c12 .p9 {
  padding-left: 720px; }

.c12 .s9 {
  padding-right: 720px; }

.c12 .l9 {
  left: 720px; }

.c12 .r9 {
  left: -720px; }

.c12 .g10 {
  width: 780px; }

.c12 .p10 {
  padding-left: 800px; }

.c12 .s10 {
  padding-right: 800px; }

.c12 .l10 {
  left: 800px; }

.c12 .r10 {
  left: -800px; }

.c12 .g11 {
  width: 860px; }

.c12 .p11 {
  padding-left: 880px; }

.c12 .s11 {
  padding-right: 880px; }

.c12 .l11 {
  left: 880px; }

.c12 .r11 {
  left: -880px; }

.c12 .g12 {
  width: 940px; }

.c16 {
  width: 960px; }

.c16 .g1 {
  width: 40px; }

.c16 .p1 {
  padding-left: 60px; }

.c16 .s1 {
  padding-right: 60px; }

.c16 .l1 {
  left: 60px; }

.c16 .r1 {
  left: -60px; }

.c16 .g2 {
  width: 100px; }

.c16 .p2 {
  padding-left: 120px; }

.c16 .s2 {
  padding-right: 120px; }

.c16 .l2 {
  left: 120px; }

.c16 .r2 {
  left: -120px; }

.c16 .g3 {
  width: 160px; }

.c16 .p3 {
  padding-left: 180px; }

.c16 .s3 {
  padding-right: 180px; }

.c16 .l3 {
  left: 180px; }

.c16 .r3 {
  left: -180px; }

.c16 .g4 {
  width: 220px; }

.c16 .p4 {
  padding-left: 240px; }

.c16 .s4 {
  padding-right: 240px; }

.c16 .l4 {
  left: 240px; }

.c16 .r4 {
  left: -240px; }

.c16 .g5 {
  width: 280px; }

.c16 .p5 {
  padding-left: 300px; }

.c16 .s5 {
  padding-right: 300px; }

.c16 .l5 {
  left: 300px; }

.c16 .r5 {
  left: -300px; }

.c16 .g6 {
  width: 340px; }

.c16 .p6 {
  padding-left: 360px; }

.c16 .s6 {
  padding-right: 360px; }

.c16 .l6 {
  left: 360px; }

.c16 .r6 {
  left: -360px; }

.c16 .g7 {
  width: 400px; }

.c16 .p7 {
  padding-left: 420px; }

.c16 .s7 {
  padding-right: 420px; }

.c16 .l7 {
  left: 420px; }

.c16 .r7 {
  left: -420px; }

.c16 .g8 {
  width: 460px; }

.c16 .p8 {
  padding-left: 480px; }

.c16 .s8 {
  padding-right: 480px; }

.c16 .l8 {
  left: 480px; }

.c16 .r8 {
  left: -480px; }

.c16 .g9 {
  width: 520px; }

.c16 .p9 {
  padding-left: 540px; }

.c16 .s9 {
  padding-right: 540px; }

.c16 .l9 {
  left: 540px; }

.c16 .r9 {
  left: -540px; }

.c16 .g10 {
  width: 580px; }

.c16 .p10 {
  padding-left: 600px; }

.c16 .s10 {
  padding-right: 600px; }

.c16 .l10 {
  left: 600px; }

.c16 .r10 {
  left: -600px; }

.c16 .g11 {
  width: 640px; }

.c16 .p11 {
  padding-left: 660px; }

.c16 .s11 {
  padding-right: 660px; }

.c16 .l11 {
  left: 660px; }

.c16 .r11 {
  left: -660px; }

.c16 .g12 {
  width: 700px; }

.c16 .p12 {
  padding-left: 720px; }

.c16 .s12 {
  padding-right: 720px; }

.c16 .l12 {
  left: 720px; }

.c16 .r12 {
  left: -720px; }

.c16 .g13 {
  width: 760px; }

.c16 .p13 {
  padding-left: 780px; }

.c16 .s13 {
  padding-right: 780px; }

.c16 .l13 {
  left: 780px; }

.c16 .r13 {
  left: -780px; }

.c16 .g14 {
  width: 820px; }

.c16 .p14 {
  padding-left: 840px; }

.c16 .s14 {
  padding-right: 840px; }

.c16 .l14 {
  left: 840px; }

.c16 .r14 {
  left: -840px; }

.c16 .g15 {
  width: 880px; }

.c16 .p15 {
  padding-left: 900px; }

.c16 .s15 {
  padding-right: 900px; }

.c16 .l15 {
  left: 900px; }

.c16 .r15 {
  left: -900px; }

.c16 .g16 {
  width: 940px; }

@media only screen and (min-width: 1200px) {
  .c12 {
    width: 1200px; }

  .c12 .g1 {
    width: 80px; }

  .c12 .p1 {
    padding-left: 100px; }

  .c12 .s1 {
    padding-right: 100px; }

  .c12 .l1 {
    left: 100px; }

  .c12 .r1 {
    left: -100px; }

  .c12 .g2 {
    width: 180px; }

  .c12 .p2 {
    padding-left: 200px; }

  .c12 .s2 {
    padding-right: 200px; }

  .c12 .l2 {
    left: 200px; }

  .c12 .r2 {
    left: -200px; }

  .c12 .g3 {
    width: 280px; }

  .c12 .p3 {
    padding-left: 300px; }

  .c12 .s3 {
    padding-right: 300px; }

  .c12 .l3 {
    left: 300px; }

  .c12 .r3 {
    left: -300px; }

  .c12 .g4 {
    width: 380px; }

  .c12 .p4 {
    padding-left: 400px; }

  .c12 .s4 {
    padding-right: 400px; }

  .c12 .l4 {
    left: 400px; }

  .c12 .r4 {
    left: -400px; }

  .c12 .g5 {
    width: 480px; }

  .c12 .p5 {
    padding-left: 500px; }

  .c12 .s5 {
    padding-right: 500px; }

  .c12 .l5 {
    left: 500px; }

  .c12 .r5 {
    left: -500px; }

  .c12 .g6 {
    width: 580px; }

  .c12 .p6 {
    padding-left: 600px; }

  .c12 .s6 {
    padding-right: 600px; }

  .c12 .l6 {
    left: 600px; }

  .c12 .r6 {
    left: -600px; }

  .c12 .g7 {
    width: 680px; }

  .c12 .p7 {
    padding-left: 700px; }

  .c12 .s7 {
    padding-right: 700px; }

  .c12 .l7 {
    left: 700px; }

  .c12 .r7 {
    left: -700px; }

  .c12 .g8 {
    width: 780px; }

  .c12 .p8 {
    padding-left: 800px; }

  .c12 .s8 {
    padding-right: 800px; }

  .c12 .l8 {
    left: 800px; }

  .c12 .r8 {
    left: -800px; }

  .c12 .g9 {
    width: 880px; }

  .c12 .p9 {
    padding-left: 900px; }

  .c12 .s9 {
    padding-right: 900px; }

  .c12 .l9 {
    left: 900px; }

  .c12 .r9 {
    left: -900px; }

  .c12 .g10 {
    width: 980px; }

  .c12 .p10 {
    padding-left: 1000px; }

  .c12 .s10 {
    padding-right: 1000px; }

  .c12 .l10 {
    left: 1000px; }

  .c12 .r10 {
    left: -1000px; }

  .c12 .g11 {
    width: 1080px; }

  .c12 .p11 {
    padding-left: 1100px; }

  .c12 .s11 {
    padding-right: 1100px; }

  .c12 .l11 {
    left: 1100px; }

  .c12 .r11 {
    left: -1100px; }

  .c12 .g12 {
    width: 1180px; }

  .c16 {
    width: 1200px; }

  .c16 .g1 {
    width: 55px; }

  .c16 .p1 {
    padding-left: 75px; }

  .c16 .s1 {
    padding-right: 75px; }

  .c16 .l1 {
    left: 75px; }

  .c16 .r1 {
    left: -75px; }

  .c16 .g2 {
    width: 130px; }

  .c16 .p2 {
    padding-left: 150px; }

  .c16 .s2 {
    padding-right: 150px; }

  .c16 .l2 {
    left: 150px; }

  .c16 .r2 {
    left: -150px; }

  .c16 .g3 {
    width: 205px; }

  .c16 .p3 {
    padding-left: 225px; }

  .c16 .s3 {
    padding-right: 225px; }

  .c16 .l3 {
    left: 225px; }

  .c16 .r3 {
    left: -225px; }

  .c16 .g4 {
    width: 280px; }

  .c16 .p4 {
    padding-left: 300px; }

  .c16 .s4 {
    padding-right: 300px; }

  .c16 .l4 {
    left: 300px; }

  .c16 .r4 {
    left: -300px; }

  .c16 .g5 {
    width: 355px; }

  .c16 .p5 {
    padding-left: 375px; }

  .c16 .s5 {
    padding-right: 375px; }

  .c16 .l5 {
    left: 375px; }

  .c16 .r5 {
    left: -375px; }

  .c16 .g6 {
    width: 430px; }

  .c16 .p6 {
    padding-left: 450px; }

  .c16 .s6 {
    padding-right: 450px; }

  .c16 .l6 {
    left: 450px; }

  .c16 .r6 {
    left: -450px; }

  .c16 .g7 {
    width: 505px; }

  .c16 .p7 {
    padding-left: 525px; }

  .c16 .s7 {
    padding-right: 525px; }

  .c16 .l7 {
    left: 525px; }

  .c16 .r7 {
    left: -525px; }

  .c16 .g8 {
    width: 580px; }

  .c16 .p8 {
    padding-left: 600px; }

  .c16 .s8 {
    padding-right: 600px; }

  .c16 .l8 {
    left: 600px; }

  .c16 .r8 {
    left: -600px; }

  .c16 .g9 {
    width: 655px; }

  .c16 .p9 {
    padding-left: 675px; }

  .c16 .s9 {
    padding-right: 675px; }

  .c16 .l9 {
    left: 675px; }

  .c16 .r9 {
    left: -675px; }

  .c16 .g10 {
    width: 730px; }

  .c16 .p10 {
    padding-left: 750px; }

  .c16 .s10 {
    padding-right: 750px; }

  .c16 .l10 {
    left: 750px; }

  .c16 .r10 {
    left: -750px; }

  .c16 .g11 {
    width: 805px; }

  .c16 .p11 {
    padding-left: 825px; }

  .c16 .s11 {
    padding-right: 825px; }

  .c16 .l11 {
    left: 825px; }

  .c16 .r11 {
    left: -825px; }

  .c16 .g12 {
    width: 880px; }

  .c16 .p12 {
    padding-left: 900px; }

  .c16 .s12 {
    padding-right: 900px; }

  .c16 .l12 {
    left: 900px; }

  .c16 .r12 {
    left: -900px; }

  .c16 .g13 {
    width: 955px; }

  .c16 .p13 {
    padding-left: 975px; }

  .c16 .s13 {
    padding-right: 975px; }

  .c16 .l13 {
    left: 975px; }

  .c16 .r13 {
    left: -975px; }

  .c16 .g14 {
    width: 1030px; }

  .c16 .p14 {
    padding-left: 1050px; }

  .c16 .s14 {
    padding-right: 1050px; }

  .c16 .l14 {
    left: 1050px; }

  .c16 .r14 {
    left: -1050px; }

  .c16 .g15 {
    width: 1105px; }

  .c16 .p15 {
    padding-left: 1125px; }

  .c16 .s15 {
    padding-right: 1125px; }

  .c16 .l15 {
    left: 1125px; }

  .c16 .r15 {
    left: -1125px; }

  .c16 .g16 {
    width: 1180px; } }
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .c12 {
    width: 768px; }

  .c12 .g1 {
    width: 44px; }

  .c12 .p1 {
    padding-left: 64px; }

  .c12 .s1 {
    padding-right: 64px; }

  .c12 .l1 {
    left: 64px; }

  .c12 .r1 {
    left: -64px; }

  .c12 .g2 {
    width: 108px; }

  .c12 .p2 {
    padding-left: 128px; }

  .c12 .s2 {
    padding-right: 128px; }

  .c12 .l2 {
    left: 128px; }

  .c12 .r2 {
    left: -128px; }

  .c12 .g3 {
    width: 172px; }

  .c12 .p3 {
    padding-left: 192px; }

  .c12 .s3 {
    padding-right: 192px; }

  .c12 .l3 {
    left: 192px; }

  .c12 .r3 {
    left: -192px; }

  .c12 .g4 {
    width: 236px; }

  .c12 .p4 {
    padding-left: 256px; }

  .c12 .s4 {
    padding-right: 256px; }

  .c12 .l4 {
    left: 256px; }

  .c12 .r4 {
    left: -256px; }

  .c12 .g5 {
    width: 300px; }

  .c12 .p5 {
    padding-left: 320px; }

  .c12 .s5 {
    padding-right: 320px; }

  .c12 .l5 {
    left: 320px; }

  .c12 .r5 {
    left: -320px; }

  .c12 .g6 {
    width: 364px; }

  .c12 .p6 {
    padding-left: 384px; }

  .c12 .s6 {
    padding-right: 384px; }

  .c12 .l6 {
    left: 384px; }

  .c12 .r6 {
    left: -384px; }

  .c12 .g7 {
    width: 428px; }

  .c12 .p7 {
    padding-left: 448px; }

  .c12 .s7 {
    padding-right: 448px; }

  .c12 .l7 {
    left: 448px; }

  .c12 .r7 {
    left: -448px; }

  .c12 .g8 {
    width: 492px; }

  .c12 .p8 {
    padding-left: 512px; }

  .c12 .s8 {
    padding-right: 512px; }

  .c12 .l8 {
    left: 512px; }

  .c12 .r8 {
    left: -512px; }

  .c12 .g9 {
    width: 556px; }

  .c12 .p9 {
    padding-left: 576px; }

  .c12 .s9 {
    padding-right: 576px; }

  .c12 .l9 {
    left: 576px; }

  .c12 .r9 {
    left: -576px; }

  .c12 .g10 {
    width: 620px; }

  .c12 .p10 {
    padding-left: 640px; }

  .c12 .s10 {
    padding-right: 640px; }

  .c12 .l10 {
    left: 640px; }

  .c12 .r10 {
    left: -640px; }

  .c12 .g11 {
    width: 684px; }

  .c12 .p11 {
    padding-left: 704px; }

  .c12 .s11 {
    padding-right: 704px; }

  .c12 .l11 {
    left: 704px; }

  .c12 .r11 {
    left: -704px; }

  .c12 .g12 {
    width: 748px; }

  .c16 {
    width: 768px; }

  .c16 .g1 {
    width: 28px; }

  .c16 .p1 {
    padding-left: 48px; }

  .c16 .s1 {
    padding-right: 48px; }

  .c16 .l1 {
    left: 48px; }

  .c16 .r1 {
    left: -48px; }

  .c16 .g2 {
    width: 76px; }

  .c16 .p2 {
    padding-left: 96px; }

  .c16 .s2 {
    padding-right: 96px; }

  .c16 .l2 {
    left: 96px; }

  .c16 .r2 {
    left: -96px; }

  .c16 .g3 {
    width: 124px; }

  .c16 .p3 {
    padding-left: 144px; }

  .c16 .s3 {
    padding-right: 144px; }

  .c16 .l3 {
    left: 144px; }

  .c16 .r3 {
    left: -144px; }

  .c16 .g4 {
    width: 172px; }

  .c16 .p4 {
    padding-left: 192px; }

  .c16 .s4 {
    padding-right: 192px; }

  .c16 .l4 {
    left: 192px; }

  .c16 .r4 {
    left: -192px; }

  .c16 .g5 {
    width: 220px; }

  .c16 .p5 {
    padding-left: 240px; }

  .c16 .s5 {
    padding-right: 240px; }

  .c16 .l5 {
    left: 240px; }

  .c16 .r5 {
    left: -240px; }

  .c16 .g6 {
    width: 268px; }

  .c16 .p6 {
    padding-left: 288px; }

  .c16 .s6 {
    padding-right: 288px; }

  .c16 .l6 {
    left: 288px; }

  .c16 .r6 {
    left: -288px; }

  .c16 .g7 {
    width: 316px; }

  .c16 .p7 {
    padding-left: 336px; }

  .c16 .s7 {
    padding-right: 336px; }

  .c16 .l7 {
    left: 336px; }

  .c16 .r7 {
    left: -336px; }

  .c16 .g8 {
    width: 364px; }

  .c16 .p8 {
    padding-left: 384px; }

  .c16 .s8 {
    padding-right: 384px; }

  .c16 .l8 {
    left: 384px; }

  .c16 .r8 {
    left: -384px; }

  .c16 .g9 {
    width: 412px; }

  .c16 .p9 {
    padding-left: 432px; }

  .c16 .s9 {
    padding-right: 432px; }

  .c16 .l9 {
    left: 432px; }

  .c16 .r9 {
    left: -432px; }

  .c16 .g10 {
    width: 460px; }

  .c16 .p10 {
    padding-left: 480px; }

  .c16 .s10 {
    padding-right: 480px; }

  .c16 .l10 {
    left: 480px; }

  .c16 .r10 {
    left: -480px; }

  .c16 .g11 {
    width: 508px; }

  .c16 .p11 {
    padding-left: 528px; }

  .c16 .s11 {
    padding-right: 528px; }

  .c16 .l11 {
    left: 528px; }

  .c16 .r11 {
    left: -528px; }

  .c16 .g12 {
    width: 556px; }

  .c16 .p12 {
    padding-left: 576px; }

  .c16 .s12 {
    padding-right: 576px; }

  .c16 .l12 {
    left: 576px; }

  .c16 .r12 {
    left: -576px; }

  .c16 .g13 {
    width: 604px; }

  .c16 .p13 {
    padding-left: 624px; }

  .c16 .s13 {
    padding-right: 624px; }

  .c16 .l13 {
    left: 624px; }

  .c16 .r13 {
    left: -624px; }

  .c16 .g14 {
    width: 652px; }

  .c16 .p14 {
    padding-left: 672px; }

  .c16 .s14 {
    padding-right: 672px; }

  .c16 .l14 {
    left: 672px; }

  .c16 .r14 {
    left: -672px; }

  .c16 .g15 {
    width: 700px; }

  .c16 .p15 {
    padding-left: 720px; }

  .c16 .s15 {
    padding-right: 720px; }

  .c16 .l15 {
    left: 720px; }

  .c16 .r15 {
    left: -720px; }

  .c16 .g16 {
    width: 748px; } }
@media only screen and (max-width: 767px) {
  .c12 .p1, .c12 .p2, .c12 .p3, .c12 .p4, .c12 .p5, .c12 .p6, .c12 .p7, .c12 .p8, .c12 .p9, .c12 .p10, .c12 .p11, .c16 .p1, .c16 .p2, .c16 .p3, .c16 .p4, .c16 .p5, .c16 .p6, .c16 .p7, .c16 .p8, .c16 .p9, .c16 .p10, .c16 .p11, .c16 .p12, .c16 .p13, .c16 .p14, .c16 .p15 {
    padding-left: 0; }

  .c12 .s1, .c12 .s2, .c12 .s3, .c12 .s4, .c12 .s5, .c12 .s6, .c12 .s7, .c12 .s8, .c12 .s9, .c12 .s10, .c12 .s11, .c16 .s1, .c16 .s2, .c16 .s3, .c16 .s4, .c16 .s5, .c16 .s6, .c16 .s7, .c16 .s8, .c16 .s9, .c16 .s10, .c16 .s11, .c16 .s12, .c16 .s13, .c16 .s14, .c16 .s15 {
    padding-right: 0; }

  .c12 .l1, .c12 .l2, .c12 .l3, .c12 .l4, .c12 .l5, .c12 .l6, .c12 .l7, .c12 .l8, .c12 .l9, .c12 .l10, .c12 .l11, .c16 .l1, .c16 .l2, .c16 .l3, .c16 .l4, .c16 .l5, .c16 .l6, .c16 .l7, .c16 .l8, .c16 .l9, .c16 .l10, .c16 .l11, .c16 .l12, .c16 .l13, .c16 .l14, .c16 .l15 {
    left: 0; }

  .c12 .r1, .c12 .r2, .c12 .r3, .c12 .r4, .c12 .r5, .c12 .r6, .c12 .r7, .c12 .r8, .c12 .r9, .c12 .r10, .c12 .r11, .c16 .r1, .c16 .r2, .c16 .r3, .c16 .r4, .c16 .r5, .c16 .r6, .c16 .r7, .c16 .r8, .c16 .r9, .c16 .r10, .c16 .r11, .c16 .r12, .c16 .r13, .c16 .r14, .c16 .r15 {
    left: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .c12, .c16 {
    width: 420px; }

  .c12 .g1, .c12 .g2, .c12 .g3, .c12 .g4, .c12 .g5, .c12 .g6, .c12 .g7, .c12 .g8, .c12 .g9, .c12 .g10, .c12 .g11, .c12 .g12, .c16 .g1, .c16 .g2, .c16 .g3, .c16 .g4, .c16 .g5, .c16 .g6, .c16 .g7, .c16 .g8, .c16 .g9, .c16 .g10, .c16 .g11, .c16 .g12, .c16 .g13, .c16 .g14, .c16 .g15, .c16 .g16 {
    margin-left: 0;
    margin-right: 0;
    width: 420px; } }
@media only screen and (max-width: 479px) {
  .c12, .c16 {
    width: 300px; }

  .c12 .g1, .c12 .g2, .c12 .g3, .c12 .g4, .c12 .g5, .c12 .g6, .c12 .g7, .c12 .g8, .c12 .g9, .c12 .g10, .c12 .g11, .c12 .g12, .c16 .g1, .c16 .g2, .c16 .g3, .c16 .g4, .c16 .g5, .c16 .g6, .c16 .g7, .c16 .g8, .c16 .g9, .c16 .g10, .c16 .g11, .c16 .g12, .c16 .g13, .c16 .g14, .c16 .g15, .c16 .g16 {
    margin-left: 0;
    margin-right: 0;
    width: 300px; } }
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

.add-bottom {
  margin-bottom: 20px; }

.half-bottom {
  margin-bottom: 10px; }

.tiny-bottom {
  margin-bottom: 5px; }

.big-bottom {
  margin-bottom: 35px; }

figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  color: #000;
  padding: 4px 8px; }

figure.illustration {
  position: relative; }

.bloc-une figcaption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: auto;
  background-color: #FFF;
  color: #000;
  padding: 4px 8px; }

.firstPage .lame-container {
  padding-top: 320px;
  overflow-y: visible; }

.lame-container {
  padding-top: 200px;
  overflow-y: visible; }

.chiffres-cles {
  font-size: 1.1em; }

.chiffres-cles .chiffre {
  border-left: 1px solid #aaa;
  padding-left: 1.2em; }

.chiffres-cles .chiffre strong.avant {
  font-weight: 400;
  color: #16529c;
  font-size: 19px; }

#bigFader {
  width: 100%;
  height: 380px;
  position: absolute;
  z-index: -150;
  top: 0;
  left: 0; }

.firstPage #bigFader {
  height: 500px; }

#bigFader .divimg {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background-position: center bottom;
  background-repeat: no-repeat; }

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

.follow {
  background: none repeat scroll 0% 0% #EEF0F3;
  padding: 6px 14px;
  font-size: 12px;
  margin-bottom: 14px; }

.follow p {
  float: left;
  margin: 0;
  line-height: 19px; }

.follow ul {
  float: left;
  vertical-align: middle;
  margin: 0;
  padding: 0; }

.follow ul li {
  list-style-type: none;
  float: left;
  margin-left: 8px;
  margin-bottom: -2px; }

#menutop {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  border: 3px solid #eef0f3;
  border-bottom: none;
  font-size: 14px;
  text-align: center;
  display: table;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  #menutop li {
    display: table-cell;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 3px solid #eef0f3; }
    #menutop li:hover {
      border-bottom-color: #5798e7; }
    #menutop li.selected {
      border-bottom-color: #16529c !important; }
    #menutop li a, #menutop li a:link, #menutop li a:visited, #menutop li a:hover, #menutop li a:active, #menutop li a:focus {
      display: block;
      color: #16529c;
      text-transform: uppercase;
      text-decoration: none;
      border-left: 1px solid #CAD4E0;
      margin: 5px 0; }
  #menutop li.first a {
    border-left: none; }

.ariane {
  padding: 0 15px;
  margin-bottom: 5px;
  font-size: 0.9em; }
  .ariane a, .ariane a:link, .ariane a:visited {
    color: #0B6EAB;
    text-decoration: underline; }
  .ariane a:hover, .ariane a:active, .ariane a:focus {
    color: #f00; }
  .ariane a.current {
    text-decoration: none;
    font-weight: 700; }

.rightblock {
  margin: 0 0 16px; }
  .rightblock.with-padding {
    padding: 20px 15px; }
  .rightblock h1 {
    color: #16529c;
    margin: 0px;
    padding: 0px;
    font-size: 19px;
    font-weight: bold; }

/* ================================================= BLOC tiroir de liens / répétition du menu */
.tiroir {
  background-color: white;
  margin-top: 16px;
  margin-bottom: 16px; }
  .tiroir h1 {
    font-size: 19px;
    color: #16529c;
    padding-top: 10px;
    margin: 10px 5px 25px 10px; }
  .tiroir ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .tiroir li {
    margin: 0;
    padding: 0;
    list-style: none; }
    .tiroir li ul {
      display: none; }
      .tiroir li ul.menuOpen {
        display: block; }
    .tiroir li a {
      display: block;
      margin: 0;
      padding: 5px 5px 5px 15px;
      text-decoration: none;
      color: #000;
      border-bottom: 1px solid #E6E6E6; }
      .tiroir li a.selected {
        border-right: 4px solid #16529c !important;
        padding-right: 1px;
        color: #16529c !important;
        font-weight: 700; }
      .tiroir li a:hover {
        border-right: 4px solid #5798e7;
        padding-right: 1px;
        color: #5798e7; }
    .tiroir li li a {
      padding-left: 35px; }

/* ================================================= BLOC PARTENAIRES */
.slideParts {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 120px; }

.slidePartsPartners {
  border: 1px solid #D7DEE7;
  padding: 10px 15px 15px 14px;
  background-color: #F0F2F5;
  height: 112px; }

.slidePartsPartners h1 {
  font-size: 16px; }

.slideMePartners {
  display: none;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.slidePartsPartners .slideMe img {
  max-width: 100%;
  max-height: 68px;
  height: 68px; }

.slideMe {
  display: none;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.slideMe img {
  max-width: 100%; }

/* ================================================= BLOC NEWSLETTER */
.blocNewsletter {
  background: #b1aa01 url(/layout/main.png) right top no-repeat;
  min-height: 90px;
  padding: 14px;
  text-decoration: none;
  display: block;
  color: white !important; }
  .blocNewsletter:hover {
    background-color: #beb908; }
  .blocNewsletter .linkbox {
    background-color: #fff !important;
    color: #000 !important; }
  .blocNewsletter .lettre1 {
    font-size: 18px;
    line-height: normal;
    display: block; }
  .blocNewsletter .lettre2 {
    font-size: 19px;
    line-height: normal;
    font-weight: 700;
    display: block;
    margin-bottom: 8px; }

/* ================================================= BLOC ACCOMPAGNES */
.blocAccompagnes {
  background: #766DAC url(/layout/main2.png) right bottom no-repeat;
  min-height: 110px;
  padding: 14px;
  text-decoration: none;
  display: block;
  color: white !important;
  position: relative; }
  .blocAccompagnes .lettre1 {
    font-size: 18px;
    line-height: normal;
    display: block; }
  .blocAccompagnes .lettre2 {
    font-size: 19px;
    line-height: normal;
    font-weight: 700;
    display: block;
    margin-bottom: 8px; }
  .blocAccompagnes .linkbox {
    background-color: #fff !important;
    color: #000 !important; }
  .blocAccompagnes .logo_pf {
    border: 0;
    height: 31px;
    width: 99px;
    position: absolute;
    right: 2px;
    top: 65px; }

/* ================================================= BLOC PARRAIN */
.blocParrain {
  background: #e12534 url(/layout/parrains.png) right bottom no-repeat;
  min-height: 110px;
  padding: 14px;
  text-decoration: none;
  display: block;
  color: white !important;
  position: relative; }
  .blocParrain .lettre1 {
    font-size: 18px;
    line-height: normal;
    display: block; }
  .blocParrain .lettre2 {
    font-size: 19px;
    line-height: normal;
    font-weight: 700;
    display: block;
    margin-bottom: 8px; }
  .blocParrain .linkbox {
    background-color: #fff !important;
    color: #000 !important; }

.article {
  background: url(/layout/fond_article.jpg) top left repeat-x;
  min-height: 400px; }

.firstPage .article {
  background: none !important; }

.article header {
  padding-bottom: 0.6em;
  margin-left: 1em;
  border-bottom: 1px solid #E6E6E6; }

.article header h1 {
  color: #16529c;
  font-size: 24px;
  margin: 0; }

.article header .accroche {
  font-weight: bold;
  color: black; }

.article .content {
  padding-left: 1em;
  text-align: justify; }

/* ================================================= BLOC UNE */
.bloc-une {
  background: none repeat scroll 0% 0% #EEF0F3;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  height: auto;
  padding: 0;
  overflow: auto; }
  .bloc-une figcaption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: auto;
    background-color: #FFF;
    color: #000;
    padding: 4px 8px; }
  .bloc-une .left-une {
    float: left;
    margin-right: 20px;
    position: relative; }
    .bloc-une .left-une img {
      display: block; }
  .bloc-une .right-une {
    position: relative;
    padding: 10px 10px 10px 0; }

/* ================================================= EXCERPT */
.excerpt h1 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 0.5em;
  color: #0b6eab; }

.excerpt h1 a, .excerpt h1 a:link, .excerpt h1 a:visited, .excerpt h1 a:hover, .excerpt h1 a:active, .excerpt h1 h1 a:focus {
  color: #0b6eab;
  text-decoration: none; }

.excerpt h3 {
  font-size: 25px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 0.5em;
  color: #0b6eab; }

.excerpt .datearticle {
  float: right; }

.excerpt .resumearticle {
  margin: 0;
  margin-bottom: 0.3em;
  padding: 0; }

.liste-articles .excerpt {
  margin-top: 8px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E6E6E6; }

.liste-articles .excerpt h1 {
  margin-bottom: 3px; }

/* ================================================= LINKBOX */
.linkbox, a.linkbox, a.linkbox:visited, a.linkbox:link {
  text-decoration: none;
  background-color: #0b6eab;
  color: #fff;
  padding: 3px 8px;
  display: inline-block; }

.linkbox:hover, a.linkbox:hover, a.linkbox:active, a.linkbox:focus {
  background-color: #eb62b6;
  color: #fff; }

/* ================================================= AGENDA */
ul.agenda {
  list-style-type: none;
  padding-left: 0; }

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

.agenda li.odd {
  background: none repeat scroll 0% 0% #EEF0F3; }

.agenda li {
  padding: 10px 14px; }

.agenda li p.date {
  width: 180px;
  margin-right: 25px; }

.agenda li p {
  float: left;
  width: 400px; }

.agenda li p.date {
  width: 180px;
  margin-right: 25px; }

.agenda li p {
  float: left;
  width: 400px;
  margin: 0; }

.agenda a {
  text-decoration: none;
  color: #565656; }

.agenda a:hover {
  text-decoration: underline; }

/* ================================================= TELECHARGEMENTS */
.listPJ {
  background: #F3F4F7 url(/layout/icon-dl.png) 15px 10px no-repeat;
  padding: 10px;
  padding-left: 95px;
  min-height: 60px; }
  .listPJ h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #16529c; }
  .listPJ ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .listPJ li {
    margin: 0;
    margin-top: 0.5em;
    padding: 0;
    list-style: none; }
  .listPJ a, .listPJ a:link, .listPJ a:visited {
    color: #000;
    text-decoration: underline; }
  .listPJ a:hover, .listPJ a:active, .listPJ a:focus {
    color: red; }

.respForm {
  width: 100%;
  empty-cells: show;
  border-spacing: 0; }

.respForm th, .respForm td {
  vertical-align: top; }

.respForm .titreChamp {
  width: 210px;
  /*text-align: right;*/ }

fieldset {
  border: 1px solid black;
  margin: 0;
  margin-bottom: 12px;
  padding: 3px 8px; }

fieldset legend {
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px; }

.respForm input[type="text"].pourcent, .tableur-like input[type="text"].pourcent {
  background-image: url(/layout/pourcent.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px; }

.respForm input[type="text"], .respForm input[type="password"], .respForm textarea {
  width: 100%;
  padding: 3px 5px;
  border: 1px solid #888;
  font-size: 1rem;
  line-height: 18px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #efefef;
  margin: 2px 0;
  font-family: inherit; }

.respForm select {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.respForm textarea {
  resize: vertical; }

.respForm input[type="text"]:focus, .respForm input[type="password"]:focus, .respForm textarea:focus {
  background-color: white;
  outline: none;
  border-color: #09f; }

.respForm input[type="text"][size], .respForm input[type="password"][size], .respForm textarea[cols] {
  width: auto; }

.respForm input[type="text"][disabled], .respForm input[type="password"][disabled], .respForm textarea[disabled] {
  border-color: #888;
  color: #333; }

.respForm input[type="text"].withcal, .tableur-like input[type="text"].withcal, .respForm input[type="text"].withcalmonth, .tableur-like input[type="text"].withcalmonth {
  background-image: url(/layout/calicon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px; }

@media only screen and (max-width: 767px) {
  .respForm, .respForm thead, .respForm tfoot, .respForm tbody, .respForm tr, .respForm th, .respForm td {
    display: block; }

  .respForm .titreChamp {
    width: auto; }

  .respForm tr {
    margin-bottom: 5px; } }
.respFormSpacer {
  padding-bottom: 5px; }

.respForm input[type="text"].pourcent, .tableur-like input[type="text"].pourcent {
  background-image: url(/layout/pourcent.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px; }

/* ============= Dépendant de la monnaie(currency) ============ */
/* ============= EUR ============ */
.respForm input[type="text"].currency_mois_EUR {
  background-image: url(/layout/currency_mois_EUR.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px; }

.respForm input[type="text"].currency_EUR, .tableur-like input[type="text"].currency_EUR {
  background-image: url(/layout/currency_EUR.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px; }

/* ============= XPF ============ */
.respForm input[type="text"].currency_mois_XPF {
  background-image: url(/layout/currency_mois_XPF.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px; }

.respForm input[type="text"].currency_XPF, .tableur-like input[type="text"].currency_XPF {
  background-image: url(/layout/currency_XPF.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px; }

/* ============================== */
.respForm input[type="text"].sqm {
  background-image: url(/layout/sq-m.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 30px; }

.respForm input[type="text"].withcal, .tableur-like input[type="text"].withcal, .respForm input[type="text"].withcalmonth, .tableur-like input[type="text"].withcalmonth {
  background-image: url(/layout/calicon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px; }

/* ============================== */
.confirmation {
  display: block;
  color: #0f0;
  font-weight: bold; }

.erreur {
  display: block;
  color: red;
  font-weight: bold; }

.warning {
  display: block;
  color: #f60;
  font-weight: bold; }

#footer {
  clear: both;
  margin: 0;
  padding-bottom: 7px;
  background: #16529c url(/layout/barre.png) left bottom no-repeat;
  color: #fff; }
  #footer a, #footer a:visited, #footer a:link {
    color: #fff;
    text-decoration: none; }
  #footer a:hover, #footer a:active, #footer a:focus {
    color: #fff;
    text-decoration: underline; }

.panneauNoir {
  width: 400px;
  position: absolute;
  left: 50%;
  margin-left: -230px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
  top: 60px;
  padding: 30px;
  cursor: pointer;
  color: #0f0;
  font-weight: bold;
  font-size: 14px; }

.panneauNoir a, .panneauNoir a:visited, .panneauNoir a:link, .panneauNoir a:hover, .panneauNoir a:active, .panneauNoir a:focus {
  color: #0ef;
  text-decoration: underline; }

.laureat {
  display: inline-block;
  border: 1px solid #D7DEE7;
  width: 180px;
  padding: 8px;
  position: relative;
  margin: 7px;
  height: 230px;
  background-color: #EEF0F3;
  overflow: hidden;
  font-size: 13px;
  /* cursor: pointer; */ }
  .laureat .titreLaureat {
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 15px;
    margin-bottom: 4px; }
  .laureat .linkDetailLaureat {
    position: absolute;
    bottom: 0;
    right: 0; }
  .laureat .logo_laureat {
    margin-bottom: 8px;
    text-align: center;
    height: 90px;
    line-height: 90px; }
    .laureat .logo_laureat img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle; }

html {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  font-family: Tahoma, Geneva, sans-serif; }

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-size: 0.9rem;
  color: #565656; }

.master {
  background-color: white;
  border-left: 1px solid #e1e5eb;
  border-right: 1px solid #e1e5eb; }

/*# sourceMappingURL=screen.css.map */