/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* font face icons */

@font-face {
    font-family: "icomoon";
    src: url('/fonts/icomoon.eot?-ayou8o');
    src: url('/fonts/icomoon.eot?#iefix-ayou8o') format('embedded-opentype'),
    url('/fonts/icomoon.woff?-ayou8o') format('woff'),
    url('/fonts/icomoon.ttf?-ayou8o') format('truetype'),
    url('/fonts/icomoon.svg?-ayou8o#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    margin: 0;
    padding: 0;
}

ul, ol {
    padding-left: 0;
    list-style: none;
}

img {
    vertical-align: middle;
    border: 0;
}

audio, canvas, video {
    display: inline-block;
}

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

figure {
    margin: 0;
}

iframe {
    display: block;
    max-width: 100%;
}

th, td {
    padding: 0;
}

th {
    font-weight: inherit;
}

hr {
    height: .0715em;
    margin: 1.5em 0;
    padding: 0;
    border: 0;
    color: #f1f1f3;
    background-color: #f1f1f3;
}

li:last-child hr {
    display: none;
}

/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */
:root {
    --main-bleu-bg-color: #0A5D85; /*#008cd7;*/
    --main-bleu-color: #0A5D85;
    --main-blanc-color: #fff;
    --main-txt-color: #636973; /*#868e9b*/
    --main-txt-darker-color: #263f5f; /*#616973*/
    --main-bg-darker-color: #616973; /*#616973*/
    --main-bg-violet-color: #7E00DB; /* #b555ff;*/

    --main-dark-bg-color: #868e9b; /*#868e9b*/
}
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #c9c3c3; /*#f1f1f3;*/
    font: 400 1.4em/1.5 "Roboto Condensed", Arial, sans-serif;
    color: var(--main-txt-color);
}
.uppercase {
    text-transform: uppercase;
}
.private {
    background: #fff;
}
span.after {
    margin-left: .2em;
}
ul#whereDropDown li {
    text-transform: capitalize;
}

#eventspart p {
    white-space: pre-wrap;
}
div#eventspart, ul.service-item {
    max-height: 28em;
    overflow-y: auto;
}
.tagLink {
    color: #ef0128;
}
.wantcontact {
    margin-bottom: .1em;
}

p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure, article, section, aside, .promo,  #solocbas iframe {
    margin: 1.5em 0 0;
    line-height: 1.5;
}

#solocbas.hidden {
    display:none;
}

#solocbas iframe {
    margin-top: 0;
}


h1, h3, h5, h6, .h3 {
    margin: 1.5em 0 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #292e35;
}

h2, .h2 {
    margin: 1.1053em 0 0;
    font-size: 1.3572em;
    font-weight: 400;
    line-height: 1.1053;
    color: var(--main-bleu-color);
    text-transform: none;
}

h4, .h4 {
    margin: 1.3125em 0 0;
    font-size: 1.1429em;
    font-weight: 300;
    line-height: 1.3125;
    color: var(--main-txt-darker-color);
    text-transform: none;
}

.h4 .h3 {
    line-height: inherit;
}

.topfooter .h3, h3 strong, .h3 strong, h4 strong, .h4 strong {
    color: #292e35;
}

h4 strong, .h4 strong {
    font-weight: 400;
}

.big {
    margin: .7em 0 0;
    font-size: 2.1429em;
    font-weight: 400;
    line-height: 1.4;
}

.small {
    margin: 1.9091em 0 0;
    font-size: .7858em;
    font-weight: 300;
    line-height: 1.9091;
}

code, pre, samp, kbd {
    white-space: pre-line;
    white-space: pre-wrap;
    font: 1em/1 Consolas, 'DejaVu Sans Mono', Courier, monospace;
}

a {
    color: var(--main-bleu-color);
    cursor: pointer;
}

a:hover, a:focus, a:active {
    text-decoration: none;
}

.lexResponse a.requeststop {
    border: 1px solid #b7daec;
    font-weight: bold;
    position: absolute;
    bottom: 3.8em;
    right: 2.8em;
    padding: 0 .3em;
}

.mobile   .tooltiptext.wposbottom_right {
    display: none;
}
.lexResponse  a.requestloc {
    border: 1px solid #b7daec;
    font-weight: bold;
    padding: 0 .3em;
}

em {
    font-style: italic;
}

strong, b {
    font-weight: inherit;
    color: var(--main-txt-darker-color);
}

sup, sub {
    vertical-align: 0;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

u {
    text-decoration: underline;
}

u:hover, u:focus, u:active {
    text-decoration: none;
}

.lnk, .pointer {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.txt-blue {
    color: var(--main-bleu-color);
}

.afftelsur {
    font-size: 16px !important;
    text-transform: none !important;
}

/* ----------------------------- */
/* == cpt template		         */
/* ----------------------------- */

/* list items styled */

ul.styled {
    padding-left: 1.25em;
    list-style: disc;
}

/* cpt default */

[class*="cpt"] li {
    counter-increment: cpt;
}

.cpt li:before, .cpttitle .title:before {
    /*content: counter(cpt) ". ";*/
    /*display: inline-block;*/
    /*min-width: 1.2em;*/
}

/* exception multiple columns */

.multiple.styled {
    padding-left: 0;
    list-style-position: inside;
}

.multiple.cpt li > * {
    display: block;
    padding-left: 1.5em;
    overflow: hidden;
}

.multiple.cpt li:before {
    /*float: left;*/
}

/* ----------------------------- */
/* == icons	template	         */
/* ----------------------------- */


[class*="icon"]:before, [class*="icon"].after:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.1em;
    margin: 0 .4em 0 0;
    font: normal normal normal 1em/0 "icomoon";
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*="icon"].after:after {
    margin: 0 0 0 .4em;
}

[class*="icon"].after:before {
    display: none;
}

.iconhome:before, .iconhome.after:after {
    content: "\e600";
}

[class*="iconheart"]:before, [class*="iconheart"].after:after {
    content: "\e601";
}

.iconlogo:before, .iconlogo.after:after {
    content: "\e602";
}

.iconnext:before, .iconnext.after:after, .iconlower:before, .iconlower.after:after {
    content: "\e603";
}

.iconfilter:before, .iconfilter.after:after {
    content: "\e604";
}

.iconpin:before, .iconpin.after:after {
    content: "\e605";
}

.iconearth:before, .iconearth.after:after {
    content: "\e606";
}

.iconprint:before, .iconprint.after:after {
    content: "\e607";
}

.iconurl2:before, .iconurl2.after:after {
    content: "\e608";
}

.iconi:before, .iconi.after:after {
    content: "\e609";
}

.iconclock:before, .iconclock.after:after {
    content: "\e60a";
}

.iconeye:before, .iconeye.after:after {
    content: "\e60b";
}

.icongrade:before, .icongrade.after:after {
    content: "\e60c";
}

.iconsmiley:before, .iconsmiley.after:after {
    content: "\e60d";
}

.iconphone:before, .iconphone.after:after {
    content: "\e60e";
}

.iconbubble:before, .iconbubble.after:after {
    content: "\e60f";
}

.iconmail:before, .iconmail.after:after {
    content: "\e610";
}

.iconsearch:before, .iconsearch.after:after {
    content: "\e611";
}

.iconshare:before, .iconshare.after:after {
    content: "\e612";
}

.icontips:before, .icontips.after:after {
    content: "\e613";
}

.iconprofil:before, .iconprofil.after:after {
    content: "\e614";
}

.iconedition:before, .iconedition.after:after {
    content: "\e615";
}

.iconfolder:before, .iconfolder.after:after {
    content: "\e616";
}

.iconi.iconeye:before, .iconi.iconeye.after:after {
    content: "\e60b  \e609";
}

.iconmove:before, .iconmove.after:after {
    content: "\e617";
}

.icondl:before, .icondl.after:after {
    content: "\e618";
}

.iconbasket:before, .iconbasket.after:after {
    content: "\e619";
}

.iconplus:before, .iconplus.after:after {
    content: "\e61a";
}

.iconsv:before, .iconsv.after:after {
    content: "\e61b";
}

.icontarget:before, .icontarget.after:after {
    content: "\e61c";
}

.iconwarning:before, .iconwarning.after:after {
    content: "\e61d";
}

.iconpen:before, .iconpen.after:after {
    content: "\e61e";
}

.iconback:before, .iconback.after:after {
    content: "\e61f";
}

.iconlink:before, .iconlink.after:after {
    content: "\e620";
}

.iconkey:before, .iconkey.after:after {
    content: "\e621";
}

.iconprevious:before, .iconprevious.after:after {
    content: "\e622";
}

.icontrain:before, .icontrain.after:after {
    content: "\e623";
}

.iconstats:before, .iconstats.after:after {
    content: "\e624";
}

.iconwrench:before, .iconwrench.after:after {
    content: "\e625";
}

.iconhelp:before, .iconhelp.after:after {
    content: "\e626";
}

.iconbook:before, .iconbook.after:after {
    content: "\e627";
}

.iconplane:before, .iconplane.after:after {
    content: "\e628";
}

.iconcar:before, .iconcar.after:after {
    content: "\e629";
}

.iconbike:before, .iconbike.after:after {
    content: "\e62a";
}

.iconpedestrian:before, .iconpedestrian.after:after {
    content: "\e62b";
}

.iconbuy:before, .iconbuy.after:after {
    content: "\e62c";
}

.iconvideo:before, .iconvideo.after:after {
    content: "\e62d";
}

.icongoogle:before, .icongoogle.after:after {
    content: "\e62e";
}

.iconfacebook:before, .iconfacebook.after:after {
    content: "\e62f";
}

.icontwitter:before, .icontwitter.after:after {
    content: "\e630";
}

.iconless:before, .iconless.after:after {
    content: "\e631";
}

.iconwait:before, .iconwait.after:after {
    content: "\e632";
}

.iconspeaker:before, .iconspeaker.after:after {
    content: "\e633";
}

.iconarrow:before, .iconarrow.after:after {
    content: "\e634";
}

.iconreg:before, .iconreg.after:after {
    content: "\e635";
}

.iconyes:before, .iconyes.after:after {
    content: "\e636";
}

.iconno:before, .iconno.after:after {
    content: "\e637";
}

.iconcheck:before, .iconcheck.after:after {
    content: "\e638";
}

.iconrun:before, .iconrun.after:after {
    content: "\e639";
}

.iconflower:before, .iconflower.after:after {
    content: "\e63a";
}

.iconflower:before, .iconflower.after:after {
    content: "\e63a";
}

.icongift:before, .icongift.after:after {
    content: "\e63b";
}

.iconplane:before, .iconplane.after:after {
    content: "\e63c";
}

.iconpayment:before, .iconpayment.after:after {
    content: "\e63d";
}

.icontop:before, .icontop.after:after {
    content: "\e63e";
}

.iconwheelchair:before, .iconwheelchair.after:after {
    content: "\e63f";
}

.icontourism:before, .icontourism.after:after {
    content: "\e640";
}

.icongarage:before, .icongarage.after:after {
    content: "\e641";
}

.iconbank:before, .iconbank.after:after {
    content: "\e642";
}

.icongas:before, .icongas.after:after {
    content: "\e643";
}

.iconstore:before, .iconstore.after:after {
    content: "\e644";
}

.iconhotel:before, .iconhotel.after:after {
    content: "\e645";
}

.iconflower:before, .iconflower.after:after {
    content: "\e646";
}

.iconcinema:before, .iconcinema.after:after {
    content: "\e647";
}

.iconlocksmith:before, .iconlocksmith.after:after {
    content: "\e648";
}

.iconpharmacy:before, .iconpharmacy.after:after {
    content: "\e649";
}

.iconcab:before, .iconcab.after:after {
    content: "\e64a";
}

.iconpizza:before, .iconpizza.after:after {
    content: "\e64b";
}

.iconplumber:before, .iconplumber.after:after {
    content: "\e64c";
}

.iconrestaurant:before, .iconrestaurant.after:after {
    content: "\e64d";
}

.iconbakery:before, .iconbakery.after:after {
    content: "\e64e";
}

.iconagency:before, .iconagency.after:after {
    content: "\e64f";
}

.iconbar:before, .iconbar.after:after {
    content: "\e650";
}

.icontobacco:before, .icontobacco.after:after {
    content: "\e651";
}

.iconhairdresser:before, .iconhairdresser.after:after {
    content: "\e652";
}

.iconparking:before, .iconparking.after:after {
    content: "\e653";
}

.iconburger:before, .iconburger.after:after {
    content: "\e654";
}

.iconfacebook-new:before, .iconfacebook-new.after:after {
    content: "\e655";
}

.icongoogle-new:before, .icongoogle-new.after:after {
    content: "\e656";
}

.icontwitter-new:before, .icontwitter-new.after:after {
    content: "\e657";
}

.iconcharte:before, .iconcharte.after:after {
    content: "\e658";
    font-size: 2.5em;
}
@media (max-width: 35em) {
    .iconcharte:before, .iconcharte.after:after {
        font-size: 1.4em;
    }
    div {
        --finbp:35em;
    }
}
.iconhand:before, .iconhand.after:after {
    content: "\e659";
}
.icon_email:before {
    content: "\e65a";
}
.icon_facebook:before {
    content: "\e65b";
}
.icon_twitter:before {
    content: "\e65c";
}
.icon_google:before {
    content: "\e65d";
}

/* specific icons */

.icongoogle:before, .icongoogle.after:after,
.iconfacebook:before, .iconfacebook.after:after,
.icontwitter:before, .icontwitter.after:after {
    font-size: 1.5em;
}

.icongoogle:before, .icongoogle.after:after {
    color: #dd4b39;
}

.iconfacebook:before, .iconfacebook.after:after {
    color: #3b5998;
}

.icontwitter:before, .icontwitter.after:after {
    color: #00aced;
}

.iconlower:before, .iconlower.after:after {
    font-size: .8em;
    line-height: 1;
}

.iconheartblue:before, .iconheartblue.after:after {
    color: var(--main-bleu-color);
}

.iconhome:before, .iconhome.after:after {
    font-size: 1.3em;
}

.icongrade:before, .icongrade.after:after {
    font-size: 1.3em;
}

.iconsmiley:before, .iconsmiley.after:after {
    font-size: 1.1em;
}

.iconprevious:before, .iconprevious.after:after,
.iconnext:before, .iconnext.after:after {
    margin: 0;
}

span.orange {
    background-color: orange;
    padding: .1em 1em;
    margin: 1em;
    color: #fff;
    font-weight: bold;
}

span.red {
    background-color: #ea4b4b;
    padding: .1em 1em;
    margin: 1em;
    color: #fff;
    font-weight: bold;
}

span.green {
    background-color: #5cb55c;
    padding: .1em 1em;
    margin: 1em;
    color: #fff;
    font-weight: bold;
}
.listul li {
    padding-left: 1.5em;
}

/* metro - rer icons - transilien icons */

[class*="ratpmetro"], [class*="ratpmetro"]:after, [class*="ratprer"], [class*="ratprer"]:after, [class*="ratptransilien"], [class*="ratptransilien"]:after,
[class*="sncfmetro"], [class*="sncfmetro"]:after, [class*="sncfrer"], [class*="sncfrer"]:after, [class*="sncftransilien"], [class*="sncftransilien"]:after {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-left: .4em;
    font-weight: 400;
    text-align: center;
    vertical-align: top;
    color: #292e35;
    border-radius: 100%;
}

[class*="ratpmetro"], [class*="ratprer"], [class*="ratptransilien"],
[class*="sncfmetro"], [class*="sncfrer"], [class*="sncftransilien"] {
    position: relative;
    margin-right: 1.85em;
    color: #164b9c;
    box-shadow: inset 0 0 0 .1429em #164b9c;
}

[class*="ratpmetro"] strong, [class*="ratprer"] strong, [class*="ratptransilien"] strong,
[class*="sncfmetro"] strong, [class*="sncfrer"] strong, [class*="sncftransilien"] strong {
    display: none;
}

[class*="ratpmetro"]:after, [class*="ratprer"]:after, [class*="ratptransilien"]:after,
[class*="sncfmetro"]:after, [class*="sncfrer"]:after, [class*="sncftransilien"]:after {
    position: absolute;
    margin-left: .75em;
}

[class*="ratpmetro"] + [class*="ratpmetro"], [class*="ratprer"] + [class*="ratprer"], [class*="ratptransilien"] + [class*="ratptransilien"],
[class*="sncfmetro"] + [class*="sncfmetro"], [class*="sncfrer"] + [class*="sncfrer"], [class*="sncftransilien"] + [class*="sncftransilien"],
[class*="ratpmetro"] + [class*="sncfmetro"], [class*="ratprer"] + [class*="sncfrer"], [class*="ratptransilien"] + [class*="sncftransilien"],
[class*="sncfmetro"] + [class*="ratpmetro"], [class*="sncfrer"] + [class*="ratprer"], [class*="sncftransilien"] + [class*="ratptransilien"] {
    margin-right: 0;
    box-shadow: 0 0;
}

[class*="ratpmetro"] + [class*="ratpmetro"]:before, [class*="ratprer"] + [class*="ratprer"]:before, [class*="ratptransilien"] + [class*="ratptransilien"]:before,
[class*="sncfmetro"] + [class*="sncfmetro"]:before, [class*="sncfrer"] + [class*="sncfrer"]:before, [class*="sncftransilien"] + [class*="sncftransilien"]:before,
[class*="ratpmetro"] + [class*="sncfmetro"]:before, [class*="ratprer"] + [class*="sncfrer"]:before, [class*="ratptransilien"] + [class*="sncftransilien"]:before,
[class*="sncfmetro"] + [class*="ratpmetro"]:before, [class*="sncfrer"] + [class*="ratprer"]:before, [class*="sncftransilien"] + [class*="ratptransilien"]:before {
    display: none;
}

[class*="ratpmetro"] + [class*="ratpmetro"]:after, [class*="ratprer"] + [class*="ratprer"]:after, [class*="ratptransilien"] + [class*="ratptransilien"]:after,
[class*="sncfmetro"] + [class*="sncfmetro"]:after, [class*="sncfrer"] + [class*="sncfrer"]:after, [class*="sncftransilien"] + [class*="sncftransilien"]:after,
[class*="ratpmetro"] + [class*="sncfmetro"]:after, [class*="ratprer"] + [class*="sncfrer"]:after, [class*="ratptransilien"] + [class*="sncftransilien"]:after,
[class*="sncfmetro"] + [class*="ratpmetro"]:after, [class*="sncfrer"] + [class*="ratprer"]:after, [class*="sncftransilien"] + [class*="ratptransilien"]:after {
    position: static;
    margin-left: 0;
}

/* metro icons */

[class*="ratpmetro"]:before, [class*="sncfmetro"]:before {
    content: "M";
}

.ratpmetro2:after, .ratpmetro3:after, .ratpmetro4:after, .ratpmetro11:after, .ratpmetro12:after, .ratpmetro14:after,
.sncfmetro2:after, .sncfmetro3:after, .sncfmetro4:after, .sncfmetro11:after, .sncfmetro12:after, .sncfmetro14:after {
    color: #fff;
}

.ratpmetro1:after, .sncfmetro1:after {
    content: "1";
    background: #fece00;
}

.ratpmetro2:after, .sncfmetro2:after {
    content: "2";
    background: #0064b0;
}

.ratpmetro3:after, .sncfmetro3:after {
    content: "3";
    background: #a09923;
}

.ratpmetro3b:after, .sncfmetro3b:after {
    content: "3b";
    background: #89d3de;
}

.ratpmetro4:after, .sncfmetro4:after {
    content: "4";
    background: #bb4b9c;
}

.ratpmetro5:after, .sncfmetro5:after {
    content: "5";
    background: #f28e42;
}

.ratpmetro6:after, .sncfmetro6:after {
    content: "6";
    background: #81c391;
}

.ratpmetro7:after, .sncfmetro7:after {
    content: "7";
    background: #f3a4ba;
}

.ratpmetro7b:after, .sncfmetro7b:after {
    content: "7b";
    background: #78c696;
}

.ratpmetro8:after, .sncfmetro8:after {
    content: "8";
    background: #ceacd2;
}

.ratpmetro9:after, .sncfmetro9:after {
    content: "9";
    background: #d3ca00;
}

.ratpmetro10:after, .sncfmetro10:after {
    content: "10";
    background: #e4b32a;
}

.ratpmetro11:after, .sncfmetro11:after {
    content: "11";
    background: #8d5e2a;
}

.ratpmetro12:after, .sncfmetro12:after {
    content: "12";
    background: #018151;
}

.ratpmetro13:after, .sncfmetro13:after {
    content: "13";
    background: #97d4e2;
}

.ratpmetro14:after, .sncfmetro14:after {
    content: "14";
    background: #662583;
}

/* rer icons */

[class*="ratprer"], [class*="sncfrer"] {
    line-height: 1.3;
}

[class*="ratprer"]:before, [class*="sncfrer"]:before {
    content: "RER";
    font-size: .6429em;
}

[class*="ratprer"]:after, [class*="sncfrer"]:after {
    margin-left: .65em;
    line-height: 1.5;
}

.ratprera:after, .sncfrera:after {
    content: "A";
    color: #d1302f;
    box-shadow: inset 0 0 0 .1429em #d1302f;
}

.ratprerb:after, .sncfrerb:after {
    content: "B";
    color: #427dbd;
    box-shadow: inset 0 0 0 .1429em #427dbd;
}

.ratprerc:after, .sncfrerc:after {
    content: "C";
    color: #fcd946;
    box-shadow: inset 0 0 0 .1429em #fcd946;
}

.ratprerd:after, .sncfrerd:after {
    content: "D";
    color: #5e9620;
    box-shadow: inset 0 0 0 .1429em #5e9620;
}

.ratprere:after, .sncfrere:after {
    content: "E";
    color: #bd76a1;
    box-shadow: inset 0 0 0 .1429em #bd76a1;
}

/* transilien icons */

[class*="ratptransilien"]:before, [class*="sncftransilien"]:before {
    margin: 0;
}

[class*="ratptransilien"], [class*="ratptransilien"]:after,
[class*="sncftransilien"], [class*="sncftransilien"]:after {
    border-radius: .3572em;
}

.ratptransilienk:after, .sncftransilienk:after {
    content: "K";
    color: #c7b300;
    box-shadow: inset 0 0 0 .1429em #c7b300;
}

.ratptransilienu:after, .sncftransilienu:after {
    content: "U";
    color: #d60058;
    box-shadow: inset 0 0 0 .1429em #d60058;
}

.ratptransilienl:after, .sncftransilienl:after {
    content: "L";
    color: #7584bc;
    box-shadow: inset 0 0 0 .1429em #7584bc;
}

.ratptransilienj:after, .sncftransilienj:after {
    content: "J";
    color: #cdcd00;
    box-shadow: inset 0 0 0 .1429em #cdcd00;
}

.ratptransilienr:after, .sncftransilienr:after {
    content: "R";
    color: #e4b4d1;
    box-shadow: inset 0 0 0 .1429em #e4b4d1;
}

.ratptransilienn:after, .sncftransilienn:after {
    content: "N";
    color: #00a092;
    box-shadow: inset 0 0 0 .1429em #00a092;
}

.ratptransilienh:after, .sncftransilienh:after {
    content: "H";
    color: #7b4339;
    box-shadow: inset 0 0 0 .1429em #7b4339;
}

.ratptransilienp:after, .sncftransilienp:after {
    content: "P";
    color: #f0b600;
    box-shadow: inset 0 0 0 .1429em #f0b600;
}

/* flag icons */

.flag {
    position: relative;
    overflow: hidden;
    width: 1.5em;
    height: 1.5em;
    margin-right: 1.5em;
    border-radius: 100%;
}

.flag a {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.flag span {
    display: none;
}

.flag.de {
    background: #fe0002;
}

.flag.de:before, .flag.de:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 33.333%;
    background: #000;
}

.flag.de:after {
    top: auto;
    bottom: 0;
    background: #fece00;
}

.flag.it {
    background: #fff;
}

.flag.it:before, .flag.it:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 33.333%;
    background: #329401;
}

.flag.it:after {
    left: auto;
    right: 0;
    background: #df2111;
}

.flag.sp {
    background: #ffc400;
}

.flag.sp:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: .3571em solid #c60b1e;
    border-bottom: .3571em solid #c60b1e;
}

.flag.sp:after {
    content: "";
    position: absolute;
    top: 50%;
    left: .2143em;
    width: .2143em;
    height: .5em;
    margin-top: -.25em;
    border-right: .0715em solid #bda024;
    border-left: .0715em solid #bda024;
    border-radius: 100%;
    box-shadow: inset .2143em 0 .0715em #50475a, inset 0 .1429em #c6a2d6;
}

.flag.uk {
    background: #092c70;
}

.flag.uk:before {
    content: "+";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 3.5em;
    text-align: center;
    line-height: .3286;
    text-indent: -.04em;
    color: #f10002;
    text-shadow: .0204em .0204em 0 #fff, -.0204em .0204em 0 #fff, -.0204em -.0204em 0 #fff, .0204em -.0204em 0 #fff;
}

.flag.uk:after {
    content: "x";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    font-size: 4em;
    text-align: center;
    line-height: .23;
    text-indent: .16em;
    color: #f10002;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    text-shadow: .0204em .0204em 0 #fff, -.0204em .0204em 0 #fff, -.0204em -.0204em 0 #fff, .0204em -.0204em 0 #fff;
}

.flag.eu {
    background: #16246b;
}

.flag.eu:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .7143em;
    height: .7143em;
    margin-top: -.4286em;
    margin-left: -.4286em;
    border: .0715em dotted #9b8f4f;
    border-radius: 100%;
}

/* ----------------------------- */
/* == social icons			     */
/* ----------------------------- */

/* facebook */

.fb_iframe_widget.fb-like > span {
    vertical-align: top !important;
    width: auto !important;
    height: auto !important;
}

.fb_iframe_widget.fb-like iframe {
    position: static !important;
    height: 21px !important;
}

/* twitter */

iframe.twitter-tweet-button {
    width: 91px !important;
    height: 21px !important;
}

/* google + */

.googlelike > div {
    vertical-align: top !important;
    width: auto !important;
    height: auto !important;
}

.googlelike iframe {
    width: 57px !important;
    height: 21px !important;
}

/* ----------------------------- */
/* == browsers consistency       */
/* ----------------------------- */

p:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, article:first-child, section:first-child, figure:first-child, .promo:first-child {
    margin-top: 0;
}

img, table, td, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
}

:not(.gm-style) img {
    height: auto !important;
}

body > script/*, body > iframe*/    {
    display: none !important;
}

/* ----------------------------- */
/* == button template	         */
/* ----------------------------- */

/* default button form */

form, fieldset {
    border: none;
}

input, button, select, label, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    font-family: inherit;
    font-size: inherit;
}

label {
    display: inline-block;
    cursor: pointer;
}

legend {
    border: 0;
    white-space: normal;
}

