body.produit .configuration form#configurateur .line-select:before, body.produit .configuration form#configurateur:before, .container-categorie:before, .container-page:before, .container-produit:before, #arianne:before, .module-texteimage .css_mce:before, .module-formulairecontact .container:before, .module-temoignage .temoignage:before, .module-petitemosaique .mosaique:before, .module-petitemosaique:before, .cont-actualites:before, .cont-presses:before, #footer:before, body.produit .configuration form#configurateur .line-select:after, body.produit .configuration form#configurateur:after, .container-categorie:after, .container-page:after, .container-produit:after, #arianne:after, .module-texteimage .css_mce:after, .module-formulairecontact .container:after, .module-temoignage .temoignage:after, .module-petitemosaique .mosaique:after, .module-petitemosaique:after, .cont-actualites:after, .cont-presses:after, #footer:after {
  content: "";
  display: table;
}
body.produit .configuration form#configurateur .line-select:after, body.produit .configuration form#configurateur:after, .container-categorie:after, .container-page:after, .container-produit:after, #arianne:after, .module-texteimage .css_mce:after, .module-formulairecontact .container:after, .module-temoignage .temoignage:after, .module-petitemosaique .mosaique:after, .module-petitemosaique:after, .cont-actualites:after, .cont-presses:after, #footer:after {
  clear: both;
}

.file {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url("../img/files.png") -600px 0px no-repeat;
}
.file.aac {
  background-position: 0px 0px;
}
.file.ace {
  background-position: -44px 0px;
}
.file.ai {
  background-position: -90px 0px;
}
.file.arj {
  background-position: -136px 0px;
}
.file.avi {
  background-position: -182px 0px;
}
.file.bin {
  background-position: -232px 0px;
}
.file.bmp {
  background-position: -278px 0px;
}
.file.cab {
  background-position: -324px 0px;
}
.file.cue {
  background-position: -370px 0px;
}
.file.divx {
  background-position: -424px 0px;
}
.file.doc {
  background-position: -464px 0px;
}
.file.docx {
  background-position: -508px 0px;
}
.file.eps {
  background-position: -554px 0px;
}
.file.f {
  background-position: -600px 0px;
}
.file.flac {
  background-position: -646px 0px;
}
.file.flv {
  background-position: -694px 0px;
}
.file.gif {
  background-position: -740px 0px;
}
.file.gzip {
  background-position: -788px 0px;
}
.file.html {
  background-position: -834px 0px;
}
.file.ical {
  background-position: -880px 0px;
}
.file.indd {
  background-position: -926px 0px;
}
.file.inx {
  background-position: -972px 0px;
}
.file.iso {
  background-position: -1018px 0px;
}
.file.jpg {
  background-position: -1064px 0px;
}
.file.mov {
  background-position: -1110px 0px;
}
.file.mp3 {
  background-position: -1158px 0px;
}
.file.mpg {
  background-position: -1206px 0px;
}
.file.ods {
  background-position: -1250px 0px;
}
.file.pdf {
  background-position: -1298px 0px;
}
.file.php {
  background-position: -1346px 0px;
}
.file.png {
  background-position: -1390px 0px;
}
.file.pps {
  background-position: -1436px 0px;
}
.file.ppt {
  background-position: -1482px 0px;
}
.file.psd {
  background-position: -1530px 0px;
}
.file.qxd {
  background-position: -1572px 0px;
}
.file.qxp {
  background-position: -1630px 0px;
}
.file.rar {
  background-position: -1672px 0px;
}
.file.raw {
  background-position: -1714px 0px;
}
.file.rtf {
  background-position: -1760px 0px;
}
.file.svg {
  background-position: -1808px 0px;
}
.file.tar {
  background-position: -1854px 0px;
}
.file.tif {
  background-position: -1898px 0px;
}
.file.txt {
  background-position: -1946px 0px;
}
.file.vcf {
  background-position: -1994px 0px;
}
.file.wav {
  background-position: -2038px 0px;
}
.file.wma {
  background-position: -2085px 0px;
}
.file.xls {
  background-position: -2132px 0px;
}
.file.xlsx {
  background-position: -2177px 0px;
}
.file.xml {
  background-position: -2225px 0px;
}
.file.zip {
  background-position: -2273px 0px;
}

.flag {
  display: inline-block;
  background: url("../img/flags.png") no-repeat top left;
  width: 22px;
  height: 15px;
  vertical-align: middle;
}
.flag.ad {
  background-position: 0px -27px;
}
.flag.ae {
  background-position: 0px -62px;
}
.flag.af {
  background-position: 0px -93px;
}
.flag.ag {
  background-position: 0px -124px;
}
.flag.ai {
  background-position: 0px -154px;
}
.flag.al {
  background-position: 0px -185px;
}
.flag.am {
  background-position: 0px -216px;
}
.flag.an {
  background-position: 0px -247px;
}
.flag.ao {
  background-position: 0px -277px;
}
.flag.aq {
  background-position: 0px -308px;
}
.flag.ar {
  background-position: 0px -339px;
}
.flag.as {
  background-position: 0px -370px;
}
.flag.at {
  background-position: 0px -401px;
}
.flag.au {
  background-position: 0px -431px;
}
.flag.aw {
  background-position: 0px -462px;
}
.flag.ax {
  background-position: 0px -493px;
}
.flag.az {
  background-position: 0px -524px;
}
.flag.ba {
  background-position: 0px -555px;
}
.flag.bb {
  background-position: 0px -586px;
}
.flag.bd {
  background-position: 0px -616px;
}
.flag.be {
  background-position: 0px -647px;
}
.flag.bf {
  background-position: 0px -678px;
}
.flag.bg {
  background-position: 0px -709px;
}
.flag.bh {
  background-position: 0px -739px;
}
.flag.bi {
  background-position: 0px -770px;
}
.flag.bj {
  background-position: 0px -801px;
}
.flag.bl {
  background-position: 0px -832px;
}
.flag.bm {
  background-position: 0px -863px;
}
.flag.bn {
  background-position: 0px -894px;
}
.flag.bo {
  background-position: 0px -924px;
}
.flag.br {
  background-position: 0px -955px;
}
.flag.bs {
  background-position: 0px -986px;
}
.flag.bt {
  background-position: 0px -1017px;
}
.flag.bw {
  background-position: 0px -1047px;
}
.flag.by {
  background-position: 0px -1078px;
}
.flag.bz {
  background-position: 0px -1109px;
}
.flag.ca {
  background-position: 0px -1140px;
}
.flag.cc {
  background-position: 0px -1171px;
}
.flag.cd {
  background-position: 0px -1201px;
}
.flag.cf {
  background-position: 0px -1232px;
}
.flag.cg {
  background-position: 0px -1263px;
}
.flag.ch {
  background-position: 0px -1294px;
}
.flag.ci {
  background-position: 0px -1325px;
}
.flag.ck {
  background-position: 0px -1355px;
}
.flag.cl {
  background-position: 0px -1386px;
}
.flag.cm {
  background-position: 0px -1417px;
}
.flag.cn {
  background-position: 0px -1448px;
}
.flag.co {
  background-position: 0px -1479px;
}
.flag.cr {
  background-position: 0px -1510px;
}
.flag.cu {
  background-position: 0px -1540px;
}
.flag.cv {
  background-position: 0px -1571px;
}
.flag.cw {
  background-position: 0px -1602px;
}
.flag.cx {
  background-position: 0px -1633px;
}
.flag.cy {
  background-position: 0px -1664px;
}
.flag.cz {
  background-position: 0px -1694px;
}
.flag.de {
  background-position: 0px -1725px;
}
.flag.dj {
  background-position: 0px -1756px;
}
.flag.dk {
  background-position: 0px -1787px;
}
.flag.dm {
  background-position: 0px -1817px;
}
.flag.do {
  background-position: 0px -1848px;
}
.flag.dz {
  background-position: 0px -1879px;
}
.flag.ec {
  background-position: 0px -1910px;
}
.flag.ee {
  background-position: 0px -1941px;
}
.flag.eg {
  background-position: 0px -1971px;
}
.flag.eh {
  background-position: 0px -2002px;
}
.flag.er {
  background-position: 0px -2033px;
}
.flag.es {
  background-position: 0px -2064px;
}
.flag.et {
  background-position: 0px -2095px;
}
.flag.eu {
  background-position: 0px -2125px;
}
.flag.fi {
  background-position: 0px -2156px;
}
.flag.fj {
  background-position: 0px -2187px;
}
.flag.fk {
  background-position: 0px -2218px;
}
.flag.fm {
  background-position: 0px -2249px;
}
.flag.fo {
  background-position: 0px -2279px;
}
.flag.fr {
  background-position: 0px -2310px;
}
.flag.ga {
  background-position: 0px -2341px;
}
.flag.gb, .flag.en {
  background-position: 0px -2372px;
}
.flag.gd {
  background-position: 0px -2403px;
}
.flag.ge {
  background-position: 0px -2433px;
}
.flag.gg {
  background-position: 0px -2464px;
}
.flag.gh {
  background-position: 0px -2495px;
}
.flag.gi {
  background-position: 0px -2526px;
}
.flag.gl {
  background-position: 0px -2557px;
}
.flag.gm {
  background-position: 0px -2587px;
}
.flag.gn {
  background-position: 0px -2618px;
}
.flag.gq {
  background-position: 0px -2649px;
}
.flag.gr {
  background-position: 0px -2680px;
}
.flag.gs {
  background-position: 0px -2711px;
}
.flag.gt {
  background-position: 0px -2741px;
}
.flag.gu {
  background-position: 0px -2772px;
}
.flag.gw {
  background-position: 0px -2803px;
}
.flag.gy {
  background-position: 0px -2834px;
}
.flag.hk {
  background-position: 0px -2865px;
}
.flag.hn {
  background-position: 0px -2896px;
}
.flag.hr {
  background-position: 0px -2926px;
}
.flag.ht {
  background-position: 0px -2957px;
}
.flag.hu {
  background-position: 0px -2988px;
}
.flag.ic {
  background-position: 0px -3019px;
}
.flag.id {
  background-position: 0px -3050px;
}
.flag.ie {
  background-position: 0px -3080px;
}
.flag.il {
  background-position: 0px -3111px;
}
.flag.im {
  background-position: 0px -3142px;
}
.flag.in {
  background-position: 0px -3173px;
}
.flag.iq {
  background-position: 0px -3204px;
}
.flag.ir {
  background-position: 0px -3235px;
}
.flag.is {
  background-position: 0px -3265px;
}
.flag.it {
  background-position: 0px -3296px;
}
.flag.je {
  background-position: 0px -3327px;
}
.flag.jm {
  background-position: 0px -3358px;
}
.flag.jo {
  background-position: 0px -3389px;
}
.flag.jp {
  background-position: 0px -3419px;
}
.flag.ke {
  background-position: 0px -3450px;
}
.flag.kg {
  background-position: 0px -3481px;
}
.flag.kh {
  background-position: 0px -3512px;
}
.flag.ki {
  background-position: 0px -3543px;
}
.flag.km {
  background-position: 0px -3573px;
}
.flag.kn {
  background-position: 0px -3604px;
}
.flag.kp {
  background-position: 0px -3635px;
}
.flag.kr {
  background-position: 0px -3666px;
}
.flag.kw {
  background-position: 0px -3696px;
}
.flag.ky {
  background-position: 0px -3727px;
}
.flag.kz {
  background-position: 0px -3758px;
}
.flag.la {
  background-position: 0px -3788px;
}
.flag.lb {
  background-position: 0px -3819px;
}
.flag.li {
  background-position: 0px -3850px;
}
.flag.lc {
  background-position: 0px -3881px;
}
.flag.lr {
  background-position: 0px -3912px;
}
.flag.lk {
  background-position: 0px -3943px;
}
.flag.ls {
  background-position: 0px -3973px;
}
.flag.lt {
  background-position: 0px -4004px;
}
.flag.lu {
  background-position: 0px -4035px;
}
.flag.lv {
  background-position: 0px -4066px;
}
.flag.ma {
  background-position: 0px -4096px;
}
.flag.ly {
  background-position: 0px -4127px;
}
.flag.md {
  background-position: 0px -4158px;
}
.flag.mc {
  background-position: 0px -4189px;
}
.flag.me {
  background-position: 0px -4220px;
}
.flag.mf {
  background-position: 0px -4251px;
}
.flag.mh {
  background-position: 0px -4281px;
}
.flag.mg {
  background-position: 0px -4312px;
}
.flag.mk {
  background-position: 0px -4343px;
}
.flag.ml {
  background-position: 0px -4374px;
}
.flag.mm {
  background-position: 0px -4404px;
}
.flag.mn {
  background-position: 0px -4435px;
}
.flag.mo {
  background-position: 0px -4466px;
}
.flag.mp {
  background-position: 0px -4497px;
}
.flag.mq {
  background-position: 0px -4528px;
}
.flag.mr {
  background-position: 0px -4559px;
}
.flag.ms {
  background-position: 0px -4589px;
}
.flag.mt {
  background-position: 0px -4620px;
}
.flag.mu {
  background-position: 0px -4651px;
}
.flag.mv {
  background-position: 0px -4682px;
}
.flag.mw {
  background-position: 0px -4713px;
}
.flag.mx {
  background-position: 0px -4743px;
}
.flag.my {
  background-position: 0px -4774px;
}
.flag.mz {
  background-position: 0px -4805px;
}
.flag.nc {
  background-position: 0px -4836px;
}
.flag.na {
  background-position: 0px -4867px;
}
.flag.ne {
  background-position: 0px -4897px;
}
.flag.nf {
  background-position: 0px -4928px;
}
.flag.ng {
  background-position: 0px -4959px;
}
.flag.ni {
  background-position: 0px -4990px;
}
.flag.nl {
  background-position: 0px -5020px;
}
.flag.no {
  background-position: 0px -5051px;
}
.flag.np {
  background-position: 0px -5080px;
  height: 19px;
}
.flag.nr {
  background-position: 0px -5113px;
}
.flag.nz {
  background-position: 0px -5144px;
}
.flag.nu {
  background-position: 0px -5175px;
}
.flag.om {
  background-position: 0px -5205px;
}
.flag.pa {
  background-position: 0px -5236px;
}
.flag.pf {
  background-position: 0px -5267px;
}
.flag.pe {
  background-position: 0px -5298px;
}
.flag.pg {
  background-position: 0px -5328px;
}
.flag.ph {
  background-position: 0px -5359px;
}
.flag.pk {
  background-position: 0px -5390px;
}
.flag.pl {
  background-position: 0px -5421px;
}
.flag.pn {
  background-position: 0px -5451px;
}
.flag.pr {
  background-position: 0px -5482px;
}
.flag.ps {
  background-position: 0px -5513px;
}
.flag.pt {
  background-position: 0px -5544px;
}
.flag.pw {
  background-position: 0px -5575px;
}
.flag.py {
  background-position: 0px -5606px;
}
.flag.ro {
  background-position: 0px -5637px;
}
.flag.qa {
  background-position: 0px -5667px;
}
.flag.ru {
  background-position: 0px -5698px;
}
.flag.rs {
  background-position: 0px -5729px;
}
.flag.sa {
  background-position: 0px -5760px;
}
.flag.rw {
  background-position: 0px -5791px;
}
.flag.sc {
  background-position: 0px -5821px;
}
.flag.sb {
  background-position: 0px -5852px;
}
.flag.sd {
  background-position: 0px -5883px;
}
.flag.se {
  background-position: 0px -5914px;
}
.flag.sg {
  background-position: 0px -5945px;
}
.flag.sh {
  background-position: 0px -5975px;
}
.flag.si {
  background-position: 0px -6006px;
}
.flag.sk {
  background-position: 0px -6037px;
}
.flag.sl {
  background-position: 0px -6068px;
}
.flag.sm {
  background-position: 0px -6098px;
}
.flag.sn {
  background-position: 0px -6129px;
}
.flag.so {
  background-position: 0px -6160px;
}
.flag.sr {
  background-position: 0px -6191px;
}
.flag.ss {
  background-position: 0px -6222px;
}
.flag.st {
  background-position: 0px -6252px;
}
.flag.sv {
  background-position: 0px -6283px;
}
.flag.sy {
  background-position: 0px -6314px;
}
.flag.sz {
  background-position: 0px -6345px;
}
.flag.tc {
  background-position: 0px -6376px;
}
.flag.td {
  background-position: 0px -6407px;
}
.flag.tf {
  background-position: 0px -6437px;
}
.flag.tg {
  background-position: 0px -6468px;
}
.flag.th {
  background-position: 0px -6499px;
}
.flag.tj {
  background-position: 0px -6530px;
}
.flag.tk {
  background-position: 0px -6560px;
}
.flag.tm {
  background-position: 0px -6591px;
}
.flag.tl {
  background-position: 0px -6622px;
}
.flag.tn {
  background-position: 0px -6653px;
}
.flag.to {
  background-position: 0px -6684px;
}
.flag.tr {
  background-position: 0px -6714px;
}
.flag.tt {
  background-position: 0px -6745px;
}
.flag.tw {
  background-position: 0px -6776px;
}
.flag.tv {
  background-position: 0px -6807px;
}
.flag.tz {
  background-position: 0px -6838px;
}
.flag.ua {
  background-position: 0px -6868px;
}
.flag.ug {
  background-position: 0px -6899px;
}
.flag.us {
  background-position: 0px -6930px;
}
.flag.uy {
  background-position: 0px -6961px;
}
.flag.uz {
  background-position: 0px -6992px;
}
.flag.va {
  background-position: 0px -7023px;
}
.flag.vc {
  background-position: 0px -7053px;
}
.flag.ve {
  background-position: 0px -7084px;
}
.flag.vg {
  background-position: 0px -7115px;
}
.flag.vi {
  background-position: 0px -7146px;
}
.flag.vn {
  background-position: 0px -7176px;
}
.flag.vu {
  background-position: 0px -7207px;
}
.flag.wf {
  background-position: 0px -7238px;
}
.flag.ye {
  background-position: 0px -7269px;
}
.flag.ws {
  background-position: 0px -7300px;
}
.flag.za {
  background-position: 0px -7330px;
}
.flag.yt {
  background-position: 0px -7361px;
}
.flag.zm {
  background-position: 0px -7392px;
}
.flag.zw {
  background-position: 0px -7423px;
}

.flagLang {
  display: inline-block;
  background: url("../img/flags_lang.png") no-repeat top left;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
.flagLang.fr {
  background-position: 0px -13px;
}
.flagLang.fr {
  background-position: 0px -10px;
}
.flagLang.en {
  background-position: 0px -51px;
}
.flagLang.ar {
  background-position: 0px -93px;
}
.flagLang.es {
  background-position: 0px -135px;
}

.container {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width : 640px) {
  .container {
    width: 95%;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .container {
    width: 95%;
  }
}
@media only screen and (max-width : 1000px) {
  .container {
    width: 95%;
  }
}

@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .clear-noresponsive {
    clear: none;
  }
}
@media only screen and (max-width : 640px) {
  .clear-responsive-phone {
    clear: both;
  }
}
.tips_ok,
.tips_erreur {
  padding: 8px;
  font-size: 1.6em;
  color: #ffffff;
  background-color: #de0600;
  margin-bottom: 10px;
  text-align: center;
}
.tips_ok a,
.tips_erreur a {
  float: right;
  text-decoration: none;
  color: #ffffff;
}

.tips_ok {
  background-color: #b2806b;
}

.center {
  text-align: center;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}

a {
  cursor: pointer;
  text-decoration: none;
}

optgroup {
  font-style: italic;
}

html, body {
  width: 100%;
  font-size: 10px;
  font-family: Arial, sans-serif;
  background-color: #b2806b;
  background-color: #ffffff;
}

img {
  border: none;
}

ul, li {
  list-style-position: inside;
}

p {
  margin-bottom: 10px;
}

.clear {
  display: block;
  clear: both;
}

.none {
  display: none;
}

.hidden {
  display: none;
}

table {
  border-collapse: collapse;
}

.lkme {
  cursor: pointer;
}

.form-warning {
  width: 100%;
  margin-bottom: 20px;
}
.form-warning li {
  margin-bottom: 5px;
}
.form-warning .error, .form-warning li {
  border: 1px solid red;
  border-radius: 5px;
  color: red;
  font-size: 1.3em;
  text-align: center;
  padding: 3px 0;
  display: block;
}
.form-warning .ok {
  border: 1px solid #22ac43;
  border-radius: 5px;
  color: #22ac43;
  font-size: 1.3em;
  text-align: center;
  padding: 3px 0;
  display: block;
}

#isresponsiveScreen {
  display: none;
  display: block;
}

