html,body {margin:0; padding:0; -webkit-font-smoothing: antialiased !important;-webkit-user-select: none; user-select: none;}
body {font-family: 'open_sansregular',Arial; font-size:15px; color:#333; background:#f9f9f9;}
.story {margin:auto; width:1200px; position:relative;}
.storymax {margin:auto; width:1240px; font-size:0;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center {text-align:center;}

#home {width:100%; height:160px; z-index:99; background:#fff;}
#logo {display:inline-block; vertical-align:top; margin-top:5px;}
#va {position:absolute; top:0; margin-left:50%; left:-135px;}
#circ {z-index:99; position:absolute; color:#ffffff; right:10px; top:10px; background:#f7a711; width:150px; height:150px; padding:15px; border-radius:90px; text-align:center; box-shadow: 0px 0px 10px #f5ae05;}
#circt {display:inline-block; vertical-align:middle;font-size:15px; font-weight:bold;}
#compte_a_rebours {display:inline-block; margin-top:5px;font-size:28px; line-height:32px; font-family: 'selphia';}
.itop {display:inline-block; vertical-align:middle; margin:30px 0 0 10px; font-size:12px; color:#c41026; text-align:center; font-weight:bold;}
#filtre {width:100%; background:#6d3a52; padding:5px 0;}
.fixfiltre {position:fixed; top:0; z-index:99;}
.select {font-family: 'open_sansregular',Arial; color:#333; border:0; background:#fff; font-size:15px; padding:3px; border-radius:2px; margin:5px 5px 5px 0;}
#intro, #msg {display:block; padding:10px; background:#fff; border-radius:2px; margin-bottom:10px;}
#info {display:block; padding:10px; background:#f5ae05; border-radius:2px; color:#fff; font-weight:bold;}
#lireplus {display:inline-block; background:#6d3a52; border-radius:2px; color:#fff; padding:5px 10px; margin-bottom:10px; cursor:pointer;}
#lireplusdetail {display:none;}
#close {cursor:pointer;}
#bas {width:100%; background:#6d3a52; color:#fff; padding:10px 0; overflow:hidden; font-size:0;}
.tiers {width:33.33%; font-size:13px; display:inline-block; vertical-align:top;}
#bas .left {margin-right:10px;}
#absbas {padding:5px 0; font-size:12px; background:#333;text-align:center;color:#fff;}

#main {padding:20px 0; z-index:50;}
.fixmain {margin-top:46px;}
.ariane, .ariane2 {display:block; font-size:36px; line-height:50px; margin:20px; font-family:'selphia'; color:#f7a711; background: url('/ima/sep.png') bottom repeat-x; border-radius:2px;}
.ariane2 {margin:20px 0;}
.mtitre {font-size:20px;}
.trouge {color:#e82702 !important;}
.tvert {color:#00b002 !important;}
.tbleu {color:#6d3a52;}
.case {display:inline-block; width:270px; margin:20px; vertical-align:top; text-align:left;font-size:13px;}
.gtitre {font-size:30px; font-family:'Selphia'; color:#6d3a52; height:60px; line-height:30px; display:table-cell; vertical-align:middle;}
.nbplaces {position:absolute; background:#ffffff; width:50px; height:44px; padding-top:6px; border-radius:28px; margin-left:230px; margin-top:100px; color:#6d3a52; text-align:center; font-size:20px; font-weight:bold; border:3px solid #6d3a52; line-height:18px;}
.trousseau {position:absolute; width:50px; height:50px; border-radius:25px; margin-left:233px; margin-top:160px;}
.case .ima {margin:10px 0; border-radius:2px;}
.case .area {margin-bottom:10px; font-size:15px; cursor:pointer;}
.resa0, .resa, .resa2, .resa3, .resa4 {cursor:pointer; transition:0.3s; -webkit-appearance:none; display:block; width:100%; border:0; font-size:16px; font-weight:bold; padding:5px 0; color:#fff; border-radius:2px; font-family: 'open_sansregular',Arial;}
.resa0 {background:#aaa; text-align:center; cursor:default;}
.resa, .vert {background:#00b002 !important;}
.resa:hover {background:#10d413;}
.resa2 {background:#b4e000;}
.resa2:hover {background:#98d14d;}
.resa3 {background:#ff6600;}
.resa3:hover {background:#ff8e43;}
.resa4, .rouge {background:#ff0006 !important;}
.attente {display:inline-block; font-size:16px; font-weight:bold; background:#ff6600; padding:5px; color:#ffffff; border-radius:4px; font-family: 'open_sansregular',Arial;}

.case_w {display:block; width:100%; font-size:15px; text-align:left; border-radius:2px;}
.sej_img {float:left; margin-right:20px;}
.sej_img img {border-radius:2px;}
.sej_area {padding:10px 0;}

.bigtext, .bigtext1 {-webkit-appearance: none; font-family: 'open_sansregular',Arial; color:#145278; border:1px solid #aaa; background:#fff; font-size:15px; width:350px; margin:5px 0 10px 0; padding:4px; border-radius:2px; transition: 0.3s; text-transform: uppercase;}
.bigcheck {font-family: 'open_sansregular',Arial; color:#145278; border:1px solid #aaa; background:#ffffff; font-size:15px; margin:5px 0 10px 0; padding:3px; border-radius:2px; transition: 0.3s;}
.bigtext:hover, .bigcheck:hover {box-shadow:0px 0px 2px 2px #145278; border:1px solid #145278;}
.r {box-shadow:0px 0px 2px 2px #e40006;border:1px solid #e40006;}
.envoyer {-webkit-appearance: none; border:0; background:#00b002; color:#fff; font-family: 'open_sansregular',Arial; padding:5px; font-size:20px; cursor:pointer; transition: 0.3s; border-radius:2px; font-weight:bold;}
.envoyer:hover{background:#10d413;}
.erreur {display:inline-block; border:0; background:#e40006; color:#ffffff; padding:4px 10px; margin:10px 0; font-size:15px; border-radius:2px;}
.message {display:inline-block; border:0; background:#08b447; color:#ffffff; padding:4px; margin:10px 0 10px 0; font-size:15px; border-radius:2px;}

a {outline: none; display:inline-block;}
a:link {color: #ffffff; text-decoration: none; border:0:}
a:visited {color: #ffffff; text-decoration: none; border:0;}
a:hover {color: #ffffff; text-decoration: none; border:0;}

@font-face {
    font-family: 'selphia';
    src: url('/fonts/selphia-webfont.eot');
    src: url('/fonts/selphia-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/selphia-webfont.woff2') format('woff2'),
         url('/fonts/selphia-webfont.woff') format('woff'),
         url('/fonts/selphia-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/opensans-regular-webfont.eot');
    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width: 767px)
  {
  .story, .qf {margin:auto; width: calc(100% - 20px); padding:0 10px;}
  .storymax {width:100%; text-align:center;}
  #va {display:none;}
  #filtre {margin-top:40px;}
  .left {float:none;}
  .qf {font-size:13px;}
  .case {margin:10px;}
  .ariane {margin:20px 10px; font-size:30px;}
  .ariane2 {font-size:30px;}
  img {max-width:300px;}
  .sej_img, .sej_area {float:none; margin:0;}
  .area { font-size:13px;}
  .envoyer {font-size:17px;}
  .bigtext {width:250px;}
  td {width:100%; display:block;}
  .gtitre {font-size:24px;}
  .tiers {width:100%; margin-bottom:10px; text-align:center;}
  #bas {background-image:none; background-color:#6d3a52; padding:10px 0;}
  .itop {margin:0;}
  .itop img {height:40px; display:block;}
  }
@media screen and (min-width: 768px) and (max-width: 1260px)
  {
  .story {margin:auto; width: calc(100% - 20px); padding:0 10px;}
  .storymax {width:100%;}
  .case {margin:10px; width:255px; font-size:12px;}
  .case .ima {width:255px;}
  .nbplaces {margin-top:80px;margin-left:220px;}
  .trousseau {margin-top:135px;margin-left:220px;}
  .bigtext {width:250px;}
  .ariane {margin:20px 10px;}
  .area {font-size:13px !important;}
  .gtitre {font-size:24px;}
  }