textarea {
    min-height: 12em;
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

button, [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

.error {
    box-shadow: 0 0 1px red !important;
}

[type="checkbox"], [type="radio"] {
    position: relative;
    top: -.1053em;
    margin-right: .4em;
}
section#topSearchsect {
    height: 270px;
}
.topsearch.box header {
    padding: 1.75em 3em;
}
@media only screen and (max-width: 50em) {
    section#topSearchsect {
        height: auto;
    }
    .topsearch.box header {
        padding: 0.75em 3em;
    }
    div {
        --finbp:50em;
    }
}
[type="search"] {
    -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-decoration, [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-results-button, [type="search"]::-webkit-search-results-decoration {
    display: none;
}

::-webkit-input-placeholder {
    color: rgba(134, 142, 155, .6);
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: rgba(134, 142, 155, .6);
}

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
    border: 0;
    padding: 0;
}

[type="text"], [type="password"], [type="email"], [type="search"], [type="tel"], [type="url"], [type="file"], [type="date"], [type="week"], [type="month"], select, textarea {
    height: 2.2106em;
    padding: 0 .7369em;
    background: #f1f1f3;
    font-size: 1.3572em;
    font-weight: 300;
    color: var(--main-txt-darker-color);
    border-radius: 0;
    box-shadow: inset .2106em .1579em .2632em rgba(41, 46, 53, .1);
    transition: background .2s ease;
}

[type="text"], [type="password"], [type="email"], [type="search"], [type="tel"], [type="url"], [type="file"], [type="date"], [type="week"], [type="month"] {
    -webkit-appearance: none;
}

[type="text"]:focus, [type="password"]:focus, [type="email"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="url"]:focus, [type="file"]:focus, [type="date"]:focus, [type="week"]:focus, [type="month"]:focus, select:focus, textarea:focus,
[type="text"]:active, [type="password"]:active, [type="email"]:active, [type="search"]:active, [type="tel"]:active, [type="url"]:active, [type="file"]:active, [type="date"]:active, [type="week"]:active, [type="month"]:active, select:active, textarea:active {
    background: #fff;
}

[type="text"][disabled], [type="password"][disabled], [type="email"][disabled], [type="search"][disabled], [type="tel"][disabled], [type="url"][disabled], [type="file"][disabled], [type="date"][disabled], [type="week"][disabled], [type="month"][disabled], select[disabled], textarea[disabled],
[type="text"].disabled, [type="password"].disabled, [type="email"].disabled, [type="search"].disabled, [type="tel"].disabled, [type="url"].disabled, [type="file"].disabled, [type="date"].disabled, [type="week"].disabled, [type="month"].disabled, select.disabled, textarea.disabled {
    background: #f1f1f3;
    color: rgba(134, 142, 155, .6);
    box-shadow: 0 0;
}

[type="text"][disabled]:focus, [type="password"][disabled]:focus, [type="email"][disabled]:focus, [type="search"][disabled]:focus, [type="tel"][disabled]:focus, [type="url"][disabled]:focus, [type="file"][disabled]:focus, [type="date"][disabled]:focus, [type="week"][disabled]:focus, [type="month"][disabled]:focus, select[disabled]:focus, textarea[disabled]:focus,
[type="text"].disabled:active, [type="password"].disabled:active, [type="email"].disabled:active, [type="search"].disabled:active, [type="tel"].disabled:active, [type="url"].disabled:active, [type="file"].disabled:active, [type="date"].disabled:active, [type="week"].disabled:active, [type="month"].disabled:active, select.disabled:active, textarea.disabled:active,
[type="text"][disabled]:active, [type="password"][disabled]:active, [type="email"][disabled]:active, [type="search"][disabled]:active, [type="tel"][disabled]:active, [type="url"][disabled]:active, [type="file"][disabled]:active, [type="date"][disabled]:active, [type="week"][disabled]:active, [type="month"][disabled]:active, select[disabled]:active, textarea[disabled]:active,
[type="text"].disabled:focus, [type="password"].disabled:focus, [type="email"].disabled:focus, [type="search"].disabled:focus, [type="tel"].disabled:focus, [type="url"].disabled:focus, [type="file"].disabled:focus, [type="date"].disabled:focus, [type="week"].disabled:focus, [type="month"].disabled:focus, select.disabled:focus, textarea.disabled:focus {
    background: #f1f1f3;
}

select {
    padding: .4em .4em .4em .5em;
}

textarea {
    padding-top: .35em;
    padding-bottom: .35em;
}

.lightform [type="text"], .lightform [type="password"], .lightform [type="email"], .lightform [type="search"], .lightform [type="tel"], .lightform [type="url"], .lightform [type="file"], .lightform [type="date"], .lightform [type="week"], .lightform [type="month"], .lightform select, .lightform textarea {
    height: 2.625em;
    background: #fff;
    font-size: 1.1429em;
    box-shadow: 0 0;
}

.lightform [type="text"][disabled]:focus, .lightform [type="password"][disabled]:focus, .lightform [type="email"][disabled]:focus, .lightform [type="search"][disabled]:focus, .lightform [type="tel"][disabled]:focus, .lightform [type="url"][disabled]:focus, .lightform [type="file"][disabled]:focus, .lightform [type="date"][disabled]:focus, .lightform [type="week"][disabled]:focus, .lightform [type="month"][disabled]:focus, .lightform select[disabled]:focus, .lightform textarea[disabled]:focus,
.lightform [type="text"].disabled:active, .lightform [type="password"].disabled:active, .lightform [type="email"].disabled:active, .lightform [type="search"].disabled:active, .lightform [type="tel"].disabled:active, .lightform [type="url"].disabled:active, .lightform [type="file"].disabled:active, .lightform [type="date"].disabled:active, .lightform [type="week"].disabled:active, .lightform [type="month"].disabled:active, .lightform select.disabled:active, .lightform textarea.disabled:active,
.lightform [type="text"][disabled]:active, .lightform [type="password"][disabled]:active, .lightform [type="email"][disabled]:active, .lightform [type="search"][disabled]:active, .lightform [type="tel"][disabled]:active, .lightform [type="url"][disabled]:active, .lightform [type="file"][disabled]:active, .lightform [type="date"][disabled]:active, .lightform [type="date"][disabled]:active, .lightform [type="week"][disabled]:active, .lightform [type="month"][disabled]:active, .lightform select[disabled]:active, .lightform textarea[disabled]:active,
.lightform [type="text"].disabled:focus, .lightform [type="password"].disabled:focus, .lightform [type="email"].disabled:focus, .lightform [type="search"].disabled:focus, .lightform [type="tel"].disabled:focus, .lightform [type="url"].disabled:focus, .lightform [type="file"].disabled:focus, .lightform [type="date"].disabled:focus, .lightform [type="week"].disabled:focus, .lightform [type="month"].disabled:focus, .lightform select.disabled:focus, .lightform textarea.disabled:focus {
    background: #fff;
}

[type="file"], .lightform [type="file"] {
    height: auto;
    padding: .7em;
    font-size: 1em;
}

.lightform textarea {
    padding-top: .55em;
    padding-bottom: .55em;
}

[type="button"], [type="submit"].btns, [type="reset"].btns, .btns {
    display: inline-block;
    padding: 0 1.5em;
    background: var(--main-bleu-bg-color);
    font: 400 1em/1.8572 "Roboto slab", Arial, sans-serif;
    white-space: nowrap;
    text-transform: none;
    text-align: center;
    color: #d2efff;
    text-decoration: none;
    border-radius: .2143em;
    transition: color .2s ease;
}

[type="button"]:hover, .btns:hover,
[type="button"]:focus, .btns:focus,
[type="button"]:active, .btns:active,
[type="button"].active, .btns.active {
    color: #fff;
}

[type="submit"], [type="reset"], .btn {
    position: relative;
    display: inline-block;
    padding: 0 1.3125em;
    font: 700 1.1429em/2.625 "Roboto slab", Arial, sans-serif;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: var(--main-bleu-color);
    border-radius: 0;
    transition: color .2s ease, background .2s ease;
}

[type="submit"], [type="reset"], .btn, .progressbar .value, .nav__bubble , .nav_topic, .library .editionbar input, .nav-switch-field, .library .addfolder .btncircle:hover, .library .addfolder .btncircle:focus, .library .addfolder .btncircle:active  {
    background: #292e35;
}

[type="submit"].btsearch , [type="submit"]#submitLoginPopin {
    background:  var(--main-bg-violet-color);
    color: #FFF;
}


[type="submit"].blue, [type="reset"].blue, .btn.blue,
[type="submit"]:hover, [type="reset"]:hover, .btn:hover,
[type="submit"]:focus, [type="reset"]:focus, .btn:focus,
[type="submit"]:active, [type="reset"]:active, .btn:active,
[type="submit"].active, [type="reset"].active, .btn.active, [type="submit"]#submitLoginPopin:hover,
.btnilike .front, .btnilike .back,
.pagination .selected div, .pagination .selected a,
.lexResponse  a.requestloc,
.lexResponse a.requeststop, .pin, .showNumberBtn .btn.green,
.moreclients .refinternet, .moreclients .refprio {
    background: var(--main-bleu-bg-color);
    color: var(--main-blanc-color);
}

.btnilike.liked:hover .back, .btnwelcome, .angle, .nav_topic .nav__item_active + .nav__item:before, .autocomplete .dropdown .location, .autocomplete .dropdown .favorite, .ie8 .topsearch li, .ie8 .logo118000.fifa .fr, .nav_private, .cardlist .card:before, .nav-switch-field__btn, .boxasideblue header, .boxasidepurple header {
    background: var(--main-bleu-bg-color);
}

[type="button"].purple, [type="submit"].purple, [type="reset"].purple, .btn.purple, .btns.purple {
    background:  var(--main-bg-violet-color);
    color: #FFF;
}

.angle:before {
    border-right: 1em solid var(--main-bleu-bg-color);
}

.angle:after {
    border-top: 5em solid var(--main-bleu-bg-color);
}


[type="button"].purple:hover, [type="submit"].purple:hover, [type="reset"].purple:hover, .btn.purple:hover, .btns.purple:hover,
[type="button"].purple:focus, [type="submit"].purple:focus, [type="reset"].purple:focus, .btn.purple:focus, .btns.purple:focus,
[type="button"].purple:active, [type="submit"].purple:active, [type="reset"].purple:active, .btn.purple:active, .btns.purple:active,
[type="submit"].purple.active, [type="reset"].purple.active, .btn.purple.active,
[type="submit"].blue:hover, [type="reset"].blue:hover, .btn.blue:hover,
[type="submit"].blue:focus, [type="reset"].blue:focus, .btn.blue:focus,
[type="submit"].blue:active, [type="reset"].blue:active, .btn.blue:active,
[type="submit"].blue.active, [type="reset"].blue.active, .btn.blue.active {
    background:  var(--main-bg-violet-color);
}

[type="submit"].arrowright:after, [type="reset"].arrowright:after, .btn.arrowright:after,
[type="submit"].arrowleft:after, [type="reset"].arrowleft:after, .btn.arrowleft:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.3125em;
    margin-top: -.3125em;
    border-top: .3125em solid transparent;
    border-bottom: .3125em solid transparent;
    border-left: .3125em solid var(--main-bleu-bg-color);
}

[type="submit"].arrowleft:after, [type="reset"].arrowleft:after, .btn.arrowleft:after {
    right: auto;
    left: -.3125em;
    border-left: 0;
    border-right: .3125em solid var(--main-bleu-bg-color);
}

[type="submit"].arrowright.purple:after, [type="reset"].arrowright.purple:after, .btn.arrowright.purple:after {
    border-left-color:  var(--main-bg-violet-color);
}

[type="submit"].arrowleft.purple:after, [type="reset"].arrowleft.purple:after, .btn.arrowleft.purple:after {
    border-right-color:  var(--main-bg-violet-color);
}

[type="submit"].iconlower:before, [type="reset"].iconlower:before, .btn.iconlower:before {
    transition: transform .2s ease;
}

[type="submit"].active.iconlower:before, [type="reset"].active.iconlower:before, .btn.active.iconlower:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tva_display_number {
    font-weight: bold;
}

/* a href button */

.btna, .linkedForm {
    display: inline;
    padding: 0;
    background: none;
    vertical-align: baseline;
    font: 300 1em "Roboto Condensed", Arial, sans-serif;
    line-height: inherit;
    color: var(--main-bleu-color);
    text-decoration: underline;
    transition: none;
    cursor: pointer;
}

.btna:hover, .btna:focus, .btna:active, .linkedForm:hover, .linkedForm:focus, .linkedForm:active {
    color: var(--main-bleu-color);
    text-decoration: none;
}

/* i like button */

.btnilike {
    position: relative;
    padding: 0;
    background: none;
    color: var(--main-bleu-color);
    line-height: 0;
    -webkit-perspective: 5.3637em;
    perspective: 5.3637em;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    transition: none;
}

.btnilike.iconheart {
    -webkit-transform-origin: 77% 50% 0;
    transform-origin: 77% 50% 0;
}

.btnilike.iconheart:before {
    position: static;
    font-size: 1.1429em;
    line-height: 1;
}

.btnilike:hover, .btnilike:focus, .btnilike:active {
    color: var(--main-bleu-color);
}

.btnilike .front {
    display: inline-block;
}

.btnilike .front, .btnilike .back {
    position: relative;
    width: 2.3637em;
    height: 1.4546em;
    font: 700 .7858em/1.4546 "Roboto Slab", Arial, sans-serif;
    border-radius: .2728em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .2s ease;
}

.btnilike .front:before, .btnilike .back:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.2728em;
    margin-top: -.2728em;
    border-top: .2728em solid transparent;
    border-bottom: .2728em solid transparent;
    border-right: .2728em solid var(--main-bleu-bg-color);
}

.btnilike .back {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.btnilike .back:after {
    content: "+1";
}

.btnilike.liked .back:after {
    content: "-1";
}

.btnilike:hover .front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.btnilike:hover .back {
    background:  var(--main-bg-violet-color);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.btnilike:hover .back:before {
    border-right-color:  var(--main-bg-violet-color);
}

.btnilike.liked:hover .back:before {
    border-right-color: var(--main-bleu-bg-color);
}

.btnilike.liked strong {
    background:  var(--main-bg-violet-color);
}

.btnilike.liked strong:before {
    border-right-color:  var(--main-bg-violet-color);
}

.btnilike.null strong {
    background: var(--main-dark-bg-color);
}

.btnilike.null strong:before {
    border-right-color: var(--main-dark-bg-color);
}

.btnilike.liked .back {
    -webkit-animation: ilike .6s ease-in forwards;
    animation: ilike .6s ease-in forwards;
}

@-webkit-keyframes ilike {
    from {
        box-shadow: 0 0 1em 0 rgba(0, 140, 215, 0);
    }
    50% {
        box-shadow: 0 0 1em 0 rgba(0, 140, 215, 1);
    }
    to {
        box-shadow: 0 0 1em 1em rgba(0, 140, 215, 0);
    }
}

@keyframes ilike {
    from {
        box-shadow: 0 0 1em 0 rgba(0, 140, 215, 0);
    }
    50% {
        box-shadow: 0 0 1em 0 rgba(0, 140, 215, 1);
    }
    to {
        box-shadow: 0 0 1em 1em rgba(0, 140, 215, 0);
    }
}

/* close button template */

[class*="btnclose"] {
    position: relative;
    width: 2.1429em;
    height: 2.1429em;
    padding: 0;
    background: rgba(41, 46, 53, .5);
    border-radius: 100%;
    transition: background .2s ease;
}

[class*="btnclose"]:before, [class*="btnclose"]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.1em;
    height: .0715em;
    margin-left: -.5em;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

[class*="btnclose"]:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[class*="btnclose"]:hover, [class*="btnclose"]:focus, [class*="btnclose"]:active {
    background: rgba(41, 46, 53, 1);
}

/* close pop in button */

.btnclosepopin {
    width: 3em;
    height: 3em;
    background: #f1f1f3;
}

.btnclosepopin:before, .btnclosepopin:after {
    background: var(--main-dark-bg-color);
    width: 1.35em;
    margin-left: -.65em;
}

/* back to top button */

.btnbacktotop {
    position: fixed;
    z-index: 1;
    right: 1.5em;
    bottom: 1.5em;
    width: 3em;
    height: 3em;
    padding: 0;
    background: rgba(41, 46, 53, .5);
    color: #fff;
    border-radius: 100%;
    transition: border-radius .2s ease, background .2s ease, bottom .2s ease, opacity .2s ease;
}

.btnbacktotop.disabled {
    bottom: -3em;
    opacity: 0;
}

.btnbacktotop:hover {
    background: rgba(181, 85, 255, .9);
    border-radius: 0;
}

.btnbacktotop:before {
    margin: 0;
    font-size: 1.5em;
    transition: top .2s ease;
}

/* circle button */

.btncircle {
    width: 7.5em;
    height: 7.5em;
    padding: 0;
    background: rgba(41, 46, 53, .9);
    font-family: "Roboto Condensed";
    line-height: 1.5;
    color: #fff;
    white-space: normal;
    border-radius: 100%;
    transition: background .2s ease, box-shadow .2s ease;
}

.btncircle:before {
    position: static;
    display: block;
    margin: 0;
    line-height: 1;
}

.btncircle span {
    font-size: 1.3572em;
    line-height: 1.1053;
}

.btncircle:hover, .btncircle:focus, .btncircle:active {
    background: rgba(41, 46, 53, 1);
    box-shadow: 0 0 0 .5715em #fff;
}

/* moving circle button */

.moving {
    position: relative;
    overflow: hidden;
}

.moving .btncircle {
    position: absolute;
    z-index: 1;
    top: 200%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: background .2s ease, top .2s ease, box-shadow .2s ease, .2s opacity;
}

.moving:hover .btncircle {
    top: 0;
}

/* move button */

.btnmove {
    width: 2em;
    height: 2em;
    padding: 0;
    background: rgba(41, 46, 53, .5);
    color: #fff;
    cursor: move;
    border-radius: 100%;
    transition: right .2s ease, background .2s ease;
}

.btnmove:hover, .btnmove:focus, .btnmove:active {
    background: rgba(41, 46, 53, 1);
}

.btnmove:before {
    margin: 0;
}


/* chat bot */

.fbmessenger{position: relative;   top: -80px; cursor:pointer;}
.fbmessenger span{z-index:999999999;position: absolute;}
.fbmessenger.wposbottom_right{width: 86%; text-align: right; right: 0;}
.tooltiptext.wposbottom_right{left:initial;bottom:10px}
.fbmessenger img{width:50px;filter:drop-shadow(2px 6px 4px rgba(0,0,0,.3));-webkit-filter:drop-shadow(2px 6px 4px rgba(0,0,0,.3))}
.tooltiptext{width:120px;background-color:#fff;color:#2c2c2c;text-align:center;padding:5px 0;border:1px solid #eee;border-radius:6px;position:fixed;bottom:30px;right:75px;font-family:inherit;font-size:inherit;text-transform:uppercase;filter:drop-shadow(2px 6px 4px rgba(0,0,0,.3));-webkit-filter:drop-shadow(2px 6px 4px rgba(0,0,0,.3))}

.chatbox {
    visibility: hidden;
    opacity:0;
    position: fixed;
    right: .5em;
    background: #fff;
    padding: .7em;
    box-shadow: 0 0 .75em rgba(0,140,215,.5);
    transition: all 1s ease;
    min-width: 26em;
    max-width: 30em;
    border-radius: 10px;
    z-index: 999;
    bottom: 0;
}


.chabotfp .chatbox.chatbox--active {
    position: initial;
    width: 100%;
    max-width: 100%;
    bottom: unset;
    right: unset;

}

.chabotfp form#chatform {
    max-width: unset;
}

.chabotfp  .fbmessenger, .chabotfp button.btnclosechat  {
    display: none;
}

.chabotfp   div.chatbox input#wisdom {
    padding: 4px;
    font-size: 1.5em;
    width: 87%;
    line-height: 1.5em;
}

.chabotfp  button.sendmess.iconnext {
    display: inline-block;
    width: 3.5em;
    height: 3.3em;
}

.chabotfp.mobile  button.sendmess.iconnext {
    width: 2.5em;
    height: 3em;
}

.chabotfp  div.chatbox p.lexResponse, div.chatbox p.istyping {
    min-width: 53%;
    max-width: 53%;
}

.chabotfp.mobile   div.chatbox p.lexResponse  {
    max-width: 97%;
}
.mupd {
    display: inline-block;
    cursor: pointer;
}

.chabotfp .pagination.soft {
    position: relative;
    top: -40px;
}
a.linkbot, .lexResponse a.linkbot {
    text-decoration: underline;
    color: #2196F3;
}

.chabotfp div.chatbox #conversation {
    width: 100%;
    height: 28em;
    max-height: 28em;
}

.chabotfp .slider.horizontal {
    font-size: .7em;
}

.allconv .chatbox {
    visibility: visible;
    opacity: 1;
    position: relative;
}

.chatboxin {
    visibility: hidden;
    opacity: 0;
    position: static;
    right: unset;
    background: transparent;
    padding: 0;
    box-shadow: none;
    transition: unset;
    height: auto;
    min-width: 26em;
    border-radius: unset;
    z-index: unset;
    bottom: unset;
}

.chatboxin  .fbmessenger, .chatboxin  .btnclosechat {
    display: none;
}
.chatbox--active {
    visibility: visible;
    opacity:1;
    transform: translateX(0);
    bottom: .5em;
}

.btnclosechat {
    background: #f1f1f3;
    position: absolute;
    top: .3em;
    right: 1em;
    outline: none;
}

.btnclosechat:before, .btnclosechat:after {
    background: var(--main-dark-bg-color);
}

.chatbox-close {
    transform:  translateY(+102%);
    bottom: 0;
}

.chatboxin.chatbox-close {
    transform:  translateY(0);
}

.chatbox-close  .btnclosechat:before, .chatbox-close  .btnclosechat:after  {
    width: .7em;
    margin-left: -.65em;
    left: 62%;
}

.chatbox-close  .btnclosechat:before {
    top: 13px;
}

div.chatbox #conversation {

    width: 100%;
    max-height: 400px;
    min-height: 100px;
    overflow-y: scroll;
    /*vertical-align: bottom;
    display: table-cell;*/
    border: 1px solid #eee;
    background-color: #fff;
    padding: 4px;

    overflow-x: hidden;
    font-size:16px;
    margin-top:2.1em;
}


div.chatbox #conversation::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

div.chatbox #conversation::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

div.chatbox #conversation::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #328dde;
}


.brchatbox  {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: .7em;
    background-color: #3a87d9;
    z-index: 999;
}


div.chatbox input#wisdom {
    padding: 4px;
    font-size: 1em;
    width: 100%;
}

div.chatbox.mobile  {
    max-width:100%;
    width:100%;
}
div.chatbox.mobile  input#wisdom {
    width: 84%;
}
img#prevDemo {
    max-height: 15em;
    max-width: 15em;
}

div#draguptg {
    width: 98%;
    height: 11em;
    margin: 0 auto;
    border: 2px dashed #848282;
    color: #0c0a0a;
    font-size: 1.2em;
    text-align: center;
    padding-top: 10%;
}

.mediareab {
    display:block;
}

.pbut {
    background:  var(--main-bg-violet-color);
    color: #fff;
    font-size: 1.1em;
    padding: .5em;
    display: inline-block;
    margin: 0 0 1em 0;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 4px;
}

.pbut.disab {
    background-color: grey;
    opacity: .5;
    cursor: default;
}

.mediareab>div {
    display: inline-block;
    width: 50%;
}

.chabotfp.mobile .mediareab>div {
    display: block;
    width: 100%;
}

div#divupglg {
    border: 3px solid var(--main-bleu-bg-color);
}

img.userup {
    max-height: 9em;
    max-width: 9em;
}

.mediarea {
    display: none;
    margin-top: 1em;
}
.viedolive {
    padding: .3em;
    display: none;
}
img.mupdi {
    max-width: 3.6em;
    margin-left: 6px;
}

.chabotfp.mobile img.mupdi {
    max-width: 3.2em;
    margin-left: unset;
    margin-top: 5px;
}

div#divupordragmenu>div.act {
    color: #FF9800;
}

canvas#canvas {
    max-width: 15em;
    max-height: 15em;
    display: none;
}


div#divprevDemo {
    text-align: center;
}

div#divupordragmenu>div {
    width:auto;
    display: inline-block;
    margin: 0 2px 0 0;
    background-color: var(--main-bleu-bg-color);
    border-radius: 5px 5px 0 0;
    color: #FFF;
    font-size: 1.5em;
    padding: 0 9px;
    cursor:pointer;
}


div#draguptg.hover {
    color: #FF9800;
    border: 2px dashed #FF9800;
    font-weight: bold;
}

.startnewconv {
    background:  var(--main-bg-violet-color);
    color: #fff;
    font-size: 1.5em;
    padding: .5em;
    display: inline-block;
    margin: 0 0 1em 0;
    border-radius: 5px;
    cursor:pointer;
}


.backbtcb {
    background:  var(--main-bg-violet-color);
    color: #fff;
    font-size: .9em;
    padding: .5em;
    display: table;
    margin: 0 0 .6em 0;
    border-radius: 5px;
    cursor: pointer;
}

.mobile .startnewconv {
    font-size: 1.3em;
}

div.chatbox  input::placeholder {
    color: #ccc;
    font-style: italic;
}

div.chatbox  p.userRequest  {
    margin: 4px;
    padding: 4px 10px 4px 10px;
    min-width: 50%;
    max-width: 85%;
    float: right;
    text-align: right;
    background-color: #328dde;
    color:#fff;
    border-radius: .9em;
    font-family: Helvetica Neue, Segoe UI, Helvetica;
}



div.chatbox .quickreply {
    cursor: pointer;
    border: 1px solid #bfd9ef;
    text-align: center;
    color: #FFF;
    background-color: #328dde;
    padding: .4em;
}

.chatctitle {
    white-space: normal;
    font-weight: bold;
}

div.chatbox  .lexResponse li {
    margin: .2em;
    background-color: #fff;
    padding: .7em;
    width: 16em;
}

a.requestloc {
    text-decoration: underline;
}

.lexResponse a {
    text-decoration: none;
    color: #000;
}

.chatcsubtitle {
    white-space: normal;
}
div.chatbox  p.lexResponse  , div.chatbox  p.istyping {
    margin: 4px;
    padding: 4px 10px 4px 10px;
    min-width: 50%;
    max-width: 85%;
    float: left;
    background-color: #f2f1f1;
    font-family: Helvetica Neue, Segoe UI, Helvetica;
    border-radius: .9em;
    color:#000;
}
.chabotfp div.chatbox  p.lexResponse  , div.chatbox  p.istyping, .chabotfp  div.chatbox p.userRequest {
    font-size: 1.5em;
}

.chabotfp.mobile div.chatbox  p.lexResponse  , .chabotfp.mobile div.chatbox  p.istyping, .chabotfp.mobile  div.chatbox p.userRequest {
    font-size: 1em;
}

#restartcapture {
    display:none;
}

.viedolive.ffsc {
    background-color:black;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

}
.viedolive.ffsc #player {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index:50;
}

.viedolive.ffsc #videoSource {
    position: absolute;
    top:1em;
    z-index:90;
}

.viedolive.ffsc .optvideo  {
    position: absolute;
    left:1em;
    bottom: 2em;
    z-index:90;
}

.viedolive.ffsc .btclosevid {
    position: absolute;
    right: 1em;
    top: 1em;
    background-color: #FFF;
    width: 2em;
    height: 2em;
    z-index: 90;
    line-height: 2em;
    text-align: center;
    border-radius: 20px;
}

div.chatbox  p.lexError {
    margin: 4px;
    padding: 4px 10px 4px 10px;
    min-width: 50%;
    max-width: 85%;
    float: left;
    background-color: #f2f1f1;
    /*background-color: #f2f1f1;;*/
    font-family: Helvetica Neue, Segoe UI, Helvetica;
    border-radius: .9em;
    color:#000;
}

.chatbox.mobile.chatbox--active {
    height: auto;
    left: 0;
    right: unset;
    min-width: unset;
}

.chatbox.mobile.chatbox--active #conversation  {
    width: 99%;
    max-height: 20em;
}

.novideosource {
    font-size: 2em;
}

.btclosevid {
    display:none;
}
.chatbox.mobile .novideosource {
    color: #FFF;
}

.chabotfp.mobile  .btclosevid {
    display:block;
}
.chabotfp.mobile #draguptg {
    display:none;
}
.chabotfp .chatbox {
    z-index: 10;
}

.preview td.previewprogress.txtleft {
    width: 33%;
}

.preview td.previewdate {
    width: 13%;
}

.preview td.previewval , .preview  td.previewcomplete  {
    width: 10%;
}

.preview span.value.wp100 {
    width: 30%;
}

#maSuppression .error {
    display: none;
    background-color: #e62121;
    color: #FFF;
    font-weight: bold;
    padding: .2em 2em;
    border-radius: .5em;
}
/* interface button */

.btninterface {
    width: 3em;
    height: 3em;
    padding: 0;
    background: #f8f8fa;
    color: var(--main-txt-darker-color);
    border-radius: 0;
    transition: background .2s ease, color .2s ease;
}

.btninterface:hover, .btninterface:focus, .btninterface:active {
    background: #6ad500;
    color: #fff;
}

.btninterface:before {
    margin: 0;
    font-size: 1.5em;
}

/* hi button */

.btnwelcome {
    position: fixed;
    z-index: 9;
    top: 50%;
    right: 0;
    width: 7em;
    height: 7em;
    margin-top: -3.5em;
    padding: .75em;
    white-space: normal;
    text-align: left;
}

.btnwelcome:hover .underline, .btnwelcome:focus .underline, .btnwelcome:active .underline {
    text-decoration: none;
}

.btnwelcome:before {
    font-size: 1.25em;
}

.btnwelcome:after {
    content: "";
    position: absolute;
    bottom: -1em;
    right: 1.5em;
    border-left: 1em solid transparent;
    border-top: 1em solid var(--main-bleu-bg-color);
}

.btnwelcome * {
    color: #fff;
}

/* add - delete button */

.btnadd, .btndelete {
    position: relative;
    width: 1em;
    height: 1em;
    padding: 0;
    background: #6ad500;
    line-height: 1;
    border-radius: 100%;
}

.btndelete {
    background: #d50000;
}

.btnadd:before, .btnadd:after, .btndelete:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .4286em;
    height: .0715em;
    margin-left: -.2143em;
    background: #c8fa96;
    transition: background .2s ease;
}

.btndelete:after {
    background: #ffcbc8;
}

.btnadd:before {
    width: .0715em;
    height: .5em;
    margin-top: -.2143em;
    margin-left: -.0358em;
}

.btnadd:after {
    width: .5em;
    margin-left: -.25em;
}

.btnadd:hover:before, .btnadd:focus:before, .btnadd:active:before, .btnadd:hover:after, .btnadd:focus:after, .btnadd:active:after,
.btndelete:hover:after, .btndelete:focus:after, .btndelete:active:after {
    background: #fff;
}

/* previous - next button */

.btnprevious, .btnnext {
    width: 3em;
    height: 3em;
    padding: 0;
    background: #f8f8fa;
    color: var(--main-txt-darker-color);
    border-radius: 0;
    transition: background .2s ease, color .2s ease;
}

.btnprevious:hover, .btnprevious:focus, .btnprevious:active,
.btnnext:hover, .btnnext:focus, .btnnext:active {
    background: var(--main-bg-darker-color);
}

/* sv button */

.btnsv {
    padding: 0;
    background: none;
    color: inherit;
    line-height: 1.5;
    border-radius: 0;
}

.btnsv:hover, .btnsv:focus, .btnsv:active {
    color: inherit;
}

.btnsv.saved {
    color: #6ad500;
}

/* btn share social button */

.btnshare {
    width: 100%;
    padding-left: .7em;
    text-align: left;
    line-height: 3;
    box-shadow: 0 .0715em .3572em rgba(41, 46, 53, .4);
}

.btnshare, .btnshare:before {
    color: #fff;
}

.btnshare:before {
    top: 0;
    font-size: 2em;
}

.btnshare.facebook {
    background: #3b5998;
}

.btnshare.twitter {
    background: #00aced;
}

.btnshare.google {
    background: #dd4b39;
}

/* noskin button */

.btnnoskin {
    width: auto;
    padding: 0;
    background: none;
    line-height: 1;
    border-radius: 0;
}

/* ----------------------------- */
/* == action template			 */
/* ----------------------------- */

.action {
    width: 3em;
    background: #f8f8fa;
    text-align: center;
}

/* ----------------------------- */
/* == interface template		 */
/* ----------------------------- */

/* filter */

.filternav {
    padding: .5715em 0;
}

.filternav label {
    position: relative;
    padding: 0 1.5em;
    background: var(--main-bg-darker-color);
    font: 400 1em/1.8572 "Roboto slab", Arial, sans-serif;
    color: #fff;
    border-radius: .2143em 0 0 .2143em;
}

.filternav label:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.3572em;
    margin-top: -.3572em;
    border-top: .3572em solid transparent;
    border-bottom: .3572em solid transparent;
    border-left: .3572em solid var(--main-bg-darker-color);
}

