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

* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

ul {
    padding-left: 1.25em;
}

ol {
    padding-left: 1.4em;
}

ul ul, ol ul {
    list-style: disc;
}

img {
    height: auto;
    border: 0;
    vertical-align: top;
}

hr {
    display: block;
    margin: 1.4286em 0 0;
    padding: 0;
    height: 1px;
    border: 0;
    background-color: #ccc;
    color: #ccc;
}

.hr-dotted {
    border-bottom: 1px dotted #ccc;
    background-color: transparent;
}

blockquote, figure {
    margin-right: 0;
    margin-left: 0;
}

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

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

/* ----------------------------- */
/* ==icon font face	         	 */
/* ----------------------------- */

/* icon default */

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

.icon:before, .icon-after:after {
    position: relative;
    display: inline-block;
    margin: 0 .75em 0 0;
    content: "";
    vertical-align: middle;
    text-transform: none;
    font: normal normal normal 1em/0 icomoon, sans-serif;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-device-width: 30em) {
    .icon:before, .icon-after:after {
        -webkit-transform: rotateZ(0.05deg);
    }
}

.icon-after:after {
    margin: 0 0 0 .75em;
}

.icon-after:before {
    display: none !important;
}

.icon_clear:before, .icon_clear:after {
    margin: 0;
    vertical-align: inherit;
    position: inherit;
    top: inherit;
    display: inherit;
}

.icon_cancel:before, .icon_cancel.icon-after:after {
    content: "\e904";
}

.icon_menu:before, .icon_menu.icon-after:after {
    content: "\e903";
}

.icon_note:before, .icon_note.icon-after:after {
    content: "\e600";
}

.icon_plane:before, .icon_plane.icon-after:after {
    content: "\e601";
}

.icon_profile:before, .icon_profile.icon-after:after {
    content: "\e602";
}

.icon_key:before, .icon_key.icon-after:after {
    content: "\e603";
}

.icon_home:before, .icon_home.icon-after:after {
    content: "\e604";
}

.icon_light:before, .icon_light.icon-after:after {
    content: "\e605";
}

.icon_megaphone:before, .icon_megaphone.icon-after:after {
    content: "\e606";
}

.icon_flag:before, .icon_flag.icon-after:after {
    content: "\e607";
}

.icon_box:before, .icon_box.icon-after:after {
    content: "\e608";
}

.icon_pen:before, .icon_pen.icon-after:after {
    content: "\e609";
}

.icon_bubble:before, .icon_bubble.icon-after:after {
    content: "\e60a";
}

.icon_smiley:before, .icon_smiley.icon-after:after {
    content: "\e60b";
}

.icon_hand:before, .icon_hand.icon-after:after {
    content: "\e60c";
}

.icon_refresh:before, .icon_refresh.icon-after:after {
    content: "\e60d";
}

.icon_star:before, .icon_star.icon-after:after {
    content: "\e60e";
}

.icon_google:before, .icon_google.icon-after:after {
    content: "\e60f";
}

.icon_facebook:before, .icon_facebook.icon-after:after {
    content: "\e610";
}

.icon_twitter:before, .icon_twitter.icon-after:after {
    content: "\e611";
}

.icon_email:before, .icon_email.icon-after:after {
    content: "\e612";
}

.icon_facebook-like:before, .icon_facebook-like.icon-after:after {
    content: "\e613";
}

.icon_jaime:before, .icon_jaime.icon-after:after {
    content: "\e614";
}

.icon_print:before, .icon_print.icon-after:after {
    content: "\e615";
}

.icon_search:before, .icon_search.icon-after:after {
    content: "\e616";
}

.icon_fire:before, .icon_fire.icon-after:after {
    content: "\e617";
}

.icon_arrow:before, .icon_arrow.icon-after:after {
    content: "\e618";
}

.icon_plus:before, .icon_plus.icon-after:after {
    content: "\e619";
}

.icon_book:before, .icon_book.icon-after:after {
    content: "\e61a";
}

.icon_glasses:before, .icon_glasses.icon-after:after {
    content: "\e61b";
}

.icon_article:before, .icon_article.icon-after:after {
    content: "\e61c";
}

.icon_fork:before, .icon_fork.icon-after:after, .icon_cuisine:before, .icon_cuisine.icon-after:after {
    content: "\e61d";
}

.icon_memo:before, .icon_memo.icon-after:after {
    content: "\e61e";
}

.icon_clock:before, .icon_clock.icon-after:after {
    content: "\e61f";
}

.icon_oven:before, .icon_oven.icon-after:after {
    content: "\e620";
}

.icon_hourglass:before, .icon_hourglass.icon-after:after {
    content: "\e621";
}

.icon_money:before, .icon_money.icon-after:after, .icon_argent:before, .icon_argent.icon-after:after {
    content: "\e622";
}

.icon_step:before, .icon_step.icon-after:after {
    content: "\e623";
}

.icon_immobilier-logement:before, .icon_immobilier-logement.icon-after:after {
    content: "\e624";
}

.icon_privacy:before, .icon_privacy.icon-after:after, .icon_vie-privee:before, .icon_vie-privee.icon-after:after {
    content: "\e625";
}

.icon_vie-quotidienne:before, .icon_vie-quotidienne.icon-after:after, .icon_famille:before, .icon_famille.icon-after:after {
    content: "\e626";
}

.icon_lettre-vie-consommateur:before, .icon_lettre-vie-consommateur.icon-after:after {
    content: "\e627";
}

.icon_vie-professionnelle:before, .icon_vie-professionnelle.icon-after:after {
    content: "\e628";
}

.icon_automobile-moto:before, .icon_automobile-moto.icon-after:after, .icon_auto:before, .icon_auto.icon-after:after {
    content: "\e629";
}

.icon_conseils-redaction:before, .icon_conseils-redaction.icon-after:after {
    content: "\e62a";
}

.icon_cv-gratuits:before, .icon_cv-gratuits.icon-after:after {
    content: "\e62b";
}

.icon_entreprise:before, .icon_entreprise.icon-after:after {
    content: "\e62c";
}

.icon_pdf:before, .icon_pdf.icon-after:after {
    content: "\e62d";
}

.icon_doc:before, .icon_doc.icon-after:after, .icon_docx:before, .icon_docx.icon-after:after {
    content: "\e62e";
}

.icon_question:before, .icon_question.icon-after:after {
    content: "\e62f";
}

.icon_ribbon:before, .icon_ribbon.icon-after:after {
    content: "\e630";
}

.icon_brico:before, .icon_brico.icon-after:after {
    content: "\e631";
}

.icon_deco:before, .icon_deco.icon-after:after {
    content: "\e632";
}

.icon_vos-droits:before, .icon_vos-droits.icon-after:after {
    content: "\e633";
}

.icon_ecology:before, .icon_ecology.icon-after:after {
    content: "\e634";
}

.icon_job:before, .icon_job.icon-after:after, .icon_emploi:before, .icon_emploi.icon-after:after {
    content: "\e635";
}

.icon_sante:before, .icon_sante.icon-after:after {
    content: "\e636";
}

.icon_love:before, .icon_love.icon-after:after {
    content: "\e637";
}

.icon_nature:before, .icon_nature.icon-after:after {
    content: "\e638";
}

.icon_loisirs:before, .icon_loisirs.icon-after:after {
    content: "\e639";
}

.icon_jardin:before, .icon_jardin.icon-after:after {
    content: "\e63a";
}

.icon_alert:before, .icon_alert.icon-after:after {
    content: "\e63b";
}

.icon_reward:before, .icon_reward.icon-after:after {
    content: "\e63c";
}

.icon_check:before, .icon_check.icon-after:after {
    content: "\e63d";
}

.icon_upload:before, .icon_upload.icon-after:after {
    content: "\e63e";
}

.icon_minus:before, .icon_minus.icon-after:after {
    content: "\e63f";
}

.icon_award:before, .icon_award.icon-after:after {
    content: "\e640";
}

.icon_custom:before, .icon_custom.icon-after:after {
    content: "\e641";
}

.icon_information:before, .icon_information.icon-after:after {
    content: "\e642";
}

.icon_burger:before, .icon_burger.icon-after:after {
    content: "\e643";
}

.icon_rtf:before, .icon_rtf.icon-after:after {
    content: "\e644";
}

.icon_people:before, .icon_people.icon-after:after {
    content: "\e645";
}

.icon_hourglass_empty:before, .icon_hourglass_empty.icon-after:after {
    content: "\e646";
}

.icon_random:before, .icon_random.icon-after:after {
    content: "\e647";
}

.icon_top:before, .icon_top.icon-after:after {
    content: "\e648";
}

.icon_delete:before, .icon_delete.icon-after:after {
    content: "\e649";
}

.icon_picture:before, .icon_picture.icon-after:after {
    content: "\e64c";
}

.icon_zip:before, .icon_zip.icon-after:after {
    content: "\e64d";
}
.icon_tree:before, .icon_tree.icon-after:after  {
    content: "\f1bb";
}

.icon_google-plus3:before, .icon_google-plus3.icon-after:after {
    content: "\ea8d";
}

.icon_pinterest:before, .icon_pinterest.icon-after:after {
    content: "\ead1";
}

.icon_pinterest2:before, .icon_pinterest2.icon-after:after {
    content: "\ead2";
}

.icon_boutonPdf:before, .icon_boutonPdf.icon-after:after {
    content: "\e900";
}

.icon_easter_egg:before, .icon_easter_egg.icon-after:after {
    content: "\e901";
}

.icon_heart_flower:before, .icon_heart_flower.icon-after:after {
    content: "\e902";
    font-size: 1.75em;
}

.icon_enter:before, .icon_enter.icon-after:after {
    content: "\ea13";
}

.icon_exit:before, .icon_exit.icon-after:after {
    content: "\ea14";
}

.icon_reorder:before, .icon_reorder.icon-after:after {
    content: "\f0c9";
}

.icon_darthvader:before, .icon_darthvader.icon-after:after {
    content: "\e800";
}

.icon_dailymotion:before, .icon-dailymotion.icon-after:after {
    content: "\e905";
}
.icon_dailymotion_out:before, .icon_dailymotion_out.icon-after:after {
    content: "\e906";
}

.ads-container > div.ads-content {
    margin: 22px 0;
}

.pub-banner-top {
    min-height: 90px;
    width: 100%;
    margin-bottom: 1em;
}

.pub-aside-top {
    min-height: 250px;
    width: 100%;
    margin-bottom: 1em;
    margin-top:    1em;
}

.pub-aside-bottom {
    min-height: 250px;
    width: 100%;
    margin-bottom: 1em;
    margin-top:    1em;
}

.pub-native {
    min-height: 90px;
    width: 100%;
    margin-bottom: 1em;
    margin-top:    1em;
}

.ads-position-label {
    position: absolute;
    z-index: 1;
    color: red;
    font-weight: bold;
}

/*.footer-sticky-mobile {*/
/*    position: fixed;*/
/*    text-align: center;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    z-index: 100;*/
/*    max-height: 100px;*/
/*    min-height: 50px;*/
/*    box-sizing: border-box;*/
/*    opacity: 1;*/
/*    background-image: none;*/
/*    background-color: #fff;*/
/*    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);*/
/*    margin-bottom: 0;*/
/*    padding-bottom: env(safe-area-inset-bottom,0px);*/
/*}*/

/*.footer-sticky-ad-close-button {*/
/*    position: absolute;*/
/*    visibility: visible;*/
/*    width: 28px;*/
/*    height: 28px;*/
/*    top: -28px;*/
/*    right: 0;*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z' fill-rule='evenodd'/%3E%3C/svg%3E");*/
/*    background-size: 13px 13px;*/
/*    background-position: 9px;*/
/*    background-color: #fff;*/
/*    background-repeat: no-repeat;*/
/*    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2);*/
/*    border: none;*/
/*    border-radius: 12px 0 0 0;*/
/*}*/
/*.footer-sticky-ad-close-button:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: -20px;*/
/*    right: 0;*/
/*    left: -20px;*/
/*    bottom: 0;*/
/*}*/
.box_see_more + .OUTBRAIN {
    min-height: 1045px;
}
/* inception */

.inception {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 3em;
    height: 3em;
    color: #fff;
    text-align: center;
    line-height: 3.35;
}

.inception:before {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    color: #2a8fbd;
    font-size: 3em;
    font-size: 4.18rem;
}

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

.inception.icon_memo:before {
    top: 40%;
}

/* inception txt */

.inception_txt {
    height: auto;
    line-height: inherit;
}

