@charset "UTF-8";
.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, .flag.uk {
  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;
}

@font-face {
  font-family: "vwtext_light";
  src: url("../fonts/vwtext_light.woff?v=3.2.1") format("woff"), url("../fonts/vwtext_light.eot?v=3.2.1"), url("../fonts/vwtext_light.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwtext_light.ttf?v=3.2.1") format("truetype"), url("../fonts/vwtext_light.svg#vwtext_lightregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwtext-regular";
  src: url("../fonts/vwtext-regular.woff?v=3.2.1") format("woff"), url("../fonts/vwtext-regular.eot?v=3.2.1"), url("../fonts/vwtext-regular.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwtext-regular.ttf?v=3.2.1") format("truetype"), url("../fonts/vwtext-regular.svg#vwtext-regularregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwtext-bold";
  src: url("../fonts/vwtext-bold.woff?v=3.2.1") format("woff"), url("../fonts/vwtext-bold.eot?v=3.2.1"), url("../fonts/vwtext-bold.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwtext-bold.ttf?v=3.2.1") format("truetype"), url("../fonts/vwtext-bold.svg#vwtext-boldregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwhead_light";
  src: url("../fonts/vwhead_light.woff?v=3.2.1") format("woff"), url("../fonts/vwhead_light.eot?v=3.2.1"), url("../fonts/vwhead_light.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwhead_light.ttf?v=3.2.1") format("truetype"), url("../fonts/vwhead_light.svg#vwhead_lightregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwhead_bold";
  src: url("../fonts/vwhead_bold.woff?v=3.2.1") format("woff"), url("../fonts/vwhead_bold.eot?v=3.2.1"), url("../fonts/vwhead_bold.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwhead_bold.ttf?v=3.2.1") format("truetype"), url("../fonts/vwhead_bold.svg#vwhead_boldregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwhead_regular";
  src: url("../fonts/vwhead_regular.woff?v=3.2.1") format("woff"), url("../fonts/vwhead_regular.eot?v=3.2.1"), url("../fonts/vwhead_regular.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwhead_regular.ttf?v=3.2.1") format("truetype"), url("../fonts/vwhead_regular.svg#vwhead_regularregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* container général */
.container {
  max-width: 980px;
  margin: 0 auto;
}
@media only screen and (max-width : 640px) {
  .container {
    width: 95%;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1023px) {
  .container {
    width: 95%;
  }
}
@media only screen and (min-width : 641px) and (max-width: 1023px), 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: 10px;
  font-size: 1.4em;
  color: #ffffff;
  background-color: #de0600;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
}
.tips_ok.tips_ok,
.tips_erreur.tips_ok {
  background-color: #04b513;
}
.tips_ok a,
.tips_erreur a {
  float: right;
  text-decoration: none;
  color: #ffffff;
}
.tips_ok .close,
.tips_erreur .close {
  display: inline-block;
  margin: 0;
  padding: 0 0 5px 5px;
  float: right;
  border: 0;
  background-color: transparent;
  color: #fff;
  font-size: 1em;
  text-decoration: none;
  cursor: pointer;
}

.m-1 {
  margin: 10px;
}

.mt-1 {
  margin-top: 10px;
}

.ml-1 {
  margin-left: 10px;
}

.mr-1 {
  margin-right: 10px;
}

.mb-1 {
  margin-bottom: 10px;
}

.p-1 {
  padding: 10px;
}

.pt-1 {
  padding-top: 10px;
}

.pl-1 {
  padding-left: 10px;
}

.pr-1 {
  padding-right: 10px;
}

.pb-1 {
  padding-bottom: 10px;
}

.col-1 {
  float: left;
  width: 100%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-2 {
  margin: 20px;
}

.mt-2 {
  margin-top: 20px;
}

.ml-2 {
  margin-left: 20px;
}

.mr-2 {
  margin-right: 20px;
}

.mb-2 {
  margin-bottom: 20px;
}

.p-2 {
  padding: 20px;
}

.pt-2 {
  padding-top: 20px;
}

.pl-2 {
  padding-left: 20px;
}

.pr-2 {
  padding-right: 20px;
}

.pb-2 {
  padding-bottom: 20px;
}

.col-2 {
  float: left;
  width: 50%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-3 {
  margin: 30px;
}

.mt-3 {
  margin-top: 30px;
}

.ml-3 {
  margin-left: 30px;
}

.mr-3 {
  margin-right: 30px;
}

.mb-3 {
  margin-bottom: 30px;
}

.p-3 {
  padding: 30px;
}

.pt-3 {
  padding-top: 30px;
}

.pl-3 {
  padding-left: 30px;
}

.pr-3 {
  padding-right: 30px;
}

.pb-3 {
  padding-bottom: 30px;
}

.col-3 {
  float: left;
  width: 33.3333333333%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-4 {
  margin: 40px;
}

.mt-4 {
  margin-top: 40px;
}

.ml-4 {
  margin-left: 40px;
}

.mr-4 {
  margin-right: 40px;
}

.mb-4 {
  margin-bottom: 40px;
}

.p-4 {
  padding: 40px;
}

.pt-4 {
  padding-top: 40px;
}

.pl-4 {
  padding-left: 40px;
}

.pr-4 {
  padding-right: 40px;
}

.pb-4 {
  padding-bottom: 40px;
}

.col-4 {
  float: left;
  width: 25%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-5 {
  margin: 50px;
}

.mt-5 {
  margin-top: 50px;
}

.ml-5 {
  margin-left: 50px;
}

.mr-5 {
  margin-right: 50px;
}

.mb-5 {
  margin-bottom: 50px;
}

.p-5 {
  padding: 50px;
}

.pt-5 {
  padding-top: 50px;
}

.pl-5 {
  padding-left: 50px;
}

.pr-5 {
  padding-right: 50px;
}

.pb-5 {
  padding-bottom: 50px;
}

.col-5 {
  float: left;
  width: 20%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-6 {
  margin: 60px;
}

.mt-6 {
  margin-top: 60px;
}

.ml-6 {
  margin-left: 60px;
}

.mr-6 {
  margin-right: 60px;
}

.mb-6 {
  margin-bottom: 60px;
}

.p-6 {
  padding: 60px;
}

.pt-6 {
  padding-top: 60px;
}

.pl-6 {
  padding-left: 60px;
}

.pr-6 {
  padding-right: 60px;
}

.pb-6 {
  padding-bottom: 60px;
}

.col-6 {
  float: left;
  width: 16.6666666667%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-7 {
  margin: 70px;
}

.mt-7 {
  margin-top: 70px;
}

.ml-7 {
  margin-left: 70px;
}

.mr-7 {
  margin-right: 70px;
}

.mb-7 {
  margin-bottom: 70px;
}

.p-7 {
  padding: 70px;
}

.pt-7 {
  padding-top: 70px;
}

.pl-7 {
  padding-left: 70px;
}

.pr-7 {
  padding-right: 70px;
}

.pb-7 {
  padding-bottom: 70px;
}

.col-7 {
  float: left;
  width: 14.2857142857%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-8 {
  margin: 80px;
}

.mt-8 {
  margin-top: 80px;
}

.ml-8 {
  margin-left: 80px;
}

.mr-8 {
  margin-right: 80px;
}

.mb-8 {
  margin-bottom: 80px;
}

.p-8 {
  padding: 80px;
}

.pt-8 {
  padding-top: 80px;
}

.pl-8 {
  padding-left: 80px;
}

.pr-8 {
  padding-right: 80px;
}

.pb-8 {
  padding-bottom: 80px;
}

.col-8 {
  float: left;
  width: 12.5%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-9 {
  margin: 90px;
}

.mt-9 {
  margin-top: 90px;
}

.ml-9 {
  margin-left: 90px;
}

.mr-9 {
  margin-right: 90px;
}

.mb-9 {
  margin-bottom: 90px;
}

.p-9 {
  padding: 90px;
}

.pt-9 {
  padding-top: 90px;
}

.pl-9 {
  padding-left: 90px;
}

.pr-9 {
  padding-right: 90px;
}

.pb-9 {
  padding-bottom: 90px;
}

.col-9 {
  float: left;
  width: 11.1111111111%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.m-10 {
  margin: 100px;
}

.mt-10 {
  margin-top: 100px;
}

.ml-10 {
  margin-left: 100px;
}

.mr-10 {
  margin-right: 100px;
}

.mb-10 {
  margin-bottom: 100px;
}

.p-10 {
  padding: 100px;
}

.pt-10 {
  padding-top: 100px;
}

.pl-10 {
  padding-left: 100px;
}

.pr-10 {
  padding-right: 100px;
}

.pb-10 {
  padding-bottom: 100px;
}

.col-10 {
  float: left;
  width: 10%;
}

.col-4 {
  width: 25%;
}
@media only screen and (max-width : 640px) {
  .col-4 {
    width: 100%;
  }
}

.clear-fix:after {
  content: "";
  clear: both;
  display: block;
}

@font-face {
  font-family: "vwtext_light";
  src: url("../fonts/vwtext_light.woff?v=3.2.1") format("woff"), url("../fonts/vwtext_light.eot?v=3.2.1"), url("../fonts/vwtext_light.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwtext_light.ttf?v=3.2.1") format("truetype"), url("../fonts/vwtext_light.svg#vwtext_lightregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwtext-regular";
  src: url("../fonts/vwtext-regular.woff?v=3.2.1") format("woff"), url("../fonts/vwtext-regular.eot?v=3.2.1"), url("../fonts/vwtext-regular.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwtext-regular.ttf?v=3.2.1") format("truetype"), url("../fonts/vwtext-regular.svg#vwtext-regularregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwtext-bold";
  src: url("../fonts/vwtext-bold.woff?v=3.2.1") format("woff"), url("../fonts/vwtext-bold.eot?v=3.2.1"), url("../fonts/vwtext-bold.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwtext-bold.ttf?v=3.2.1") format("truetype"), url("../fonts/vwtext-bold.svg#vwtext-boldregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwhead_light";
  src: url("../fonts/vwhead_light.woff?v=3.2.1") format("woff"), url("../fonts/vwhead_light.eot?v=3.2.1"), url("../fonts/vwhead_light.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwhead_light.ttf?v=3.2.1") format("truetype"), url("../fonts/vwhead_light.svg#vwhead_lightregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwhead_bold";
  src: url("../fonts/vwhead_bold.woff?v=3.2.1") format("woff"), url("../fonts/vwhead_bold.eot?v=3.2.1"), url("../fonts/vwhead_bold.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwhead_bold.ttf?v=3.2.1") format("truetype"), url("../fonts/vwhead_bold.svg#vwhead_boldregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vwhead_regular";
  src: url("../fonts/vwhead_regular.woff?v=3.2.1") format("woff"), url("../fonts/vwhead_regular.eot?v=3.2.1"), url("../fonts/vwhead_regular.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/vwhead_regular.ttf?v=3.2.1") format("truetype"), url("../fonts/vwhead_regular.svg#vwhead_regularregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  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: #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;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: red;
  font-size: 1.3em;
  text-align: center;
  padding: 3px 0;
  display: block;
}
.form-warning .ok {
  border: 1px solid #22ac43;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  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: 1023px) {
  #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: 1023px) {
  #isresponsive {
    display: block;
  }
}

* {
  min-height: 0;
  min-width: 0;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}

html, body {
  background-color: #EEEEEE;
}

html {
  min-height: 100%;
}

body {
  font-size: 10px;
  font-family: "vwtext-regular", Arial;
  color: #1b1b1b;
}

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

svg:not(:root) {
  overflow: hidden;
}

.css_mce blockquote,
.css_mce p {
  font-family: "vwtext-regular", "Arial";
  color: #1b1b1b;
  padding: 0;
}
.css_mce blockquote.center,
.css_mce p.center {
  text-align: center;
}
.css_mce blockquote .emphasize,
.css_mce p .emphasize {
  color: #1b1b1b;
}
.css_mce blockquote a,
.css_mce p a {
  color: #00b0f0;
  font-family: "vwtext-regular", "Arial";
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  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: #00b0f0;
}
.css_mce blockquote strong,
.css_mce p strong {
  font-family: "vwtext-bold";
  font-weight: normal;
}
.css_mce p {
  margin: 0 0 20px 0;
}
@media only screen and (max-width : 640px) {
  .css_mce p {
    margin-bottom: 10px;
  }
}
.css_mce p.signature img {
  max-width: 400px;
}
.css_mce ol > li, .css_mce ul > li, .css_mce p, .css_mce td {
  font-size: 1.6em;
}
@media only screen and (max-width : 640px) {
  .css_mce ol > li, .css_mce ul > li, .css_mce p, .css_mce td {
    font-size: 1.4em;
  }
}
.css_mce h6, .css_mce h5, .css_mce h4, .css_mce h3, .css_mce .h3, .css_mce h2, .css_mce .h2, .css_mce h1, .css_mce .h1 {
  display: block;
  font-weight: normal;
  font-size: 2.2em;
  color: #001e50;
  padding: 0;
  margin: 0 0 20px;
  font-family: "vwtext-bold", "Arial";
  text-align: left;
}
.css_mce h1, .css_mce .h1 {
  font-size: 3em;
}
.css_mce h3, .css_mce .h3, .css_mce h4, .css_mce .h4, .css_mce h5, .css_mce .h5 {
  font-size: 1.8em;
}
.css_mce hr {
  border: 0;
  padding: 0;
  display: block;
  height: 1px;
  width: 100%;
  overflow: hidden;
  background-color: #00b0f0;
  margin-bottom: 20px;
  margin-top: 20px;
}
.css_mce ol,
.css_mce ul {
  margin: 0 0 15px 0;
  padding: 0 0 0 25px;
  list-style-position: outside;
}
.css_mce ol > li,
.css_mce ul > li {
  list-style-position: outside;
  font-family: "vwtext-regular", "Arial";
  padding: 0;
  margin: 0;
  position: relative;
  color: #1b1b1b;
}
.css_mce ol > li strong,
.css_mce ul > li strong {
  color: #00b0f0;
  font-family: "vwtext-bold";
  font-weight: normal;
}
.css_mce ol > li a,
.css_mce ul > li a {
  font-family: "vwtext-regular", "Arial";
  color: #23527c;
  text-decoration: none;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.css_mce ol > li a:hover,
.css_mce ul > li a:hover {
  color: #001e50;
}
.css_mce ol > li strong,
.css_mce ul > li strong {
  font-weight: normal;
  font-family: "vwtext-bold";
}
.css_mce ol > li ul,
.css_mce ul > li ul {
  margin-bottom: 0;
}
.css_mce ol > li ul li,
.css_mce ul > li ul li {
  font-size: 1em;
}
.css_mce table {
  border: 0;
  max-width: 100%;
  padding: 0;
  margin-bottom: 10px;
  border-collapse: collapse;
  background: #E2ECEF;
}
.css_mce table th,
.css_mce table td {
  border-collapse: collapse;
  padding: 15px 5px;
  font-size: 1.6em;
  border: 1px solid #fff;
  font-family: "vwtext-regular", "Arial";
}
.css_mce table th p,
.css_mce table td p {
  display: inline;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.css_mce table th table th,
.css_mce table th table td,
.css_mce table td table th,
.css_mce table td table td {
  font-size: 1em;
}
.css_mce table tr {
  background-color: #fff;
}
.css_mce table tr th {
  text-align: center;
  color: #fff;
  background: #dfe4e8;
  font-weight: normal;
}
.css_mce table tr td {
  text-align: center;
  color: #1b1b1b;
  border-color: #dfe4e8;
}
.css_mce table tr:nth-child(even) {
  background-color: #dfe4e8;
}
.css_mce .uppercase {
  text-transform: uppercase;
}
.css_mce .clear {
  clear: both;
}
.css_mce .fondFonce1 h6, .css_mce .fondFonce1 h5, .css_mce .fondFonce1 h4, .css_mce .fondFonce1 h3, .css_mce .fondFonce1 .h3, .css_mce .fondFonce1 h2, .css_mce .fondFonce1 .h2, .css_mce .fondFonce1 h1, .css_mce .fondFonce1 .h1, .css_mce .fondFonce1 p, .css_mce .fondFonce1 p a, .css_mce .fondFonce1 li, .css_mce .fondFonce1 li a, .css_mce .fondFonce1 td a, .css_mce .fondFonce1 strong, .css_mce .fondFonce1 td {
  color: #ffffff;
}
.css_mce .smallBt,
.css_mce .bigBt {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  font-size: 2.2em;
  padding: 15px 25px;
  margin: 0;
  text-decoration: none;
  background-color: #00b0f0;
  cursor: pointer;
  border: none;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
@media only screen and (max-width : 640px) {
  .css_mce .smallBt,
.css_mce .bigBt {
    font-size: 1.4em;
  }
}
.css_mce .smallBt:hover,
.css_mce .bigBt:hover {
  background-color: #001e50;
}
.css_mce p .bigBt {
  font-size: 1em;
}
.css_mce p .smallBt {
  padding: 5px 10px;
  font-size: 0.9em;
}
.css_mce p .smallBt:hover {
  color: #ffffff;
}
.css_mce .imageGauche {
  float: left;
  padding: 0 15px 0 0;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .css_mce .imageGauche {
    float: none;
    padding: 0;
  }
}
.css_mce .imageDroite {
  float: right;
  padding: 0 0 0 15px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
@media only screen and (max-width : 640px) {
  .css_mce .imageDroite {
    float: none;
    padding: 0;
  }
}
.css_mce img {
  height: auto;
  max-width: 100%;
}
.css_mce .clear {
  clear: both;
  font-size: 0px;
}
.css_mce .button-tpl {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  background-color: #000;
  font-size: 20px;
  padding: 15px;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
@media only screen and (min-width : 1300px) and (max-width: 1700px) {
  .css_mce .button-tpl {
    font-size: 1.7em;
  }
}
@media only screen and (min-width : 1000px) and (max-width: 1300px) {
  .css_mce .button-tpl {
    font-size: 1.5em;
  }
}
@media only screen and (max-width : 480px) {
  .css_mce .button-tpl {
    font-size: 16px;
    padding: 10px;
  }
}
.css_mce .button-tpl:hover, .css_mce .button-tpl.selected {
  background-color: #001e50;
  color: #ffffff;
}
.css_mce .button-tpl:hover .fa, .css_mce .button-tpl.selected .fa {
  color: inherit;
}
.css_mce p .large-button, .css_mce li .large-button {
  display: block;
  color: #ffffff;
  background-color: #a9e3ff;
  padding: 15px;
  font-size: 1.2em;
  text-decoration: none;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width : 640px) {
  .css_mce p .large-button, .css_mce li .large-button {
    font-size: 1em;
  }
}
.css_mce p a.large-button:hover, .css_mce li a.large-button:hover {
  background-color: #00b0f0;
  color: #ffffff;
}
.css_mce .no-result {
  padding-top: 45px;
  margin-bottom: 60px;
}
.css_mce .no-result p {
  text-align: center;
}
.css_mce .no-result p .fa {
  color: #57514d;
  font-size: 3em;
}
.css_mce .fichierCouts ul, .css_mce .fichierCouts li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.css_mce .fichierCouts ul li {
  display: inline-block;
  margin: 0 5px 5px 0;
}
.css_mce .fichierCouts ul li a {
  display: block;
  color: #fff !important;
  text-decoration: none;
  padding: 10px;
  text-transform: uppercase;
  font-size: 1em;
  font-family: "vwtext-bold", "Arial";
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.css_mce .fichierCouts ul li a span {
  margin-right: 10px;
}
.css_mce .fichierCouts ul li a:hover {
  color: #fff !important;
}
.css_mce code {
  font-family: inherit;
}
.css_mce pre {
  padding: 5px;
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: 1.6em;
}
.css_mce.dark h1, .css_mce.dark h2, .css_mce.dark h3, .css_mce.dark h4, .css_mce.dark p, .css_mce.dark li {
  color: #ffffff;
}

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

.sep {
  height: 15px;
}

body.front #footer > .container {
  padding: 15px 0;
}
body.front #footer p {
  text-align: center;
  color: #ffffff;
  font-size: 1.4em;
  padding: 0;
  margin: 0;
}
body.front #footer p a {
  color: inherit;
  text-decoration: none;
}
body.front #footer p a:hover {
  text-decoration: underline;
}
body.front .identify {
  padding: 30px 0;
}
body.front .identify .container {
  box-shadow: 0 10px 20px #00000030, 0 6px 6px #0000003b;
  background-color: #fff;
}
body.front .identify .container .line-form {
  padding: 50px 30px;
}

body.commercial {
  background-color: #fff;
}

form.langues select {
  font-size: 1.4em;
  text-transform: uppercase;
  color: #555555;
  padding: 5px;
  border: 0;
}
form.langues select option {
  text-transform: uppercase;
}

.line-title {
  display: flex;
  padding: 20px;
  align-items: stretch;
}
.line-title .txt {
  font-family: "vwhead_light";
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  font-size: 2em;
  color: #ffffff;
  flex: 1;
}
.line-title .langues {
  display: block;
  text-align: right;
  align-self: flex-end;
}
.line-title .langues .close {
  border: 0;
  display: block;
  padding: 0;
  margin: 0;
  color: #ffffff;
  cursor: pointer;
  font-size: 2em;
  background-color: transparent;
}

.color1_hover:hover,
.color1 {
  color: #001e50;
}

.bgcolorvert {
  background-color: #00872b !important;
}

.bgcolor1_hover:hover,
.bgcolor1 {
  background-color: #001e50;
}

.color2 {
  color: #00b0f0;
}

.bgcolor2 {
  background-color: #00b0f0;
}

.bgcolor1opac {
  background-color: #001e50;
}

.bgcolor2opac {
  background-color: #00B0F0D6;
}

body.account {
  background-color: #fff;
}

#header {
  margin-bottom: 40px;
  position: relative;
  z-index: 10;
}
#header .container {
  max-width: 1260px;
}
#header .line-usurping {
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
}
#header .line-usurping .container {
  padding: 10px 0;
}
#header .line-usurping .container p {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  font-size: 1.4em;
  color: #1b1b1b;
}
#header .line-usurping .container p a {
  color: inherit;
  text-decoration: underline;
}
#header .line-usurping .container p a:hover {
  text-decoration: none;
}
#header .line-logo .container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 20px 0;
}
#header .line-logo .container .logo {
  align-self: center;
  max-width: 300px;
}
#header .line-logo .container .logo a {
  display: block;
  text-decoration: none;
}
#header .line-logo .container .logo a img {
  max-width: 250px;
}
#header .line-logo .container .links {
  display: flex;
  align-items: center;
  position: relative;
}
#header .line-logo .container .links .col-owner {
  width: 80px;
  display: flex;
  flex-direction: column;
  margin-right: 50px;
}
#header .line-logo .container .links .col-owner.col-owner-commercial {
  margin-right: 0;
  width: auto;
}
#header .line-logo .container .links .col-owner .mirane {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 5px;
}
#header .line-logo .container .links .col-owner .mirane a {
  color: inherit;
  display: block;
  text-align: center;
}
#header .line-logo .container .links .col-owner .mirane a img {
  max-width: 100%;
}
#header .line-logo .container .links .col-owner .line-langues {
  display: block;
}
#header .line-logo .container .links .col-owner .line-langues form.langues select {
  background-color: #e8e7e7;
  width: 100%;
}
#header .line-logo .container .links .col-user {
  width: 160px;
  background-color: #e8e7e7;
  align-self: stretch;
}
#header .line-logo .container .links .col-user ul, #header .line-logo .container .links .col-user li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
#header .line-logo .container .links .col-user ul a, #header .line-logo .container .links .col-user ul span, #header .line-logo .container .links .col-user li a, #header .line-logo .container .links .col-user li span {
  display: block;
}
#header .line-logo .container .links .col-user ul > a, #header .line-logo .container .links .col-user ul > span, #header .line-logo .container .links .col-user li > a, #header .line-logo .container .links .col-user li > span {
  color: #000000;
}
#header .line-logo .container .links .col-user > ul {
  height: 100%;
}
#header .line-logo .container .links .col-user > ul > li {
  font-size: 1.4em;
  height: 100%;
}
#header .line-logo .container .links .col-user > ul > li > span {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: stretch;
  padding: 25px 0;
  color: #000000;
}
#header .line-logo .container .links .col-user > ul > li > span .alignme {
  flex: 1;
  align-self: center;
  padding-left: 5px;
  padding-right: 5px;
}
#header .line-logo .container .links .col-user > ul > li > span .icon {
  text-align: center;
  display: block;
  margin-bottom: 5px;
  font-size: 1.4em;
}
#header .line-logo .container .links .col-user > ul > li > span .icon .fa {
  font-size: 1.4em;
}
#header .line-logo .container .links .col-user > ul > li > span .societe {
  text-align: center;
  text-transform: uppercase;
  font-family: "vwtext_light";
}
#header .line-logo .container .links .col-user > ul > li ul {
  display: none;
  background-color: #e8e7e7;
  position: absolute;
  top: 100%;
  right: 0;
  width: 320px;
  z-index: 10;
  -webkit-box-shadow: 0 10px 20px #00000030, 0 6px 6px #0000003b;
  -moz-box-shadow: 0 10px 20px #00000030, 0 6px 6px #0000003b;
  box-shadow: 0 10px 20px #00000030, 0 6px 6px #0000003b;
}
#header .line-logo .container .links .col-user > ul > li ul li {
  display: block;
}
#header .line-logo .container .links .col-user > ul > li ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
  color: #000000;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-top: 2px solid #bbb;
}
#header .line-logo .container .links .col-user > ul > li ul li a:hover {
  background-color: #bbb;
  color: #ffffff;
}
#header .line-logo .container .links .col-user > ul > li ul li a:hover .icon {
  color: #ffffff;
}
#header .line-logo .container .links .col-user > ul > li ul li a .icon {
  font-size: 1.4em;
  padding-right: 20px;
  color: inherit;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#header .line-logo .container .links .col-user > ul > li ul li a .text {
  flex: 1;
  color: inherit;
}
#header .line-logo .container .links .col-user > ul > li ul li a .text strong {
  display: block;
}
#header .line-logo .container .links .col-user > ul > li:hover ul {
  display: block;
}
#header .line-logo .container .links .col-cart {
  display: flex;
  width: 160px;
  align-self: stretch;
  color: #ffffff;
  font-size: 1.4em;
  height: 100%;
}
#header .line-logo .container .links .col-cart a {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: stretch;
  flex: 1;
  color: #ffffff;
  padding: 25px 0;
}
#header .line-logo .container .links .col-cart a .alignme {
  flex: 1;
  align-self: center;
}
#header .line-logo .container .links .col-cart a .icon {
  text-align: center;
  display: block;
  margin-bottom: 5px;
  font-size: 1.4em;
}
#header .line-logo .container .links .col-cart a .icon .fa {
  position: relative;
  font-size: 1.4em;
}
#header .line-logo .container .links .col-cart a .icon .fa .nb {
  color: #ffffff;
  position: absolute;
  top: -10px;
  right: -20px;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  padding: 5px 0;
  font-size: 14px;
  font-family: "vwtext-regular";
}
#header .line-logo .container .links .col-cart a .text {
  display: block;
  text-align: center;
}
#header .navbar .container ul, #header .navbar .container li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .navbar .container > ul {
  display: block;
  position: relative;
}
#header .navbar .container > ul > li {
  display: inline-block;
}
#header .navbar .container > ul > li a {
  text-decoration: none;
}
#header .navbar .container > ul > li > span,
#header .navbar .container > ul > li > a {
  display: block;
  cursor: pointer;
  padding: 15px 10px;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "vwtext-bold";
  font-size: 1.4em;
  opacity: 0.8;
  border: 0;
}
#header .navbar .container > ul > li > ul {
  display: none;
  background-color: #eee;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 10px 20px #00000030, 0 6px 6px #0000003b;
  -moz-box-shadow: 0 10px 20px #00000030, 0 6px 6px #0000003b;
  box-shadow: 0 10px 20px #00000030, 0 6px 6px #0000003b;
}
#header .navbar .container > ul > li > ul > li {
  width: 25%;
  vertical-align: top;
  display: inline-block;
}
#header .navbar .container > ul > li > ul > li h2 {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: normal;
  font-family: "vwtext_light";
  padding: 20px;
}
@media only screen and (min-width : 641px) and (max-width: 1023px) {
  #header .navbar .container > ul > li > ul > li h2 {
    font-size: 1.4em;
  }
}
#header .navbar .container > ul > li > ul > li ul {
  padding-bottom: 20px;
}
#header .navbar .container > ul > li > ul > li ul li a {
  display: block;
  border-left: 5px solid transparent;
  padding: 3px 10px 3px 20px;
  color: #666666;
  font-size: 1.4em;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#header .navbar .container > ul > li > ul > li ul li a:hover {
  border-left-color: #333;
  color: #000000;
}
#header .navbar .container > ul > li.selected > span,
#header .navbar .container > ul > li.selected > a, #header .navbar .container > ul > li:hover > span,
#header .navbar .container > ul > li:hover > a {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#header .navbar .container > ul > li:hover > ul {
  display: block;
}