.filternav select {
    height: 1.8572em;
    padding: .2em .2em .2em 1.2em;
    font: 400 1em "Roboto slab", Arial, sans-serif;
    color: var(--main-bleu-color);
    background: #fff;
    border-radius: 0 .2143em .2143em 0;
    box-shadow: 0 0;
}

/* tips */

.tips {
    position: relative;
    display: inline-block;
    padding: 1.5em;
    background: #fff;
}

.tips strong {
    color: #292e35;
}

.tips .icontips:before {
    color: var(--main-bleu-color);
}

.tips:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.3572em;
    margin-top: -.3572em;
    border-top: .3572em solid transparent;
    border-bottom: .3572em solid transparent;
    border-left: .3572em solid #fff;
}

/* pin */

.pin {
    position: relative;
    display: inline-block;
    width: 2.1429em;
    height: 2.1429em;
    text-align: center;
    font-weight: 400;
    line-height: 2.1429;
    text-decoration: none;
    border-radius: 100%;
    transition: box-shadow .2s ease;
}

.pin:hover, .pin:focus, .pin:active {
    box-shadow: 0 0 0 .3572em #fff;
}

.pin:after {
    content: "";
    position: absolute;
    bottom: -.29em;
    left: 50%;
    margin-left: -.3572em;
    border-left: .3572em solid transparent;
    border-right: .3572em solid transparent;
    border-top: .3572em solid var(--main-bleu-bg-color);
}

.pro .pin, .pro.pin {
    background:  var(--main-bg-violet-color);
}

.pro .pin:after, .pro.pin:after {
    border-top-color:  var(--main-bg-violet-color);
}

.part .pin, .part.pin {
    background: var(--main-bg-darker-color);
}

.part .pin:after, .part.pin:after {
    border-top-color: var(--main-bg-darker-color);
}

/* pin start - end */

.pin.pend {
    background: #6ad500;
}

.pin.pend:after {
    border-top-color: #6ad500;
}

.pin.pstart:before, .pin.pend:before {
    margin-right: 0;
    font-size: 1.3em;
}

/* ----------------------------- */
/* == layout and modules         */
/* ----------------------------- */

.mod, .leftchild {
    overflow: hidden;
}

.clear {
    clear: both;
}

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

.ref {
    position: relative;
}

table, .table, .tablevmiddle, .tablechild > *, .tablevmiddlechild > *, .grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    vertical-align: top;
}

.table.tabletd {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    vertical-align: top;
}

.tabletd  ul {
    padding-left: 10em;
    list-style: none;
}

.tabletd  tr {
    background-color: rgba(191, 189, 189, .26);
}

.tabletd  tr  td {
    padding:1em;
}
.tablefree {
    table-layout: auto;
}

.modcbko {
    background-color: rgba(253, 0, 0, .26);
    padding:.2em;
}

.modcbok {
    background-color: rgba(0, 128, 0, .26);
    padding:.2em;
}

.table > *, .tablevmiddle > *, .tablechild > * > *, .tablevmiddlechild > * > *, .grid > * {
    display: table-cell;
    vertical-align: top;
}

.tablevmiddle > *, .tablevmiddlechild > * > * {
    vertical-align: middle;
}

.bl, .blchild > * {
    display: block;
}

.inbl, .inblchild > * {
    display: inline-block;
    vertical-align: top;
}

.in, .inchild > * {
    display: inline;
    vertical-align: top;
}

.none, .nonechild > * {
    display: none;
}

.hidden {
    visibility: hidden;
    height:0;
}

.left, .leftchild > * {
    float: left;
}

img.left, .img.left {
    margin-right: 1.5em;
    margin-bottom: .1em;
}

.right, .rightchild > * {
    float: right;
}

img.right, .img.right {
    margin-left: 1.5em;
    margin-bottom: .1em;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.txtleft {
    text-align: left;
}

.txtright {
    text-align: right;
}

.txtcenter {
    text-align: center;
}

.vtop {
    vertical-align: top;
}

.vbottom {
    vertical-align: bottom;
}

.vmiddle {
    vertical-align: middle;
}

.vtop > label {
    padding: .6563em 0;
}

#paychoice > div {
    border-bottom: 2px solid  var(--main-bg-violet-color);
}

ul.videos-item li:not(:first-child) {
    margin-top: 1em;
}

.grid > *, .private .grid > * {
    padding-right: 1.5em;
    padding-left: 1.5em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.grid > :first-child {
    padding-left: 0;
}

.grid > :last-child {
    padding-right: 0;
}

/* ----------------------------- */
/* == multiple columns           */
/* ----------------------------- */

ul.brand, ul.payment  {
    margin-top: 0;
}

.carousel-item li {
    display: inline;
}

.carousel-item img {
    padding: 0 10px;
    max-width: 100%;
    width: 25%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

.socialprofile-item li {
    display: inline;
    padding: .3em;
}

.filterasset {
    visibility: hidden;
    opacity:0;
    position: fixed;
    left: .5em;
    background: #fff;
    padding: 3em;
    box-shadow: 0 0 .75em rgba(0,140,215,.5);
    transition: all 1s ease;
    height: 347px;
    min-width: 26em;
    border-radius: 10px;
    z-index: 100;
    bottom: 0;
}

.filter-list {
    overflow: auto;
    position: absolute;
    top: 4em;
    bottom: 2em;
    left: 2em;
    right: 2em;
    margin-bottom: 7px;
}

.filterasset--active {
    visibility: visible;
    opacity:1;
    transform: translateX(0);
}

.btnclosefilter {
    width: 2.5em;
    height: 2.5em;
    background: #f1f1f3;
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    outline: none;
}

.btnclosefilter:before, .btnclosefilter:after {
    background: var(--main-dark-bg-color);
}
.btvalasset {
    position: absolute;
    bottom: 2px;
    left: 2em;
}

.filtitre {
    position: relative;
    left: -1em;
    margin-top: 0;
}

.filter-close {
    transform:  translateX(-85%);
}

.filter-close  .btnclosefilter:before, .filter-close  .btnclosefilter:after  {
    width: .7em;
    margin-left: -.65em;
    left: 62%;
}

.filter-close  .btnclosefilter:before {
    top: 13px;
}



.filterasset ul li {
    white-space: nowrap;
}






.multiple {
    -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
}

.multiple > * {
    -webkit-column-break-inside: avoid;
    -webkit-break-inside: avoid-column;
    -moz-break-inside: avoid-column;
    break-inside: avoid-column;
}

.multiple.column2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.multiple.column3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.multiple.column4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.multiple.column5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

.multiple.column6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}

.multiple.column7 {
    -webkit-column-count: 7;
    -moz-column-count: 7;
    column-count: 7;
}

.multiple.column8 {
    -webkit-column-count: 8;
    -moz-column-count: 8;
    column-count: 8;
}

.multiple.column9 {
    -webkit-column-count: 9;
    -moz-column-count: 9;
    column-count: 9;
}

.multiple.column10 {
    -webkit-column-count: 10;
    -moz-column-count: 10;
    column-count: 10;
}

/* ----------------------------- */
/* == width helpers              */
/* ----------------------------- */

.w0, .wp0:after, .wp0.value + :after {
    width: 0;
}

.w1, .wp1:after, .wp1.value + :after {
    width: 1%;
}

.w2, .wp2:after, .wp2.value + :after {
    width: 2%;
}

.w3, .wp3:after, .wp3.value + :after {
    width: 3%;
}

.w4, .wp4:after, .wp4.value + :after {
    width: 4%;
}

.w5, .wp5:after, .wp5.value + :after {
    width: 5%;
}

.w6, .wp6:after, .wp6.value + :after {
    width: 6%;
}

.w7, .wp7:after, .wp7.value + :after {
    width: 7%;
}

.w8, .wp8:after, .wp8.value + :after {
    width: 8%;
}

.w9, .wp9:after, .wp9.value + :after {
    width: 9%;
}

.w10, .wp10:after, .wp10.value + :after {
    width: 10%;
}

.w11, .wp11:after, .wp11.value + :after {
    width: 11%;
}

.w12, .wp12:after, .wp12.value + :after {
    width: 12%;
}

.w13, .wp13:after, .wp13.value + :after {
    width: 13%;
}

.w14, .wp14:after, .wp14.value + :after {
    width: 14%;
}

.w15, .wp15:after, .wp15.value + :after {
    width: 15%;
}

.w16, .wp16:after, .wp16.value + :after {
    width: 16%;
}

.w17, .wp17:after, .wp17.value + :after {
    width: 17%;
}

.w18, .wp18:after, .wp18.value + :after {
    width: 18%;
}

.w19, .wp19:after, .wp19.value + :after {
    width: 19%;
}

.w20, .wp20:after, .wp20.value + :after {
    width: 20%;
}

.w21, .wp21:after, .wp21.value + :after {
    width: 21%;
}

.w22, .wp22:after, .wp22.value + :after {
    width: 22%;
}

.w23, .wp23:after, .wp23.value + :after {
    width: 23%;
}

.w24, .wp24:after, .wp24.value + :after {
    width: 24%;
}

.w25, .wp25:after, .wp25.value + :after {
    width: 25%;
}

.w26, .wp26:after, .wp26.value + :after {
    width: 26%;
}

.w27, .wp27:after, .wp27.value + :after {
    width: 27%;
}

.w28, .wp28:after, .wp28.value + :after {
    width: 28%;
}

.w29, .wp29:after, .wp29.value + :after {
    width: 29%;
}

.w30, .wp30:after, .wp30.value + :after {
    width: 30%;
}

.w31, .wp31:after, .wp31.value + :after {
    width: 31%;
}

.w32, .wp32:after, .wp32.value + :after {
    width: 32%;
}

.w33, .wp33:after, .wp33.value + :after {
    width: 33%;
}

.w34, .wp34:after, .wp34.value + :after {
    width: 34%;
}

.w35, .wp35:after, .wp35.value + :after {
    width: 35%;
}

.w36, .wp36:after, .wp36.value + :after {
    width: 36%;
}

.w37, .wp37:after, .wp37.value + :after {
    width: 37%;
}

.w38, .wp38:after, .wp38.value + :after {
    width: 38%;
}

.w39, .wp39:after, .wp39.value + :after {
    width: 39%;
}

.w40, .wp40:after, .wp40.value + :after {
    width: 40%;
}

.w41, .wp41:after, .wp41.value + :after {
    width: 41%;
}

.w42, .wp42:after, .wp42.value + :after {
    width: 42%;
}

.w43, .wp43:after, .wp43.value + :after {
    width: 43%;
}

.w44, .wp44:after, .wp44.value + :after {
    width: 44%;
}

.w45, .wp45:after, .wp45.value + :after {
    width: 45%;
}

.w46, .wp46:after, .wp46.value + :after {
    width: 46%;
}

.w47, .wp47:after, .wp47.value + :after {
    width: 47%;
}

.w48, .wp48:after, .wp48.value + :after {
    width: 48%;
}

.w49, .wp49:after, .wp49.value + :after {
    width: 49%;
}

.w50, .wp50:after, .wp50.value + :after {
    width: 50%;
}

.w51, .wp51:after, .wp51.value + :after {
    width: 51%;
}

.w52, .wp52:after, .wp52.value + :after {
    width: 52%;
}

.w53, .wp53:after, .wp53.value + :after {
    width: 53%;
}

.w54, .wp54:after, .wp54.value + :after {
    width: 54%;
}

.w55, .wp55:after, .wp55.value + :after {
    width: 55%;
}

.w56, .wp56:after, .wp56.value + :after {
    width: 56%;
}

.w57, .wp57:after, .wp57.value + :after {
    width: 57%;
}

.w58, .wp58:after, .wp58.value + :after {
    width: 58%;
}

.w59, .wp59:after, .wp59.value + :after {
    width: 59%;
}

.w60, .wp60:after, .wp60.value + :after {
    width: 60%;
}

.w61, .wp61:after, .wp61.value + :after {
    width: 61%;
}

.w62, .wp62:after, .wp62.value + :after {
    width: 62%;
}

.w63, .wp63:after, .wp63.value + :after {
    width: 63%;
}

.w64, .wp64:after, .wp64.value + :after {
    width: 64%;
}

.w65, .wp65:after, .wp65.value + :after {
    width: 65%;
}

.w66, .wp66:after, .wp66.value + :after {
    width: 66%;
}

.w67, .wp67:after, .wp67.value + :after {
    width: 67%;
}

.w68, .wp68:after, .wp68.value + :after {
    width: 68%;
}

.w69, .wp69:after, .wp69.value + :after {
    width: 69%;
}

.w70, .wp70:after, .wp70.value + :after {
    width: 70%;
}

.w71, .wp71:after, .wp71.value + :after {
    width: 71%;
}

.w72, .wp72:after, .wp72.value + :after {
    width: 72%;
}

.w73, .wp73:after, .wp73.value + :after {
    width: 73%;
}

.w74, .wp74:after, .wp74.value + :after {
    width: 74%;
}

.w75, .wp75:after, .wp75.value + :after {
    width: 75%;
}

.w76, .wp76:after, .wp76.value + :after {
    width: 76%;
}

.w77, .wp77:after, .wp77.value + :after {
    width: 77%;
}

.w78, .wp78:after, .wp78.value + :after {
    width: 78%;
}

.w79, .wp79:after, .wp79.value + :after {
    width: 79%;
}

.w80, .wp80:after, .wp80.value + :after {
    width: 80%;
}

.w81, .wp81:after, .wp81.value + :after {
    width: 81%;
}

.w82, .wp82:after, .wp82.value + :after {
    width: 82%;
}

.w83, .wp83:after, .wp83.value + :after {
    width: 83%;
}

.w84, .wp84:after, .wp84.value + :after {
    width: 84%;
}

.w85, .wp85:after, .wp85.value + :after {
    width: 85%;
}

.w86, .wp86:after, .wp86.value + :after {
    width: 86%;
}

.w87, .wp87:after, .wp87.value + :after {
    width: 87%;
}

.w88, .wp88:after, .wp88.value + :after {
    width: 88%;
}

.w89, .wp89:after, .wp89.value + :after {
    width: 89%;
}

.w90, .wp90:after, .wp90.value + :after {
    width: 90%;
}

.w91, .wp91:after, .wp91.value + :after {
    width: 91%;
}

.w92, .wp92:after, .wp92.value + :after {
    width: 92%;
}

.w93, .wp93:after, .wp93.value + :after {
    width: 93%;
}

.w94, .wp94:after, .wp94.value + :after {
    width: 94%;
}

.w95, .wp95:after, .wp95.value + :after {
    width: 95%;
}

.w96, .wp96:after, .wp96.value + :after {
    width: 96%;
}

.w97, .wp97:after, .wp97.value + :after {
    width: 97%;
}

.w98, .wp98:after, .wp98.value + :after {
    width: 98%;
}

.w99, .wp99:after, .wp99.value + :after {
    width: 99%;
}

.w100, .wp100:after, .wp100.value + :after,
.inputfull [type="text"], .inputfull [type="password"], .inputfull [type="email"], .inputfull [type="search"],
.inputfull [type="tel"], .inputfull [type="url"], .inputfull [type="submit"], .inputfull [type="reset"], .inputfull select, .inputfull textarea {
    width: 100%;
}

.w42p {
    width: 3em;
}

.w10p {
    width: .75em;
}

.w21p {
    width: 1.5em;
}

.w300p {
    width: 21.4286em;
}

.wrapper {
    width: 72em;
    margin: 0 auto;
    line-height: 2em;
}

/* ----------------------------- */
/* == spacing helpers            */
/* ----------------------------- */

.mreset {
    margin: 0;
}

.preset {
    padding: 0;
}

.mtreset, .inblchild > *, .left ~ * {
    margin-top: 0;
}

.mrreset {
    margin-right: 0;
}

.mbreset {
    margin-bottom: 0;
}

.mlreset {
    margin-left: 0;
}

.ptreset {
    padding-top: 0;
}

.prreset {
    padding-right: 0;
}

.pbreset {
    padding-bottom: 0;
}

.plreset {
    padding-left: 0;
}

.pl1 {
    padding-left: 1.5em;
}

.mt1 {
    margin-top: 1.5em;
}

.mt2 {
    margin-top: 3em;
}

.faqt2 {
    font-size: 1.5em;
    color: #273548;
}


.chapofaq {
    width: 100%;
    display: table;
    margin: 1em 0;
}

.sqquest {
    background-color: #028cd7;
    color: #FFF;
    width: 10%;
    font-size: 2.9em;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.ttfaq {
    background-color: #292e35;
    display: table-cell;
    font-size: 1.6em;
    width: 90%;
    vertical-align: middle;
    padding-left: .5em;
    color: #FFF;
}

.ttfaq2  {
    background-color: #292e35;
    font-size: 1.6em;
    width: 100%;
    padding: .5em;
    color: #FFF;
    text-align: center;
    margin: 2em 0 1em 0;
}

.ttfaq a {
    color: #FFF;
    text-decoration: none;
}

.ttfaqctc h3 {
    color: #028cd7;
    font-size: 1.3em;
    margin-top: .5em;
}

.ttfaqctc h4 {
    color: #000;
    font-size: 1em;
    font-weight: bold;
}

.ttfaqctc  {
    color: #000;
    font-size: 1em;
}

/* ----------------------------- */
/* == slider template		     */
/* ----------------------------- */

/* slider default */

[id*="target"] {
    display: none;
}

.slider {
    position: relative;
    overflow: hidden;
}

.slider .scrollbox {
    position: relative;
    top: 0;
    transition: transform 1s ease;
}

.slider.horizontal .scrollbox {
    white-space: nowrap;
    letter-spacing: -.21em;
}

.slider.horizontal li {
    letter-spacing: normal;
}

/* ----------------------------- */
/* == progress bar template      */
/* ----------------------------- */

/* progress default */

.progressbar {
    background: #fff;
}

.private [role="main"] .progressbar {
    background: var(--main-dark-bg-color);
}

.private [role="main"] .progressbar [data-value] {
    color: #fff;
}

.progressbar [data-value] {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 .875em;
    overflow: hidden;
    font-size: 1.1429em;
    line-height: 2.625;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.progressbar [data-value]:after {
    content: attr(data-value);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: .875em;
    color: #fff;
    background: -webkit-linear-gradient(left, var(--main-bleu-bg-color) 0%,  var(--main-bg-violet-color) 100%);
    background: linear-gradient(to right, var(--main-bleu-bg-color) 0%,  var(--main-bg-violet-color) 100%);
    transition: width .2s ease;
}

.progressbar [data-value].wp100:after {
    padding-right: .875em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* progress full % */

.progressbar .value {
    position: relative;
    float: left;
    min-width: 3.579em;
    padding: 0 .7369em;
    font-size: 1.3572em;
    font-weight: 400;
    line-height: 2.2106;
    text-align: center;
    color: #ff9600;
}

.progressbar .value:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -.2632em;
    width: auto;
    margin-top: -.2632em;
    border-top: .2632em solid transparent;
    border-bottom: .2632em solid transparent;
    border-left: .2632em solid #292e35;
}

/* color progress value */

[class*="wp2"].value, [class*="wp3"].value, [class*="wp4"].value, [class*="wp5"].value, [class*="wp6"].value, [class*="wp7"].value {
    color: #fff;
}

.wp0.value, .wp1.value, .wp2.value, .wp3.value, .wp4.value, .wp5.value, .wp6.value, .wp7value, .wp8.value, .wp9.value {
    color: #ff9600;
}

[class*="wp8"].value, [class*="wp9"].value, .wp100.value {
    color: #6ad500;
}

/* ----------------------------- */
/* == ribbon template		     */
/* ----------------------------- */

.ribbon {
    position: relative;
    display: inline-block;
    padding: 0 .3637em;
    background: #6ad500;
    font: 700 .7858em/1.4546 "Roboto Slab", Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    border-radius: .2728em;
}

.ribbon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.2728em;
    margin-top: -.2728em;
    border-top: .2728em solid transparent;
    border-bottom: .2728em solid transparent;
    border-right: .2728em solid #6ad500;
}

.ribbon.progress {
    background: #ff9600;
}

.ribbon.progress:before {
    border-right-color: #ff9600;
}

.ribbon.ko {
    background: #d50000;
}

.ribbon.ko:before {
    border-right-color: #d50000;
}

.ribbon.oko {
    background:  var(--main-bg-violet-color);
}

.ribbon.oko:before {
    border-right-color:  var(--main-bg-violet-color);
}

.ribbon.noarrow:before {
    display: none;
}

/* ----------------------------- */
/* == notification template	     */
/* ----------------------------- */

.notification {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: .4em;
    background: #6ad500;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    border-radius: 100%;
}

.notification.alert {
    background: #d50000;
    font-weight: 400;
}

.notification:before, .notification:after {
    margin: 0;
}

/* ----------------------------- */
/* == loader template		     */
/* ----------------------------- */

.loaderStyle {
    margin: 0;
    font-size: 2em;
}

/* ----------------------------- */
/* == pagination template	     */
/* ----------------------------- */

.pagination {
    letter-spacing: -.2143em;
}

.pagination li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
}

.pagination li:only-child {
    display: none;
}

.pagination .nb {
    width: 3em;
    line-height: 3;
    text-align: center;
}

.pagination a , .atel{
    text-decoration: none;
}

.pagination div {
    background: #fff;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.pagination div:hover {
    background: #f8f8fa;
    color: var(--main-bleu-color);
}

.pagination .selected div, .pagination .selected a {
    cursor: default;
}

.pagination .btnprevious, .pagination .btnnext {
    display: block;
    text-align: center;
    line-height: 3.2;
    cursor: pointer;
}

.pagination .btnprevious:hover, .pagination .btnnext:hover {
    color: #fff;
}

.pagination .btnprevious {
    border-radius: .2143em 0 0 .2143em;
}

.pagination .btnnext {
    border-radius: 0 .2143em .2143em 0;
}

/* ----------------------------- */
/* == pagination template	     */
/* ----------------------------- */

.pagination.soft .btnprevious, .pagination.soft .btnnext {
    position: absolute;
    top: 50%;
    left: -1.5em;
    margin-top: -1.5em;
}

.lexResponse .pagination.soft .btnprevious, .lexResponse  .pagination.soft .btnnext {
    position: absolute;
    top: 100%;
    margin-top: -.5em;
}


button.sendmess.iconnext {
    padding: .3em 1em;
    line-height: 1.7em;
    font-weight: bold;
    font-size: 1em;
    background:  var(--main-bg-violet-color);
    color: #FFF;
    margin-left: 2%;
    display: none;
}

div.chatbox.mobile  button.sendmess.iconnext {
    display: inline-block;
}

form#chatform {
    max-width: 28em;
}

.lexResponse  .btnprevious, .lexResponse  .btnnext {
    width: 2.5em;
    height: 2em;
    background: #aeaeb5;
    color: #fff;
}

.lexResponse .pagination .btnprevious, .lexResponse .pagination .btnnext {
    line-height: 2.0;
}

.pagination.soft .btnnext {
    right: -1.5em;
    left: auto;
}

/* ----------------------------- */
/* == popin template		     */
/* ----------------------------- */

/* popin default */

.popin {
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 40em;
    opacity: 0;
    visibility: hidden;
    -webkit-perspective: 40em;
    perspective: 40em;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease, visibility .3s ease;
}

.popin.light {
    width: 30em;
}

.popin .popinbox {
    box-shadow: 0 0 0 .2143em #fff;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}

.popin .closepopin {
    position: absolute;
    z-index: 1;
    top: 3em;
    right: 3em;
}

.popin .popincontent {
    position: relative;
}

.popin .big {
    padding-right: 1.5em;
    font-weight: 300;
}

/* all popin */

.signinbox .popin.signin,
.transportbox .popin.transport,
.contactusbox .popin.contactus,
.lovebox .popin.love,
.lovelightbox .popin.lovelight,
.contactformbox .popin.contactform,
.lovedeletebox .popin.lovedelete,
.soclozfullbox .popin.soclozfull,
.socialsharebox .popin.socialshare,
.unsubscribebox .popin.unsubscribe,
.coolbox .popin.cool,
.waitingbox .popin.waiting,
.finalregbox .popin.finalreg,
.paymentbox .popin.payment,
.codetelbox .popin.codetel,
.welcomeprobox .popin.welcomepro,
.profitsbox .popin.profits,
.accessbox .popin.access,
.welcomebox .popin.welcome,
.deletefichebox .popin.deletefiche {
    opacity: 1;
    visibility: visible;
}

.signinbox .popin.signin .popinbox,
.transportbox .popin.transport .popinbox,
.contactusbox .popin.contactus .popinbox,
.lovebox .popin.love .popinbox,
.lovelightbox .popin.lovelight .popinbox,
.contactformbox .popin.contactform .popinbox,
.lovedeletebox .popin.lovedelete .popinbox,
.soclozfullbox .popin.soclozfull .popinbox,
.socialsharebox .popin.socialshare .popinbox,
.unsubscribebox .popin.unsubscribe .popinbox,
.coolbox .popin.cool .popinbox,
.waitingbox .popin.waiting .popinbox,
.finalregbox .popin.finalreg .popinbox,
.paymentbox .popin.payment .popinbox,
.codetelbox .popin.codetel .popinbox,
.welcomeprobox .popin.welcomepro .popinbox,
.profitsbox .popin.profits .popinbox,
.accessbox .popin.access .popinbox,
.welcomebox .popin.welcome .popinbox,
.deletefichebox .popin.deletefiche .popinbox {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

/* illustration */

.popin .illustration .closepopin {
    top: 6em;
}

body.signinbox.webp-supported  .popin.signin .illustration {
    background-image: url("/images/popin.webp");
}
body.signinbox.no-webp .popin.signin .illustration {
    background-image: url("/images/popin.jpg");
}



body.transportbox.webp-supported  .popin.transport .illustration {
    background-image: url("/images/popintransport.webp");
}
body.transportbox.no-webp .popin.transport .illustration {
    background-image: url("/images/popintransport.jpg");
}

body.contactusbox.webp-supported  .popin.contactus .illustration {
    background-image: url("/images/popincontact.webp");
}
body.contactusbox.no-webp .popin.contactus .illustration {
    background-image: url("/images/popincontact.jpg");
}


.webp-supported .popin[class*="love"] .illustration {
    background-image: url("/images/popinlove.webp");
}
.no-webp .popin[class*="love"] .illustration {
    background-image: url("/images/popinlove.jpg");
}

body.contactformbox.webp-supported  .popin.contactform .illustration {
    background-image: url("/images/popincontactform.webp");
}
body.contactformbox.no-webp .popin.contactform .illustration {
    background-image: url("/images/popincontactform.jpg");
}

.webp-supported .popin.codetel .illustration {
    background-image: url("/images/popintel.webp");
}
.no-webp .popin.codetel .illustration {
    background-image: url("/images/popintel.jpg");
}

.webp-supported .popin.payment .illustration {
    background-image: url("/images/popinpayment.webp");
}
.no-webp .popin.payment .illustration {
    background-image: url("/images/popinpayment.jpg");
}

.webp-supported .popin.profits .illustration {
    background-image: url("/images/popinprofits.webp");
}
.no-webp .popin.profits .illustration {
    background-image: url("/images/popinprofits.jpg");
}

.webp-supported .popin.welcome .illustration {
    background-image: url("/images/popinwelcome.webp");
}
.no-webp .popin.welcome .illustration {
    background-image: url("/images/popinwelcome.jpg");
}

.webp-supported .popin.welcomepro .illustration {
    background-image: url("/images/popinwelcomepro.webp");
}
.no-webp .popin.welcomepro .illustration {
    background-image: url("/images/popinwelcomepro.jpg");
}

/* bug chrome wtf */

.popin .hardware {
    margin-top: .1em;
}

/* popin scroll */

.popin .scroll {
    overflow: auto;
    max-height: 23.5em;
}

/* popin overlay */

.boxoverlay:after {
    content: "";
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    background: rgba(0, 140, 215, 0);
    -webkit-transition: background .3s ease, visibility .3s ease;
    transition: background .3s ease, visibility .3s ease;
}

.boxoverlay.on:after {
    visibility: visible;
    background: rgba(0, 140, 215, .7);
}

/* popin welcome */

.popin.welcome .iconhome:before {
    font-size: 1em;
}

.popin.welcome .cpt li:before, .popin.welcomepro .cpt li:before {
    float: left;
}

/* popin love ff */

@-moz-document url-prefix() {
    .popin.love, .popin.lovelight, .popin.contactform.ffpopin {
        margin-top: -26.4286em;
        margin-left: -20em;
        transform: none;
    }
    .popin.lovelight {
        margin-top: -13.5em;
    }
    .popin.contactform.ffpopin {
        margin-top: -30em;
    }
}
.signin .popinbox {
    padding-bottom: 0;
}

/* signin quick popin */

.signin .quick {
    padding-bottom: 2.99em;
}

/* signin popin */

.signin .footer {
    display: block;
    width: auto;
    margin: 3em -3em 0;
    padding: .75em 3em;
    background: #f1f1f3;
}


.signin .footer div {
    display: block;
}

/* ----------------------------- */
/* == cookie template		     */
/* ----------------------------- */

.cookie {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 130;
    padding: .75em;
    background: rgba(43, 43, 43, .8);
    color: #fff;
}

.cookie_active {
    display: block;
}

.cookie__link, .cookie strong {
    color: #fff;
}

.cookie_active p {
    padding-right: 100px;
}

.cookie_active button {
    margin-right: -100px;
    margin-top: -15px;
    padding: 0 .8em;
}

/* ----------------------------- */
/* == bubble template		     */
/* ----------------------------- */

/* bubble default */

.bubble, .warning {
    position: absolute;
    z-index: 2;
    margin-top: -1.5em;
    padding: .75em;
    background: rgba(41, 46, 53, .95);
    visibility: hidden;
    opacity: 0;
    border-radius: .3572em;
    -webkit-transition: opacity .2s ease, margin-top .2s ease, visibility .2s ease;
    transition: opacity .2s ease, margin-top .2s ease, visibility .2s ease;
}

.bubble {
    padding: .75em 1.5em;
}

.bubble:before, .warning:before, [type="checkbox"] ~ .warning:before {
    content: "";
    position: absolute;
    top: -.3572em;
    left: 50%;
    margin-left: -.3572em;
    border-right: .3572em solid transparent;
    border-bottom: .3572em solid rgba(41, 46, 53, .9);
    border-left: .3572em solid transparent;
}

.bubble strong, .warning strong {
    color: #fff;
}

.bubble--max {
    max-width: 40em;
}

.bubble--max:before {
    left: 1.5em;
}

.info {
    display: inline-block;
    vertical-align: top;
    cursor: help;
}

.info:hover ~ .bubble, .info ~ .bubble:hover, .required ~ .warning {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
}

.info--multi {
    position: relative;
}

.info--multi:hover .bubble, .info--multi:focus .bubble, .info--multi:active .bubble, .bubble--max:hover {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
}

/* warning required */

.amors {
    background-color: #FFF;
    padding: 1em;
    margin: 1em 0 0 0;
}

.warning {
    right: -1.5em;
    margin-top: -3em;
    background: #ff9600;
    font-weight: 400;
    -webkit-transition: opacity .2s ease, right .2s ease, visibility .2s ease;
    transition: opacity .2s ease, right .2s ease, visibility .2s ease;
}

.warning:before {
    top: 50%;
    left: 0;
    margin-top: -.3572em;
    border-top: .3572em solid transparent;
    border-right: .3572em solid #ff9600;
    border-bottom: .3572em solid transparent;
    border-left: 0;
}

.required ~ .warning {
    right: 0;
    margin-top: -3em;
}

.warning [class*="icon"]:empty:before, .warning [class*="icon"].after:empty:after {
    margin: 0;
}

.warning [class*="icon"]:before, .warning [class*="icon"].after:after {
    font-size: 1.5em;
}

/* warning validated */

.warning.validated {
    background: #6ad500;
}

.warning.validated:before {
    border-right-color: #6ad500;
}

/* warning deleted */

.warning.deleted {
    background: #d50000;
}

.warning.deleted:before {
    border-right-color: #d50000;
}

/* warning required checkbox */

[type="checkbox"] ~ .warning:before {
    border-bottom-color: #ff9600;
}

[type="checkbox"] ~ .warning {
    right: auto;
    margin-top: -1.5em;
    -webkit-transition: opacity .2s ease, margin-top .2s ease, visibility .2s ease;
    transition: opacity .2s ease, margin-top .2s ease, visibility .2s ease;
}

[type="checkbox"].required ~ .warning {
    margin-top: 0;
}

/* warning border */

.error {
    box-shadow: inset 0 0 0 2px #d50000 !important;
}

/* ----------------------------- */
/* == images template		     */
/* ----------------------------- */

/* vignette default */

.vignette {
    max-width: 11.0715em;
}

.vignette img {
    width: 100%;
}

/* overlay */

.overlay {
    display: block;
    position: relative;
    overflow: hidden;
}

.overlay:before {
    position: absolute;
    z-index: 1;
    top: 200%;
    right: 0;
    left: 0;
    margin: 0;
    font-size: 3em;
    text-align: center;
    color: #fff;
    -webkit-transition: top .2s ease;
    transition: top .2s ease;
}

.overlay:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    background: rgba(181, 85, 255, 0);
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.overlay:hover:before, .overlay:focus:before, .overlay:active:before {
    top: 50%;
}

.overlay:hover:after, .overlay:focus:after, .overlay:active:after {
    background: rgba(181, 85, 255, .6);
}

.overlay img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: -webkit-filter .2s ease;
    transition: -webkit-filter .2s ease;
}

.overlay:hover img, .overlay:focus img, .overlay:active img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* grayscale */

@supports (-webkit-filter: grayscale(1) brightness(105%)) {
    .grayscale {
        background: #3f77e9;
    }

    .grayscale img {
        opacity: .9;
        -webkit-filter: grayscale(1) brightness(105%);
        filter: grayscale(1) brightness(105%);
        -webkit-transition: opacity .2s ease, -webkit-filter .2s ease;
        transition: opacity .2s ease, -webkit-filter .2s ease;
    }

    .grayscale:hover img, .grayscale:focus img, .grayscale:active img {
        opacity: 1;
        -webkit-filter: grayscale(0) brightness(100%);
        filter: grayscale(0) brightness(100%);
    }
}

@supports not (-webkit-filter: grayscale(1) brightness(105%)) {
    .grayscale img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3 0.3 0.3 0 0 0.33 0.33 0.33 0 0 0.36 0.36 0.36 0 0.01 0 0 0 1 0'/></filter></svg>#grayscale");
    }

    .grayscale:hover img, .grayscale:focus img, .grayscale:active img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    }
}