#isresponsiveTablet {
  display: none;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  #isresponsiveTablet {
    display: block;
  }
}

#isresponsivePhone {
  display: none;
}
@media only screen and (max-width : 640px) {
  #isresponsivePhone {
    display: block;
  }
}

#isresponsive {
  display: none;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #isresponsive {
    display: block;
  }
}

@font-face {
  font-family: "HVDFontsBrandonGrotesqueLight";
  src: url("../fonts/HVDFontsBrandonGrotesqueLight.woff?v=3.2.1") format("woff"), url("../fonts/HVDFontsBrandonGrotesqueLight.eot?v=3.2.1"), url("../fonts/HVDFontsBrandonGrotesqueLight.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/HVDFontsBrandonGrotesqueLight.ttf?v=3.2.1") format("truetype"), url("../fonts/HVDFontsBrandonGrotesqueLight.svg#HVDFontsBrandonGrotesqueLightregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HVDFontsBrandonGrotesqueLightItalic";
  src: url("../fonts/HVDFontsBrandonGrotesqueLightItalic.woff?v=3.2.1") format("woff"), url("../fonts/HVDFontsBrandonGrotesqueLightItalic.eot?v=3.2.1"), url("../fonts/HVDFontsBrandonGrotesqueLightItalic.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/HVDFontsBrandonGrotesqueLightItalic.ttf?v=3.2.1") format("truetype"), url("../fonts/HVDFontsBrandonGrotesqueLightItalic.svg#HVDFontsBrandonGrotesqueLightItalicregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HVDFontsBrandonGrotesqueMedium";
  src: url("../fonts/HVDFontsBrandonGrotesqueMedium.woff?v=3.2.1") format("woff"), url("../fonts/HVDFontsBrandonGrotesqueMedium.eot?v=3.2.1"), url("../fonts/HVDFontsBrandonGrotesqueMedium.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/HVDFontsBrandonGrotesqueMedium.ttf?v=3.2.1") format("truetype"), url("../fonts/HVDFontsBrandonGrotesqueMedium.svg#HVDFontsBrandonGrotesqueMediumregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HVDFontsBrandonGrotesqueBlack";
  src: url("../fonts/HVDFontsBrandonGrotesqueBlack.woff?v=3.2.1") format("woff"), url("../fonts/HVDFontsBrandonGrotesqueBlack.eot?v=3.2.1"), url("../fonts/HVDFontsBrandonGrotesqueBlack.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/HVDFontsBrandonGrotesqueBlack.ttf?v=3.2.1") format("truetype"), url("../fonts/HVDFontsBrandonGrotesqueBlack.svg#HVDFontsBrandonGrotesqueBlackregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LibreBaskervilleItalic";
  src: url("../fonts/LibreBaskervilleItalic.woff?v=3.2.1") format("woff"), url("../fonts/LibreBaskervilleItalic.eot?v=3.2.1"), url("../fonts/LibreBaskervilleItalic.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/LibreBaskervilleItalic.ttf?v=3.2.1") format("truetype"), url("../fonts/LibreBaskervilleItalic.svg#LibreBaskervilleItalicregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  height: 100%;
}

body {
  font-size: 10px;
  font-family: "HVDFontsBrandonGrotesqueLight", Arial;
  color: #64686a;
  min-height: 100%;
}

#isresponsivePhone {
  display: none;
}
@media only screen and (max-width : 640px) {
  #isresponsivePhone {
    display: block;
  }
}

.css_mce blockquote,
.css_mce p {
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
  color: #64686a;
  padding: 0;
  margin: 0 0 10px 0;
}
.css_mce blockquote.center,
.css_mce p.center {
  text-align: center;
}
.css_mce blockquote .emphasize,
.css_mce p .emphasize {
  color: #64686a;
}
.css_mce blockquote a,
.css_mce p a {
  color: #64686a;
  text-decoration: underline;
}
.css_mce blockquote a:hover,
.css_mce p a:hover {
  text-decoration: none;
}
.css_mce blockquote a:hover, .css_mce blockquote a:hover strong,
.css_mce p a:hover,
.css_mce p a:hover strong {
  color: #b2806b;
}
.css_mce blockquote strong,
.css_mce p strong {
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-weight: normal;
  color: #64686a;
}
.css_mce p {
  font-size: 1.8em;
  line-height: 1.3em;
}
.css_mce p a {
  text-decoration: none;
}
.css_mce h4, .css_mce h3, .css_mce .h3, .css_mce h2, .css_mce h1, .css_mce .h1 {
  display: block;
  font-weight: normal;
  font-size: 1.8em;
  color: #000000;
  padding: 0;
  margin: 0 0 15px 0;
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
}
.css_mce .h1,
.css_mce h1 {
  font-size: 2.4em;
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.css_mce .h1.titre-actualite,
.css_mce h1.titre-actualite {
  margin-bottom: 5px;
}
.css_mce .h1::after,
.css_mce h1::after {
  display: block;
  content: " ";
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
  background: #b2806b;
}
.css_mce .h2,
.css_mce h2 {
  font-size: 1.8em;
  color: #b2806b;
  font-family: "HVDFontsBrandonGrotesqueLightItalic", "Arial";
  font-weight: normal;
  text-align: center;
  margin-bottom: 15px;
}
.css_mce .h2.date,
.css_mce h2.date {
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
.css_mce h3, .css_mce .h3 {
  font-size: 1.8em;
  color: #64686a;
  text-transform: uppercase;
  margin: 0;
}
.css_mce h4 {
  font-weight: normal;
  font-size: 2em;
  color: #000000;
}
.css_mce hr {
  border: 0;
  padding: 0;
  display: block;
  height: 1px;
  overflow: hidden;
  background-color: #b2806b;
  margin-bottom: 10px;
  margin-top: 10px;
}
.css_mce ol,
.css_mce ul {
  margin: 0 0 10px 20px;
  padding: 0;
  list-style-position: outside;
}
.css_mce li {
  font-size: 1.8em;
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
  color: #64686a;
  padding: 0;
  margin: 0;
}
.css_mce li .emphasize {
  color: #64686a;
}
.css_mce li a {
  color: #64686a;
  text-decoration: underline;
}
.css_mce li a:hover {
  text-decoration: none;
}
.css_mce li ul li {
  font-size: 1em;
}
.css_mce td {
  font-size: 1.8em;
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
  color: #64686a;
}
.css_mce td a {
  color: #64686a;
}
.css_mce .uppercase {
  text-transform: uppercase;
}
.css_mce .clear {
  clear: both;
}
@media only screen and (max-width : 640px) {
  .css_mce div iframe {
    width: 300px;
    height: 168px;
  }
}
.css_mce a.btn {
  display: inline-block;
  padding: 5px 10px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  transition: all 0.25s ease;
}
.css_mce a.btn:hover {
  background-color: #b2806b;
  color: #ffffff;
}

#conteneur {
  position: relative;
}

.col-md-1 {
  width: 8.3333333333%;
}

.col-md-2 {
  width: 16.666666666%;
}

.col-md-3 {
  width: 25%;
}

.col-md-4 {
  width: 33.333333333%;
}

.col-md-5 {
  width: 41.666666667%;
}

.col-md-6 {
  width: 50%;
}

.col-md-7 {
  width: 58.333333333%;
}

.col-md-8 {
  width: 66.666666666%;
}

.col-md-9 {
  width: 75%;
}

.col-md-10 {
  width: 83.333333333%;
}

.col-md-11 {
  width: 91.666666666%;
}

.col-md-12 {
  width: 100%;
}

.formulaire form {
  display: block;
  padding: 0;
  margin: 0;
}
.formulaire form .line-input-newsl {
  margin-bottom: 10px;
}
.formulaire form .line-input-newsl label {
  font-size: 1.6em;
}
.formulaire form .line-input-newsl > label {
  display: block;
}
.formulaire form .line-input-newsl .choices label {
  display: inline-block;
  margin: 0 10px 0 0;
}
.formulaire form .line-input {
  margin-bottom: 10px;
}
.formulaire form .line-input label {
  font-size: 1.6em;
  width: 30%;
  padding-top: 5px;
  float: left;
}
@media only screen and (max-width : 640px) {
  .formulaire form .line-input label {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.formulaire form .line-input label.important:after {
  content: "*";
  color: #b2806b;
}
.formulaire form .line-input label.strong {
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-weight: normal;
}
.formulaire form .line-input .input {
  width: 65%;
  float: right;
}
.formulaire form .line-input .input.input-large {
  width: 100%;
  float: none;
}
@media only screen and (max-width : 640px) {
  .formulaire form .line-input .input {
    width: 100%;
    padding: 0;
    float: none;
  }
}
.formulaire form .line-input .input label {
  display: block;
  float: none;
  width: auto;
}
.formulaire form .line-input .input textarea,
.formulaire form .line-input .input input[type=text],
.formulaire form .line-input .input input[type=date],
.formulaire form .line-input .input input[type=email],
.formulaire form .line-input .input input[type=password],
.formulaire form .line-input .input input[type=tel],
.formulaire form .line-input .input input[type=file],
.formulaire form .line-input .input select {
  display: inline-block;
  padding: 2px 5px;
  border: none;
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueLight", Arial;
  width: 100%; /* Firefox */
  box-sizing: border-box;
  background-color: #e6e2d6;
  transition: background-color 0.25s ease;
}
.formulaire form .line-input .input textarea:focus,
.formulaire form .line-input .input input[type=text]:focus,
.formulaire form .line-input .input input[type=date]:focus,
.formulaire form .line-input .input input[type=email]:focus,
.formulaire form .line-input .input input[type=password]:focus,
.formulaire form .line-input .input input[type=tel]:focus,
.formulaire form .line-input .input input[type=file]:focus,
.formulaire form .line-input .input select:focus {
  background-color: #FFFDED;
}
.formulaire form .line-input .input textarea {
  height: 150px;
  overflow: auto;
}
@media only screen and (max-width : 640px) {
  .formulaire form .line-input .input textarea {
    height: 100px;
  }
}
.formulaire form .line-input .line-input-radio {
  display: inline-block;
  padding-right: 75px;
}
.formulaire form .line-input .line-input-radio label {
  display: inline;
  float: none;
  padding-left: 10px;
}
.formulaire form .line-input-submit {
  margin-bottom: 30px;
}
.formulaire form .line-input-submit button {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  font-family: "HVDFontsBrandonGrotesqueLight", Arial;
  font-size: 1.6em;
  padding: 10px 65px;
  text-decoration: none;
  background-color: #b2806b;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
  transition: background-color 0.25s ease;
}
.formulaire form .line-input-submit button:hover {
  background-color: #000;
}
.formulaire form .line-input-recaptcha {
  margin-bottom: 20px;
}
@media only screen and (max-width : 640px) {
  .formulaire form .line-input-recaptcha label {
    display: none;
  }
}
.formulaire form .line-input-consentement {
  margin-bottom: 20px;
}
.formulaire form .line-input-consentement .reglementation {
  max-height: 250px;
  overflow: auto;
  margin-bottom: 10px;
}
.formulaire form .line-input-consentement .reglementation .css_mce {
  padding-right: 10px;
  width: auto;
}
.formulaire form .line-input-consentement label {
  width: 100% !important;
  padding: 5px;
  background-color: #efefef;
  border-radius: 3px; /* Firefox */
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  transition: all 0.25s ease;
}
.formulaire form .line-input-consentement label:hover {
  background-color: #fff;
  border-color: #efefef;
}
.formulaire form .line-input-consentement label.center {
  text-align: center;
}
.formulaire form .line-input-obl {
  margin-bottom: 20px;
}
@media only screen and (max-width : 640px) {
  .formulaire form .line-input-obl {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width : 640px) {
  .formulaire form .line-input-obl label {
    display: none !important;
  }
}
.formulaire form .line-input-obl .input label {
  width: auto;
}
@media only screen and (max-width : 640px) {
  .formulaire form .line-input-obl .input label {
    display: block !important;
  }
}
.formulaire form .line-input-obl .input label span {
  color: #ff0000;
}

.tips {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #3a87ad;
  padding: 15px;
  width: auto;
  display: block;
  margin-bottom: 25px;
}
.tips p {
  font-size: 1.6em;
  margin: 0;
  padding: 0;
}
.tips ul {
  margin-left: 15px;
}

#header-sticky-wrapper {
  z-index: 20;
  position: relative;
}
#header-sticky-wrapper.is-sticky #header {
  border-bottom: 1px solid #ddd;
}
#header-sticky-wrapper.is-sticky #header > .bgme {
  padding: 0;
}
#header-sticky-wrapper.is-sticky #header .menu .li-logo {
  max-width: 120px;
}

@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header {
    max-width: 95%;
    margin: 0 auto;
  }
}
#header > .bgme {
  background: #FFFFFF;
  padding: 20px 0;
}
#header .rspv-logo {
  display: none;
  text-align: center;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .rspv-logo {
    display: block;
  }
}
#header .rspv-logo a {
  display: inline-block;
  max-width: 170px;
  float: left;
}
#header .rspv-logo a img {
  width: 100%;
}
#header #menuResponsive {
  display: none;
  float: right;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  position: relative;
  margin: 0;
  height: 60px;
  width: 40px;
}
#header #menuResponsive:hover span, #header #menuResponsive:hover span::after, #header #menuResponsive:hover span::before {
  background-color: #b2806b;
}
#header #menuResponsive span {
  background-color: inherit;
  display: block;
  height: 1px;
  position: relative;
  border-radius: 10px;
  background-color: #64686b;
  transition: background-color 0.25s ease;
}
#header #menuResponsive span::after, #header #menuResponsive span::before {
  content: " ";
  position: absolute;
  left: 0;
  display: block;
  height: 1px;
  transition: background-color 0.25s ease;
  background-color: #64686b;
  width: 100%;
  border-radius: 10px;
}
#header #menuResponsive span::after {
  top: -10px;
}
#header #menuResponsive span::before {
  bottom: -10px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header #menuResponsive {
    display: inline-block;
  }
}
#header ul, #header li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#header .menu {
  position: relative;
  text-align: center;
  z-index: 4;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu {
    display: none;
    overflow: hidden;
    width: 100%; /* Firefox */
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
  }
  #header .menu.rspv-active {
    padding-top: 15%;
    display: block;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
  }
}
#header .menu > li {
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.6em;
  display: inline-block;
  vertical-align: middle;
}
#header .menu > li.li-rspv-close {
  display: none;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li-rspv-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 35px;
    margin: 0;
  }
}
@media only screen and (max-width : 640px) {
  #header .menu > li.li-rspv-close {
    padding: 25px;
  }
}
#header .menu > li.li {
  margin: 0 10px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li {
    margin: 0;
    display: block;
  }
}
#header .menu > li.li > a, #header .menu > li.li > span {
  padding: 30px 0;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li > a, #header .menu > li.li > span {
    padding: 5px 0;
  }
}
#header .menu > li.li i {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  background: #ffffff;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li i {
    display: none;
  }
}
#header .menu > li.li em {
  display: block;
  position: relative;
  font-style: normal;
}
#header .menu > li.li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 150px;
  background: #ffffff;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li ul {
    width: 100%;
    position: static;
    left: auto;
    top: auto;
    background: transparent;
  }
}
#header .menu > li.li ul > li {
  display: block;
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.2em;
  text-align: left;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li ul > li {
    text-align: center;
  }
}
@media only screen and (max-width : 640px) {
  #header .menu > li.li ul > li {
    font-size: 1.1em;
  }
}
#header .menu > li.li ul > li > a {
  color: inherit;
  display: block;
  padding: 5px 0;
  border-top: 1px solid #dbb9ac; /* Firefox */
  box-sizing: border-box;
  height: 40px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li ul > li > a {
    height: auto;
    display: inline-block;
  }
}
#header .menu > li.li ul > li > a:hover {
  color: #000000;
}
#header .menu > li.li:hover > a, #header .menu > li.li:hover > span, #header .menu > li.li.selected > a, #header .menu > li.li.selected > span {
  color: #b2806b;
}
#header .menu > li.li:hover ul {
  display: block;
}
#header .menu > li.li:hover i.h-10 {
  height: 440px;
}
#header .menu > li.li:hover i.h-9 {
  height: 400px;
}
#header .menu > li.li:hover i.h-8 {
  height: 360px;
}
#header .menu > li.li:hover i.h-7 {
  height: 320px;
}
#header .menu > li.li:hover i.h-6 {
  height: 280px;
}
#header .menu > li.li:hover i.h-5 {
  height: 240px;
}
#header .menu > li.li:hover i.h-4 {
  height: 200px;
}
#header .menu > li.li:hover i.h-3 {
  height: 160px;
}
#header .menu > li.li:hover i.h-2 {
  height: 120px;
}
#header .menu > li.li:hover i.h-1 {
  height: 80px;
}
#header .menu > li.li-logo {
  margin: 0 20px;
  width: 100%;
  max-width: 170px;
  transition: max-width 0.5s ease;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li-logo {
    display: none;
  }
}
#header .menu > li.li-logo a img {
  width: 100%;
}
#header .menu > li.li-langues, #header .menu > li.li-connexion {
  display: none;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li-langues, #header .menu > li.li-connexion {
    margin: 0;
    display: block;
  }
}
#header .menu > li.li-communo {
  width: 55px;
  position: relative;
  margin-left: 10px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li-communo {
    width: auto;
    margin-left: 0;
    padding-top: 10px;
  }
}
#header .menu > li.li-communo b {
  display: block;
  width: 192px;
  text-align: left;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .menu > li.li-communo b {
    width: auto;
  }
}
#header .menu > li.li-communo b a {
  display: inline-block;
  font-size: 0.9em;
  text-align: center; /* Firefox */
  box-sizing: border-box;
  color: #ffffff;
  background-color: #64686b;
  text-decoration: none;
  border-radius: 50px;
  padding: 5px;
  width: 23px;
  height: 23px;
  transition: background-color 0.25s ease;
}
#header .menu > li.li-communo b a:hover {
  background-color: #b2806b;
}
#header .menu > li.li-communo b a + a {
  margin-left: 5px;
}
#header .menu > li > a, #header .menu > li > span {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: inherit;
  cursor: pointer;
  transition: color 0.25s ease;
}
#header .header-login {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 1.2em;
  text-align: right;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  #header .header-login {
    display: none;
  }
}
#header .header-login .lgs {
  cursor: pointer;
  display: inline-block;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #64686a;
  font-size: inherit;
  text-transform: uppercase;
  position: relative;
}
#header .header-login .lgs ul, #header .header-login .lgs li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
#header .header-login .lgs ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 3;
}
#header .header-login .lgs ul li {
  margin-bottom: 2px;
  font-size: 1em;
}
#header .header-login .lgs ul li a {
  text-transform: uppercase;
  font-size: 1em;
  background-color: #efefef;
  display: block;
  text-align: center;
  padding: 4px 10px;
  color: #64686a;
  transition: background 0.25s ease;
}
#header .header-login .lgs ul li a:hover {
  background: #b2806b;
  color: #ffffff;
}
#header .header-login .lgs:hover {
  color: #b2806b;
}
#header .header-login .lgs:hover ul {
  display: block;
}
#header .header-login .as {
  display: inline-block;
  position: relative;
}
#header .header-login .as > a {
  display: inline-block;
  margin-left: 5px;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #64686a;
  text-decoration: none;
  margin-bottom: 5px;
  transition: color 0.25s ease;
  font-size: 1em;
  text-transform: uppercase;
}
#header .header-login .as > a:hover {
  color: #b2806b;
}
#header .header-login .as > a.a1 {
  text-transform: uppercase;
}
#header .header-login .as > a.a2 {
  color: #b4b3b3;
}
#header .header-login .as > a.a2:hover {
  color: #b2806b;
}
#header .header-login #blocFormConnexion {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont {
  width: 200px;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background: #FFFFFF; /* Firefox */
  box-sizing: border-box;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont form {
  text-align: left;
  margin-bottom: 10px;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont form .input {
  margin-bottom: 5px;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont form .input input {
  font-family: "HVDFontsBrandonGrotesqueLight";
  padding: 5px;
  border: 1px solid #e5e5e5;
  font-size: 1em;
  width: 100%; /* Firefox */
  box-sizing: border-box;
  font-family: "SourceSansProRegular", Arial;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont form .input input:focus {
  background-color: #ffffff;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont form button[type=submit] {
  font-family: "HVDFontsBrandonGrotesqueLight";
  text-transform: uppercase;
  font-size: 1.2em;
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: #b2806b;
  padding: 5px 10px;
  color: #FFFFFF;
  transition: background-color 0.25s ease;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont form button[type=submit]:hover {
  background-color: #64686a;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont p {
  text-align: left;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  color: #64686a;
}
#header .header-login #blocFormConnexion #blocFormConnexionCont p a {
  color: inherit;
}

#footer {
  /*
  .cont-footer {
  	border-top:1px solid #ddd;
  	padding: 20px 0;
  	.col-left {
  		display: inline-block;
  		font-size: 1.3em;
  		@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  			font-size: 1.2em;
  		}
  		ul, li {
  			margin: 0;
  			padding: 0;
  			list-style: none;
  		}
  		ul {
  			display: block;
  			@media only screen and (max-width : 640px) {
  				text-align: center;
  				margin-bottom: 15px;
  			}
  			li {
  				display: inline-block;
  				font-family: $font-regular;
  				text-transform: uppercase;
  				margin: 0 5px;
  				@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  					margin: 0 5px;
  				}
  				a {
  					color: inherit;
  					text-decoration: none;
  					@include transition(color);
  					&:hover {
  						color: $color-primary;
  					}
  				}
  			}
  		}
  	}
  }

  #langues {
  	float: right;
  	position: relative;
  	min-width: 135px;
  	@media only screen and (max-width : 640px) {
  		float: none;
  		text-align: center;
  	}
  	ul, li {
  		display: block;
  		list-style: none;
  		margin: 0;
  		padding: 0;
  	}
  	li {
  		text-align: right;
  		font-family: $font-regular;
  		text-transform: uppercase;
  		@media only screen and (max-width : 640px) {
  			text-align: center;
  		}
  	}
  	li.li1 {
  		font-size: 1.2em;
  		position: relative;
  		&:hover {
  			ul.ul2 {
  				display: block;
  			}
  		}
  	}
  	li.li2 {
  		font-size: 1em;
  		& > a {
  			color: #ffffff;
  			text-transform: uppercase;
  		}
  	}
  	ul.ul2 {
  		display: none;
  		position: absolute;
  		bottom: 0;
  		right: 0;
  		z-index: 3;
  		padding-bottom: 20px;
  		min-width: 80px;
  		@media only screen and (max-width : 640px) {
  			position: static;
  			bottom: auto;
  			right: auto;
  			padding-bottom: 0;
  		}
  		li {
  			margin-bottom: 2px;
  			a {
  				background-color: #ffffff;
  				display: block;
  				text-align: center;
  				padding: 4px 10px;
  				color: $color-text;
  				@include transition(background);
  				&:hover {
  					background: $color-primary;
  					color: #ffffff;
  				}
  			}
  		}
  	}
  }
  */
}
#footer .cont-footer {
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
#footer .footer-trio {
  text-align: center;
  vertical-align: middle;
  display: flex;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio {
    flex-wrap: wrap;
  }
}
#footer .footer-trio .col {
  display: inline-block;
  vertical-align: middle;
}
#footer .footer-trio .col.col-logo {
  width: 8%;
  max-width: 75px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-logo {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
#footer .footer-trio .col.col-logo .a {
  display: block;
  text-align: left;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-logo .a {
    text-align: center;
  }
}
#footer .footer-trio .col.col-logo .a img {
  width: 100%;
  max-width: 75px;
}
#footer .footer-trio .col.col-texte {
  align-self: center;
  flex: 1;
  padding-right: 20px;
  padding-left: 20px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-texte {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
}
#footer .footer-trio .col.col-texte .css_mce {
  text-align: left;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-texte .css_mce {
    font-size: 0.9em;
    text-align: center;
  }
}
#footer .footer-trio .col.col-texte .css_mce p {
  margin-bottom: 10px;
}
#footer .footer-trio .col.col-liens {
  text-align: left;
  width: 14%;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  #footer .footer-trio .col.col-liens {
    width: 30%;
    padding-top: 30px;
    max-width: 100%;
  }
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-liens {
    width: 100%;
    max-width: 100%;
    flex: 1;
  }
}
#footer .footer-trio .col.col-liens ul, #footer .footer-trio .col.col-liens li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .footer-trio .col.col-liens li {
  text-align: left;
  font-family: "HVDFontsBrandonGrotesqueLight";
  margin-bottom: 10px;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-liens ul.ul1 {
    text-align: center;
  }
}
#footer .footer-trio .col.col-liens li.li1 {
  font-size: 1.8em;
  position: relative;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-liens li.li1 {
    display: inline-block;
    margin: 0 5px;
  }
}
#footer .footer-trio .col.col-liens li.li1.li-lg {
  cursor: pointer;
  display: inline-block;
}
#footer .footer-trio .col.col-liens li.li1.active ul.ul2 {
  display: block;
}
#footer .footer-trio .col.col-liens li.li1 > a {
  color: inherit;
}
#footer .footer-trio .col.col-liens li.li2 {
  font-size: 1em;
}
#footer .footer-trio .col.col-liens li.li2 > a {
  color: #ffffff;
  text-transform: uppercase;
}
#footer .footer-trio .col.col-liens ul.ul2 {
  display: none;
  position: absolute;
  bottom: 0;
  right: 3px;
  z-index: 3;
  padding-bottom: 23px;
  min-width: 40px;
}
#footer .footer-trio .col.col-liens ul.ul2 li {
  margin-bottom: 2px;
}
#footer .footer-trio .col.col-liens ul.ul2 li a {
  text-transform: none;
  background-color: #efefef;
  display: block;
  text-align: center;
  padding: 4px 10px;
  color: #64686a;
  transition: background 0.25s ease;
}
#footer .footer-trio .col.col-liens ul.ul2 li a:hover {
  background: #b2806b;
  color: #ffffff;
}
#footer .footer-trio .col.col-logo2 {
  text-align: right;
  max-width: 133px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-logo2 {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
#footer .footer-trio .col.col-logo2 .a {
  display: block;
  text-align: right;
  padding-top: 10px;
}
@media only screen and (max-width : 640px) {
  #footer .footer-trio .col.col-logo2 .a {
    text-align: center;
  }
}
#footer .footer-trio .col.col-logo2 .a img {
  width: 100%;
  max-width: 133px;
}