.cont-contact {
  margin-bottom: 40px;
}
.cont-contact > .container {
  max-width: 1260px;
  display: flex;
  align-items: stretch;
}
.cont-contact > .container .col-text {
  flex: 1;
  background: #fff none center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.cont-contact > .container .col-text .carte {
  padding: 30px;
}
.cont-contact > .container .col-form {
  flex: 1;
  padding: 30px;
}
.cont-panier,
.cont-profil {
  margin-bottom: 40px;
}
.cont-panier > .container,
.cont-profil > .container {
  max-width: 1260px;
}
.cont-panier > .container .col-form,
.cont-profil > .container .col-form {
  padding: 30px;
  background-color: #f6f6f6;
}
.cont-panier > .container .col-form .formulaire form .line-input,
.cont-profil > .container .col-form .formulaire form .line-input {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding: 0 10px;
}
.cont-panier > .container .col-form .formulaire form .legend,
.cont-profil > .container .col-form .formulaire form .legend {
  margin-top: 10px;
  padding: 0 10px;
}
.cont-panier > .container .col-form .formulaire form .line-input-submit button:hover,
.cont-profil > .container .col-form .formulaire form .line-input-submit button:hover {
  background-color: #000 !important;
  color: #ffffff !important;
}

.cont-panier,
.cont-commandes {
  margin-bottom: 40px;
}
.cont-panier > .container,
.cont-commandes > .container {
  max-width: 1260px;
}