.inception_txt:before {
    left: 50%;
    font-size: 2em;
    font-size: 3.15rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* icon skin */

.icon_big:before, .icon_big.icon-after:after {
    margin: 0 .4762em 0 0;
    font-size: 1.5em;
}

.icon_big.icon-after:after {
    margin: 0 0 0 .4762em;
}

.icon_reverse_x:before, .icon_reverse_x.icon-after:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.icon_reverse_y:before, .icon_reverse_y.icon-after:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.reverse_x {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.reverse_y {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.icon_side:before {
    margin: 0 .25em 0 0;
}

.icon_side.icon-after:after {
    margin: 0 0 0 .25em;
}

.icon_orange:before, .icon_orange.icon-after:after {
    color: #ff5500;
}

.icon_blue:before, .icon_blue.icon-after:after {
    color: #2a8fbd;
}

.icon_white:before, .icon_white.icon-after:after {
    color: #fff;
}

.icon_gold:before, .icon_gold.icon-after:after {
    color: #ff9900;
}

.icon_red:before, .icon_red.icon-after:after {
    color: #bd081c;
}

.icon_green:before, .icon_green.icon-after:after {
    color: #2ca02c;
}

.icon_pink:before, .icon_pink.icon-after:after {
    color: #f6659b;
}

/* icon specific skin */

.icon_arrow:before, .icon_arrow.icon-after:after {
    top: -.04em;
    font-size: .75em;
}

.icon_star:before, .icon_star.icon-after:after {
    color: #ff9900;
}

/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */

html {
    font-size: 62.5%;
    font-size: -webkit-calc(.625em);
    font-size: calc(.625em);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    color: #666;
    font: 300 1.4em/1.5 "Roboto", Arial, Helvetica, sans-serif;
}

a {
    color: #2a8fbd;
    cursor: pointer;
}

.article-main {
    color: #4D4C5C;
    font-size: 14px;
    font-family: Arial;
}

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

p, .p, ul, ol, dl, blockquote, pre, td, th, caption, form, details, figure, [role="main"], nav, article, section, aside, footer, .box {
    margin: 1.5em 0 0;
    line-height: 1.5;
}

h1, .h1, .biggest {
    margin: 1.05em 0 0;
    color: #2b2b2b;
    font: 700 1.4286em/1.05 "Roboto Slab", Georgia, serif;
}

h2, .h2, h3, .h3 {
    margin: 1.3125em 0 0;
    color: #ff5500;
    font: 700 1.1429em/1.3125 "Roboto Slab", Georgia, serif;
}

h3, .h3 {
    color: #2b2b2b;
    text-transform: none;
}

h4, .h4 {
    margin: 1.5em 0 0;
    color: #2b2b2b;
    font: 700 1em/1.5 "Roboto Slab", Georgia, serif;
}

h5, .h5 {
    margin: 1.1667em 0 0;
    color: #2b2b2b;
    font-weight: 700;
    font-size: 1.2858em;
    line-height: 1.1667;
}

.normal {
    margin: 1.5em 0 0;
    color: #666;
    text-transform: none;
    font: 300 1em/1.5 "Roboto", Arial, Helvetica, sans-serif;
}

.bigger {
    margin: .8077em 0 0;
    color: #2b2b2b;
    text-transform: none;
    font: 700 1.8572em/1.25 "Roboto Slab", Georgia, serif;
}

.biggest {
    text-transform: none;
}

.big {
    margin: 1.3125em 0 0;
    font-size: 1.1429em;
    line-height: 1.3125;
}

code, pre, samp, kbd {
    white-space: pre-line;
    white-space: pre-wrap;
    font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace;
    line-height: normal;
}

em, .em, address, cite, dfn, i, var {
    font-style: italic;
}

strong, .strong, b, time {
    color: #2b2b2b;
    font-weight: 700;
}

time {
    white-space: nowrap;
}

small, sub, sup {
    font-size: .9286em;
}

sub, sup {
    line-height: 1;
}

/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */

/* forms default */

form, fieldset {
    border: 0;
}

input, button, select, textarea, label, .btn {
    vertical-align: top;
    font-size: inherit;
    font-family: inherit;
}

input, button, select, textarea, .btn {
    margin: 0;
    padding: 0;
    border: 0;
}

input, select, textarea {
    padding: .75em;
    height: 3em;
    border: 1px solid #ccc;
    border-radius: .2143em;
    color: #666;
    font-weight: 300;
}

[type="radio"], [type="checkbox"] {
    margin-right: .75em;
    padding: 0;
    height: 1.5em;
    border: 0;
}

[disabled] {
    background: #f0f0f0;
}

label {
    font-size: 1.1429em;
    line-height: 1.3125;
    cursor: pointer;
}

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

textarea {
    min-height: 7.5em;
    resize: vertical;
}

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

button, [type="button"], [type="reset"], [type="submit"], .btn {
    padding: .6563em 1.2em;
    border-radius: .1875em;
    background: #ff5500;
    color: #fff;
    text-transform: uppercase;
    font: 700 1.1429em/1.3125 "Roboto Slab", Georgia, serif;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.btn_cookie {
    padding: .15em 0.5em;

}

button.btn-grey {
    background: #ddd;
}

button:before, [type="button"]:before, [type="reset"]:before, [type="submit"]:before, .btn:before {
    margin-right: .3125em;
    font-size: 2em;
    font-size: 3.2rem;
}

button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, .btn:hover,
button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus, .btn:focus,
button:active, [type="button"]:active, [type="reset"]:active, [type="submit"]:active, .btn:active {
    opacity: .8;
    outline: none;
}

button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled], .disabled, .disabled:hover, .disabled:focus, .disabled:active {
    background: #ccc;
    opacity: 1;
    cursor: auto;
}

[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: #ccc;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #ccc;
}

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

/* forms field required */

.field-required:after {
    color: #ff5500;
    content: " *";
    font-weight: 700;
}

/* forms label */

.label-small {
    font-size: 1em;
    line-height: 1.5;
}

/* forms btn */

.btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.btn_small {
    padding: 0 .75em;
    border-radius: .75em;
    background: #ff9900;
    text-transform: none;
    font-size: 1em;
    line-height: 1.5;
}

.btn_small:before {
    margin-right: .5715em;
    font-size: 1.25em;
}

.btn__txt-small {
    text-transform: none;
    font-size: .875em;
}

.btn_bg_gold {
    background: #ff9900;
}

.btn_bg_green {
    background: #6ad500;
}

/* ----------------------------- */
/* == hiding content             */
/* ----------------------------- */

.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;
}

.d-none,
body > script {
    display: none !important;
}

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

p:first-child, .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, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, .big:first-child, form:first-child, figure:first-child, nav:first-child, article:first-child, section:first-child, aside:first-child, .box:first-child,
.list-default p:first-child, .list-default .p:first-child, .list-default ul:first-child, .list-default ol:first-child,
.nav__item_full p:first-child, .nav__item_full .p:first-child, .nav__item_full ul:first-child, .nav__item_full ol:first-child {
    margin-top: 0;
}

li p, li .p, li ul, li ol {
    margin-top: 0;
}

.list-default p, .list-default .p, .list-default ul, .list-default ol,
.nav__item_full p, .nav__item_full .p, .nav__item_full ul, .nav__item_full ol {
    margin-top: 1.5em;
}

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

/* ----------------------------- */
/* ==gmaps support               */
/* ----------------------------- */

.gm-style img {
    height: 100%;
}

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

.gm-style img, .gmnoscreen img, .gmnoprint img {
    max-width: none !important;
}

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

.mod {
    overflow: hidden;
}

.clear, .table, table, .grid {
    clear: both;
}

.clear-right {
    clear: right;
}

.clear-left {
    clear: left;
}

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

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

.table_auto, table#recaptcha_table, .grid_auto > * {
    table-layout: auto;
}

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

.table_v_middle > *, .grid_v_middle > * > * {
    vertical-align: middle;
}

.table_v_bottom > *, .grid_v_bottom > * > * {
    vertical-align: bottom;
}

.grid > * {
    margin-left: -1.5em;
    max-width: none;
    width: -webkit-calc(100% + 3em);
    width: calc(100% + 3em);
    border-spacing: 1.5em 0;
    border-collapse: separate;
}

.grid_small > * {
    margin-left: -.75em;
    width: -webkit-calc(100% + 1.5em);
    width: calc(100% + 1.5em);
    border-spacing: .75em 0;
}

.grid_border > * {
    margin-left: -3em;
    width: -webkit-calc(100% + 6em);
    width: calc(100% + 6em);
    border-spacing: 3em 0;
}

.grid_border > * > * + * {
    position: relative;
}

.grid_border > * > * + *:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.5em;
    border-left: 1px dotted #ccc;
    content: "";
}

.grid--elements {
    overflow: hidden;
}

.inbl {
    display: inline-block;
    vertical-align: top;
}

.nowrap {
    white-space: nowrap;
}

/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */

table {
    overflow: hidden;
    margin-top: 1.4285em;
    border: 1px solid #ccc;
    border-radius: .2143em;
    background: #f0f0f0;
}

td, th {
    padding: .75em;
    border: 1px dotted #ccc;
    vertical-align: top;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -ms-hyphens: auto;
}

tr:nth-child(even) td {
    background: #fff;
}

td.titre {
    color: #2b2b2b;
    font-weight: 700;
}

/* ----------------------------- */
/* ==alignments			         */
/* ----------------------------- */

.left {
    float: left;
}

.left_spacer {
    margin-right: 1.5em;
}

.right {
    float: right;
}

.right_spacer {
    margin-left: 1.5em;
}

.left_spacer, .right_spacer {
    margin-bottom: .1em;
}

.left_spacer_big, .right_spacer_big {
    margin-bottom: 1.5em;
}

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

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

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

.txt-right {
    text-align: right;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-justify {
    text-align: justify;
}

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
}

.v-bottom {
    vertical-align: bottom;
}

/* ----------------------------- */
/* ==height helpers		         */
/* ----------------------------- */

.h30 {
    height: 30px;
}

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

.w10 {
    width: 10%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33.3333%;
}