body.page-10 #footer .footer-trio .col-logo {
  display: none;
}
body.page-10 #footer .footer-trio .col-texte .css_mce {
  padding-top: 0;
}
body.page-10 #footer .footer-trio .col-logo2 {
  display: none;
}
body.page-10 #footer .footer-trio .col-liens li.li1.li-lg {
  margin-bottom: 0;
}

body.page-22 .page-page .contain-header {
  display: none;
}

.sous-menu {
  background: #64686b;
}
.sous-menu ul, .sous-menu li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.sous-menu ul {
  text-align: center;
}
.sous-menu ul.align-left {
  text-align: left;
}
.sous-menu ul li {
  display: inline-block;
  margin: 0 10px;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.5em;
}
@media only screen and (max-width : 640px) {
  .sous-menu ul li {
    font-size: 1.2em;
  }
}
.sous-menu ul li.li-back {
  float: right;
  margin: 0;
}
.sous-menu ul li.li-back a {
  padding: 15px;
  background: #b2806b;
  color: #ffffff;
  transition: background-color 0.25s ease;
}
.sous-menu ul li.li-back a:hover {
  background: #64686a;
}
.sous-menu ul li.li-back a:hover:after {
  display: none;
  margin: 0;
  width: 0;
  height: 0;
}
.sous-menu ul li a {
  display: block;
  padding: 15px 0 10px;
  text-decoration: none;
  color: #b4b3b3;
  text-transform: uppercase;
  transition: color 0.25s ease;
}
.sous-menu ul li a.selected, .sous-menu ul li a:hover {
  color: #ffffff;
}
.sous-menu ul li a.selected:after, .sous-menu ul li a:hover:after {
  background-color: #b2806b;
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
}