.cont-panier .ligne-signature {
  margin: 40px 0;
}
.cont-panier .ligne-signature .download, .cont-panier .ligne-signature .upload {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 30px;
}
.cont-panier .ligne-signature .download .icon, .cont-panier .ligne-signature .upload .icon {
  display: inline-block;
  font-size: 5em;
  color: #333333;
  margin-right: 30px;
  vertical-align: middle;
  width: 50px;
  text-align: center;
}
.cont-panier .ligne-signature .download > a, .cont-panier .ligne-signature .download form, .cont-panier .ligne-signature .upload > a, .cont-panier .ligne-signature .upload form {
  display: inline-block;
  width: 60%;
}
.cont-panier .ligne-signature .upload form {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.cont-panier .ligne-signature .upload form input {
  display: none;
}
.cont-panier .ligne-signature .upload form label {
  display: block;
}
.cont-panier .ligne-signature .upload form label .fa-spin {
  opacity: 0;
  margin-left: 15px;
}
.cont-panier .ligne-signature .upload form.submitting {
  opacity: 0.6;
}
.cont-panier .ligne-signature .upload form.submitting label .fa-spin {
  opacity: 1;
}
.cont-panier .ligne-signature .upload form label,
.cont-panier .ligne-signature .download a {
  cursor: pointer;
  text-decoration: none;
  padding: 20px 15px;
  background-color: #eee;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-align: left;
  color: #333333;
  font-size: 1.6em;
}
.cont-panier .ligne-signature .upload form label .chiffre,
.cont-panier .ligne-signature .download a .chiffre {
  font-size: 30px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.cont-panier .ligne-signature .upload form label:hover,
.cont-panier .ligne-signature .download a:hover {
  background-color: #666;
  color: #ffffff;
}
.cont-panier .titre-fichiers {
  margin: 0 0 20px;
  padding: 0;
  font-family: "vwtext-regular";
  color: #333;
  font-size: 2em;
  font-weight: normal;
}
.cont-panier .msg-bleu,
.cont-panier .msg-rouge {
  margin-bottom: 40px;
  color: #ffffff;
  padding: 20px;
  background-color: #001e50;
}
.cont-panier .msg-bleu p,
.cont-panier .msg-rouge p {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
}
.cont-panier .msg-bleu {
  background-color: #00b0f0;
}
.cont-panier .msg-bleu p {
  font-size: 1.6em;
}
.cont-panier .signature-fichiers {
  margin-bottom: 40px;
}
.cont-panier .signature-fichiers ul, .cont-panier .signature-fichiers li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cont-panier .signature-fichiers ul li {
  align-items: center;
  border-bottom: 2px solid #eee;
  display: flex;
  justify-content: space-between;
  padding: 25px;
  font-size: 1.4em;
}
.cont-panier .signature-fichiers ul li:nth-child(odd) {
  background-color: #f6f6f6;
}
.cont-panier .signature-fichiers ul li a {
  text-decoration: none;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.cont-panier .signature-fichiers ul li a:hover {
  opacity: 0.6;
}
.cont-panier .signature-fichiers ul li .rm {
  font-size: 1.6em;
  color: #e84733;
}
.cont-panier .signature-confirm {
  margin-bottom: 40px;
  text-align: center;
}
.cont-panier .signature-confirm a {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  background-color: #001e50;
  text-transform: uppercase;
  padding: 15px 50px;
  border: 2px solid #fff;
  font-size: 1.4em;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-panier .signature-confirm a:hover {
  background-color: #fff !important;
  border-color: #333333;
  color: #000;
}
.cont-panier .panier-etapes {
  margin-bottom: 40px;
}
.cont-panier .panier-etapes ul, .cont-panier .panier-etapes li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.cont-panier .panier-etapes ul {
  display: flex;
}
.cont-panier .panier-etapes ul li {
  flex: 1;
  font-family: "vwtext_light";
  text-transform: uppercase;
  text-align: center;
  color: #ccc;
  font-size: 1.4em;
  padding: 10px;
  border-bottom: 5px solid #eee;
}
.cont-panier .panier-etapes ul li.selected {
  color: #222222;
  border-color: #222;
}

#popupInvMiniNonAtteint {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5000;
  align-items: center;
  display: none;
}
#popupInvMiniNonAtteint.active {
  display: flex;
}
#popupInvMiniNonAtteint .container {
  background-color: #fff;
  max-width: 700px;
}
#popupInvMiniNonAtteint .container .content {
  padding: 40px 30px 40px 30px;
}
#popupInvMiniNonAtteint .container .content .panier-boutons {
  margin-bottom: 0;
}