.w34 {
    width: 34%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w66 {
    width: 66.6666%;
}

.w69 {
    width: 69%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.w21p {
    width: 1.5em;
}

.w42p {
    width: 3em;
}

.w56p {
    width: 4em;
}

.w300p {
    width: 21.4286em;
}

.w193p {
    width: 13.7858em;
}

.wrapper {
    max-width: 82.5715em;
}

.wauto {
    width: auto;
}

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

.man {
    margin: 0;
}

.pan {
    padding: 0;
}

.mas {
    margin: .75em;
}

.mam {
    margin: 1.5em;
}

.mal {
    margin: 3em;
}

.pas {
    padding: .75em;
}

.pam {
    padding: 1.5em;
}

.pal {
    padding: 3em;
}

.mtn {
    margin-top: 0;
}

.mts {
    margin-top: .75em;
}

.mtm {
    margin-top: 1.5em;
}

.mtl {
    margin-top: 3em;
}

.mrn {
    margin-right: 0;
}

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

.mrm {
    margin-right: 1.5em;
}

.mrl {
    margin-right: 3em;
}

.mbn {
    margin-bottom: 0;
}

.mbs {
    margin-bottom: .75em;
}

.mbm {
    margin-bottom: 1.5em;
}

.mbl {
    margin-bottom: 3em;
}

.mln {
    margin-left: 0;
}

.mls {
    margin-left: .75em;
}

.mlm {
    margin-left: 1.5em;
}

.mll {
    margin-left: 3em;
}

.ptn {
    padding-top: 0;
}

.pts {
    padding-top: .75em;
}

.ptm {
    padding-top: 1.5em;
}

.ptl {
    padding-top: 3em;
}

.prn {
    padding-right: 0;
}

.prs {
    padding-right: .75em;
}

.prm {
    padding-right: 1.5em;
}

.prl {
    padding-right: 3em;
}

.pbn {
    padding-bottom: 0;
}

.pbs {
    padding-bottom: .75em;
}

.pbm {
    padding-bottom: 1.5em;
}

.pbl {
    padding-bottom: 3em;
}

.pln {
    padding-left: 0;
}

.pls {
    padding-left: .75em;
}

.plm {
    padding-left: 1.5em;
}

.pll {
    padding-left: 3em;
}

/* ---------------------------------------------- */
/* various modules							      */
/* ---------------------------------------------- */

/* typo */

.txt-facebook {
    color: #3b5999;
}

.txt-orange {
    color: #ff5500;
}

.txt-blue {
    color: #2a8fbd;
}

.txt-118000 {
    color: #008cd7;
}

.txt-black {
    color: #2b2b2b;
}

.txt-gold {
    color: #ff9900;
}

.txt-white {
    color: #fff;
}

.txt-green {
    color: #009a56;
}

.txt-maison {
    color: #b4c249;
}

.txt-bricoleur {
    color: #3092bf;
}

.txt-brocantes {
    color: #c50000;
}

.txt-boa {
    color: #f2920b;
}

.txt-id2sorties {
    color: #b555ff;
}

.txt-reset {
    color: inherit;
}

.txt-default {
    color: #666;
}

/* 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_118000:hover, .link-on_118000:focus, .link-on_118000:active {
    color: #008cd7;
}

.link-on_brocantes:hover, .link-on_brocantes:focus, .link-on_brocantes:active {
    color: #c50000;
}

.link-on_ptk:hover, .link-on_ptk:focus, .link-on_ptk:active {
    color: #f6659b;
}

.link-on_maison:hover, .link-on_maison:focus, .link-on_maison:active {
    color: #b4c249;
}

.link-on_bricoleur:hover, .link-on_bricoleur:focus, .link-on_bricoleur:active {
    color: #3092bf;
}

.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;
}

/* article title */

.article-title:before {
    top: .05em;
    left: .1em;
    float: left;
    margin-right: .475em;
    margin-bottom: .1em;
    color: #ff5500;
    font-size: 2em;
    line-height: 1;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

/* angle */

.angle {
    position: relative;
    display: block;
    background: #ff5500;
}

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

.angle:before {
    left: -1em;
    border-top: 3em solid transparent;
    border-right: 1em solid #ff5500;
}

.angle:after {
    right: -1em;
    border-top: 3em solid #ff5500;
    border-right: 1em solid transparent;
}

.angle_left_reset:before, .angle_right_reset:after, .none {
    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: #ff5500;
}

/* hr deco */

.hr-deco {
    position: relative;
    display: block;
    padding: .75em 0;
    white-space: normal;
}

.hr-deco:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ccc;
    content: "";
}

.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;
    background: #fff;
    vertical-align: top;
}

.hr-deco__title_gray {
    background: #f0f0f0;
}

/* fire */

.fire {
    position: relative;
    padding: .25em 0 1.25em 2.5em;
    color: #ff5500;
}

.fire:before {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 3em;
}

.fire:after {
    position: absolute;
    top: 2.5356em;
    right: 0;
    left: 3.5em;
    height: 1px;
    background: -webkit-linear-gradient(left, #ff5500 0%, #ccc 1.5em);
    background: linear-gradient(to right, #ff5500 0%, #ccc 1.5em);
    content: "";
}

/* services */

.services {
    margin-top: 0;
    padding: .75em 0;
}

.services__title {
    font-weight: bold;
    padding: 0 .3572em;
    border-radius: .2143em;
    background: #2a8fbd;
    color: #fff;
}

/* figure */

.figure {
    position: relative;
    display: inline-block;
}

.picture-container {
    display: flex;
    justify-content: center;
}

/* caption */

.caption {
    display: block;
    padding: 0 .75em;
    border-radius: .2143em;
    background: rgba(43, 43, 43, 1);
    color: #fff;
    text-align: center;
}

.figure .caption {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 20;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    white-space: normal;
    opacity: .8;
}

.figure .caption small {
    font-size: .8572em;
}

a.strong.txt-default {
    text-decoration: none;
}

a.strong.txt-default:hover {
    text-decoration: underline;
}

.slider .normal.flink {
    text-decoration: none;
}

.slider .normal.flink:hover,
.slider .normal.flink:focus,
.slider .normal.flink:active {
    text-decoration: underline;
}

.slider .caption {
    position: static;
    opacity: 1;
    white-space: normal;
    padding: 0;
    padding-top: .25em;
    background: none;
    color: #4D4C5C;
    text-align: left;
    font-family: "Roboto Slab", Georgia, serif;
    font-size: 17px;
    line-height: 1;
}

.slider .caption em {
    font-weight: 700;
    font-style: normal;
}

/* vignette */

.vignette {
    display: inline-block;
    padding: 0 .3572em;
    border-radius: .2143em;
    background: #ff5500;
    color: #fff;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.vignette_big {
    padding: .75em;
}

.figure .vignette {
    position: absolute;
    top: .75em;
    left: 0;
    z-index: 20;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.vignette_label {
    font-size: 1em;
}

/* pagination */

.pagination__list, .pagination__item {
    display: inline-block;
}

.pagination__list {
    margin-top: 0;
    padding: 0 .3em;
}

.pagination__list:only-child {
    padding: 0;
}

.pagination__item {
    margin-left: .15em;
}

.pagination__item:before {
    content: "/ ";
}

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

.pagination__link_active {
    color: #2b2b2b;
    vertical-align: top;
    font-weight: 700;
    font-size: 1.2858em;
    line-height: 1.1667;
}

/* form event */

.form-event {
    position: relative;
}

.form-event__field {
    padding-right: 3.25em;
}

.form-event__btn {
    position: absolute;
    top: .75em;
    right: .75em;
    padding: 0;
    width: 1.5em;
    height: 1.5em;
    background: #6ad500;
    font-size: 1em;
    line-height: 1.65;
    -webkit-transition: border-radius .2s ease;
    transition: border-radius .2s ease;
}

.form-event__btn:hover, .form-event__btn:focus, .form-event__btn:active {
    border-radius: 100%;
}

.form-event__btn_delete {
    background: #ff0000;
}

.form-event__btn:before {
    margin-right: -.05em;
    font-size: 1em;
}

/* banner */

/* newsletter
   ========================================================================== */

/* default newsletter */

.newsletter {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-top: 3.2em;
    margin-bottom: -3.2em;
    padding: 3.2em 1.6em;
    background: #556270;
    color: #fff;
}

.newsletter::before, .newsletter::after {
    content: "\e612";
    position: absolute;
    z-index: -1;
    bottom: -2.4rem;
    left: 50%;
    opacity: .2;
    font: normal normal normal 12rem/1 icomoon;
    color: #fff;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.newsletter::after {
    top: -1.2rem;
    bottom: auto;
    left: 25%;
    opacity: .1;
    font-size: 6rem;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

.newsletter__title {
    color: #fff;
}

.newsletter__txt {
    opacity: .75;
    font-size: 1.9rem;
    font-style: italic;
    line-height: 1.2632;
}

.newsletter__field {
    border: none;
}

/* newsletter grid */

.newsletter__grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -2.4rem;
    margin-left: -1.2rem;
    padding: 0;
}

.newsletter__grid-item {
    display: block;
    margin-top: 0;
    margin-bottom: 2.4rem;
    margin-left: 1.2rem;
}

.newsletter__grid-item--1-3 {
    width: 21.4286em;
}

.newsletter__grid-item--2-3 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* newsletter responsive
   ========================================================================== */

@media (max-width: 48em) {

    /* default newsletter */
    .newsletter {
        padding: 1.6em;
    }
}

@media (max-width: 30em) {

    /* newsletter grid */
    .newsletter__grid-item {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: calc(100% - 1.2rem);
    }
}

/* logos
   ========================================================================== */

/* default logo */

.logo {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: inherit;
}

.logo__baseline {
    display: block;
    margin-top: 0;
    font: 400 1em/1.6 "Open Sans", Helvetica, Arial, sans-serif;
    color: #808080;
}

/* logo ribbon */

.logo--ribbon {
    position: relative;
    padding-right: 48px;
}

.logo--ribbon::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("https://static.pratique.fr/img/ribbon.png") top no-repeat;
    background-size: contain;
}

@media (max-width: 40em) {
    .logo--ribbon {
        padding-right: 20px;
    }

}

/* logo groupe */

.logo--groupe .logo__image {
    vertical-align: top;
}

.logo--groupe .logo__baseline {
    text-align: center;
    font-weight: 700;
    color: #009a56;
}

/* tooltip
   ========================================================================== */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -110px;
    margin-bottom: -5px;
    padding: 7px;
    width: 230px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: 5px;
    margin-bottom: -10px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    z-index: 2;
}

/* 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--pinterest:hover,
.toolbar__link--pinterest:focus,
.toolbar__link--pinterest:active {
    background: #c8232c;
}

.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;
}

.toolbar__link--dailymotion:hover,
.toolbar__link--dailymotion:focus,
.toolbar__link--dailymotion:active {
    background: #00d2f3;
}


/* toolbar responsive
   ========================================================================== */

@media (max-width: 48em) {

    /* default toolbar */
    .toolbar__item--print {
        display: none;
    }
}

@media (max-width: 30em) {

    /* default toolbar */
    .toolbar {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }
}

/* footer
   ========================================================================== */

/* default footer */

.footer {
    margin-top: 3.2em;
    padding-right: 1.6em;
    padding-left: 1.6em;
    background: #383838;
    overflow: hidden;
}

.footer__wrapper {
    padding-top: 1.6em;
    padding-bottom: 6.4em;
}

.footer__content {
    padding-left: 0;
}

.footer__section {
    display: block;
}

.footer__title {
    position: relative;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.footer__title::after {
    content: "";
    position: absolute;
    bottom: -.8em;
    left: 0;
    width: 3.2em;
    height: 1px;
    background: #556270;
}

/* lvl 2 */

.footer__list {
    margin-top: 1.6em;
    padding-left: 0;
    list-style: none;
}

.footer__link {
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.footer__link:hover, .footer__link:focus, .footer__link:active {
    color: #ccc;
}

/* footer responsive
   ========================================================================== */

@media (min-width: 48.0625em) {

    /* default footer */
    .footer__wrapper {
        position: relative;
    }

    .footer__wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 21.6em;
        background: #2b2b2b;
        box-shadow: -.8667em 0 #333;
    }

    .footer__content {
        position: relative;
    }
}

@media (min-width: 30.0625em) {

    /* default footer */
    .footer__content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.8em;
    }

    .footer__section {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: .8em;
    }

    /* footer logo groupe */
    .footer__logo {
        margin-bottom: -1.6em;
    }

    /* contact */
    .footer__section--contact {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 20em;
        margin-right: .8em;
        margin-left: 5.0667em;
    }
}

@media (max-width: 64em) {

    /* default footer */
    .footer__wrapper::before {
        right: -1.6em;
    }

    /* contact */
    .footer__section--contact {
        margin-right: -.8em;
    }
}

@media (max-width: 48em) {

    /* contact */
    .footer__section--contact {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 0;
        margin-left: .8em;
    }
}

@media (max-width: 30em) {

    /* default footer */
    .footer__wrapper {
        padding-top: 0;
        padding-bottom: 1.6em;
    }

    .footer__section {
        margin-top: 1.6em;
        margin-left: 0;
    }

    .footer__title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer__title::before, .footer__title::after {
        content: "";
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: static;
        width: auto;
        height: 1px;
        background: #556270;
    }

    .footer__title::before {
        margin-right: 1.6em;
    }

    .footer__title::after {
        margin-left: 1.6em;
    }

    /* footer logo groupe */
    .footer__logo {
        display: table;
        margin: auto;
    }

    /* lvl 2 */
    .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;
    }

    .footer__item {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
}

/* footer responsive
   ========================================================================== */
.iframe-responsive-wrapper {
    position: relative;
    clear: both;
}

.iframe-responsive-wrapper .iframe-ratio {
    display: block;
    width: 100%;
    height: auto;
}

.iframe-responsive-wrapper iframe,
.iframe-responsive-wrapper div.dailymotion-cpe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* account pages */

.account {
    background: url("https://static.pratique.fr/img/account/background.jpg") fixed top no-repeat;
    background-size: cover;
}

.account:before {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    height: 40em;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
    content: "";
}

/* round */

.round {
    border-radius: 100%;
}

/* alert */

.alert {
    position: relative;
}

.alert__field {
    background: rgba(255, 255, 255, 1);
    -webkit-transition: border .2s ease, background .2s ease;
    transition: border .2s ease, background .2s ease;
}

.alert__msg {
    position: absolute;
    top: .3572em;
    right: .75em;
    z-index: 10;

    visibility: hidden;
    padding: .75em;
    border-radius: 1.5em;
    background: #ff0000;
    box-shadow: .0715em .1429em .0715em rgba(43, 43, 43, .25);
    color: #fff;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: top .2s ease, visibility .2s ease, opacity .2s ease;
    transition: top .2s ease, visibility .2s ease, opacity .2s ease;
}

.captcha {
    left: -12.25em;
    text-align: left;
}

.alert__msg:before {
    position: absolute;
    top: -.3572em;
    right: 3em;
    border-right: .3572em solid transparent;
    border-bottom: .3572em solid #ff0000;
    border-left: .3572em solid transparent;
    content: "";
}

.alert_active .alert__msg {
    top: 1.8572em;
    visibility: visible;
    opacity: .8;
    min-width: 165px;
}

.alert_active .alert__field {
    border: 1px solid rgba(204, 204, 204, 0);
    background: rgba(255, 0, 0, .25);
}

/* mini search */

.mini-search {
    position: relative;
}

.mini-search__btn {
    position: absolute;
    top: .75em;
    left: .75em;
}

.mini-search__field {
    padding-left: 3em;
    width: 100%;
}

/* banner badam */

.badamtop {
    text-align: center;
    margin-bottom: .5em;
}

.badamtop + h1 {
    margin-top: .5em;
}

.partart, aside.box.partart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    border: 2px solid #f50;
    padding: 1em;
    background: #fff;
    box-shadow: inset 0 0 .75em rgba(43, 43, 43, .1);
}

[id="aswift_0_expand"], [id="aswift_1_expand"], [id="aswift_2_expand"], [id="aswift_3_expand"], [id="aswift_4_expand"] {
    display: block !important;
}

[id="aswift_0_expand"] {
    vertical-align: top;
}

/* columns */

.columns {
    -webkit-columns: 3 10em;
    -moz-columns: 3 10em;
    columns: 3 10em;
    -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
}

/* zoom */

.zoom__txt {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.zoom .zoom__txt {
    font-size: 1.25em;
}

.zoom_more .zoom__txt {
    font-size: 1.5em;
}

/* memo */

.memo {
    margin-top: 3em;
}

/* gpu */

.gpu {
    -webkit-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

/* back to top */

.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: .5;
}

.top:hover {
    border-radius: 100%;
    opacity: 1;
}

.top:before {
    margin-right: 0;
    color: #fff;
    font-size: 1.5em;
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}

.top_reverse:before {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

/* keywords */

.keywords__link {
    padding: 0 .75em .1em;
    border-radius: .75em;
    background: #f0f0f0;
    box-shadow: .0715em .0715em .1429em #ccc;
    color: #2a8fbd;
    text-decoration: none;
    -webkit-transition: background .2s ease, color .2s ease;
    transition: background .2s ease, color .2s ease;
}

.keywords__link:hover, .keywords__link:focus, .keywords__link:active {
    background: #2a8fbd;
    color: #fff;
}

/* cookie */

.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 {
    color: #fff;
}

.cookie .circle {
    color: #666;
    line-height: 1.65;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.cookie .circle:hover, .cookie .circle:focus, .cookie .circle:active {
    color: #2a8fbd;
}

.cookie .circle:before {
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cookie .circle:hover:before, .cookie .circle:focus:before, .cookie .circle:active:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

/* habillage */

.habillage__link {
    display: none;
}

/* 404 */

.not-found {
    white-space: nowrap;
}

.not-found__txt {
    color: #2b2b2b;
    font: 700 14em/.7194em "Roboto Slab", Georgia, serif;
}

/* msg */

.msg {
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    padding: 0 .75em;
    max-height: 0;
    border-radius: .2143em;
    color: #fff;
    text-align: center;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: visibility .2s ease, opacity .2s ease, max-height .2s ease, margin .2s ease;
    transition: visibility .2s ease, opacity .2s ease, max-height .2s ease, margin .2s ease;
}

.msg_success {
    background: #6ad500;
}

.msg_error {
    background: rgba(255, 0, 0, .8);
}

.msg_active {
    visibility: visible;
    margin-top: 1.5em;
    max-height: 6em;
    opacity: 1;
}

/* iframe */

.shareddatas {
    display: none;
}

/* flexbox yeahhhhhh :) */

.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flex__grow {
    -webkit-flex: 1;
    flex: 1;
}

.flex-grid {
    display: -webkit-flex;
    display: flex;
    margin-left: -1.5em;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex-grid > * {
    margin: 0 0 0 1.5em;
    -webkit-flex: 1;
    flex: 1;
}

/* loader */

.loader {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.loader__spacer {
    padding: 1.5em;
}

.loader:before, .loader:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
}

.loader:before {
    z-index: 99;
    box-shadow: 0 0 0 100em rgba(43, 43, 43, .50);
    color: #fff;
    content: "\e646";
    text-transform: none;
    font: normal normal normal 3em/0 icomoon, sans-serif;
    -webkit-animation: hourglass 2s cubic-bezier(.68, -.55, .265, 1.55) infinite;
    animation: hourglass 2s cubic-bezier(.68, -.55, .265, 1.55) infinite;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@supports (-webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em)) {
    .loader:after {
        content: "";
        z-index: 126;
        width: 1.5em;
        height: 2em;
        -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        -webkit-animation: sand 2s ease-in infinite, hourglass 2s cubic-bezier(.68, -.55, .265, 1.55) infinite;
        animation: sand 2s ease-in infinite, hourglass 2s cubic-bezier(.68, -.55, .265, 1.55) infinite;
    }

    @-webkit-keyframes sand {
        from {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
        10% {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
        30% {
            box-shadow: inset 0 -.6em #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, .75em 1em, .75em 1em, .75em 1em);
        }
        70% {
            box-shadow: inset 0 -.6em #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, .75em 1em, .75em 1em, .75em 1em);
        }
        80% {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
        to {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
    }
    @keyframes sand {
        from {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
        10% {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
        30% {
            box-shadow: inset 0 -.6em #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, .75em 1em, .75em 1em, .75em 1em);
        }
        70% {
            box-shadow: inset 0 -.6em #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, .75em 1em, .75em 1em, .75em 1em);
        }
        80% {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
        to {
            box-shadow: inset 0 0 #ff5500, inset 0 1em #ff5500;
            -webkit-clip-path: polygon(0 2.2em, 1.5em 2.2em, .75em 1em, 1.35em .25em, .15em .25em, .75em 1em);
        }
    }
}

@-webkit-keyframes hourglass {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
    55% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes hourglass {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    55% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* notice */

.list-notice:empty + hr {
    display: none;
}

.list-notice:empty ~ p {
    margin-top: 0;
}

/* counter */

.cpt {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .25em .75em;
    background: rgba(255, 255, 255, .85);
    color: #666;
}

/* ---------------------------------------------- */
/* module animations						      */
/* ---------------------------------------------- */

/* animation mask default */

.anim-mask {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}

.anim-mask:empty, .anim-mask:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.anim-mask:before, .anim-mask:after {
    opacity: 0;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
}

.anim-mask:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    color: #fff;
    font-size: 4em;
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
}

.anim-mask:after {
    background: rgba(42, 143, 189, .8);
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
}

.anim-mask:hover:before, .anim-mask:focus:before, .anim-mask:active:before, .anim-mask_active:before {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}

.anim-mask:hover:after, .anim-mask:focus:after, .anim-mask:active:after, .anim-mask_active:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* animation mask circle */

.circle .anim-mask {
    line-height: 1.5;
}

.circle .anim-mask:before {
    font-size: 1.5em;
    font-size: 2.1rem;
}

.circle .anim-mask:after {
    border-radius: 100%;
}

/* animation mask skin */

.anim-mask_bg_orange:after {
    background: rgba(255, 85, 0, .8);
}

.anim-mask_bg_black:after {
    background: rgba(43, 43, 43, .8);
}

.anim-mask_bg_white:after {
    background: rgba(255, 255, 255, .8);
}

.anim-mask_light:hover:after, .anim-mask_light:focus:after, .anim-mask_light:active:after, .anim-mask_light.anim-mask_active:after {
    opacity: .25;
}

.anim-mask_txt:before {
    content: "Voir tous nos articles";
    font: 700 1.1429em/1.3125 "Roboto Slab", Georgia, serif;
}

.anim-mask_standard:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* animation mask blur */

.anim-mask__blur {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: -webkit-filter .4s ease;
    transition: filter .4s ease;
}

.anim-mask:hover .anim-mask__blur, .anim-mask:focus .anim-mask__blur, .anim-mask:active .anim-mask__blur, .anim-mask_active .anim-mask__blur {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* animation mask zoom */

.anim-mask__zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.anim-mask:hover .anim-mask__zoom, .anim-mask:focus .anim-mask__zoom, .anim-mask:active .anim-mask__zoom, .anim-mask_active .anim-mask__zoom {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

/* animation mask combo */

.anim-mask__blur.anim-mask__zoom {
    -webkit-transition-property: all;
    transition-property: all;
}

/* anim bg */

.anim-bg {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.anim-bg:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.anim-bg:hover:before, .anim-bg_active:before {
    -webkit-transform: scale(1.25) rotate(4deg);
    transform: scale(1.25) rotate(4deg);
}

.anim-bg_blur:before {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: -webkit-transform .2s ease, -webkit-filter .2s ease;
    transition: transform .2s ease, filter .2s ease;
}

.anim-bg_blur:hover:before, .anim-bg_blur.anim-bg_active:before {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* animation move */

.anim-move {
    position: relative;
    left: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.anim-move:hover, .anim-move:focus, .anim-move:active {
    left: .75em;
}

.anim-move:before {
    visibility: hidden;
    margin-right: 0;
    width: 0;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.anim-move:hover:before, .anim-move:focus:before, .anim-move:active:before {
    visibility: visible;
    margin-right: .75em;
    width: 1em;
    opacity: 1;
}

/* anim hidden */

.anim-hidden {
    visibility: visible;
    height: auto;
    opacity: 1;
    -webkit-transition: visibility .4s ease, opacity .4s ease;
    transition: visibility .4s ease, opacity .4s ease;
}

.anim-hidden_active {
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    opacity: 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;
}

.il_flex {
    display: inline-flex;
}

.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 {
    position: absolute;
    top: -1.5em;
    right: 0;
    left: 0;
    border-bottom: 1px dotted #ccc;
    content: "";
}

/* 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 {
    position: relative;
    top: .05em;
    display: inline-block;
    margin-left: -2em;
    padding-right: .6875em;
    min-width: 1.3125em;
    color: #2b2b2b;
    content: counter(cpt);
    text-align: right;
    font: 700 1.1429em/0 "Roboto Slab", Georgia, serif;
}

.breadcrumb {
    padding-left: 0;
}

.breadcrumb > li {
    display: inline;
    margin-right: .75em;
    line-height: 2em;
}

.breadcrumb {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb > li {
    line-height: initial;
}

/* ---------------------------------------------- */
/* module form inline						      */
/* ---------------------------------------------- */

/* form inline default */

.form-inline {
    position: relative;
}

.form-inline__title {
    position: absolute;
    top: -1.15em;
    left: .75em;
    padding: 0 .75em;
    background: #fff;
}

.form-inline__txt {
    color: #999;
}

.form-inline__field {
    width: 100%;
}

.form-inline__btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* form inline preview */

.form-inline_preview .form-inline__field {
    min-height: 3em;
    -webkit-transition: min-height .2s ease;
    transition: min-height .2s ease;
}

.form-inline_preview .form-inline__field:focus, .form-inline_preview .form-inline__field:active {
    min-height: 7.5em;
}

/* form inline search */

.form-inline_search .form-inline__field {
    padding-right: 4em;
}

.form-inline_search .form-inline__btn {
    overflow: visible;
    padding-right: .625em;
    padding-left: .1875em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #2a8fbd;
}

.form-inline_search .form-inline__btn:before {
    margin-right: 0;
    font-size: 1.4em;
    font-size: 2.25rem;
}

.form-inline_search .form-inline__btn:after {
    position: absolute;
    top: 0;
    left: -.872em;
    border-top: 2.625em solid transparent;
    border-right: .875em solid #2a8fbd;
    content: "";
}

/* ---------------------------------------------- */
/* module btn action						      */
/* ---------------------------------------------- */

/* btn action default */

.btn-action {
    padding: 0;
    background: none;
    color: #666;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.btn-action:hover, .btn-action:focus, .btn-action:active {
    color: #2a8fbd;
    opacity: 1;
}

.btn-action:before, .btn-action.icon-after:after {
    font-size: 1.35em;
    font-size: 2.15rem;
}

.btn-action:before {
    margin-right: .4em;
}

.btn-action.icon-after:after {
    margin: 0 0 0 .4em;
}

.btn-action__sup {
    position: absolute;
    top: -15%;
    right: 0;
}

/* btn action zoom */

.btn-action_zoom {
    position: relative;
    bottom: -.07em;
    margin-left: .2em;
    padding-right: .2em;
    font: 700 1.7143em/.875 "Roboto Slab", Georgia, serif;
}

/* btn action A+ */

.btn-action_zoom_more .btn-action__sup {
    font-size: .6em;
}

/* btn action A- */

.btn-action_zoom_less {
    bottom: -.28em;
    font-size: 1.1429em;
    line-height: 1.3125;
}

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

/* circle default */

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

.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:not(div #filter-responsive) {
    position: absolute;
    bottom: -.2143em;
    left: .1429em;
    border-top: .7143em solid #2a8fbd;
    border-right: .7143em solid transparent;
    content: "";
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}

.circle__picture {
    border-radius: 100%;
}

/* circle small */

.circle_small {
    overflow: hidden;
    width: 1.5em;
    height: 1.5em;
    border: .1429em solid #fff;
    background: none;
    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;
}

/* circle big */

.circle_big {
    width: 7.5em;
    height: 7.5em;
    background: #fff;
    color: #2a8fbd;
    line-height: 8.125;
}

.circle_big:before {
    font-size: 4em;
    font-size: 5.6rem;
}

.circle_big:after {
    bottom: -.5358em;
    left: .3573em;
    border-top: 1.7858em solid #fff;
    border-right-width: 1.7858em;
}

/* circle bubble */

.circle_bubble {
    top: -.4286em;
    margin-bottom: -.8572em;
    width: 3.8572em;
    height: 3.8572em;
    border: 1px solid #e7e7e7;
    background: #fff;
    line-height: 3.6;
}

.circle_bubble:before {
    position: absolute;
    bottom: -.33em;
    left: .11em;
    margin-right: 0;
    border-top: .8em solid #e7e7e7;
    border-right: .8em solid transparent;
    content: "";
    font-size: inherit;
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
}

.circle_bubble:after {
    left: .28em;
    border-top-width: .8em;
    border-top-color: #fff;
    border-right-width: .8em;
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
}

/* circle img */

.circle_img.icon {
    overflow: visible;
    background: #666;
    line-height: 4.2;
}

.circle_bubble .circle_img {
    vertical-align: middle;
}

.circle_img {
    overflow: hidden;
    background: none;
    -webkit-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.circle_img:before {
    margin-right: 0;
    font-size: 2.8em;
    font-size: 3.9rem;
}

.circle_img:after {
    display: none;
}

.circle_img.icon_article {
    line-height: 3.08;
}

.circle_img.icon_article:before {
    font-size: 1.6em;
    font-size: 2.25rem;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

/* circle rating */

.circle__rating {
    position: absolute;
    right: 0;
    bottom: -.65em;
    left: 0;
    z-index: 10;
    letter-spacing: -.12em;
    line-height: 1;
}

.circle__star:before {
    margin-right: 0;
    margin-left: .1em;
    font-size: .7em;
}

.circle__star:first-child:before {
    margin-left: 0;
}

.circle__rating_full .circle__star:first-child:before,
.circle__rating_full .circle__star:last-child:before {
    position: relative;
    top: -.3em;
}

/* circle bg color skin */

.circle_bg_orange {
    background: #ff5500;
}

.circle_bg_orange:after {
    border-top-color: #ff5500;
}

.circle_bg_white {
    background: #fff;
    color: #2a8fbd;
}

.circle_bg_white:after {
    border-top-color: #fff;
}

.circle_bg_gold {
    background: #ff9900;
}

.circle_bg_gold:after {
    border-top-color: #ff9900;
}

.circle_bg_green {
    background: #6ad500;
}

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

.circle_bg_pdf {
    background: #bb0706;
}

.circle_bg_doc, .circle_bg_docx {
    background: #4b71b7;
}

.circle_bg_rtf {
    background: #023a6d;
}

.circle_bg_zip {
    background: #f4b226;
}

/*  PDF button  */
#pdf-button {
    text-transform: none;
    display: block;
    position: relative;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#pdf-button span {
    font-size: 20px;
    display: inline-block;
    width: 30px;
}

/* ---------------------------------------------- */
/* module banner service					      */
/* ---------------------------------------------- */

.banner-service {
    position: relative;
    padding: 1.5em;
    background: #2a8fbd;
    background: -webkit-linear-gradient(right, #2a8fbd 0%, #68aac8 100%);
    background: linear-gradient(to left, #2a8fbd 0%, #68aac8 100%);
    box-shadow: inset 0 .3572em .75em rgba(43, 43, 43, .25);
    margin-top: 4.286em;
}

.banner-service_plane:after {
    position: absolute;
    bottom: -13px;
    left: 0;
    content: url('https://static.pratique.fr/img/plane.png');
    line-height: 0;
}

.banner-service .circle {
    position: absolute;
    top: -1.5em;
    right: 10%;
}

.banner-service .hr-deco {
    margin-bottom: -.75em;
    padding-top: 0;
}

.banner-service .hr-deco:after {
    right: 43%;
    left: 43%;
    border-bottom-color: rgba(255, 255, 255, .5);
}

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

/* navigation default */

.nav {
    position: relative;
}

.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;
    text-rendering: auto;
}

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

.nav__item:before {
    position: absolute;
    top: 50%;
    margin-top: -.75em;
    margin-left: -.75em;
    width: 1px;
    height: 1.5em;
    background: #ccc;
    content: "";
    -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 {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 22;
    margin-left: -.3572em;
    border-right: .3572em solid transparent;
    border-bottom: .3572em solid #fff;
    border-left: .3572em solid transparent;
    content: "";
}

.nav__link {
    position: relative;
    display: inline-block;
    padding: .75em 0;
    color: #666;
    text-decoration: none;
    font-weight: 700;
    font-family: "Roboto Slab", Georgia, serif;
    -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__item_active .nav__link {
    color: #ff5500;
}

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

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

/* navigation corporate */

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

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

.account .nav_corporate {
    background: #fff;
}

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

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

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

.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-weight: 300;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.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 {
    overflow: hidden;
    padding: 0 1.5em;
}

.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_corporate .nav__switch-label {
    top: -3em;
    padding-right: 0;
}

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

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

/*
 * fait planter mon compte sur ipad
 * @codi
 */
/*.nav_private .nav__account:hover .nav__bubble,*/
.nav_private .nav__account_active .nav__bubble {
    visibility: visible;
    opacity: 1;
}

/*
 * fait planter mon compte sur ipad
 * @codi
 */
/*.nav_private .nav__account:hover .nav__switch-label:before,*/
.nav_private .nav__account_hover .nav__switch-label:before,
.nav_private .nav__account_active .nav__switch-label:before {
    color: rgba(255, 255, 255, 1);
}

.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 {
    padding: .25em .5em .25em 2.5em;
    height: 2.4em;
}

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

.nav__logo {
    position: absolute;
    top: -1.5em;
    left: 0;
    -webkit-transition: top .4s ease;
    transition: top .4s ease;
}

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

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

/* navigation corporate bubble */

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

.nav__bubble-item {
    padding: .75em 0;
    box-shadow: inset 0 -1px rgba(255, 255, 255, .1);
}

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

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

/* navigation topic */

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

.nav_topic {
    z-index: 28;
    padding: 0 .75em;
    border-radius: 1.5em;
    background: #2b2b2b;
}

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

.nav_topic .nav__item {
    text-align: center;
}

.nav_topic .nav__item, .nav__break {
    display: table-cell;
}

.nav__break:last-child .nav__item:first-child:before {
    display: block;
}

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

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

.nav_topic .nav__link {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.nav_topic .nav__link:hover, .nav_topic .nav__link:focus, .nav_topic .nav__link:active {
    color: #ff5500;
}

.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: #fff;
}

/* navigation topic sub menu */

.nav__sub-menu {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    left: 1.5em;
    z-index: 21;
    visibility: hidden;
    padding: 1.5em;
    border-radius: 0 0 .2143em .2143em;
    background: #fff;
    box-shadow: 0 0 .7143em rgba(43, 43, 43, .25);
    white-space: normal;
    opacity: 0;
    -webkit-backface-visibility: hidden;
}

.nav__sub-menu-grid {
    display: -webkit-flex;
    display: flex;
    background-color: #F0F0F0;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.nav__sub-menu-section {
    padding: 0 .75em .75em;
    -webkit-flex: 0 1 25%;
    flex: 0 1 25%;
}

.nav__sub-menu-list {
    padding: .75em 0;
    border-bottom: 1px dotted #666;
    list-style: none;
}

.nav__sub-menu-lvl-2 {
    margin-top: .75em;
    padding: .75em;
    border-bottom: 0;
    border-radius: .2143em;
    background: #fff;
    list-style: none;
}

.nav__sub-menu-link {
    display: block;
    color: #2B2B2B;
    text-decoration: none;
    font-weight: 700;
}

.nav__sub-menu-lvl-2 .nav__sub-menu-link {
    font-weight: 300;
}

.nav__sub-menu-link:hover, .nav__sub-menu-link:focus, .nav__sub-menu-link:active {
    color: #ff5500;
}

.nav__sub-menu-list .circle {
    width: 21px;
    height: 21px;
    background: #666;
    color: #fff;
    line-height: 1.7;
}

.nav__sub-menu-list .circle:hover:before, .nav__sub-menu-list .circle:focus:before, .nav__sub-menu-list .circle:active:before {
    color: #fff;
}

.nav__sub-menu-list .circle:before {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.nav__sub-menu-list .icon_arrow_reverse:before {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}

.nav__sub-menu-list .icon_arrow_reverse {
    line-height: 1.5;
}

.nav__sub-menu-list .circle:hover, .nav__sub-menu-list .circle.icon_minus {
    color: #2a8fbd;
}

.sub-menu:after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 27;
    visibility: hidden;
    background: rgba(43, 43, 43, .15);
    content: "";
    opacity: 0;
    -webkit-transition: visibility .2s ease, opacity .2s ease;
    transition: visibility .2s ease, opacity .2s ease;
}

/* navigation tab */

.nav_tab {
    background: -webkit-linear-gradient(top, #fff 0, #fff -webkit-calc(3em - 1px), #ccc -webkit-calc(3em - 1px), #ccc 3em);
    background: linear-gradient(to bottom, #fff 0, #fff calc(3em - 1px), #ccc calc(3em - 1px), #ccc 3em);
    background-size: 100% 3em;
    box-shadow: inset 0 -1px 0 #ccc;
}

.nav_tab .nav__item:before, .nav_tab .nav__link:after {
    display: none;
}

.nav_tab .nav__link {
    box-shadow: inset 0 0 #ccc;
    color: #999;
    -webkit-transition: box-shadow .2s ease, color .2s ease;
    transition: box-shadow .2s ease, color .2s ease;
}

.nav_tab .nav__item_active .nav__link {
    box-shadow: inset 0 -.2142em #2a8fbd;
    color: #2b2b2b;
}

.nav_tab .nav__link:hover, .nav_tab .nav__link:focus, .nav_tab .nav__link:active {
    color: #2b2b2b;
}

/* ---------------------------------------------- */
/* module social networks					      */
/* ---------------------------------------------- */

/* social default */

.social {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    width: 3em;
    height: 3em;
    border-radius: 0;
    color: #fff;
    vertical-align: top;
    text-align: center;
    font-size: inherit;
    line-height: 3em;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.social:before {
    margin-right: 0;
    font-size: 1.4em;
    font-size: 1.95rem;
}

.social:hover, .social:focus, .social:active {
    opacity: .8;
}

/* social small */

.social_small {
    width: 1.5em;
    height: 1.5em;
    border-radius: 100%;
    line-height: 1.4;
}

.social_small:before {
    top: .1em;
}

.social_small.social_email:before {
    top: 0;
    font-size: 1em;
    font-size: 1.4rem;
}

.social_small.social_facebook:before {
    font-size: 1.15em;
    font-size: 1.6rem;
}

.social_small.social_pinterest:before {
    left: .2em;
    font-size: 1.15em;
    font-size: 1.6rem;
}

.img_pinterest {
    margin-top: 3px;
    height: 17px;
    width: 17px;
}

.social_small.social_twitter:before {
    top: 0;
    left: .05em;
    font-size: 1em;
    font-size: 1.4rem;
}

.social_small.social_google:before {
    font-size: 1.5em;
    font-size: 2.1rem;
}

/* social jaime */

.social_jaime {
    background: #f0f0f0;
    color: #999;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.social_jaime_active, .social_jaime:hover, .social_jaime:focus, .social_jaime:active {
    color: #2a8fbd;
    opacity: 1;
}

/* social skin */
.facebookfrm {
	border:none;
	overflow:hidden;
}

.social_facebook {
    background: #3b5999;
}

.social_pinterest {
    background: #c8232c;
}

.social_twitter {
    background: #55acee;
}

.social_google {
    background: #dd4b39;
}

.social_email {
    background: #ff9900;
}

.social_pdf {
    background: #ff5500;
    width: 2.3em;
    height: 2.3em;
    border-radius: 100%;
    line-height: 2.3em;
    padding-top: 1px;
    padding-left: 1px;
}

.right .social_pdf {
    margin-left: 20px;
}

/* social networks */

.social-networks__txt {
    width: 3em;
    height: 3em;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -.07em;
    line-height: 1.25;
}

.social-networks__nbr {
    font-size: 1.2858em;
    font-family: "Roboto Slab", Georgia, serif;
}

/* social networks scroll */

.social-networks_scroll {
    position: fixed;
    top: -30em;
    left: 50%;
    visibility: hidden;
    margin-left: -49.2858em;
    padding: .75em;
    width: 4.5em;
    border-radius: .2143em;
    background: #fff;
    box-shadow: 0 0 .7143em rgba(43, 43, 43, .25);
    text-align: center;
    opacity: 0;
    -webkit-transition: top .4s ease, visibility .4s ease, opacity .4s ease;
    transition: top .4s ease, visibility .4s ease, opacity .4s ease;
}

.social-networks_scroll .btn-action_zoom_more {
    margin-left: 0;
}

.social-networks_scroll .btn-action:before {
    margin-right: 0;
}

.social-networks__line {
    margin-left: -.75em;
    width: 4.5em;
    background-color: #f0f0f0;
    color: #f0f0f0;
}

.social-networks.mbm + .social-networks + section > article:empty + article > p:first-child {
    clear: right;
}

.under-social-network {
    margin-top: 90px;
}

/* ---------------------------------------------- */
/* module box								      */
/* ---------------------------------------------- */

/* box default */

.box {
    padding: 1.5em;
    border-radius: .2143em;
    background: #f0f0f0;
}

/* box skin */

.box_bg_white {
    background: #fff;
}

.box_bg_blue {
    background: #2a8fbd;
    color: #fff;
}

.box_bg_blue strong, .box_bg_blue a {
    color: #fff !important;
}

.box_bg_gold {
    background: #ff9900;
}

.box_bg_black {
    background: #2b2b2b;
}

.box_shadow {
    box-shadow: 0 0 .7143em rgba(43, 43, 43, .25);
}

.box_pan {
    padding: 0;
}

.box_opacity {
    background: rgba(43, 43, 43, .8)
}

/* box img */

.box_img, .box_img:before {
    background: url("https://static.pratique.fr/img/box/default.jpg") top no-repeat;
    background-size: cover;
}

.box_img_argent, .box_img_argent:before,
.box_img_conso, .box_img_conso:before {
    background-image: url("https://static.pratique.fr/img/box/argent.jpg");
}

.box_img_auto, .box_img_auto:before {
    background-image: url("https://static.pratique.fr/img/box/auto.jpg");
}

.box_img_bricolage, .box_img_bricolage:before,
.box_img_maison, .box_img_maison:before {
    background-image: url("https://static.pratique.fr/img/box/bricolage.jpg");
}

.box_img_cuisine, .box_img_cuisine:before {
    background-image: url("https://static.pratique.fr/img/box/cuisine.jpg");
}

.box_img_deco, .box_img_deco:before,
.box_img_insolite, .box_img_insolite:before {
    background-image: url("https://static.pratique.fr/img/box/deco.jpg");
}

.box_img_vos_droits, .box_img_vos_droits:before {
    background-image: url("https://static.pratique.fr/img/box/vos-droits.jpg");
}

.box_img_emploi, .box_img_emploi:before {
    background-image: url("https://static.pratique.fr/img/box/emploi.jpg");
}

.box_img_entreprise, .box_img_entreprise:before,
.box_img_bureau, .box_img_bureau:before {
    background-image: url("https://static.pratique.fr/img/box/entreprise.jpg");
}

.box_img_famille, .box_img_famille:before,
.box_img_mieux_vivre, .box_img_mieux_vivre:before {
    background-image: url("https://static.pratique.fr/img/box/famille.jpg");
}

.box_img_sante, .box_img_sante:before {
    background-image: url("https://static.pratique.fr/img/box/sante.jpg");
}

.box_img_jardinage, .box_img_jardinage:before,
.box_img_jardin, .box_img_jardin:before {
    background-image: url("https://static.pratique.fr/img/box/jardin.jpg");
}

.box_img_loisirs, .box_img_loisirs:before,
.box_img_culture_loisirs, .box_img_culture_loisirs:before {
    background-image: url("https://static.pratique.fr/img/box/loisirs.jpg");
}

.box_img_nature, .box_img_nature:before {
    background-image: url("https://static.pratique.fr/img/box/nature.jpg");
}

.box_img_sciences, .box_img_sciences:before,
.box_img_high_tech, .box_img_high_tech:before {
    background-image: url("https://static.pratique.fr/img/box/sciences.jpg");
}

/* box img newsletter */

.box_img_news_actu, .box_img_news_actu:before {
    background-image: url("https://static.pratique.fr/img/newsletter/actu.jpg");
}

.box_img_news_sante, .box_img_news_sante:before {
    background-image: url("https://static.pratique.fr/img/newsletter/sante.jpg");
}

.box_img_news_vie, .box_img_news_vie:before {
    background-image: url("https://static.pratique.fr/img/newsletter/vie.jpg");
}

.box_img_news_brico, .box_img_news_brico:before {
    background-image: url("https://static.pratique.fr/img/newsletter/brico.jpg");
}

/* box img service */

.box_img_service, .box_img_service:before {
    background-image: url("https://static.pratique.fr/img/service.jpg");
}

/* box border */

.box_border {
    border: .2143em #ff5500;
}

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

.box_border_gold {
    border-color: #ff9900;
}

.box_border_top {
    padding-top: 1.2858em;
    border-top-style: solid;
}

.box_border_right {
    padding-right: 1.2858em;
    border-right-style: solid;
}

.box_border_bottom {
    padding-bottom: 1.2858em;
    border-bottom-style: solid;
}

.box_border_left {
    padding-left: 1.2858em;
    border-left-style: solid;
}

/* box arrow */

.box_arrow {
    position: relative;
}

.box_arrow:after {
    position: absolute;
    top: 1.5em;
    left: -.3572em;
    border-top: .3572em solid transparent;
    border-right: .3572em solid #f0f0f0;
    border-bottom: .3572em solid transparent;
    content: "";
}

.box_bg_blue.box_arrow:after {
    border-right-color: #2a8fbd;
}

/* box answer */

.box_answer {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -ms-hyphens: auto;
}

/* box title */

.box-title {
    position: relative;
    z-index: 10;
    padding: .75em 1.5em;
    border-radius: .2143em .2143em 0 0;
    background: #2a8fbd;
    box-shadow: inset 0 -.2142em #247ca3;
    color: #fff;
}

.box-title + .box {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.box-title_bg_orange {
    background: #ff5500;
    box-shadow: inset 0 -.2142em #e54c00;
}

.box-title_bg_gold {
    background: #ff9900;
    box-shadow: inset 0 -.2142em #e58a00;
}

/* box title icon */

.box-title.icon {
    padding-left: 4em;
}

.box-title:before {
    position: absolute;
    top: .1191em;
    left: .1em;
    color: #fff;
    text-shadow: .0239em .0239em .0477em rgba(43, 43, 43, .3);
    font-size: 3em;
    line-height: 1;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

/* box intro */

.box_intro {
    position: relative;
}

.box_intro .box-title {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    background: none;
    box-shadow: none;
}

.box_intro .box-title:before {
    text-shadow: none;
}

.box_intro .hr-deco:after {
    border-bottom-style: dotted;
}

.box_intro .circle {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -.75em;
    margin-left: -.75em;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
}

.box_intro .circle:hover, .box_intro .circle:focus, .box_intro .circle:active {
    box-shadow: 0 0 0 .75em rgba(255, 255, 255, .5);
}

.box__list-max {
    overflow: hidden;
    max-height: 7.5em;
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease;
}

.box__list-max_active {
    max-height: 40em;
}

/* box summary */

.box_summary .box-title.icon {
    padding-left: 4.5em;
}

.box_summary .box-title:before {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.box_summary .hr-deco:after {
    border-bottom-color: #fff;
}

/* box step */

.box_step .box-title:before {
    color: #2a8fbd;
    -webkit-transform: none;
    transform: none;
}

.box_step .hr-deco:after {
    border-bottom-color: #2a8fbd;
}

.box_step .circle:hover, .box_step .circle:focus, .box_step .circle:active {
    box-shadow: 0 0 0 .75em rgba(255, 255, 255, 1);
}

/* box see more */

.box_see_more {
    overflow: hidden;
}

.box_see_more .box-title {
    box-shadow: none;
}

.box_see_more .box-title.icon {
    padding-left: 7em;
}

.box_see_more .box-title:before {
    top: .05em;
    left: .5em;
}

/* box author */

.box_author {
    box-shadow: inset 1.5em 0 #fff;
}

/* box on */

.box_active, .box__circle, .box__circle:after, .box__txt {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.box_active {
    box-shadow: 0 0 .7143em rgba(43, 43, 43, 0);
}

.box_active:hover {
    border-color: #ff5500;
    box-shadow: 0 0 .7143em rgba(43, 43, 43, .25);
}

.box_active:hover .box__circle {
    background: #ff5500;
}

.box_active:hover .box__circle:after {
    border-top-color: #ff5500;
}

.box_active:hover .box__txt {
    color: #ff5500;
}

/* box preview */

.box_preview {
    position: relative;
    overflow: hidden;
    padding: 3em;
    box-shadow: inset 0 0 0 1px #ccc;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.box_preview:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
    content: "";
}

.box.whencpload {
    margin: 21px auto -10px auto;
    width: 65%;
}

.backgd {
    background-color: #2b2b2b;
    color: #2b2b2b;
}

.backgdv {
    max-height: 100%;
    background-color: #FFF;
    color: #202020;
}

.dwLetterCtPlus {
    cursor: pointer;
}

/* box winner */

.box_winner {
    position: relative;
}

.box_winner .inception {
    position: absolute;
    top: -.75em;
    right: -.75em;
}

.box_winner .inception:before {
    color: #6ad500;
}

/* box actus */

.box--actus .box {
    padding: 0;
    overflow: hidden;
    border-radius: .3em;
}

.box--actus .box__list {
    padding-left: 0;
    list-style: none;
}

.box--actus .box__item {
    border-bottom: 1px dotted #ccc;
    line-height: 2.5;
}

.box--actus .box__item:last-child {
    border-bottom: 0;
}

.box--actus .box__link {
    display: block;
    padding: 0 1.2em;
    background: #fff;
    font-weight: 700;
    color: #2b2b2b;
    text-transform: capitalize;
    -webkit-transition: all .2s ease;
}

.box--actus .box__link,
.box--actus .box__link > * {
    transition: all .2s ease;
}

.box--actus .box__link:hover > *,
.box--actus .box__link:hover,
.box--actus .box__link:focus,
.box--actus .box__link:active {
    background: #f0f0f0;
    color: #2a8fbd;
    text-decoration: none;
}

.box--actus .box__link > * {
    font: inherit;
}

/* box filter */

#filter-responsive {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#filter-responsive span {
    display: none;
}

/* ---------------------------------------------- */
/* module popin								      */
/* ---------------------------------------------- */

/* popin default */

.popin:after, .popin__box {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.popin:after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 110;
    background: rgba(43, 43, 43, .9);
    content: "";
}

.popin__box {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 120;
    overflow: hidden;
    margin: 0;
    padding: 3em;
    max-width: 36.7143em;
    width: 100%;
    border-radius: .2143em;
    background: #fff;
    box-shadow: 0 0 .75em .75em rgba(43, 43, 43, .25);
    cursor: auto;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
}

.popin__box_medium {
    max-width: 59.6429em;
}

.popin__box_large {
    max-width: 82.5715em;
}

/* popin close */

.popin__close {
    position: absolute;
    top: .75em;
    right: .75em;
    z-index: 10;
    padding: 0;
    width: 3em;
    height: 3em;
    border-radius: 100%;
    background: #fff;
    box-shadow: inset 0 0 0 .75em #fff;
    font-size: 1em;
    -webkit-transition: background .2s ease, box-shadow .2s ease;
    transition: background .2s ease, box-shadow .2s ease;
}

.popin__close:before, .popin__close:after {
    position: absolute;
    top: 35%;
    right: 50%;
    margin-right: 0;
    width: 1px;
    height: 35%;
    background: #ccc;
    content: "";
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popin__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popin__close:hover, .popin__close:focus, .popin__close:active {
    background: #f0f0f0;
    box-shadow: inset 0 0 0 0 #fff;
    opacity: 1;
    outline: none;
}

.popin__close:hover:before, .popin__close:focus:before, .popin__close:active:before,
.popin__close:hover:after, .popin__close:focus:after, .popin__close:active:after {
    background: #666;
}

.filter-close .popin__close:before {
    top: 8px;
}

.filter-close .popin__close:before, .filter-close .popin__close:after {
    width: 1px;
    margin-top: 5px;
    right: 58%;
    margin-right: -3px;
    height: 10px;
}

/* popin ref */

.popin__ref {
    position: relative;
}

.popin__ref .popin__box {
    z-index: 20;
    max-width: 32.0715em;
    box-shadow: 0 0 1.5em rgba(43, 43, 43, .2);
}

/* popin footer */

.popin__footer {
    margin: 3em -3em -3em;
    padding: 1.5em 3em;
    background: #f0f0f0;
}

/* popin active */

.popin_active body {
    overflow: hidden;
    height: 100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.popin_active:after, .popin_active .popin__box, .popin__ref .popin__box {
    visibility: visible;
    opacity: 1;
}

.popin_active .popin__box, .popin__ref .popin__box {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

/* popin newsletters large */

.popin_news_large {
    max-width: 71.4286em;
}

.popin_news_large::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background: url("https://static.pratique.fr/img/newsletter/lightbox_news_large.jpg") left top no-repeat;
    background-size: cover;
}

.popin_news_large .popin__form {
    margin-top: 0;
    margin-left: calc(50% + 3em);
}

/* popin newsletters small */

.popin_news_small::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 27em;
    background: url("https://static.pratique.fr/img/newsletter/lightbox_news_small.jpg") left top no-repeat;
    background-size: cover;
}

.popin_news_small .popin__form {
    margin-top: 27em;
}

/* ---------------------------------------------- */
/* module pop								      */
/* ---------------------------------------------- */

/* pop default */

.pop {
    overflow: hidden;
    max-width: 29em;
    border-radius: .2143em;
    background: #6ad500;
    text-align: center;
}

.pop__box {
    padding: .75em;
    box-shadow: inset .3572em .3572em .7143em rgba(43, 43, 43, .15);
}

.pop__box_cpt:before {
    margin-right: .4762em;
    color: #fff;
    font-size: 1.5em;
}

.pop__box_vote {
    background: #666;
    white-space: nowrap;
}

#cp_TemplateButton {
    padding-bottom: 2em;
    border: 2px solid #FFF;

}

/* pop vote */

.pop__box_vote .circle {
    white-space: normal;
    -webkit-transition: background .2s ease, color .2s ease;
    transition: background .2s ease, color .2s ease;
}

.pop__box_vote .circle:hover, .pop__box_vote .circle:focus, .pop__box_vote .circle:active {
    color: #fff;
}

.pop__box_vote .circle:before {
    top: -.15em;
    font-size: 1em;
    font-size: 1.4rem;
}

.pop__yes {
    color: #6ad500;
}

.pop__yes:hover, .pop__yes:focus, .pop__yes:active {
    background: #6ad500;
}

.pop__no {
    color: #ff0000;
    line-height: 1.8;
}

.pop__no:hover, .pop__no:focus, .pop__no:active {
    background: #ff0000;
}

/* pop preview */

.pop_preview {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    width: 4em;
    border-radius: .75em;
    vertical-align: top;
}

.pop_preview .icon:before {
    position: absolute;
    top: 50%;
    left: .2em;
    font-size: 1.1em;
}

/* ---------------------------------------------- */
/* module progress								      */
/* ---------------------------------------------- */

/* progress list */

.progress {
    overflow: hidden;
    border-radius: .2143em;
}

.progress__list {
    display: table;
    margin-left: -.2143em;
    padding-left: 0;
    width: -webkit-calc(100% + .4286em);
    width: calc(100% + .4286em);
    border-spacing: .2143em 0;
    table-layout: fixed;
}

.progress__item {
    position: relative;
    z-index: 0;
    display: table-cell;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    font-family: "Roboto Slab", Georgia, serif;
}

.progress__item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: .2143em;
    background: #ccc;
    content: "";
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.progress__item:first-child:before {
    left: -1em;
}

.progress__item:last-child:before {
    right: -1em;
}

.progress__item_active:before {
    background: #6ad500;
}

/* progress box */

.progress .box {
    padding-top: .5357em;
    padding-bottom: .75em;
    border-top: .2143em solid #fff;
}

/* ---------------------------------------------- */
/* module slider							      */
/* ---------------------------------------------- */

/* slider default */

.slider {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.slider_txt {
    white-space: normal;
}

.slider__list {
    position: relative;
    margin-left: -1.5em;
    padding-left: 0;
    letter-spacing: -.242em;
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    text-rendering: optimizespeed;
}

.slider__item {
    display: inline-block;
    margin-left: 1.5em;
    width: -webkit-calc(100% - 1.5em);
    width: calc(100% - 1.5em);
    vertical-align: top;
    letter-spacing: normal;
    text-rendering: auto;
}

.slider__img {
    width: 100%;
}

/* slider flow */

.slider_flow {
    margin-top: 0;
    white-space: normal;
}

.slider_flow .slider__item {
    margin-top: 1.5em;
}

.slider_flow .slider__list {
    letter-spacing: -.25em;
}

/* slider more items */

.slider_2 .slider__item {
    width: calc((100% / 2) - 1.51em);
    width: -webkit-calc((100% / 2) - 1.5em);
}

.slider_3 .slider__item {
    width: calc((100% / 3) - 1.51em);
    width: -webkit-calc((100% / 3) - 1.5em);
}

.slider_4 .slider__item {
    width: calc((100% / 4) - 1.51em);
    width: -webkit-calc((100% / 4) - 1.5em);
}

.slider_5 .slider__item {
    width: calc((100% / 5) - 1.51em);
    width: -webkit-calc((100% / 5) - 1.5em);
}

.slider_6 .slider__item {
    width: calc((100% / 6) - 1.51em);
    width: -webkit-calc((100% / 6) - 1.5em);
}

/* slider nav */

.slider__link {
    position: absolute;
    top: 3em;
    z-index: 20;
    width: 3em;
    height: 3em;
    background: #fff;
    color: #ccc;
    text-align: center;
    text-decoration: none;
    line-height: 3.1;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

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

.slider__link_previous {
    border-radius: 0 .2143em .2143em 0;
}

.slider__link_next {
    right: 0;
    border-radius: .2143em 0 0 .2143em;
}

.slider__link:hover, .slider__link:focus, .slider__link:active {
    color: #2b2b2b;
}

/* slider bullet */

.slider__bullets {
    position: absolute;
    bottom: 1.5em;
    left: 50%;
    z-index: 20;
    margin-top: 0;
    padding-left: 0;
    letter-spacing: -.242em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-rendering: optimizespeed;
}

.slider_title .slider__bullets {
    bottom: 4.5em;
}

.slider__bullet-item {
    display: inline-block;
    padding-left: .75em;
    vertical-align: bottom;
    letter-spacing: normal;
    text-rendering: auto;
}

.slider__bullet-item:first-child {
    padding-left: 0;
}

.slider__bullet-link {
    display: block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border: .2858em solid #fff;
    border-radius: 100%;
    background: #fff;
    line-height: 3;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.slider__bullet-link_active, .slider__bullet-link:hover, .slider__bullet-link:focus, .slider__bullet-link:active {
    background: #2a8fbd;
}

/* ---------------------------------------------- */
/* module loader							      */
/* ---------------------------------------------- */

.loader-letter {
    position: relative;
    overflow: hidden;
    height: 3em;
    border-radius: 1.5em;
    background: #f0f0f0;
    box-shadow: inset .1429em .2143em .4286em rgba(0, 0, 0, .2);
}

.loader-letter:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 1.5em;
    background: #ff5500;
    content: "";
    -webkit-animation: loading 10s linear;
    animation: loading 10s linear;
}

@-webkit-keyframes loading {
    from {
        width: 0;
    }
    80% {
        width: 80%;
    }
    90% {
        width: 80%;
    }
    to {
        width: 100%;
    }
}

@keyframes loading {
    from {
        width: 0;
    }
    80% {
        width: 80%;
    }
    90% {
        width: 80%;
    }
    to {
        width: 100%;
    }
}

/* ----------------------------- */
/* ==cms fix			         */
/* ----------------------------- */

/* a noter */

.anoter {
    position: relative;
    overflow: hidden;
    padding: 1.5em 1.5em 1.5em 1.2858em;
    border-left: .2143em solid #ff5500;
    border-radius: .2143em;
    background: #f0f0f0;
    color: #2b2b2b;
    font: 700 1em/1.5 "Roboto Slab", Georgia, serif;
}

.anoter:before {
    position: relative;
    top: .15em;
    margin-right: .5em;
    color: #ff5500;
    content: "\e600";
    text-transform: none;
    font: normal normal normal 1.75em/0 icomoon, sans-serif;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fb_iframe_widget_lift {
    z-index: 11 !important;
}

button[role="presentation"] {
    background: none;
}

/* format */

h1 > p, h2 > p, h3 > p, h4 > p, h5 > p {
    line-height: inherit;
}

.content ul, .content ol {
    overflow: hidden;
    padding-left: 2em;
}

.content .box_intro ul {
    padding-left: 1.25em;
}

/* ----------------------------- */
/* ==IE8 support			     */
/* ----------------------------- */

.ie8 img {
    width: auto;
}

.ie8 .gm-style img {
    height: 100%;
}

.ie8 [type="checkbox"], .ie8 [type="radio"] {
    padding: 0;
}

.ie8 textarea {
    overflow: auto;
}

#sponsoArt {
    display: none;
}

/* ---------------------------------- */
/* ==Responsive large - desktop	 	  */
/* ---------------------------------- */

@media (min-width: 62.5em) {

    /* 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: 3em;
    }

    .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;
    }

    /*
     * fait planter mon compte sur ipad
     * @codi
     */
    /*.nav_corporate_lvl_1 .nav__account:hover .nav__bubble,*/
    .nav_corporate_lvl_1 .nav__account_active .nav__bubble {
        visibility: visible;
        opacity: 1;
    }

    /*
     * fait planter mon compte sur ipad
     * @codi
     */
    /*.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);
    }

    /* navigation topic */
    .nav__break:last-child > .nav__list > .nav__item:first-child {
        padding-left: 1.5em;
    }
}

/* ---------------------------------- */
/* ==Responsive medium - desktop 	  */
/* ---------------------------------- */

@media (min-width: 48.0625em) {

    /* navigation corporate lvl 2 */
    .nav_corporate_lvl_2 .mini-search {
        visibility: visible;
        opacity: 1;
    }
}

/* ---------------------------------- */
/* ==Responsive small - desktop	 	  */
/* ---------------------------------- */

@media (min-width: 40.0625em) {

    .desktop-hidden {
        display: none !important;
    }

    .nav__item_full:hover .nav__link:after {
        bottom: 0;
    }

    /* navigation fake overflow */
    .nav__break:first-child > .nav__list > .nav__item_active:first-child {
        position: relative;
    }

    .nav__break:first-child > .nav__list > .nav__item_active:first-child .angle,
    .nav__break:last-child > .nav__list > .nav__item_active:last-child .angle {
        position: relative;
        z-index: 1;
        background: none;
    }

    .nav__break:first-child > .nav__list > .nav__item_active:first-child .angle:before,
    .nav__break:last-child > .nav__list > .nav__item_active:last-child .angle:after {
        display: none;
    }

    .nav__break:first-child > .nav__list > .nav__item_active:first-child:after,
    .nav__break:last-child > .nav__list > .nav__item_active:last-child:after {
        position: absolute;
        top: 0;
        right: 1.1em;
        bottom: 0;
        left: -.8em;
        border-radius: 1.5em 0 0 1.5em;
        background: #ff5500;
        content: "";
    }

    .nav__break:last-child > .nav__list > .nav__item_active:last-child:after {
        right: 0;
        left: auto;
        width: 3em;
        border-radius: 0 1.5em 1.5em 0;
    }

    .nav__break:last-child > .nav__list > .nav__item_active:last-child .angle {
        border-radius: 0 1.5em 1.5em 0;
        background: #ff5500;
    }

    /* sub menu */
    .sub-menu_active:after {
        visibility: visible;
        opacity: 1;
    }

    /* habillage */
    .habillage:not([style]) {
        position: relative;
    }

    .habillage .wrapper {
        max-width: 71.4286em;
    }

    .habillage .banner-service {
        position: relative;
        z-index: 100;
        margin-right: auto;
        margin-left: auto;
        max-width: 71.4286em;
    }

    .habillage .banner-service_plane:after {
        display: none;
    }

    .habillage [role="main"] {
        position: relative;
        z-index: 10;
        background: #fff !important;
    }

    .habillage .footer, .habillage .newsletter {
        position: relative;
        z-index: 100;
    }

    body.habillage > div[role=main] {
        margin-top: 12.857em;
    }

    .habillage [role="main"] {
        margin-top: 0;
        padding: 1.5em;
        border-radius: 0 0 .2143em .2143em;
    }

    .habillage__link {
        position: absolute;
        top: 4.286em;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .habillage .habillage__link {
        display: block;
    }

    .habillage__img {
        position: absolute;
        left: 50%;
        max-width: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    /* animation overflow */
    .anim-overflow {
        position: relative;
        overflow: hidden;
        height: 1.5em;
    }

    .anim-overflow:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 2em;
        background: #fff;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        content: "";
        font-weight: bold;
        opacity: 1;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
    }

    .anim-overflow:hover:after {
        opacity: 0;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }

    .anim-overflow_medium:hover:after {
        -webkit-transition-delay: 2.5s;
        transition-delay: 2.5s;
    }

    .anim-overflow_slow:hover:after {
        -webkit-transition-delay: 3.5s;
        transition-delay: 3.5s;
    }

    .anim-overflow__txt {
        position: absolute;
        left: 0;
        white-space: nowrap;
        -webkit-transition: left .5s linear, -webkit-transform .5s linear;
        transition: left .5s linear, transform .5s linear;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .anim-overflow_medium .anim-overflow__txt {
        -webkit-transition-duration: 1.5s;
        transition-duration: 1.5s;
    }

    .anim-overflow_slow .anim-overflow__txt {
        -webkit-transition-duration: 2.5s;
        transition-duration: 2.5s;
    }

    .anim-overflow__txt:hover, .anim-overflow__txt:focus, .anim-overflow__txt:active {
        left: 100%;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

/* ---------------------------------- */
/* ==Responsive resize wrapper		  */
/* ---------------------------------- */

@media (max-width: 83em) {

    /* quick reset */
    .wrapper {
        max-width: 78.5715em;
    }

    /* social networks scroll */
    .social-networks_scroll {
        left: 0;
        margin-left: 0;
    }
}

@media (min-width: 80em) {

    /* social networks scroll */
    .social-networks_scroll_active {
        top: 4.5em;
        visibility: visible;
        opacity: 1;
    }

    .social-networks_scroll > ul {
        padding-left: 0;
    }
}

/* ---------------------------------- */
/* ==Responsive large - wrapper		  */
/* ---------------------------------- */

@media (min-width: 62.5em) and (max-width: 72.25em) {

    /* navigation topic */
    .nav_topic .nav__item {
        padding-right: 0;
    }

    .nav_topic .nav__item:before, .nav__break:last-child .nav__item:first-child:before {
        display: none;
    }

    .nav_topic .angle {
        margin: 0;
        padding: 0;
    }

    .nav__break:last-child > .nav__list > .nav__item:first-child {
        padding-left: 0;
    }

    /* navigation fake overflow */
    .nav__break:first-child > .nav__list > .nav__item_active:first-child:after {
        right: 0;
    }
}

/* ---------------------------------- */
/* ==Responsive large (tablets) 	  */
/* ---------------------------------- */

@media (max-width: 62.5em) {

    /* quick reset */
    body {
        padding-right: 1.5em;
        padding-left: 1.5em;
    }

    .banner-service, .footer, .newsletter {
        margin-right: -1.5em;
        margin-left: -1.5em;
    }

    .large-hidden {
        display: none;
    }

    /* banner 728x90 */
    .badamtop {
        text-align: center;
    }

    /* banner service */
    .banner-service:after {
        display: none;
    }

    /* navigation topic */
    .nav_topic {
        margin-bottom: -1px;
        padding: 0;
        border-radius: .75em;
    }

    .nav__break {
        display: block;
        padding: 0 1.5em;
    }

    .nav__break:first-child {
        border-bottom: 1px solid #fff;
    }

    .nav_topic .nav__item:before {
        display: none !important;
    }

    /* navigation fake overflow */
    .nav__break:first-child > .nav__list > .nav__item_active:first-child:after {
        left: -1.5em;
        border-radius: .75em 0 0 0;
    }

    .nav__break:last-child > .nav__list > .nav__item_active:last-child:after {
        top: 50%;
        border-radius: 0 0 .75em 0;
    }

    /* navigation topic sub menu */
    .nav__sub-menu .nav_tab .nav__item {
        display: inline-block;
        padding-right: 1.5em;
    }

    /* navigation corporate lvl 2 */
    .nav_corporate_lvl_2 .mini-search {
        left: 9.7em;
    }

    /* 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;
    }

    /*
     * fait planter mon compte sur ipad
     * @codi
     */
    /*.nav__account:hover .nav__bubble,*/
    .nav__account_active .nav__bubble {
        visibility: visible;
        opacity: 1;
    }

    /*
     * fait planter mon compte sur ipad
     * @codi
     */
    /*.nav__account:hover .nav__switch-label:before,*/
    .nav__account_active .nav__switch-label:before {
        color: rgba(255, 255, 255, 1);
    }

    /* 404 */
    .not-found__txt {
        font-size: 12em;
    }

    .not-found__img {
        width: 11em;
    }
}

/* ---------------------------------- */
/* ==Responsive large - medium		  */
/* ---------------------------------- */

@media (min-width: 48.0625em) and (max-width: 62.5em) {

    /* quick reset */
    .large-medium-hidden {
        display: none;
    }

    /* layout reset */
    .table.large-medium-layout-reset, .large-medium-layout-reset > *, .grid.large-medium-layout-reset > * > * {
        display: block;
        margin-left: 0;
        width: auto;
    }

    .table.large-medium-layout-reset > * + *, .grid.large-medium-layout-reset > * > * + *:not(:empty) {
        margin-top: 1.5em;
    }

    .grid_border.large-medium-layout-reset > * > * + * {
        padding-top: 1.5em;
        border-top: 1px dotted #ccc;
    }

    .grid_border.large-medium-layout-reset > * > * + *:after {
        display: none;
    }

    /* slider */
    .large-medium-slider-3 .slider__item {
        width: -webkit-calc((100% / 3) - 1.5em);
        width: calc((100% / 3) - 1.5em);
    }

    .large-medium-slider .slider__item {
        width: -webkit-calc(100% - 1.5em);
        width: calc(100% - 1.5em);
    }
}

/* ---------------------------------- */
/* ==Responsive large - small		  */
/* ---------------------------------- */

@media (min-width: 40.0625em) and (max-width: 62.5em) {

    /* quick reset */
    .large-small-hidden {
        display: none;
    }

    /* navigation fake overflow */
    .nav__break:first-child > .nav__list > .nav__item_active:last-child,
    .nav__break:last-child > .nav__list > .nav__item_active:first-child {
        position: relative;
    }

    .nav__break:first-child > .nav__list > .nav__item_active:last-child .angle,
    .nav__break:last-child > .nav__list > .nav__item_active:first-child .angle {
        position: relative;
        z-index: 1;
        background: none;
    }

    .nav__break:first-child > .nav__list > .nav__item_active:last-child .angle:after,
    .nav__break:last-child > .nav__list > .nav__item_active:first-child .angle:before {
        display: none;
    }

    .nav__break:first-child > .nav__list > .nav__item_active:last-child:after,
    .nav__break:last-child > .nav__list > .nav__item_active:first-child:after {
        position: absolute;
        top: 0;
        right: -1.5em;
        bottom: 0;
        left: -.4em;
        border-radius: 0 .75em 0 0;
        background: #ff5500;
        content: "";
    }

    .nav__break:last-child > .nav__list > .nav__item_active:first-child:after {
        right: 1.1em;
        left: -1.5em;
        border-radius: 0 0 0 .75em;
    }

    /* nav sub menu */
    .nav__break:last-child .nav__sub-menu {
        top: 4.5715em;
    }
}

@media (max-width: 640px) {
    .under-social-network {
        margin-top: 0;
    }
}

/* ---------------------------------- */
/* ==Responsive medium - small		  */
/* ---------------------------------- */

@media (min-width: 40.0625em) and (max-width: 48em) {

    /* quick reset */
    .medium-small-no-float {
        float: none;
    }

    .medium-small-mtm {
        margin-top: 1.5em;
    }
}

/* ---------------------------------- */
/* ==Responsive medium (phablets)	  */
/* ---------------------------------- */

@media (max-width: 48em) {

    /* you shall not pass */
    div, textarea, table, td, th, code, pre, samp {
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        -ms-hyphens: auto;
    }

    /* quick reset */
    .medium-hidden {
        display: none;
    }

    /* layout reset */
    .table.medium-layout-reset, .medium-layout-reset > *, .grid.medium-layout-reset > * > *, [role="main"] > .grid > * > * {
        display: block;
        margin-left: 0;
        width: auto;
    }

    .table.medium-layout-reset > * + *, .grid.medium-layout-reset > * > * + *, [role="main"] > .grid > * > * + *:not(:empty) {
        margin-top: 1.5em;
    }

    .grid_border.medium-layout-reset > * > * + * {
        padding-top: 1.5em;
        border-top: 1px dotted #ccc;
    }

    .grid_border.medium-layout-reset > * > * + *:after {
        display: none;
    }

    /* navigation corporate default */
    .nav__group .nav__list {
        display: none;
    }

    /* navigation corporate lvl 2 */
    .nav_corporate .mini-search {
        left: 50%;
        visibility: visible;
        margin-left: -13em;
        opacity: 1;
    }

    /* slider */
    .medium-slider-4 .slider__item {
        width: -webkit-calc((100% / 4) - 1.5em);
        width: calc((100% / 4) - 1.5em);
    }

    .medium-slider-3 .slider__item {
        width: -webkit-calc((100% / 3) - 1.5em);
        width: calc((100% / 3) - 1.5em);
    }

    /* banner service */
    .banner-service .circle {
        display: none;
    }

    /* search */
    .form-inline_search {
        display: none;
    }

    /* sub menu */
    .nav__sub-menu-section {
        -webkit-flex: 0 1 33.3334%;
        flex: 0 1 33.3334%;
    }

    /* popin newsletters */
    .popin_news_large::before {
        display: none;
    }

    .popin_news_large .popin__form {
        margin-left: 0;
    }

    /* images */
    .picture-container {
        width: 100%;
    }
}

/* ---------------------------------- */
/* ==Responsive small (smartphones)   */
/* ---------------------------------- */

@media (max-width: 40em) {

    /* quick reset */
    html {
        font-size: 9.6px;
    }

    .small-no-float {
        float: none;
    }

    .left_spacer.small-no-float, .right_spacer.small-no-float {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .small-wauto {
        max-width: none;
        width: auto;
    }

    .small-mtm {
        margin-top: 1.5em;
    }

    .small-hidden {
        display: none !important;
    }

    .small-txt-center {
        text-align: center;
    }

    .small-w100 {
        width: 100%;
    }

    /* banner */
    [role="banner"] {
        padding-top: 0;
    }

    /* banner 728x90 */
    .badamtop {
        display: none;
    }

    /* layout reset */
    .table.small-layout-reset, .small-layout-reset > *, .grid.small-layout-reset > * > * {
        display: block;
        margin-left: 0;
        width: auto;
    }

    .grid.small-layout-reset #filter-responsive span {
        display: block;
        width: 2em;
        height: 2em;
        line-height: 1.8;
    }

    #filter-responsive + #filterForm {
        display: none;
    }

    .table.small-layout-reset > * + *, .grid.small-layout-reset > * > * + *:not(:empty) {
        margin-top: 1.5em;
    }

    .grid_border.small-layout-reset > * > * + * {
        padding-top: 1.5em;
        border-top: 1px dotted #ccc;
    }

    .grid_border.small-layout-reset > * > * + *:after {
        display: none;
    }

    /* flexbox yeahhhhhh :) */
    .flex-grid {
        margin-left: 0;
    }

    .flex-grid > * {
        margin: 1.5em 0 0 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    /* slider */
    .small-slider-3 .slider__item {
        width: -webkit-calc((100% / 3) - 1.5em);
        width: calc((100% / 3) - 1.5em);
    }

    .small-slider-2 .slider__item {
        width: -webkit-calc((100% / 2) - 1.5em);
        width: calc((100% / 2) - 1.5em);
    }

    /* pagination */
    .pagination {
        padding-top: 1.4286em;
        border-top: 1px dotted #ccc;
        text-align: center;
    }

    /* box see more */
    .box_see_more .pagination {
        margin-left: 1.5em;
        padding-top: 0;
        border-top: 0;
    }

    /* form inline preview */
    .form-inline_preview .form-inline__field {
        min-height: 7.5em;
    }

    .form-inline_preview .form-inline__btn {
        position: static;
        margin-top: 1.5em;
        width: 100%;
    }

    /* navigation corporate */
    .nav_corporate {
        position: static;
        margin-right: -1.5em;
        margin-left: -1.5em;
        background: #ff5500 !important;
    }

    .nav__ref {
        z-index: 1;
    }

    .nav__logo, .nav__account:before {
        display: none;
    }

    .nav_corporate .mini-search {
        left: .3em;
        margin-left: 0;
        width: 50%;
    }

    .nav_corporate .mini-search__field {
        border: 0;
    }

    /* navigation switch */
    .nav-switch-field {
        position: relative;
        display: block;
        overflow: hidden;
        margin-top: 1.5em;
        padding: .75em 0;
        border-radius: .2143em;
        background: #2b2b2b;
        color: #ff5500;
        text-align: center;
        text-transform: uppercase;
        font: 700 1em/1.5 "Roboto Slab", Georgia, serif;
        -webkit-transition: border-radius .2s ease;
        transition: border-radius .2s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .nav-switch:checked + .nav-switch-field {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .nav-switch-field__label {
        vertical-align: top;
        font: 700 1.4286em/1.05 "Roboto Slab", Georgia, serif;
    }

    .nav-switch-field__btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 3em;
        height: 3em;
        border-radius: .2143em;
        background: #ff5500;
    }

    .nav-switch-field__btn:after, .nav-switch-field__btn_line:before, .nav-switch-field__btn_line:after {
        position: absolute;
        top: 50%;
        left: .75em;
        margin-top: -.0715em;
        width: 1.55em;
        height: 2px;
        border-radius: .75em;
        background: #fff;
        content: "";
        opacity: 1;
        -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-transition-property: left, background, -webkit-transform;
        transition-property: left, background, transform;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .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 {
        display: block;
        overflow: hidden;
        margin-bottom: 0;
        max-height: 0;
        border-radius: 0 0 .2143em .2143em;
        -webkit-transition: max-height .2s ease;
        transition: max-height .2s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .nav_topic:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        border-left: 1px dotted rgba(255, 255, 255, .1);
        content: "";
    }

    .nav-switch:checked ~ .nav_topic {
        max-height: 21em;
    }

    .nav__break:first-child {
        border-bottom: 0;
    }

    .nav_topic .nav__list {
        display: block;
    }

    .nav_topic .nav__item {
        float: left;
        padding-right: 0;
        width: 50%;
        box-shadow: inset 0 -1px rgba(255, 255, 255, .1);
        text-align: center;
    }

    .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 #ff5500;
    }

    .nav_topic .nav__item_active .nav__link:after {
        bottom: 1px;
        border-bottom-color: #ff5500;
    }

    .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: #ff5500;
    }

    .nav__item_full:hover .nav__sub-menu {
        display: none;
    }

    /* vignettes */
    .vignette_big {
        padding: 1.5em;
    }

    /* pop */
    .pop {
        max-width: none;
    }

    /* various modules */
    .memo, .hot-topics, .article-title:before, .services__title, .banner-service .hr-deco:after {
        display: none;
    }

    /* pagination */
    .pagination__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 80%;
        margin: auto;
        padding-right: 1.5em;
    }

    .pagination__item {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .pagination__item > a {
        display: block;
    }

    .pagination__item:before {
        display: none;
    }

    .pagination__label {
        display: none;
    }

    .pagination__list + .pagination__nav {
        margin-top: -1.5em;
        float: right;
    }

    .pagination__nav:first-child {
        float: left;
    }

    /* logo */
    .logo > [alt="Pratique"] {
        width: 75%;
    }

    .logo > .icon.icon_arrow {
        display: none;
    }

    /* article flex */
    .article-main > header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .article-main > header .figure {
        order: 1;
    }

    /* article home page */
    .home-page article > .box {
        margin-right: -1.5em;
        margin-left: -1.5em;
    }

    /* swipe */
    .slider__link {
        display: none;
    }
}

/* ---------------------------------- */
/* ==Responsive smaller				  */
/* ---------------------------------- */

@media (max-width: 30em) {

    /* quick reset */
    html {
        font-size: 8.6px;
    }

    .smaller-hidden {
        display: none;
    }

    .smaller-no-float {
        float: none;
    }

    .smaller-txt-center {
        text-align: center;
    }

    .smaller-w100 {
        width: 100%;
    }

    .smaller-mtm {
        margin-top: 1.5em;
    }

    .smaller-ptn {
        padding-top: 0;
    }

    /* layout reset */
    .table.smaller-layout-reset, .smaller-layout-reset > *, .grid.smaller-layout-reset > * > * {
        display: block;
        margin-left: 0;
        width: auto;
    }

    .table.smaller-layout-reset > * + *, .grid.smaller-layout-reset > * > * + *:not(:empty) {
        margin-top: 1.5em;
    }

    .grid_border.smaller-layout-reset > * > * + * {
        padding-top: 1.5em;
        border-top: 1px dotted #ccc;
    }

    .grid_border.smaller-layout-reset > * > * + *:after {
        display: none;
    }

    /* slider */
    .slider__link {
        top: 1.5em;
        background: none;
        color: #fff;
        text-shadow: 0 0 .75em rgba(43, 43, 43, .6);
    }

    .slider__link:hover, .slider__link:focus, .slider__link:active {
        color: #fff;
    }

    .slider__link:before, .slider__link:after {
        font-size: 3em !important;
    }

    .slider__bullets {
        display: none;
    }

    .smaller-slider-2 .slider__item {
        width: -webkit-calc((100% / 2) - 1.5em);
        width: calc((100% / 2) - 1.5em);
    }

    /* navigation topic */
    .nav-switch:checked ~ .nav_topic {
        max-height: 42em;
    }

    .nav_topic:after {
        display: none;
    }

    .nav_topic .nav__item {
        display: block;
        float: none;
        width: auto;
    }

    /* progress */
    .progress__item:not(.progress__item_active) {
        display: none;
    }

    .progress__item:before {
        right: -1em;
        left: -1em;
    }

    /* box arrow */
    .box_arrow:after {
        top: -.7143em;
        left: 50%;
        margin-left: -.3575em;
        border-right-color: transparent;
        border-bottom-color: #f0f0f0;
        border-left: .3572em solid transparent;
    }

    .box_bg_blue.box_arrow:after {
        border-right-color: transparent;
        border-bottom-color: #2a8fbd;
    }

    /* box preview */
    .box_preview {
        padding: 1.5em;
    }

    /* popin */
    .popin .popin__box {
        top: 1.5em !important;
        right: 1.5em;
        left: 1.5em;
        padding: 1.5em;
        width: auto;
    }

    .popin__footer {
        margin: 1.5em -1.5em -1.5em;
        padding: 1.5em 1.5em;
    }

    .popin.popin_active .popin__box, .popin__ref .popin__box {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }

    /* alert */
    .alert__msg {
        right: 0;
        left: 0;
        text-align: center;
    }

    .alert__msg:before {
        right: 50%;
        margin-right: -.3572em;
    }

    /* 404 */
    .not-found__txt {
        font-size: 8em;
    }

    .not-found__img {
        width: 7em;
    }

    /* pop */
    .pop__box_cpt {
        width: 25%;
    }

    .pop__box_cpt:before {
        display: none;
    }

    /* search */
    .nav-search .dropdown-content {
        position: fixed !important;
        right: 0;
        left: 0;
    }
}

/* ---------------------------------- */
/* ==Responsive tiny		          */
/* ---------------------------------- */

@media (max-width: 20em) {

    /* quick reset */
    .tiny-no-float {
        float: none;
    }

    .tiny-txt-center {
        text-align: center;
    }

    .tiny-txt-left {
        text-align: left;
    }

    .tiny-hidden {
        display: none;
    }

    .tiny-mtm {
        margin-top: 1.5em;
    }

    /* layout reset */
    .table.tiny-layout-reset, .tiny-layout-reset > *, .grid.tiny-layout-reset > * > * {
        display: block;
        margin-left: 0;
        width: auto;
    }

    .table.tiny-layout-reset > * + *, .grid.tiny-layout-reset > * > * + *:not(:empty) {
        margin-top: 1.5em;
    }

    .grid_border.tiny-layout-reset > * > * + * {
        padding-top: 1.5em;
        border-top: 1px dotted #ccc;
    }

    .grid_border.tiny-layout-reset > * > * + *:after {
        display: none;
    }

    /* slider */
    .slider .slider__item {
        width: -webkit-calc(100% - 1.5em);
        width: calc(100% - 1.5em);
    }

    /* pop */
    .pop__box_cpt {
        display: none;
    }

    /* social networks */
    .social-networks {
        float: none;
    }

    .social-networks__txt {
        display: none;
    }

    .social-networks > :last-child {
        float: right;
    }
}

/* ---------------------------------- */
/* ==Responsive popin				  */
/* ---------------------------------- */

@media (max-height: 62.5em) {

    /* popin */
    .popin_active .popin__box_top {
        top: 3em;
        -webkit-transform: translate(-50%, 0) scale(1);
        transform: translate(-50%, 0) scale(1);
    }
}

/* ----------------------------- */
/* ==IE8 support			     */
/* ----------------------------- */

.ie8 img {
    width: auto;
}

.ie8 .gm-style img {
    height: 100%;
}

.ie8 [type="checkbox"], .ie8 [type="radio"] {
    padding: 0;
}

.ie8 textarea {
    overflow: auto;
}

/* Mes Favoris */
.icon_hand_account:before {
    margin: 0;
}

header > div.wrapper.mts {
    margin-top: 20px;
}

.container-fancy-input {
    display: block;
    background: #FFF;
}

.container-fancy-input + .hr-dotted {
    clear: both;
}

.container-fancy-input h2 {
    text-align: center;
    margin-bottom: 50px;
}

.container-fancy-input h2 small {
    font-weight: normal;
    color: #888;
    display: block;
}

/* form starting stylings ------------------------------- */
.container-fancy-input .group {
    position: relative;
    margin-bottom: 25px;
}

/* form starting stylings ------------------------------- */
.container-fancy-input .group-col .group {
    float: left;
    width: 48%;
}

.container-fancy-input .group-col .group.group-col-left {
    margin-right: 2%;
}

.container-fancy-input .group-col .group.group-col-right {
    margin-left: 2%;
}

.container-fancy-input .group-col {
    clear: both;
}

.container-fancy-input input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #757575;
    height: inherit;
    border-radius: 0;
}

.container-fancy-input input:focus {
    outline: none;
    border-bottom-color: #ff5500;
}

/* LABEL ======================================= */
.container-fancy-input label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
.container-fancy-input input:focus ~ label,
.container-fancy-input input.not-empty ~ label {
    top: -20px;
    font-size: 14px;
    color: #ff5500;
}

/* BOTTOM BARS ================================= */
.container-fancy-input .bar {
    position: relative;
    display: block;
}

.container-fancy-input .bar:before,
.container-fancy-input .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #ff5500;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.container-fancy-input .bar:before {
    left: 50%;
}

.container-fancy-input .bar:after {
    right: 50%;
}

/* active state */
.container-fancy-input input:focus ~ .bar:before,
.container-fancy-input input:focus ~ .bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.container-fancy-input .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.container-fancy-input input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.container-fancy-input [type="checkbox"]:not(:checked),
    /* Base for label styling */
.container-fancy-input [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.container-fancy-input [type="checkbox"]:not(:checked) + label,
.container-fancy-input [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    top: inherit;
    pointer-events: inherit;
    color: #666;
    padding-top: 2px;
    font-size: inherit;
}

/* checkbox aspect */
.container-fancy-input [type="checkbox"]:not(:checked) + label:before,
.container-fancy-input [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
    outline: none;
}

/* checked mark aspect */
.container-fancy-input [type="checkbox"]:not(:checked) + label:after,
.container-fancy-input [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
}

/* checked mark aspect changes */
.container-fancy-input [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.container-fancy-input [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.container-fancy-input [type="checkbox"]:disabled:not(:checked) + label:before,
.container-fancy-input [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.container-fancy-input [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.container-fancy-input [type="checkbox"]:disabled + label {
    color: #aaa;
}

/* accessibility */
.container-fancy-input [type="checkbox"]:checked:focus + label:before,
.container-fancy-input [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
.container-fancy-input label:hover:before {
    border: 1px solid #4778d9 !important;
}

.vertical-text {
    /*transform: rotate(90deg);*/
    /*transform-origin: left top 0;*/
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;

    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

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

/* FLOTING NEWSLETTER */
.floating-newsletter-container {
    position: fixed;
    opacity: 0;
    right: -307px;
    bottom: 100px;
    width: 355px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 15px 0 0 15px;
    -webkit-box-shadow: 0 5px 10px -1px rgba(136, 136, 136, 0.5);
    -moz-box-shadow: 0 5px 10px -1px rgba(136, 136, 136, 0.5);
    box-shadow: 0 5px 10px -1px rgba(136, 136, 136, 0.5);
    background: #fff;
    transition: right 1s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: right 1s ease-in-out, opacity 1s ease-in-out;
    -webkit-transition: right 1s ease-in-out, opacity 1s ease-in-out;
    z-index: 100;
}

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

.floating-newsletter-content {
    margin: 15px;
    position: relative;
}

.floating-newsletter-content > div {
    float: left;
}

.floating-newsletter-container .bar-control-newsletter {
    width: 11%;
    min-height: 14em;
    position: relative;
}

.floating-newsletter-container .bar-control-newsletter .popin__close {
    top: -10px;
    right: 5px;
}

.floating-newsletter-container .bar-control-newsletter .title-newsletter {
    position: absolute;
    top: -5px;
    left: 1.3em;
    font-weight: bold;
    font-size: 20px;
    height: 2em;
    color: #ff5500;
    text-transform: uppercase;
    transition: visibility 1s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: visibility 1s ease-in-out, opacity 1s ease-in-out;
    -webkit-transition: visibility 1s ease-in-out, opacity 1s ease-in-out;
    text-align: center;
}

.floating-newsletter-container .floating-newsletter-info {
    width: 89%;
}

.floating-newsletter-container .floating-newsletter-info ul {
    padding: 0;
}

.floating-newsletter-container .floating-newsletter-info li {
    list-style: none;
}

.dateMaj {
    font-size: 0.820em;
}

.dateMaj time {
    font-weight: normal;
}

/* Dossier printemps 2017 (et autres dossiers à venir si utilisés avec icônes Pratique) */
.nospace {
    margin-right: -10px;
}

.nav-header {
    height: 4.286em;
    background-color: #f60;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 .3572em .75em rgba(43, 43, 43, .25);
}

.nav-header > div {
    position: absolute;
    height: 100%;
    vertical-align: top;
    top: 0;
}

.nav-header > .nav-content {
    position: relative;
}

.nav-header > .nav-left {
    left: 0;
}

.nav-header > .nav-right {
    right: 0;
}

body > div[role=main] {
    margin-top: 5em;
}

.nav-header ul {
    margin: 0;
    padding: 0;
    list-style: none
}

/* menu navigation */
.nav-header .nav-menu {
    font-weight: bold;
    height: 100%;
    cursor: pointer;
}

.nav-header span.icon:before {
    font-size: 2.428em;
    margin: 0;
}

/* menu primary */
.nav-header .nav-primary > * {
    display: inline-block;
}

.nav-header .nav-primary p.logo {
    height: 4.286em;

    background-size: 11em;
    width: 12em;
    cursor: pointer;
    margin-right: 15px;
}

.nav-header .nav-primary p.logo img {
    height: 100%;
}

.nav-pratik-menu {
    position: relative;
}

.nav-pratik-menu .nav-picto {
    height: 2.5em;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5em;
    color: #2b2b2b;
}

.nav-pratik-menu .nav-picto.reverse_x {
    right: inherit;
    left: 0;
}

.nav-pratik-menu a {
    padding: 2em 2.3em;
}

/* menu service item */
.nav-header .services li {
    margin-right: 0;
    padding: .5em .8em;
    font-weight: bold;
}

.nav-header .services .services__item {
    border-left: 1px solid #fff;
}

.nav-header .services .services__item:first-child {
    border-left: none;
}

.nav-header .services > ul > li > a {
    color: #fff;
}

.nav-header .nav-primary a:hover {
    text-decoration: underline;
}

/* menu search */
.nav-search.services {
    height: 100%;
    padding: 0;
}

.nav-header .nav-search > ul > li > a:hover,
.nav-header .nav-search > ul > li > a:active,
.nav-header .nav-search > ul > li > a:focus,
.nav-header .nav-search > ul > li > a {
    text-decoration: none;
}

.nav-header .nav-search.services > ul > li {
    padding: 1.39em;
    cursor: pointer;
}

.nav-header .nav-search.services > ul > li,
.nav-header .nav-search.services > ul > li a {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.nav-header .nav-search.services > ul > li:hover {
    background-color: #ff5500;
}

.nav-header .nav-search.services > ul > li.follow-item.facebook:hover a {
    color: #3b5999;
}

.nav-header .nav-search.services > ul > li.follow-item.pinterest:hover a {
    color: #c8232c;
}

.nav-header .nav-search.services > ul > li.follow-item.twitter:hover a {
    color: #55acee;
}

.nav-header .nav-search.services > ul > li.follow-item.dailymotion:hover a {
    color: #00d2f3;
}

.nav-search .dropdown {
    position: relative;
}

.nav-search .dropdown-content {
    top: 4.286em;
    right: 0;
    margin: 0;
    padding: 1em;
    min-height: 4.286em;
    min-width: 30em;
    background-color: #f0f0f0;
    position: absolute;
    display: none;
    color: #666;
    z-index: 1;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.nav-search li.search-item {
    cursor: default !important;
}

.nav-search span.search-item {
    cursor: pointer;
}

.nav-search .account-item .dropdown-content,
.nav-search .follow-item .dropdown-content {
    min-width: 12.43em;
}

.nav-search .dropdown:hover > .dropdown-content {
    display: block;
}

.nav-search .follow-item {
    cursor: pointer;
}

.nav-search .follow-item > a {
    min-width: 2.659em;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.nav-search .follow-item li {
    padding: 0 0 0 .7em;
}

.nav-search .follow-item li:first-child {
    padding-left: 0;
}

.nav-search .follow-item li:last-child {
    padding-right: 0;
}

.nav-search .follow-item .social {
    border-radius: .3em;
}

.nav-search .follow-item .social:before {
    margin-left: .1em;
}

.nav-search .follow-item .social.social_pinterest:before {
    margin-top: -5px;
}

.nav-search .account-item .dropdown-content a {
    text-decoration: none;
    color: #666;
}

.nav-search .account-item .dropdown-content a:hover {
    text-decoration: underline;
    color: #f60;
}

/* megamenu */
.nav-menu .navigation {
    overflow: hidden;
    height: 100%;
}

.nav-menu .navigation > li {
    padding: 1.3em 0;
    border-right: 1px solid #fff;
}

.nav-menu .navigation a {
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.nav-menu .navigation > li > a {
    padding: 0 1em;
}

.nav-menu .nav-follow-us,
.nav-menu .dropdown-content {
    opacity: 0;
    display: block;
    visibility: hidden;
    position: fixed;
    background-color: #f0f0f0;
    top: 2.8em;
    bottom: 0;
    min-width: 21.4em;
    z-index: 1;
    box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, 0.2);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.nav-menu .dropdown[data-level="1"] {
    float: left;
    overflow: hidden;
    height: 100%;
}

.nav-menu .dropbtn {
    border: none;
    outline: none;
    color: #666;
    width: 100%;
    text-align: left;
    padding: 1em 1.2em;
    background-color: inherit;
}

.nav-menu li:hover > .dropbtn,
.nav-menu li:hover > .menu {
    color: #f60;
}

.nav-menu .navigation > .dropdown {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.nav-menu .navigation > li:hover {
    background-color: #ff5500;
}

.nav-menu .navigation .dropdown[data-level="1"] li:hover {
    background-color: #fff;
    color: #f60;
}

.nav-menu .navigation .dropdown[data-level="1"] li:hover > a {
    color: #f60;
}

.nav-menu .navigation .dropdown-content a:hover {
    text-decoration: underline;
}

.nav-menu .dropdown[data-level="2"] .dropdown-content {
    left: 21.4em;
}

.nav-menu .dropdown[data-level="3"] .dropdown-content {
    left: 42.8em;
}

.nav-menu .dropdown[data-level="4"] .dropdown-content {
    left: 64.2em;
}

.nav-menu .dropdown-content a {
    float: none;
    color: #666;
    padding: .8em 0;
    text-decoration: none;
    display: block;
    text-align: left;
}
.nav-menu .dropdown-content a.padmenu {
    padding: 0.8em 2em 0.7em 1.2em;
}

.nav-menu .icon-after {
    position: relative;
}

.nav-menu .icon-after:after {
    color: #f60;
    position: absolute;
    right: .5em;
    top: 1.2em;
    font-size: 1.4em;
}

.nav-menu .separator {
    padding: 1em 4em;
    cursor: default;
}

.nav-menu .navigation .dropdown[data-level="1"] li.separator:hover {
    background-color: inherit;
    color: inherit;
}

.nav-menu .separator hr {
    margin: 0;
}

.nav-header.inverse {
    background-color: #fff;
}

.nav-header.inverse .services .services__item {
    border-left-color: #f50;
}

.nav-header.inverse .services > ul > li > a {
    color: #f50;
}

.nav-header.inverse .services > ul > li > a:hover {
    color: #f50;
}

.nav-header.inverse .nav-menu .navigation > li {
    border-right-color: #f50;
    color: #f50;
}

.nav-header.inverse .nav-menu .navigation > li > a {
    color: #f50;
}

.nav-header.inverse .nav-menu .navigation > li:hover {
    background-color: #fff;
}

.nav-header.inverse .nav-search > ul > li,
.nav-header.inverse .nav-search > ul > li > a {
    color: #f50;
}

.nav-header.inverse .nav-search > ul > li:hover {
    background-color: #fff;
}

.nav-menu .nav-follow-us {
    /*position: fixed;*/
    top: 4.286em;
    display: none;
    height: 2.8em;
    /*background-color: #f0f0f0;*/
}

.nav-menu .nav-follow-us a {
    color: #f50;
}

.nav-header .nav-menu .nav-follow-us .list-inline {
    letter-spacing: -.242em;
    text-rendering: optimizespeed;
    height: 100%;
    text-align: center;
}

.nav-header .nav-menu .nav-follow-us .list-inline > div {
    display: inline-block;
    letter-spacing: normal;
    text-rendering: auto;
    margin-top: .5em;
    margin-right: 5em;
    height: 80%;
    width: 2.8em;
}

.nav-header .nav-menu .nav-follow-us .list-margin > div {
    margin-top: 1.5em;
}

.nav-header .nav-menu .nav-follow-us .list-inline.list-margin > div {
    margin-top: .5em;
    margin-right: 1.5em;
}

.nav-header .nav-menu .nav-follow-us .list-inline.list-margin > div:last-child {
    margin-right: 0;
}

.nav-header .nav-menu .nav-follow-us a span.icon:before {
    font-size: 2em;
}

.nav-header .nav-menu .nav-menu-button .nav-txt {
    padding-left: .5em;
}

@media (max-width: 89em) {
    .nav-header > .nav-left {
        position: static;
        display: inline-block;
    }

    .nav-header > .nav-content {
        display: inline-block;
        vertical-align: top;
        width: auto;
        position: static;
        margin-left: .8em;
    }
}

@media (max-width: 70em) {
    .nav-header .nav-search .follow-item {
        display: none;
    }

    .nav-menu .nav-follow-us {
        display: block;
    }

    .nav-menu .dropdown-content {
        top: 5.6em;
    }
}

@media (min-width: 60.1em) {
    .nav-menu .dropdown:hover > .nav-follow-us,
    .nav-menu .dropdown:hover > .dropdown-content {
        opacity: 1;
        visibility: visible;
        overflow: auto;
    }

}

@media (max-width: 60em) {
    .nav-menu .dropdown-content {
        width: 100%;
    }

    .nav-menu .nav-follow-us {
        width: 100%;
    }

    .nav-menu .nav-txt {
        display: none;
    }

    .nav-menu .dropdown[data-level="2"] .dropdown-content,
    .nav-menu .dropdown[data-level="3"] .dropdown-content {
        display: none;
    }

    .nav-search .dropdown-content {
        min-width: 25em;
    }

    .nav-menu .dropdown[data-level="2"] .icon_arrow.icon-after:after {
        display: none;
    }

    .nav-header .form-inline_search {
        display: inherit;
    }

    .nav-menu .dropdown.active > .nav-follow-us,
    .nav-menu .dropdown.active > .dropdown-content {
        opacity: 1;
        visibility: visible;
        overflow: auto;
    }

    .nav-menu .dropdown.active > .nav-menu-button > span.nav-label:before {
        content: "\e904";
    }
}

@media (max-width: 50em) {
    .nav-header .nav-primary .hot-topics .services__item:last-child {
        display: none;
    }
}

@media (max-width: 40em) {
    .nav-header .nav-primary .hot-topics {
        display: none;
    }

    .nav-header .nav-search.services > ul > li {
        padding: 1.39em 1em;
    }
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: 10px 0;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #ccc;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

.fb_connect {
    text-align: center;
    min-height: 40px;
}

.fb-button {
    background-color: #4267b2;
    border-radius: 4px;
    color: white;
    cursor: pointer;
}

.fb-button div {
    float: left;
}

.fb-button .fb-icon {
    background-color: white;
    color: #4267b2;
    border-radius: 2px;
    margin: 8px;
    height: 24px;
    width: 24px;
    position: relative;
}

.fb-button .fb-icon .icon {
    font-size: 20px;
    position: absolute;
    top: -4px;
    right: -10px;
}

.fb-button .fb-label p {
    font-size: 1.2em;
    margin: 7px 0;
}

.fb_connect_unsync:after,
.fb-button:after {
    content: " ";
    display: block;
    clear: both;
}

.fb_connect_unsync > div {
    float: left;
    width: 50%;
}

.fb_connect_unsync .fb-profil {
    margin: 10px 0;
}

.fb-sync-error {
    margin: 10px 0;
    padding: 10px;
    display: none;
}

.fb-sync-error.msg_active {
    display: block;
}

.footer_light {
    color: #ffffff;
}

.footer_light:after {
    content: " ";
    display: none;
    clear: both;
}
.footer_light .footer_copyright {
    float: left;
    width: 75%;
}

.footer_light .footer_contact {
    float: left;
    width: 25%;

}
.footer_light a {
    color: #fff;
    text-decoration: none;
}
.footer_light > div {
    margin: 1em 0;
}

@media (max-width: 40em) {
    .footer_light .footer_contact {
        width: 35%;
    }
}

@media (max-width: 20em) {
    .footer_light .footer_contact {
        width: 37%;
        line-height: 12;

    }
}
.icomail {
    display: inline-block;
}

.unsubscribe .unsub-label label {
    padding-right: 10px;
}


/* 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: 0.5em;
    background: #fff;
    padding: 0.7em;
    box-shadow: 0 0 .75em rgba(0,140,215,.5);
    transition: all 1s ease;
	-webkit-transition: all 1s ease;
   /* height: 347px; */
    min-width: 26em;
	max-width: 30em;
    border-radius: 10px;
    z-index: 999;
    bottom: 0.5em;
}


.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.popin__close  {
	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;
}


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

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

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


.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: 0.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;
    -webkit-transition: unset;
    height: auto;
    min-width: 26em;
    border-radius: unset;
    z-index: unset;
    bottom: unset;
}




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

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

.btnclosechat:before, .btnclosechat:after {
	background: #868e9b;
}

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

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

p.lexResponse {
    position: relative;
}

.pagination.soft {
    top: 2px;
    position: relative;
    left: -6px;
}

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

.chatbox-close  .btnclosechat:before {
    top: 13px;
}
.slider .scrollbox {
    position: relative;
    top: 0;
    -webkit-transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
}

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: #b555ff;
    color: #fff;
    font-size: 1.1em;
    padding: 0.5em;
    display: inline-block;
    margin: 0 0 1em 0;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 4px;
}

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

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

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

div#divupglg {
    border: 3px solid #008cd7;
}

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

.mediarea {
    display: none;
    margin-top: 1em;
}
.viedolive {
    padding: 0.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: 0px 2px 0px 0px;
    background-color: #008cd7;
    border-radius: 5px 5px 0 0px;
    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: #b555ff;
    color: #fff;
    font-size: 1.5em;
    padding: 0.5em;
    display: inline-block;
    margin: 0 0 1em 0;
    border-radius: 5px;
	cursor:pointer;
}

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

/* start chatbox */

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

div.chatbox  p.userRequest  {
	margin: 4px;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	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: 0.4em;
}

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

div.chatbox  .lexResponse li {
    margin: 0.2em;
    background-color: #fff;
    padding: 0.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;
	border-radius: 4px;
	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;
	border-radius: 4px;
	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;
}
.preview td.previewprogress.txtleft {
    width: 33%;
}

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

.preview td.previewval , .preview  td.previewcomplete  {
    width: 10%;
}
.chabotfp .chatbox {
    z-index: 10;
}
.preview span.value.wp100 {
    width: 30%;
}

#maSuppression .error {
	display: none;
	background-color: #e62121;
    color: #FFF;
    font-weight: bold;
    padding: 0.2em 2em;
    border-radius: 0.5em;
}


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

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


button.sendmess.iconnext {
    padding: 0.3em 1em;
    line-height: 1.7em;
    font-weight: bold;
    font-size: 1em;
    background: #b555ff;
    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: 2em;
    height: 2em;
	background: #aeaeb5;
	color: #fff;
}

.lexResponse .pagination .btnprevious, .lexResponse .pagination .btnnext {
    line-height: 1.5em;
    padding-left: 0.7em;
}

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



.btnprevious, .btnnext {
    width: 3em;
    height: 3em;
    padding: 0;
    background: #f8f8fa;
    color: #616973;
    border-radius: 0;
    -webkit-transition: background .2s ease, color .2s ease;
    transition: background .2s ease, color .2s ease;
}

.btnprevious:hover, .btnprevious:focus, .btnprevious:active,
.btnnext:hover, .btnnext:focus, .btnnext:active {
    background: #616973;
}

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

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


 /* fin chatbot*/