.cont-presses {
  background: #e6e2d6;
  padding: 7px;
}
.cont-presses .ls-presses {
  text-align: center;
}
.cont-presses .ls-presse {
  vertical-align: top;
  display: inline-block;
  padding: 7px;
  max-width: 200px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .cont-presses .ls-presse {
    width: 100%;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .cont-presses .ls-presse {
    width: 50%;
  }
}
.cont-presses .ls-presse .a {
  display: block;
  text-decoration: none;
  color: #64686a;
  background-color: #fff;
  min-height: 341px;
}
.cont-presses .ls-presse .a figure {
  display: block;
  text-align: center;
  transition: padding 0.25s ease; /* Firefox */
  box-sizing: border-box;
}
.cont-presses .ls-presse .a figure img {
  width: 100%;
  max-width: 200px;
  transition: opacity 0.25s ease;
}
.cont-presses .ls-presse .a .padme {
  display: block;
  padding: 15px 10px;
  transition: background-color 0.25s ease;
}
.cont-presses .ls-presse .a .padme .titre-presse {
  display: block;
  text-align: center;
  font-size: 1.6em;
  text-align: center;
  font-weight: normal;
  color: inherit;
}
.cont-presses .ls-presse a.a:hover figure img {
  opacity: 0.8;
}
.cont-presses .ls-presse a.a:hover .padme {
  background-color: #b2806b;
  color: #ffffff;
}

.cont-actualites {
  background: #e6e2d6;
  padding: 7px;
}
.cont-actualites .ls-actualite {
  width: 25%;
  float: left; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .cont-actualites .ls-actualite {
    width: 100%;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .cont-actualites .ls-actualite {
    width: 50%;
  }
}
.cont-actualites .ls-actualite > .padme {
  padding: 7px;
}
.cont-actualites .ls-actualite .cont-actualite {
  background: #FFFFFF;
}
.cont-actualites .ls-actualite .cont-actualite .padme {
  display: block;
  padding: 20px;
}
.cont-actualites .ls-actualite .cont-actualite .visuel {
  width: 100%;
}
.cont-actualites .ls-actualite .cont-actualite h3 {
  display: block;
  padding: 0;
  margin: 0 0 15px;
  color: #64686a;
  font-size: 1.4em;
  text-align: center;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-weight: normal;
  text-transform: uppercase;
}
.cont-actualites .ls-actualite .cont-actualite .date, .cont-actualites .ls-actualite .cont-actualite .introduction {
  text-align: center;
  margin: 0;
  padding: 0;
}
.cont-actualites .ls-actualite .cont-actualite .date {
  font-size: 1.8em;
  color: #b2806b;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
.cont-actualites .ls-actualite .cont-actualite .introduction {
  color: #64686a;
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueLight";
}

.module-actualite {
  padding: 30px 0 50px 0;
  background-color: #64686b;
}
@media only screen and (max-width : 640px) {
  .module-actualite {
    padding-bottom: 30px;
  }
}
.module-actualite .container {
  max-width: 1280px;
}
.module-actualite h1 {
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #ffffff;
  font-size: 4.8em;
  text-align: center;
  font-weight: normal;
  margin-bottom: 30px;
  text-transform: uppercase;
  display: block;
}
.module-actualite .actualites {
  text-align: center;
}
.module-actualite .actualites .actualite {
  vertical-align: top;
  width: 33.33333%;
  text-align: center;
  display: inline-block; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .module-actualite .actualites .actualite {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-actualite .actualites .actualite {
    width: 50%;
    margin-bottom: 30px;
  }
}
.module-actualite .actualites .actualite .width-me {
  display: block;
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
  text-decoration: none;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-actualite .actualites .actualite .width-me {
    max-width: 500px;
  }
}
.module-actualite .actualites .actualite .visuel {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width : 640px) {
  .module-actualite .actualites .actualite .visuel {
    margin-bottom: 15px;
  }
}
.module-actualite .actualites .actualite .visuel img {
  width: 100%;
  max-width: 320px;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1000px;
}
@media only screen and (max-width : 640px) {
  .module-actualite .actualites .actualite .visuel img {
    max-width: 200px;
    height: 200px;
  }
}
.module-actualite .actualites .actualite .visuel span {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  height: 320px;
  background: transparent url("") center center no-repeat;
  background-size: cover;
  border-radius: 1000px;
}
@media only screen and (max-width : 640px) {
  .module-actualite .actualites .actualite .visuel span {
    max-width: 200px;
    height: 200px;
  }
}
.module-actualite .actualites .actualite h3 {
  display: block;
  padding: 0;
  margin: 0 0 15px;
  color: #ffffff;
  font-size: 2.4em;
  text-align: center;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-weight: normal;
  text-transform: uppercase;
}
@media only screen and (max-width : 640px) {
  .module-actualite .actualites .actualite h3 {
    margin-bottom: 0;
  }
}
.module-actualite .actualites .actualite .date, .module-actualite .actualites .actualite .introduction {
  text-align: center;
  margin: 0;
  padding: 0;
}
.module-actualite .actualites .actualite .date {
  font-size: 1.8em;
  color: #b2806b;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
.module-actualite .actualites .actualite .introduction {
  color: #ffffff;
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueLight";
}

.module-bandeauimage .a {
  display: block;
  position: relative;
}
.module-bandeauimage .a .visuel {
  width: 100%;
}
.module-bandeauimage .a .titre {
  position: absolute;
  top: 25px;
  left: 0;
  padding: 15px 25px;
  background: #FFFFFF;
  color: #64686b;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 2em;
}
@media only screen and (max-width : 640px) {
  .module-bandeauimage .a .titre {
    position: relative;
    top: inherit;
    left: inherit;
    display: block;
  }
}

.module-galerie {
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
  padding: 20px 0;
}
.module-galerie h3 {
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2em;
  text-align: center;
}
.module-galerie h3:after {
  background-color: #b2806b;
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
}
.module-galerie .slick-slides-galerie {
  width: 930px;
  margin: 25px auto 0;
}
.module-galerie .slick-slides-galerie .slick-prev:before {
  color: #e6e2d6;
}
.module-galerie .slick-slides-galerie .slick-next:before {
  color: #e6e2d6;
}
.module-galerie .slick-slides-galerie .slick-next {
  right: -35px;
}
.module-galerie .slick-slides-galerie .slick-prev {
  left: -35px;
}
.module-galerie .slick-slides-galerie .slick-slide {
  list-style: none;
  display: inline-block;
  width: 310px;
}
.module-galerie .slick-slides-galerie .slick-slide a {
  margin: 0 auto;
  width: 280px;
  padding: 0 15px;
  display: block;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  text-align: center;
  transition: color 0.25s ease;
}
.module-galerie .slick-slides-galerie .slick-slide a span {
  display: block;
  margin-bottom: 6px;
}
.module-galerie .slick-slides-galerie .slick-slide a:hover {
  color: #b2806b;
}
.module-galerie .slick-slides-galerie .slick-slide a:hover span {
  margin-bottom: 0px;
}
.module-galerie .slick-slides-galerie .slick-slide a:hover span:after {
  background-color: #b2806b;
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
}
.module-galerie .slick-slides-galerie .slick-slide .size-img {
  margin-bottom: 10px;
  width: 280px;
  height: 244px;
  display: table;
}
.module-galerie .slick-slides-galerie .slick-slide .size-img .align-img {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.module-galerie .slick-slides-galerie .slick-slide .size-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-galerie .slick-slides-galerie {
    width: 570px;
  }
  .module-galerie .slick-slides-galerie .slick-next {
    right: -25px;
  }
  .module-galerie .slick-slides-galerie .slick-prev {
    left: -25px;
  }
  .module-galerie .slick-slides-galerie .slick-slide {
    width: 285px;
  }
  .module-galerie .slick-slides-galerie .slick-slide a {
    width: 271px;
    padding: 0 7px;
  }
  .module-galerie .slick-slides-galerie .slick-slide .size-img {
    margin-bottom: 10px;
    width: 271px;
    height: 237px;
    display: table;
  }
  .module-galerie .slick-slides-galerie .slick-slide .size-img .align-img {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .module-galerie .slick-slides-galerie .slick-slide .size-img img {
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width : 640px) {
  .module-galerie .slick-slides-galerie {
    width: 100%;
  }
  .module-galerie .slick-slides-galerie .slick-slide {
    width: 100%;
  }
  .module-galerie .slick-slides-galerie .slick-slide a {
    width: 271px;
    margin: 0 auto;
    padding: 0;
  }
  .module-galerie .slick-slides-galerie .slick-slide .size-img {
    margin-bottom: 10px;
    width: 271px;
    height: 237px;
    display: table;
  }
  .module-galerie .slick-slides-galerie .slick-slide .size-img .align-img {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .module-galerie .slick-slides-galerie .slick-slide .size-img img {
    display: block;
    margin: 0 auto;
  }
}

.module-grandemosaique {
  border-bottom: 1px solid #FFFFFF;
}
.module-grandemosaique .wrapper {
  max-width: 1680px;
  margin: 0 auto;
}
.module-grandemosaique .grandemosaique-bloc {
  width: 560px;
  display: inline-block;
  vertical-align: top;
  height: 560px;
  transition: all 0.25s ease;
}
.module-grandemosaique .grandemosaique-bloc.bloc2 {
  width: 1120px;
}
.module-grandemosaique .grandemosaique-bloc.bloc3 {
  width: 100%;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  height: 100%;
  position: relative; /* Firefox */
  box-sizing: border-box;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel-hover {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel-hover .dis-table {
  width: 100%;
  height: 100%;
  display: table;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel-hover .dis-table .dis-td {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel-hover .soust-titre {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #ffffff;
  font-size: 2.4em;
  text-transform: uppercase;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel-hover hr {
  width: 45px;
  border: none;
  height: 1px;
  background: #b2806b;
  margin: 10px auto;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel-hover .know-more {
  display: block;
  font-size: 1.8em;
  color: #b2806b;
  font-family: "HVDFontsBrandonGrotesqueLightItalic";
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-visuel-hover img {
  display: block;
  margin: 20px auto 0;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-titre {
  position: absolute;
  top: 25px;
  left: 0;
  min-width: 130px;
  padding: 12px 15px 12px 60px;
  text-align: right;
  background: #ffffff;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-titre span {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #64686a;
  text-transform: uppercase;
  font-size: 2em;
}
.module-grandemosaique .grandemosaique-bloc .bloc-content .bloc-titre.titre2 {
  width: 320px;
  padding: 12px 15px;
}
.module-grandemosaique .grandemosaique-bloc:hover .bloc-content .bloc-visuel-hover {
  opacity: 1;
}
@media only screen and (min-width : 1300px) and (max-width: 1700px) {
  .module-grandemosaique .wrapper {
    max-width: 1275px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc {
    width: 425px;
    height: 425px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc.bloc2 {
    width: 850px;
  }
}
@media only screen and (min-width : 1000px) and (max-width: 1300px) {
  .module-grandemosaique .wrapper {
    max-width: 975px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc {
    width: 325px;
    height: 325px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc.bloc2 {
    width: 650px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-visuel-hover .soust-titre {
    font-size: 2em;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-visuel-hover img {
    width: 60px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-titre {
    width: 130px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-titre span {
    font-size: 1.4em;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-grandemosaique .wrapper {
    max-width: 100%;
    width: 100%;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc {
    width: 50%;
    height: 350px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc.bloc2 {
    width: 50%;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc:nth-child(odd):last-child {
    width: 100%;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc:nth-child(odd):last-child.bloc2 {
    width: 100%;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-visuel-hover .soust-titre {
    font-size: 2em;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-visuel-hover img {
    width: 60px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-titre span {
    font-size: 1.4em;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-titre.titre2 {
    width: auto;
  }
}
@media only screen and (max-width : 640px) {
  .module-grandemosaique .wrapper {
    max-width: 100%;
    width: 100%;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc {
    width: 100%;
    height: 250px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc.bloc2 {
    width: 100%;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-visuel-hover .soust-titre {
    font-size: 2em;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-visuel-hover img {
    width: 45px;
    margin-top: 5px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-titre {
    width: auto;
    min-width: 0;
    padding: 5px 15px;
    top: 10px;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-titre span {
    font-size: 1.4em;
  }
  .module-grandemosaique .wrapper .grandemosaique-bloc .bloc-content .bloc-titre.titre2 {
    width: 75%;
    padding: 5px;
  }
}

.module-histoire {
  padding: 30px 0;
}
.module-histoire .line {
  width: 80%;
  margin: 0 auto;
  padding: 25px 0;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-histoire .line {
    width: 100%;
  }
}
@media only screen and (max-width : 640px) {
  .module-histoire .line {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff;
  }
  .module-histoire .line:last-child {
    border: none;
  }
}
.module-histoire .line::before {
  content: " ";
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0;
  width: 1px;
  background: #FFFFFF;
  z-index: 1;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line::before {
    display: none;
  }
}
.module-histoire .line:first-child::before {
  top: 50%;
}
.module-histoire .line:last-child::before {
  height: 50%;
}
.module-histoire .line .visuel, .module-histoire .line .annee, .module-histoire .line .contenu {
  display: inline-block;
  vertical-align: middle;
}
.module-histoire .line .visuel {
  width: 40%;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line .visuel {
    width: 100%;
  }
}
.module-histoire .line .visuel span {
  display: inline-block;
  width: 100%;
  max-width: 270px;
  height: 270px;
  border-radius: 1000px;
  background: transparent url("") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-histoire .line .visuel span {
    max-width: 220px;
    height: 220px;
  }
}
.module-histoire .line .annee {
  width: 20%;
  text-align: center;
  position: relative;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line .annee {
    width: 100%;
    margin: 10px 0;
  }
}
.module-histoire .line .annee span {
  display: inline-block;
  background: #b2806b;
  color: #ffffff;
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  width: 60px;
  height: 60px;
  padding-top: 18px; /* Firefox */
  box-sizing: border-box;
  border-radius: 1000px;
  position: relative;
  z-index: 2;
}
.module-histoire .line .contenu {
  width: 40%;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line .contenu {
    width: 100%;
  }
}
.module-histoire .line.line-0 .visuel {
  text-align: left;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line.line-0 .visuel {
    text-align: center;
  }
}
.module-histoire .line.line-0 .contenu .css_mce p {
  text-align: right;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line.line-0 .contenu .css_mce p {
    text-align: center;
  }
}
.module-histoire .line.line-1 .visuel {
  text-align: right;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line.line-1 .visuel {
    text-align: center;
  }
}
.module-histoire .line.line-1 .contenu .css_mce p {
  text-align: left;
}
@media only screen and (max-width : 640px) {
  .module-histoire .line.line-1 .contenu .css_mce p {
    text-align: center;
  }
}

.module-petitemosaique {
  border-bottom: 1px solid #FFFFFF;
}
.module-petitemosaique .mosaique {
  width: 50%;
  height: 320px;
  float: left;
  background: #FFFFFF;
  transition: background-color 1s ease;
}
.module-petitemosaique .mosaique .ctn-visuel {
  width: 50%;
  height: 100%;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.module-petitemosaique .mosaique .ctn-visuel .hover-bg {
  background-blend-mode: luminosity;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
}
.module-petitemosaique .mosaique .ctn-contenu {
  width: 50%;
  height: 100%;
  position: relative;
  text-align: center;
}
.module-petitemosaique .mosaique .ctn-contenu .display-table {
  display: table;
  width: 100%;
  height: 100%;
}
.module-petitemosaique .mosaique .ctn-contenu .display-table .display-td {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.module-petitemosaique .mosaique .ctn-contenu .titre {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  font-size: 2.4em;
  text-transform: uppercase;
  padding: 0 15px;
  transition: color 0.25s ease;
}
.module-petitemosaique .mosaique .ctn-contenu hr {
  width: 45px;
  border: none;
  height: 1px;
  background: #b2806b;
  margin: 10px auto;
}
.module-petitemosaique .mosaique .ctn-contenu .soustitre {
  font-size: 1.8em;
  color: #b2806b;
  font-family: "HVDFontsBrandonGrotesqueLightItalic";
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}
.module-petitemosaique .mosaique .ctn-contenu .hover-cont {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.5s ease, opacity 0.5s ease;
}
.module-petitemosaique .mosaique .ctn-contenu .ctn-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  transition: opacity 1s ease;
}
.module-petitemosaique .mosaique .ctn-contenu .ctn-hover .titre {
  color: #ffffff;
}
.module-petitemosaique .mosaique:hover {
  background: #000;
}
.module-petitemosaique .mosaique:hover .ctn-visuel .hover-bg {
  opacity: 1;
}
.module-petitemosaique .mosaique:hover .ctn-contenu .titre {
  color: #ffffff;
}
.module-petitemosaique .mosaique:hover .ctn-contenu .hover-cont {
  height: 50px;
  opacity: 1;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-petitemosaique .mosaique {
    width: 100%;
  }
  .module-petitemosaique .mosaique:nth-child(even) .ctn-visuel {
    float: right;
  }
  .module-petitemosaique .mosaique:nth-child(even) .ctn-contenu {
    float: left;
  }
  .module-petitemosaique .mosaique:nth-child(odd) .ctn-visuel {
    float: left;
  }
  .module-petitemosaique .mosaique:nth-child(odd) .ctn-contenu {
    float: right;
  }
}
@media only screen and (max-width : 479px) {
  .module-petitemosaique .mosaique {
    width: 100%;
  }
  .module-petitemosaique .mosaique .ctn-visuel {
    width: 100%;
    height: 160px;
  }
  .module-petitemosaique .mosaique .ctn-contenu {
    width: 100%;
    height: 160px;
  }
}
@media only screen and (min-width : 1000px) {
  .module-petitemosaique .mosaique .ctn-visuel {
    float: right;
  }
  .module-petitemosaique .mosaique .ctn-contenu {
    float: left;
  }
  .module-petitemosaique .mosaique:nth-child(4n+2) .ctn-visuel {
    float: left;
  }
  .module-petitemosaique .mosaique:nth-child(4n+2) .ctn-contenu {
    float: right;
  }
  .module-petitemosaique .mosaique:nth-child(4n+1) .ctn-visuel {
    float: left;
  }
  .module-petitemosaique .mosaique:nth-child(4n+1) .ctn-contenu {
    float: right;
  }
}

.module-slider {
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden;
}
.module-slider .slick-slides {
  height: 100%;
  width: 100%;
  position: relative;
}
.module-slider .slick-slide {
  width: 100%;
  height: 700px;
  background-color: #ffffff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.module-slider .slick-slide img.visuel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-slider .slick-slide .slide-content {
  position: absolute;
  top: 130px;
  left: 0;
  background-color: #ffffff;
  padding: 15px 30px;
  text-align: right;
}
.module-slider .slick-slide .slide-content span.slide-titre {
  padding-left: 40px;
  display: block;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 2em;
  text-transform: uppercase;
  color: #64686a;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (min-width : 1000px) and (max-width: 1069px) {
  .module-slider {
    height: 500px;
  }
  .module-slider .slick-slide {
    height: 500px;
  }
  .module-slider .slick-slide .slide-content {
    top: 75px;
  }
}
@media only screen and (max-width : 640px) {
  .module-slider {
    height: 400px;
  }
  .module-slider .slick-slide {
    height: 400px;
  }
  .module-slider .slick-slide .slide-content {
    top: 75px;
  }
}
@media only screen and (max-width : 479px) {
  .module-slider {
    height: 250px;
  }
  .module-slider .slick-slide {
    height: 250px;
  }
  .module-slider .slick-slide .slide-content {
    top: 20px;
    padding: 10px 15px;
  }
  .module-slider .slick-slide .slide-content span.slide-titre {
    font-size: 1.6em;
  }
}

.module-crossselling {
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
  padding: 20px 0;
}
.module-crossselling h3 {
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2em;
  text-align: center;
}
.module-crossselling h3:after {
  background-color: #b2806b;
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
}
.module-crossselling .slick-slides-crossselling {
  width: 810px;
  margin: 25px auto 0;
}
.module-crossselling .slick-slides-crossselling .slick-prev:before {
  color: #64686a;
}
.module-crossselling .slick-slides-crossselling .slick-next:before {
  color: #64686a;
}
.module-crossselling .slick-slides-crossselling .slick-next {
  right: -35px;
}
.module-crossselling .slick-slides-crossselling .slick-prev {
  left: -35px;
}
.module-crossselling .slick-slides-crossselling .slick-slide {
  list-style: none;
  display: inline-block;
  width: 270px;
}
.module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide {
  margin: 0 auto;
  width: 240px;
  padding: 0 15px;
  display: block;
  text-align: center;
  transition: color 0.25s ease;
}
.module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide span.soustitre {
  font-family: "HVDFontsBrandonGrotesqueLightItalic";
  color: #b2806b;
  font-size: 1.6em;
  text-transform: none;
}
.module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide span {
  text-transform: uppercase;
  display: block;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
}
.module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide .line-me {
  background-color: transparent;
  display: block;
  width: 35px;
  height: 1px;
  margin: 6px auto 0;
}
.module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide:hover {
  color: #b2806b;
}
.module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide:hover .line-me {
  background-color: #b2806b;
}
.module-crossselling .slick-slides-crossselling .slick-slide .size-img {
  margin-bottom: 10px;
  width: 240px;
  height: 240px;
  display: table;
}
.module-crossselling .slick-slides-crossselling .slick-slide .size-img .align-img {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.module-crossselling .slick-slides-crossselling .slick-slide .size-img img {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-crossselling .slick-slides-crossselling {
    width: 570px;
  }
  .module-crossselling .slick-slides-crossselling .slick-next {
    right: -25px;
  }
  .module-crossselling .slick-slides-crossselling .slick-prev {
    left: -25px;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide {
    width: 285px;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide {
    width: 271px;
    padding: 0 7px;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .size-img {
    margin-bottom: 10px;
    width: 271px;
    height: 237px;
    display: table;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .size-img .align-img {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .size-img img {
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width : 640px) {
  .module-crossselling .slick-slides-crossselling {
    width: 100%;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide {
    width: 100%;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .ctn-slide {
    width: 271px;
    margin: 0 auto;
    padding: 0;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .size-img {
    margin-bottom: 10px;
    width: 271px;
    height: 237px;
    display: table;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .size-img .align-img {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .module-crossselling .slick-slides-crossselling .slick-slide .size-img img {
    display: block;
    margin: 0 auto;
  }
}

.module-temoignage {
  border-bottom: 1px solid #FFFFFF;
  background: #e6e2d6;
}
.module-temoignage .temoignage {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: transparent;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
}
.module-temoignage .temoignage .content {
  float: right;
  width: 560px;
  padding-right: 100px;
  padding-top: 90px;
  padding-bottom: 115px;
}
.module-temoignage .temoignage .content span {
  display: block;
}
.module-temoignage .temoignage .content span.titre1 {
  color: #4b4b4b;
  font-family: "HVDFontsBrandonGrotesqueBlack";
  font-size: 7em;
  line-height: 1.1em;
  margin-bottom: 10px;
}
.module-temoignage .temoignage .content span.titre2 {
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueBlack";
  font-size: 2.4em;
  line-height: 1.1em;
}
.module-temoignage .temoignage .content span.titre3 {
  color: #af7561;
  font-family: "HVDFontsBrandonGrotesqueLightItalic";
  font-size: 2em;
  line-height: 1.1em;
}
.module-temoignage .temoignage .content div.contenu {
  margin-top: 25px;
}
.module-temoignage .temoignage .content p {
  font-family: "LibreBaskervilleItalic";
  color: #64686a;
  font-size: 2.4em;
  position: relative;
}
.module-temoignage .temoignage .content p:first-child:before {
  content: "";
  width: 28px;
  height: 17px;
  background: url("../img/quote-start.png") center center no-repeat;
  position: absolute;
  top: 5px;
  left: -35px;
}
.module-temoignage .temoignage .content p:last-child:after {
  content: "";
  width: 28px;
  height: 17px;
  background: url("../img/quote-end.png") center center no-repeat;
  position: absolute;
  bottom: -15px;
  right: 13px;
}
.module-temoignage .temoignage.center-text {
  text-align: center;
}
.module-temoignage .temoignage.center-text .content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 100px 0;
  float: none;
}
.module-temoignage .temoignage.droite {
  background-position: bottom right;
}
.module-temoignage .temoignage.droite .content {
  text-align: right;
  padding-left: 100px;
  float: left;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-temoignage .temoignage {
    background-position: -50% 0;
  }
  .module-temoignage .temoignage .content {
    background: rgba(255, 255, 255, 0.4);
    width: 60%;
    padding-right: 5%;
    padding-left: 35%;
  }
  .module-temoignage .temoignage .content span {
    display: block;
  }
  .module-temoignage .temoignage .content span.titre1 {
    font-size: 5em;
  }
  .module-temoignage .temoignage .content span.titre2 {
    font-size: 2em;
  }
  .module-temoignage .temoignage .content span.titre3 {
    font-size: 1.6em;
  }
  .module-temoignage .temoignage .content p {
    font-size: 1.6em;
  }
  .module-temoignage .temoignage.droite .content {
    padding-right: 0;
    padding-left: 5%;
  }
  .module-temoignage .temoignage.center-text .content {
    width: 80%;
    padding: 5% 0;
    background: transparent;
  }
}
@media only screen and (max-width : 640px) {
  .module-temoignage .temoignage {
    background-size: cover;
  }
  .module-temoignage .temoignage .content {
    background: rgba(255, 255, 255, 0.75);
    width: 75%;
    padding: 12.5%;
  }
  .module-temoignage .temoignage .content span {
    display: block;
  }
  .module-temoignage .temoignage .content span.titre1 {
    font-size: 5em;
  }
  .module-temoignage .temoignage .content span.titre2 {
    font-size: 2em;
  }
  .module-temoignage .temoignage .content span.titre3 {
    font-size: 1.6em;
  }
  .module-temoignage .temoignage .content p {
    font-size: 1.6em;
  }
  .module-temoignage .temoignage.droite .content {
    width: 75%;
    padding: 12.5%;
  }
  .module-temoignage .temoignage.center-text .content {
    width: 80%;
    padding: 5% 0;
    background: transparent;
  }
}

.module-formulairecontact {
  border-bottom: 1px solid #FFFFFF;
  padding: 30px 0;
}
.module-formulairecontact .formulaire {
  width: 66.6666%;
  float: right;
  padding-left: 30px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .module-formulairecontact .formulaire {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
.module-formulairecontact .formulaire h3 {
  font-weight: normal;
  font-size: 1.8em;
  color: #64686a;
  text-transform: uppercase;
  margin: 0;
}
.module-formulairecontact .formulaire hr {
  border: 0;
  padding: 0;
  display: block;
  height: 1px;
  overflow: hidden;
  background-color: #b2806b;
  margin-bottom: 15px;
  margin-top: 10px;
}
.module-formulairecontact .formulaire form .line-input label {
  width: 20%;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .module-formulairecontact .formulaire form .line-input label {
    width: 30%;
  }
}
.module-formulairecontact .formulaire form .line-input .input {
  float: left;
  width: 80%;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .module-formulairecontact .formulaire form .line-input .input {
    float: right;
    width: 65%;
  }
}
.module-formulairecontact .formulaire form .line-input .input select,
.module-formulairecontact .formulaire form .line-input .input input[type=text],
.module-formulairecontact .formulaire form .line-input .input input[type=email] {
  width: 60%;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .module-formulairecontact .formulaire form .line-input .input select,
  .module-formulairecontact .formulaire form .line-input .input input[type=text],
  .module-formulairecontact .formulaire form .line-input .input input[type=email] {
    width: 100%;
  }
}
.module-formulairecontact .formulaire form .line-input-submit {
  text-align: center;
}
.module-formulairecontact .formulaire form .line-input textarea {
  height: 300px;
}
.module-formulairecontact .css_mce {
  float: left;
  width: 33.3333%;
}
@media only screen and (max-width : 640px) {
  .module-formulairecontact .css_mce {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px;
  }
}

.module-texte {
  border-bottom: 1px solid #FFFFFF;
  padding: 30px 0;
}

.ctn-price {
  padding: 20px 0;
  text-align: center;
  display: none;
}
.ctn-price span {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.8em;
}
.ctn-price span strong {
  font-weight: normal;
  font-family: "HVDFontsBrandonGrotesqueBlack";
  color: #000000;
}

.cont-add-shop {
  display: none;
  text-align: center; /* Firefox */
  box-sizing: border-box;
}
.cont-add-shop .add-shop {
  background-color: #b2806b;
  color: #f5f5f5;
  cursor: pointer;
  border: none;
  font-size: 1.8em;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
  font-family: "HVDFontsBrandonGrotesqueLight";
}
.cont-add-shop .add-shop:hover {
  background-color: #000000;
}

.loading-shop {
  display: none;
  color: #b2806b;
  text-align: center;
  border: none;
  margin: 0 auto;
  font-size: 2.4em;
  text-transform: uppercase;
  padding: 0;
  font-family: "HVDFontsBrandonGrotesqueLight"; /* Firefox */
  box-sizing: border-box;
}

.module-fichetechnique, .module-fichetechniquev2 {
  border-bottom: 1px solid #FFFFFF;
  padding: 30px 0;
  text-align: center;
}
.module-fichetechnique > .container, .module-fichetechniquev2 > .container {
  max-width: 1600px;
  width: 95%;
}
.module-fichetechnique .table-fichetechnique, .module-fichetechniquev2 .table-fichetechnique {
  vertical-align: top;
  display: inline-block;
  width: 50%;
  max-width: 800px;
  margin: 0 auto; /* Firefox */
  box-sizing: border-box;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  .module-fichetechnique .table-fichetechnique, .module-fichetechniquev2 .table-fichetechnique {
    width: 100%;
  }
}
.module-fichetechnique .table-fichetechnique.table-fichetechnique-2, .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-2 {
  display: none;
}
.module-fichetechnique .table-fichetechnique.table-fichetechnique-2 .tbody .line, .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-2 .tbody .line {
  background-color: rgb(100, 104, 107);
  color: #ffffff;
}
.module-fichetechnique .table-fichetechnique.table-fichetechnique-2 .tbody .line:nth-child(even), .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-2 .tbody .line:nth-child(even) {
  background-color: rgb(229, 226, 214);
  color: #35393b;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique.table-fichetechnique-2 .tbody .line:nth-child(even) > .col2 .subline .modele, .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-2 .tbody .line:nth-child(even) > .col2 .subline .modele {
    color: #ffffff;
  }
}
@media only screen and (min-width: 1280px) {
  .module-fichetechnique .table-fichetechnique.table-fichetechnique-1, .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-1 {
    padding-right: 15px;
  }
  .module-fichetechnique .table-fichetechnique.table-fichetechnique-1 .tbody .line-2, .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-1 .tbody .line-2 {
    display: none;
  }
  .module-fichetechnique .table-fichetechnique.table-fichetechnique-2, .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-2 {
    padding-left: 15px;
    display: inline-block;
  }
  .module-fichetechnique .table-fichetechnique.table-fichetechnique-2 .tbody .line-1, .module-fichetechniquev2 .table-fichetechnique.table-fichetechnique-2 .tbody .line-1 {
    display: none;
  }
}
.module-fichetechnique .table-fichetechnique .thead, .module-fichetechniquev2 .table-fichetechnique .thead {
  background-color: rgb(178, 128, 107);
  color: #ffffff;
  font-size: 1.6em;
  display: flex;
  margin-bottom: 5px;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .thead, .module-fichetechniquev2 .table-fichetechnique .thead {
    display: none;
  }
}
.module-fichetechnique .table-fichetechnique .thead .col1, .module-fichetechniquev2 .table-fichetechnique .thead .col1 {
  width: 180px;
}
.module-fichetechnique .table-fichetechnique .thead .col2, .module-fichetechniquev2 .table-fichetechnique .thead .col2 {
  flex: 1;
  padding: 5px 0;
}
.module-fichetechnique .table-fichetechnique .thead .col3, .module-fichetechniquev2 .table-fichetechnique .thead .col3 {
  display: flex;
  width: 280px;
  padding: 5px 0;
}
.module-fichetechnique .table-fichetechnique .thead .col3 div, .module-fichetechniquev2 .table-fichetechnique .thead .col3 div {
  flex: 1;
  text-align: center;
}
.module-fichetechnique .table-fichetechnique .thead .col3 div small, .module-fichetechniquev2 .table-fichetechnique .thead .col3 div small {
  display: block;
  text-align: center;
  font-size: 0.8em;
}
.module-fichetechnique .table-fichetechnique .tbody, .module-fichetechniquev2 .table-fichetechnique .tbody {
  color: #35393b;
}
.module-fichetechnique .table-fichetechnique .tbody .line, .module-fichetechniquev2 .table-fichetechnique .tbody .line {
  margin-bottom: 5px;
  font-size: 1.4em;
  background-color: rgb(229, 226, 214);
  display: flex;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line, .module-fichetechniquev2 .table-fichetechnique .tbody .line {
    display: block;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line:nth-child(even), .module-fichetechniquev2 .table-fichetechnique .tbody .line:nth-child(even) {
  background-color: rgb(100, 104, 107);
  color: #ffffff;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line:nth-child(even) > .col2 .subline .modele, .module-fichetechniquev2 .table-fichetechnique .tbody .line:nth-child(even) > .col2 .subline .modele {
    color: #ffffff;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col1, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col1 {
  width: 180px;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line > .col1, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col1 {
    width: auto;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col1 span, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col1 span {
  padding: 5px;
  display: block;
  text-align: center; /* Firefox */
  box-sizing: border-box;
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col1 span img, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col1 span img {
  max-width: 100%;
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 {
  flex: 1;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 {
    display: block;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline {
  display: flex;
  flex: 1;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline {
    display: block;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .modele, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .modele {
  flex: 1;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .modele, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .modele {
    display: block;
    text-align: center;
    font-size: 1.1em;
    color: #000000;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille {
  width: 280px;
  padding: 5px 0;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille {
    width: 100%;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead {
  display: none;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead {
    display: block;
    display: flex;
  }
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead div, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead div {
    flex: 1;
    text-align: center;
  }
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead small, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trhead small {
    display: block;
    text-align: center;
    font-size: 0.8em;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody {
  display: flex;
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody div, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody div {
  flex: 1;
  text-align: center;
}
@media only screen and (max-width : 640px) {
  .module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody div, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody div {
    font-size: 0.9em;
  }
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille button, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille button:after, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille button:after {
  font-family: fontawesome;
  content: "\f1db";
  font-size: 1em;
}
.module-fichetechnique .table-fichetechnique .tbody .line > .col2 .subline .taille button.selected:after, .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille button.selected:after {
  font-family: fontawesome;
  content: "\f111";
  font-size: 1em;
}

.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .tbody .col-hauteur,
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .thead .col-hauteur {
  display: none;
}
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .tbody .col-btn,
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .thead .col-btn {
  text-align: center;
}
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .tbody .line > .col2 .subline .taille .z-prix,
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .thead .line > .col2 .subline .taille .z-prix {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 3px 5px;
  color: #000;
}
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .tbody .line > .col2 .subline .taille button,
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .thead .line > .col2 .subline .taille button {
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #b2806b;
  color: #fff;
  font-size: 1.4rem;
  padding: 3px 5px;
  border: 0;
  cursor: pointer;
  border-radius: 3px;
  transition: background 0.25s ease;
}
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .tbody .line > .col2 .subline .taille button:after,
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .thead .line > .col2 .subline .taille button:after {
  display: none;
}
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .tbody .line > .col2 .subline .taille button:hover,
.module-fichetechnique.has-produit-accessoires-1 .table-fichetechnique .thead .line > .col2 .subline .taille button:hover {
  background-color: #64686b;
}

.module-fichetechniquev2 {
  padding: 0;
  border: none;
  max-height: 500px;
  overflow: auto;
  background-color: #e5e2d6;
}
.module-fichetechniquev2 > .container {
  width: 100%;
}
.module-fichetechniquev2 .table-fichetechnique {
  width: 100%;
  max-width: 100%;
}
.module-fichetechniquev2 .table-fichetechnique .thead {
  margin-bottom: 1px;
}
.module-fichetechniquev2 .table-fichetechnique .thead .col2 {
  text-align: center;
}
.module-fichetechniquev2 .table-fichetechnique .thead .col3 {
  width: 180px;
}
.module-fichetechniquev2 .table-fichetechnique .thead .col3 div small {
  display: inline-block;
  padding-left: 3px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  .module-fichetechniquev2 .table-fichetechnique .tbody {
    overflow: auto;
    max-height: 250px;
  }
}
.module-fichetechniquev2 .table-fichetechnique .tbody .technique-produit-titre {
  font-size: 1.4em;
  padding-left: 5px;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
@media only screen and (max-width : 640px) {
  .module-fichetechniquev2 .table-fichetechnique .tbody .technique-produit-titre {
    text-align: center;
  }
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line {
  margin-bottom: 1px;
  align-items: center;
  transition: all 0.25s ease;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line:nth-child(even) {
  background-color: #e5e2d6;
  color: #35393b;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line:hover {
  background-color: #f1f0eb !important;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col1 {
  padding-right: 10px;
  width: 110px;
}
@media only screen and (max-width : 640px) {
  .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col1 {
    width: 100%;
    padding-right: 0;
  }
  .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col1 span img {
    max-width: 150px;
    margin: 0 auto;
  }
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline {
  align-items: center;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille {
  width: 180px;
}
@media only screen and (max-width : 640px) {
  .module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille {
    width: 100%;
  }
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody {
  cursor: pointer;
  transition: all 0.25s ease;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille .trbody:hover {
  background-color: #fff;
  border-radius: 5px;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille button:after {
  font-family: fontawesome;
  content: "\f1db";
  font-size: 1em;
}
.module-fichetechniquev2 .table-fichetechnique .tbody .line > .col2 .subline .taille button.selected:after {
  font-family: fontawesome;
  content: "\f111";
  font-size: 1em;
}

.module-texteimage {
  border-bottom: 1px solid #FFFFFF;
  padding: 30px 0;
}
.module-texteimage h3 {
  margin-bottom: 47px;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2em;
  text-align: center;
}
.module-texteimage h3:after {
  background-color: #b2806b;
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
}
.module-texteimage .a {
  display: block;
  float: left;
  margin-right: 25px;
  margin-bottom: 20px;
  margin-top: 5px;
  max-width: 50%;
  text-decoration: none;
}
.module-texteimage .a img {
  max-width: 100%;
}
.module-texteimage.align-droite .a {
  float: right;
  margin-left: 25px;
}
@media only screen and (max-width : 640px) {
  .module-texteimage .a {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
}

.module-titre {
  padding: 30px 0;
  border-bottom: 1px solid #FFFFFF;
}
@media only screen and (max-width : 640px) {
  .module-titre {
    padding: 20px 0;
  }
}
.module-titre h1 {
  margin-bottom: 0;
  transition: color 0.25s ease;
}
@media only screen and (max-width : 640px) {
  .module-titre h1 {
    font-size: 2em;
  }
}
.module-titre h2 {
  margin-bottom: 0;
}
.module-titre a.a:hover h1 {
  color: #b2806b;
}

#arianne ul, #arianne li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
#arianne ul li {
  margin-right: 5px;
  color: #64686a;
  text-transform: uppercase;
  font-size: 1em;
  display: inline-block;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #adafb0;
}
#arianne ul li a {
  color: #adafb0;
  text-decoration: none;
  transition: color 0.25s ease;
}
#arianne ul li a:hover {
  color: #b2806b;
}
#arianne ul li span {
  color: #adafb0;
}
#arianne.with-favourite ul {
  width: 75%;
  float: left;
}
#arianne.with-favourite .add-favori {
  display: inline-block;
  float: right;
  font-family: "HVDFontsBrandonGrotesqueBlack";
  color: #adafb0;
  font-size: 1.4em;
  text-transform: uppercase;
  transition: color 0.25s ease;
}
#arianne.with-favourite .add-favori.selected {
  color: #64686a;
}
#arianne.with-favourite .add-favori.selected i {
  color: #b2806b;
}
#arianne.with-favourite .add-favori:hover {
  color: #64686a;
}

.container-actualite {
  padding: 30px 0;
}
.container-actualite #arianne {
  margin-bottom: 30px;
}
.container-actualite .visuel-actualite {
  text-align: center;
  margin-top: 25px;
}
.container-actualite .visuel-actualite img {
  max-width: 100%;
}

.page-page {
  border-top: 1px solid #d1d1d1;
}

.page-produit {
  border-bottom: 1px solid #e6e2d6;
  padding-bottom: 30px;
}

.container-categorie, .container-page, .container-produit {
  padding: 30px 0 0;
}

.container-configurateur {
  padding: 30px 0;
  margin: 0;
}
.container-configurateur > .container {
  max-width: 1200px;
}

.container-page > .css_mce {
  margin-bottom: 30px;
}

.container-produit #arianne {
  margin-bottom: 30px;
}

.page-inscription {
  border-top: 1px solid #d1d1d1;
  padding-top: 20px;
  margin-bottom: 30px;
}
.page-inscription .col-connexion, .page-inscription .col-inscription {
  max-width: 420px;
  width: 45%; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .page-inscription .col-connexion, .page-inscription .col-inscription {
    width: 50%;
  }
}
@media only screen and (max-width : 640px) {
  .page-inscription .col-connexion, .page-inscription .col-inscription {
    width: 100%;
  }
}
.page-inscription .col-connexion {
  float: right;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .page-inscription .col-connexion {
    padding-right: 20px;
  }
}
@media only screen and (max-width : 640px) {
  .page-inscription .col-connexion {
    float: none;
    margin-bottom: 20px;
  }
}
.page-inscription .col-connexion .formulaire .line-input-submit {
  padding-top: 10px;
  text-align: right;
}
.page-inscription .col-connexion .password-forgotten {
  text-align: center;
}
.page-inscription .col-connexion .password-forgotten a {
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.4em;
}
.page-inscription .col-connexion .password-forgotten a:hover {
  text-decoration: underline;
}
.page-inscription .col-inscription {
  float: left;
}
@media only screen and (max-width : 640px) {
  .page-inscription .col-inscription {
    float: none;
  }
}
.page-inscription .col-inscription .line-input-prescripteur,
.page-inscription .col-inscription .line-input-distributeur {
  display: none;
}

.page-ged {
  background: #64686b;
}
.page-ged .display-table {
  display: table;
  width: 100%;
  vertical-align: top;
}
.page-ged .display-row {
  display: table-row;
  vertical-align: top;
}
.page-ged .col-left,
.page-ged .col-right {
  display: table-cell; /* Firefox */
  box-sizing: border-box;
  vertical-align: top;
}
.page-ged .col-left ul, .page-ged .col-left li,
.page-ged .col-right ul,
.page-ged .col-right li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.page-ged .col-left {
  width: 320px;
  padding: 20px 20px 40px;
  background: #64686b;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .page-ged .col-left {
    display: none;
  }
}
.page-ged .col-left ul li {
  font-size: 1.5em;
  text-align: right;
  margin-bottom: 10px;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  text-transform: uppercase;
}
.page-ged .col-left ul li a {
  color: #ffffff;
  opacity: 0.6;
  transition: opacity 0.25s ease;
}
.page-ged .col-left ul li a.selected, .page-ged .col-left ul li a:hover {
  opacity: 1;
}
.page-ged .col-right {
  padding: 0 0 100px 0;
  background: #fff;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .page-ged .col-right {
    padding: 0;
  }
}
.page-ged .col-right ul {
  text-align: center;
}
.page-ged .col-right ul li {
  display: inline-block;
  font-family: "HVDFontsBrandonGrotesqueMedium"; /* Firefox */
  box-sizing: border-box;
  width: 25%;
  vertical-align: top;
  border: 1px solid #efefef;
  border-left: 0;
  border-top: 0;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .page-ged .col-right ul li {
    width: 33.33333%;
  }
}
@media only screen and (max-width : 640px) {
  .page-ged .col-right ul li {
    width: 100%;
  }
}
.page-ged .col-right ul.repertoires {
  text-align: left;
}
.page-ged .col-right ul.repertoires li a {
  display: block;
  padding: 70px 10px 0;
  text-align: center;
  min-height: 250px; /* Firefox */
  box-sizing: border-box;
  transition: background-color 0.25s ease;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .page-ged .col-right ul.repertoires li a {
    min-height: 150px;
    padding-top: 10px;
  }
}
@media only screen and (max-width : 640px) {
  .page-ged .col-right ul.repertoires li a {
    padding: 20px;
    min-height: 0;
  }
}
.page-ged .col-right ul.repertoires li a:hover {
  background: #efefef;
}
.page-ged .col-right ul.repertoires li a span.fontawesome {
  font-size: 6em;
  color: #b2806b;
  margin-bottom: 5px;
}
@media only screen and (max-width : 640px) {
  .page-ged .col-right ul.repertoires li a span.fontawesome {
    font-size: 4em;
  }
}
.page-ged .col-right ul.repertoires li a span.repertoire-titre {
  display: block;
  text-align: center;
  color: #64686a;
  font-size: 1.5em;
  text-transform: uppercase;
}
.page-ged .col-right ul.repertoires li a span.fa-angle-right {
  font-size: 1.5em;
  color: #b2806b;
}
.page-ged .col-right .fichier-actions {
  background: #b2806b;
  padding: 5px;
  text-align: right;
}
.page-ged .col-right .fichier-actions button {
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #64686a;
  display: inline-block;
  padding: 5px 15px;
  margin: 0 0 0 10px;
  border: 0;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 2px;
  transition: background-color 0.25s ease;
}
.page-ged .col-right .fichier-actions button:hover {
  color: #ffffff;
  background: #000000;
}
.page-ged .col-right ul.fichiers {
  text-align: left;
}
.page-ged .col-right ul.fichiers li {
  position: relative;
  padding: 30px 10px 0;
  text-align: center;
  min-height: 350px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .page-ged .col-right ul.fichiers li {
    min-height: 350px;
  }
}
@media only screen and (max-width : 640px) {
  .page-ged .col-right ul.fichiers li {
    padding: 20px;
    min-height: 0;
  }
}
.page-ged .col-right ul.fichiers li .fichier-visuel {
  margin-bottom: 10px;
  text-align: center;
  display: block;
}
.page-ged .col-right ul.fichiers li .fichier-visuel .fontawesome {
  font-size: 8em;
  color: #b2806b;
  margin-bottom: 1px;
  display: inline-block;
  padding-top: 50px;
}
@media only screen and (max-width : 640px) {
  .page-ged .col-right ul.fichiers li .fichier-visuel .fontawesome {
    font-size: 4em;
  }
}
.page-ged .col-right ul.fichiers li .fichier-visuel img {
  max-width: 100%;
  max-height: 200px;
}
.page-ged .col-right ul.fichiers li .fichier-titre {
  margin-bottom: 10px;
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  display: block;
  text-align: center;
}
.page-ged .col-right ul.fichiers li .bt-dl {
  display: block;
  text-align: center;
}
.page-ged .col-right ul.fichiers li .bt-dl a {
  display: inline-block;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  text-decoration: none;
  background: #b2806b;
  color: #ffffff;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: background-color 0.25s ease;
}
.page-ged .col-right ul.fichiers li .bt-dl a:hover {
  background-color: #000;
  color: #ffffff;
}
.page-ged .col-right ul.fichiers li .checker {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  padding: 15px;
  transition: background-color 0.25s ease;
}
.page-ged .col-right ul.fichiers li .checker:hover {
  background-color: #efefef;
}

.page-dashboard {
  padding-top: 20px;
  margin-bottom: 30px;
}
.page-dashboard .col-left, .page-dashboard .col-right {
  max-width: 480px;
  width: 45%; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-left, .page-dashboard .col-right {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .page-dashboard .col-left, .page-dashboard .col-right {
    width: 50%;
  }
}
.page-dashboard .col-left .bloc, .page-dashboard .col-right .bloc {
  padding-bottom: 30px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-left .bloc, .page-dashboard .col-right .bloc {
    padding-bottom: 15px;
  }
}
.page-dashboard .col-left .bloc.none, .page-dashboard .col-right .bloc.none {
  display: none;
}
.page-dashboard .col-left .bloc p, .page-dashboard .col-right .bloc p {
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
  color: #64686a;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 1.8em;
}
.page-dashboard .col-left .bloc p.center, .page-dashboard .col-right .bloc p.center {
  text-align: center;
}
.page-dashboard .col-left .bloc .css_mce p, .page-dashboard .col-right .bloc .css_mce p {
  margin-bottom: 0;
}
.page-dashboard .col-left {
  float: left;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-left {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .page-dashboard .col-left {
    padding-right: 20px;
  }
}
.page-dashboard .col-left .formulaire .line-input-submit {
  text-align: center;
  padding-top: 10px;
}
.page-dashboard .col-left .formulaire .line-input-submit button {
  padding: 5px 30px;
}
.page-dashboard .col-right {
  float: right;
}
.page-dashboard .col-right .formulaire .line-input-submit {
  text-align: center;
}
.page-dashboard .col-right .formulaire .line-input-submit button {
  padding: 5px 30px;
}
.page-dashboard .cont-favoris ul, .page-dashboard .cont-favoris li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.page-dashboard .cont-favoris ul {
  text-align: center;
}
.page-dashboard .cont-favoris ul li {
  display: inline-block;
  width: 33.33333%;
}
.page-dashboard .cont-favoris ul li a {
  display: block;
  text-decoration: none;
  transition: opacity 0.25s ease;
}
.page-dashboard .cont-favoris ul li a:hover {
  opacity: 0.7;
}
.page-dashboard .cont-favoris ul li .produit-visuel {
  display: block;
  text-align: center;
}
.page-dashboard .cont-favoris ul li .produit-visuel img {
  width: 100%;
  max-width: 150px;
}
.page-dashboard .cont-favoris ul li .produit-titre {
  color: #b2806b;
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
.page-dashboard .col-serial-left,
.page-dashboard .col-monmagasin {
  float: left;
  width: 40%; /* Firefox */
  box-sizing: border-box;
  padding-right: 20px;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-serial-left,
  .page-dashboard .col-monmagasin {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.page-dashboard .col-serial-left .css_mce,
.page-dashboard .col-monmagasin .css_mce {
  margin-bottom: 30px;
}
.page-dashboard .col-monmagasin-map {
  float: right;
  width: 60%; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-monmagasin-map {
    float: none;
    width: 100%;
  }
}
.page-dashboard .col-monmagasin-map #mapMonMagasin {
  height: 450px;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-monmagasin-map #mapMonMagasin {
    height: 300px;
  }
}
.page-dashboard .col-serial-left {
  float: left;
  width: 50%; /* Firefox */
  box-sizing: border-box;
  padding-right: 30px;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-serial-left {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.page-dashboard .col-serial-right {
  float: right;
  width: 50%; /* Firefox */
  box-sizing: border-box;
  padding-left: 30px;
}
@media only screen and (max-width : 640px) {
  .page-dashboard .col-serial-right {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
.page-dashboard .col-serial-right .visuel {
  text-align: center;
  padding-top: 30px;
}
.page-dashboard .col-serial-right .visuel img {
  max-width: 100%;
}

.bigBt {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  font-size: 1.6em;
  padding: 10px 20px;
  text-decoration: none;
  background-color: #b2806b;
  cursor: pointer;
  border: none;
  transition: background-color 0.25s ease;
}
.bigBt:hover {
  background-color: #000;
}

.titre-souligne {
  font-size: 1.8em;
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #b2806b;
  position: relative;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .titre-souligne {
    font-size: 1.6em;
  }
}
@media only screen and (max-width : 640px) {
  .titre-souligne {
    font-size: 1.5em;
    margin-bottom: 10px;
  }
}
.titre-souligne button,
.titre-souligne a {
  display: block;
  border: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #b2806b; /* Firefox */
  box-sizing: border-box;
  width: 150px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1em;
  text-align: center;
  padding: 3px 5px;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.25s ease;
}
.titre-souligne button:hover,
.titre-souligne a:hover {
  background-color: #000000;
}
@media only screen and (max-width : 640px) {
  .titre-souligne button,
  .titre-souligne a {
    width: auto;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .titre-souligne button,
  .titre-souligne a {
    width: 120px;
  }
}

body.page #arianne {
  margin-bottom: 30px;
}

body.categorie .header-categories, body.produit .header-categories, body.page .header-categories {
  width: 100%;
  z-index: 2;
  position: absolute;
}
body.categorie .contain-header, body.produit .contain-header, body.page .contain-header {
  min-height: 52px;
  position: relative;
}
body.categorie .contain-header .module-slider, body.produit .contain-header .module-slider, body.page .contain-header .module-slider {
  height: 460px;
}
body.categorie .contain-header .module-slider .slick-slide, body.produit .contain-header .module-slider .slick-slide, body.page .contain-header .module-slider .slick-slide {
  height: 460px;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (min-width : 1000px) and (max-width: 1069px) {
  body.categorie .contain-header .module-slider, body.produit .contain-header .module-slider, body.page .contain-header .module-slider {
    height: 460px;
  }
  body.categorie .contain-header .module-slider .slick-slide, body.produit .contain-header .module-slider .slick-slide, body.page .contain-header .module-slider .slick-slide {
    height: 460px;
  }
  body.categorie .contain-header .module-slider .slick-slide .slide-content, body.produit .contain-header .module-slider .slick-slide .slide-content, body.page .contain-header .module-slider .slick-slide .slide-content {
    top: 75px;
  }
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-header .module-slider, body.produit .contain-header .module-slider, body.page .contain-header .module-slider {
    height: 400px;
  }
  body.categorie .contain-header .module-slider .slick-slide, body.produit .contain-header .module-slider .slick-slide, body.page .contain-header .module-slider .slick-slide {
    height: 400px;
  }
  body.categorie .contain-header .module-slider .slick-slide .slide-content, body.produit .contain-header .module-slider .slick-slide .slide-content, body.page .contain-header .module-slider .slick-slide .slide-content {
    top: 75px;
  }
}
@media only screen and (max-width : 479px) {
  body.categorie .contain-header .module-slider, body.produit .contain-header .module-slider, body.page .contain-header .module-slider {
    height: 250px;
  }
  body.categorie .contain-header .module-slider .slick-slide, body.produit .contain-header .module-slider .slick-slide, body.page .contain-header .module-slider .slick-slide {
    height: 250px;
  }
  body.categorie .contain-header .module-slider .slick-slide .slide-content, body.produit .contain-header .module-slider .slick-slide .slide-content, body.page .contain-header .module-slider .slick-slide .slide-content {
    top: 20px;
    padding: 10px 15px;
  }
  body.categorie .contain-header .module-slider .slick-slide .slide-content span.slide-titre, body.produit .contain-header .module-slider .slick-slide .slide-content span.slide-titre, body.page .contain-header .module-slider .slick-slide .slide-content span.slide-titre {
    font-size: 1.6em;
  }
}
body.categorie .sous-menu, body.produit .sous-menu, body.page .sous-menu {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: rgba(100, 104, 107, 0.75);
  top: 0;
  left: 0;
  height: 52px;
}
@media only screen and (max-width : 640px) {
  body.categorie .sous-menu, body.produit .sous-menu, body.page .sous-menu {
    position: relative;
    top: inherit;
    left: inherit;
    height: auto;
    background: rgb(100, 104, 107);
  }
  body.categorie .sous-menu .li-back, body.produit .sous-menu .li-back, body.page .sous-menu .li-back {
    width: 100%;
  }
}
body.categorie .contain-points-de-vente, body.produit .contain-points-de-vente, body.page .contain-points-de-vente {
  display: table;
  width: 100%;
  height: 200px;
}
body.categorie .contain-points-de-vente .display-table, body.produit .contain-points-de-vente .display-table, body.page .contain-points-de-vente .display-table {
  display: table;
  width: 100%;
}
body.categorie .contain-points-de-vente .display-row, body.produit .contain-points-de-vente .display-row, body.page .contain-points-de-vente .display-row {
  display: table-row;
}
body.categorie .contain-points-de-vente .display-cell, body.produit .contain-points-de-vente .display-cell, body.page .contain-points-de-vente .display-cell {
  display: table-cell;
  vertical-align: top;
}
body.categorie .contain-points-de-vente .sous-menu, body.produit .contain-points-de-vente .sous-menu, body.page .contain-points-de-vente .sous-menu {
  width: 100%;
  height: 52px;
  background: rgb(100, 104, 107);
  position: relative;
  top: initial;
  left: initial;
}
body.categorie .contain-points-de-vente .sous-menu > div, body.produit .contain-points-de-vente .sous-menu > div, body.page .contain-points-de-vente .sous-menu > div {
  text-align: center;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .sous-menu, body.produit .contain-points-de-vente .sous-menu, body.page .contain-points-de-vente .sous-menu {
    height: auto;
  }
}
body.categorie .contain-points-de-vente .sous-menu ul, body.categorie .contain-points-de-vente .sous-menu form, body.produit .contain-points-de-vente .sous-menu ul, body.produit .contain-points-de-vente .sous-menu form, body.page .contain-points-de-vente .sous-menu ul, body.page .contain-points-de-vente .sous-menu form {
  display: inline-block;
}
body.categorie .contain-points-de-vente .sous-menu ul, body.produit .contain-points-de-vente .sous-menu ul, body.page .contain-points-de-vente .sous-menu ul {
  display: inline-block;
  padding-right: 60px;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  body.categorie .contain-points-de-vente .sous-menu ul, body.produit .contain-points-de-vente .sous-menu ul, body.page .contain-points-de-vente .sous-menu ul {
    padding-right: 35px;
  }
  body.categorie .contain-points-de-vente .sous-menu ul li, body.produit .contain-points-de-vente .sous-menu ul li, body.page .contain-points-de-vente .sous-menu ul li {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .sous-menu ul, body.produit .contain-points-de-vente .sous-menu ul, body.page .contain-points-de-vente .sous-menu ul {
    padding-right: 0;
    width: 100%;
  }
  body.categorie .contain-points-de-vente .sous-menu ul li, body.produit .contain-points-de-vente .sous-menu ul li, body.page .contain-points-de-vente .sous-menu ul li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: center;
  }
}
body.categorie .contain-points-de-vente .sous-menu form, body.produit .contain-points-de-vente .sous-menu form, body.page .contain-points-de-vente .sous-menu form {
  display: inline-block;
  color: #FFFFFF;
  border-bottom: 1px solid #949697;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .sous-menu form, body.produit .contain-points-de-vente .sous-menu form, body.page .contain-points-de-vente .sous-menu form {
    width: 100%;
    display: block;
    border: none;
    text-align: center;
    padding-bottom: 15px;
  }
}
body.categorie .contain-points-de-vente .sous-menu form > i, body.produit .contain-points-de-vente .sous-menu form > i, body.page .contain-points-de-vente .sous-menu form > i {
  font-size: 1.8em;
  color: #FFFFFF;
}
body.categorie .contain-points-de-vente .sous-menu form input, body.produit .contain-points-de-vente .sous-menu form input, body.page .contain-points-de-vente .sous-menu form input {
  background: transparent;
  border: none;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.8em;
  padding-left: 5px;
  color: #FFFFFF;
  width: 150px;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .sous-menu form input, body.produit .contain-points-de-vente .sous-menu form input, body.page .contain-points-de-vente .sous-menu form input {
    border-bottom: 1px solid #949697;
  }
}
body.categorie .contain-points-de-vente .sous-menu form input::-webkit-input-placeholder, body.produit .contain-points-de-vente .sous-menu form input::-webkit-input-placeholder, body.page .contain-points-de-vente .sous-menu form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #fff;
}
body.categorie .contain-points-de-vente .sous-menu form input:-moz-placeholder, body.produit .contain-points-de-vente .sous-menu form input:-moz-placeholder, body.page .contain-points-de-vente .sous-menu form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 1;
}
body.categorie .contain-points-de-vente .sous-menu form input::-moz-placeholder, body.produit .contain-points-de-vente .sous-menu form input::-moz-placeholder, body.page .contain-points-de-vente .sous-menu form input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1;
}
body.categorie .contain-points-de-vente .sous-menu form input:-ms-input-placeholder, body.produit .contain-points-de-vente .sous-menu form input:-ms-input-placeholder, body.page .contain-points-de-vente .sous-menu form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
body.categorie .contain-points-de-vente .sous-menu form input:-ms-input-placeholder, body.produit .contain-points-de-vente .sous-menu form input:-ms-input-placeholder, body.page .contain-points-de-vente .sous-menu form input:-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
body.categorie .contain-points-de-vente .sous-menu form button, body.produit .contain-points-de-vente .sous-menu form button, body.page .contain-points-de-vente .sous-menu form button {
  background: transparent;
  border: none;
  font-size: 1.8em;
  color: #FFFFFF;
  cursor: pointer;
}
body.categorie .contain-points-de-vente .contain-row-map, body.produit .contain-points-de-vente .contain-row-map, body.page .contain-points-de-vente .contain-row-map {
  width: 100%;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins {
  width: 300px;
  background: #FFFFFF;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins {
    width: 250px;
  }
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins {
    width: 100%;
    display: block;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins #scroll-me, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins #scroll-me, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins #scroll-me {
  overflow: hidden;
  width: 90%;
  padding: 0 5%;
  overflow: auto;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins #scroll-me, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins #scroll-me, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins #scroll-me {
    overflow: auto;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul {
  width: 100%;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d5d7d8;
  padding: 20px 0;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:last-child, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:last-child, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:last-child {
  border: none;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type {
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueBlack";
  background-color: #b2806b;
  color: #ffffff;
  display: block;
  width: 110%;
  margin-left: -5%;
  text-transform: uppercase;
  padding: 10px;
  text-align: center; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type {
    width: 110%;
    margin-left: -5%;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type.invisible, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type.invisible, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.magasin-type.invisible {
  display: none;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.line, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.line, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.line {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border: none;
    padding: 10px 0;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.line.invisible, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.line.invisible, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li.line.invisible {
  display: none;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone {
  display: none !important;
  font-size: 1.3em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  display: block;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone a, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone a, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone a {
  color: inherit;
  color: #b2806b;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone {
    display: block !important;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone span {
  display: block;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone span.toggle, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone span.toggle, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone span.toggle {
  display: none;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title {
  font-family: "HVDFontsBrandonGrotesqueBlack";
  text-transform: uppercase;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title.selected i, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title.selected i, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title.selected i {
  color: #b2806b;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title .fa-star, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title .fa-star, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li span.rspv-phone .title .fa-star {
  display: none;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.title, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.title, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.title {
    color: #b2806b;
  }
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.ville, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.ville, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.ville {
    display: none;
  }
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.toggle, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.toggle, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li:hover span.rspv-phone span.toggle {
    display: block;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a {
  font-style: normal;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a {
    display: none;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span {
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  display: block;
  transition: color 0.25s ease;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span {
    font-size: 1.4em;
  }
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span {
    font-size: 1.3em;
  }
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.adresse, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.adresse, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.adresse, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.adresse, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.adresse, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.adresse {
  text-transform: uppercase;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title {
  font-family: "HVDFontsBrandonGrotesqueBlack";
  text-transform: uppercase;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title.selected i, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title.selected i, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title.selected i, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title.selected i, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title.selected i, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title.selected i {
  color: #b2806b;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title .fa-star, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title .fa-star, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title .fa-star, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title .fa-star, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a span.title .fa-star, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a span.title .fa-star {
  display: none;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a.selected span, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a:hover span, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a.selected span, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a:hover span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a.selected span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a:hover span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a.selected span, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a:hover span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a.selected span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a:hover span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a.selected span, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a:hover span {
  color: #b2806b;
}
body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a.selected .fa-star, body.categorie .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a.selected .fa-star, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a.selected .fa-star, body.produit .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a.selected .fa-star, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > .a.selected .fa-star, body.page .contain-points-de-vente .contain-row-map .contain-list-magasins ul li > a.selected .fa-star {
  display: inline-block;
}
body.categorie .contain-points-de-vente .contain-row-map #contMap, body.produit .contain-points-de-vente .contain-row-map #contMap, body.page .contain-points-de-vente .contain-row-map #contMap {
  height: 100%;
  min-height: 300px;
}
@media only screen and (max-width : 640px) {
  body.categorie .contain-points-de-vente .contain-row-map #contMap, body.produit .contain-points-de-vente .contain-row-map #contMap, body.page .contain-points-de-vente .contain-row-map #contMap {
    width: 100%;
    height: 300px;
    display: block;
  }
}
body.categorie .contain-points-de-vente .contain-row-map #contMap #map, body.produit .contain-points-de-vente .contain-row-map #contMap #map, body.page .contain-points-de-vente .contain-row-map #contMap #map {
  height: 100%;
  width: 100%;
}
body.categorie .marker-popup, body.produit .marker-popup, body.page .marker-popup {
  height: 250px;
}
body.categorie .marker-popup p, body.produit .marker-popup p, body.page .marker-popup p {
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #64686a;
  font-size: 16px;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}
body.categorie .marker-popup p strong, body.categorie .marker-popup p a, body.produit .marker-popup p strong, body.produit .marker-popup p a, body.page .marker-popup p strong, body.page .marker-popup p a {
  font-family: "HVDFontsBrandonGrotesqueBlack";
  font-weight: normal;
  color: #64686a;
}
body.categorie .marker-popup p a.selected, body.categorie .marker-popup p a:hover, body.produit .marker-popup p a.selected, body.produit .marker-popup p a:hover, body.page .marker-popup p a.selected, body.page .marker-popup p a:hover {
  color: #b2806b;
}
body.categorie .marker-popup p.titre, body.produit .marker-popup p.titre, body.page .marker-popup p.titre {
  text-transform: uppercase;
  font-family: "HVDFontsBrandonGrotesqueBlack";
}
body.categorie .marker-popup p.adresse, body.produit .marker-popup p.adresse, body.page .marker-popup p.adresse {
  text-transform: uppercase;
}
body.categorie .marker-popup p.select-magasin, body.categorie .marker-popup p.distance, body.categorie .marker-popup p.itineraire, body.produit .marker-popup p.select-magasin, body.produit .marker-popup p.distance, body.produit .marker-popup p.itineraire, body.page .marker-popup p.select-magasin, body.page .marker-popup p.distance, body.page .marker-popup p.itineraire {
  font-family: "HVDFontsBrandonGrotesqueBlack";
}
body.produit .configurateur {
  /*.dropdown-toggle::after {
            content: url(chevron-down-modified-32.png);
            position:relative;
            top: 5px;
            margin-right: 10px;
            color: transparent;
        }*/
}
body.produit .configurateur .config-flex {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur .config-flex {
    flex-direction: column;
  }
}
body.produit .configurateur .config-flex .module-fichetechniquev2 {
  width: 320px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur .config-flex .module-fichetechniquev2 {
    width: 100%;
    max-height: initial;
  }
}
body.produit .configurateur .ctn-iframe {
  flex: 1;
  position: relative;
}
body.produit .configurateur .ctn-iframe #modulePopupBg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.produit .configurateur .ctn-iframe #modulePopup {
  z-index: 2;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1.4em;
  padding: 10px; /* Firefox */
  box-sizing: border-box;
  border-radius: 3px;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent {
  background: rgba(255, 255, 255, 0.9);
  padding: 5px;
  border: 1px solid #dbdcdd;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent > .name {
  text-align: center;
  text-transform: uppercase;
  color: #35393b;
  cursor: pointer;
  padding: 5px;
  transition: all 0.25s ease;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent > .name:hover {
  background-color: #efefef;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent > .name button {
  display: inline-block;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  margin-left: 5px;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content {
  overflow: auto;
  overflow-x: hidden;
  max-height: 350px;
  display: none;
  background-color: #fff;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content ul, body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content ul {
  text-align: center;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content ul li {
  max-width: 80px;
  display: inline-block;
  cursor: pointer;
  vertical-align: center;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content ul li .image {
  flex: 1; /* Firefox */
  box-sizing: border-box;
  text-align: center;
  display: block;
  padding: 3px;
  border: 2px solid #fff;
  transition: all 0.25s ease;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content ul li .image img {
  max-width: 100%; /* Firefox */
  box-sizing: border-box;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content ul li .name {
  display: none;
}
body.produit .configurateur .ctn-iframe #modulePopup #modulePopupContent .content ul li:hover .image {
  border-color: #ddd;
}
body.produit .configurateur .ctn-iframe #modulePopup.deployed #modulePopupContent .content {
  display: block;
}
body.produit .configurateur .iframe {
  border: 1px solid #dbdcdd;
  width: 100%;
  height: 500px;
}
@media only screen and (max-width : 640px) {
  body.produit .configurateur .iframe {
    height: 350px;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur .iframe {
    height: 450px;
  }
}
body.produit .configurateur #menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid #dbdcdd;
  justify-content: center;
  position: relative;
  z-index: 100; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur #menu {
    flex-direction: column;
  }
}
body.produit .configurateur #menu > li {
  cursor: pointer;
  border-radius: 30px;
  background-color: #efefef;
  border: 1px solid #efefef;
  padding: 0 20px;
  transition: all 0.25s ease;
  position: relative; /* Firefox */
  box-sizing: border-box;
}
body.produit .configurateur #menu > li:hover {
  background-color: #fff;
  border-color: #d4d4d4;
}
body.produit .configurateur #menu li {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 10px 10px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur #menu li {
    width: 100%;
    margin: 0 0 10px;
    padding: 10px;
  }
}
body.produit .configurateur #menu li a {
  display: inline-block;
  text-decoration: none;
  font-size: 1.8em;
  font-family: "HVDFontsBrandonGrotesqueLight";
}
body.produit .configurateur #menu img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 2px;
  border: 1px solid #ccc;
}
body.produit .configurateur #menu .img-selected {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
body.produit .configurateur .submenu {
  margin: 0 0 0 10px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur .submenu {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    flex: 1;
  }
}
body.produit .configurateur .dropdown-toggle {
  display: flex;
  align-items: center;
  min-height: 50px;
  font-size: 1.4em;
  min-width: 50px;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur .dropdown-toggle {
    min-height: auto;
    flex: 1;
  }
}
body.produit .configurateur .dropdown-toggle img {
  margin-right: 20px;
}
body.produit .configurateur .dropdown-toggle:empty::after {
  position: absolute;
  line-height: 50px;
  right: 10px;
}
body.produit .configurateur .dropdown-menu {
  overflow: auto;
  max-height: 150px;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.26);
  padding: 5px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 100;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .configurateur .dropdown-menu {
    position: static;
    top: initial;
    left: initial;
    box-shadow: none;
    background-color: transparent;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px dotted #d4d4d4;
  }
}
body.produit .configurateur .dropdown-menu > div {
  margin-left: 5px;
  font-size: 1.4em;
}
body.produit .configurateur .dropdown-menu > div strong {
  font-size: 1.2em;
  font-family: "HVDFontsBrandonGrotesqueBlack";
  font-weight: normal;
  color: #000000;
}
body.produit .configurateur .show {
  display: block;
}
body.produit .presentation {
  float: left;
  width: 355px;
  text-align: justify;
}
body.produit .configuration {
  float: right;
  width: 585px;
}
body.produit .configuration span.titre {
  display: block;
  text-align: center;
  font-size: 2.4em;
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueLight", "Arial";
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
body.produit .configuration span.titre.titre-actualite {
  margin-bottom: 5px;
}
body.produit .configuration span.titre::after {
  display: block;
  content: " ";
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
  background: #b2806b;
}
body.produit .configuration .contain-360 {
  text-align: center;
  margin-bottom: 25px;
}
body.produit .configuration .contain-360 .inner-360 {
  display: inline-block;
}
body.produit .configuration .contain-360 img {
  max-width: 100%;
  margin: 0 auto;
}
body.produit .configuration form#configurateur {
  width: 585px;
  margin: 0 auto;
  transition: opacity 0.25s ease;
}
@media only screen and (max-width : 640px) {
  body.produit .configuration form#configurateur {
    width: 100%;
  }
}
body.produit .configuration form#configurateur.loading {
  opacity: 0.6;
}
body.produit .configuration form#configurateur .line-select > div {
  float: left;
}
body.produit .configuration form#configurateur .line-select > div.dimensions {
  width: 190px;
  padding-right: 10px;
}
@media only screen and (max-width : 640px) {
  body.produit .configuration form#configurateur .line-select > div.dimensions {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
}
body.produit .configuration form#configurateur .line-select > div.types {
  width: 60px;
  padding-right: 10px;
}
@media only screen and (max-width : 640px) {
  body.produit .configuration form#configurateur .line-select > div.types {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
}
body.produit .configuration form#configurateur .line-select > div.revetements {
  width: 100px;
}
@media only screen and (max-width : 640px) {
  body.produit .configuration form#configurateur .line-select > div.revetements {
    float: none;
    width: 100%;
  }
}
body.produit .configuration form#configurateur .line-select > div.couleurs {
  float: left;
  width: 199px;
}
@media only screen and (max-width : 640px) {
  body.produit .configuration form#configurateur .line-select > div.couleurs {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
}
body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur {
  width: 175px;
  margin: 0 auto;
}
body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-prev {
  left: -10px;
}
body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-next {
  right: -10px;
}
body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-prev, body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-next {
  width: 8px;
}
body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-prev:before, body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-next:before {
  color: #b2806b;
  font-size: 14px;
}
body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-slide img {
  border: 2px solid #FFFFFF;
}
body.produit .configuration form#configurateur .line-select > div.couleurs .contain-select-couleur .slick-slide.slick-current img {
  border: 2px solid #b2806b;
}
body.produit .configuration form#configurateur label {
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #b2806b;
  font-size: 1.6em;
  margin-bottom: 10px;
}
@media only screen and (max-width : 640px) {
  body.produit .configuration form#configurateur label {
    margin: 5px 0;
  }
}
body.produit .configuration form#configurateur select {
  width: 100%;
  background-color: #e6e2d6;
  border: none;
  padding: 3px 5%;
  color: #64686a;
  font-size: 1.5em;
  line-height: 1em;
  font-family: "HVDFontsBrandonGrotesqueLight"; /* Firefox */
  box-sizing: border-box;
}
body.produit .configuration form#configurateur select option[disabled] {
  display: none;
}
body.produit .configuration form#configurateur .line-submit {
  text-align: center;
}
body.produit .configuration form#configurateur button[type=submit] {
  font-family: "HVDFontsBrandonGrotesqueLight";
  text-transform: uppercase;
  font-size: 1.6em;
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: #b2806b;
  padding: 10px 30px;
  color: #FFFFFF;
  margin: 45px auto 0;
  transition: background-color 0.25s ease;
}
body.produit .configuration form#configurateur button[type=submit]:hover {
  background-color: #64686a;
}
body.produit .configuration form#configurateur .contain-base-couleurs {
  display: none;
}
@media only screen and (max-width : 640px), only screen and (min-width : 641px) and (max-width: 1000px) {
  body.produit .presentation {
    width: 100%;
  }
  body.produit .configuration {
    width: 100%;
  }
}

.list-produits {
  border-top: 1px solid #d2d2d2;
}
.list-produits li {
  width: 33.33333%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  position: relative; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (min-width : 1000px) {
  .list-produits li.last-of-line {
    border-right-color: transparent;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .list-produits li {
    width: 50%;
  }
}
@media only screen and (max-width : 640px) {
  .list-produits li {
    width: 100%;
  }
  .list-produits li a {
    padding: 0 0 40px 0;
  }
}
.list-produits li a.bt {
  padding: 40px;
  text-align: center;
  display: block;
}
.list-produits li a.bt .span1 {
  color: #64686a;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.6em;
  font-weight: normal;
  text-transform: uppercase;
  transition: color 0.25s ease;
  display: block;
  margin-bottom: 6px;
}
.list-produits li a.bt img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.list-produits li a.bt .span2 {
  display: block;
  padding-top: 5px;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #b2806b;
  font-weight: normal;
  text-align: center;
  text-transform: none;
}
.list-produits li a.bt:hover .span1 {
  color: #b2806b;
  margin-bottom: 0px;
}
.list-produits li a.bt:hover .span1:after {
  background-color: #b2806b;
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  margin: 0 auto;
  margin-top: 5px;
}
.list-produits li .star {
  position: absolute;
  right: 13px;
  top: 13px;
  font-size: 2em;
  color: #ddd;
  transition: color 0.25s ease;
}
.list-produits li .star.selected {
  color: #b2806b;
}
.list-produits li .star.creation-trigger:hover {
  color: #ff0000;
}

#newsPopup,
.ctn-popup {
  z-index: 24;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#newsPopup .display-table,
.ctn-popup .display-table {
  display: table;
  width: 100%;
  height: 100%;
}
#newsPopup .popup,
.ctn-popup .popup {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.4);
}
#newsPopup .popup .background-popup,
.ctn-popup .popup .background-popup {
  background: #b2806b;
  width: 100%;
  max-width: 500px;
  padding: 60px;
  margin: 0 auto;
  text-align: center; /* Firefox */
  box-sizing: border-box;
}
#newsPopup .popup .background-popup p,
.ctn-popup .popup .background-popup p {
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #FFFFFF;
  font-size: 1.8em;
}
#newsPopup .popup .background-popup p a,
.ctn-popup .popup .background-popup p a {
  color: inherit;
  text-decoration: underline;
}
#newsPopup .popup .background-popup .close,
.ctn-popup .popup .background-popup .close {
  cursor: pointer;
  border: 0;
  display: inline-block;
  margin: 0 auto;
  background-color: #000000;
  color: #FFFFFF;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
  text-transform: uppercase;
  padding: 10px 30px;
  transition: background-color color 0.25s ease;
}
#newsPopup .popup .background-popup .close:hover,
.ctn-popup .popup .background-popup .close:hover {
  background-color: #FFFFFF;
  color: #b2806b;
}

#newsPopup {
  display: none;
  background-color: rgba(255, 255, 255, 0.6);
}
#newsPopup .popup .background-popup {
  background-color: #fff;
  padding: 30px;
  position: relative;
  box-shadow: 0px 0px 10px #000;
  max-width: 560px;
}
@media only screen and (max-width : 640px) {
  #newsPopup .popup .background-popup {
    padding: 15px;
  }
}
#newsPopup .popup .background-popup .closeme {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.4em;
  color: #64686a;
  text-decoration: none;
}
#newsPopup .popup .background-popup .closeme:hover {
  color: #b2806b;
}
#newsPopup .popup .background-popup .css_mce img {
  max-width: 100%;
}
#newsPopup .popup .background-popup .css_mce h1 {
  margin-bottom: 10px;
}
#newsPopup .popup .background-popup .css_mce p {
  color: inherit;
}
#newsPopup .popup .background-popup .css_mce a {
  text-decoration: underline;
}
#newsPopup .popup .background-popup .css_mce a.bt {
  text-decoration: none;
}
#newsPopup .popup .background-popup .css_mce.css_mce2 {
  display: none;
}
#newsPopup .popup .background-popup .tips_erreur, #newsPopup .popup .background-popup .tips_ok {
  display: none;
}
#newsPopup .popup .background-popup form {
  display: block;
  margin-top: 25px;
}
#newsPopup .popup .background-popup form .line {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
#newsPopup .popup .background-popup form label {
  display: block;
  padding: 0;
  font-size: 1.6em;
}
#newsPopup .popup .background-popup form input[type=email] {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  padding: 5px;
  background-color: #efefef;
  border: 1px solid #999;
  transition: background-color 0.25s ease;
  font-size: 1.4em;
  color: #333333; /* Firefox */
  box-sizing: border-box;
}
#newsPopup .popup .background-popup form input[type=email]:focus {
  background-color: #fff;
}
#newsPopup .popup .background-popup form .line-submit {
  margin-top: 20px;
  margin-bottom: 0;
}
#newsPopup .popup .background-popup form .line-submit button {
  cursor: pointer;
  display: inline-block;
  padding: 5px 15px;
  margin: 0;
  background-color: #b2806b;
  color: #ffffff;
  font-size: 1.6em;
  border: 0;
  font-family: "HVDFontsBrandonGrotesqueLight";
  text-transform: uppercase;
  transition: background 0.25s ease;
}
#newsPopup .popup .background-popup form .line-submit button:hover {
  background-color: #000;
}

.ctn-popup .popup .background-popup p {
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #FFFFFF;
  font-size: 1.8em;
}
.ctn-popup .popup .background-popup p a {
  color: inherit;
  text-decoration: underline;
}

.pageResetting {
  padding: 100px 0;
  background-color: #efefef;
}
@media only screen and (max-width : 640px) {
  .pageResetting {
    padding: 10px 0;
  }
}
.pageResetting h1 {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  color: #b2806b;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 2.4em; /* Firefox */
  box-sizing: border-box;
  margin-bottom: 10px;
}
@media only screen and (max-width : 640px) {
  .pageResetting h1 {
    font-size: 1.8em;
  }
}
.pageResetting .container {
  max-width: 450px;
  border: 1px solid #ddd;
  background: #FFFFFF; /* Firefox */
  box-sizing: border-box;
  padding: 20px;
}

.pageResetting form, .templateForm form {
  display: block;
  padding: 0;
  margin: 0;
}
.pageResetting form .line-input, .templateForm form .line-input {
  margin-bottom: 10px;
}
.pageResetting form .line-input label, .templateForm form .line-input label {
  font-size: 1.4em;
  width: 30%;
  padding-top: 5px;
  float: left;
}
@media only screen and (max-width : 640px) {
  .pageResetting form .line-input label, .templateForm form .line-input label {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.pageResetting form .line-input .input, .templateForm form .line-input .input {
  width: 65%;
  float: right;
}
@media only screen and (max-width : 640px) {
  .pageResetting form .line-input .input, .templateForm form .line-input .input {
    width: 100%;
    padding: 0;
    float: none;
  }
}
.pageResetting form .line-input .input textarea,
.pageResetting form .line-input .input input[type=text],
.pageResetting form .line-input .input input[type=password],
.pageResetting form .line-input .input input[type=email],
.pageResetting form .line-input .input input[type=file], .templateForm form .line-input .input textarea,
.templateForm form .line-input .input input[type=text],
.templateForm form .line-input .input input[type=password],
.templateForm form .line-input .input input[type=email],
.templateForm form .line-input .input input[type=file] {
  display: inline-block;
  padding: 5px;
  border: 1px solid #e5e5e5;
  font-size: 1.4em;
  width: 100%; /* Firefox */
  box-sizing: border-box;
  background-color: #eeeeee;
  font-family: "SourceSansProRegular", Arial;
}
.pageResetting form .line-input .input textarea:focus,
.pageResetting form .line-input .input input[type=text]:focus,
.pageResetting form .line-input .input input[type=password]:focus,
.pageResetting form .line-input .input input[type=email]:focus,
.pageResetting form .line-input .input input[type=file]:focus, .templateForm form .line-input .input textarea:focus,
.templateForm form .line-input .input input[type=text]:focus,
.templateForm form .line-input .input input[type=password]:focus,
.templateForm form .line-input .input input[type=email]:focus,
.templateForm form .line-input .input input[type=file]:focus {
  background-color: #ffffff;
}
.pageResetting form .line-input .input textarea, .templateForm form .line-input .input textarea {
  height: 150px;
  overflow: auto;
}
@media only screen and (max-width : 640px) {
  .pageResetting form .line-input .input textarea, .templateForm form .line-input .input textarea {
    height: 100px;
  }
}
.pageResetting form .password-forgotten,
.pageResetting form .cont-remember-me, .templateForm form .password-forgotten,
.templateForm form .cont-remember-me {
  margin-bottom: 20px;
  text-align: center;
}
.pageResetting form .password-forgotten label,
.pageResetting form .cont-remember-me label, .templateForm form .password-forgotten label,
.templateForm form .cont-remember-me label {
  font-size: 1.4em;
}
.pageResetting form .password-forgotten a,
.pageResetting form .cont-remember-me a, .templateForm form .password-forgotten a,
.templateForm form .cont-remember-me a {
  font-size: 1.4em;
  color: #b2806b;
}
.pageResetting form .password-forgotten, .templateForm form .password-forgotten {
  margin-bottom: 0;
}
.pageResetting form .line-input-submit, .templateForm form .line-input-submit {
  text-align: center;
  margin-bottom: 15px;
}
.pageResetting form .line-input-submit button, .templateForm form .line-input-submit button {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  font-size: 1.6em;
  padding: 6px 0;
  width: 150px;
  text-decoration: none;
  background-color: #b2806b;
  cursor: pointer;
  border: none;
}
.pageResetting form .line-input-submit button:hover, .templateForm form .line-input-submit button:hover {
  background-color: #000;
}
.pageResetting form .line-input-recaptcha, .templateForm form .line-input-recaptcha {
  margin-bottom: 20px;
}
@media only screen and (max-width : 640px) {
  .pageResetting form .line-input-recaptcha label, .templateForm form .line-input-recaptcha label {
    display: none;
  }
}
.pageResetting form .line-input-obl, .templateForm form .line-input-obl {
  margin-bottom: 20px;
}
@media only screen and (max-width : 640px) {
  .pageResetting form .line-input-obl, .templateForm form .line-input-obl {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width : 640px) {
  .pageResetting form .line-input-obl label, .templateForm form .line-input-obl label {
    display: none !important;
  }
}
.pageResetting form .line-input-obl .input label, .templateForm form .line-input-obl .input label {
  width: auto;
}
@media only screen and (max-width : 640px) {
  .pageResetting form .line-input-obl .input label, .templateForm form .line-input-obl .input label {
    display: block !important;
  }
}
.pageResetting form .line-input-obl .input label span, .templateForm form .line-input-obl .input label span {
  color: #ff0000;
}

.pageResetting form .line-input label {
  width: 100%;
  float: none;
  margin-bottom: 5px;
  text-align: center !important;
  display: block;
}
.pageResetting form .line-input .input {
  width: 100%;
  float: none;
}
.pageResetting form .line-input-submit button {
  width: 100%;
}

.pageResettingPassword form label {
  text-align: center !important;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 1.2em;
}
.pageResettingPassword form input {
  width: 100%;
  float: none;
  display: inline-block;
  padding: 5px;
  border: 1px solid #e5e5e5;
  font-size: 1.2em; /* Firefox */
  box-sizing: border-box;
  background-color: #eeeeee;
  margin-bottom: 10px;
}
.pageResettingPassword form input:focus {
  background-color: #ffffff;
}
.ged-downloader {
  line-height: 0;
  height: 0;
  overflow: hidden;
}

.slick-slides-crossselling .slick-list .slick-track {
  margin-left: auto;
  margin-right: auto;
}

.popup-container {
  font-size: 1.4em;
}
.popup-container h6 {
  font-size: 1em;
}
.popup-container ul, .popup-container li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.popup-container ul {
  margin-top: 5px;
}
.popup-container li {
  margin-left: 10px;
}

#panierPopupAddCont {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
#panierPopupAddCont .panier-popup {
  display: flex;
}
#panierPopupAddCont .panier-popup .panier-popup-content {
  max-width: 500px;
  width: 100%;
  padding: 20px;
  background-color: #fff;
}
#panierPopupAddCont .panier-popup .panier-popup-content .panier-popup-titre {
  margin-bottom: 15px;
  text-align: center;
  font-size: 2em;
}
#panierPopupAddCont .panier-popup .panier-popup-content > ul, #panierPopupAddCont .panier-popup .panier-popup-content > ul > li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#panierPopupAddCont .panier-popup .panier-popup-content > ul {
  text-align: inherit;
  text-align: center;
}
#panierPopupAddCont .panier-popup .panier-popup-content > ul > li {
  margin: 0 5px;
  display: inline-block;
  font-size: 10px;
}
#panierPopupAddCont .panier-popup .panier-popup-content > ul > li button, #panierPopupAddCont .panier-popup .panier-popup-content > ul > li a {
  display: block;
  padding: 0;
  margin: 0;
  padding: 10px 15px;
  font-size: 1.6em;
  color: #ffffff;
  background-color: #b2806b;
  transition: all 0.25s ease;
  cursor: pointer;
  border: 0;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
#panierPopupAddCont .panier-popup .panier-popup-content > ul > li buttonbutton, #panierPopupAddCont .panier-popup .panier-popup-content > ul > li abutton {
  background-color: #64686a;
}
#panierPopupAddCont .panier-popup .panier-popup-content > ul > li button:hover, #panierPopupAddCont .panier-popup .panier-popup-content > ul > li a:hover {
  background-color: #ffcdc0;
}

.panier h1 {
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #b2806b;
  font-size: 5.4em;
  text-align: center;
  margin: 10px 0;
}
.panier h1:after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background-color: #b2806b;
  margin: 20px auto 10px;
}
.panier .module-titre .css_mce h1 {
  margin: 0;
}
.panier p {
  font-size: 1.4em;
  color: #000000;
  font-family: "HVDFontsBrandonGrotesqueLight";
}
.panier h3 {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-weight: normal;
  color: #000000;
  font-size: 3em;
  text-align: center;
  margin-bottom: 30px;
}
.panier h3:after {
  content: "";
  display: block;
  width: 45px;
  height: 1px;
  background-color: #000000;
  margin: 20px auto 10px;
}
.panier h4 {
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.6em;
  color: #000000;
  font-weight: normal;
  display: block;
  margin: 20px 0 5px;
}
.panier .ctn-panier, .panier .ctn-compte {
  background: #ffffff;
  max-width: 1000px;
  width: 95%;
  margin: 0px auto 30px; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .panier .ctn-panier, .panier .ctn-compte {
    width: 100%;
    margin-bottom: 20px;
  }
}
.panier .steps {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
}
@media only screen and (max-width : 640px) {
  .panier .steps {
    display: none;
  }
}
.panier .steps .step {
  margin: 0 15px;
  text-align: center;
}
.panier .steps .step .step-nb {
  width: 30px;
  height: 30px;
  border: 4px solid #cdcdcd;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.25s ease;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .panier .steps .step .step-nb {
    border-width: 2px;
  }
}
.panier .steps .step .step-nb span {
  font-family: "HVDFontsBrandonGrotesqueBlack";
  color: #cdcdcd;
  font-size: 2em;
  transition: all 0.25s ease;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .panier .steps .step .step-nb span {
    font-size: 1.4em;
  }
}
.panier .steps .step .step-title {
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #cdcdcd;
  font-size: 2em;
  margin-top: 10px;
  transition: all 0.25s ease;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .panier .steps .step .step-title {
    font-size: 1.4em;
    font-family: "HVDFontsBrandonGrotesqueMedium";
  }
}
.panier .steps .stepa:hover .step-title, .panier .steps .step.selected .step-title {
  color: #b2806b;
}
.panier .steps .stepa:hover .step-nb span, .panier .steps .step.selected .step-nb span {
  color: #b2806b;
}
.panier .steps .stepa:hover .step-nb, .panier .steps .step.selected .step-nb {
  border-color: #b2806b;
}
.panier .content-panier .head, .panier .content-panier .line {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #e6e2de;
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head, .panier .content-panier .line {
    flex-wrap: wrap;
  }
}
.panier .content-panier .head .produit, .panier .content-panier .line .produit {
  width: 120px;
  padding: 0 10px;
  text-align: center; /* Firefox */
  box-sizing: border-box;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .panier .content-panier .head .produit, .panier .content-panier .line .produit {
    padding: 0 5px 0 0;
    width: 100px;
  }
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head .produit, .panier .content-panier .line .produit {
    display: none;
  }
}
.panier .content-panier .head .produit img, .panier .content-panier .line .produit img {
  max-width: 100%;
}
.panier .content-panier .head .quantite, .panier .content-panier .line .quantite {
  width: 70px;
  padding: 0 10px;
  text-align: center;
}
.panier .content-panier .head .quantite span, .panier .content-panier .line .quantite span {
  font-size: 1.4em;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .panier .content-panier .head .quantite, .panier .content-panier .line .quantite {
    padding: 0 5px;
    width: auto;
  }
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head .quantite, .panier .content-panier .line .quantite {
    display: inline-block;
    padding: 0 5px;
    width: auto;
  }
}
.panier .content-panier .head .quantite button, .panier .content-panier .head .quantite input, .panier .content-panier .line .quantite button, .panier .content-panier .line .quantite input {
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  background-color: transparent;
}
.panier .content-panier .head .quantite input, .panier .content-panier .line .quantite input {
  width: 30px;
  text-align: center;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
.panier .content-panier .head .quantite button, .panier .content-panier .line .quantite button {
  cursor: pointer;
  font-size: 1em;
}
.panier .content-panier .head .total, .panier .content-panier .line .total {
  width: 100px;
  padding: 0 10px;
  text-align: center;
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head .total, .panier .content-panier .line .total {
    display: inline-block;
    padding: 0 5px;
    width: auto;
  }
}
.panier .content-panier .head .del, .panier .content-panier .line .del {
  width: 30px;
  padding: 0 0 0 10px;
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head .del, .panier .content-panier .line .del {
    display: inline-block;
    padding: 0 5px;
    width: auto;
  }
}
.panier .content-panier .head .del a, .panier .content-panier .line .del a {
  color: #b2806b;
  font-size: 1.6em;
  text-decoration: none;
}
.panier .content-panier .head .description, .panier .content-panier .line .description {
  flex: 1;
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head .description, .panier .content-panier .line .description {
    width: 100%;
    flex: auto;
  }
}
.panier .content-panier .head .description .produit-title, .panier .content-panier .line .description .produit-title {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.6em;
  color: #000000;
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head .description .produit-title, .panier .content-panier .line .description .produit-title {
    text-align: center;
    margin-bottom: 5px;
  }
}
.panier .content-panier .head .description .produit-title ul, .panier .content-panier .head .description .produit-title li, .panier .content-panier .line .description .produit-title ul, .panier .content-panier .line .description .produit-title li {
  margin: 0;
  padding: 0;
}
.panier .content-panier .head .description ul, .panier .content-panier .head .description li, .panier .content-panier .line .description ul, .panier .content-panier .line .description li {
  margin: 0;
  padding: 0;
}
.panier .content-panier .head .description .shades, .panier .content-panier .line .description .shades {
  list-style: initial;
}
.panier .content-panier .head .description .shades li, .panier .content-panier .line .description .shades li {
  font-size: 1.4em;
}
.panier .content-panier .head .prix, .panier .content-panier .line .prix {
  padding-right: 20px;
  padding: 0 10px;
  text-align: center;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .panier .content-panier .head .prix, .panier .content-panier .line .prix {
    padding: 0 5px;
  }
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .head .prix, .panier .content-panier .line .prix {
    display: inline-block;
    padding: 0 5px;
    width: auto;
  }
}
.panier .content-panier .head p, .panier .content-panier .line p {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.4em;
  text-align: left;
  color: #000000;
}
.panier .content-panier .head p strong, .panier .content-panier .line p strong {
  font-weight: normal;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
.panier .content-panier .head .prix, .panier .content-panier .head .total, .panier .content-panier .line .prix, .panier .content-panier .line .total {
  width: 100px;
  padding: 0 10px;
  text-align: center;
}
.panier .content-panier .head .prix span, .panier .content-panier .head .total span, .panier .content-panier .line .prix span, .panier .content-panier .line .total span {
  font-size: 1.4em;
  display: block;
}
.panier .content-panier .head .prix span.initial, .panier .content-panier .head .total span.initial, .panier .content-panier .line .prix span.initial, .panier .content-panier .line .total span.initial {
  color: #b2806b;
  text-decoration: line-through;
}
.panier .content-panier .line .rspv-break {
  display: none;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .panier .content-panier .head {
    display: none;
  }
}
.panier .content-panier .head span {
  color: #000000;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.6em;
}
.panier .content-panier .total-line {
  display: flex;
  padding: 15px 0 0;
}
.panier .content-panier .total-line .description {
  flex: 1;
  padding-right: 50px;
}
.panier .content-panier .total-line .description a {
  color: #ff0000;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .panier .content-panier .total-line .description {
    padding-right: 0;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .panier .content-panier .total-line .description {
    padding-right: 0px;
  }
}
.panier .content-panier .total-line span {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
  text-align: right;
  color: #000000;
  display: block;
}
.panier .content-panier .total-line span strong {
  font-weight: normal;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .total-line span {
    text-align: left;
  }
}
.panier .content-panier .total-line .transport {
  text-align: right;
}
.panier .content-panier .total-line .transport p {
  text-align: right;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
}
.panier .content-panier .total-line .total {
  width: 150px;
}
@media only screen and (max-width : 640px) {
  .panier .content-panier .total-line .total {
    width: auto;
  }
}
.panier .content-panier .total-line .total span {
  text-align: left;
}
@media only screen and (min-width : 641px) and (max-width: 1000px) {
  .panier .content-panier .total-line .total span {
    text-align: right;
  }
}
.panier .code-promo {
  margin: 0 80px;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .panier .code-promo {
    margin: 0 0 20px;
  }
}
.panier .code-promo.code-promo-text {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
  width: 30%;
}
.panier .code-promo label {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
  margin-bottom: 3px;
}
.panier .code-promo input[type=text] {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.4em;
  color: #000000;
  border: 1px solid #e6e2de;
  padding: 6px 7px;
  width: 218px;
}
@media only screen and (max-width : 640px) {
  .panier .code-promo input[type=text] {
    width: 190px;
  }
}
.panier .code-promo input[type=submit] {
  margin-left: 5px;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  padding: 5px 10px;
  background-color: #000000;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
}
.panier .code-promo input[type=submit]:hover {
  background-color: #b2806b;
}
.panier .valid-step {
  text-align: center;
}
.panier .valid-step.alignement-code-promo {
  text-align: initial;
  display: flex;
  align-items: flex-end;
}
@media only screen and (min-width : 641px) and (max-width: 1000px), only screen and (max-width : 640px) {
  .panier .valid-step.alignement-code-promo {
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
  }
}
.panier .valid-step .next {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  padding: 5px 10px;
  background-color: #000000;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
}
.panier .valid-step .next:hover {
  background-color: #b2806b;
}
.panier .container-livraison {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
}
.panier .container-reglement {
  max-width: 630px;
  width: 100%;
  margin: 40px auto;
}
.panier .container-reglement-valid {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
}
.panier .container-reglement-valid form {
  display: block;
  text-align: center;
}
.panier .container-post-reglement {
  max-width: 630px;
  width: 100%;
  padding: 20px;
  background-color: #efefef;
  margin: 0 auto 40px;
}
.panier .container-post-reglement .css_mce {
  text-align: center;
}
.panier .container-post-reglement .css_mce h3, .panier .container-post-reglement .css_mce li, .panier .container-post-reglement .css_mce p {
  text-align: center;
}
.panier .ctn-facturation {
  display: none;
}
.panier .choix-reglement,
.panier .choix-livraison {
  border: 1px solid #e6e2de;
  background-color: transparent;
  margin-bottom: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 1em;
  padding: 15px 0;
  width: 100%;
  transition: all 0.25s ease;
}
@media only screen and (max-width : 640px) {
  .panier .choix-reglement,
  .panier .choix-livraison {
    flex-direction: column;
    padding: 15px;
  }
}
.panier .choix-reglement span.check,
.panier .choix-livraison span.check {
  display: inline-block;
  margin: 0 10px;
}
.panier .choix-reglement span.check:before,
.panier .choix-livraison span.check:before {
  content: "\f1db";
  font-family: fontawesome;
  font-size: 1.8em;
  color: #000000;
}
@media only screen and (max-width : 640px) {
  .panier .choix-reglement span.check,
  .panier .choix-livraison span.check {
    display: none;
  }
}
.panier .choix-reglement > div,
.panier .choix-livraison > div {
  flex: 1;
}
.panier .choix-reglement span.titre,
.panier .choix-livraison span.titre {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  color: #000000;
  font-size: 2em;
  text-align: left;
}
.panier .choix-reglement p,
.panier .choix-reglement ul li,
.panier .choix-livraison p,
.panier .choix-livraison ul li {
  color: #000000;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.4em;
  padding: 0;
  margin: 0;
  text-align: left;
}
.panier .choix-reglement p strong,
.panier .choix-reglement ul li strong,
.panier .choix-livraison p strong,
.panier .choix-livraison ul li strong {
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-weight: normal;
}
.panier .choix-reglement span.fdp,
.panier .choix-livraison span.fdp {
  display: inline-block;
  width: 100px;
  text-align: right;
  margin-right: 25px;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  font-size: 1.6em;
  color: #000000;
}
@media only screen and (max-width : 640px) {
  .panier .choix-reglement span.fdp,
  .panier .choix-livraison span.fdp {
    width: 100%;
    margin: 10px 0 0;
    text-align: left;
  }
}
.panier .choix-reglement.checked,
.panier .choix-livraison.checked {
  background-color: #f5f5f5;
}
.panier .choix-reglement.checked span.check:before,
.panier .choix-livraison.checked span.check:before {
  content: "\f192";
}
.panier .choix-reglement.checked span.fdp,
.panier .choix-livraison.checked span.fdp {
  color: #b2806b;
}

.panier-identification {
  display: flex;
}
.panier-identification h4 {
  font-size: 2em;
  color: #000000;
  font-weight: normal;
  font-family: "HVDFontsBrandonGrotesqueMedium";
  border-bottom: 1px solid #e6e2de;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-align: center;
}
.panier-identification p {
  font-size: 1.4em;
  color: #64686a;
  text-align: center;
}

.ctn-commande {
  margin-bottom: 8px;
  border: 1px solid #e6e2de;
}
.ctn-commande .commande-header {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
  padding: 20px 0;
  width: 100%;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-header {
    flex-wrap: wrap;
  }
}
.ctn-commande .commande-header .details {
  margin: 0 5px;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-header .details {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
.ctn-commande .commande-header .details button {
  background-color: transparent;
  border: none;
  color: #b2806b;
  cursor: pointer;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueLight";
}
.ctn-commande .commande-header .details button:after {
  content: "\f078";
  font-family: FontAwesome;
  margin-left: 5px;
}
.ctn-commande .commande-header .details button.activ:after {
  content: "\f077";
}
.ctn-commande .commande-header .livraison {
  text-align: center;
  width: 15%;
  padding: 0 10px;
  font-size: 1.4em;
}
.ctn-commande .commande-header .livraison span.expetaded {
  color: #1aae36;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-header .livraison {
    width: 100%;
    text-align: left;
    padding-left: 20px;
  }
}
.ctn-commande .commande-header .reglement {
  text-align: center;
  width: 20%;
  padding: 0 10px;
}
.ctn-commande .commande-header .reglement > span {
  display: block;
  font-size: 1.4em;
}
.ctn-commande .commande-header .reglement > span.etat-paye {
  color: #1aae36;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-header .reglement {
    text-align: left;
    width: 100%;
    padding-left: 20px;
  }
}
.ctn-commande .commande-header .datecrea {
  text-align: center;
  width: 10%;
  padding: 0 10px;
  font-size: 1.4em;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-header .datecrea {
    padding-left: 20px;
    text-align: left;
    width: 100%;
  }
}
.ctn-commande .commande-header .total {
  width: 10%;
  text-align: center;
  padding: 0 10px;
  font-size: 1.4em;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-header .total {
    text-align: left;
    width: 100%;
    padding-left: 20px;
  }
}
.ctn-commande .commande-header .reference {
  flex: 1;
  padding: 0 20px;
  font-size: 1.4em;
  text-transform: uppercase;
  font-family: "HVDFontsBrandonGrotesqueBlack";
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-header .reference {
    flex: initial;
    width: 100%;
    margin-bottom: 8px;
  }
}
.ctn-commande .commande-details {
  display: none;
  border-top: 1px solid #e6e2de;
  padding: 10px 20px;
}
.ctn-commande .commande-details span {
  display: block;
  vertical-align: top;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueLight";
}
.ctn-commande .commande-details span strong {
  font-weight: normal;
  font-family: "HVDFontsBrandonGrotesqueBlack";
}
.ctn-commande .commande-details .produit {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 5px 0;
  width: 100%;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-details .produit {
    flex-direction: column;
  }
}
.ctn-commande .commande-details .produit .visuel {
  width: 150px;
}
.ctn-commande .commande-details .produit .visuel img {
  max-width: 100%;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-details .produit .visuel {
    display: none;
  }
}
.ctn-commande .commande-details .produit .description {
  flex: 1;
}
.ctn-commande .commande-details .produit .description .produit-title {
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueBlack";
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-details .produit .description {
    flex: initial;
    width: 100%;
  }
}
.ctn-commande .commande-details .produit .description ul, .ctn-commande .commande-details .produit .description li {
  margin: 0;
  padding: 0;
}
.ctn-commande .commande-details .produit .description .shades {
  list-style: initial;
}
.ctn-commande .commande-details .produit .description .shades li {
  font-size: 1.4em;
}
.ctn-commande .commande-details .produit .quantite, .ctn-commande .commande-details .produit .prix {
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.4em;
  text-align: center;
  width: 50px;
  margin: 0 20px;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-details .produit .quantite, .ctn-commande .commande-details .produit .prix {
    width: 100%;
    text-align: left;
  }
}
.ctn-commande .commande-details .produit .prix {
  text-align: right;
  width: 150px;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-details .produit .prix {
    width: 100%;
    text-align: left;
  }
}
.ctn-commande .commande-details .ctn-pdf {
  text-align: right;
}
@media only screen and (max-width : 640px) {
  .ctn-commande .commande-details .ctn-pdf {
    text-align: center;
  }
}
.ctn-commande .commande-details .ctn-pdf a {
  color: #b2806b;
  font-size: 1.4em;
  font-family: "HVDFontsBrandonGrotesqueMedium";
}
.ctn-commande .commande-details .ctn-pdf a span {
  display: inline-block;
}

.ctn-codepromo {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.ctn-codepromo .code-promo {
  background-color: #b2806b;
  border: 1px solid #aa6968;
  width: 400px;
  text-align: center;
  padding: 10px 0;
}
@media only screen and (max-width : 640px) {
  .ctn-codepromo .code-promo {
    width: 100%;
  }
}
.ctn-codepromo .code-promo span.titre {
  font-family: "HVDFontsBrandonGrotesqueBlack";
  font-size: 2em;
  text-transform: uppercase;
}
.ctn-codepromo .code-promo span {
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #ffffff;
  display: block;
}
.ctn-codepromo .usage {
  flex: 1;
  padding-left: 8px;
}
.ctn-codepromo .usage span {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
}
.ctn-codepromo .usage span.valid {
  color: #1aae36;
}
.ctn-codepromo .usage span.not-valid {
  color: #b2806b;
}

.mes-codepromos {
  background-color: #b2806b;
  margin-bottom: 15px;
  padding: 20px;
  text-align: center;
}
.mes-codepromos > span {
  display: block;
  font-family: "HVDFontsBrandonGrotesqueLight";
  font-size: 1.6em;
  color: #ffffff;
  margin-bottom: 20px;
}
.mes-codepromos .code-promo {
  background-color: #b2806b;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 10px 20px;
  margin: 0 20px;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width : 640px) {
  .mes-codepromos .code-promo {
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 0;
  }
}
.mes-codepromos .code-promo span.titre {
  font-family: "HVDFontsBrandonGrotesqueBlack";
  font-size: 2em;
  text-transform: uppercase;
}
.mes-codepromos .code-promo span {
  font-size: 1.6em;
  font-family: "HVDFontsBrandonGrotesqueLight";
  color: #ffffff;
  display: block;
}

.clear {
  clear: both;
}

#loadingDiv {
  display: none;
  background-color: rgba(255, 255, 255, 0.3);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}/*# sourceMappingURL=site.css.map */