.panier-boutons {
  margin-top: 40px;
  margin-bottom: 40px;
}
.panier-boutons ul, .panier-boutons li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.panier-boutons ul {
  text-align: center;
}
.panier-boutons ul li {
  display: inline-block;
  margin: 0 10px;
  font-size: 1.4em;
}
.panier-boutons ul li a {
  display: block;
  text-transform: uppercase;
  color: #555555;
  border: 2px solid #fff;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 10px;
  background-color: #eee;
  text-decoration: none;
}
.panier-boutons ul li a.bgcolor1 {
  color: #ffffff;
}
.panier-boutons ul li a:hover {
  background-color: #fff !important;
  border-color: #333333;
  color: #000;
}

.cont-dispositif {
  margin-bottom: 40px;
}
.cont-dispositif > .container {
  max-width: 1260px;
}
.cont-dispositif > .container .line-product {
  display: flex;
  align-items: stretch;
  margin-bottom: 40px;
}
.cont-dispositif > .container .line-product .gauche {
  flex: 1;
  padding-right: 20px;
}
.cont-dispositif > .container .line-product .gauche .galerie {
  margin-bottom: 30px;
  display: flex;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-galerie {
  width: 120px;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-galerie ul, .cont-dispositif > .container .line-product .gauche .galerie .col-galerie li, .cont-dispositif > .container .line-product .gauche .galerie .col-galerie button {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-galerie ul {
  padding-right: 20px;
  display: block;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-galerie ul li {
  display: block;
  margin-bottom: 10px;
  padding: 1px;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-galerie ul li button {
  cursor: pointer;
  opacity: 0.6;
  background: transparent none center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-galerie ul li button img {
  width: 100%;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-galerie ul li button.selected, .cont-dispositif > .container .line-product .gauche .galerie .col-galerie ul li button:hover {
  opacity: 1;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-visuel {
  flex: 1;
}
.cont-dispositif > .container .line-product .gauche .galerie .col-visuel img {
  width: 100%;
}
.cont-dispositif > .container .line-product .gauche .details .css_mce h2 {
  color: #000000 !important;
  font-size: 2em;
}
.cont-dispositif > .container .line-product .gauche .details .css_mce p, .cont-dispositif > .container .line-product .gauche .details .css_mce li {
  font-family: "vwtext_light";
}
.cont-dispositif > .container .line-product .gauche .details .css_mce li {
  margin-bottom: 20px;
}
.cont-dispositif > .container .line-product .droite {
  flex: 1;
}
.cont-dispositif > .container .line-product .droite > .css_mce {
  background-color: #dfe4e8;
  padding: 30px;
}
.cont-dispositif > .container .line-product .droite > .css_mce h1 {
  color: #000 !important;
  text-transform: none;
  font-size: 2em;
}
.cont-dispositif > .container .line-product .droite > .css_mce h2 {
  color: #000 !important;
  font-size: 1.8em;
  font-family: "vwtext-regular";
}
.cont-dispositif > .container .line-product .droite > .css_mce p, .cont-dispositif > .container .line-product .droite > .css_mce li {
  font-family: "vwtext_light";
}
.cont-dispositif > .container .line-product .droite .achat {
  padding: 30px;
}
.cont-dispositif > .container .line-product .droite .achat .warning-gris {
  background-color: #555;
  color: #ffffff;
  padding: 20px;
}
.cont-dispositif > .container .line-product .droite .achat .warning-gris p {
  padding: 0;
  margin: 0;
  color: inherit;
}
.cont-dispositif > .container .line-product .droite .achat .warning-gris p strong {
  font-weight: normal;
  font-family: "vwtext-bold";
}
.cont-dispositif > .container .line-product .droite .achat form {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-dispositif > .container .line-product .droite .achat form.submitting {
  opacity: 0.6;
  position: relative;
}
.cont-dispositif > .container .line-product .droite .achat form.submitting:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.cont-dispositif > .container .line-product .droite .achat .line-modeles {
  display: flex;
  margin-bottom: 30px;
}
.cont-dispositif > .container .line-product .droite .achat .line-modeles div {
  flex: 1;
}
.cont-dispositif > .container .line-product .droite .achat .line-modeles div.cont-qtt {
  padding-left: 20px;
}
.cont-dispositif > .container .line-product .droite .achat .line-modeles select {
  display: block;
  background-color: #fff;
  font-size: 1.4em;
  border: 0;
  width: 100%;
  padding: 15px;
  color: #333333;
}
.cont-dispositif > .container .line-product .droite .achat h2 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "vwtext-regular";
  font-weight: normal;
  font-size: 1.8em;
}
.cont-dispositif > .container .line-product .droite .achat ul, .cont-dispositif > .container .line-product .droite .achat li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.cont-dispositif > .container .line-product .droite .achat .choix {
  margin-bottom: 30px;
}
.cont-dispositif > .container .line-product .droite .achat .choix li label {
  display: block;
  padding: 20px;
  font-size: 1.4em;
  color: #ffffff;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-dispositif > .container .line-product .droite .achat .choix li label:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.cont-dispositif > .container .line-product .droite .achat .choix li label.selected {
  background-color: #fff;
  color: #000000;
}
.cont-dispositif > .container .line-product .droite .achat .choix li label input {
  float: right;
}
.cont-dispositif > .container .line-product .droite .achat .choix li label .investissement-fonctionnement {
  display: block;
}
.cont-dispositif > .container .line-product .droite .achat .choix li .impossible-msg {
  display: none;
  background-color: #001e50;
  color: #ffffff;
  font-size: 1.4em;
  padding: 20px;
}
.cont-dispositif > .container .line-product .droite .achat .choix li .impossible-msg p {
  padding: 0;
  margin: 0;
  color: inherit;
}
.cont-dispositif > .container .line-product .droite .achat .choix li .impossible-msg p.p1 {
  margin-bottom: 15px;
}
.cont-dispositif > .container .line-product .droite .achat .choix li .impossible-msg p strong {
  font-weight: normal;
  font-family: "vwtext-bold";
}
.cont-dispositif > .container .line-product .droite .achat .choix li:hover .impossible-msg {
  display: block;
}
.cont-dispositif > .container .line-product .droite .achat .line-input-submit {
  text-align: right;
}
.cont-dispositif > .container .line-product .droite .achat .line-input-submit button {
  display: inline-block;
  margin: 0;
  padding: 10px;
  border: 0;
  background-color: #fff;
  font-size: 10px;
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-dispositif > .container .line-product .droite .achat .line-input-submit button .flexme {
  display: flex;
}
.cont-dispositif > .container .line-product .droite .achat .line-input-submit button .flexme .fa {
  font-size: 30px;
  padding-right: 10px;
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-dispositif > .container .line-product .droite .achat .line-input-submit button .flexme .text {
  font-size: 1.4em;
  text-align: left;
  text-transform: uppercase;
  font-family: "vwtext-bold";
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-dispositif > .container .line-carac {
  margin-bottom: 40px;
}
.cont-dispositif > .container .line-carac .onglets ul, .cont-dispositif > .container .line-carac .onglets li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cont-dispositif > .container .line-carac .onglets ul li {
  display: inline-block;
  margin-right: 20px;
}
.cont-dispositif > .container .line-carac .onglets ul li button {
  display: block;
  margin: 0;
  padding: 20px;
  cursor: pointer;
  background-color: #dfe4e8;
  border: 0;
  font-size: 1.4em;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-transform: uppercase;
  border-bottom: none;
  color: #000;
}
.cont-dispositif > .container .line-carac .onglets ul li button.selected, .cont-dispositif > .container .line-carac .onglets ul li button:hover {
  background-color: #b6bfc5;
}
.cont-dispositif > .container .line-carac .caracs .carac {
  display: none;
  border: 1px solid #dfe4e8;
  padding: 20px;
}
.cont-dispositif > .container .line-carac .caracs .carac.selected {
  display: block;
}
.cont-dispositif > .container .line-carac .caracs .carac .css_mce table {
  border: 1px solid #dfe4e8;
  width: 100%;
  margin-bottom: 0;
}

.cont-dispositifs {
  margin-bottom: 40px;
}
.cont-dispositifs > .container {
  background-color: #E8E7E7;
  padding: 15px;
  max-width: 1260px;
}
.cont-dispositifs > .container ul, .cont-dispositifs > .container li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.cont-dispositifs > .container .pack-titre {
  font-size: 3em;
  padding-top: 10px;
  padding-left: 52px;
}
.cont-dispositifs > .container .liste-dispositifs {
  text-align: left;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif {
  padding: 25px;
  display: inline-block;
}
@media only screen and (min-width : 641px) and (max-width: 1023px) {
  .cont-dispositifs > .container .liste-dispositifs .liste-dispositif {
    width: 50%;
  }
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a {
  display: block;
  cursor: pointer;
  height: 340px;
  width: 340px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width : 641px) and (max-width: 1023px) {
  .cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a {
    width: 100%;
    height: 300px;
  }
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a .visuel {
  position: absolute;
  top: 0;
  width: 110%;
  left: -10%;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a .information {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  min-height: 43px;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
  color: #ffffff;
  text-align: left;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a .information .icon {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a .information .icon .fa {
  font-size: 2em;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a .information .titre {
  display: block;
  font-size: 1.4em;
  font-family: "vwtext-bold";
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 100%;
  padding: 0 10px 0 40px;
  transition: all 0.3s ease-in;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a .information .accroche {
  display: block;
  font-size: 1.2em;
  position: absolute;
  text-transform: uppercase;
  top: 60px;
  left: 0px;
  width: 100%;
  padding: 0 10px 0 40px;
  transition: all 0.3s ease-in;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a:hover .visuel {
  left: 0;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a:hover .information {
  min-height: 85px;
}
.cont-dispositifs > .container .liste-dispositifs .liste-dispositif > a:hover .information .accroche {
  top: 40px;
}

.pagination {
  text-align: center;
  font-size: 1.3em;
  padding-top: 20px;
}
.pagination span {
  display: inline-block;
  width: 35px;
  border: 1px solid #666;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  margin: 0 3px;
}
.pagination span.current, .pagination span a {
  color: #666;
  padding: 10px 0;
}
.pagination span a {
  display: block;
}
.pagination span:hover, .pagination span.current {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.pagination span:hover a, .pagination span.current a {
  color: #ffffff;
  text-decoration: none;
}

.formulaire form {
  display: block;
  padding: 0;
  margin: 0;
}
.formulaire form .legend {
  text-transform: uppercase;
  font-size: 2em;
  margin-bottom: 20px;
}
.formulaire form .line-input {
  margin-bottom: 25px;
}
.formulaire form .line-input p {
  margin-bottom: 10px;
  font-size: 1.4em;
}
.formulaire form .line-input.has-parent {
  display: none;
  padding-left: 20px;
  border-left: 5px solid #ddd;
}
.formulaire form .line-input > label {
  display: block;
  font-size: 1.6em;
  margin-bottom: 10px;
}
.formulaire form .line-input > label.important:after {
  content: "*";
  color: #ff0000;
}
.formulaire form .line-input > label.disabled:after {
  content: "**";
  color: #000;
}
.formulaire form .line-input > label.strong {
  font-weight: normal;
}
.formulaire form .line-input > label.obligatoire {
  font-style: italic;
  font-size: 1.2em;
}
.formulaire form .line-input > label.champ-disabled {
  font-style: italic;
  font-size: 1.2em;
}
.formulaire form .line-input > label a {
  color: inherit;
  text-decoration: underline;
}
.formulaire form .line-input .input {
  width: 100%;
}
.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: block;
  padding: 10px;
  border: 2px solid #aaa;
  font-size: 1.6em;
  font-family: "vwtext-regular", Arial;
  width: 100%;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  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 {
  border-color: #ccc;
  background-color: #fff;
}
.formulaire form .line-input .input textarea:disabled,
.formulaire form .line-input .input input[type=text]:disabled,
.formulaire form .line-input .input input[type=date]:disabled,
.formulaire form .line-input .input input[type=email]:disabled,
.formulaire form .line-input .input input[type=password]:disabled,
.formulaire form .line-input .input input[type=tel]:disabled,
.formulaire form .line-input .input input[type=file]:disabled,
.formulaire form .line-input .input select:disabled {
  background-color: #ddd;
}
.formulaire form .line-input .input textarea {
  height: 90px;
  overflow: auto;
}
.formulaire form .line-input .input.input-date > div {
  display: flex;
}
.formulaire form .line-input .input.input-date select {
  width: auto;
  display: inline-block;
  margin-right: 5px;
}
.formulaire form .line-input .input .line-input-titre {
  font-size: 1.6em;
  font-weight: normal;
  font-family: "vwtext-bold";
}
.formulaire form .line-input .input .vich-image {
  vertical-align: middle;
}
.formulaire form .line-input .input .vich-image input[type=file] {
  width: auto;
  max-width: 300px;
  margin-bottom: 5px;
}
.formulaire form .line-input .input .vich-image > div {
  display: block;
  margin-bottom: 5px;
}
.formulaire form .line-input .input .vich-image > div label {
  display: inline-block;
  font-size: 1.4em;
}
.formulaire form .line-input .input .vich-image > div input {
  margin-left: 5px;
}
.formulaire form .line-input .input .vich-image > a {
  display: inline-block;
  font-size: 1.4em;
  color: #000000;
  vertical-align: middle;
  margin-right: 10px;
}
.formulaire form .line-input .input .vich-image > a img {
  max-width: 200px;
  max-height: 100px;
}
.formulaire form .line-input.line-bicol > .input,
.formulaire form .line-input.line-bicol > label {
  display: inline-block;
  width: auto;
}
.formulaire form .line-input.line-bicol > label {
  padding-right: 15px;
}
.formulaire form .line-input.line-bicol > .input {
  width: 200px;
}
.formulaire form .line-input .line-input-checkbox-expanded label {
  font-size: 1.4em;
}
.formulaire form .line-input .line-input-checkbox-expanded .choice-expanded-line {
  margin-bottom: 3px;
}
.formulaire form .line-input .line-input-checkbox-expanded .choice-expanded-line label {
  display: inline-block;
  margin-left: 5px;
}
.formulaire form .line-input-forgotten {
  text-align: center;
  margin-top: 15px;
  font-size: 1.3em;
}
.formulaire form .line-input-forgotten a {
  color: inherit;
  text-decoration: underline;
}
.formulaire form .line-input-forgotten a:hover {
  text-decoration: none;
}
.formulaire form .rgpd-consentement {
  margin-bottom: 15px;
  margin-top: 15px;
}
.formulaire form .rgpd-consentement .css_mce {
  font-size: 0.8em;
  background-color: #eaedf2;
  overflow: auto;
  padding: 10px;
  max-height: 200px;
}
.formulaire form .rgpd-consentement .css_mce h1, .formulaire form .rgpd-consentement .css_mce h2, .formulaire form .rgpd-consentement .css_mce h3, .formulaire form .rgpd-consentement .css_mce h4, .formulaire form .rgpd-consentement .css_mce p, .formulaire form .rgpd-consentement .css_mce ul {
  margin-bottom: 5px;
  text-align: justify;
}
.formulaire form .line-input-captcha {
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center;
}
.formulaire form .line-input-captcha .g-recaptcha {
  text-align: center;
}
.formulaire form .line-input-captcha .g-recaptcha > div {
  margin: 0 auto;
}
.formulaire form .line-input-submit {
  text-align: center;
  margin-top: 30px;
}
.formulaire form .line-input-submit button {
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: normal;
  text-decoration: none;
  font-family: "vwtext-bold";
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  padding: 10px 25px;
  cursor: pointer;
  border: 1px solid transparent;
}
.formulaire form .line-input-submit button:hover {
  background-color: #fff;
  color: #333;
  border-color: #333;
}
.formulaire form .line-input-recaptcha {
  margin-bottom: 20px;
  text-align: center;
}
.formulaire form .line-input-recaptcha .g-recaptcha {
  text-align: center;
}
.formulaire form .line-input-recaptcha .g-recaptcha > div {
  display: inline-block;
}
.formulaire.bgdark form .line-input > label.important::after,
.formulaire.bgdark label {
  color: #ffffff;
}
.formulaire.bgdark form .line-input-submit button {
  color: #000000;
}

.formulaire-large form .line-input {
  margin-bottom: 15px;
}
.formulaire-large form .line-input > div > label {
  width: 35%;
  padding-top: 4px;
  display: inline-block;
  font-size: 1.4em;
}
.formulaire-large form .line-input > div > label.important:after {
  content: "*";
  color: #00b0f0;
}
.formulaire-large form .line-input > div > label.strong {
  font-weight: normal;
}
.formulaire-large form .line-input > div > label.obligatoire {
  color: #001e50;
  font-style: italic;
  font-size: 1.2em;
}
.formulaire-large form .line-input > div .input {
  width: 65%;
  padding-left: 15px;
  display: inline-block;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
.formulaire-large form .line-input > div .input textarea,
.formulaire-large form .line-input > div .input input[type=text],
.formulaire-large form .line-input > div .input input[type=date],
.formulaire-large form .line-input > div .input input[type=email],
.formulaire-large form .line-input > div .input input[type=password],
.formulaire-large form .line-input > div .input input[type=tel],
.formulaire-large form .line-input > div .input input[type=file],
.formulaire-large form .line-input > div .input select {
  display: block;
  padding: 5px;
  border: 1px solid #eaedf2;
  font-size: 1.4em;
  font-family: "vwtext-regular", Arial;
  width: 100%;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  background-color: #eaedf2;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.formulaire-large form .line-input > div .input textarea:focus,
.formulaire-large form .line-input > div .input input[type=text]:focus,
.formulaire-large form .line-input > div .input input[type=date]:focus,
.formulaire-large form .line-input > div .input input[type=email]:focus,
.formulaire-large form .line-input > div .input input[type=password]:focus,
.formulaire-large form .line-input > div .input input[type=tel]:focus,
.formulaire-large form .line-input > div .input input[type=file]:focus,
.formulaire-large form .line-input > div .input select:focus {
  border-color: #ccc;
  background-color: #fff;
}
.formulaire-large form .line-input > div .input textarea {
  height: 90px;
  overflow: auto;
}
.formulaire-large form .line-input > div .input.input-date > div {
  display: flex;
}
.formulaire-large form .line-input > div .input.input-date select {
  width: auto;
  display: inline-block;
  margin-right: 5px;
}
.formulaire-large form .line-input > div .input.input-date select#front_register_dateDeNaissance_month {
  flex: 5;
}

.pageResetting {
  background-color: #fff;
}
.pageResetting .container {
  padding: 40px 0;
}
.pageResetting .container form {
  padding: 0;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid #ccc;
  max-width: 500px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.pageResetting .container h1 {
  text-align: center;
  font-size: 2.8em;
  font-weight: normal;
  font-family: "vwtext-regular";
  margin: 0 0 30px;
}
@media only screen and (min-width : 641px) and (max-width: 1023px), only screen and (max-width : 640px) {
  .pageResetting .container h1 {
    font-size: 2em;
  }
}

.select2-results .select2-result-label {
  font-size: 1.4em;
  font-family: "vwtext-regular";
}

.select2-container .select2-choice .select2-arrow {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.resultat_export {
  padding: 10px 0 15px 0;
  text-align: right;
  float: right;
}
.resultat_export a, .resultat_export form {
  vertical-align: top;
}
.resultat_export a {
  display: inline-block;
  padding: 2px 2px 2px 5px;
  text-decoration: none;
  color: #333333;
  background-color: #efefef;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  margin-left: 10px;
}
.resultat_export a:hover {
  background-color: #ddd;
  border-color: #999;
}
.resultat_export form {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
}
.resultat_export form select, .resultat_export form label, .resultat_export form button {
  vertical-align: middle;
}
.resultat_export form select {
  display: inline-block;
  color: #333333;
  background-color: #efefef;
  border: 1px solid #e5e5e5;
  padding: 2px 5px 2px 2px;
  font-size: 12px;
}
.resultat_export form label {
  display: inline-block;
  color: #333333;
  background-color: #efefef;
  border: 1px solid #e5e5e5;
  padding: 2px;
  font-size: 12px;
}
.resultat_export form button {
  display: inline-block;
  padding: 2px 2px 2px 5px;
  text-decoration: none;
  color: #333333;
  background-color: #efefef;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  text-shadow: none;
}
.resultat_export form button::before {
  content: "";
  padding: 0;
  margin: 0;
  width: 0;
}
.resultat_export form button:hover {
  background-color: #ddd;
  border-color: #999;
}

.resultat_filtre {
  background-color: #fff;
  font-size: 1.4em;
  padding: 15px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  border: 2px solid #eee;
}
.resultat_filtre input[type=text],
.resultat_filtre .select {
  width: 200px;
  vertical-align: middle;
  font-size: 1em;
  padding: 5px;
  border: 2px solid #aaa;
  font-family: "vwtext-regular", Arial;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.resultat_filtre input[type=text]:focus,
.resultat_filtre .select:focus {
  border-color: #ccc;
  background-color: #fff;
}
.resultat_filtre .select2 {
  width: 300px;
  font-size: 1em;
}
.resultat_filtre .select2 .select2-choice {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid #aaa;
}
.resultat_filtre label {
  font-size: 1em;
  display: inline-block;
  margin: 0 5px;
}
.resultat_filtre div.sep {
  clear: both;
  height: 10px;
}
.resultat_filtre button {
  display: inline-block;
  border: 0;
  cursor: pointer;
  padding: 5px 15px;
  margin: 0;
  font-size: 1em;
  background-color: #666;
  color: #ffffff;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.resultat_filtre button:hover {
  background-color: #000;
}

.pro-table {
  margin: 20px 0;
}
.pro-table .lks {
  float: right;
}
.pro-table .lks button,
.pro-table .lks a {
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #efefef;
  color: #1b1b1b;
  font-size: 1.4em;
  text-decoration: none;
  display: inline-block;
  margin-left: 10px;
  padding: 5px 7px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pro-table .lks button:hover,
.pro-table .lks a:hover {
  background-color: #cccccc;
  border-color: #aaa;
}
.pro-table .panier-titre {
  font-size: 2em;
  color: #555555;
  font-weight: normal;
  padding: 0;
  margin: 0 0 20px;
}
.pro-table .panier-titre .uppercase {
  text-transform: uppercase;
}
.pro-table table, .pro-table .table {
  border-collapse: collapse;
  width: 100%;
}
.pro-table table thead tr th, .pro-table .table thead tr th {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  padding: 20px 8px;
  font-size: 1.4em;
  color: #1b1b1b;
  font-weight: normal;
}
.pro-table table thead tr th:last-child, .pro-table .table thead tr th:last-child {
  width: 80px;
}
.pro-table table thead tr th.no-limit-w, .pro-table .table thead tr th.no-limit-w {
  width: auto;
}
.pro-table table thead tr th.col-montant, .pro-table .table thead tr th.col-montant {
  width: 160px;
}
.pro-table table thead tr th.col-action, .pro-table .table thead tr th.col-action {
  width: 50px;
}
.pro-table table thead tr th.th-action1, .pro-table .table thead tr th.th-action1 {
  width: 40px;
}
.pro-table table thead tr.bgcolor2 th, .pro-table table thead tr.bgcolor1 th, .pro-table .table thead tr.bgcolor2 th, .pro-table .table thead tr.bgcolor1 th {
  color: #ffffff;
}
.pro-table table tbody tr td, .pro-table .table tbody tr td {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  font-size: 1.2em;
  color: #1b1b1b;
  border: 1px solid #b5b5b5;
  border-left: 0;
  border-right: 0;
  padding: 10px 8px;
}
.pro-table table tbody tr td .rouge, .pro-table .table tbody tr td .rouge {
  color: #ff0000;
}
.pro-table table tbody tr td .rspv, .pro-table .table tbody tr td .rspv {
  display: none;
  font-weight: bold;
}
@media only screen and (max-width : 640px) {
  .pro-table table tbody tr td .rspv, .pro-table .table tbody tr td .rspv {
    display: inline-block;
    width: 110px;
    font-weight: bold;
  }
}
.pro-table table tbody tr td .rspv-action, .pro-table .table tbody tr td .rspv-action {
  display: none;
}
@media only screen and (max-width : 640px) {
  .pro-table table tbody tr td .rspv-action, .pro-table .table tbody tr td .rspv-action {
    float: right;
    display: block;
  }
}
.pro-table table tbody tr td .clear, .pro-table .table tbody tr td .clear {
  clear: both;
  width: 100%;
  display: block;
}
.pro-table table tbody tr td.center, .pro-table .table tbody tr td.center {
  text-align: center;
}
.pro-table table tbody tr td .txt, .pro-table .table tbody tr td .txt {
  display: inline-block;
}
.pro-table table tbody tr td .txt.vert, .pro-table .table tbody tr td .txt.vert {
  color: #008703;
}
.pro-table table tbody tr td .txt.gris, .pro-table .table tbody tr td .txt.gris {
  color: #666;
}
.pro-table table tbody tr td .btn, .pro-table .table tbody tr td .btn {
  display: inline-block;
  padding: 5px;
  background-color: #001e50;
  color: #fff;
  text-decoration: none;
  border: 0;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.pro-table table tbody tr td .btn.gris, .pro-table .table tbody tr td .btn.gris {
  background-color: #999;
}
.pro-table table tbody tr td .btn.vert, .pro-table .table tbody tr td .btn.vert {
  background-color: #008703;
}
.pro-table table tbody tr td button,
.pro-table table tbody tr td a, .pro-table .table tbody tr td button,
.pro-table .table tbody tr td a {
  text-decoration: none;
  color: inherit;
}
.pro-table table tbody tr td button.btn,
.pro-table table tbody tr td a.btn, .pro-table .table tbody tr td button.btn,
.pro-table .table tbody tr td a.btn {
  cursor: pointer;
}
.pro-table table tbody tr td button.btn:hover,
.pro-table table tbody tr td a.btn:hover, .pro-table .table tbody tr td button.btn:hover,
.pro-table .table tbody tr td a.btn:hover {
  background-color: #1b1b1b;
}
.pro-table table tbody tr td:first-child a, .pro-table .table tbody tr td:first-child a {
  text-decoration: underline;
}
.pro-table table tbody tr td:first-child a.btn, .pro-table .table tbody tr td:first-child a.btn {
  text-decoration: none;
}
.pro-table table tbody tr td:first-child a:hover, .pro-table .table tbody tr td:first-child a:hover {
  color: #3a3a3a;
}
.pro-table table tbody tr td:first-child a:hover.btn, .pro-table .table tbody tr td:first-child a:hover.btn {
  color: #ffffff;
}
.pro-table table tbody tr td .rspv-action, .pro-table table tbody tr td.action, .pro-table .table tbody tr td .rspv-action, .pro-table .table tbody tr td.action {
  text-align: center;
}
@media only screen and (max-width : 640px) {
  .pro-table table tbody tr td .rspv-action, .pro-table table tbody tr td.action, .pro-table .table tbody tr td .rspv-action, .pro-table .table tbody tr td.action {
    display: none !important;
  }
  .pro-table table tbody tr td .rspv-action.rspv-action, .pro-table table tbody tr td.action.rspv-action, .pro-table .table tbody tr td .rspv-action.rspv-action, .pro-table .table tbody tr td.action.rspv-action {
    display: block !important;
  }
}
.pro-table table tbody tr td .rspv-action a:first-child, .pro-table table tbody tr td.action a:first-child, .pro-table .table tbody tr td .rspv-action a:first-child, .pro-table .table tbody tr td.action a:first-child {
  margin-right: 5px;
}
.pro-table table tbody tr td .rspv-action a .fa.fa-pencil, .pro-table table tbody tr td.action a .fa.fa-pencil, .pro-table .table tbody tr td .rspv-action a .fa.fa-pencil, .pro-table .table tbody tr td.action a .fa.fa-pencil {
  color: #ffffff;
  background-color: #001e50;
}
.pro-table table tbody tr td .rspv-action a .fa.fa-trash,
.pro-table table tbody tr td .rspv-action a .fa.fa-copy, .pro-table table tbody tr td.action a .fa.fa-trash,
.pro-table table tbody tr td.action a .fa.fa-copy, .pro-table .table tbody tr td .rspv-action a .fa.fa-trash,
.pro-table .table tbody tr td .rspv-action a .fa.fa-copy, .pro-table .table tbody tr td.action a .fa.fa-trash,
.pro-table .table tbody tr td.action a .fa.fa-copy {
  color: #001e50;
  background-color: #fff;
}
.pro-table table tbody tr td .rspv-action a:hover .fa.fa-pencil, .pro-table table tbody tr td.action a:hover .fa.fa-pencil, .pro-table .table tbody tr td .rspv-action a:hover .fa.fa-pencil, .pro-table .table tbody tr td.action a:hover .fa.fa-pencil {
  color: #fff;
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}
.pro-table table tbody tr td .rspv-action a:hover .fa.fa-trash,
.pro-table table tbody tr td .rspv-action a:hover .fa.fa-copy, .pro-table table tbody tr td.action a:hover .fa.fa-trash,
.pro-table table tbody tr td.action a:hover .fa.fa-copy, .pro-table .table tbody tr td .rspv-action a:hover .fa.fa-trash,
.pro-table .table tbody tr td .rspv-action a:hover .fa.fa-copy, .pro-table .table tbody tr td.action a:hover .fa.fa-trash,
.pro-table .table tbody tr td.action a:hover .fa.fa-copy {
  color: #3a3a3a;
  border-color: #3a3a3a;
}
.pro-table table tbody tr td ul, .pro-table table tbody tr td li, .pro-table .table tbody tr td ul, .pro-table .table tbody tr td li {
  margin: 0;
  padding: 0;
  list-style-position: outside;
}
.pro-table table tbody tr td ul, .pro-table .table tbody tr td ul {
  padding-left: 15px;
}
.pro-table table tbody tr td ul li, .pro-table .table tbody tr td ul li {
  margin-bottom: 4px;
}
.pro-table table tbody tr td form, .pro-table .table tbody tr td form {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.pro-table table tbody tr td form.submitting, .pro-table .table tbody tr td form.submitting {
  opacity: 0.6;
}
.pro-table table tbody tr td .sep, .pro-table .table tbody tr td .sep {
  display: block;
  height: 1px;
  background-color: #ccc;
  margin: 5px auto;
  max-width: 100px;
}
.pro-table table tbody tr td .sep.left, .pro-table .table tbody tr td .sep.left {
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.pro-table table tbody tr td.td-type-paiement, .pro-table .table tbody tr td.td-type-paiement {
  text-transform: uppercase;
  text-align: center;
}
.pro-table table tbody tr td.td-numcommande, .pro-table .table tbody tr td.td-numcommande {
  width: 130px;
  text-align: center;
}
.pro-table table tbody tr td.td-date, .pro-table .table tbody tr td.td-date {
  width: 85px;
  text-align: center;
}
.pro-table table tbody tr td.td-prix, .pro-table .table tbody tr td.td-prix {
  text-align: center;
}
.pro-table table tbody tr td.td-devis, .pro-table .table tbody tr td.td-devis {
  text-align: center;
}
.pro-table table tbody tr td.td-devis-signe, .pro-table .table tbody tr td.td-devis-signe {
  text-align: center;
}
.pro-table table tbody tr td.td-etat, .pro-table .table tbody tr td.td-etat {
  text-align: center;
  width: 120px;
}
.pro-table table tbody tr td.td-etat .checked .fa, .pro-table .table tbody tr td.td-etat .checked .fa {
  font-size: 1.4em;
  color: #ffffff;
  background-color: #00b0f0;
  border-radius: 50%;
  padding: 10px;
}
.pro-table table tbody tr td.td-etat .txt, .pro-table .table tbody tr td.td-etat .txt {
  display: block;
  text-align: center;
}
.pro-table table tbody tr td.td-action, .pro-table table tbody tr td.td-suppr, .pro-table .table tbody tr td.td-action, .pro-table .table tbody tr td.td-suppr {
  text-align: center;
}
.pro-table table tbody tr td.td-action a, .pro-table table tbody tr td.td-suppr a, .pro-table .table tbody tr td.td-action a, .pro-table .table tbody tr td.td-suppr a {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pro-table table tbody tr td.td-action a.delete, .pro-table table tbody tr td.td-suppr a.delete, .pro-table .table tbody tr td.td-action a.delete, .pro-table .table tbody tr td.td-suppr a.delete {
  color: #e84733;
}
.pro-table table tbody tr td.td-action a .fa, .pro-table table tbody tr td.td-suppr a .fa, .pro-table .table tbody tr td.td-action a .fa, .pro-table .table tbody tr td.td-suppr a .fa {
  font-size: 1.8em;
  margin: 0 5px;
}
.pro-table table tbody tr td.td-action a:hover .fa, .pro-table table tbody tr td.td-suppr a:hover .fa, .pro-table .table tbody tr td.td-action a:hover .fa, .pro-table .table tbody tr td.td-suppr a:hover .fa {
  opacity: 0.8;
}
.pro-table table tbody tr td.td-qtt, .pro-table .table tbody tr td.td-qtt {
  text-align: center;
  width: 60px;
}
.pro-table table tbody tr td.td-pt, .pro-table table tbody tr td.td-piu, .pro-table table tbody tr td.td-pfu, .pro-table table tbody tr td.td-loyer, .pro-table table tbody tr td.td-prix-u-ht, .pro-table table tbody tr td.td-pit, .pro-table table tbody tr td.td-pft, .pro-table .table tbody tr td.td-pt, .pro-table .table tbody tr td.td-piu, .pro-table .table tbody tr td.td-pfu, .pro-table .table tbody tr td.td-loyer, .pro-table .table tbody tr td.td-prix-u-ht, .pro-table .table tbody tr td.td-pit, .pro-table .table tbody tr td.td-pft {
  text-align: center;
  width: 150px;
}
.pro-table table tbody tr:nth-child(odd), .pro-table .table tbody tr:nth-child(odd) {
  background-color: #efefef;
}
.pro-table table tfoot, .pro-table .table tfoot {
  border: 2px solid #333333;
}
.pro-table table tfoot tr td, .pro-table .table tfoot tr td {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  font-size: 1.4em;
  color: #1b1b1b;
  border: 1px solid #b5b5b5;
  border-left: 0;
  border-right: 0;
  text-align: center;
  padding: 20px 8px;
  font-family: "vwtext-bold";
}
.pro-table table tfoot tr td .normal, .pro-table .table tfoot tr td .normal {
  font-family: "vwtext-regular";
}
.pro-table table tfoot tr.bgcolor1 td p, .pro-table table tfoot tr.bgcolor2 td p, .pro-table .table tfoot tr.bgcolor1 td p, .pro-table .table tfoot tr.bgcolor2 td p {
  font-family: "vwtext-regular";
}
.pro-table table tfoot tr.bgcolor1 td ul li, .pro-table table tfoot tr.bgcolor2 td ul li, .pro-table .table tfoot tr.bgcolor1 td ul li, .pro-table .table tfoot tr.bgcolor2 td ul li {
  color: inherit;
  font-family: "vwtext-regular";
}
.pro-table table tfoot tr.total td, .pro-table .table tfoot tr.total td {
  font-size: 1.4em;
}
.pro-table table tr td.alignRight, .pro-table .table tr td.alignRight {
  text-align: right;
}
.pro-table.pro-table-commande table thead tr th,
.pro-table.pro-table-commande table tbody tr td,
.pro-table.pro-table-commande table tfoot tr td {
  border: 1px solid #000;
  border-collapse: collapse;
}
.pro-table.pro-table-commande table thead tr th.th-saveurADecouvrir, .pro-table.pro-table-commande table thead tr th.th-description,
.pro-table.pro-table-commande table tbody tr td.th-saveurADecouvrir,
.pro-table.pro-table-commande table tbody tr td.th-description,
.pro-table.pro-table-commande table tfoot tr td.th-saveurADecouvrir,
.pro-table.pro-table-commande table tfoot tr td.th-description {
  width: 300px;
}

.tips_paiement_ok {
  padding-bottom: 30px;
}
.tips_paiement_ok p {
  font-size: 1.6em;
  padding: 30px;
  background-color: #bbffbd;
  color: #005c00;
  text-align: center;
  display: block;
  margin: 0;
}
.tips_paiement_ok.mini p {
  padding: 15px;
}

.line-videos {
  margin-bottom: 40px;
}
.line-videos ul, .line-videos li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.line-videos > ul > li {
  display: inline-block;
  margin: 0 20px 20px 0;
}
.line-videos > ul > li > button {
  background: #fff url("#") center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  height: 200px;
  width: 200px;
  cursor: pointer;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
.line-videos > ul > li > button span {
  display: block;
}
.line-videos > ul > li > button .video-titre {
  color: #fff;
  font-size: 1.4em;
  text-align: center;
}
.line-videos > ul > li > button .video-titre span {
  display: inline-block;
  padding: 5px;
}
.line-videos > ul > li > button .video-bt {
  text-align: center;
}
.line-videos > ul > li > button .video-bt span {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #fffc;
  width: 100px;
  height: 100px;
  background: #0006;
  color: #ffffff;
  font-size: 3em;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  padding-top: 28px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.line-videos > ul > li > button:hover .video-bt span {
  background: #000;
}

#videoPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 5000;
  display: none;
}
#videoPopup::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 5001;
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
}
#videoPopup .video {
  max-width: 90%;
  left: 50%;
  max-height: 80vh;
  max-width: 1280px;
  position: relative;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 5002;
}
#videoPopup .video video {
  max-height: 80vh;
  max-width: 100%;
}
#videoPopup .closer {
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  position: absolute;
  right: 60px;
  top: 60px;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 5003;
}

ul.roles {
  display: block;
  margin: 0;
  margin-top: 5px;
}
ul.roles, ul.roles li {
  list-style: none;
  padding: 0;
}
ul.roles li {
  display: block;
  margin-bottom: 1px;
  background-color: #efefef;
  padding: 5px;
  font-size: 0.8em;
}

.cont-packs {
  margin-bottom: 20px;
}
.cont-packs .container {
  background-color: #fff;
  max-width: 1260px;
}
.cont-packs .container .pack-titre {
  font-size: 3em;
  font-family: "vwtext_light";
  margin-bottom: 10px;
}
.cont-packs .container ul, .cont-packs .container li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.cont-packs .container ul li {
  display: inline-block;
  margin-right: 10px;
}
.cont-packs .container ul li a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  color: #000000;
  font-size: 2em;
  border: 1px solid #000000;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 5px 20px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.cont-packs .container ul li a:hover, .cont-packs .container ul li a.selected {
  color: #fff;
}

.cont-page-blocs {
  margin-bottom: 40px;
}
.cont-page-blocs .container {
  background-color: #E8E7E7;
  padding: 15px;
  max-width: 1260px;
}
.cont-page-blocs .liste-page-blocs {
  text-align: left;
}
.cont-page-blocs .liste-page-blocs .liste-bloc {
  padding: 15px;
  display: inline-block;
  width: 50%;
}
.cont-page-blocs .liste-page-blocs .liste-bloc > a {
  display: block;
  cursor: pointer;
  height: 280px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #fff none center center no-repeat;
  background-size: cover;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.cont-page-blocs .liste-page-blocs .liste-bloc > a .introduction {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  overflow: auto;
  transition: all 0.3s ease;
  max-width: 80%;
  text-align: left;
  color: #000000;
  padding: 15px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 1.4em;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-page-blocs .liste-page-blocs .liste-bloc > a .introduction p, .cont-page-blocs .liste-page-blocs .liste-bloc > a .introduction ul, .cont-page-blocs .liste-page-blocs .liste-bloc > a .introduction li {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.cont-page-blocs .liste-page-blocs .liste-bloc > a .information {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  max-width: 80%;
  color: #ffffff;
  text-align: left;
}
.cont-page-blocs .liste-page-blocs .liste-bloc > a .information .titre {
  display: block;
  font-size: 1.4em;
  font-family: "vwtext-bold";
  text-transform: uppercase;
  padding: 10px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cont-page-blocs .liste-page-blocs .liste-bloc > a:hover {
  background-position: center top;
}
.cont-page-blocs .liste-page-blocs .liste-bloc > a:hover .information .titre {
  padding-left: 20px;
  text-decoration: underline;
}

#blocFrameCont {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
#blocFrameCont > .flexme {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#blocFrameCont #blocFrame {
  background-color: #fff;
  padding: 30px;
  width: 100%;
  max-width: 1000px;
  height: 600px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  position: relative;
}
#blocFrameCont #blocFrame .bt-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: #000000;
  font-size: 2em;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}
#blocFrameCont #blocFrame iframe {
  border: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

body.framed {
  background-color: #fff;
}
#cnilbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #575757;
  z-index: 1000;
  display: none;
  background-color: #e2e2e2;
}
#cnilbar .container {
  display: flex;
}
@media only screen and (max-width : 640px) {
  #cnilbar .container {
    flex-direction: column;
  }
}
#cnilbar .container .text {
  padding: 15px 10px;
  flex: 1;
}
#cnilbar .container .text p {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
}
#cnilbar .container .btn {
  padding: 15px 0;
  text-align: center;
}
#cnilbar .container .btn button {
  display: inline-block;
  margin: 0;
  border: 0;
  background-color: #575757;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 15px;
  cursor: pointer;
}

.btn-template {
  display: inline-block;
  margin: 0;
  border: 1px solid #575757;
  background-color: #fff;
  color: inherit;
  padding: 5px 15px;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-template:hover {
  background-color: #575757;
  color: #fff !important;
}

.ml-1 {
  margin-left: 10px;
}

.ml-2 {
  margin-left: 15px;
}

.ml-3 {
  margin-left: 20px;
}

.flashes {
  padding: 10px;
  background-color: #fff;
  margin: 0;
  font-size: 10px;
}
.flashes .tips_ok, .flashes .tips_erreur {
  max-width: 500px;
  margin: 0 auto;
}

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