/* ----------------------------- */
/* == fade animation		     */
/* ----------------------------- */

/* fade default */

.fade {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease;
}

/* fade active */

.fade.active.max10 {
    max-height: 10em;
}

.fade.active.max20 {
    max-height: 20em;
}

.fade.active.max30 {
    max-height: 30em;
}

.fade.active.max40 {
    max-height: 40em;
}

.fade.active.max50 {
    max-height: 50em;
}

.fade.active.max60 {
    max-height: 60em;
}

.fade.active.max70 {
    max-height: 70em;
}

.fade.active.max80 {
    max-height: 80em;
}

.fade.active.max90 {
    max-height: 90em;
}

.fade.active.max100 {
    max-height: 100em;
}

/* ----------------------------- */
/* == messages success - error	 */
/* ----------------------------- */

.msg {
    margin-top: 0;
    background: #d50000;
    text-align: center;
    font-weight: 400;
    color: #fff;
    opacity: 0;
    border-radius: .2143em;
    -webkit-transition: max-height .2s ease, margin-top .2s ease, opacity .2s ease;
    transition: max-height .2s ease, margin-top .2s ease, opacity .2s ease;
}

.msg.success {
    background: #6ad500;
}

.msg.fyi {
    background: #ff9600;
}

.msg.active {
    margin-top: 1.5em;
    opacity: 1;
    transition-delay: 0, 0, .2s;
}

.msg.active:first-child {
    margin-top: 0;
}

/* ----------------------------- */
/* == angle						 */
/* ----------------------------- */

.angle {
    position: relative;
    display: block;
}

.angle:before, .angle:after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
}

.angle:before {
    left: -1em;
    border-top: 5em solid transparent;
}

.angle:after {
    right: -1em;
    border-right: 1em solid transparent;
}

.angle_left_reset:before, .angle_right_reset:after {
    display: none;
}

.angle_left_reverse:before, .angle_right_reverse:after {
    border-top: none;
    border-bottom: 3em solid transparent;
}

.angle_right_reverse:after {
    border-bottom-color: var(--main-bleu-bg-color);
}

/* ---------------------------------------------- */
/* module circle							      */
/* ---------------------------------------------- */

/* circle default */

.circle {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 3em;
    padding: 0;
    background: #2a8fbd;
    vertical-align: top;
    text-align: center;
    font-size: 1em;
    line-height: 3.08;
    color: #fff;
    border-radius: 100%;
}

.circle:hover, .circle:focus, .circle:active {
    opacity: 1;
}

.circle:before {
    margin-right: 0;
    font-size: 1.75em;
}

.circle.icon_jaime:before {
    font-size: 1.4em;
    font-size: 2rem;
}

.circle:after {
    content: "";
    position: absolute;
    bottom: -.2143em;
    left: .1429em;
    border-right: .7143em solid transparent;
    border-top: .7143em solid #2a8fbd;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}

.circle__picture {
    border-radius: 100%;
}

/* circle small */

.circle_small {
    width: 1.5em;
    height: 1.5em;
    border: .1429em solid #fff;
    background: none;
    overflow: hidden;
    line-height: 1.24;
}

.circle_small:before {
    font-size: .85em;
    font-size: 1.2rem;
}

.circle_small:after {
    display: none;
}

.circle_small_blue {
    border-color: #2a8fbd;
    color: #2a8fbd;
}

.circle_small_orange {
    border-color: #ff5500;
    color: #ff5500;
}

.circle_small_full {
    border: 0;
    background: #2a8fbd;
    line-height: 1.6;
}

/* ----------------------------- */
/* == nav template			     */
/* ----------------------------- */

/* default nav */

nav {
    background: #f1f1f3;
}

nav li {
    display: inline-block;
    line-height: 3;
}

nav li + li {
    margin-left: 1.5em;
}

nav a {
    display: inline-block;
    color: var(--main-txt-color);
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

nav .selected {
    box-shadow: inset 0 -3px var(--main-bleu-bg-color);
}

nav .selected a, nav a:hover, nav a:focus, nav a:active {
    color: #292e35;
}

/* ---------------------------------------------- */
/* module navigation						      */
/* ---------------------------------------------- */

/* navigation default */

.nav {
    position: relative;
}

.nav img {
    vertical-align: top;
}

.nav .mrs {
    margin-right: .75em;
}

.nav__list {
    margin-top: 0;
    padding-left: 0;
    letter-spacing: -.242em;
    text-rendering: optimizespeed;
}

.nav__item {
    display: inline-block;
    padding-right: 1.5em;
    white-space: nowrap;
    letter-spacing: normal;
    line-height: inherit;
    text-rendering: auto;
}

.nav__item + .nav__item {
    margin-left: 0;
}

.nav .nav__item:last-child {
    padding-right: 0;
}

.nav__item:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    height: 1.5em;
    margin-top: -.75em;
    margin-left: -.75em;
    background: #ccc;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

.nav__item:first-child:before {
    display: none;
}

.nav__item_active .nav__link:after, .nav__item_full .nav__link:after {
    content: "";
    position: absolute;
    z-index: 22;
    bottom: 0;
    left: 50%;
    margin-left: -.3572em;
    border-left: .3572em solid transparent;
    border-right: .3572em solid transparent;
    border-bottom: .3572em solid #fff;
}

.nav__link {
    position: relative;
    display: block;
    padding: .75em 0;
    font-family: "Roboto Slab", Georgia, serif;
    font-weight: 700;
    color: #666;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.nav__item_full:not(.nav__item_active) .nav__link:after {
    bottom: -.3572em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: bottom .2s ease, visibility .2s ease, opacity .2s ease;
    transition: bottom .2s ease, visibility .2s ease, opacity .2s ease;
}

.nav_corporate .nav__item {
    box-shadow: none;
}

.nav__item_active .nav__link {
    color: var(--main-bleu-color);
}

.nav__home:before {
    margin-right: 0;
    font-size: 1.5em;
}

.box .nav:first-child {
    margin-top: -1.5em;
}

/* navigation corporate */
.logo-corpo {
    display: none;
}

.nav_corporate {
    position: fixed;
    z-index: 30;
    top: 0;
    right: 0;
    left: 0;
    background: #f0f0f0;
    box-shadow: 0 .3572em .75em rgba(43, 43, 43, .25);
}

.nav__ref, .nav__group {
    position: relative;
    z-index: -1;
    height: 5em;
}

.nav__group {
    overflow: hidden;
    width: 100%;
}

.nav__group .nav__list {
    position: absolute;
    top: 0;
    left: 170px;
    -webkit-transition: top .4s ease .4s;
    transition: top .4s ease .4s;
}

.nav_corporate .nav__item {
    padding-right: 3em;
    padding-top: 1em;
}

.nav__group .nav__list .nav__item:before {
    margin-top: -.25em;
}
.nav_corporate .nav__item:before {
    margin-left: -1.5em;
}

.nav_corporate .nav__item_active .nav__link:after {
    border-bottom-color: #cfcfcf;
}

.nav_corporate .nav__link {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.nav_corporate .nav__item_active .nav__link {
    font-weight: 700;
}

.nav_corporate .nav__link:hover, .nav_corporate .nav__link:focus, .nav_corporate .nav__link:active {
    text-decoration: underline;
}

/* navigation corporate account */

.nav__account {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.nav__account .nav__list {
    padding: 0 1.5em;
    overflow: hidden;
}

.nav__account .nav__item:before {
    background: #fff;
}

.nav__account .nav__link {
    color: #fff;
}

.nav__item_register {
    -webkit-transition: padding-right .4s ease .4s;
    transition: padding-right .4s ease .4s;
}

.nav__item_login {
    width: 7em;
    opacity: 1;
    -webkit-transition: width .4s ease .4s, opacity .4s ease .4s;
    transition: width .4s ease .4s, opacity .4s ease .4s;
}

.nav__switch-icon {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .4s ease, opacity .4s ease;
    transition: visibility .4s ease, opacity .4s ease;
}

.nav__switch-label {
    position: relative;
    top: 0;
    padding-right: 0;
    -webkit-transition: top .4s ease, padding-right .4s ease;
    transition: top .4s ease, padding-right .4s ease;
}

/* navigation corporate account private */

.nav_private .nav__switch-label {
    top: -3em;
    padding-right: 1.6em;
}

.nav_private .nav__item_login {
    width: 0;
    opacity: 0;
}

.nav_private .nav__item_register {
    padding-right: 0;
}

.nav_private .nav__switch-icon {
    visibility: hidden;
    opacity: 0;
}

.nav_private .nav__account:hover .nav__bubble {
    visibility: visible;
    opacity: 1;
}

.nav_private .nav__account:hover .nav__switch-label:before {
    color: rgba(255, 255, 255, 1);
}

.nav_private .nav__switch-label:before {
    content: "\e614";
}

.nav_private .nav__item_register .nav__link {
    text-decoration: none;
}

/* navigation corporate initial */

.nav_corporate .mini-search {
    position: absolute;
    top: .3em;
    left: 8.2em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .4s ease, opacity .4s ease;
    transition: visibility .4s ease, opacity .4s ease;
}

.nav_corporate .mini-search__field {
    height: 2.4em;
    padding: .25em .5em .25em 2.5em;
}

.nav_corporate .mini-search__btn {
    top: .45em;
    left: .5em;
}

.nav__logo {
    position: absolute;
    top: .75em;
    left: 0;
    -webkit-transition: top .4s ease;
    transition: top .4s ease;
}
.nav__logo img {
    height: 40px !important;
    width: 160px;
}
.nav__logo.logo .baseline {
    font-size: 1em;
}

.nav__switch-label:before, .nav__switch-label:after {
    content: "Mon compte";
    position: absolute;
    top: 3em;
    left: 0;
}

.nav__switch-label:before {
    content: "\e614";
    left: -2em;
    font: normal normal normal 1em/1.5 icomoon, sans-serif;
    color: rgba(255, 255, 255, .5);
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
}

/* navigation corporate bubble */

.nav__bubble {
    position: absolute;
    top: 0;
    right: 0;
    left: -1em;
    visibility: hidden;
    opacity: 0;
    margin-top: 5em;
    padding: 0 1.5em;
    list-style: none;
    border-radius: 0 0 .75em .75em;
    box-shadow: .2143em .2143em .75em rgba(43, 43, 43, .25);
    -webkit-transition: visibility .4s ease, opacity .4s ease;
    transition: visibility .4s ease, opacity .4s ease;
}

.nav__bubble-item {
    display: block;
    margin-left: 0;
    padding: .75em 0;
    line-height: inherit;
    box-shadow: inset 0 -1px rgba(255, 255, 255, .1);
}

.nav__bubble-link {
    display: inline-block;
    color: #fff;
    text-transform: none;
    text-decoration: none;
}

.nav__bubble-link:hover, .nav__bubble-link:focus, .nav__bubble-link:active {
    color: #fff;
    text-decoration: underline;
}

/* navigation topic */

.nav-switch, .nav-switch-field {
    display: none;
}

.nav_topic {
    overflow: hidden;
    padding: 0 .75em;
    border-radius: 1.5em;
}

.nav_topic .nav__list {
    display: table;
    width: 100%;
}

.nav_topic .nav__item {
    display: table-cell;
    box-shadow: none;
}

.nav_topic .nav__item:before {
    background: #fff;
}

.nav_topic .angle {
    margin: 0 -.4em;
    padding: 0 .4em;
}

.nav_topic .angle:before, .nav_topic .angle:after {
    z-index: 0;
}

.nav_topic .nav__link {
    text-transform: uppercase;
    text-align: center;
    color: var(--main-blanc-color);
}

.nav_topic .nav__link:hover, .nav_topic .nav__link:focus, .nav_topic .nav__link:active {
    color: var(--main-bleu-color);
}

.nav_topic .nav__item_active .nav__link:hover, .nav_topic .nav__item_active .nav__link:focus, .nav_topic .nav__item_active .nav__link:active {
    color: var(--main-blanc-color);
}

/* ----------------------------- */
/* == tab template               */
/* ----------------------------- */

/* tab default */

.tab li {
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.tab li:hover {
    background: #f8f8fa;
}

.tab a, .tab .btna {
    display: block;
    position: relative;
    padding: .75em 1.5em;
    color: var(--main-txt-color);
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.tab a:after, .tab .btna:after {
    content: "";
    position: absolute;
    right: 1.5em;
    bottom: 0;
    left: 1.5em;
    height: .0715em;
    background: #f1f1f3;
}

.tab > .selected .lvl2 a, .tab li:hover a, .tab li:hover .btna {
    color: var(--main-bleu-color);
}

.tab .btna {
    width: 100%;
}

/* tab purple */

.tab.purple > .selected .lvl2 a, .tab.purple li:hover a {
    color: #b555ff;
}

/* tab skin selected */

.tab > .selected, .tab > .selected:hover, .tab > .selected > a:after {
    background: var(--main-bg-darker-color);
}

.tab > li.selected > a, .tab > li.selected:hover > a {
    color: #fff;
}

/* tab lvl 2 */

.tab .lvl2 {
    margin-top: 0;
    background: #f8f8fa;
}

.tab .lvl2, .tab .lvl2 .effect:before {
    display: none;
}

.tab .lvl2 .selected .effect:before {
    display: inline;
}

.tab .lvl2 li {
    padding-left: 1em;
}

.tab > .selected .lvl2 {
    display: block;
}

.tab .lvl2 .selected, .tab .lvl2 li:hover {
    background: #f1f1f3;
}

/* tab animation */

.tab .effect {
    position: relative;
    left: -.7em;
    -webkit-transition: left .2s ease;
    transition: left .2s ease;
}

.tab .effect:before {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.tab li:hover .effect, .tab > .selected .effect, .tab .lvl2 .effect {
    left: 0;
}

.tab li:hover .effect:before, .tab > .selected .effect:before {
    opacity: 1;
}

.tab > .selected .effect:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tab > .selected .label {
    padding-left: .4em;
}

/* tab picto */

.tabpicto li {
    min-width: 3em;
    text-align: center;
}

.tabpicto button {
    display: block;
    width: 100%;
    padding: 0;
    background: none;
    font-size: 1.5em;
    line-height: 2;
    color: var(--main-txt-darker-color);
}

.tabpicto button:before, .tabpicto button:after {
    margin: 0;
}

.tabpicto li:hover button, .tabpicto .selected button {
    color: var(--main-bleu-color);
}

/* tab exception */

.tab .fade {
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease;
}

.tab.activechild .fade {
    max-height: 3em;
}

/* ----------------------------- */
/* == step loader template       */
/* ----------------------------- */

/* step loader template */

.steploader ul {
    display: table;
    width: 100%;
    height: 3em;
    table-layout: fixed;
    border-collapse: collapse;
    vertical-align: top;
    overflow: hidden;
}

.steploader li {
    display: table-cell;
    vertical-align: middle;
    background: #f1f1f3;
    -webkit-transition: background .2s ease, color .2s ease;
    transition: background .2s ease, color .2s ease;
}

.steploader .content {
    position: relative;
    font-size: 1.1429em;
    line-height: 1.3125;
    text-align: center;
}

.steploader span {
    color: var(--main-txt-darker-color);
}

.steploader .completed {
    background: var(--main-bg-darker-color);
}

.steploader .completed, .steploader .completed span {
    color: #fff;
}

.steploader .completed .content:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -.3125em;
    margin-top: -.3125em;
    border-top: .3125em solid transparent;
    border-bottom: .3125em solid transparent;
    border-left: .3125em solid var(--main-bg-darker-color);
    -webkit-transition: border-left-color .2s ease;
    transition: border-left-color .2s ease;
}

.steploader .content:before {
    position: absolute;
    top: 50%;
    left: -.2em;
    line-height: .2;
    color: var(--main-txt-darker-color);
}

.steploader .completed + li .content:before, .steploader .completed .content:before {
    display: none;
}

.steploader .on {
    background: #6ad500;
}

.steploader .on .content:after {
    border-left-color: #6ad500;
}

/* line loader template */

.steploader .line {
    height: .2143em;
    margin-top: -.2143em;
    background: #6ad500;
    box-shadow: 0 0 .3572em rgba(106, 213, 0, .75);
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
}

/* ----------------------------- */
/* == banner template		     */
/* ----------------------------- */

/* banner default */

[role="banner"] {
    padding-top: 5em;
    background: #fff;
}

[role="banner"].nobanner {
    box-shadow: inset 0 -3px var(--main-bleu-bg-color);
}

[role="banner"] .mainbanner {
    padding: 1.5em 0 0;
}

[role="banner"] .mainbanner .topbanner {
    padding-bottom: 1.5em;
}

[role="banner"] .corpo {
    padding-bottom: .75em;
}

.aswift_1_expand {
    vertical-align: top;
}

/* logo */

.logo {
    display: inline-block;
    text-decoration: none;
}

.logo .baseline {
    text-transform: initial;
    display: inline-block;
    font: 300 1.1429em/1.3125 "Roboto Condensed", Arial, sans-serif;
    color: var(--main-txt-darker-color);
}

.logo .baseline strong {
    font-weight: 400;
    color: var(--main-bleu-color);
}

/* logo ribbon */

.logo--ribbon {
    position: relative;
    padding-right: 48px;
}
.logo--ribbon > img {
    width: 187px;
}
.logo--ribbon::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("/images/ribbon.png") top no-repeat;
    background-size: contain;
}
@media (max-width: 40em) {
    .logo--ribbon {
        width: 14em !important;
    }
    div {
        --finbp:40em;
    }
}

/* ----------------------------- */
/* == search template		     */
/* ----------------------------- */

/* search default */

[role="search"] {
    padding: 1.5em 0;
}

[role="search"] .who, .homesearch .where {
    width: 5.6316em;
}

[role="search"] .searchpart .who {
    width: 3.6316em;
}

[role="search"].short .where {
    width: 3.8422em;
}

[role="search"] .submit {
    width: 9.9286em;
}

[role="search"] .proxy {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.2106em;
    padding-left: .7369em;
    font-size: 1.3572em;
    color: var(--main-bleu-color);
    line-height: 2.3;
}

[role="search"] [for="proxy"] {
    vertical-align: baseline;
    line-height: 2.2106;
}

[role="search"] [id="where"] {
    padding-left: 5.3684em;
}

/* search home */

.homesearch {
    margin-top: 1.5em;
    padding: 4.5em 0;
    background-position: bottom center;
    background-size: cover;
}

.webp-supported .homesearch {
    background: url("/images/search.webp") no-repeat;
}

.no-webp .homesearch {
    background: url("/images/search.jpg") no-repeat;
}
/* autocomplete */

.autocomplete {
    position: relative;
}

.autocomplete .dropdown {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 .2143em var(--main-bleu-bg-color);
}

.autocomplete .dropdown.active {
    z-index: 2;
}

.autocomplete .dropdown li {
    padding: 0 3.5em 0 .875em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.1429em;
    line-height: 2.625;
    color: var(--main-txt-color);
    cursor: pointer;
    box-shadow: inset 0 -1px #f1f1f3, inset -1px 0 #f1f1f3, inset 1px 0 #f1f1f3;
}

.autocomplete .dropdown li:hover, .autocomplete .dropdown li.hover, .autocomplete .dropdown span {
    color: var(--main-txt-darker-color);
}

.autocomplete .dropdown strong {
    color: var(--main-bleu-color);
}

.autocomplete .dropdown li:hover, .autocomplete .dropdown li.hover {
    background: #f8f8fa;
}

/* location */

.autocomplete .dropdown .location strong {
    color: #d2efff;
}

.autocomplete .dropdown .location strong:before, .autocomplete .dropdown button:before {
    margin-right: .8em;
    font-size: .8em;
}

/* favorite */

.autocomplete .dropdown .location, .autocomplete .dropdown .favorite {
    color: #d2efff;
    box-shadow: inset 0 -1px #0194e2;
}

.autocomplete .dropdown .location, .autocomplete .dropdown .favorite, .autocomplete .dropdown .history {
    padding-left: 0;
}

.autocomplete .dropdown .location [class*="icon"], .autocomplete .dropdown .favorite [class*="icon"], .autocomplete .dropdown .history [class*="icon"] {
    height: 2.625em;
}

.autocomplete .dropdown .location [class*="icon"]:before, .autocomplete .dropdown .favorite [class*="icon"]:before, .autocomplete .dropdown .history [class*="icon"]:before {
    padding-left: .875em;
}

.autocomplete .dropdown .favorite:hover, .autocomplete .dropdown .favorite.hover,
.autocomplete .dropdown .location:hover, .autocomplete .dropdown .location.hover {
    background: #0194e2;
}

.autocomplete .dropdown button {
    vertical-align: baseline;
}

.autocomplete .dropdown button:before {
    color: var(--main-txt-color);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.autocomplete .dropdown .favorite button:before, .autocomplete .dropdown button:hover:before, .autocomplete .dropdown button:focus:before, .autocomplete .dropdown button:active:before {
    color: #6ad500;
}

.autocomplete .dropdown .location:hover strong, .autocomplete .dropdown .location.hover strong,
.autocomplete .dropdown .favorite strong, .autocomplete .dropdown .favorite span,
.autocomplete .dropdown .favorite:hover, .autocomplete .dropdown .favorite.hover,
.autocomplete .dropdown .favorite button:hover:before, .autocomplete .dropdown .favorite button:focus:before, .autocomplete .dropdown .favorite button:active:before {
    color: #fff;
}

/* icons */

.autocomplete .dropdown .icon_what_autocomplete {
    position: absolute;
    right: 0;
}

.autocomplete .dropdown .icon_what_autocomplete:after {
    content: "";
    border-bottom: .0625em solid #f1f1f3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* ----------------------------- */
/* == filter template		     */
/* ----------------------------- */

/* filter default */

.filter {
    background: #f1f1f3;
}

/* filter box */

.filterbox {
    background-size: cover;
    color: #fff;
}

.filterbox.active {
    overflow: visible;
}

.webp-supported .filterbox.active {
    background: url("/images/filter.webp") center no-repeat;
}
.no-webp .filterbox.active {
    background: url("/images/filter.jpg") center no-repeat;
}

.filterbox .contentbox {
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 3em;
}

.filterbox .btnclose {
    position: absolute;
    top: 1.5em;
    right: 0;
}

.filterbox .lightform .w21p:last-child {
    display: none;
}

.filterbox .title {
    margin-bottom: 1.5em;
    color: #fff;
    text-transform: uppercase;
    box-shadow: inset 0 -1px #fff;
}

.filterbox .propart li {
    height: 1.5em;
}

.filterbox [type="radio"], .filterbox [type="checkbox"] {
    top: .1053em;
}

.filterbox .select {
    position: absolute;
    z-index: 10;
    right: 0;
    left: 0;
    margin-top: 0;
    padding: 0 .75em;
    background: #fff;
    font-weight: 400;
    color: var(--main-txt-darker-color);
    box-shadow: 0 0 .2143em var(--main-bleu-bg-color);
}

/* ----------------------------- */
/* == slider km				     */
/* ----------------------------- */

.sliderkm {
    position: relative;
    background: var(--main-dark-bg-color);
    cursor: e-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.sliderkm .size {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    vertical-align: top;
}

.sliderkm .size li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.sliderkm .previous, .sliderkm .next {
    width: 3em;
}

.sliderkm .linekm {
    position: absolute;
    left: 3em;
    right: 3em;
}

.sliderkm .line {
    height: 3em;
    background: -webkit-linear-gradient(left, var(--main-bleu-bg-color) 0%,  var(--main-bg-violet-color) 100%);
    background: linear-gradient(to right, var(--main-bleu-bg-color) 0%,  var(--main-bg-violet-color) 100%);
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
}

/* ----------------------------- */
/* == breadcrumb template        */
/* ----------------------------- */

.breadcrumb {
    padding: .75em 0;
    background: #f8f8fa;
    color: var(--main-txt-darker-color);
    box-shadow: 0 .0715em .0715em rgba(41, 46, 53, .1);
}

.private .breadcrumb {
    box-shadow: 0 0;
}

.private nav + .breadcrumb {
    margin-top: 1.5em;
    background: none;
}

.breadcrumb .iconlower:before {
    margin: 0 .4em;
    color: #292e35;
}

/* ----------------------------- */
/* == mini card template 	     */
/* ----------------------------- */

/* default */

.minicard {
    display: block;
    height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.locationdep .icontarget {
    color: #FFF;
    cursor: pointer;
}


.minicard * {
    display: inline;
}

/* scroll */

.minicard.hoverme {
    position: relative;
}

.minicard.hoverme > * {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: left 1s ease, -webkit-transform 1s ease;
    transition: left 1s ease, transform 1s ease;
}

.minicard.hoverme.timing1 > * {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.minicard.hoverme.timing2 > * {
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
}

.minicard.hoverme.timing3 > * {
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
}

.minicard.hoverme.timing4 > * {
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
}

.minicard.hoverme:hover > * {
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

/* ... */

.minicard.hoverme:after {
    content: "...";
    position: absolute;
    bottom: -.1em;
    right: 0;
    opacity: 1;
    background: #fff;
    color: var(--main-txt-darker-color);
    box-shadow: -.5em 0 .2143em #fff;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.minicard.hoverme:hover:after {
    opacity: 0;
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.minicard.hoverme.timing1:hover:after {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.minicard.hoverme.timing2:hover:after {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s;
}

.minicard.hoverme.timing3:hover:after {
    -webkit-transition-delay: 3.8s;
    transition-delay: 3.8s;
}

.minicard.hoverme.timing4:hover:after {
    -webkit-transition-delay: 4.8s;
    transition-delay: 4.8s;
}

/* ----------------------------- */
/* == main template              */
/* ----------------------------- */

[role="main"] {
    margin-top: 1.5em;
    margin-bottom: 6em;
}

/* ----------------------------- */
/* == box layout template        */
/* ----------------------------- */

/* section default */

section {
    padding: 3em;
    background: #fff;
    box-shadow: 0 0 .2143em rgba(41, 46, 53, .08);
}

.boxreset {
    padding: 0;
    background: none;
    box-shadow: 0 0;
}

/* box default */

.box {
    padding-top: 0;
}

.box header {
    margin-right: -3em;
    margin-left: -3em;
    padding: .75em 3em;
    background: #f8f8fa;
}

.box nav {
    margin-right: -3em;
    margin-left: -3em;
    padding: 0 3em;
    background: #f8f8fa;
}

/* box aside default */

[class*="boxaside"] {
    padding: 0;
    background: #fff;
    border-radius: .2143em;
    box-shadow: 0 0 .2143em rgba(41, 46, 53, .08), inset 0 0 0 .2143em #f8f8fa;
}

[class*="boxaside"] header * {
    color: #b555ff;
    text-transform: uppercase;
}

[class*="boxaside"] .main {
    padding: 1.5em;
}

/* box aside title */

.boxasideblue header, .boxasidepurple header {
    padding: .75em 1.5em;
    border-radius: .2143em .2143em 0 0
}

.boxasidepurple header {
    background:  var(--main-bg-violet-color);
}

.boxasideblue header *, .boxasidepurple header * {
    color: #fff;
    text-shadow: 1px 2px 2px #795548;
    font-size: 1.3em;
}

/* box inner default */

.boxinner {
    padding: 3em;
    background: #fff;
}

.boxinnerlight {
    padding: 1.5em;
    background: #fff;
}

/* box illustration */

.illustration {
    padding-top: 6em;
    background-repeat: no-repeat;
}

/* box banner */

.boxbanner {
    position: relative;
    /*min-height: 15em;*/
}

.boxbanner .hgroup {
    position: absolute;
    top: 1.5em;
    left: 0;
    margin-right: 1.5em;
    padding: 1.5em 3em;
    background: #fff;
}

.boxbanner .big {
    font-weight: 300;
}

/* skin box */

.pro .title, .pro .title a, .pro .phone {
    color: #b555ff;
}

.part .title, .part .title a, .part .phone, .title span, .title strong {
    color: #292e35;
}

.uni .title, .title {
    color: var(--main-bleu-color);
}

.title a {
    text-decoration: none;
}

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

/* box intro */

.boxintro {
    height: 12em;
    padding: 1.5em;
    background: url("/images/boxintro.png") center no-repeat;
    color: #fff;
    box-shadow: 0 0;
}

.boxintro header > *, .boxintro .iconheartblue.after:after, .boxintro .iconheartblue:before {
    color: #fff;
}

/* mini box */

.minibox {
    padding: 1.5em;
    background: #f8f8fa;
    border-radius: .2143em;
}

/* ----------------------------- */
/* == card template              */
/* ----------------------------- */

/* card default */

.card {
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 0;
    box-shadow: inset 0 .2143em var(--main-bleu-bg-color), 0 0 .2143em rgba(41, 46, 53, .08);
}

.private .card {
    background: #f8f8fa;
}

.card .cardbanner {
    padding-right: 1.5em;
}

.card .phone {
    white-space: nowrap;
}

.card .phone + .bubble {
    right: 3em;
}

.card .logo {
    width: 11.0715em;
    min-height: 7.5em;
    text-align: center;
    line-height: 7.3;
    background: #f1f1f3;

}

.logo img {
    max-height: 7.5em;
}
.schedule {
    font-weight: 400;
    color: #6ad500;
    text-transform: uppercase;
}

.schedule.close {
    color: #d50000;
}

.card .nosch:before {
    font-size: 1.1429em;
}

.card footer {
    margin: 1.5em -3em 0;
    padding: .75em 3em;
    background: #f8f8fa;
    color: var(--main-txt-darker-color);
}

.private .card footer {
    background: #fff;
}

.card .xiti-light {
    position: absolute;
    left: 0;
}

.card .bigbtn {
    max-width: 20em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* card universal */

.card .company {
    margin-right: 1.5em;
}

/* card pro */

.card.pro {
    box-shadow: inset 0 .2143em  var(--main-bg-violet-color), 0 0 .2143em rgba(41, 46, 53, .08);
}

/* card part */

.card.part {
    padding-bottom: 3em;
    box-shadow: 0 0 .2143em rgba(41, 46, 53, .08);
}

/* card link */

.card .linkmore {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    cursor: pointer;
}

.card .clickable, .cardlist .info, .hmd_rsva_legal a  {
    position: relative;
    z-index: 1;
}

.voxl {
    text-transform: initial;
}

.iconprint.after , .iconmail.after{
    font-size: 1.2em;
    padding: 0 .8em 0 .5em;
    margin: 0;
    line-height: 1.6;
    color: #FFF;
}

.iconpin.after::after {
    font-size: 1.2em;
    padding: 0 0 0 .5em;
    margin: 0;
    line-height: 1.2;
    color: #FFF;
}

.plusgros {
    font-size: 1.2em;
}

.withlabel.iconmail.after{
    font-size: 1.2em;
    padding: .2em .8em;
}

.iconprint.after:hover , .iconpin.after:hover, .iconmail.after:hover {
    background-color:  var(--main-bg-violet-color);
}

.icon-phone:before {
    content: "\e60e";
}

/* phone surtaxe btn skin */

.showNumberBtn .btn.green {
    text-transform: none;
}
.showNumberBtn .btn.red {
    background: #bb2413;
    color: #fff;
    text-transform: none;
}

.showNumberBtn .btn.green:hover,
.showNumberBtn .btn.green:focus,
.showNumberBtn .btn.green:active {
    background:  var(--main-bg-violet-color);
}
.h2 .showNumberBtn .btn {
    font-size: .85em;
}
.contact .showNumberBtn .btn.green {
    padding: 0 1.5em;
    font: 400 1em/1.8572 "Roboto slab", Arial, sans-serif;
    border-radius: .2143em;
}
.hmd_hiconnect {
    display: none;
}

/* phone surtaxe dialog box */

.hmd_number_block {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    white-space: normal;
    font-size: 14px;
    font-weight: 300;
    color: var(--main-txt-color);
    line-height: 1.5;
}
.rsva {
    display: table;
    padding: .2em;
    margin-top: 0;
    position: relative;
    font-family: Arial, Verdana, sans-serif;
}
.rsva > * {
    display: table-cell;
    vertical-align: middle;
    padding: 1px 5px 0;
}
.rsva_number {
    width: 136px;
    border-radius: 3px 0 0 3px;
    font-size: 19px;
    letter-spacing: -1px;
    white-space: nowrap;
    text-align: center;
    box-shadow: inset 0 0 2px 1px #ccc;
    /*box-shadow: inset 0 0 0 1px #ccc;*/
}
.rsva_number a {
    display: block;
    font-weight: bold;
    color: #a50f78; /* #444 */
    text-decoration: none;
}

.rsva_triangle {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    margin-left: -4px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    padding: 0;
}
.rsva_price {
    width: 114px;
    background: #a50f78; /* #666 */
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: left;
    padding-left: 10px;
    border-radius: 0 3px 3px 0;
}
.rsva_price {   /* .insee */
    background: #a50f78;
    box-shadow: inset 0 3px 2px -2px #ccc, 0 0 1px 1px #666;
    border-radius: 0 0 0 0;
}
.rsva_price * {
    color: #fff;
}
.rsva_rectangle {
    position: absolute;
    box-shadow: inset -1px 0 2px 0 #ccc;
    height: 100%;
}
.hmd_rsva_legal {
    padding-top: 3px;
    font-size: 12px;
}
.inlinetarif {
    display: table-row;
}

.inltf {
    display: table-cell;
}


@media only screen and (max-width: 30em) {
    .hmd_number_block {
        width: auto;
        max-width: 250px;
    }
    div {
        --finbp:30em;
    }
}
/* page tarifs.html */

.rsva_triangle_down {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    margin-top: -4px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #fff;
    padding: 0;
}
.rsva_pricePage {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rsva_pricePage li {
    align-self: center;
}
.rsva_price_pricePage {
    text-align: center;
    width: 135px;
    padding: 5px;
}

/* charte artisan */

.cardlist .info.h2.iconcharte {
    width: 65%;
}
.cardlist .info.h2.iconcharte::after {
    position: absolute;
    top: 50%;
    right: -1.5em;
}

/* **** */

.price_tabs {
    font-size: 15px;
}
.price_tabs > ul {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
}
.price_tabs > ul > li {
    background-color: #F0F0F0;
    border-left: 1px solid #C1C1C1;
    border-top: 1px solid #C1C1C1;
    border-right: 1px solid #C1C1C1;
    color: #656565;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: bold;
    list-style: none;
    margin-right: 7px;
    padding: 13px 21px;
}
.price_tabs > ul > li.active {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
section.price_tabs {
    border-top: 1px solid #C1C1C1;
    margin-top: -1px;
    padding: 0 0 0 9px;
    position: relative;
    z-index: 0;
}
section.price_tabs > table {
    width: 100%;
}
section.price_tabs > table > caption {
    color: #ED1E28;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
section.price_tabs > table > caption.blue {
    color: #204DA0;
}
section.price_tabs > table > thead {
    border-bottom: 3px solid #e1e1e1;
}
section.price_tabs > table > thead > tr > th {
    font-size: 12px;
    padding: 15px 0;
    text-align: right;
    font-weight:bold;
}
section.price_tabs > table > tbody > tr > td {
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0;
    text-align: center;
}
section.price_tabs > table .first {
    text-align: left;
    width: 250px;
}
section.price_tabs > table .center {
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
}
section.price_tabs > table > tfoot > tr > td {
    padding: 15px 0;
}

.pricemo {
    font-size: 13px;
}

.card .more {
    position: absolute;
    right: 8.6429em;
    bottom: -3em;
    -webkit-transition: bottom .2s ease, color .2s ease;
    transition: bottom .2s ease, color .2s ease;
}

.card:hover .more {
    bottom: .5715em;
}

.card:hover .title a {
    text-decoration: underline;
}


.card.part:hover .more {
    bottom: 3em;
}

/* card list */

.cardlist .card {
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
}

.cardlist .card:hover {
    box-shadow: inset 0 .2143em var(--main-bleu-bg-color), 0 0 1em rgba(0, 140, 215, .24);
}

.cardlist .card.pro:hover {
    box-shadow: inset 0 .2143em  var(--main-bg-violet-color), 0 0 1em rgba(181, 85, 255, .24);
}

.cardlist .card.part:hover {
    box-shadow: 0 0 1em rgba(41, 46, 53, .16);
}

/* phone surtax */

.card .idl_audiotel {
    position: relative;
    z-index: 1;
    max-width: 15em;
    margin-left: auto;
}

.card .idl_audiotel_warning a {
    color: var(--main-bleu-color) !important;
}

.card .idl_audiotel_warning {
    margin-top: 1.9091em;
    padding: 1.9091em;
    background: #f8f8fa;
    white-space: normal;
    text-align: justify;
    font-size: .579em;
    font-weight: 300;
    line-height: 1.9091;
    color: var(--main-txt-color);
    border-radius: .2728em;
}

/* ----------------------------- */
/* == seo card template          */
/* ----------------------------- */

.public [role="main"] {
    display: block;
}

section.textPageDescription {
    display: table;
    caption-side: bottom;
    margin-top: 3em;
}

.textPageDescription h2, .textPageDescription h2 strong {
    color: var(--main-bleu-color);
}

.textPageDescription h2 ~ strong {
    font-weight: 400;
    line-height: 1.5;
    color: #292e35;
}

/* ----------------------------- */
/* == card full template         */
/* ----------------------------- */

/* card full default */

.cardfull header .btnilike {
    font-size: 1.8em;
}

.cardfull header .btnilike .front, .cardfull header .btnilike .back {
    font-weight: 400;
}

.cardfull header .btnilike .front:before, .cardfull header .btnilike .back:before {
    left: -.24em;
}

.cardfull footer {
    padding: .5715em 3em;
}

.cardfull .part {
    padding-bottom: 0;
}

/* fixed bug bubble overflow */

.popin .scroll li {
    position: relative;
}

.popin .scroll.noscroll li {
    position: static;
}

/* card full contact */

.cardfull .contact {
    margin: 3em -3em 0;
    padding: 3em;

    background-size: cover;
}

.cardfull .contact {
    background: #e8e8eb;
}/*
.webp-supported .cardfull .contact {
    background: url("/images/contact.webp") center no-repeat;
}

.no-webp .cardfull .contact {
    background: url("/images/contact.jpg") center no-repeat;
}*/


.contact .iconi:before, .contact .iconeye:before, .contact .iconi.after:after, .contact .iconeye.after:after,
.contactus .iconi:before, .contactus .iconeye:before, .contactus .iconi.after:after, .contactus .iconeye.after:after,
.transport .iconi:before, .transport .iconeye:before, .transport .iconi.after:after, .transport .iconeye.after:after {
    font-size: 1.2em;
    color: var(--main-bleu-color);
}

.cardfull .contact .getthere li {
    margin-bottom: .0715em;
}

.cardfull .contact .idl_audiotel {
    max-width: none;
    margin-left: 0;
}

.cardfull .contact .idl_audiotel_warning, .cardfull .tvavl .idl_audiotel_warning {
    font-size: .7858em;
}

.cardfull .tvavl .idl_audiotel_warning {
    padding: 0;
}

.card .tvavl .idl_audiotel {
    max-width: 18em;
    display: inline-table;
    text-align: center;
}

.card .tvavl .idl_audiotel_text {
    text-align: center;
    font-weight: bold;
}

/* card full sch */

.sch {
    padding: 3em;
    background-size: cover;
}

.webp-supported .sch {
    background: url("/images/sch.webp") center no-repeat;
}

.no-webp .sch {
    background: url("/images/sch.jpg") center no-repeat;
}

.piscine .sch {
    background-size: cover;
}

.webp-supported .piscine .sch {
    background: url("/images/piscine.webp") center no-repeat;
}

.no-webp .piscine .sch {
    background: url("/images/piscine.jpg") center no-repeat;
}

.sch p {
    color: inherit;
}

.sch li {
    white-space: nowrap;
}

.sch .selected > * {
    color: #6ad500;
}

.sch .selected.close > * {
    color: #d50000;
}

/* card full poll */

.poll {
    padding: 3em;
    background: #f1f1f3;
}

.mt2.poll.premdet {
    padding: 0.4em;
    text-align: center;
}

.prempart .mt2.poll.premdet {
    padding: 0;
    margin-top: 1.9em;
}

.poll li {
    margin-bottom: .0715em;
}

.poll .disabled .progressbar {
    opacity: .5;
}

.poll .ilikeitfor {
    width: 4.1429em;
    background: #f8f8fa;
    line-height: 0;
}

/* memo */

.memo {
    position: relative;
}

.memo textarea {
    min-height: 0;
    -webkit-transition: min-height .2s ease;
    transition: min-height .2s ease;
}

.memo textarea:focus, .memo textarea:active {
    min-height: 7em;
}

.memo .warning {
    z-index: 0;
    right: 8.7em;
}

.memo .required ~ .warning {
    right: 1.2em;
}

.memo .btnmemo {
    position: absolute;
    right: 0;
    bottom: 0;
}

.memo .iconbubble.after:after {
    position: static;
}

/* ----------------------------- */
/* == map template	             */
/* ----------------------------- */

/* map default */

.map {
    position: relative;
}

.map .pin {
    position: absolute;
}

.gm-style img {
    max-width: none;
}

[id="mapViewer"] {
    height: 37.5em;
}

.closeStreetView {
    right: 31em !important;
    cursor: pointer;
}

.gmap_city > iframe {
    width:      100%;
    height:     37.5em;
    border:     none;
    background: url("/images/loadmess.svg") center no-repeat;
}

/* ----------------------------- */
/* == map card list	             */
/* ----------------------------- */

/* template */

.map.mapcards {
    padding: 0;
    box-shadow: 0 0;
}

.map.mapcards.active {
    margin-bottom: 3em;
}

.map .maplist {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding-left: 3em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.map .maplist li {
    position: relative;
    box-shadow: .2143em .2143em .2143em rgba(41, 46, 53, .25);
}

.map .mainbox {
    position: relative;
    z-index: 1;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.map .mainbox:after {
    content: "";
    position: absolute;
    right: 1.5em;
    bottom: 0;
    left: 1.5em;
    height: .0715em;
    background: #f1f1f3;
}

.map .complementary {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #f8f8fa;
    box-shadow: .2143em .2143em .2143em rgba(41, 46, 53, 0);
    border-radius: .2143em 0 0 .2143em;
    -webkit-transition: left .2s ease, box-shadow .2s ease;
    transition: left .2s ease, box-shadow .2s ease;
}

/* pin hover */

.map .maplist li:hover .mainbox, .map .maplist li.hover .mainbox {
    background: #f8f8fa;
}

.map .maplist li:hover .complementary, .map .maplist li.hover .complementary {
    left: -3em;
    box-shadow: .2143em .2143em .2143em rgba(41, 46, 53, .25);
}

.map .complementary .pin {
    top: 50%;
    left: 50%;
    margin-top: -1.0715em;
    margin-left: -1.0715em;
}

/* ----------------------------- */
/* == map card          		 */
/* ----------------------------- */

/* template */

.mapcard .transports {
    padding-left: 1.5em;
    background: #f8f8fa;
}

.mapcard .route, .mapcard .path {
    padding: 1.5em;
    background: #f1f1f3;
}

.mapcard .route .calculate {
    width: 10.3572em;
}

.mapcard .path {
    background: #f8f8fa;
}

.mapcard .path [style*="font-size"] {
    display: inline-block;
    margin-left: .4em;
    font-size: inherit !important;
    color: var(--main-bleu-color);
}

.mapcard .path [style*="font-size"]:before {
    content: "> ";
}

.mapcard .scroll {
    max-height: 18em;
    overflow: auto;
}

.mapcard .path .pstart, .mapcard .path .pend {
    position: relative;
    left: auto;
}

.mapcard .path .pstart:after, .mapcard .path .pend:after {
    display: none;
}

/* ----------------------------- */
/* == privates pages template    */
/* ----------------------------- */

/* profil */

.profil {
    min-height: 21em;
    padding: 3em 0;
    background-size: cover;
}

.webp-supported .profil {
    background: url("/images/profil.webp") right no-repeat;
}
.no-webp .profil {
    background: url("/images/profil.jpg") right no-repeat;
}

.mycardstop, .myprofiltop, .moreclientstop, .mystatsstop {
    min-height: 0;
}

.mycardstop {
    background-size: cover;
}
.webp-supported .mycardstop {
    background: url("/images/mes-fiches.webp") left no-repeat;
}

.no-webp .mycardstop {
    background: url("/images/mes-fiches.jpg") left no-repeat;
}


.myprofiltop {
    background-size: cover;
}
.webp-supported .myprofiltop {
    background: url("/images/mon-profil.webp") left no-repeat;
}
.no-webp .myprofiltop {
    background: url("/images/mon-profil.jpg") left no-repeat;
}

.moreclientstop {
    background-size: cover;
}
.webp-supported .moreclientstop {
    background: url("/images/plus-client.webp") 65% no-repeat;
}
.no-webp .moreclientstop {
    background: url("/images/plus-client.jpg") 65% no-repeat;
}


.mystatsstop {
    background-size: cover;
}
.webp-supported .mystatsstop {
    background: url('/images/mes-stats.webp') 65% no-repeat;
}
.no-webp .mystatsstop {
    background: url('/images/mes-stats.jpg') 65% no-repeat;
}
/* ----------------------------- */
/* == my notebook template       */
/* ----------------------------- */

/* layout pages */

.notebook .divprofile {
    padding-left: 0;
}

/* favorites layout */

.favorites .filternav label {
    line-height: 3;
    border-radius: 0;
}

.favorites .filternav select {
    height: 2.625em;
    padding: .62em .62em .62em 1em;
    font-family: "Roboto Condensed";
    font-size: 1.1429em;
    font-weight: 300;
    color: var(--main-txt-darker-color);
}

.favorites .previewbox {
    max-height: 21em;
    overflow: auto;
}

.favorites .previewbox li {
    position: relative;
    overflow: hidden;
    background: #f1f1f3;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.favorites .previewbox li:hover, .favorites .previewbox li:hover .minicard.hoverme:after {
    background: #fff;
}

.favorites .previewbox li:hover .minicard.hoverme:after {
    box-shadow: -.5em 0 .2143em #fff;
}

.favorites .btnmove {
    position: absolute;
    top: 50%;
    right: -3em;
    margin-top: -1em;
}

.favorites .minicard:hover + .btnmove, .favorites .minicard:focus + .btnmove, .favorites .minicard:active + .btnmove,
.favorites .btnmove:hover, .favorites .btnmove:focus, .favorites .btnmove:active {
    right: .5714em;
}

.favorites .category:before {
    margin: 0 .4em;
}

.favorites .minicard {
    height: 3em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    line-height: 3;
    text-decoration: none;
}

.favorites .minicard.hoverme:after {
    background: #f1f1f3;
    box-shadow: -.5em 0 .2143em #f1f1f3;
    -webkit-transition: opacity .2s ease, background .2s ease, box-shadow .2s ease;
    transition: opacity .2s ease, background .2s ease, box-shadow .2s ease;
}

.favorites .minicard.hoverme:hover > * {
    padding-right: 1.5em;
}

.favorites .minicard.hoverme:hover:after {
    background: #fff;
    box-shadow: -.5em 0 .2143em #fff;
    -webkit-transition: opacity .2s ease 1.8s, background .2s ease, box-shadow .2s ease;
    transition: opacity .2s ease 1.8s, background .2s ease, box-shadow .2s ease;
}

.favorites .minicard.hoverme.timing2:hover:after {
    -webkit-transition-delay: 2.8s, 0, 0;
    transition-delay: 2.8s, 0, 0;
}

.favorites .minicard.hoverme.timing3:hover:after {
    -webkit-transition-delay: 3.8s, 0, 0;
    transition-delay: 3.8s, 0, 0;
}

.favorites .minicard.hoverme.timing4:hover:after {
    -webkit-transition-delay: 4.8s, 0, 0;
    transition-delay: 4.8s, 0, 0;
}

/* library layout */

.library li {
    width: 47.04%;
}

.library li + li + li {
    margin-top: 5.92%;
}

.library li:nth-child(even) {
    margin-left: 5.92%;
}

.library figure {
    position: relative;
    top: 0;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease, top .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease, top .2s ease;
}

.library .addfolder {
    height: 13.5em;
    background: var(--main-dark-bg-color);
}

/* library deleted */

.library .deleted {
    -webkit-perspective: 22.3572em;
    perspective: 22.3572em;
}

.library .deleted figure {
    opacity: 0;
    -webkit-transform: translateZ(-100em);
    transform: translateZ(-100em);
}

.library .deleted:not(.edited) .editionbar {
    display: none;
}

/* library edited */

.library .editionbar {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
}

.library .editionbar input {
    color: #fff;
}

.library .edited figure {
    top: -3em;
}

.library .edited figcaption {
    top: 1.1053em;
}

.library .edited figure:hover .btncircle, .library .edited figure:focus .btncircle, .library .edited figure:active .btncircle {
    top: 3em;
}

/* img figcaption */

.library figcaption {
    position: absolute;
    top: 1.1053em;
    z-index: 2;
    margin-right: 1.1053em;
    padding: .5527em 1.1053em;
    background: #fff;
    color: #292e35;
    -webkit-transition: top .2s ease;
    transition: top .2s ease;
}

.library figcaption:first-letter {
    color: var(--main-bleu-color);
}

/* action bar */

.library .actionbar {
    position: absolute;
    right: 1.5em;
    bottom: 1.5em;
}

.library .actionbar button {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
}

.library .actionbar .edition {
    right: 2.25em;
}

.library .actionbar button:before {
    position: static;
    margin: 0;
    vertical-align: bottom;
    font-size: 1.5em;
    line-height: 1;
    -webkit-transition: font-size .2s ease;
    transition: font-size .2s ease;
}

.library .actionbar button:hover:before, .library .actionbar button:focus:before, .library .actionbar button:active:before {
    font-size: 4.1rem;
}

/* btn circle */

.library .iconfolder:before {
    font-size: 2em;
}

.library .icondl:before {
    font-size: 2.9em;
}

.library .addfolder {
    position: relative;
}

.library .addfolder .btncircle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--main-bg-darker-color);
}


/* btn circle drag & drop */

.library .btncircle.drag:hover, .library .btncircle.drag:focus, .library .btncircle.drag:active {
    box-shadow: 0 0 0 .5715em #6ad500;
}

.library .btncircle.dropped:after {
    content: "+1";
    position: absolute;
    top: .5263em;
    left: 50%;
    width: 2.2106em;
    height: 2.2106em;
    margin-left: -1.1053em;
    background: #6ad500;
    font-size: 1.3572em;
    font-weight: 400;
    line-height: 2.2106;
    border-radius: 100%;
    -webkit-animation: drop .6s ease-in forwards;
    animation: drop .6s ease-in forwards;
}

@-webkit-keyframes drop {
    from {
        top: 60%;
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    to {
        top: -50%;
        opacity: 0;
    }
}

@keyframes drop {
    from {
        top: 60%;
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    to {
        top: -50%;
        opacity: 0;
    }
}

/* drag & drop hover */

.library .moving.hover .btncircle {
    top: 0;
    -webkit-transition-delay: .2s, 0, .2s, .2s;
    transition-delay: .2s, 0, .2s, .2s;
}

.library .moving.hover .grayscale img {
    opacity: 1;
    -webkit-filter: grayscale(0) brightness(100%);
    filter: grayscale(0) brightness(100%);
}

.library .moving.hover .btncircle {
    background: rgba(41, 46, 53, 1);
    box-shadow: 0 0 0 .5715em #6ad500;
}

/* drag & drop fake li */

.previewboxli {
    overflow: hidden;
    background: #f1f1f3;
    line-height: 1.5;
}

.previewboxli .minicard {
    height: 3em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    line-height: 3;
    text-decoration: none;
}

.previewboxli .minicard.hoverme:after {
    background: #f1f1f3;
    box-shadow: -.5em 0 .2143em #f1f1f3;
}

.previewboxli .btnmove {
    position: absolute;
    top: 50%;
    right: .5714em;
    margin-top: -1em;
}

/* ----------------------------- */
/* == home page		             */
/* ----------------------------- */

/* toplike template */

.toplike header {
    background: #fff;
}

/* toplike slider */

.toplike .slider {
    height: 31.5em;
}

.toplike #target2:target ~ .scrollbox {
    top: -28.5em;
}

.toplike #target3:target ~ .scrollbox {
    top: -57em;
}

.toplike #target4:target ~ .scrollbox {
    top: -85.5em;
}

/* ----------------------------- */
/* == socloz		             */
/* ----------------------------- */

/* default socloz */

.socloz .fade {
    max-height: 17.54em;
}

.socloz .maincontent {
    position: relative;
}

.socloz .products {
    box-shadow: inset .0715em 0 #f1f1f3;
}

.socloz .product {
    position: relative;
    width: 25%;
    min-height: 15em;
    padding: 1.5em;
    border: .0715em solid #f1f1f3;
    border-top: 0;
    border-left: 0;
    text-align: center;
    box-shadow: inset 0 0 0 0 #f1f1f3;
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
}

.socloz .product:first-child,
.socloz .product:first-child + .product,
.socloz .product:first-child + .product + .product,
.socloz .product:first-child + .product + .product + .product {
    border-top: .0715em solid #f1f1f3;
}

.socloz .product:hover {
    box-shadow: inset 0 0 0 .5715em #f1f1f3;
}

.socloz .photo {
    max-width: 9.5715em;
    height: 8.5715em;
    padding: 0;
    background: none;
    overflow: hidden;
}

.socloz .txtcontent {
    position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    left: 1.5em;
}

.socloz .oldprice, .soclozfull .oldprice {
    font-size: .7369em;
    color: var(--main-txt-darker-color);
}

.socloz .products .ribbon {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
}

/* filter socloz */

.socloz .fade {
    -webkit-perspective: 66em;
    perspective: 66em;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.socloz .minifilter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 15em;
    padding: 1.5em;
    overflow: auto;
    background: #f8f8fa;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
}

.socloz .minifilter [type="checkbox"], .socloz .minifilter [type="radio"] {
    top: .3em;
}

.socloz .allproducts {
    -webkit-transition: margin-left .2s ease;
    transition: margin-left .2s ease;
}

.socloz .active .allproducts {
    min-height: 16.5em;
}

.socloz .noproduct {
    padding-left: 1.5em;
}

/* active socloz */

.socloz .fade.active {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.socloz .fade.active .minifilter {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.socloz .fade.active .allproducts, .socloz .pagination {
    margin-left: 15em;
}

/* popin socloz */

.soclozfull .photo img {
    max-height: 15em;
    width: auto;
}

.soclozfull .soclozscroll {
    max-height: 15em;
    overflow: auto;
}

.soclozfull footer .iconmail {
    font-size: 1.5em;
    line-height: 0;
    color: var(--main-bleu-color);
}

.soclozfull footer .iconmail:hover, .soclozfull footer .iconmail:focus, .soclozfull footer .iconmail:active {
    color: var(--main-bleu-color);
}

/* ----------------------------- */
/* == brand				 		 */
/* ----------------------------- */

/* brand default */

.brand .boxbanner {
    min-height: 15em;
    background-size: cover;
}
.webp-supported .brand .boxbanner {
    background: url("/images/enseignes.webp") no-repeat;
}
.no-webp .brand .boxbanner {
    background: url("/images/enseignes.jpg") no-repeat;
}
/* top brand */

.topbrand .boxinner {
    box-shadow: inset 0 .2143em  var(--main-bg-violet-color), 0 0 .2143em rgba(41, 46, 53, .08);
    -webkit-transition: box-shadow .2s ease, opacity .2s ease;
    transition: box-shadow .2s ease, opacity .2s ease;
}

.topbrand:hover .boxinner:hover {
    opacity: 1;
    box-shadow: inset 0 .2143em  var(--main-bg-violet-color), 0 0 1em rgba(181, 85, 255, .24);
}

.topbrand:hover .boxinner {
    opacity: .5;
}

/* all brand */

.allbrand {
    padding: 0;
}

.allbrand header {
    margin-right: 0;
    margin-left: 0;
}

.allbrand ul {
    overflow: visible;
}

.allbrand li {
    position: relative;
    width: 12.88%;
    margin: 0 0 4.54% 4.54%;
}

.allbrand li:nth-child(6n+1) {
    margin-left: 0;
}

.allbrand .txt {
    height: 103%;
    overflow: hidden;
}

.allbrand figcaption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background:  var(--main-bg-violet-color);
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.allbrand li:hover figcaption {
    padding: 1.5em;
    top: -1.5em;
    right: -1.5em;
    bottom: -1.5em;
    left: -1.5em;
    opacity: 1;
}

.allbrand figcaption .txt h2, .allbrand figcaption .txt a {
    color: #fff;
    text-transform: capitalize;
}

.allbrand figcaption p {
    margin-top: .75em;
    padding-top: .5em;
    border-top: .0715em solid #f3e3ff;
    color: #f3e3ff;
}

/* all brand slider */

.allbrand .boxinner {
    position: relative;
    padding: 0;
}

.allbrand .boxinner:before, .allbrand .boxinner:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    height: 1.2em;
    background: #fff;
}

.allbrand .boxinner:after {
    top: auto;
    bottom: 0;
}

.allbrand .slider {
    padding: 3em;
}

.allbrand .minicard.hoverme:after {
    background:  var(--main-bg-violet-color);
    color: #fff;
    box-shadow: -.5em 0 .2143em  var(--main-bg-violet-color);
}

.allbrand .slider .scrollbox {
    position: absolute;
    top: 3em;
    right: 3em;
    left: 3em;
}

/* ----------------------------- */
/* == top search		 		 */
/* ----------------------------- */

.topsearch li {
    width: 16%;
    margin: 0 0 0 5%;
    border-radius: 100%;
    box-shadow: inset 0 0 0 4em var(--main-bleu-bg-color), inset 0 0 0 0 #d2efff;
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
}

.topsearch li:hover {
    box-shadow: inset 0 0 0 0 var(--main-bleu-bg-color), inset 0 0 0 4em #d2efff;
}

.topsearch li:first-child {
    margin-left: 0;
}

.topsearch .slider {
    margin-right: 3em;
    margin-left: 3em;
}

.topsearch .scrollbox {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.topsearch .picto {
    position: relative;
    font-size: 3em;
    text-align: center;
}

.topsearch .picto:hover:before, .topsearch .picto:focus:before, .topsearch .picto:active:before {
    color: var(--main-bleu-color);
}

.topsearch .picto:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0;
    color: #d2efff;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.topsearch .icongarage {
    font-size: 2em;
}

.topsearch .picto, .topsearch .picto img {
    display: block;
}

/* ----------------------------- */
/* == card edition               */
/* ----------------------------- */

/* progress template */

.editioncard .progressbar .iconwarning:before {
    font-size: .7em;
}

/* card edition template */

.editioncard .summary {
    position: relative;
    overflow: hidden;
    background: #f1f1f3;
}

.editioncard .preview {
    min-height: 3em;
    padding: .75em 1.5em;
}

.editioncard .previewlarge .preview {
    padding: 1.5em;
}

.editioncard .boxcontent {
    position: relative;
    margin: 1.5em;
}

/* switch button */

.editioncard .switch, .editioncard .switch button, .editioncard .summary [type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
}

.editioncard .switch {
    z-index: 1;
    width: 3em;
    height: 3em;
    -webkit-perspective: 9em;
    perspective: 9em;
}

.editioncard .switch button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: background .2s ease, color .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.editioncard .switch .back:before {
    font-size: 1.7em;
}

.editioncard .switch .back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.editioncard .switch .back:hover, .editioncard .switch .back:focus, .editioncard .switch .back:active {
    background: #f8f8fa;
    color: #6ad500;
}

.editioncard .editable .switch .front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.editioncard .editable .switch .back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.editioncard .summary.editable [type="submit"] {
    right: 2.625em;
}

.editioncard .summary [type="submit"] {
    right: -10em;
    background: #6ad500;
    color: #defac3;
    -webkit-transition: right .2s ease, color .2s ease;
    transition: right .2s ease, color .2s ease;
}

.editioncard .summary [type="submit"] span:after {
    font-size: 1.3125em;
}

.editioncard .summary [type="submit"]:hover, .editioncard .summary [type="submit"]:focus, .editioncard .summary [type="submit"]:active {
    color: #fff;
}

/* big title section */

.editioncard .title.big {
    line-height: .7;
}

/* activity section */

.editioncard .activity.editable, .editioncard .activity .active {
    overflow: visible;
}

.editioncard .activity.editable {
    padding-bottom: .1em;
}

/* sch section */

.editioncard .sch {
    padding: 0;
    background: none;
}

.editioncard .edited .close {
    background: var(--main-dark-bg-color);
    line-height: 3;
    color: #fff;
    border-radius: .2143em;
}

/* love section */

.editioncard .poll {
    padding: 0;
}

.editioncard .poll .progressbar {
    background: #fff;
}

.editioncard .poll .progressbar [data-value] {
    color: inherit;
}

.editioncard .poll .liketocheck {
    width: 18.5715em;
    background: #f8f8fa;
}

.editioncard .poll .nolove:hover .front, .editioncard .poll .nolove:focus .front, .editioncard .poll .nolove:active .front {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.editioncard .poll .nolove:hover .back, .editioncard .poll .nolove:focus .back, .editioncard .poll .nolove:active .back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

/* wiziwig section */

.editioncard [id="mceu_17"], .editioncard [id="mceu_35"] {
    margin-top: 1.5em;
}

.editioncard .actu {
    background: #fff;
    border-radius: 3px;
}

.editioncard .actu tr + tr {
    border-top: 1px solid #f1f1f3;
}

.editioncard .actu td {
    padding: .75em;
}

/* ----------------------------- */
/* == card validation            */
/* ----------------------------- */

.codetel .num2call {
    color: #b555ff;
}

.phonecode {
    font-size: 2.1em;
}

/* ----------------------------- */
/* == registration template      */
/* ----------------------------- */

/* reg form template */

.registration .minibox [type="checkbox"] {
    top: 0;
}

.registration [class*="page"] {
    position: relative;
    -webkit-transition-delay: .14s;
    transition-delay: .14s;
}

.registration .active[class*="page"] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.registration .minicard.hoverme:after {
    background: #f8f8fa;
    box-shadow: -.5em 0 .2143em #f8f8fa;
}

[id="gotoStep3newSoc"] [for*="activity"] {
    width: 30%;
}

/* welcome image template */

.registration .welcomeimg {
    overflow: hidden;
}

.registration .current .welcomeimg img {
    opacity: 1;
    -webkit-filter: grayscale(0) brightness(100%);
    filter: grayscale(0) brightness(100%);
}

.registration .contentimg {
    position: relative;
    top: 0;
    -webkit-transition: top .2s ease;
    transition: top .2s ease;
}

.registration .current .contentimg {
    top: 3em;
}

.registration .steploader {
    position: absolute;
    top: -3em;
    right: 0;
    left: 0;
}

.registration .steploader .line {
    position: relative;
    top: .75em;
}

/* btn circle template */

.registration .current .btncircle {
    opacity: 0;
}

.registration .current .welcomeimg:hover .btncircle {
    top: 200%;
    cursor: default;
}

.registration .btncircle:hover, .registration .btncircle:focus, .registration .btncircle:active {
    box-shadow: 0 0 0 .5715em var(--main-bleu-bg-color);
}

.registration .regpro .btncircle:hover, .registration .regpro .btncircle:focus, .registration .regpro .btncircle:active {
    box-shadow: 0 0 0 .5715em  var(--main-bg-violet-color);
}

.registration .icongrade:before {
    font-size: 3em;
}

.registration .iconprofil:before {
    margin-top: -.4em;
    font-size: 2.5em;
}

/* disabled reg */

.registration .disabled .welcomeimg img {
    opacity: .9;
    -webkit-filter: grayscale(1) brightness(105%);
    filter: grayscale(1) brightness(105%);
}

.registration .disabled .welcomeimg .btncircle {
    top: 200%;
}

/* ----------------------------- */
/* == my cards				     */
/* ----------------------------- */

/* my cards template */

.mycards td {
    display: table-cell;
    background: #f1f1f3;
}

.mycards .empty td {
    background: #fff;
}

.mycards .delete:hover, .mycards .delete:focus, .mycards .delete:active {
    background: #d50000;
}

.mycards .complete, .mycards .delete {
    font-size: 1em;
}

.mycards .stats:before {
    font-size: 1.32em;
}

/* ----------------------------- */
/* == my products			     */
/* ----------------------------- */

.myproducts .card {
    padding-bottom: 3em;
}

/* ----------------------------- */
/* == further visits		     */
/* ----------------------------- */

/* template default */

[class*="boxaside"] header [class*="icon"]:before {
    font-size: 1.5em;
}

[class*="boxaside"] .iconplus:before, [class*="boxaside"] .iconless:before {
    font-size: 1.25em;
    color: #6ad500;
}

[class*="boxaside"] .iconless:before {
    color: #d50000;
}

/* seo links */

.seolink a {
    text-transform: uppercase;
}

/* my search */

.mysearch .btncircle:before {
    font-size: 1.9em;
}

/* videos */

.videos .main li:first-child {
    margin-top: 0;
}



/* ----------------------------- */
/* == cool popin	             */
/* ----------------------------- */

.cool .btncircle:before {
    font-size: 2em;
}

.cool .btncircle:hover, .cool .btncircle:focus, .cool .btncircle:active {
    box-shadow: 0 0 0 .5715em var(--main-bleu-bg-color);
}

/* ----------------------------- */
/* == home page city mini        */
/* ----------------------------- */

.city .content strong:first-child, .city .content strong:first-child + br + br + br + br + strong {
    display: inline-block;
    font-size: 1.3572em;
    font-weight: 400;
    line-height: 1.1053;
    color: var(--main-bleu-color);
}

/* ----------------------------- */
/* == seo home page city	     */
/* ----------------------------- */

.MsoNormal * {
    font-family: inherit !important;
}

/* ----------------------------- */
/* == home page city full        */
/* ----------------------------- */

.hpcfull .bclp_sedeplacer, .hpcfull .bclp_decouvrir, .hpcfull .bclp_sefaireplaisir, .hpcfull .bclp_sortir, .hpcfull .bclp_sechapper {
    margin-top: 3em;
}

.hpcfull .numurg, .hpcfull .vbvillel, .hpcfull .vbvillel {
    margin-top: 1.5em;
}

.hpcfull .numurg strong, .hpcfull .vbvillel strong, .hpcfull .vbvillel strong, .hpcfull .box header .villeSST {
    font-weight: 400;
    color: #292e35;
}

.hpcfull .box header {
    padding: 0;
}

.hpcfull .box header .bghpv {
    min-height: 28.5715em;
    background-size: cover;
    overflow: hidden;
}

.hpcfull .box header .hgroup {
    position: static;
    margin-top: 1.5em;
    background: rgba(41, 46, 53, .7);
}

.hpcfull .box header .hgroup * {
    color: #fff;
}

.hpcfull .box header .villeSST {
    padding-top: 1.1em;
}

.hpcfull .styled li:only-child {
    margin-left: -1.25em;
    list-style: none;
}

/* ----------------------------- */
/* == my address		         */
/* ----------------------------- */

.myaddress .oneaddress:last-child hr {
    display: none;
}

/* ----------------------------- */
/* == more clients		         */
/* ----------------------------- */

/* layout table */

.moreclients .refinternet, .moreclients .refprio {
    padding: 1.5em;
    text-align: center;
}

.moreclients .offer {
    padding-bottom: 0;
}

.moreclients .empty td {
    padding: 0 1.5em;
}

.moreclients .refprio {
    background:  var(--main-bg-violet-color);
}

/* skin table */

.moreclients .price {
    background: #f1f1f3;
}

.moreclients .plus {
    height: 1.5em;
    box-shadow: 0 -1px rgba(255, 255, 255, .3), 0 1px rgba(255, 255, 255, .3);
}

.moreclients .iconspeaker:before, .moreclients .iconstats:before, .moreclients .iconrun:before {
    float: left;
    font-size: 2.5em;
    line-height: 1;
    color: var(--main-bleu-color);
}

.moreclients .iconcheck:before {
    margin: 0;
    font-size: 4em;
}

.moreclients .iconrun:before {
    color: #b555ff;
}

.moreclients .refinternet h4, .moreclients .refprio h4 {
    color: #fff;
}

.moreclients li:before {
    position: static;
    float: left;
    line-height: 1.5;
    color: var(--main-bleu-color);
}

.moreclients .priorisation li:before {
    color: #b555ff;
}

.moreclients .btncircle.iconearth:before {
    font-size: 2em;
}

.moreclients .btncircle.icongrade:before {
    font-size: 2.5em;
}

.moreclients tbody hr {
    position: relative;
    top: .0715em;
    color: #fff;
    background-color: #fff;
    opacity: .3;
}

.moreclients .informations .minibox, .moreclients .trafic .minibox, .moreclients .priorisation .minibox {
    background: #f8f8fa;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.moreclients .informations:hover .minibox, .moreclients .trafic:hover .minibox, .moreclients .priorisation:hover .minibox {
    background-color: #f1f1f3;
}

.moreclients .informations .refinternet, .moreclients .trafic .refinternet, .moreclients .priorisation .refinternet,
.moreclients .informations .refprio, .moreclients .trafic .refprio, .moreclients .priorisation .refprio {
    box-shadow: inset 0 0 #0194e2;
    -webkit-transition: box-shadow .11s linear;
    transition: box-shadow .11s linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.moreclients .informations .refprio, .moreclients .trafic .refprio, .moreclients .priorisation .refprio {
    box-shadow: inset 0 0 #c77eff;
    -webkit-transition-delay: .11s;
    transition-delay: .11s;
}

.moreclients .informations:hover .refinternet, .moreclients .trafic:hover .refinternet, .moreclients .priorisation:hover .refinternet {
    box-shadow: inset 23em 0 #0194e2;
    -webkit-transition-delay: .11s;
    transition-delay: .11s;
}

.moreclients .informations:hover .refprio, .moreclients .trafic:hover .refprio, .moreclients .priorisation:hover .refprio {
    box-shadow: inset 23em 0 #c77eff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* ----------------------------- */
/* == jaccede			         */
/* ----------------------------- */

/* default template */

.jaccede .noteaccess, .access .noteaccess {
    display: inline-block;
    width: 3em;
    height: 3em;
    background: #80a700;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    line-height: 3;
    color: #fff;
    border-radius: 100%;
}

/* popin */

.access .jaccthem {
    font-weight: 400;
    color: #292e35;
}

.access .jaccthem + .jaccthem {
    margin-top: 1.5em;
}

.access .jaccthem ul {
    font-weight: 300;
    color: var(--main-txt-color);
}

.access .jaccs:before {
    content: "\e603";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.1em;
    margin: 0 .4em 0 0;
    font: normal normal normal .8em/1 "icomoon";
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ----------------------------- */
/* == regions			         */
/* ----------------------------- */

.layout-big-region {
    margin-top: -1.5em;
}
.big-region {
    position: relative;
    z-index: 0;
    padding: 1.5em .5em;
}
.big-region::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: .75em;
    right: 0;
    bottom: .75em;
    left: 0;
    background: #f1f1f3;
    border-radius: 5px;
}

/* ----------------------------- */
/* == my stats			         */
/* ----------------------------- */

/* banner */

.mystatsstop .title {
    color: #fff;
}

/* filter */

.mystats [id="statsFiches"] {
    margin-left: .5em;
}

.mystats .minibox {
    background: #f1f1f3;
}

.mystats .statshours ~ .statshours, .mystats .statsdays ~ .statsdays, .mystats .statsweeks ~ .statsweeks, .mystats .statsmonths ~ .statsmonths, .mystats .statsyears ~ .statsyears {
    display: block;
}

.mystats [id="statsSelector"] {
    white-space: nowrap;
}

/* date picker */

.weekspicker tr:hover td a {
    border: 1px solid #0073ea;
    background: #0073ea url("/images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #fff;
}

.weekspicker tr.selectWeek td a {
    border: 1px solid #ddd;
    background: #fff url("/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #ff0084;
}

.monthspicker .ui-datepicker-calendar {
    display: none;
}

/* canvas */

.mystats .statscanvas {
    width: 100% !important;
    height: 100% !important;
}

/* ----------------------------- */
/* == new pro			         */
/* ----------------------------- */

.newpro {
    position: relative;
    background: #f1f1f3;
    overflow: hidden;
}

.newpro .icontourism {
    position: absolute;
    right: -.5em;
    bottom: -.15em;
    font-size: 3em;
    color: #fff;
}

/* ----------------------------- */
/* == 1001 				         */
/* ----------------------------- */

[id="menusType"] {
    padding-left: 1.5em;
}

.menuhp_container [id="menusType"] li + li {
    margin-left: 0;
}

.menuhp_container [id="menusType"] li {
    margin-right: 1.5em;
}

.menudet {
    margin-top: 0;
}

.menu-title-label {
    display: block;
}

.menu-title-desc {
    display: block;
    font-size: 1.0em;
    margin-top: 0;
}

.menu-title-marg {
    margin-bottom: 1.5em;
}

.photosres {
    margin-left: -2em;
    overflow: hidden;
}

.photosres li {
    float: left;
    margin-left: 2em;
    margin-bottom: 2em;
}

/* ----------------------------- */
/* == 1001 				         */
/* ----------------------------- */

[id="menusType"] {
    padding-left: 1.5em;
}

.menuhp_container [id="menusType"] li + li {
    margin-left: 0;
}

.menuhp_container [id="menusType"] li {
    margin-right: 1.5em;
}

.menudet {
    margin-top: 0;
}

.menu-title-label {
    display: block;
}

.menu-title-desc {
    display: block;
    font-size: 1.0em;
    margin-top: 0;
}

.menu-title-marg {
    margin-bottom: 1.5em;
}

.photosres {
    margin-left: -2em;
    overflow: hidden;
}

.photosres li {
    float: left;
    margin-left: 2em;
    margin-bottom: 2em;
}

/* ----------------------------- */
/* == page 404 template	         */
/* ----------------------------- */

.page404 [role="main"] {
    margin-top: 6em;
}

.page404 .wtf * {
    color: #fff;
}

.page404 .txt {
    position: absolute;
    z-index: 2;
    top: 6em;
    right: 0;
    left: 5em;
}

.page404 h2 {
    font: 300 4em/1.125 "Roboto slab", Arial, sans-serif;
}

.page404.bdplace h2 {
    font: 300 2em/1.125 "Roboto slab", Arial, sans-serif;
}

.page404 h3 {
    margin-top: 1em;
    font-size: 1.5em;
    line-height: 1;
    font-weight: 400;
}

.page404 .redirect {
    max-width: 26em;
    margin: 18em auto 0;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.page404 .background img:last-child {
    -webkit-animation: rotating 5s linear infinite;
    -webkit-animation-play-state: paused;
    animation: rotating 5s linear infinite;
    animation-play-state: paused;
}

.page404 [id="main"]:hover .background img:last-child {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.page404 .requin {
    position: absolute;
    z-index: -1;
}

/* ----------------------------- */
/* == payment template	         */
/* ----------------------------- */

.payment td td, .payment td th {
    padding: .75em 1.5em;
    border: .0715em solid #f1f1f3;
    text-align: center;
}

.payment .title {
    background: #f1f1f3;
}

.payment .tleft strong {
    color: #292e35;
}

.payment .price {
    width: 67%;
}

.payment br {
    display: none;
}
.payment br.fbr {
    display: block;
}
.payment br + h2 {
    margin-bottom: 1.1053em;
}

#askpaymentdiv.popin .closepopin {
    top: 3em;
    right: 2em;
    width: 2em;
    height: 2em;
}

.payment br + h2 + [align="center"] {
    float: left;
    margin-bottom: 1.5em;
}

.payment [id="b2b-table"] {
    width: 67%;
    margin: 1em auto;
    background: #f1f1f3;
    text-align: left;
    border-radius: .2143em;
}

.payment [id="b2b-table"] [id*="b2b"] th, .payment [id="b2b-table"] [id*="b2b"] td {
    padding: 1.5em 1.5em 0;
}

.payment [id="b2b-table"] th {
    width: 47%;
    font-size: 1.1429em;
    font-weight: 300;
    line-height: 1.3125;
    color: var(--main-txt-darker-color);
}

.payment [id="b2b-table"] [type="text"], .payment [id="b2b-table"] select {
    background: #fff;
    box-shadow: 0 0;
}

.payment [id="b2b-email-input"] {
    width: 100%;
    font-size: 1.2em;
}

.payment [id="b2b-table"] [id="b2b-month-input"], .payment [id="b2b-table"] [id="b2b-year-input"] {
    width: 46%;
}

.payment [id="b2b-table"] [id="b2b-year-input"] {
    margin-left: 1.05em;
}

.payment [id="b2b-table"] [id="b2b-cvv-comment"] td {
    padding-top: 0;
    padding-right: 6.2em;
    text-align: right;
}

.payment [id="b2b-table"] [id="b2b-buttons"] input {
    width: 50%;
}

.payment [id="b2b-table"] [id="b2b-buttons"] td {
    padding-bottom: 1.5em;
}

.payment [id="b2b-table"] [id="b2b-buttons"] [name="B2B-CANCEL"] {
    width: 20%;
    margin-left: 1.05em;
}

.payment [id="b2b-table"] [id="b2b-loading"] {
    width: 30%;
    display: none;
}

.cancelpayment {
    display: none;
}

.cancelpayment .iconwarning:before {
    font-size: 1.5em;
    color: #ff9600;
}

/* ---------------------------------------------- */
/* various modules							      */
/* ---------------------------------------------- */

/* typo */

.txt-facebook {
    color: #3b5999;
}

.txt-orange {
    color: #ff5500;
}

.txt-118000 {
    color: var(--main-bleu-color);
}

.txt-black {
    color: #2b2b2b;
}

.txt-gold {
    color: #ff9900;
}

.txt-white {
    color: #fff;
}

.txt-green {
    color: #009a56;
}

.txt-reset {
    color: inherit;
}

/* link */

.link-reverse, .link-none {
    text-decoration: none;
}

.link-always:hover, .link-always:focus, .link-always:active,
.link-reverse:hover, .link-reverse:focus, .link-reverse:active {
    text-decoration: underline;
}

.link-on {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.link-on_blue:hover, .link-on_blue:focus, .link-on_blue:active {
    color: #2a8fbd;
}

.link-on_orange:hover, .link-on_orange:focus, .link-on_orange:active {
    color: #ff5500;
}

.link-on .circle {
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.link-on_blue:hover .circle, .link-on_blue:focus .circle, .link-on_blue:active .circle {
    background: #2a8fbd;
}

.link-on_orange:hover .circle, .link-on_orange:focus .circle, .link-on_orange:active .circle {
    background: #ff5500;
}

/* hr deco */

.hr-deco {
    position: relative;
    display: block;
    padding: .75em 0;
    white-space: normal;
}

.hr-deco:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ccc;
}

.hr-deco_top:after {
    top: 0;
    bottom: auto;
    border-bottom: 1px solid #ccc;
}

.hr-deco_v_top {
    top: -.75em;
}

.hr-deco_through {
    padding: 0;
}

.hr-deco_through:after {
    bottom: 45%;
}

.hr-deco__title {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 1.5em;
    vertical-align: top;
    background: #fff;
}

.hr-deco__title_gray {
    background: #f1f1f3;
}

.hr-deco__title_black {
    background: #383838;
}
/* ---------------------------------------------- */
/* module social-new networks					      */
/* ---------------------------------------------- */

/* social-new default */

.social-new {
    display: inline-block;
    width: 3em;
    height: 3em;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    font-size: inherit;
    text-align: center;
    line-height: 3.2;
    color: #fff;
    opacity: 1;
    border-radius: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.social-new:before {
    /*margin-right: 0;*/
    /*font-size: 1.4em;*/
    /*font-size: 1.95rem;*/
}

.social-new:hover, .social-new:focus, .social-new:active {
    opacity: .8;
}

/* social-new small */

.social-new_small {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.4;
    border-radius: 100%;
}

.social-new_small:before {
    /*top: .1em;*/
}

/*.social-new_small.social-new_email:before {*/
/*font-size: 1.15em;*/
/*font-size: 1.5rem;*/
/*}*/

/*.social-new_small.social-new_facebook:before {*/
/*font-size: 1.15em;*/
/*font-size: 1.6rem;*/
/*left: .2em;*/
/*}*/

/*.social-new_small.social-new_twitter:before {*/
/*top: 0;*/
/*left: .05em;*/
/*font-size: 1em;*/
/*font-size: 1.4rem;*/
/*}*/

/*.social-new_small.social-new_google:before {*/
/*font-size: 1.5em;*/
/*font-size: 2.1rem;*/
/*}*/

/* social skin */

.social-new_email {
    background: #ff9900;
}

.social-new_facebook {
    background: #3b5999;
}

.social-new_twitter {
    background: #55acee;
}

.social-new_google {
    background: #dd4b39;
}

li.social-new {
    position: relative;
}

li.social-new span, li.social-new a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}

li.social-new a {
    cursor: pointer;
}

li.social-new a label {
    position: absolute;
    top: 100%;
    left: 0;
}

/* ---------------------------------------------- */
/* module list 								      */
/* ---------------------------------------------- */

/* list reset */

.list-reset {
    padding-left: 0;
    list-style: none;
}

/* list orientation */

.list-inline {
    letter-spacing: -.242em;
    text-rendering: optimizespeed;
}

.list-inline > li {
    display: inline-block;
    letter-spacing: normal;
    text-rendering: auto;
}

.list-margin > li {
    margin-top: 1.5em;
}

.list-margin > li:first-child {
    margin-top: 0;
}

.list-inline.list-margin > li {
    margin-top: 0;
    margin-right: 1.5em;
}

.list-inline.list-margin_small > li {
    margin-right: .75em;
}

.list-inline.list-margin > li:last-child {
    margin-right: 0;
}

.list-margin_hr > li + li {
    position: relative;
    margin-top: 3em;
}

.list-margin_hr > li + li:after {
    content: "";
    position: absolute;
    top: -1.5em;
    right: 0;
    left: 0;
    border-bottom: 1px dotted #ccc;
}

/* list reset skin */

.list-reset_cpt {
    padding-left: 1.4em;
}

.list-reset_cpt > li {
    counter-increment: cpt;
}

.list-reset_cpt > li > *:first-child {
    margin-top: -1.5em;
}

.list-reset_cpt > li:before {
    /*content: counter(cpt);*/
    /*position: relative;*/
    /*top: .05em;*/
    /*display: inline-block;*/
    /*min-width: 1.3125em;*/
    /*margin-left: -2em;*/
    /*padding-right: .6875em;*/
    /*text-align: right;*/
    /*font: 700 1.1429em/0 "Roboto Slab", Georgia, serif;*/
    /*color: #2b2b2b;*/
}

/* ----------------------------- */
/* == landing quantum	         */
/* ----------------------------- */

.landing-quantum {
    padding: 1.5em !important;
    background: #f1f1f3;
    box-shadow: none;
    border-radius: .2143em;
}

.landing-quantum__btn {
    padding: .75em 1.5em;
    background: #fff;
    font-size: 1.5em;
    font-weight: 400;
    color: var(--main-bleu-color);
    text-align: center;
    border-radius: .2143em;
}

/* ----------------------------- */
/* == footer template	         */
/* ----------------------------- */

/* default footer */

[role="contentinfo"].footer {
    margin-top: 3.2em;
    padding-right: 1.6em;
    padding-left: 1.6em;
    background: #383838;
    overflow: hidden;
}
[role="contentinfo"] .footer__logo {
    width: auto !important;
}
[role="contentinfo"] .footer__wrapper {
    padding-top: 1.6em;
    padding-bottom: 6.4em;
}
[role="contentinfo"] .footer__content {
    padding-left: 0;
}
[role="contentinfo"] .footer__section {
    display: block;
}
[role="contentinfo"] .footer__title {
    position: relative;
    display: block;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}
[role="contentinfo"] .footer__title::after {
    content: "";
    position: absolute;
    bottom: -.8em;
    left: 0;
    width: 3.2em;
    height: 1px;
    background: #556270;
}

/* lvl 2 */

[role="contentinfo"] .footer__list {
    margin-top: 1.6em;
    padding-left: 0;
    list-style: none;
    line-height: 2em;
}
[role="contentinfo"] .footer__link {
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
[role="contentinfo"] .footer__link:hover, [role="contentinfo"] .footer__link:focus, [role="contentinfo"] .footer__link:active {
    color: #ccc;
}

.footer__item .rsva_number {
    background:#FFF;
}
.footer__item .rsva_pricePage {
    width: 136px;
}

.visually-hidden {
    position: absolute!important;
    top: 0!important;
    overflow: hidden!important;
    clip: rect(1px,1px,1px,1px)!important;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
}

/* footer responsive
   ========================================================================== */

@media (min-width: 48.0625em) {

    /* default footer */
    [role="contentinfo"] .footer__wrapper, [role="contentinfo"] .footer__content {
        position: relative;
    }
    div {
        --finbp:48.0625em;
    }
}
@media (min-width: 30.0625em) {

    /* default footer */

    [role="contentinfo"] .footer__content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.8em;
    }
    [role="contentinfo"] .footer__section {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: .8em;
    }

    /* footer logo groupe */

    [role="contentinfo"] .footer__logo {
        margin-bottom: -1.6em;
    }

    /* contact */

    [role="contentinfo"] .footer__section--contact {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 20em;
        margin-right: .8em;
        margin-left: 5.0667em;
    }
    div {
        --finbp:30.0625em;
    }
}
@media (max-width: 64em) {

    /* contact */
    [role="contentinfo"] .footer__section--contact {
        margin-right: -.8em;
    }

    .mt2.poll.premdet {
        padding: 0;
    }
    div {
        --finbp:64em;
    }
}
@media (max-width: 48em) {

    /* contact */

    [role="contentinfo"] .footer__section--contact {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 0;
        margin-left: .8em;
    }
    div {
        --finbp:48em;
    }
}
@media (max-width: 30em) {

    /* default footer */

    [role="contentinfo"] .footer__wrapper {
        padding-top: 0;
        padding-bottom: 1.6em;
    }
    [role="contentinfo"] .footer__section {
        margin-top: 1.6em;
        margin-left: 0;
    }
    [role="contentinfo"] .footer__title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    [role="contentinfo"] .footer__title::after {
        margin-left: 1.6em;
    }

    /* footer logo groupe */

    [role="contentinfo"] .footer__logo {
        display: table;
        margin: auto;
    }

    /* lvl 2 */

    [role="contentinfo"] .footer__list {
        -webkit-columns: 3 6em;
        -moz-columns: 3 6em;
        columns: 3 6em;
        -webkit-column-gap: 1.6em;
        -moz-column-gap: 1.6em;
        column-gap: 1.6em;
    }
    [role="contentinfo"] .footer__item {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        line-height: 2em;
    }
    /* sign in */
    .signin .footer {
        margin: 1.5em -1.5em 0;
    }
    div {
        --finbp:30em;
    }
}

/* logos
   ========================================================================== */

/* logo groupe */

.logo--groupe {
    vertical-align: top;
    color: inherit;
}
.logo--groupe .logo__image {
    vertical-align: top;
}
.logo--groupe .logo__baseline {
    display: block;
    margin-top: 0;
    text-align: center;
    font: 700 1em/1.6 "Open Sans", Helvetica, Arial, sans-serif;
    color: #009a56;
}


/* toolbar
   ========================================================================== */

/* default toolbar */

.toolbar {
    overflow: hidden;
    padding-left: 0;
    list-style: none;
}
.toolbar__item {
    float: left;
}
.toolbar__item:not(:last-child) {
    margin-right: .8em;
}
.toolbar__link {
    display: block;
    width: 1.6em;
    height: 1.6em;
    padding: 0;
    background: #556270;
    text-align: center;
    color: #fff;
    line-height: 1.9;
    border-radius: 50%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.toolbar__link:hover,
.toolbar__link:focus,
.toolbar__link:active {
    opacity: .8;
    color: #fff;
}
.toolbar__link::before {
    top: -.15em;
    margin-right: 0;
}

/* social links */

.toolbar__link--social:hover,
.toolbar__link--social:focus,
.toolbar__link--social:active {
    opacity: 1;
}
.toolbar__link--facebook:hover,
.toolbar__link--facebook:focus,
.toolbar__link--facebook:active {
    background: #3b5999;
}
.toolbar__link--twitter:hover,
.toolbar__link--twitter:focus,
.toolbar__link--twitter:active {
    background: #55acee;
}
.toolbar__link--google:hover,
.toolbar__link--google:focus,
.toolbar__link--google:active {
    background: #dd4b39;
}

.welcomecard .vbottom.txtright {
    white-space: nowrap;
}

/* toolbar responsive
   ========================================================================== */

@media (max-width: 48em) {

    /* default toolbar */

    .toolbar__item--print {
        display: none;
    }
    div {
        --finbp:48em;
    }
}
@media (max-width: 30em) {

    /* default toolbar */

    .toolbar {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }
    div {
        --finbp:30em;
    }
}

/* ----------------------------- */
/* == quick print reset          */
/* ----------------------------- */

@media print {

    /* default template */
    div, textarea, table, td, th, code, pre, samp {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    p, blockquote {
        orphans: 2;
        widows: 2;
    }

    blockquote, ul, ol {
        page-break-inside: avoid;
    }

    h1, h2, h3, caption {
        page-break-after: avoid;
    }

    /* soft reset */
    body {
        font-size: 1.2em;
    }

    .noprint, nav, .mainbanner p + p, [role="search"], .filter, .btnclose, .btnilike, .pagination, aside, [id="footer"], .tips,
    .minicard.hoverme:after, .filternav, .bubble, .warning, [type="button"], [type="submit"].btns, [type="reset"].btns, .btns, .library, .route, .ilikeitfor, .socloz, .maplist, .btnmemo, .cardfull footer,
    .editioncard .edited, .cardfullmore {
        display: none !important;
    }

    [role="main"] {
        margin: 1.5em auto;
        padding: 0 1.5em;
    }

    .private [role="main"] {
        padding: 0;
    }

    section, .card, .card.pro, .breadcrumb, [type="text"], [type="password"], [type="email"], [type="search"], [type="tel"], [type="url"], select, textarea {
        box-shadow: 0 0;
    }

    .breadcrumb {
        padding: .75em 1.5em
    }

    .logo118000 {
        margin: 0 0 0 1.5em;
    }

    .grid {
        display: block;
    }

    .grid > *, .private .grid > * {
        display: block;
        width: auto;
        padding: 0;
    }

    section, .boxinner {
        padding: 1.5em;
    }

    .private.navexception .breadcrumb {
        padding: 1.5em 0 0;
    }

    .box header {
        margin: 0 -1.5em;
        padding: .75em 1.5em;
    }

    .fade {
        max-height: none !important;
    }

    .mt2 {
        margin-top: 1.5em;
    }

    .w42p {
        width: 1.5em;
    }

    /* card template */
    .map.mapcards {
        margin-bottom: 1.5em;
    }

    .map.mapcards.active, .mapcard.active {
        display: block !important;
    }

    .cardlist .card {
        counter-increment: cpt;
    }

    .cardlist .card .title:before {
        content: counter(cpt) ". ";
    }

    .card footer {
        margin: 1.5em -1.5em 0;
        padding: .75em 1.5em;
        text-align: left;
    }

    .card footer .left {
        float: none;
    }

    .card.part {
        padding-bottom: 1.5em;
    }

    /* card full */
    .cardfull .card {
        padding-bottom: 1.5em;
    }

    .cardfull .contact {
        margin: 1.5em 0 0;
    }

    .cardfull .contact, .poll {
        padding: 1.5em;
    }

    .cardfull .contact, .sch {
        padding: 0;
        background: none;
    }

    .mapcard .path, .cardfull .contact .boxinner, .sch .boxinner {
        background: #f1f1f3;
    }

    .cardfull .contact .boxinner {
        display: block;
    }

    .cardfull .contact .boxinner:first-child {
        margin-bottom: 1.5em;
    }

    .cardfull .mapcard .scroll {
        max-height: none;
        overflow: visible;
    }

    /* private */
    .profil {
        min-height: 0;
        padding: 3em 1.5em;
    }

    /* library */
    .favorites .previewbox {
        max-height: none;
    }

    div {
        --finbp:-1;
    }
}

/* ----------------------------- */
/* == responsive web design      */
/* ----------------------------- */

@media only screen and (max-width: 75em) {

    .btnwelcome  {
        display: none !important;
    }
    div {
        --finbp:75em;
    }
}

@media (min-width: 40.1em) {
    .noscreen {
        display: none !important;
    }
    div {
        --finbp:40.1em;
    }
}

@media only screen and (max-width: 64em) {

    [role="banner"] .mainbanner .txtright {
        text-align: center;
    }
    div {
        --finbp:64em;
    }
}


@media only screen and (min-width: 63em) {

    /* habillage template */
    .habillage {
        position: relative;
    }

    .habillage .partenaire {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        top: 3em;
        right: 0;
        bottom: 0;
        left: 0;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .habillage .nav_topic {
        z-index: 9;
        border-radius: 0;
    }

    .habillage .partenaire a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .habillage [role="main"], .habillage [role="banner"] .mainbanner, .habillage .homesearch, .habillage [role="search"].short, .habillage .breadcrumb, .habillage .filter {
        position: relative;
        z-index: 2;
        width: 72em;
        margin-right: auto;
        margin-left: auto;
    }

    .habillage [id="footer"] {
        position: relative;
        z-index: 2;
    }

    .habillage .homesearch, .habillage [role="search"].short {
        z-index: 3;
    }

    .habillage [role="banner"] {
        background: none;
        padding-top: 11.5715em;
    }

    .habillage [role="banner"] .mainbanner {
        background: #ffffff;
        background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f3 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f1f1f3 100%);
    }

    .habillage [role="search"].short {
        background: #fff;
    }

    .habillage .wrapper {
        padding-right: 1.5em;
        padding-left: 1.5em;
    }

    .habillage .wrapper.grid > *:first-child, .habillage .wrapper.table > *:first-child {
        padding-left: 1.5em;
    }

    .habillage .wrapper.grid > * + *, .habillage .wrapper.table > * + * {
        padding-right: 1.5em;
    }

    .habillage .homesearch {
        margin-top: 0;
        padding: 1.5em 0 0;
        background: #f1f1f3 !important;
    }

    .habillage [role="main"] {
        margin-top: 0;
        padding-top: 1.5em;
        background: #f1f1f3;
    }

    .habillage.private [role="banner"] .mainbanner, .habillage.private [role="main"] {
        background: none;
    }

    .habillage.private [role="banner"].nobanner {
        box-shadow: 0 0;
    }
    div {
        --finbp:63em;
    }
}

@media only screen and (max-width: 63em) {

    /* default template */
    .noresize {
        display: none !important;
    }

    .homesearch, [role="banner"] .mainbanner, .profil, [role="search"].short, .filternav, .filterbox, .breadcrumb, [role="main"], .sentence, .topfooter, .copyright {
        padding-right: 1.5em;
        padding-left: 1.5em;
    }

    .wrapper {
        width: 100%;

    }

    .payment [id="b2b-table"] {
        width: 100%;
    }

    .payment [id="b2b-table"] [id="b2b-month-input"], .payment [id="b2b-table"] [id="b2b-year-input"] {
        width: 46.5%;
    }

    .payment [id="b2b-table"] [id="b2b-buttons"] [name="B2B-CANCEL"] {
        width: 49.8%;
    }

    .payment [id="b2b-table"] [id="b2b-cvv-comment"] td {
        padding-right: 16.4em;
    }

    /* banner */
    [role="banner"] .mainbanner {
        padding-top: 1.5em;
    }

    /* habillage template */
    .habillage.public {
        background: #f1f1f3 !important;
    }

    .habillage.private {
        background: #fff !important;
    }

    .habillage .partenaire {
        display: none;
    }
    div {
        --finbp:63em;
    }
}

@media only screen and (max-height: 50em) {

    /* popin */
    .popin {
        position: absolute;
        top: 1.5em;
        -webkit-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
    }

    @-moz-document url-prefix() {
        .popin.love, .popin.lovelight, .popin.contactform.ffpopin {
            margin-top: 0;
        }
    }
    div {
        --finbp:30em;
    }
}

@media only screen and (max-width: 50em) {

    /* default template */
    .noresponsive, .notablet, .homesearch aside, .card .more {
        display: none !important;
    }

    .grid, .grid > *, .private .grid > * {
        display: block;
        width: auto;
        padding: 0;
    }

    .grid > * + * {
        margin-top: 1.5em;
    }

    [type="button"], [type="submit"], [type="reset"], [type="submit"].btns, [type="reset"].btns, .btns, .btn {
        white-space: normal;
    }

    .btnilike {
        white-space: nowrap;
    }

    /* moving circle */
    .moving .btncircle {
        background: rgba(41, 46, 53, 1);
        box-shadow: 0 0 0 .5715em #fff;
        top: 0;
    }

    /* img black & white */
    .grayscale img {
        opacity: 1;
        -webkit-filter: grayscale(0) brightness(100%);
        filter: grayscale(0) brightness(100%);
    }

    /* scroll none */
    .popin .scroll, .soclozfull .soclozscroll, .favorites .previewbox {
        overflow: visible;
        max-height: none;
    }

    /* banner template */
    [role="banner"] {
        padding-top: 3em;
    }

    [role="banner"] .mainbanner .left {
        float: none;
    }

    .profil {
        padding-top: 3em;
        padding-bottom: 3em;
        min-height: 0;
    }

    /* search template */
    [role="search"].short [id="search"], [role="search"].short [id="search"] > div {
        display: block;
        width: auto;
    }

    [role="search"].short .who, [role="search"].short .where {
        width: 5.6316em;
    }

    [role="search"].short .where {
        text-align: left;
    }

    /* card list */
    .cardlist > div:first-child .w54 {
        width: 12em;
    }

    /* card full */
    .cardfull .contact > .table, .cardfull .contact .boxinner {
        display: block;
    }

    .cardfull .contact > .table > * + * {
        margin-top: 3em;
    }

    /* box aside */
    .mysearch .moving {
        text-align: center;
    }

    /* filter template */
    .filterbox .contentbox {
        padding-bottom: .1em;
    }

    .filterbox.active.max20 {
        max-height: 27em;
    }

    .filterbox .lightform, .filterbox .lightform > li {
        display: block;
    }

    .filterbox .lightform {
        margin-bottom: 1.5em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.5em;
        -moz-column-gap: 1.5em;
        column-gap: 1.5em;
    }

    .filterbox .lightform > li {
        margin-bottom: 1.5em;
        -webkit-column-break-inside: avoid;
        -webkit-break-inside: avoid-column;
        -moz-break-inside: avoid-column;
        break-inside: avoid-column;
    }

    /* footer */
    .copyright .wrapper {
        text-align: center;
    }

    .copyright .left {
        float: none;
    }

    .copyright ul + ul {
        margin-top: 1.5em;
    }

    /* popin */
    .popin {
        position: absolute;
        top: 1.5em;
        -webkit-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
    }

    @-moz-document url-prefix() {
        .popin.love, .popin.lovelight, .popin.contactform.ffpopin {
            margin-top: 0;
        }
    }

    /* slider */
    .topbrand h2 {
        text-align: center;
    }

    .topbrand .img {
        float: none;
        margin-right: 0;
        margin-bottom: 1.5em;
        text-align: center;
    }

    .allbrand .boxinner {
        padding: 3em;
    }

    .allbrand .slider {
        padding: 0;
    }

    .allbrand .slider .scrollbox {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }

    /* library */
    .favorites .fade.active.max30 {
        max-height: none;
    }

    /* my address */
    .myaddress .label, .myaddress .address {
        display: block;
    }

    .myaddress .label {
        margin-top: 1.5em;
    }

    .myaddress .label label {
        text-align: left;
    }

    /* my cards */
    .mycards .preview, .mycards .preview td {
        display: block;
        margin: 0;
    }

    .mycards .preview {
        position: relative;
        margin-top: 1.5em;
    }

    .mycards .previewprogress {
        min-height: 3em;
    }

    .mycards .previewcomplete, .mycards .previewstat {
        float: left;
    }

    .mycards .previewdelete {
        text-align: left;
    }

    .mycards .previewaddr, .mycards .previewdate {
        height: auto;
        text-align: left;
    }

    .mycards .previewaddr h4:not(:empty), .mycards .previewdate h3:not(:empty) {
        display: block;
        padding: .75em 1.5em;
    }

    .mycards .previewaddr h4:not(:empty) {
        padding: .6563em 1.3125em;
    }

    .mycards .previewdate h3:not(:empty) {
        padding-top: 0;
    }

    .mycards .previewval {
        position: absolute;
        bottom: .9em;
        right: 1.5em;
    }

    /* edition card */
    .editioncard .w300p, .editioncard .w300p + div, .editioncard .w300p + form {
        display: block;
        width: auto;
    }

    /* reg template */
    .registration {
        display: table;
        width: 100%;
    }

    .registration .regpro {
        display: table-caption;
        margin-top: 0;
    }

    .registration .regpart {
        margin-top: 1.5em;
    }

    .registration .btncircle {
        box-shadow: 0 0 0 .5715em var(--main-bleu-bg-color);
    }

    .registration .regpro .btncircle {
        box-shadow: 0 0 0 .5715em  var(--main-bg-violet-color);
    }

    .registration .newcat label {
        padding-top: .6563em;
        vertical-align: top;
    }

    .registration .newcat .autocomplete .dropdown.active {
        position: relative;
    }

    /* cool */
    .cool .btncircle, .cool .btncircle:hover, .cool .btncircle:focus, .cool .btncircle:active {
        box-shadow: 0 0 0 .5715em var(--main-bleu-bg-color);
    }

    /* more clients */
    .moreclients table, .moreclients tbody, .moreclients tr, .moreclients td {
        display: block;
    }

    .moreclients td + td {
        margin-top: 0;
    }

    .moreclients .informations .minibox, .moreclients .trafic .minibox, .moreclients .priorisation .minibox {
        background: #f1f1f3;
    }

    .moreclients .refprio, .moreclients .refinternet {
        text-align: left;
    }

    .moreclients .refprio:after, .moreclients .refinternet:after {
        padding-left: 1em;
        display: inline-block;
        font-size: 1.3572em;
        font-weight: 400;
        line-height: 1.1053;
        vertical-align: top;
    }

    .moreclients .refprio:after {
        content: "Référencement Prioritaire (49.99€ HT*)";
    }

    .moreclients .refinternet:after {
        content: "Référencement Internet (9.99€ HT*)";
    }

    .moreclients .iconcheck:before {
        /*font-size: 2em;*/
    }

    .moreclients tr:hover .refprio, .moreclients tr:hover .refinternet {
        box-shadow: 0 0 !important;
    }

    .moreclients .iconspeaker:before, .moreclients .iconstats:before, .moreclients .iconrun:before {
        /*float: none;*/
        /*font-size: 2em;*/
        /*line-height: 0;*/
    }

    .moreclients .minibox {
        text-align: center;
    }

    .moreclients .moreClients, .moreclients tfoot h4 {
        margin-top: 1.5em;
    }

    /* payment template */
    .payment [id="b2b-table"] [id="b2b-cvv-comment"] td {
        padding-right: 8.7em;
    }

    /* my stats */
    .mystats [id="statsFilters"], .mystats [id="statsFilters"] > * {
        display: block;
        width: auto;
    }

    .mystats .w20.statsdays ~ .statsweeks, .mystats .w20.statsdays ~ .statsmonths,
    .mystats .w20.statsweeks ~ .statsdays, .mystats .w20.statsweeks ~ .statsmonths,
    .mystats .w20.statsmonths ~ .statsdays, .mystats .w20.statsmonths ~ .statsweeks {
        display: none;
    }

    .mystats [id="statsFilters"] > * + * {
        margin-top: 1.5em;
    }

    .mystats .from {
        text-align: left;
    }
    div {
        --finbp:50em;
    }
}

@media only screen and (max-width: 40em) {

    /* template */
    * {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .nomobile, .map .maplist {
        display: none !important;
    }

    /* banner */

    .logo {
        width: 12em;
    }
    [role="banner"] .mainbanner {
        text-align: center;
    }

    /* search */
    .homesearch {
        margin-top: 0;
        padding: 0 !important;
        background: none;
    }
    .homesearch .boxinner {
        padding: 1.5em;
    }
    [role="search"].tablevmiddlechild > *, [role="search"].tablevmiddlechild > * > *, [role="search"].short .tablevmiddle > * {
        display: block;
        width: auto !important;
        padding: 0;
    }

    [role="search"] [for="where"] {
        margin-top: .5527em;
    }

    [role="search"] [for="where"], [role="search"] [for="who"] {
        margin-bottom: .5527em;
    }

    [role="search"] .submit {
        margin-top: 1.5em;
    }

    [role="search"] [for="who"] .noscreen {
        color: var(--main-bleu-color);
    }

    [role="search"] [for="who"] .noscreen span {
        color: #292e35;
    }

    [role="search"] .noscreen {
        display: inline;
    }

    [role="search"].short {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease, padding .2s ease;
        transition: max-height .2s ease, padding .2s ease;
    }

    [role="search"].short.active {
        max-height: 20em;
        padding: 1.5em;
    }

    .cookie_active p {
        padding-right: 0;
    }

    .cookie_active button {
        margin-right: 0;
        margin-top: 0;
    }

    /* filter nav */
    .filternav button {
        width: 100%;
    }

    /* multiple columns */
    .multiple.column3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    /* map */
    [id="mapViewer"] {
        height: 20em;
    }

    .fade.active.max80 {
        max-height: 66.5em;
    }

    .mapcard .route .lightform, .mapcard .route .lightform > * {
        display: block;
        width: auto;
    }

    .mapcard .route .lightform > * + * {
        margin-top: 1.5em;
    }

    .mapcard .route .lightform button:after {
        display: none;
    }

    /* card */
    .cardlist .card {
        counter-increment: cpt;
    }

    .cardlist .card .title:before {
        /*content: counter(cpt) ". ";*/
    }

    .cardfull .card {
        margin-top: 0;
    }

    .cardfull footer {
        text-align: center;
    }

    .cardfull footer .social {
        float: none;
    }

    .cardfull footer .social ~ p {
        margin-top: 1.5em;
    }

    .card .cardbanner {
        padding-right: 3em;
    }

    .cardfull {
        display: table;
        width: 100%;
    }

    .angle:before {
        border-top: 3em solid transparent;
    }
    .angle:after {
        border-top: 3em solid var(--main-bleu-bg-color);
    }
    .nav__bubble {
        margin-top: 3em;
    }

    .cardfull .welcomecard {
        display: table-caption;
        caption-side: bottom;
        margin-top: 1.5em;
    }

    /* popin */
    .popin, .popin.light {
        right: 3em;
        left: 3em;
        width: auto;
        -webkit-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%);
    }

    @-moz-document url-prefix() {
        .popin.love, .popin.lovelight, .popin.contactform.ffpopin {
            margin-left: 0;
        }
    }

    /* socloz */
    .socloz .product {
        width: 50%;
    }

    .socloz .fade.active.max60 {
        max-height: none;
    }

    .socloz .fade.active .allproducts, .socloz .pagination {
        margin-left: 0;
    }

    .socloz .minifilter {
        position: static;
        width: auto;
        margin-top: 1.5em;
    }

    .socloz .maincontent {
        display: table;
        width: 100%;
    }

    .socloz .minifilter {
        display: table-caption;
        caption-side: bottom;
    }

    /* cool */
    .cool .table, .cool .moving {
        display: block;
    }

    .cool .moving {
        margin-top: 1.5em;
    }

    .cool img {
        width: 100%;
    }

    /* page 404 */
    .page404 .txt {
        top: 20%;
        left: 3em;
    }

    .page404 h2 {
        font-size: 3em;
    }

    .page404.bdplace .txt {
        top: 14%;
        left: 2.5em;
    }
    .page404.bdplace  h2 {
        font-size: 1.1em;
        text-shadow: 1px 1px 1px #000;
    }

    /* payment template */
    .payment [id="b2b-table"] [id="b2b-month-input"], .payment [id="b2b-table"] [id="b2b-year-input"] {
        width: 45.5%;
    }

    .payment [id="b2b-table"] [id="b2b-buttons"] input {
        width: 46%;
    }

    .payment [id="b2b-table"] [id="b2b-cvv-comment"] td {
        padding-right: 2.7em;
    }

    /* navigation switch */
    .nav-switch-field {
        position: relative;
        display: block;
        overflow: hidden;
        margin-right: 1.5em;
        margin-left: 1.5em;
        padding: .75em 0;
        text-align: center;
        font: 700 1em/1.5 "Roboto Slab", Georgia, serif;
        color: var(--main-bleu-color);
        text-transform: uppercase;
        border-radius: .2143em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-transition: border-radius .2s ease;
        transition: border-radius .2s ease;
    }

    .nav-switch:checked + .nav-switch-field {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .nav-switch-field__btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 3em;
        height: 3em;
        border-radius: .2143em;
    }

    .nav-switch-field__btn:after, .nav-switch-field__btn_line:before, .nav-switch-field__btn_line:after {
        content: "";
        position: absolute;
        top: 50%;
        left: .75em;
        width: 1.55em;
        height: 2px;
        margin-top: -.0715em;
        background: #fff;
        opacity: 1;
        border-radius: .75em;
        -webkit-transition: background .2s ease, opacity .2s ease;
        transition: background .2s ease, opacity .2s ease;
    }

    .nav-switch:checked + .nav-switch-field .nav-switch-field__btn:after {
        opacity: 0;
    }

    .nav-switch-field__btn_line:before, .nav-switch-field__btn_line:after {
        top: 33.3333%;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition-property: left, background, -webkit-transform;
        transition-property: left, background, transform;
    }

    .nav-switch-field__btn_line:after {
        top: 66.6666%;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    .nav-switch:checked + .nav-switch-field .nav-switch-field__btn_line:before,
    .nav-switch:checked + .nav-switch-field .nav-switch-field__btn_line:after {
        left: 1.1em;
    }

    .nav-switch:checked + .nav-switch-field .nav-switch-field__btn_line:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .nav-switch:checked + .nav-switch-field .nav-switch-field__btn_line:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* navigation topic */
    .nav_topic {
        max-height: 0;
        width: auto;
        margin-right: 1.5em;
        margin-left: 1.5em;
        border-radius: 0 0 .2143em .2143em;
        -webkit-transition: max-height .2s ease;
        transition: max-height .2s ease;
    }

    .nav-switch:checked ~ .nav_topic {
        max-height: 21em;
    }

    .nav_topic .nav__item {
        display: block;
        margin-right: 0;
        padding-right: 0;
        box-shadow: inset 0 -1px rgba(255, 255, 255, .1);
    }

    .nav_topic .nav__item:before {
        display: none;
    }

    .nav_topic .angle {
        margin: 0;
        padding: 0;
        background: none;
    }

    .nav_topic .angle:before, .nav_topic .angle:after {
        display: none;
    }

    .nav_topic .nav__item_active {
        box-shadow: inset 0 -1px var(--main-bleu-bg-color);
    }

    .nav_topic .nav__item_active .nav__link,
    .nav_topic .nav__item_active .nav__link:hover,
    .nav_topic .nav__item_active .nav__link:focus,
    .nav_topic .nav__item_active .nav__link:active {
        color: var(--main-bleu-color);
    }

    .nav_topic .nav__item_active .nav__link:after {
        bottom: 1px;
        border-bottom-color: var(--main-bleu-bg-color);
    }
    #locate-me.w30 {
        width: 100%;
    }
    div {
        --finbp:40em;
    }
}

@media only screen and (max-width: 30em) {

    /* default template */
    section, .boxinner {
        padding: 1.5em;
    }

    .mt2 {
        margin-top: 1.5em;
    }

    .box header, .box nav {
        margin-right: -1.5em;
        margin-left: -1.5em;
        padding: .75em 1.5em;
    }

    .box nav {
        padding: 0 1.5em;
    }

    [role="main"], .page404 [role="main"] {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    /* nav */
    nav li {
        margin-right: 1.5em;
    }

    nav li + li {
        margin-left: 0;
    }

    /* banner template */
    .homesearch, .profil {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    /* filter template */
    .filterbox.active.max20 {
        max-height: 39em;
    }

    .filterbox .contentbox {
        padding-top: .1em;
    }

    .filterbox .lightform {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }

    /* card template */
    .cardfull > div:first-child .table, .cardfull > div:first-child .table > *, .card header, .card header > *, .card header .btn, .cardlist .part .btn, .card .phone,
    .cardfull .contact .boxinner > .table, .cardfull .contact .boxinner > .table > *,
    .cardlist > div:first-child .table, .cardlist > div:first-child .table > *, .cardlist .card .btn {
        display: block;
    }

    .cardfull > div:first-child .table > * {
        width: auto;
        text-align: center;
    }

    .card .phone {
        padding: .5527em;
        background: #f8f8fa;
        text-align: center;
        border-radius: .1579em;
    }

    .card .h2 .idl_audiotel_warning {
        padding: 0;
        background: none;
        border-radius: 0;
    }

    .card .idl_audiotel {
        max-width: none;
        margin-left: 0;
    }

    .cardfull .cardbanner {
        padding-right: 0;
    }

    .cardfull .card .biglike, .cardfull .cestmonentreprise {
        text-align: center;
    }

    .cardlist > div:first-child .table > * {
        width: auto;
    }

    .cardlist .part .btn {
        float: none;
    }

    .card header > * + *, .cardfull .contact > .table > * + *, .cardfull .contact .boxinner > .table > * + *, .cardlist > div:first-child .table > * + * {
        margin-top: 1.5em;
    }

    .cardfull .contact .boxinner > .table button, .cardlist [id*="displayMap"], .filternav button {
        width: 100%;
    }

    .card footer, .cardfull .contact {
        margin: 1.5em -1.5em 0;
        padding: .75em 1.5em;
    }

    .cardfull .contact, .sch, .poll {
        padding: 1.5em;
    }

    .cardlist .card.part {
        padding-bottom: 1.5em;
    }

    .cardlist .card:before {
        content: "\e634";
        font: normal normal normal 1em/2 "icomoon";
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 1.5em;
        right: 1.5em;
        width: 2em;
        height: 2em;
        text-align: center;
        color: #d2efff;
        border-radius: 100%;
        -webkit-transition: color .2s ease;
        transition: color .2s ease;
    }

    .cardlist .card.pro:before {
        background:  var(--main-bg-violet-color);
        color: #f3e3ff;
    }

    .cardlist .card.part:before {
        background: var(--main-bg-darker-color);
        color: #f1f1f3;
    }

    .cardlist .card:hover:before {
        color: #fff;
    }

    .card .bigbtn {
        white-space: nowrap;
    }

    .cardfull .btnmemo {
        position: static;
    }

    .memo .warning {
        right: -1.5em;
    }

    .memo .required ~ .warning {
        right: 0;
    }

    /* map */
    .map.mapcards.active {
        margin-bottom: 1.5em;
    }

    /* registration */
    .regpro .steploader .content {
        line-height: 1.3125;
    }


    .boxbanner .hgroup {
        padding: 1.5em;
    }

    /* popin */
    .popin {
        right: 1.5em;
        left: 1.5em;
    }

    .popin .big {
        padding-right: 0;
    }

    .popin .closepopin {
        top: 1.5em;
        right: 1.5em;
        width: 2.1429em;
        height: 2.1429em;
        background: rgba(41, 46, 53, .5);
    }

    .popin .closepopin:hover, .popin .closepopin:focus, .popin .closepopin:active {
        background: rgba(41, 46, 53, 1);
    }

    .popin .closepopin:before, .popin .closepopin:after {
        width: 1.1em;
        margin-left: -.5em;
        background: #fff;
    }

    .illustration {
        padding-top: 4.5em;
    }

    .popin .illustration .closepopin {
        top: .5em;
    }

    .popin.soclozfull .soclozscroll + .table, .popin.soclozfull .soclozscroll + .table > *,
    .popin.lovedelete .table, .popin.lovedelete .table > * {
        display: block;
        width: auto !important;
        padding: 0;
    }

    /* slider */
    .allbrand header {
        margin-right: 0;
        margin-left: 0;
    }

    .allbrand .boxinner {
        padding: 1.5em;
    }

    /* private profil */
    .profil {
        background-position: 88%;
    }

    /* home page city full */
    .hpcfull .bclp_sedeplacer, .hpcfull .bclp_decouvrir, .hpcfull .bclp_sefaireplaisir, .hpcfull .bclp_sortir, .hpcfull .bclp_sechapper {
        margin-top: 1.5em;
    }

    /* my profil */
    [id="formRegisterPart"] .mme {
        float: right;
    }

    /* my cards */
    .mycards tr.noresponsive.empty:first-child + .preview {
        margin-top: 0;
    }

    /* library */
    .library figcaption {
        top: 0;
    }

    /* payment template */
    .payment [id="b2b-table"] [id="b2b-month-input"], .payment [id="b2b-table"] [id="b2b-year-input"] {
        width: 100%;
    }

    .payment [id="b2b-table"] [id="b2b-year-input"], .payment [id="b2b-table"] [id="b2b-buttons"] [name="B2B-CANCEL"] {
        margin-top: 1px;
        margin-left: 0;
    }

    .payment [id="b2b-table"] [id="b2b-buttons"] input, .payment [id="b2b-table"] [id="b2b-buttons"] [name="B2B-CANCEL"] {
        width: 100%;
    }

    .payment [id="b2b-table"] [id="b2b-buttons"] [name="B2B-CANCEL"] {
        margin-top: 1.5em;
    }

    .payment [id="b2b-table"] th {
        width: 35%;
    }

    /* edition card */
    [id="qualifierStandBy"] li, [id="qualifierStandBy"] .progressbar, [id="qualifierStandBy"] .liketocheck {
        display: block;
        width: auto !important;
    }

    [id="qualifierStandBy"] .liketocheck {
        padding: .5715em 0;
    }

    /* my stats */
    .mystats .mycompany, .mystats .mycompany > *,
    .mystats [id="statshours"], .mystats [id="statsdays"], .mystats [id="statsweeks"], .mystats [id="statsmonths"], .mystats [id="statsyears"],
    .mystats [id="statshours"] > *, .mystats [id="statsdays"] > *, .mystats [id="statsweeks"] > *, .mystats [id="statsmonths"], .mystats [id="statsyears"] > * {
        display: block;
        width: auto;
    }

    .mystats [id="statshours"] > * + *, .mystats [id="statsdays"] > * + *, .mystats [id="statsweeks"] > * + *, .mystats [id="statsmonths"] > * + *, .mystats [id="statsyears"] > * + * {

        margin-top: 1.5em;
    }

    .mystats .to {
        text-align: left;
    }

    .mystats .mycompany select {
        width: 100%;
        margin-top: 1.1053em;
    }

    /* slider top search */
    .topsearch .picto:before {
        font-size: .6em;
    }
    div {
        --finbp:30em;
    }
}

@media only screen and (max-width: 20em) {

    /* default */
    .boxbanner {
        min-height: 0;
    }

    .boxbanner .hgroup {
        position: static;
        margin-right: 0;
    }

    /* table layout */
    form.tablevmiddlechild > *, form.tablevmiddlechild > * > * {
        display: block;
        width: auto !important;
        padding: 0;
    }

    .minibox {
        padding: 1.5em !important;
    }

    .action {
        margin-top: 0 !important;
    }

    /* filter */
    .filternav button {
        display: block;
        width: 100%;
    }

    /* multiple columns */
    .multiple.column3, .multiple.column2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    /* card */
    .card .logo {
        float: none;
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 1.5em;
    }

    .card .bigbtn {
        width: 100%;
        padding: 0;
        font-size: 1em;
        line-height: 3;
    }

    .cardfull .cardbanner > :last-child, .cardfull .cardbanner > h4:last-child {
        padding-right: 0;
    }

    .poll, .sch {
        margin-left: -1.5em;
        margin-right: -1.5em;
    }

    .poll {
        background: #fff;
    }

    .poll .progressbar [data-value] {
        background: #f1f1f3;
    }

    /* warning */
    .warning {
        display: none;
    }

    .required {
        box-shadow: inset .2106em .1579em .2632em rgba(41, 46, 53, .1), inset 0 0 0 .1579em #ff9600;
    }

    /* slider */
    .topbrand ul, .topbrand .boxinner {
        display: block;
        padding-bottom: 0;
    }

    .topbrand .boxinner {
        margin-top: 1.5em;
        overflow: hidden;
    }

    /* library */
    .notebook .library ul {
        overflow: visible;
    }

    .notebook .library li {
        float: none;
        width: auto;
    }

    .notebook .library li:nth-child(even) {
        margin-left: 0;
    }

    .notebook .library li {
        margin-top: 1.5em;
    }

    /* private profil */
    .profil {
        background-position: 60%;
    }

    /* socloz */
    .socloz .product {
        float: none;
        width: auto;
    }

    .socloz .seeallproducts {
        text-align: center;
    }

    /* home page city full */
    .hpcfull .box header .hgroup {
        margin-top: 0;
    }

    .hpcfull img.right, .hpcfull .img.right, .hpcfull img.left, .hpcfull .img.left {
        margin-right: 0;
        margin-bottom: 1.5em;
        margin-left: 0;
    }

    /* my profil */
    [id="formRegisterPart"] .tablevmiddle > label, [id="formRegisterPart"] .tablevmiddle > label + div {
        display: block;
        width: 100%;
    }

    [id="formRegisterPart"] .w30:empty {
        display: none;
    }

    [id="formRegisterPart"] [id="btnMesInfos"] {
        width: 100%;
    }

    [id="formRegisterPart"] .asterisk, [id="formRegisterPart"] [id="showDesinscPopin"], [id="formRegisterPart"] .signout {
        text-align: center;
    }

    /* my address */
    .myaddress .label label, .myaddress .label label + div, .myaddress .address label, .myaddress .address label + div {
        display: block;
        width: 100%;
    }

    .myaddresssave button {
        width: 100%;
    }

    .addnewaddress {
        text-align: center;
    }

    /* form reg pro */
    [id="formRegisterPro"] label, [id="formRegisterPro"] label + div {
        display: block;
        width: 100%;
    }

    [id="findFicheByNum"] .table > * {
        display: block;
    }

    /* edition card */
    .editioncard .poll {
        margin-right: 0;
        margin-left: 0;
        background: #f1f1f3;
    }

    .editioncard .boxcontent.poll {
        margin: 1.5em;
    }

    .editioncard .poll .progressbar [data-value] {
        background: none;
    }

    .editioncard .submitform .w300p {
        display: none;
    }

    .editioncard .submitform button {
        width: 100%;
    }

    .editioncard label, .editioncard label ~ * {
        display: block;
        width: auto;
    }

    .editioncard label ~ * + * {
        margin-top: 1.5em;
    }

    .editioncard label.in {
        display: inline;
    }

    .editioncard .poll label ~ .ilikeitfor {
        width: auto;
        margin-top: 0;
        line-height: 1.5;
    }

    /* pagination */
    .pagination {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .pagination li, .pagination .nb {
        display: table-cell;
        width: auto;
    }

    .pagination .nb:nth-child(10n) {
        display: table-column;
    }

    .pagination .previous .btnprevious, .pagination .next .btnnext {
        width: auto;
    }

    /* promo */
    .promo *, .fb-like-box, .fb-like-box * {
        overflow: hidden !important;
        width: 278px !important;
    }

    .vignettes[class*="boxaside"] {
        background: none;
        box-shadow: 0 0;
    }

    .vignettes[class*="boxaside"] .main {
        padding: 0;
    }

    /* payment template */
    .payment .fact {
        text-align: center;
    }

    .payment .price {
        width: 100%;
    }

    .payment [id="b2b-table"], .payment [id="b2b-table"] [id*="b2b"] th, .payment [id="b2b-table"] [id*="b2b"] td {
        display: block;
        width: 100% !important;
        padding: 0 !important;
    }

    .payment [id="b2b-table"] [id*="b2b"] td {
        margin-top: 0;
    }

    .payment [id="b2b-table"] {
        padding: 1.5em !important;
    }

    .payment [id="b2b-table"] [id*="b2b"] td {
        text-align: center;
    }

    .payment br + h2 + [align="center"] {
        margin-bottom: 0;
        padding: 0 1.5em;
    }

    /* sign in */
    .signin .pass .txtright {
        text-align: left;
    }

    /* slider top search */
    .topsearch .picto:before {
        font-size: .3em;
    }
    div {
        --finbp:20em;
    }
}

/* ---------------------------------- */
/* ==Responsive large - desktop	 	  */
/* ---------------------------------- */

@media (min-width: 64.0625em) {

    /* navigation corporate lvl 1 */
    .nav_corporate_lvl_1 .nav__switch-label {
        top: -3em;
        padding-right: 1.6em;
    }

    .nav_corporate_lvl_1 .nav__item_login {
        width: 0;
        opacity: 0;
    }

    .nav_corporate_lvl_1 .nav__item_register {
        padding-right: 0;
    }

    .nav_corporate_lvl_1 .nav__item_register .nav__link {
        pointer-events: none;
    }

    .nav_corporate_lvl_1 .nav__group .nav__list {
        top: 5em;
    }

    /*.nav_corporate_lvl_1 .nav__logo {*/
    /*    top: .75em;*/
    /*    -webkit-transition-delay: .8s;*/
    /*    transition-delay: .8s;*/
    /*}*/

    .nav_corporate_lvl_1 .nav__switch-icon {
        visibility: hidden;
        opacity: 0;
    }

    .nav_corporate_lvl_1 .nav__account:hover .nav__bubble,
    .nav_corporate_lvl_1 .nav__account_active .nav__bubble {
        visibility: visible;
        opacity: 1;
    }

    .nav_corporate_lvl_1 .nav__account:hover .nav__switch-label:before,
    .nav_corporate_lvl_1 .nav__account_active .nav__switch-label:before {
        color: rgba(255, 255, 255, 1);
    }
    div {
        --finbp:64.0625em;
    }
}

/* ---------------------------------- */
/* ==Responsive large - medium		  */
/* ---------------------------------- */

@media (min-width: 48.0625em) and (max-width: 64em) {

    /* navigation topic */
    .nav_topic .nav__link {
        font-size: .9em;
    }
    div {
        --finbp:48.64em;
    }
}

/* ---------------------------------- */
/* ==Responsive medium - small		  */
/* ---------------------------------- */

@media (min-width: 40.0625em) and (max-width: 48em) {

    /* navigation topic */
    .nav_topic .nav__link {
        font-size: .7em;
    }
    div {
        --finbp:40.48em;
    }
}

/* ---------------------------------- */
/* ==Responsive large - small		  */
/* ---------------------------------- */

@media (min-width: 40.0625em) and (max-width: 64em) {

    /* quick reset */
    .large-small-hidden {
        display: none;
    }

    /* navigation corporate default */
    .nav__switch-label {
        top: -3em;
        padding-right: 1.6em;
    }

    .nav__item_login {
        width: 0;
        opacity: 0;
    }

    .nav_corporate .nav__item_register {
        padding-right: 0;
    }

    .nav__item_register .nav__link {
        pointer-events: none;
    }

    .nav__group .nav__list {
        top: 3em;
    }

    .nav__logo {
        top: .75em;
        left: 1.5em;
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }

    .nav__switch-icon {
        visibility: hidden;
        opacity: 0;
    }

    .nav__account:hover .nav__bubble, .nav__account_active .nav__bubble {
        visibility: visible;
        opacity: 1;
    }

    .nav__account:hover .nav__switch-label:before, .nav__account_active .nav__switch-label:before {
        color: rgba(255, 255, 255, 1);
    }
    div {
        --finbp:40.64em;
    }
}

/* ---------------------------------- */
/* ==Responsive medium (phablets)	  */
/* ---------------------------------- */

@media (max-width: 48em) {

    /* navigation corporate default */
    .nav__group .nav__list {
        display: none;
    }

    /* filter */
    .filternav [type="button"] {
        padding: 0;
        white-space: nowrap;
    }
    div {
        --finbp:48em;
    }
}

/* ---------------------------------- */
/* ==Responsive small (smartphones)   */
/* ---------------------------------- */

@media (max-width: 40em) {
    .nav__ref, .nav__group {
        height: 3em;
    }

    [role="banner"] .mainbanner .txtright {
        display: none;
    }
    .logo-corpo {
        display: block;
    }

    /* navigation corporate */
    [role="banner"] {
        padding-top: 0;
    }

    .nav_corporate {
        position: static;
        overflow: hidden;
    }

    .nav_private {
        overflow: visible;
    }

    .nav__ref {
        z-index: 1;
    }

    .nav__account {
        left: 0;
    }

    .nav_private .nav__account {
        right: 1.5em;
        left: 1.5em;
    }

    .nav__account .nav__list {
        text-align: right;
    }

    .nav_corporate .nav__item {
        margin-right: 0;
        padding-right: 1.5em;
        padding-top: 0;
    }

    .nav_private .nav__item {
        padding-right: 0;
    }

    .nav__item_register, .nav__item_login {
        float: none;
        width: auto;
    }

    .nav__item_login:before, .nav__logo {
        display: none;
    }

    .nav__switch-icon, .nav__item_login .circle {
        background: #fff;
        color: var(--main-bleu-color);
    }

    .nav__switch-label, .nav__item_login .nav__link {
        font-weight: 700;
    }

    .nav_corporate .nav__item_register {
        float: left;
    }

    .nav__bubble {
        left: 0;
    }
    div {
        --finbp:40em;
    }
}

/* ----------------------------- */
/* == old browsers support 		 */
/* ----------------------------- */

/* ie 9 */

.ie9 .btnilike .back, .ie9 .btnilike:hover .front {
    visibility: hidden;
}

.ie9 .btnilike:hover .back {
    visibility: visible;
}

.ie9 .btncircle:hover, .ie9 .btncircle:focus, .ie9 .btncircle:active {
    border: .5715em solid #fff;
}

.ie9 .library .btncircle.drag:hover, .ie9 .library .btncircle.drag:focus, .ie9 .library .btncircle.drag:active, .ie9 .library .moving.hover .btncircle {
    border: .5715em solid #6ad500;
}

.ie9 .registration .btncircle:hover, .ie9 .registration .btncircle:focus, .ie9 .registration .btncircle:active {
    border: .5715em solid var(--main-bleu-bg-color);
}

.ie9 .registration .regpro .btncircle:hover, .ie9 .registration .regpro .btncircle:focus, .ie9 .registration .regpro .btncircle:active {
    border: .5715em solid  var(--main-bg-violet-color);
}

.ie9 .cool .btncircle:hover, .ie9 .cool .btncircle:focus, .ie9 .cool .btncircle:active {
    border: .5715em solid var(--main-bleu-bg-color);
}

.ie9 .minicard.hoverme:hover > * {
    left: 0;
    transform: translateX(0%);
}

.ie9 .progressbar [data-value]:after {
    background:  var(--main-bg-violet-color);
}

.ie9 .editioncard .switch .back, .ie9 .editioncard .editable .switch .front {
    visibility: hidden;
}

.ie9 .editioncard .editable .switch .back {
    visibility: visible;
}

/* ie 8 */

.ie8 img {
    width: auto;
}

.ie8 .noscreen {
    display: none !important;
}

.ie8 [role="search"] {
    border-top: .2143em solid var(--main-bleu-bg-color);
}

.ie8 [type="text"], .ie8 [type="password"], .ie8 [type="email"], .ie8 [type="search"], .ie8 [type="tel"], .ie8 [type="url"], .ie8 [type="file"], .ie8 [type="date"], .ie8 [type="week"], .ie8 [type="month"], .ie8 select, .ie8 textarea {
    border: 1px solid #dddee0;
    line-height: 2.15;
}

.ie8 .logo118000.fifa:before {
    margin-right: .18em;
    background: none;
    color: #292e35;
}

.ie8 .logo118000.fifa:after {
    display: none;
}

.ie8 .logo118000.fifa .fr {
    width: 1.0334em;
    line-height: 1.0334;
    border-radius: 0;
}

.ie8 .logo118000.fifa .fr:after {
    display: block;
}

.ie8 .logo118000.fifa .ball {
    display: none;
}

.ie8 .slider img {
    width: 100%;
}

.ie8 .topsearch li:hover {
    background: #d2efff;
}

.ie8 .topsearch .picto:before {
    text-align: center;
}

.ie8 nav .selected {
    border-bottom: 3px solid var(--main-bleu-bg-color);
}

.ie8 .overlay:hover:after, .ie8 .overlay:focus:after, .ie8 .overlay:active:after {
    background:  var(--main-bg-violet-color);
}

/*.ie8 .btncircle:before {*/
/*text-align: center;*/
/*}*/

/*.ie8 .cardfull header .btnilike.iconheart:before {*/
/*font-size: 2.6em;*/
/*}*/

.ie8 .pro.card {
    border-top: .2143em solid  var(--main-bg-violet-color);
}

.ie8 .card {
    border-top: .2143em solid var(--main-bleu-bg-color);
}

.ie8 .card.part {
    border-top: 0;
}

.ie8 .allbrand figcaption {
    visibility: hidden;
}

.ie8 .allbrand li:hover figcaption {
    visibility: visible;
}

/* back to top */


.top:hover {
    border-radius: 100%;
    opacity: 1;
}

.top {
    position: fixed;
    right: 1.5em;
    bottom: 1.5em;
    z-index: 110;
    visibility: hidden;
    width: 3em;
    height: 3em;
    border-radius: .2143em;
    background: rgba(43, 43, 43, .9);
    text-align: center;
    line-height: 2.8;
    opacity: 0;
    -webkit-transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
    transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
}

.top_active {
    visibility: visible;
    opacity: 8.5;
}

.top:before {
    margin-right: 0;
    color: #fff;
    font-size: 1.5em;
    -webkit-transform: rotateZ(-90deg);
}


.bottom
{
    position: fixed;
    z-index: 110;
    top: 9.5em;
    right: 1.5em;
    width: 3em;
    height: 3em;
    visibility: hidden;
    opacity: 0;
    background: rgba(43,43,43,.9);
    text-align: center;
    line-height: 2.8;
    border-radius: .2143em;
    -webkit-transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
    transition: visibility .2s ease, opacity .2s ease, border-radius .2s ease;
}
.bottom_active {
    visibility: visible;
    opacity: .5;
}
.bottom:before {
    margin-right: 0;
    font-size: 1.5em;
    color: #fff;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(90deg);
}
.bottom:hover {
    opacity: 1;
    border-radius: 100%;
}

/* po.st icons css is removed by lines above */
.pw-button-icon:before, .pw-button-icon:after {
    top: 0;
    margin: auto;
    font: normal 1em "post-icons-32";
}

.menupart {
    background: #555b61;
    box-shadow: 5px 5px 9px 0 #CCC;
    color: #FFF;
    font-family: Brush Script MT,cursive;
    font-size: 2em;
    line-height: 1em;
    padding-left: .5em !important;
    padding-right: .5em !important;
    border-radius: 15px;
}

.menupart h2 {
    text-align: center;
    color: #FFF;
}

.menupart img {
    margin-bottom: .2em;
}

.menupart h3 {
    color: #FFF;
    font-size: 1.2em;
    padding-top: 0;
    margin-top: 0;
    line-height: .6em;
    text-decoration: underline;
}

.menupart h4 {
    color: #dadada;
    margin-top: 0;
    padding-top: 0;
    margin-left: .5em;
    font-size: 1em;
}

.menupart ul {
    margin-top: 0;
    margin-bottom: 1em;
}

.menupart > p {
    margin-top: 0;
    display: inline;
    font-size: 1.05em;
    line-height: .2em;
    margin-left: 3em;
}

.menupart ul li p {
    margin-top: 0;
    margin-left: 2em;
    color: #dadada;
    line-height: .5em;
    margin-bottom: .2em;
}

.termcontainer {
    border: 1px dotted #CCC;
    margin-bottom: .2em;
}

.termenu {
    text-align: center;
}

#where, #whereDropDown {
    text-transform: capitalize;
}
.th_header {
    font-size: 2.05em;
}
.tr_stats
{
    font-size: 1.05em;
}
.paginationadm span {
    background-color: #018cd7;
    margin-right:5px;

}

.paginationadm a,.paginationadm a {
    padding: 0 6px;
    text-align: center;
    color: #FFF;
}

.paginationadm a b  {
    color: #FFF;
}

.icon_what_autocomplete {
    margin: 0;
    padding: 0;
    width: 2.625em;
    height: 2.625em;
    background-image: url('/images/categories/spriteautocomplete.gif');
    background-position: 42px 42px;
    background-repeat: no-repeat;
}

.icon_what_field {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
    width: 3em;
    height: 3em;
    background-image: url('/images/categories/spriteautocomplete.gif');
    background-position: 42px 42px;
    background-repeat: no-repeat;
}

/**
* Customize PHP errors
**/

[bgcolor="#f57900"] {
    background-color: burlywood;
    color: black;
    font-weight: bold;
}

[bgcolor="#e9b96e"] {
    background-color: beige;
    color: black;
    font-weight: bold;
}

[bgcolor="#eeeeec"] {
    display: none;
}

.xdebug-error {
    margin-left: 5%;
    width: 90%;
}

.catAlert {
    position: relative;
    top: 0.1em;
    visibility: visible !important;
    opacity: 1 !important;
}

.xdebug-error:last-of-type {
    top: 0;
    margin-bottom: 30px;
}

/**
 * block ad asynch
 */

.allinasynch {
    display: none;
}

/**
 * block ad asynch
 */
/**
 * ==============================================
 * Start Fiche Qualités
 * ==============================================
 */

.qualifiers.editable .qualifierslist {
    display: none;
}

/**
 * ==============================================
 * End Fiche Qualités
 * ==============================================
 */
/**
 * ==============================================
 * Start Offres Pro
 * ==============================================
 */

.moreclients .refstart {
    padding: 1.5em;
    background: #008cd7;
    color: #fff;
    text-align: center;
}

.moreclients .refstart {
    padding-bottom: 0;
    background: #6ba142
}

.moreclients .iconspeaker {
    color: #6ba142;
}

.moreclients .iconspeaker:before {
    float: left;
    color: #6ba142;
    font-size: 2.5em;
    line-height: 1;
}

.moreclients li:before {
    color: #6ba142;
}

[type="button"].green, [type="submit"].green, [type="reset"].green, .btn.green, .btns.green {
    background: #6ba142;
    color: #fff;
}

.steps {
    margin-right: 18%;
    margin-left: 18%;
    width: 64%
}

.moreclientstop {
    background: #f7f7f7
}

.moreclients .informations:hover .refstart, .moreclients .trafic:hover .refstart, .moreclients .priorisation:hover .refstart {
    box-shadow: inset 23em 0 #83c154;
    transition: box-shadow .11s linear;
    -webkit-transition-delay: 0s;
    -webkit-transition-delay: .22s;
    transition-delay: 0s;
    transition-delay: .22s;
}

.protitle {
    padding: 10px;
    background-color: #008cd7;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 18pt;
    font-family: 'Roboto Condensed'
}

.moreclients .btncircle.iconclock:before {
    font-size: 2em;
}

.moreclientstop {
    padding: 0;
}

.moreclients .trafic li:before {
    color: #008cd7
}

.hoverbox {
    display: none;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transiton: opacity 0.2s;
    -transition: opacity 0.2s;
}

.priorisation {
    -webkit-transition: width 1s linear, background-color 1s linear;
}

.informations:hover .hoverbox {
    position: relative;
    display: block;
    -webkit-transition: width 1s linear, background-color 1s linear;
}

.priorisation:hover .hoverbox {
    position: relative;
    display: block;
    -webkit-transition: width 1s linear, background-color 1s linear;
}

.trafic:hover .hoverbox {
    position: relative;
    display: block;
    -webkit-transition: width 1s linear, background-color 1s linear;
}

.moreclients li:before {
    color: #b555ff
}

.moreclients .priorisation li:before {
    color: #6ba142
}

@media screen and (max-height: 768px) {
    .protitle {
        font-size: .990em
    }

    .moreclients {
        font-size: .815em
    }

    .brtncircle {
        font-size: .7em
    }
}

@media only screen and (max-width: 64em) {
    .protitle {
        font-size: .990em
    }

    .moreclients {
        font-size: .72em
    }

    .hoverbox {
        display: block
    }
}

.startbutton {
    position: relative;
    top: -80px;
    margin-bottom: -80px
}

.refbutton {
    position: relative;
    top: -80px;
    margin-bottom: -80px
}

.priobutton {
    position: relative;
    top: -80px;
    margin-bottom: -80px
}

.boxreset table {
    margin-top: 70px
}

.moreclients .plus {
    box-shadow: 0 1px rgba(255, 255, 255, .3);
}

/**
 * ==============================================
 * End Offres Pro
 * ==============================================
 */
/**
 * ==============================================
 * Bloc Offres Pro
 * ==============================================
 */

.mysearch a {
    text-decoration: none;
}

.mysearch header p {
    text-transform: capitalize;
    font-size: 17pt
}

.boost {
    display: block;
    margin: auto;
    margin-top: 15px;
    padding: 5px;
    width: 200px;
    height: 45px;
    background-color: #f59533;
    color: #0c0c1b;
    font-size: 15pt;
}

/**
* ==============================================
* End Bloc Offres Pro
* ==============================================
*/

.allprest {
}

.allprest tr.title {
    height: 40px;
    background-color: #EEE;
}

.allprest tr.title td {
    font-weight: bold;
}

.allprest tr td {
    padding-left: 10px;
    height: 30px;
    border: 1px solid #008CD7;
}

table.price {
    width: 42%;
    background-color: #EEE;
}

table.price {
    width: 42%;
    border-color: #EEE;
}

table.price tr {
    height: 30px;
}

table.price tr th {
    padding-left: 10px;
    border: 1px solid #008CD7;
    background-color: #FFF;
}

table.price tr.title th {
    padding-left: 10px;
    border: 1px solid #008CD7;
    background-color: #EEE;
    color: #008CD7;
    font-weight: bold;
}

table.price tr th.tleft {
    font-weight: bold;
}

.ctfact {
    padding-left: 10px;
    border: 1px solid #008CD7;
    font-weight: bold;
}

#maFacture {
    color: #000;
}

@media print {
    .displayNoneOnPrint {
        display: none;
    }

    .facture-footer {
        position: fixed;
        bottom: 0;
    }
}

.mycards table.btmesfit td {
    display: table-cell;
    background: #FFF;
}

.actupbold {
    background: #EEE;
}

.btngrey {
    padding-right: 25px;
    padding-left: 25px;
    height: 26px;
    border-radius: 1px;
    background-color: #868e9b;
    color: #ffffff;
    font-weight: lighter;
    font-size: 0.8em;
    font-family: "Roboto Slab";
    white-space: nowrap;
}

/**
 * ==============================================
 * Start barre sociale fiches détails
 * ==============================================
 *
 * Vu que l'on utilise maintenant les widgets de PO.ST
 * avec leur propres styles qui écrasent nos css (les monstres)
 * j'ai tenté d'aligner le bouton j'aime de 118000 :)
 *
 * Diono
 */

.heartlike .btnilike.iconheart {
    margin-right: 0.8em;
}

/**
 * ==============================================
 * End barre sociale fiches détails
 * ==============================================
 */
/**
 * ==============================================
 * Start hidden iframe
 * ==============================================
 *
 * sans ça, un décalage se fait sur le header
 *
 * Diono
 */

.shareddatas {
    position: absolute;
}

/**
 * ==============================================
 * End hidden iframe
 * ==============================================
 */
/**
 * ==============================================
 * Start card edition
 * ==============================================
 *
 * évite la réédition du preview dans les fiches
 *
 * Diono
 */

.editioncard .previewnojs {
    padding: .75em 1.5em;
    min-height: 3em;
}

.editioncard .previewlarge .previewnojs {
    padding: 1.5em;
}

.mycards .previewnojs, .mycards .previewnojs td {
    display: block;
    margin: 0;
}

.mycards .previewnojs {
    position: relative;
    margin-top: 1.5em;
}

.mycards tr.noresponsive.empty:first-child + .previewnojs {
    margin-top: 0;
}

/* pour simuler un placeholder sur l'éditeur de texte tinymce */

.tinymceplaceholder {
    position: absolute;
    top: 10em;
    left: 1em;
    z-index: 1;
    display: inline-block;
}

/**
 * ==============================================
 * End card edition
 * ==============================================
 */

#divmenu h2 {
    display: inline-block;
}

.part1001 {
    display: inline-block;
    margin-left: 1.5em;
}

.allhisto table th {
    font-weight: bold;
}

.allhisto table td {
    text-align: center;
    white-space: nowrap;
}

.allhisto table {
    overflow: scroll;
}

.posinherit {
    position: inherit !important;
}

.txtblue {
    color: #008cd7;
}

@media (max-width: 40em) {
    .small-no-float {
        float: none !important;
    }

    .small-txt-center {
        text-align: center !important;
    }

    .small-mtm {
        margin-top: 1.5em;
    }
}