/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document

   ========================================================================== */

/**

* 1. Correct the line height in all browsers.

* 2. Prevent adjustments of font size after orientation changes in

*    IE on Windows Phone and in iOS.

*/

html {
    line-height: 1.3;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}



/* Sections

   ========================================================================== */

/**

* Add the correct display in IE 9-.

*/

article,
aside,
footer,
header,
nav,
section {
    display: block;
}



/**

* Correct the font size and margin on `h1` elements within `section` and

* `article` contexts in Chrome, Firefox, and Safari.

*/

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}



/* Grouping content

   ========================================================================== */

/**

* Add the correct display in IE 9-.

* 1. Add the correct display in IE.

*/

figcaption,
figure,
main {
    /* 1 */
    display: block;
}



/**

* Add the correct margin in IE 8.

*/

figure {
    margin: 1em 40px;
}



/**

* 1. Add the correct box sizing in Firefox.

* 2. Show the overflow in Edge and IE.

*/

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}



/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}



/* Text-level semantics

   ========================================================================== */

/**

* 1. Remove the gray background on active links in IE 10.

* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.

*/

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}



/**

* 1. Remove the bottom border in Chrome 57- and Firefox 39-.

* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

*/

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}



/**

* Prevent the duplicate application of `bolder` by the next rule in Safari 6.

*/

b,
strong {
    font-weight: inherit;
}



/**

* Add the correct font weight in Chrome, Edge, and Safari.

*/

b,
strong {
    font-weight: bolder;
}



/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}



/**

* Add the correct font style in Android 4.3-.

*/

dfn {
    font-style: italic;
}



/**

* Add the correct background and color in IE 9-.

*/

mark {
    background-color: #ff0;
    color: #000;
}



/**

* Add the correct font size in all browsers.

*/

small {
    font-size: 80%;
}



/**

* Prevent `sub` and `sup` elements from affecting the line height in

* all browsers.

*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}



sub {
    bottom: -0.25em;
}



sup {
    top: -0.5em;
}



/* Embedded content

   ========================================================================== */

/**

* Add the correct display in IE 9-.

*/

audio,
video {
    display: inline-block;
}



    /**

* Add the correct display in iOS 4-7.

*/

    audio:not([controls]) {
        display: none;
        height: 0;
    }



/**

* Remove the border on images inside links in IE 10-.

*/

img {
    border-style: none;
}



/**

* Hide the overflow in IE.

*/

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



/* Forms

   ========================================================================== */

/**

* Remove the margin in Firefox and Safari.

*/

button,
input,
optgroup,
select,
textarea {
    margin: 0;
}



/**

* Show the overflow in IE.

* 1. Show the overflow in Edge.

*/

button,
input {
    /* 1 */
    overflow: visible;
}



/**

* Remove the inheritance of text transform in Edge, Firefox, and IE.

* 1. Remove the inheritance of text transform in Firefox.

*/

button,
select {
    /* 1 */
    text-transform: none;
}



/**

* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`

*    controls in Android 4.

* 2. Correct the inability to style clickable types in iOS and Safari.

*/

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



    /**

* Remove the inner border and padding in Firefox.

*/

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



    /**

* Restore the focus styles unset by the previous rule.

*/

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }



/**

* 1. Correct the text wrapping in Edge and IE.

* 2. Correct the color inheritance from `fieldset` elements in IE.

* 3. Remove the padding so developers are not caught out when they zero out

*    `fieldset` elements in all browsers.

*/

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}



/**

* 1. Add the correct display in IE 9-.

* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.

*/

progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}



/**

* Remove the default vertical scrollbar in IE.

*/

textarea {
    overflow: auto;
}



/**

* 1. Add the correct box sizing in IE 10-.

* 2. Remove the padding in IE 10-.

*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}



/**

* Correct the cursor style of increment and decrement buttons in Chrome.

*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}



/**

* 1. Correct the odd appearance in Chrome and Safari.

* 2. Correct the outline style in Safari.

*/

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}



    /**

* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.

*/

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



/**

* 1. Correct the inability to style clickable types in iOS and Safari.

* 2. Change font properties to `inherit` in Safari.

*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}



/* Interactive

   ========================================================================== */

/*

* Add the correct display in IE 9-.

* 1. Add the correct display in Edge, IE, and Firefox.

*/

details,
menu {
    display: block;
}



/*

* Add the correct display in all browsers.

*/

summary {
    display: list-item;
}



/* Scripting

   ========================================================================== */

/**

* Add the correct display in IE 9-.

*/

canvas {
    display: inline-block;
}



/**

* Add the correct display in IE.

*/

template {
    display: none;
}



/* Hidden

   ========================================================================== */

/**

* Add the correct display in IE 10-.

*/

[hidden] {
    display: none;
}

.purpleRect {
    width: 8px;
    height: 8px;
    background-color: #d041ad;
    display: inline-block;
    top: -2px;
    position: relative;
    margin-right: 8px
}

.blueRect {
    width: 8px;
    height: 8px;
    background-color: #348de9;
    display: inline-block;
    top: -2px;
    position: relative;
    margin-right: 8px
}

.orangeRect {
    width: 8px;
    height: 8px;
    background-color: #fa6a05;
    display: inline-block;
    top: -2px;
    position: relative;
    margin-right: 8px
}



#abo {
    width: 100%;
}

    #abo h1 {
        font-weight: lighter;
        font-size: 1.8em;
        color: #3b3d4e;
    }



    #abo .content {
        background: white;
        width: 100%;
        padding: .6em 1.2em;
    }

    #abo .bgPrice {
        height: auto;
        margin-top: 60px;
        margin-bottom: 70px;
        /*padding: 0 0 4em 0;
        margin-bottom: 2.8em;
        background: linear-gradient(to left, rgba(18, 59, 109, 0.4), rgba(18, 59, 109, 0.4)), url("/images/abonnements/aboBg.jpg");
        background-size: cover;
        background-position: 10% 30%;
        box-shadow: 2px 6px 15px rgba(0, 0, 0, 0.2);*/
    }

        #abo .bgPrice h1 {
            padding: 1em 0em 0em 0em;
            margin: 0;
            color: black;
            font-size: 2.7em;
            font-family: Roboto !important;
            text-align: center;
        }

        #abo .bgPrice h2 {
            margin: 0;
            font-size: 35px !important;
            text-align: center;
            font-family: Roboto !important;
            font-weight: 400 !important;
        }

        #abo .bgPrice h3 {
            font-weight: 400 !important;
            font-family: Roboto !important;
            font-size: 19px !important;
            text-align: center;
            margin: 40px 0 12px 0;
        }

.bgPrice .wrapper .flux2 h3 {
    color: rgb(225, 52, 0) !important;
}

.bgPrice .wrapper .flux3 h3 {
    color: rgb(255, 152, 0) !important;
}


.weglot_switcher {
    margin-right: 3px;
}


#abo .bgPrice .flux .flux1, #abo .bgPrice .flux .flux2, #abo .bgPrice .flux .flux3 {
    padding: 1.5em 29px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    height: 629px;
    width: 380px;
    background: white;
    border-radius: 0px 0px 5px 5px;
    box-shadow: rgb(222, 222, 222) 0px 10px 24px 0px;
    /*
                -webkit-box-shadow: 0px 0px 20px 1px rgba(211,211,211,1);
                -moz-box-shadow: 0px 0px 20px 1px rgba(211,211,211,1);
                box-shadow: 0px 0px 20px 1px rgba(211,211,211,1);*/
}

#abo .bgPrice .flux .flux1, #abo .bgPrice .flux .flux2 {
    margin-right: 30px
}


#abo .bgPrice .flux .flux1 {
    border-top: 6px solid rgb(69, 70, 70);
}

#abo .bgPrice .flux .flux2 {
    border-top: 6px solid rgb(225, 52, 0);
}

#abo .bgPrice .flux .flux3 {
    border-top: 6px solid rgb(255, 152, 0);
}



    #abo .bgPrice .flux .flux1 h2, #abo .bgPrice .flux .flux2 h2, #abo .bgPrice .flux .flux3 h2 {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    #abo .bgPrice .flux .flux1 .content_pack, #abo .bgPrice .flux .flux2 .content_pack, #abo .bgPrice .flux .flux3 .content_pack {
        color: rgb(69, 70, 70) !important;
        font-size: 19px !important;
        font-family: Roboto !important;
        font-weight: 300 !important;
        text-align: justify;
        line-height: 2em !important;
        margin-top: 20px;
    }



    #abo .bgPrice .flux .flux1 .button_abo a, #abo .bgPrice .flux .flux2 .button_abo a, #abo .bgPrice .flux .flux3 .button_abo a {
        background-color: white;
        border: 1px solid rgb(255, 0, 0);
        text-decoration: none;
        padding: 16px 0px;
        font-family: Roboto !important;
        font-weight: 400 !important;
        font-size: 20px !important;
        border-radius: 5px;
        letter-spacing: 2px;
        line-height: 1.2em;
        width: 200px;
        color: currentColor;
    }


    #abo .bgPrice .flux .flux1 .button_abo, #abo .bgPrice .flux .flux2 .button_abo, #abo .bgPrice .flux .flux3 .button_abo {
        text-align: center;
        color: rgb(255, 0, 0) !important;
    }

        #abo .bgPrice .flux .flux1 .button_abo a:hover, #abo .bgPrice .flux .flux2 .button_abo a:hover, #abo .bgPrice .flux .flux3 .button_abo a:hover {
            color: white !important;
            background-color: rgb(255, 0, 0) !important;
        }

    #abo .bgPrice .flux .flux1 a, #abo .bgPrice .flux .flux2 a, #abo .bgPrice .flux .flux3 a {
        text-align: center;
        display: inline-block;
        text-decoration: none;
        font-size: 1.3em;
        padding: .2em 1.3em;
    }

    #abo .bgPrice .flux .flux2 .price, #abo .bgPrice .flux .flux3 .price {
        margin: .2em .7em .3em .7em;
        font-weight: lighter;
        font-size: 2.5em;
        text-align: center;
    }

#abo .bgPrice .flux .flux1 .price {
    margin: .9em .7em .8em .7em;
    font-weight: lighter;
    font-size: 2.5em;
    text-align: center;
}

    #abo .bgPrice .flux .flux1 .price span, #abo .bgPrice .flux .flux2 .price span, #abo .bgPrice .flux .flux3 .price span {
        font-size: .5em;
        text-align: center;
    }

#abo .bgPrice .flux .flux1 .version, #abo .bgPrice .flux .flux2 .version, #abo .bgPrice .flux .flux3 .version {
    font-family: Roboto !important;
    font-weight: 400 !important;
    color: rgb(61, 61, 69) !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}


#abo .bgPrice .flux .flux1 .price, #abo .bgPrice .flux .flux2 .price, #abo .bgPrice .flux .flux3 .price {
    color: #868686;
}

#abo .bgPrice .flux .flux3 {
    margin-right: 0px !important;
}





#abo .bgPrice .flux .flux2 .images {
    margin: auto;
    text-align: center;
    height: 150px;
    width: 150px;
    position: relative;
    color: #E5B155;
}

    #abo .bgPrice .flux .flux2 .images .bronze, #abo .bgPrice .flux .flux2 .images .argent {
        display: inline-block;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    #abo .bgPrice .flux .flux2 .images .bronze {
        left: 0px;
    }

    #abo .bgPrice .flux .flux2 .images .argent {
        left: 30px;
    }


#abo .bgPriceSelectAbo {
    height: auto;
    padding-top: 20px;
    padding-bottom: 40px;
    background-image: linear-gradient(rgb(246, 247, 249), rgb(246, 247, 249)) !important;
    background-size: auto, cover !important;
    background-position: 50% 50%, 50% 50% !important;
    background-attachment: scroll, scroll !important;
    background-repeat: no-repeat, no-repeat !important;
}

    #abo .bgPriceSelectAbo h1 {
        padding: 1em 0em 0em 0em;
        margin: 0;
        color: black;
        font-size: 2.7em;
        font-family: Roboto !important;
        text-align: center;
    }

    #abo .bgPriceSelectAbo h2 {
        margin: 0;
        font-size: 40px !important;
        text-align: center;
        font-family: Roboto !important;
        font-weight: 300 !important;
        background-image: linear-gradient(rgb(51, 51, 51), rgb(51, 51, 51)) !important;
        padding-top: 12px !important;
        font-size: 25px !important;
    }

    #abo .bgPriceSelectAbo h3 {
        font-weight: 300 !important;
        font-family: Roboto !important;
        font-size: 30px !important;
        text-align: center;
        margin: -40px 0 12px 0;
    }


    #abo .bgPriceSelectAbo .flux .flux1, #abo .bgPriceSelectAbo .flux .flux2 {
        position: relative;
        vertical-align: middle;
        display: inline-block;
        width: 408px;
        background: white;
        border-radius: 0px 0px 5px 5px;
        box-shadow: rgb(222, 222, 222) 0px 10px 24px 0px;
        padding-bottom: 30px;
        vertical-align: top;
    }

        #abo .bgPriceSelectAbo .flux .flux1 .topBlocBoutique, #abo .bgPriceSelectAbo .flux .flux2 .topBlocBoutique {
            background-image: radial-gradient(rgb(77, 77, 77) 0%, rgb(0, 0, 0) 100%), linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)) !important;
            color: white;
            padding-bottom: 25px;
        }

        #abo .bgPriceSelectAbo .flux .flux1 .Price, #abo .bgPriceSelectAbo .flux .flux2 .Price {
            font-family: Roboto;
            font-weight: 300;
            text-align: center;
            font-size: 15px;
        }

            #abo .bgPriceSelectAbo .flux .flux1 .Price .Price1, #abo .bgPriceSelectAbo .flux .flux2 .Price .Price1 {
                vertical-align: top;
                display: inline-block;
                padding-top: 8px;
                font-size: 15px !important;
                font-weight: 100 !important;
            }

            #abo .bgPriceSelectAbo .flux .flux1 .Price .Price2, #abo .bgPriceSelectAbo .flux .flux2 .Price .Price2 {
                font-size: 47px;
                color: white !important;
                font-weight: 400;
            }

        #abo .bgPriceSelectAbo .flux .flux1 .ItemsBoutique, #abo .bgPriceSelectAbo .flux .flux2 .ItemsBoutique {
            margin-top: 45px;
        }

            #abo .bgPriceSelectAbo .flux .flux1 .ItemsBoutique .ItemsTitle, #abo .bgPriceSelectAbo .flux .flux2 .ItemsBoutique .ItemsTitle {
                font-size: 16px;
                font-weight: 300;
                color: rgb(0, 0, 0);
            }

            #abo .bgPriceSelectAbo .flux .flux1 .ItemsBoutique .ItemsDesc, #abo .bgPriceSelectAbo .flux .flux2 .ItemsBoutique .ItemsDesc {
                font-weight: 500;
                font-size: 20px;
                margin-top: 10px;
            }


        #abo .bgPriceSelectAbo .flux .flux1 .list .listItems, #abo .bgPriceSelectAbo .flux .flux2 .list .listItems {
            font-weight: 300;
            font-size: 15px !important;
            color: rgb(0, 0, 0) !important;
            text-transform: none !important;
            font-family: Roboto !important;
            line-height: 1em !important;
            margin-top: 7px !important;
            margin-bottom: 0px !important;
            text-align: left !important;
        }


        #abo .bgPriceSelectAbo .flux .flux1 .list, #abo .bgPriceSelectAbo .flux .flux2 .list {
            max-width: 275px;
            margin: 0 auto;
            padding-left: 0px;
            margin-top: 20px;
        }

        #abo .bgPriceSelectAbo .flux .flux1 ul, #abo .bgPriceSelectAbo .flux .flux2 ul {
            list-style: none;
        }

    #abo .bgPriceSelectAbo .flux .flux1 {
        margin-right: 75px;
    }

    #abo .bgPriceSelectAbo .flux .Ask {
        max-width: 891px;
        background-color: white;
        margin: 0 auto;
        text-align: left;
        padding: 25px;
    }

        #abo .bgPriceSelectAbo .flux .Ask .titleAsk {
            font-weight: 500;
            font-size: 18px;
        }

        #abo .bgPriceSelectAbo .flux .Ask .sectionAsk {
            margin-top: 25px;
            font-weight: 400;
            font-size: 15px !important;
            text-align: justify
        }

        #abo .bgPriceSelectAbo .flux .Ask hr {
            border-width: 1px;
            border-color: rgb(225, 225, 225);
            margin-top: 25px;
            margin-bottom: 25px;
        }

    #abo .bgPriceSelectAbo .flux .svgLoupe, #abo .bgPriceSelectAbo .flux .detailAbo {
        display: inline-block;
        vertical-align: top;
    }

        #abo .bgPriceSelectAbo .flux .svgLoupe svg {
            width: 25px;
            height: 25px;
        }

        #abo .bgPriceSelectAbo .flux .detailAbo a {
            text-decoration: none;
            color: rgb(41, 41, 41) !important
        }


    #abo .bgPriceSelectAbo .flux .detailAbo {
        font-size: 22px !important;
        color: rgb(41, 41, 41) !important;
        font-weight: 300;
        line-height: 1.5em;
        margin-bottom: 35px;
        word-wrap: break-word;
        margin-left: 10px;
    }

    #abo .bgPriceSelectAbo .flux .svgLoupe {
        padding-top: 3px;
    }


    #abo .bgPriceSelectAbo .flux .flux1 h2, #abo .bgPriceSelectAbo .flux .flux2 h2 {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    #abo .bgPriceSelectAbo .flux .flux1 .content_pack, #abo .bgPriceSelectAbo .flux .flux2 .content_pack {
        color: rgb(69, 70, 70) !important;
        font-size: 19px !important;
        font-family: Roboto !important;
        font-weight: 300 !important;
        text-align: justify;
        line-height: 2em !important;
        margin-top: 20px;
    }



    #abo .bgPriceSelectAbo .flux .flux1 .button_abo a, #abo .bgPriceSelectAbo .flux .flux2 .button_abo a {
        background-color: rgb(225, 52, 0) !important;
        text-decoration: none;
        padding: 12px 0px;
        font-family: Rubik !important;
        font-weight: 400;
        font-size: 20px !important;
        border-radius: 5px;
        letter-spacing: 2px;
        line-height: 1.2em;
        width: 200px;
        color: white;
    }


    #abo .bgPriceSelectAbo .flux .flux1 .button_abo, #abo .bgPriceSelectAbo .flux .flux2 .button_abo {
        text-align: center;
        margin-top: 15px;
    }

        #abo .bgPriceSelectAbo .flux .flux1 .button_abo a:hover, #abo .bgPriceSelectAbo .flux .flux2 .button_abo a:hover {
            color: white !important;
            background-color: rgb(255, 0, 0) !important;
        }

    #abo .bgPriceSelectAbo .flux .flux1 a, #abo .bgPriceSelectAbo .flux .flux2 a {
        text-align: center;
        display: inline-block;
        text-decoration: none;
        font-size: 1.3em;
        padding: .2em 1.3em;
    }

    #abo .bgPriceSelectAbo .flux .flux2 .price {
        margin: .2em .7em .3em .7em;
        font-weight: lighter;
        font-size: 2.5em;
        text-align: center;
    }

    #abo .bgPriceSelectAbo .flux .flux1 .price {
        margin: .9em .7em .8em .7em;
        font-weight: lighter;
        font-size: 2.5em;
        text-align: center;
    }

        #abo .bgPriceSelectAbo .flux .flux1 .price span, #abo .bgPriceSelectAbo .flux .flux2 .price span {
            font-size: .5em;
            text-align: center;
        }

    #abo .bgPriceSelectAbo .flux .flux1 .version, #abo .bgPriceSelectAbo .flux .flux2 .version {
        font-family: Roboto !important;
        font-weight: 400 !important;
        color: rgb(61, 61, 69) !important;
        font-size: 16px !important;
        text-transform: uppercase !important;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }


    #abo .bgPriceSelectAbo .flux .flux1 .price, #abo .bgPriceSelectAbo .flux .flux2 .price {
        color: #868686;
    }

    #abo .bgPriceSelectAbo .flux .flux2 {
        margin-right: 0px !important;
    }





        #abo .bgPriceSelectAbo .flux .flux2 .images {
            margin: auto;
            text-align: center;
            height: 150px;
            width: 150px;
            position: relative;
            color: #E5B155;
        }

            #abo .bgPriceSelectAbo .flux .flux2 .images .bronze, #abo .bgPriceSelectAbo .flux .flux2 .images .argent {
                display: inline-block;
                position: absolute;
                right: 0px;
                bottom: 0px;
            }

            #abo .bgPriceSelectAbo .flux .flux2 .images .bronze {
                left: 0px;
            }

            #abo .bgPriceSelectAbo .flux .flux2 .images .argent {
                left: 30px;
            }


#abo .compare {
    background: white;
    padding-bottom: .8em;
}



    #abo .compare .title {
        text-transform: uppercase;
        font-weight: 600;
        border-bottom: 1px solid #E7E7E9;
        color: #65687d;
        font-size: 1.5em;
    }



        #abo .compare .title li:before {
            position: absolute;
            content: '';
            width: 1px;
            height: 950px;
            background: #E7E7E9;
            top: 100%;
            left: -5px;
        }



        #abo .compare .title .pro:after {
            content: '';
            position: absolute;
            bottom: -2px;
            margin: auto;
            left: 0px;
            right: 0px;
            width: 70%;
            height: 3px;
            background: #C1544D;
        }



    #abo .compare span {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1.1em;
        padding: 1em 1em 1em 3em;
        color: #65687d;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #E7E7E9;
    }



    #abo .compare ul {
        transition: all .3s ease-in-out;
    }



        #abo .compare ul:hover {
            background: #fcfcfc;
            cursor: pointer;
        }



        #abo .compare ul:first-child {
            height: auto;
        }



        #abo .compare ul p {
            color: #65687d;
            padding: 0;
            margin: 0;
            display: inline-block;
            width: 380px;
        }



        #abo .compare ul li {
            position: relative;
            padding: 1em;
            text-align: center;
            font-weight: 600;
            width: 400px;
            display: inline-block;
        }



        #abo .compare ul .cross {
            position: relative;
        }



            #abo .compare ul .cross:before, #abo .compare ul .cross:after {
                position: absolute;
                margin: auto;
                border-radius: .2em;
                content: '';
                background: #E7E7E9;
                height: 35px;
                width: 2px;
            }



            #abo .compare ul .cross:before {
                bottom: -16px;
                left: 0px;
                right: 0px;
                top: 0px;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }



            #abo .compare ul .cross:after {
                bottom: -16px;
                left: 0px;
                right: 0px;
                top: 0px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }



        #abo .compare ul .yes {
            position: relative;
        }



            #abo .compare ul .yes:before, #abo .compare ul .yes:after {
                margin: auto;
                position: absolute;
                border-radius: .2em;
                content: '';
                background: green;
            }



            #abo .compare ul .yes:before {
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                bottom: -4px;
                right: 0px;
                left: -12px;
                height: 12px;
                width: 2px;
            }



            #abo .compare ul .yes:after {
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                bottom: -6px;
                right: 0px;
                left: 12px;
                height: 25px;
                width: 2px;
            }





@media only screen and (max-width: 1021px) {

    #abo .wrapper {
        width: 100%;
    }

    #abo .flux {
        text-align: center
    }


    #abo .content h1 {
        margin-right: 0 !important;
    }



    #abo .compare ul li {
        width: 150px;
    }
}

@media only screen and (max-width: 556px) {



    #abo .flux .flux2 {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 40px;
    }

    #abo .flux .flux1 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}



#price {
    width: 100%;
    background: white;
}



    #price .content {
        background: white;
    }



        #price .content h1, #price .content h2 {
            font-weight: 400;
        }



        #price .content input[type="radio"] {
            margin-right: 2px;
        }



        #price .content input[type="checkbox"] {
            margin-right: 1em;
        }



        #price .content ul li {
            padding: .3em;
            list-style: none;
        }



        #price .content aside {
            float: left;
            background: #f26522;
            margin-right: 2.5em;
            color: white;
            width: 30%;
            margin-top: 1em;
        }

@media only screen and (max-width: 1022px) {
    #price .content aside {
        width: 100% !important;
        height: auto !important;
    }

    #price .content section .abo {
        width: 100% !important;
        margin: 2em 0 !important;
    }

    #price .content section .marches {
        width: 100% !important;
        margin: 2em 0 !important;
    }
}

@media only screen and (max-width: 720px) {
    #price .content section .abo div .leftAbo {
        width: 100% !important;
        padding-top: 0px !important;
    }

    #price .content section .abo div .rightAbo {
        width: 100% !important;
        padding-top: 0px !important;
    }
}

@media only screen and (min-width: 721px) {
    #price .content section .abo .leftAbo {
        float: left;
    }

    #price .content section .abo .rightAbo {
        float: right;
        /*margin-right: 60px;*/
    }
}


#price .content aside ul {
    margin: 0;
    padding: 0;
}



    #price .content aside ul li {
        padding: 0.5em 0em;
        font-size: 1.1em;
    }



        #price .content aside ul li:before {
            content: '> ';
            margin-right: 1em;
        }



#price .content aside .desc {
    border-top: 1px solid white;
    margin-top: 1.5em;
}



    #price .content aside .desc p {
        font-size: 1.2em;
        padding: 1em;
    }



#price .content section {
    color: #65687d;
    padding: 1em;
}



    #price .content section h1 {
        margin-bottom: 1em;
        text-align: center;
    }



    #price .content section .abo {
        border: 1px solid #E7E7E9;
    }



        #price .content section .abo div div {
            padding: 0.8em;
            display: block;
        }




        #price .content section .abo div span {
            font-size: 1.5em;
            font-weight: 600;
        }



        #price .content section .abo div p {
            display: inline-block;
            margin-top: .8em;
            margin-left: 1.7em;
        }



    #price .content section .marches {
    }



    #price .content section .price {
        float: right;
        text-align: right;
        padding-right: 1em;
    }



        #price .content section .price .prix {
            font-size: 3em;
            font-weight: 600;
            padding: .5em 0 0 .5em;
        }



        #price .content section .price span {
            display: block;
        }



aside input[type="submit"] {
    background: #ff5400;
    border: none;
    color: white;
    font-size: 1.8em;
    padding: .7em 1.5em;
    width: 100%;
}

aside .price {
    background-color: white;
    padding-top: 15px;
    text-align: right;
    padding-bottom: 90px;
}



#price .content section .marches ul li {
    padding: 0.9em;
    list-style: none;
}

    #price .content section .marches ul li label a {
        font-size: 12px;
        text-decoration: none;
        color: inherit;
    }



    #price .content section .marches ul li:last-child {
        border: none;
    }



    #price .content section .marches ul li img {
        margin-right: 1em;
    }



#price .content section .marches ul span:nth-child(2n+2) li {
    background: #E7E7E9;
}



#bibliotheque {
    width: 100%;
    padding: 2em 0;
    background: #EAECEF;
}



    #bibliotheque .content {
        height: 1700px;
        background: white;
    }



        #bibliotheque .content h1, #bibliotheque .content h2 {
            font-weight: 400;
        }



        #bibliotheque .content aside {
            float: left;
            background: #1689EB;
            margin-right: 2.5em;
            color: white;
            padding: 1.5em;
            height: 100%;
            width: 30%;
        }



            #bibliotheque .content aside a {
                color: white;
                text-decoration: none;
                display: block;
                padding: 1em;
            }



        #bibliotheque .content section {
            color: #65687d;
            padding: 1em;
        }



            #bibliotheque .content section h1 {
                margin-bottom: 1em;
                text-align: center;
            }



            #bibliotheque .content section .calcul {
                background: #f4f4f4;
                padding: 1em;
            }



@media only screen and (max-width: 1250px) {

    #bibliotheque .content aside {
        padding: 0;
        width: 100%;
        display: block;
        height: 400px;
        overflow: auto;
    }



        #bibliotheque .content aside a:not(:last-child) {
            border-bottom: 1px solid #E7E7E9;
        }



    #bibliotheque .content section {
        display: inline-block;
    }



        #bibliotheque .content section h1 {
            padding: .5em;
        }
}

#faq {
    width: 100%;
    padding: 2em 0;
    background-color: rgb(246, 247, 249);
}


    #faq h1 {
        text-align: center;
        font-size: 45px !important;
        font-weight: 300 !important;
        margin-bottom: 50px
    }


    #faq .content {
        height: 100%;
    }

    #faq h2 {
        font-size: 34px;
        font-weight: 100;
    }

    #faq h3 {
        color: rgb(0, 0, 0) !important;
        font-size: 20px !important;
        font-weight: 400 !important;
    }

    #faq .description {
        font-size: 18px !important;
        font-weight: 300 !important;
        color: rgb(0, 0, 0) !important;
    }

        #faq .description img {
            vertical-align: middle;
        }



    #faq .content aside {
        display: inline-block;
        margin-right: 2.5em;
        color: #65687d;
        vertical-align: top;
        padding: 1.5em;
        height: 100%;
        width: 30%;
    }

    #faq .GlobalSectionLeft {
        margin-top: -1px;
        cursor: pointer;
        font-weight: 400;
        font-size: 20px;
    }

    #faq .content aside a {
        color: #65687d;
        text-decoration: none;
        display: block;
        cursor: pointer
    }

    #faq .content aside ul {
        padding: 0;
        margin-bottom: 0px;
        border-top: 1px solid #DCDCDC;
        margin-top: 10px;
        font-size: 16px !important;
        font-weight: 300 !important;
    }



        #faq .content aside ul li {
            list-style: none;
            margin-top: 10px;
            font-weight: 300 !important;
        }

            #faq .content aside ul li:hover {
                color: red;
            }

    #faq .content aside .GolbalSectionLeft2 {
        padding: 20px;
        background-color: white;
        margin-bottom: 20px;
    }


    #faq .content section {
        color: #65687d;
        padding: 30px;
        padding-top: 0;
        margin-top: -5px;
        max-width: 830px;
        vertical-align: top;
        display: inline-block;
        background-color: white
    }



        #faq .content section h1 {
            margin-bottom: 1em;
            text-align: center;
        }

        #faq .content section h2 {
            color: rgb(0, 0, 0) !important;
            font-size: 30px !important;
            font-weight: 400 !important;
        }



        #faq .content section .calcul {
            background: #f4f4f4;
            padding: 1em;
        }

        #faq .content section img {
            max-width: 100%;
        }



@media only screen and (max-width: 1250px) {

    #faq .content aside {
        padding: 0;
        width: 100%;
        display: block;
        overflow: auto;
    }

        #faq .content aside a:not(:last-child) {
            border-bottom: 1px solid #E7E7E9;
        }

    #faq .content section {
        width: 100%;
        max-width: 100%;
    }

        #faq .content section h1 {
            padding: .5em;
        }
}

#tuto {
    width: 100%;
    padding: 2em 0;
    background-color: white;
}

    #tuto .content {
        height: 100%;
    }

        #tuto .content h1 {
            text-align: center;
            font-size: 45px !important;
            font-weight: 300 !important;
            margin-bottom: 50px
        }

        #tuto .content h2 {
            font-size: 30px !important;
            font-weight: 300 !important;
            margin-bottom: 0px !important;
            color: red;
            margin-top: 50px;
        }

            #tuto .content h2:first-child {
                margin-top: 40px !important;
            }

        #tuto .content .separatorDiv {
            max-width: 150px;
            padding: 3px 0px 10px 0px !important;
            margin-top: 0px !important;
            margin-left: 0px !important
        }

            #tuto .content .separatorDiv hr {
                border-width: 1px;
                border-color: rgb(207, 207, 207);
                border-style: solid;
                border-top: 0;
                border-left: 0;
                border-right: 0;
            }

        #tuto .content .itemVideo {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            max-width: 625px;
            font-size: 30px;
            font-weight: 400;
            margin-bottom: 30px;
        }

            #tuto .content .itemVideo .imgVideo {
                display: inline-block;
                vertical-align: top;
            }

                #tuto .content .itemVideo .imgVideo img {
                    width: 25%;
                    max-width: 150px;
                    max-width: 100%;
                    border: 1px solid #1e547b;
                }

            #tuto .content .itemVideo .titlesecVideo {
                display: inline-block;
                vertical-align: top;
                width: 72%;
                max-width: 450px;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 4px;
                color: black
            }

                #tuto .content .itemVideo .titlesecVideo .titleVideo {
                    font-weight: 400;
                    font-size: 16px;
                    margin-bottom: 5px;
                }

                #tuto .content .itemVideo .titlesecVideo .descVideo {
                    font-weight: 300;
                    font-size: 14px;
                    text-align: justify;
                }



.infoCompte {
    margin: 0 auto;
    max-width: 680px;
    background-color: rgb(248,248,248);
    padding: 30px 40px;
    text-align: left;
    margin-top: 40px;
}

.infoComptedesab {
    margin: 0 auto;
    max-width: 450px;
    background-color: rgb(248,248,248);
    padding: 30px 40px;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 40px;
}

.borderMyAccount p {
    padding-bottom: 1em;
    color: rgb(0, 0, 0);
    text-align: center;
    margin-top: 50px;
    font-size: 30px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
}

.infoCompte label {
    width: 100%;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    border-bottom: none;
    border-left: 2px solid rgb(255, 51, 51);
    padding-left: 15px !important;
    margin-top: 10px !important;
    display: inline-block;
    margin-bottom: 10px;
    min-width: 200px;
}

.infoCompte input {
    margin-bottom: 1.5em !important;
    font-size: 17px;
    height: 40px;
    font-weight: 300;
    color: rgb(119, 119, 119);
    font-family: Roboto;
    padding: 19px 20px;
    box-sizing: border-box;
    font-size: 13px;
    width: 100%;
    border: 0px;
    margin-bottom: 1em;
}

.ValidateFormInfocompte {
    background-color: red;
    color: #fff;
    font-family: 'SEGOE Ui';
    font-size: 24px;
    text-transform: none;
    font-weight: 400;
    display: block;
    text-align: center !important;
    position: relative;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 10px;
    width: 200px;
    resize: none;
    border: 1px solid #E13800;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 12px;
}


.infoComptedesab .ValidateFormInfocompte {
    text-align: center !important;
    float: none !important;
    height: inherit;
    margin: 0 auto;
    background: 0;
    display: block;
    background-color: rgb(218, 14, 14) !important;
    color: #fff !important;
    text-shadow: none;
    border: 1px solid transparent;
    width: 210px;
    font-weight: 400;
    padding: 9px 12px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    font-size: 18px;
    margin-top: 30px;
}



.desabSection {
    margin-bottom: 20px;
    font-family: Roboto !important;
    font-weight: 300 !important;
    font-size: 18px;
}

    .desabSection input {
        margin-right: 10px;
    }





.infoCompte .ValidateFormInfocompte:hover {
    background-color: rgb(200, 16, 16) !important;
}

.infoComptedesab .ValidateFormInfocompte:hover {
    background-color: rgb(200, 16, 16) !important;
}

#methodes h1 {
    text-align: center;
    color: #5f6275;
    font-weight: 100;
    font-size: 2.3em;
    margin-bottom: 0;
}

#methodes .wrapper table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 50px;
}

#methodes .wrapper .nav tr td {
    width: 14%;
    text-align: center;
    font-size: 22px;
    color: grey;
    cursor: pointer;
    background-color: #c5e2fa;
    height: 60px;
    border-left: 1px solid white;
}

    #methodes .wrapper .nav tr td:hover {
        background-color: #aed6f8;
    }

    #methodes .wrapper .nav tr td img {
        width: 60px;
        height: 60px;
    }

#methodes .wrapper .nav .selected_methode {
    color: rgb(225, 52, 0) !important
}

#methodes .content {
    background: white;
    padding-right: 25px;
}

    #methodes .content .vba, #methodes .content .divergence, #methodes .content .chartExpert, #methodes .content .Timing, #methodes .content .Retournement, #methodes .content .gaps, #methodes .content .chandeliers {
        vertical-align: top;
        display: inline-block;
        margin: 2em;
        font-size: 18px !important;
        line-height: 1.8em !important;
        text-align: justify;
        color: #666;
        font-weight: 300;
    }

        #methodes .content .vba .header, #methodes .content .divergence .header, #methodes .content .chartExpert .header, #methodes .content .Timing .header, #methodes .content .Retournement .header, #methodes .content .gaps .header, #methodes .content .chandeliers .header {
            width: 100%;
            background-color: rgb(246, 247, 249);
        }

            #methodes .content .vba .header img, #methodes .content .divergence .header img, #methodes .content .chartExpert .header img, #methodes .content .Timing .header img, #methodes .content .Retournement .header img, #methodes .content .gaps .header img, #methodes .content .chandeliers .header img {
                float: left;
                border: 1px solid #ddd;
                margin: 12px 0px 9.5px 12px;
            }

            #methodes .content .vba .header h2, #methodes .content .divergence .header h2, #methodes .content .chartExpert .header h2, #methodes .content .Timing .header h2, #methodes .content .Retournement .header h2, #methodes .content .gaps .header h2, #methodes .content .chandeliers .header h2 {
                color: rgb(41, 41, 41) !important;
                padding: 14px;
                /* margin-left: .8em; */
                vertical-align: middle;
                display: inline-block;
                font-family: Roboto !important;
                font-weight: 300 !important;
                font-size: 28px !important;
                margin: 13px 0px 0px 30px;
            }

    #methodes .content .vba, #methodes .content .divergence, #methodes .content .chartExpert, #methodes .content .Timing, #methodes .content .Retournement, #methodes .content .gaps, #methodes .content .chandeliers {
        font-weight: 300;
        font-size: 1.1em;
        display: inline-block;
        vertical-align: middle;
    }

    #methodes .content h3 {
        font-weight: 300;
        font-size: 1.0em;
    }

    #methodes .content ul {
        padding-left: 0px;
    }

        #methodes .content ul li {
            list-style: none;
        }

            #methodes .content ul li:before {
                content: '> ';
                margin-right: 1em;
            }

            #methodes .content ul li ul {
                padding-left: 30px;
            }

                #methodes .content ul li ul li {
                    list-style: none;
                }

                    #methodes .content ul li ul li:before {
                        content: '- ';
                        margin-right: 1em;
                    }

    #methodes .content img {
        max-width: 100%;
    }

@media only screen and (max-width: 1250px) {
    #methodes .content .vba, #methodes .content .divergence, #methodes .content .chartExpert, #methodes .content .Timing, #methodes .content .Retournement, #methodes .content .gaps, #methodes .content .chandeliers {
        width: 100%;
        margin: 2em 0;
    }
}


#indicateurs h1 {
    text-align: center;
    color: #5f6275;
    font-weight: 100;
    font-size: 2.3em;
    margin-bottom: 0;
}

#indicateurs .wrapper table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 50px;
}

#indicateurs .wrapper .nav tr td {
    width: 14%;
    text-align: center;
    font-size: 22px;
    color: grey;
    cursor: pointer;
    background-color: #c5e2fa;
    height: 60px;
    border-left: 1px solid white;
}

    #indicateurs .wrapper .nav tr td:hover {
        background-color: #aed6f8;
    }

    #indicateurs .wrapper .nav tr td img {
        width: 60px;
        height: 60px;
    }

#indicateurs .wrapper .nav .selected_methode {
    color: rgb(225, 52, 0) !important
}

#indicateurs .content {
    background: white;
    padding-right: 25px;
}

    #indicateurs .content .vba, #indicateurs .content .divergence, #indicateurs .content .chartExpert, #indicateurs .content .Timing, #indicateurs .content .Retournement, #indicateurs .content .gaps, #indicateurs .content .chandeliers {
        vertical-align: top;
        display: inline-block;
        margin: 2em;
        font-size: 18px !important;
        line-height: 1.8em !important;
        text-align: justify;
        color: #666;
        font-weight: 300;
    }

        #indicateurs .content .vba .header, #indicateurs .content .divergence .header, #indicateurs .content .chartExpert .header, #indicateurs .content .Timing .header, #indicateurs .content .Retournement .header, #indicateurs .content .gaps .header, #indicateurs .content .chandeliers .header {
            width: 100%;
            background-color: rgb(246, 247, 249);
        }

            #indicateurs .content .vba .header img, #indicateurs .content .divergence .header img, #indicateurs .content .chartExpert .header img, #indicateurs .content .Timing .header img, #indicateurs .content .Retournement .header img, #indicateurs .content .gaps .header img, #indicateurs .content .chandeliers .header img {
                float: left;
                border: 1px solid #ddd;
                margin: 12px 0px 9.5px 12px;
            }

            #indicateurs .content .vba .header h2, #indicateurs .content .divergence .header h2, #indicateurs .content .chartExpert .header h2, #indicateurs .content .Timing .header h2, #indicateurs .content .Retournement .header h2, #indicateurs .content .gaps .header h2, #indicateurs .content .chandeliers .header h2 {
                color: rgb(41, 41, 41) !important;
                padding: 14px;
                /* margin-left: .8em; */
                vertical-align: middle;
                display: inline-block;
                font-family: Roboto !important;
                font-weight: 300 !important;
                font-size: 28px !important;
                margin: 13px 0px 0px 30px;
            }

    #indicateurs .content .vba, #indicateurs .content .divergence, #indicateurs .content .chartExpert, #indicateurs .content .Timing, #indicateurs .content .Retournement, #indicateurs .content .gaps, #indicateurs .content .chandeliers {
        font-weight: 300;
        font-size: 1.1em;
        display: inline-block;
        vertical-align: middle;
    }

    #indicateurs .content h3 {
        font-weight: 100;
        font-size: 1.0em;
    }

    #indicateurs .content ul {
        padding-left: 0px;
    }

        #indicateurs .content ul li {
            list-style: none;
        }

            #indicateurs .content ul li:before {
                content: '> ';
                margin-right: 1em;
            }

            #indicateurs .content ul li ul {
                padding-left: 30px;
            }

                #indicateurs .content ul li ul li {
                    list-style: none;
                }

                    #indicateurs .content ul li ul li:before {
                        content: '- ';
                        margin-right: 1em;
                    }

    #indicateurs .content img {
        max-width: 100%;
    }

@media only screen and (max-width: 1250px) {
    #indicateurs .content .vba, #indicateurs .content .divergence, #indicateurs .content .chartExpert, #indicateurs .content .Timing, #indicateurs .content .Retournement, #indicateurs .content .gaps, #indicateurs .content .chandeliers {
        width: 100%;
        margin: 2em 0;
    }
}


@media only screen and (min-width: 887px) and (max-width: 1260px) {
    .parallax {
        height: 1790px !important;
    }
}

@media only screen and (max-width: 886px) {
    .parallax {
        height: 3067px !important;
    }
}

#aproposde h1 {
    text-align: center;
    color: #5f6275;
    font-weight: 400;
    font-size: 2.3em;
    margin-bottom: 0;
}

#aproposde .content h2 {
    color: #65687d;
    font-weight: 400;
    padding: 0;
}

#aproposde .content .notreHistoire, #aproposde .content .nosValeurs, #aproposde .content .form {
    vertical-align: top;
    box-shadow: rgb(218, 218, 218) 2px 4px 10px 0px;
    border-radius: 5px;
    max-width: 800px;
    margin: 0 auto;
    padding: 2em;
    background-image: linear-gradient(rgb(248, 248, 248), rgb(248, 248, 248)) !important;
    background-size: auto !important;
    background-position: 50% 50% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}

    #aproposde .content .notreHistoire h2, #aproposde .content .nosValeurs h2, #aproposde .content .form h2 {
        font-size: 2em;
        margin: 0 0 .5em 0;
    }

    #aproposde .content .notreHistoire p, #aproposde .content .nosValeurs p, #aproposde .content .form p {
        font-size: 1.2em;
        color: #9093a2;
    }

    #aproposde .content .form h3 {
        font-weight: 400;
        color: #65687d;
        font-size: 1.5em;
    }

    #aproposde .content .form form {
        margin: 0;
    }

    #aproposde .content .form input[type="text"], #aproposde .content .form textarea, #aproposde .content .form select {
        resize: none;
        font-family: Roboto;
        font-weight: 400;
        width: 100% !important;
        font-size: 1.2em;
        margin: 1em 0;
        padding: 16px;
        border-radius: .2em;
        display: block;
        border-top: none;
        border-right: none;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
        border-left: none;
        border-image: initial;
        border-radius: 5px;
        overflow: hidden;
    }

        #aproposde .content .form input[type="text"]:hover, #aproposde .content .form textarea:hover, #aproposde .content .form select:hover {
            border-bottom: 1px dashed rgb(225, 52, 0) !important;
            box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 16px 0px !important;
            color: rgb(225, 52, 0) !important
        }

    #aproposde .content .form input[type="submit"] {
        font-weight: 300;
        font-family: Roboto !important;
        border-radius: 8px;
        padding: 14px 43px;
        background-color: rgb(225, 52, 0) !important;
        text-decoration: none;
        color: white;
        border: 0px;
        font-size: 18px !important;
        margin: 0 auto !important;
        cursor: pointer;
    }

        #aproposde .content .form input[type="submit"]:hover {
            background-color: rgb(253, 88, 73) !important;
        }

    #aproposde .content .form form input[type="submit"] {
        background: #D96523;
        color: white;
        border: none;
        font-size: 1.2em;
        margin: 0;
    }

    #aproposde .content .form p, #aproposde .content .form a {
        padding: .4em 0;
        color: #9093a2;
        display: block;
        font-size: 1.3em;
    }

@media only screen and (max-width: 1250px) {
    #aproposde .content .notreHistoire, #aproposde .content .nosValeurs, #aproposde .content .form {
        width: 100%;
    }

    #aproposde .content .form {
        text-align: center;
        width: 100% !important;
        float: none;
    }
}



body {
    margin: 0;
    padding: 0;
    font-family: Roboto;
}



* {
    box-sizing: border-box;
}



a {
    font-weight: 400;
    outline: none;
}



p {
    padding: 0;
    margin: 0;
}



h1, h2 {
    font-family: Roboto;
}



.ie11 #curves {
    display: none;
}



.cf::before, .cf::after {
    display: table;
    content: "";
}



.cf::after {
    clear: both;
}



.wrapper {
    max-width: 1250px;
    margin: auto;
}



.infoBar {
    background: #434251;
    color: white;
    height: 200px;
}



    .infoBar .porteFeuille {
        margin-top: .5em;
        margin-left: 8%;
        float: left;
    }



        .infoBar .porteFeuille h3 {
            font-weight: 400;
            padding: 0;
            margin: .5em;
        }



        .infoBar .porteFeuille span {
            font-size: 4.5em;
        }



        .infoBar .porteFeuille .date {
            background: #1689EB;
            font-size: 1.2em;
            padding: .6em 2em;
            margin-left: 3em;
            border-radius: 1.2em;
            display: inline-block;
        }



    .infoBar .infos {
        float: right;
    }



        .infoBar .infos div {
            margin: 0;
            height: 100%;
            padding: 1.5em 2.8em;
            display: inline-block;
            border-left: 1px solid white;
            text-align: center;
        }



            .infoBar .infos div img {
                display: inline-block;
                margin: 1.5em 0;
                padding: 0;
            }



            .infoBar .infos div span {
                font-size: 1.7em;
            }



            .infoBar .infos div .marquet {
                font-size: 1.3em;
                background: white;
                padding: .3em .7em;
                color: #1689EB;
                border-radius: 0.8em;
            }



header {
    position: relative;
    z-index: 2;
    height: 100px;
    font-size: 16px;
}



    header .logo {
        margin: 0;
        padding: .2em 0em;
        color: black;
        font-size: 2em;
        display: inline-block;
        text-decoration: none;
    }



        header .logo span {
            font-size: 1em;
        }



    header .menu {
        display: none;
    }



    header .left, header .right {
        background-color: white;
        margin-top: 1.5em;
        padding: 0em;
        text-align: left;
        vertical-align: top;
        display: inline-block;
    }



        header .left a, header .right a, header .rightInfo input {
            text-decoration: none;
            padding: 12px 43px;
            font-size: 1em;
            border-radius: 5px;
            cursor: pointer;
        }

    header .rightInfo {
        margin-top: 4px;
        padding: 0em;
        text-align: left;
        vertical-align: top;
        display: inline-block;
    }

    header .right {
        float: right;
    }

        header .right a {
            border: 1px solid rgb(255, 0, 0);
        }

            header .right a:first-child {
                background-color: rgb(255, 0, 0);
                color: white;
            }

            header .right a:last-child {
                background-color: white;
                color: rgb(255, 0, 0);
                margin-left: 22px;
            }

            header .right a:first-child:hover {
                background-color: white;
                color: rgb(255, 0, 0);
            }

            header .right a:last-child:hover {
                background-color: rgb(255, 0, 0);
                color: white;
                margin-left: 22px;
            }

    header .rightInfo {
        float: right;
    }

        header .rightInfo input {
            border: 1px solid rgb(255, 0, 0);
            margin-left: 22px;
        }

        header .rightInfo .moncompte {
            background-color: rgb(255, 0, 0);
            color: white;
        }

        header .rightInfo .deconnexion {
            background-color: white;
            color: rgb(255, 0, 0);
            margin-left: 22px;
        }

        header .rightInfo .moncompte:hover {
            background-color: white;
            color: rgb(255, 0, 0);
        }

        header .rightInfo .deconnexion:hover {
            background-color: rgb(255, 0, 0);
            color: white;
            margin-left: 22px;
        }

    header .ContactUs {
        float: right;
        font-weight: 300;
    }


        header .ContactUs img {
            margin-right: 10px;
            top: 2px;
            position: relative
        }

    header .left, header .rightInfo {
        /*margin-top: 1.5em;*/
        padding: 0em;
        text-align: left;
        vertical-align: top;
        display: inline-block;
    }



        header .left a, header .rightInfo a {
            color: black;
            text-decoration: none;
            padding: .4em 3em;
            font-size: 1em;
        }

        header .left ul {
            list-style: none;
            padding: 0;
            margin: 0;
            -webkit-box-shadow: 0px 0px 4px 1px rgba(232,232,232,1);
            -moz-box-shadow: 0px 0px 4px 1px rgba(232,232,232,1);
            box-shadow: 0px 0px 4px 1px rgba(232,232,232,1);
            z-index: 99999;
        }

            header .left ul li {
                padding: 10px;
                width: 220px;
            }

                header .left ul li a {
                    padding: 0;
                }



    header .rightInfo {
        float: right;
    }


.regulBoutique {
    height: 280px;
    position: relative;
}

#methodes .regulBoutique {
    height: 400px;
}

.regulServices {
    height: 1070px;
    position: relative;
}

.regulEnSavoirPlus {
    height: 400px;
    position: relative;
}

.regulEnSavoirPlus2 {
    height: 550px;
    position: relative;
}



div.bandeau {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    left: 0px;
    top: 0px;
    position: absolute;
    transform: translate3d(0px, 0px, 0px);
    visibility: inherit;
    opacity: 1;
}

.sectionClass {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
    background-size: auto, cover !important;
    background-position: 50% 50%, 50% 50% !important;
    background-attachment: scroll, scroll !important;
    background-repeat: no-repeat, no-repeat !important;
}

    .sectionClass .headline {
        z-index: 2;
        text-align: center;
        overflow: show;
        height: 90%;
        width: 1250px;
        margin: auto;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }

#section1 {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

    #section1 .TopBandeau {
        z-index: 2;
        height: 30px;
        width: 100%;
        margin: auto;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        background-color: black;
    }

    #section1 .BottomBandeau {
        z-index: 2;
        height: 30px;
        width: 100%;
        margin: auto;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: black;
    }

    #section1 .headline2 {
        z-index: 2;
        text-align: center;
        overflow: show;
        height: 90%;
        width: 100%;
        margin: auto;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }

        #section1 .headline2 .TopBandeauItems {
            color: rgb(146, 146, 146);
            width: 14%;
            display: inline-block;
        }

        #section1 .headline2 .BottomBandeauItems {
            color: rgb(146, 146, 146);
            width: 19%;
            display: inline-block;
        }

    #section1 .headline {
        z-index: 2;
        text-align: center;
        overflow: show;
        max-width: 1250px;
        margin: auto;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }

        #section1 .headline .ItemsDynamicMarket {
            width: 33%;
            display: inline-block;
            text-align: center;
            color: white;
            font-weight: 400;
            vertical-align: top;
            font-size: 24px;
            min-width: 315px;
        }

            #section1 .headline .ItemsDynamicMarket img {
                width: 300px;
                margin-bottom: 15px;
            }

            #section1 .headline .ItemsDynamicMarket .ItemDesciption {
                font-weight: 300 !important;
                font-size: 17px !important;
            }

        #section1 .headline .ItemsDynamicMarketBottom {
            width: 33%;
            display: inline-block;
            text-align: center;
            color: white;
            font-weight: 400;
            font-size: 24px;
            vertical-align: top;
            min-width: 310px;
        }

            #section1 .headline .ItemsDynamicMarketBottom .tcb-icon {
                color: rgb(225, 52, 0);
                display: inline-block;
                width: 45px;
                height: 45px;
                line-height: 1em;
                vertical-align: middle;
                stroke-width: 0;
                stroke: currentColor;
                fill: currentColor;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
            }

            #section1 .headline .ItemsDynamicMarketBottom h3 {
                font-weight: 400;
                font-family: Roboto !important;
                font-size: 22px !important;
                color: rgb(255, 255, 255) !important;
            }

            #section1 .headline .ItemsDynamicMarketBottom .ItemDesciption {
                font-weight: 300 !important;
                font-size: 17px !important;
                margin-top: 20px;
                text-align: justify !important;
                line-height: 1.5em !important;
                padding: 0px 34px;
            }



        #section1 .headline #bull {
            margin-top: -1.2em;
            width: 200px;
            height: 200px;
            fill: white;
            stroke: white;
            position: relative;
            top: -20px;
        }



        #section1 .headline span {
        }



        #section1 .headline h1 {
            margin: 0px;
            padding: 0;
            font-weight: 500 !important;
            font-size: 55px;
            color: white;
        }


#section2 .headline {
    z-index: 2;
    text-align: center;
    overflow: show;
    height: 90%;
    max-width: 1250px;
    margin: auto;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

    #section2 .headline .ItemsDynamicMarket {
        width: 33%;
        display: inline-block;
        text-align: center;
        color: white;
        font-weight: 400;
        font-size: 24px;
    }

        #section2 .headline .ItemsDynamicMarket img {
            margin-top: 30px;
            width: 300px;
        }

        #section2 .headline .ItemsDynamicMarket .ItemDesciption {
            font-weight: 300 !important;
            font-size: 17px !important;
            margin-top: 20px;
        }

    #section2 .headline .ItemsDynamicMarketBottom {
        width: 400px;
        display: inline-block;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        vertical-align: top;
        box-shadow: rgb(222, 222, 222) 0px 0px 10px 0px;
        border: 1px solid rgb(221, 221, 221) !important;
        background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) !important;
        background-size: auto !important;
        background-position: 50% 50% !important;
        background-attachment: scroll !important;
        background-repeat: no-repeat !important;
        margin-right: 12px;
        height: 250px;
        margin-bottom: 20px;
    }

        #section2 .headline .ItemsDynamicMarketBottom h3 {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 22px !important;
            color: rgb(0, 0, 0) !important;
            margin-top: 15px !important;
        }

        #section2 .headline .ItemsDynamicMarketBottom .ItemDesciption {
            font-weight: 300 !important;
            font-size: 17px !important;
            margin-top: -10px;
            text-align: justify !important;
            line-height: 1.5em !important;
            padding: 0px 10px;
            color: rgb(41, 41, 41) !important;
        }

        #section2 .headline .ItemsDynamicMarketBottom .ensavoirplusBoutique {
            text-align: left;
            margin-left: 10px;
            margin-top: 20px;
        }

            #section2 .headline .ItemsDynamicMarketBottom .ensavoirplusBoutique a {
                font-weight: 300;
                color: rgb(225, 52, 0) !important;
                font-family: Roboto !important;
                font-size: 16px !important;
                text-decoration: none;
            }

    #section2 .headline .ItemsDynamicMarketBottomExtend {
        width: 64%;
        display: inline-block;
        font-weight: 300;
        font-size: 20px !important;
        vertical-align: top;
        height: 250px;
        line-height: 1.5em !important;
        text-align: justify;
        color: #666;
        padding-top: 30px;
        margin-left: 20px;
        margin-right: 10px;
    }


    #section2 .headline .ItemsDynamicService {
        width: 400px;
        display: inline-block;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        vertical-align: top;
        box-shadow: rgb(222, 222, 222) 0px 0px 10px 0px;
        border: 1px solid rgb(221, 221, 221) !important;
        background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) !important;
        background-size: auto !important;
        background-position: 50% 50% !important;
        background-attachment: scroll !important;
        background-repeat: no-repeat !important;
        margin-right: 12px;
        height: 386px;
        margin-bottom: 20px;
    }

        #section2 .headline .ItemsDynamicService h3 {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 22px !important;
            color: rgb(0, 0, 0) !important;
            margin-top: 15px !important;
        }

        #section2 .headline .ItemsDynamicService .ItemDesciption {
            color: rgb(41, 41, 41) !important;
            font-size: 18px !important;
            font-family: Roboto !important;
            font-weight: 300 !important;
            margin-top: -10px;
            text-align: justify !important;
            line-height: 1.5em !important;
            padding: 0px 20px;
        }

        #section2 .headline .ItemsDynamicService .button_abo a {
            background-color: white;
            border: 1px solid rgb(255, 0, 0);
            text-decoration: none;
            padding: 10px 20px;
            border-radius: 5px;
            line-height: 1.2em;
            font-family: Roboto !important;
            font-weight: 300 !important;
            color: rgb(225, 52, 0) !important;
            font-size: 20px !important;
        }

        #section2 .headline .ItemsDynamicService .ensavoirplusBoutique {
            text-align: left;
            margin-left: 10px;
            margin-top: 20px;
        }

            #section2 .headline .ItemsDynamicService .ensavoirplusBoutique a {
                font-weight: 300;
                color: rgb(225, 52, 0) !important;
                font-family: Roboto !important;
                font-size: 16px !important;
                text-decoration: none;
            }


    #section2 .headline .ItemsDynamicBoutiqueBottom {
        max-width: 400px;
        display: inline-block;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        vertical-align: top;
        margin-right: 12px;
        height: 170px;
    }

        #section2 .headline .ItemsDynamicBoutiqueBottom h3 {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 22px !important;
            color: rgb(0, 0, 0) !important;
            margin-top: 15px !important;
        }

        #section2 .headline .ItemsDynamicBoutiqueBottom .ItemDesciption {
            font-weight: 400 !important;
            font-size: 20px !important;
            font-family: Roboto !important;
            color: rgb(41, 41, 41) !important;
            display: inline-block;
            width: 85%;
            text-align: left !important;
            margin-top: -8px;
        }

        #section2 .headline .ItemsDynamicBoutiqueBottom .svgBoutique {
            display: inline-block;
            width: 12%;
            vertical-align: top;
        }

            #section2 .headline .ItemsDynamicBoutiqueBottom .svgBoutique svg {
                color: rgb(225, 52, 0);
                display: inline-block;
                width: 1em;
                height: 1em;
                line-height: 1em;
                vertical-align: middle;
                stroke-width: 0;
                stroke: currentColor;
                fill: currentColor;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
            }

    #section2 .headline .ItemsDynamicService .ItemsDynamiServiceTitle {
        margin: 25px 20px;
    }

        #section2 .headline .ItemsDynamicService .ItemsDynamiServiceTitle .svgServices {
            display: inline-block;
            width: 12%;
            vertical-align: top;
        }

            #section2 .headline .ItemsDynamicService .ItemsDynamiServiceTitle .svgServices svg {
                display: inline-block;
                width: 35px;
                height: 35px;
                vertical-align: top;
            }

        #section2 .headline .ItemsDynamicService .ItemsDynamiServiceTitle .ItemServices {
            font-weight: 400 !important;
            font-size: 24px !important;
            font-family: Roboto !important;
            color: rgb(41, 41, 41) !important;
            display: inline-block;
            width: 85%;
            text-align: left !important;
            margin: 0 !important;
            vertical-align: top;
            padding-left: 20px;
        }

    #section2 .headline .ItemsDynamicService hr {
        border-width: 1px;
        border-color: rgb(218, 218, 218);
        background-color: transparent;
        margin: 0px 20px 50px 20px;
    }


#section2 h3 {
    padding: 0;
    line-height: 1.5em;
    font-size: 1.5em;
    font-weight: 300;
}

.sectionEnsavoirPlus .headline {
    z-index: 2;
    text-align: center;
    overflow: show;
    height: 90%;
    width: 100%;
    margin: auto;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

    .sectionEnsavoirPlus .headline .ItemsDynamicMarket {
        width: 33%;
        display: inline-block;
        text-align: center;
        color: white;
        font-weight: 400;
        font-size: 24px;
    }

        .sectionEnsavoirPlus .headline .ItemsDynamicMarket img {
            margin-top: 30px;
            width: 300px;
        }

        .sectionEnsavoirPlus .headline .ItemsDynamicMarket .ItemDesciption {
            font-weight: 300 !important;
            font-size: 17px !important;
            margin-top: 20px;
        }

    .sectionEnsavoirPlus .headline .ItemsDynamicMarketBottom {
        width: 32%;
        display: inline-block;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        vertical-align: top;
        box-shadow: rgb(222, 222, 222) 0px 0px 10px 0px;
        border: 1px solid rgb(221, 221, 221) !important;
        background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) !important;
        background-size: auto !important;
        background-position: 50% 50% !important;
        background-attachment: scroll !important;
        background-repeat: no-repeat !important;
        margin-right: 12px;
        height: 250px;
    }

        .sectionEnsavoirPlus .headline .ItemsDynamicMarketBottom h3 {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 22px !important;
            color: rgb(0, 0, 0) !important;
            margin-top: 15px !important;
        }

        .sectionEnsavoirPlus .headline .ItemsDynamicMarketBottom .ItemDesciption {
            font-weight: 300 !important;
            font-size: 17px !important;
            margin-top: -10px;
            text-align: justify !important;
            line-height: 1.5em !important;
            padding: 0px 10px;
            color: rgb(41, 41, 41) !important;
        }

        .sectionEnsavoirPlus .headline .ItemsDynamicMarketBottom .ensavoirplusBoutique {
            text-align: left;
            margin-left: 10px;
            margin-top: 20px;
        }

            .sectionEnsavoirPlus .headline .ItemsDynamicMarketBottom .ensavoirplusBoutique a {
                font-weight: 300;
                color: rgb(225, 52, 0) !important;
                font-family: Roboto !important;
                font-size: 16px !important;
                text-decoration: none;
            }

    .sectionEnsavoirPlus .headline .ItemsDynamicMarketBottomExtend {
        width: 64%;
        display: inline-block;
        font-weight: 300;
        font-size: 20px !important;
        vertical-align: top;
        height: 250px;
        line-height: 1.5em !important;
        text-align: justify;
        color: #666;
        padding-top: 30px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .sectionEnsavoirPlus .headline .ItemsDynamicBoutiqueBottom {
        width: 32%;
        display: inline-block;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        vertical-align: top;
        margin-right: 12px;
        height: 170px;
    }

        .sectionEnsavoirPlus .headline .ItemsDynamicBoutiqueBottom h3 {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 22px !important;
            color: rgb(0, 0, 0) !important;
            margin-top: 15px !important;
        }

        .sectionEnsavoirPlus .headline .ItemsDynamicBoutiqueBottom .ItemDesciption {
            font-weight: 400 !important;
            font-size: 20px !important;
            font-family: Roboto !important;
            color: rgb(41, 41, 41) !important;
            display: inline-block;
            width: 85%;
            text-align: left !important;
            margin-top: -8px;
        }

        .sectionEnsavoirPlus .headline .ItemsDynamicBoutiqueBottom .svgBoutique {
            display: inline-block;
            width: 12%;
            vertical-align: top;
        }

            .sectionEnsavoirPlus .headline .ItemsDynamicBoutiqueBottom .svgBoutique svg {
                color: rgb(225, 52, 0);
                display: inline-block;
                width: 1em;
                height: 1em;
                line-height: 1em;
                vertical-align: middle;
                stroke-width: 0;
                stroke: currentColor;
                fill: currentColor;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
            }


.sectionEnsavoirPlus h3 {
    padding: 0;
    line-height: 1.5em;
    font-size: 1.5em;
    font-weight: 100;
}



.regulBoutique #section1 .headline h2, .regulServices #section1 .headline h2 {
    padding: 0;
    line-height: 1.5em;
    font-size: 35px;
    color: white;
    font-weight: 100;
    margin: 0px;
    margin-top: 20px;
}


#section1 .headline h3 {
    padding: 0;
    line-height: 1.5em;
    font-size: 1.5em;
    color: white;
    font-weight: 100;
}








#section1 .headline .inactiveContact {
    display: none;
    padding-top: 1em;
}



#section1 .headline .contactCall, #section1 .headline .contactHelp {
    position: relative;
}



#section1 .headline .formContact {
    text-align: left;
    cursor: pointer;
    border-radius: .2em;
    width: 250px;
    position: absolute;
    bottom: 29px;
    right: 0px;
    background-color: rgb(225, 52, 0) !important;
    color: white;
    font-size: 20px;
}



    #section1 .headline .formContact #formCall, #section1 .headline .formContact #formHelp {
        padding: 1em 0;
    }



    #section1 .headline .formContact .contactCall {
        border-bottom: 1px solid #E7E7E9;
        padding: .4em;
    }



    #section1 .headline .formContact .contactHelp {
        padding: .4em;
    }



    #section1 .headline .formContact input[type="text"], #section1 .headline .formContact textarea {
        font-family: Roboto;
        padding-left: 10px;
        border-radius: .1em;
        width: 100%;
        height: 40px;
        border: 1px solid #E7E7E9;
    }



        #section1 .headline .formContact input[type="text"]:last-child, #section1 .headline .formContact textarea:last-child {
            margin-bottom: 2em;
        }



    #section1 .headline .formContact textarea {
        height: 100px;
    }

#abo .formContact .inactiveContact {
    display: none;
    padding-top: 1em;
}



#abo .formContact .contactCall, #abo .formContact .contactHelp {
    position: relative;
}



#abo .formContact {
    text-align: left;
    cursor: pointer;
    border-radius: .2em;
    width: 250px;
    position: fixed;
    bottom: 0;
    right: 50px;
    background-color: rgb(255, 0, 0);
    color: white;
    font-size: 20px;
}



    #abo .formContact #formCall, #abo .formContact #formHelp {
        padding: 1em 0;
    }



    #abo .formContact .contactCall {
        border-bottom: 1px solid #E7E7E9;
        padding: .4em;
    }



    #abo .formContact .contactHelp {
        padding: .4em;
    }



    #abo .formContact input[type="text"], #abo .formContact textarea {
        font-family: Roboto;
        padding-left: 10px;
        border-radius: .1em;
        width: 100%;
        height: 40px;
        margin-bottom: 1em;
        border: 1px solid #E7E7E9;
    }



        #abo .formContact input[type="text"]:last-child, #abo .formContact textarea:last-child {
            margin-bottom: 2em;
        }



    #abo .formContact textarea {
        height: 100px;
    }

#methodes .formContact .inactiveContact {
    display: none;
    padding-top: 1em;
}



#methodes .formContact .contactCall, #methodes .headline .contactHelp {
    position: relative;
}



#methodes .formContact {
    text-align: left;
    cursor: pointer;
    border-radius: .2em;
    width: 250px;
    position: fixed;
    bottom: 0;
    right: 50px;
    background-color: rgb(255, 0, 0);
    color: white;
    font-size: 20px;
}



    #methodes .formContact #formCall, #methodes .formContact #formHelp {
        padding: 1em 0;
    }



    #methodes .formContact .contactCall {
        border-bottom: 1px solid #E7E7E9;
        padding: .4em;
    }



    #methodes .formContact .contactHelp {
        padding: .4em;
    }



    #methodes .formContact input[type="text"], #methodes .formContact textarea {
        font-family: Roboto;
        padding-left: 10px;
        border-radius: .1em;
        width: 100%;
        height: 40px;
        margin-bottom: 1em;
        border: 1px solid #E7E7E9;
    }



        #methodes .formContact input[type="text"]:last-child, #methodes .formContact textarea:last-child {
            margin-bottom: 2em;
        }



    #methodes .formContact textarea {
        height: 100px;
    }

#indicateurs .formContact .inactiveContact {
    display: none;
    padding-top: 1em;
}



#indicateurs .formContact .contactCall, #indicateurs .headline .contactHelp {
    position: relative;
}



#indicateurs .formContact {
    text-align: left;
    cursor: pointer;
    border-radius: .2em;
    width: 250px;
    position: fixed;
    bottom: 0;
    right: 50px;
    background-color: rgb(255, 0, 0);
    color: white;
    font-size: 20px;
}



    #indicateurs .formContact #formCall, #indicateurs .formContact #formHelp {
        padding: 1em 0;
    }



    #indicateurs .formContact .contactCall {
        border-bottom: 1px solid #E7E7E9;
        padding: .4em;
    }



    #indicateurs .formContact .contactHelp {
        padding: .4em;
    }



    #indicateurs .formContact input[type="text"], #indicateurs .formContact textarea {
        font-family: Roboto;
        padding-left: 10px;
        border-radius: .1em;
        width: 100%;
        height: 40px;
        margin-bottom: 1em;
        border: 1px solid #E7E7E9;
    }



        #indicateurs .formContact input[type="text"]:last-child, #indicateurs .formContact textarea:last-child {
            margin-bottom: 2em;
        }



    #indicateurs .formContact textarea {
        height: 100px;
    }


.arrowUp {
    display: inline-block;
    transition: all .4s ease-in-out;
    margin-right: 1em;
    position: absolute;
    height: 20px;
    width: 20px;
    right: 0px;
    top: 10px;
}



    .arrowUp:after, .arrowUp:before {
        content: '';
        background: white;
        position: absolute;
        height: 15px;
        width: 2px;
        bottom: 2px;
    }



    .arrowUp:after {
        left: 13px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }



    .arrowUp:before {
        left: 3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }



.arrowDown {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}



.produits img {
    margin: auto;
    display: block;
}



.produits div {
    height: 90px;
    text-align: center;
    text-decoration: none;
    background: white;
    font-size: 1.2em;
    width: 20%;
    float: left;
    color: #000;
    border-bottom: 2px solid #1689EB;
    padding: .3em 0;
    vertical-align: top;
    position: relative;
}



    .produits div span {
        position: absolute;
        bottom: 10px;
        left: 0px;
        right: 0px;
        margin: auto;
    }



#section2 {
    width: 100%;
}



    #section2 .topHeader {
        /*box-shadow: 0px 0px 39px -3px rgba(186, 186, 186, 0.3);*/
        padding: 1.5em 0px;
        width: 100%;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        color: rgb(41,41,41);
        line-height: 1.8em !important;
    }



        #section2 .topHeader h1 {
            padding: 0;
            margin: 0em 0 0 0;
            font-size: 2em;
            font-weight: 100 !important;
        }



        #section2 .topHeader h2 {
            font-size: 35px;
            font-family: Roboto;
            font-weight: 400;
            padding: 0;
            margin: 1.5em;
            margin: 1em;
        }



        #section2 .topHeader p {
            text-align: left;
            font-size: 20px;
            margin: 1em;
            font-weight: 300;
            padding-top: 20px;
        }

        #section2 .topHeader .ItemsDynamicMarketBottom img {
            width: 45px;
            margin-top: 15px;
        }

        #section2 .topHeader .p_center {
            text-align: center;
            font-size: 2em;
        }

        #section2 .topHeader img_center {
            margin: 0 auto;
        }

    #section2 .Header {
    }

        #section2 .Header img {
            float: left;
            width: 202px;
            margin-right: 80px
        }

.sectionEnsavoirPlus {
    width: 100%;
}



    .sectionEnsavoirPlus .topHeader {
        /*box-shadow: 0px 0px 39px -3px rgba(186, 186, 186, 0.3);*/
        padding: 1.5em 0px;
        width: 100%;
        text-align: center;
        font-size: 24px;
        font-weight: 200;
        color: rgb(41,41,41);
        line-height: 1.8em !important;
    }



        .sectionEnsavoirPlus .topHeader h1 {
            padding: 0;
            margin: 0em 0 0 0;
            font-size: 2em;
            font-weight: 100 !important;
        }



        .sectionEnsavoirPlus .topHeader h2 {
            font-size: 35px;
            font-family: Roboto;
            font-weight: 400;
            padding: 0;
            border-bottom: 1px solid rgb(228, 228, 228);
            padding-bottom: 25px;
            margin-bottom: 20px;
        }



        .sectionEnsavoirPlus .topHeader p {
            text-align: left;
            font-size: 20px;
            margin: 1em;
            font-weight: 300;
            padding-top: 20px;
        }

        .sectionEnsavoirPlus .topHeader .ItemsDynamicMarketBottom img {
            width: 45px;
            margin-top: 15px;
        }

        .sectionEnsavoirPlus .topHeader .p_center {
            text-align: center;
            font-size: 2em;
        }

        .sectionEnsavoirPlus .topHeader img_center {
            margin: 0 auto;
        }

    .sectionEnsavoirPlus .Header {
    }

        .sectionEnsavoirPlus .Header img {
            float: left;
            width: 202px;
            margin-right: 80px
        }





.pub {
    position: fixed;
    background: white;
    padding: .5em;
    border: 3px solid #808EAA;
    -webkit-animation: slideIn .6s linear;
    animation: slideIn .6s linear;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    border-radius: .2em;
}



    .pub p {
        display: inline-block;
    }



    .pub img {
        margin-left: .5em;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        width: 2.4em;
    }



    .pub .logo {
        display: block;
        color: #243164;
        font-size: 2.4em;
        font-weight: 700;
        margin-bottom: .3em;
    }



        .pub .logo span {
            color: #7891C8;
        }



    .pub a {
        background: #D63D20;
        color: white;
        margin-left: -0.5em;
        text-decoration: none;
        padding: .4em 2em;
    }



@-webkit-keyframes slideIn {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }



    50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }



    75% {
        opacity: 1;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }



    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@keyframes slideIn {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }



    50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }



    75% {
        opacity: 1;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }



    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width:885px) {

    header nav {
        display: none;
    }

        header nav.active {
            margin: 0;
            display: block;
            width: 100%;
            background-color: white;
        }

            header nav.active a {
                display: block;
                padding: 1em 2em;
                border-bottom: 1px solid #E7E7E9 !important;
            }

                header nav.active a:last-child {
                    margin-left: 0px !important;
                }

    header .left {
        margin-top: -17px !important;
        padding: 1em !important;
        display: none; /*ICI ATTENTION*/
    }

    header nav.right.active {
        border-top: 1px solid white;
    }
}

@media only screen and (min-width:1190px) and (max-width:1250px) {
    header nav.right.active {
        margin-top: 98px !important;
        margin-right: -78px !important;
    }
}

@media only screen and (min-width:885px) and (max-width:1190px) {
    header nav.right.active {
        margin-top: 46px !important;
        margin-right: -78px !important;
    }
}

@media only screen and (min-width:1180px) and (max-width:1250px) {
    header nav.rightInfo.active {
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 1204px) {
    #section1 .TopBandeau {
        display: none;
    }
}

@media only screen and (max-width: 1164px) {
    #abo .bgPrice .flux .flux2 {
        margin-left: 30px;
    }

    #abo .bgPrice .flux .flux3 {
        margin-top: 30px;
    }

    .boutiqueContent2 {
        width: auto !important;
    }

    .boutiqueContentImg {
        width: auto !important;
    }
}

@media only screen and (max-width: 810px) {
    #abo .bgPrice .flux .flux2 {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 780px) {
    #abo .bgPrice .flux .flux2 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 842px) {
    #section1 .headline h1 {
        font-size: 5vw
    }

    #methodes .regulBoutique {
        height: 400px;
    }

    #indicateurs .regulBoutique {
        height: 400px;
    }
}

@media only screen and (max-width: 800px) {
    #methodes .wrapper .content {
        float: none !important;
        width: 95% !important;
        margin: 0 auto;
    }

    #methodes .wrapper .globalSelectingMethod {
        float: none !important;
        width: 95% !important;
        margin: 0 auto;
    }

    #methodes .content {
        padding-right: 0px !important;
    }

    #indicateurs .wrapper .content {
        float: none !important;
        width: 95% !important;
        margin: 0 auto;
    }

    #indicateurs .wrapper .globalSelectingMethod {
        float: none !important;
        width: 95% !important;
        margin: 0 auto;
    }

    #indicateurs .content {
        padding-right: 0px !important;
    }
}


@media only screen and (max-width: 1260px) {
    .regulServices {
        height: 1500px;
    }
}

@media only screen and (max-width: 844px) {
    .regulServices {
        height: 2700px;
    }
}

@media only screen and (max-width: 718px) {
    #section1 .headline h2 {
        font-size: 4vw !important;
    }
}

@media only screen and (max-width: 1000px) {
    #section2 .headline .ItemsDynamicMarketBottomExtend {
        width: auto;
        height: auto;
    }
}

@media only screen and (max-width: 1100px) {
    .boutiqueContent3 {
        max-width: 90% !important;
        margin-top: 20px !important;
    }

    .boutiqueContentImg2 {
        max-width: 90% !important;
    }
}

@media only screen and (max-width: 1171px) {
    .EnSavoirPlusContentLeft {
        width: auto !important;
    }
}

@media only screen and (max-width: 1132px) {
    .EnSavoirPlusContentRight {
        width: auto !important;
    }
}

@media only screen and (max-width: 1250px) {

    #section2 .topHeader {
        box-shadow: 0px 0px 39px -3px rgba(186, 186, 186, 0.3);
        padding: 1.5em 20px;
        background: white;
        width: 100%;
        text-align: center;
    }

    .sectionEnsavoirPlus .topHeader {
    }

    header nav.right {
        display: none;
    }

        header nav.right.active {
            margin: 0;
            display: block;
            margin-top: -17px;
        }


    header .right {
        padding: 1em !important;
    }

    header nav.rightInfo {
        display: none;
    }

        header nav.rightInfo.active {
            margin: 0;
            display: block;
            margin-top: -17px;
        }

            header nav.rightInfo.active a:last-child {
                border-bottom: none;
            }

    .produits img {
        width: 25px;
        display: inline-block;
    }



    .produits div {
        height: 70px;
        text-align: center;
        text-decoration: none;
        background: white;
        font-size: 1.2em;
        display: block;
        width: 100%;
        color: #000;
        border-bottom: 2px solid #1689EB;
        padding: .3em 0;
        vertical-align: top;
        position: relative;
    }



        .produits div span {
            display: inline-block;
        }

    .pub {
        display: none;
    }

    #section2 .Header img {
        margin-right: 40px
    }

    .sectionEnsavoirPlus .Header img {
        margin-right: 40px
    }

    .wrapper {
        width: 100%;
    }

    header .menu {
        padding: .5em 1.8em;
        display: inline-block;
        float: right;
    }



        header .menu i {
            font-size: 1.5em;
            color: black;
            padding-top: .8em;
        }



    #section1 .headline {
        width: 100%;
    }



        #section1 .headline span {
        }



        #section1 .headline h1 {
        }



        #section1 .headline h2 {
            padding: 0;
            line-height: 1.5em;
            font-size: 3.5vw;
            color: white;
            font-weight: 100;
        }

        #section1 .headline h3 {
            padding: 0;
            line-height: 1.5em;
            font-size: 2.5vw;
            color: white;
            font-weight: 100;
        }



        #section1 .headline a {
        }





        #section1 .headline #bull {
            margin-top: -2.4em;
            width: 130px;
            fill: white;
            stroke: white;
            position: relative;
            top: -20px;
        }



    #section2 img {
        max-width: 100%;
    }

    #section2 a {
    }

    .sectionEnsavoirPlus img {
        max-width: 100%;
    }

    .sectionEnsavoirPlus a {
    }

    header .ContactUs {
        display: none;
    }
}


.detailAbonnement {
    background-color: white;
}

    .detailAbonnement .wrapper {
        padding: 20px
    }



.table_abo {
    border-collapse: collapse;
    background-color: white;
    margin: 0 auto;
    font-size: 0.9em;
    font-family: Roboto !important;
}

    .table_abo tr {
        border-left: 3px solid #ebebeb;
        border-right: 3px solid #ebebeb;
        border-top: 2px solid #ebebeb;
    }

        .table_abo tr:first-child td {
            padding: 25px;
        }

            .table_abo tr:first-child td:first-child {
                font-weight: 300 !important;
                font-family: Roboto !important;
                font-size: 30px !important;
                color: #464545 !important
            }

        .table_abo tr:last-child {
            border-bottom: 3px solid #ebebeb;
        }


        .table_abo tr td {
            padding: 3px;
            color: #65687d;
            font-weight: 300;
            line-height: 23px;
            font-size: 13px;
        }



        .table_abo tr .title {
            color: rgb(41, 41, 41) !important;
            font-family: Roboto !important;
            font-weight: 400 !important;
            color: #666;
            font-size: 16px !important;
            background-color: rgb(240, 240, 240) !important;
        }

        .table_abo tr .tableTitle {
            /*padding: 1em 1em 1em 3em;*/
            color: #65687d;
            text-align: center;
            font-size: 1.8em;
            font-weight: 600;
        }


        .table_abo tr .empty {
            border: none;
            background-color: #EAECEF;
        }



        .table_abo tr .first {
            width: 1000px;
        }



        .table_abo tr .other {
            width: 125px;
            text-align: center;
        }



        .table_abo tr .center {
            text-align: center;
        }





        .table_abo tr td .cross {
            position: relative;
        }



            .table_abo tr td .cross:before, .table_abo tr td .cross:after {
                position: absolute;
                margin: auto;
                border-radius: .2em;
                content: '';
                background: red;
                height: 35px;
                width: 2px;
            }



            .table_abo tr td .cross:before {
                bottom: 0px;
                left: 0px;
                right: 0px;
                top: 0px;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }



            .table_abo tr td .cross:after {
                bottom: 0px;
                left: 0px;
                right: 0px;
                top: 0px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }



        .table_abo tr td .yes {
            position: relative;
        }



            .table_abo tr td .yes:before, .table_abo tr td .yes:after {
                margin: auto;
                position: absolute;
                border-radius: .2em;
                content: '';
                background: green;
            }



            .table_abo tr td .yes:before {
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                bottom: -10px;
                right: 0px;
                left: -12px;
                height: 12px;
                width: 2px;
            }



            .table_abo tr td .yes:after {
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                bottom: -12px;
                right: 0px;
                left: 12px;
                height: 25px;
                width: 2px;
            }

.wrapper .title_abo {
    font-size: 35px;
    text-align: center;
    padding-bottom: 35px;
}

.inactiveFlux {
    display: none;
}

.price_synthese {
    text-align: center;
    padding-right: 1em;
    background: white;
    margin-top: 20px;
    color: #f26522;
    margin-left: 30px;
    margin-right: 30px;
}

    .price_synthese .prix {
        font-size: 3em;
        font-weight: 600;
        padding: 0 0 0 .5em;
    }


    .price_synthese span {
        font-size: 14px;
    }

#monCompte h1 {
    text-align: center;
    color: #5f6275;
    font-weight: 400;
    font-size: 2.3em;
}



#monCompte .abos, #monCompte .methodes, #monCompte .infos {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 2em;
    padding: 2.5em;
    width: 44.5%;
    position: relative;
    background-image: linear-gradient(rgb(248, 248, 248), rgb(248, 248, 248)) !important;
}

    #monCompte .infos .CreditCardNumber {
        font-size: 18px !important;
        font-family: Roboto !important;
        font-weight: 300 !important;
        line-height: 35px;
        max-width: 400px;
        background-color: white;
        padding-left: 20px !important;
        padding-top: 20px !important;
        padding-bottom: 20px;
        margin: 0 auto;
        margin-top: 10px;
    }


#monCompte .abos, #monCompte .methodes, #monCompte .abos {
    height: auto !important;
}

    #monCompte .abos h2, #monCompte .methodes h2, #monCompte .infos h2 {
        margin-top: 0;
        color: #000;
        font-size: 30px !important;
        font-family: Roboto !important;
        font-weight: 400 !important;
        text-align: center;
        margin-bottom: 0px !important;
    }

.divhrMyAccount {
    max-width: 100px;
    float: none;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}

    .divhrMyAccount .hrMyAccount {
        width: 100%;
        background-color: transparent;
        border-width: 2px;
        border-color: rgb(218, 14, 14);
        border-style: solid;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }


#monCompte .ValidateForm {
    text-align: right;
}

#monCompte .abos h3, #monCompte .methodes h3, #monCompte .infos h3 {
    font-size: 20px !important;
    font-family: Roboto !important;
    font-weight: 500;
}

#monCompte .abos a.button, #monCompte .methodes a.button, #monCompte .infos a.button {
    margin: 1em 6em;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-weight: 100;
    font-size: 1.3em;
    text-align: center;
    color: white;
    background: #D96523;
    border-radius: .2em;
    text-decoration: none;
    padding: 1em;
}

#monCompte .abos .liste, #monCompte .methodes .liste, #monCompte .infos .liste {
    overflow: auto;
    min-height: 100px;
    border-bottom: 2px solid #C9C9C9;
}

    #monCompte .abos .liste table, #monCompte .methodes .liste table, #monCompte .infos .liste table {
        width: 100%;
        border-collapse: collapse;
    }

        #monCompte .abos .liste table th, #monCompte .methodes .liste table th, #monCompte .infos .liste table th {
            font-weight: 400;
            font-size: 20px !important;
            font-family: Roboto !important;
            padding: 1em 0;
            width: 25%%;
            text-align: center;
        }

            #monCompte .abos .liste table th:first-child, #monCompte .methodes .liste table th:first-child, #monCompte .infos .liste table th:first-child {
                font-weight: 400;
                padding: 1em 0;
                font-size: 20px !important;
                font-family: Roboto !important;
                width: 50% !important;
                text-align: center;
            }

        #monCompte .abos .liste table tr:hover:not(:first-child), #monCompte .methodes .liste table tr:hover:not(:first-child), #monCompte .infos .liste table tr:hover:not(:first-child) {
            cursor: pointer;
            background: rgba(0, 0, 0, 0.01);
        }

        #monCompte .abos .liste table td, #monCompte .methodes .liste table td, #monCompte .infos .liste table td {
            text-align: center;
            padding: 1em 0;
            font-size: 18px !important;
            font-family: Roboto !important;
            font-weight: 300 !important;
            border-top: 1px solid #9093a2;
        }

        #monCompte .abos .liste table th {
            text-align: center;
            padding: 1em 0;
        }

    #monCompte .abos .liste ul li, #monCompte .methodes .liste ul li, #monCompte .infos .liste ul li {
        font-weight: 100;
        color: #9093a2;
        font-size: 1.5em;
        list-style: none;
    }

        #monCompte .abos .liste ul li:not(:first-child):not(:last-child), #monCompte .methodes .liste ul li:not(:first-child):not(:last-child), #monCompte .infos .liste ul li:not(:first-child):not(:last-child) {
            margin: .5em 0;
        }

#monCompte .infos .content h3 {
    margin: .7em .1em;
    text-align: left;
    display: inline-block;
    padding: .2em;
    width: 48%;
}

    #monCompte .infos .content h3:first-child {
        width: 100% !important;
        display: block !important;
    }

        #monCompte .infos .content h3:first-child label {
            display: inline-block;
        }

    #monCompte .infos .content h3 label {
        font-weight: 100;
        display: block;
        font-size: 18px !important;
        font-family: Roboto !important;
        font-weight: 300 !important;
        margin-top: 5px;
    }

/*
        #monCompte .infos .content h3 span {
            text-transform: uppercase;
            font-weight: 100;
            color: #1bbc2a;
        }
*/

@media only screen and (max-width: 1250px) {
    #monCompte .abos, #monCompte .methodes, #monCompte .infos {
        width: 100%;
        margin: 2em 0;
    }

    .container .produits {
        display: none;
    }
}


.ValidateForm {
    background: 0;
    background-color: red;
    color: #fff !important;
    text-shadow: none;
    border: 1px solid transparent;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 15px !important;
    font-weight: normal;
    padding: 9px 12px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
    /*
    transition: .1s background ease-in-out;
    text-decoration: none;
    cursor: pointer;
    font-family: Segoe UI;
    font-size: 24px;
    font-weight: 100;
    /*padding: .4em 1em;
    border: none;
    display: inline-block;
    color: #3bb3e4;
    border: 1px solid #3bb3e4;
    background: white;*/
}

#EnterCaptcha {
    border: 1px solid #ddd;
    padding-left: 0px;
}


.ValidateForm:hover {
    background: #bf292b;
    color: #fff;
}

.GB_overlay {
    background: rgba(102,102,102,0.5);
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    transition: opacity .2s ease-in;
}

#price table {
    border-collapse: collapse;
    width: 100%;
}



#price th {
    font-weight: 400;
    padding: 1em;
}



#price td {
    padding: 1em;
}



#price tr {
    font-weight: 100;
    text-align: left;
    font-size: 1.2em;
    color: #65687D;
    height: 50px;
}



    #price tr:nth-child(2n+2) {
        background: #E7E7E9;
    }



#price table th {
    color: #65687D;
}

.InputLoginForm {
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 37px !important;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal;
    width: 100%;
    padding: 1em;
    border: 1px solid #ddd;
    margin-bottom: 1em;
}

    .InputLoginForm:focus {
        outline: none;
        border: 2px solid #9bb9ec;
    }

#InputUsernameLogIn, #InputEmailSignUp, #InputMailForgotPassword {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTUgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPjE1eDE1PC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZGVmcz48L2RlZnM+PGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJsb2dpbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0LjAwMDAwMCwgLTIyMy4wMDAwMDApIiBmaWxsPSIjQzRDNEM0Ij48cGF0aCBkPSJNNDQuMTQ2MjY1MSwyMjUuNjMwNDY5IEM0NC4xNDYyNjUxLDIyNC41MzAzMDggNDUuMDQzMzI1MiwyMjMuNjM4NDUyIDQ2LjE1MjEyMzgsMjIzLjYzODQ1MiBMNTYuMTQwNDA2NCwyMjMuNjM4NDUyIEM1Ny4yNDgyMTE2LDIyMy42Mzg0NTIgNTguMTQ2MjY1MSwyMjQuNTM4NjI4IDU4LjE0NjI2NTEsMjI1LjYzMDQ2OSBMNTguMTQ2MjY1MSwyMzIuNjQ2NDM1IEM1OC4xNDYyNjUxLDIzMy43NDY1OTUgNTcuMjQ5MjA1LDIzNC42Mzg0NTIgNTYuMTQwNDA2NCwyMzQuNjM4NDUyIEw0Ni4xNTIxMjM4LDIzNC42Mzg0NTIgQzQ1LjA0NDMxODYsMjM0LjYzODQ1MiA0NC4xNDYyNjUxLDIzMy43MzgyNzYgNDQuMTQ2MjY1MSwyMzIuNjQ2NDM1IEw0NC4xNDYyNjUxLDIyNS42MzA0NjkgWiBNNDUuMTQ2MjY1MSwyMjcuMTM4NDUyIEw0NS4xNDYyNjUxLDIyNS42Mzg0NTIgTDUxLjE0NjI2NTEsMjI5LjEzODQ1MiBMNTcuMTQ2MjY1MSwyMjUuNjM4NDUyIEw1Ny4xNDYyNjUxLDIyNy4xMzg0NTIgTDUxLjE0NjI2NTEsMjMwLjYzODQ1MiBMNDUuMTQ2MjY1MSwyMjcuMTM4NDUyIFoiIGlkPSIxNXgxNSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+Cg==");
}

#InputPasswordLogIn, #InputPasswordSignUp {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTMgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJsb2dpbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1LjAwMDAwMCwgLTI3NC4wMDAwMDApIiBmaWxsPSIjQzRDNEM0Ij48cGF0aCBkPSJNNTQuODk2MjY1MSwyNzkuNDkwMjQzIEw1NC44OTYyNjUxLDI3Ny45OTAyNDMgQzU0Ljg5NjI2NTEsMjc1LjkyMDI0MyA1My4yMTYyNjUxLDI3NC4yNDAyNDMgNTEuMTQ2MjY1MSwyNzQuMjQwMjQzIEM0OS4wNzYyNjUxLDI3NC4yNDAyNDMgNDcuMzk2MjY1MSwyNzUuOTIwMjQzIDQ3LjM5NjI2NTEsMjc3Ljk5MDI0MyBMNDcuMzk2MjY1MSwyNzkuNDkwMjQzIEw0Ni42NDYyNjUxLDI3OS40OTAyNDMgQzQ1LjgyMTI2NTEsMjc5LjQ5MDI0MyA0NS4xNDYyNjUxLDI4MC4xNjUyNDMgNDUuMTQ2MjY1MSwyODAuOTkwMjQzIEw0NS4xNDYyNjUxLDI4OC40OTAyNDMgQzQ1LjE0NjI2NTEsMjg5LjMxNTI0MyA0NS44MjEyNjUxLDI4OS45OTAyNDMgNDYuNjQ2MjY1MSwyODkuOTkwMjQzIEw1NS42NDYyNjUxLDI4OS45OTAyNDMgQzU2LjQ3MTI2NTEsMjg5Ljk5MDI0MyA1Ny4xNDYyNjUxLDI4OS4zMTUyNDMgNTcuMTQ2MjY1MSwyODguNDkwMjQzIEw1Ny4xNDYyNjUxLDI4MC45OTAyNDMgQzU3LjE0NjI2NTEsMjgwLjE2NTI0MyA1Ni40NzEyNjUxLDI3OS40OTAyNDMgNTUuNjQ2MjY1MSwyNzkuNDkwMjQzIEw1NC44OTYyNjUxLDI3OS40OTAyNDMgWiBNNTEuMTQ2MjY1MSwyODYuMjQwMjQzIEM1MC4zMjEyNjUxLDI4Ni4yNDAyNDMgNDkuNjQ2MjY1MSwyODUuNTY1MjQzIDQ5LjY0NjI2NTEsMjg0Ljc0MDI0MyBDNDkuNjQ2MjY1MSwyODMuOTE1MjQzIDUwLjMyMTI2NTEsMjgzLjI0MDI0MyA1MS4xNDYyNjUxLDI4My4yNDAyNDMgQzUxLjk3MTI2NTEsMjgzLjI0MDI0MyA1Mi42NDYyNjUxLDI4My45MTUyNDMgNTIuNjQ2MjY1MSwyODQuNzQwMjQzIEM1Mi42NDYyNjUxLDI4NS41NjUyNDMgNTEuOTcxMjY1MSwyODYuMjQwMjQzIDUxLjE0NjI2NTEsMjg2LjI0MDI0MyBMNTEuMTQ2MjY1MSwyODYuMjQwMjQzIFogTTUzLjQ3MTI2NTEsMjc5LjQ5MDI0MyBMNDguODIxMjY1MSwyNzkuNDkwMjQzIEw0OC44MjEyNjUxLDI3Ny45OTAyNDMgQzQ4LjgyMTI2NTEsMjc2LjcwNzc0MyA0OS44NjM3NjUxLDI3NS42NjUyNDMgNTEuMTQ2MjY1MSwyNzUuNjY1MjQzIEM1Mi40Mjg3NjUxLDI3NS42NjUyNDMgNTMuNDcxMjY1MSwyNzYuNzA3NzQzIDUzLjQ3MTI2NTEsMjc3Ljk5MDI0MyBMNTMuNDcxMjY1MSwyNzkuNDkwMjQzIEw1My40NzEyNjUxLDI3OS40OTAyNDMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4K");
}

#InputTelSignUp {
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU3OC4xMDYgNTc4LjEwNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTc4LjEwNiA1NzguMTA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTU3Ny44Myw0NTYuMTI4YzEuMjI1LDkuMzg1LTEuNjM1LDE3LjU0NS04LjU2OCwyNC40OGwtODEuMzk2LDgwLjc4MSAgICBjLTMuNjcyLDQuMDgtOC40NjUsNy41NTEtMTQuMzgxLDEwLjQwNGMtNS45MTYsMi44NTctMTEuNzI5LDQuNjkzLTE3LjQzOSw1LjUwOGMtMC40MDgsMC0xLjYzNSwwLjEwNS0zLjY3NiwwLjMwOSAgICBjLTIuMDM3LDAuMjAzLTQuNjg5LDAuMzA3LTcuOTUzLDAuMzA3Yy03Ljc1NCwwLTIwLjMwMS0xLjMyNi0zNy42NDEtMy45NzlzLTM4LjU1NS05LjE4Mi02My42NDUtMTkuNTg0ICAgIGMtMjUuMDk2LTEwLjQwNC01My41NTMtMjYuMDEyLTg1LjM3Ni00Ni44MThjLTMxLjgyMy0yMC44MDUtNjUuNjg4LTQ5LjM2Ny0xMDEuNTkyLTg1LjY4ICAgIGMtMjguNTYtMjguMTUyLTUyLjIyNC01NS4wOC03MC45OTItODAuNzgzYy0xOC43NjgtMjUuNzA1LTMzLjg2NC00OS40NzEtNDUuMjg4LTcxLjI5OSAgICBjLTExLjQyNS0yMS44MjgtMTkuOTkzLTQxLjYxNi0yNS43MDUtNTkuMzY0UzQuNTksMTc3LjM2MiwyLjU1LDE2NC41MXMtMi44NTYtMjIuOTUtMi40NDgtMzAuMjk0ICAgIGMwLjQwOC03LjM0NCwwLjYxMi0xMS40MjQsMC42MTItMTIuMjRjMC44MTYtNS43MTIsMi42NTItMTEuNTI2LDUuNTA4LTE3LjQ0MnM2LjMyNC0xMC43MSwxMC40MDQtMTQuMzgyTDk4LjAyMiw4Ljc1NiAgICBjNS43MTItNS43MTIsMTIuMjQtOC41NjgsMTkuNTg0LTguNTY4YzUuMzA0LDAsOS45OTYsMS41MywxNC4wNzYsNC41OXM3LjU0OCw2LjgzNCwxMC40MDQsMTEuMzIybDY1LjQ4NCwxMjQuMjM2ICAgIGMzLjY3Miw2LjUyOCw0LjY5MiwxMy42NjgsMy4wNiwyMS40MmMtMS42MzIsNy43NTItNS4xLDE0LjI4LTEwLjQwNCwxOS41ODRsLTI5Ljk4OCwyOS45ODhjLTAuODE2LDAuODE2LTEuNTMsMi4xNDItMi4xNDIsMy45NzggICAgcy0wLjkxOCwzLjM2Ni0wLjkxOCw0LjU5YzEuNjMyLDguNTY4LDUuMzA0LDE4LjM2LDExLjAxNiwyOS4zNzZjNC44OTYsOS43OTIsMTIuNDQ0LDIxLjcyNiwyMi42NDQsMzUuODAyICAgIHMyNC42ODQsMzAuMjkzLDQzLjQ1Miw0OC42NTNjMTguMzYsMTguNzcsMzQuNjgsMzMuMzU0LDQ4Ljk2LDQzLjc2YzE0LjI3NywxMC40LDI2LjIxNSwxOC4wNTMsMzUuODAzLDIyLjk0OSAgICBjOS41ODgsNC44OTYsMTYuOTMyLDcuODU0LDIyLjAzMSw4Ljg3MWw3LjY0OCwxLjUzMWMwLjgxNiwwLDIuMTQ1LTAuMzA3LDMuOTc5LTAuOTE4YzEuODM2LTAuNjEzLDMuMTYyLTEuMzI2LDMuOTc5LTIuMTQzICAgIGwzNC44ODMtMzUuNDk2YzcuMzQ4LTYuNTI3LDE1LjkxMi05Ljc5MSwyNS43MDUtOS43OTFjNi45MzgsMCwxMi40NDMsMS4yMjMsMTYuNTIzLDMuNjcyaDAuNjExbDExOC4xMTUsNjkuNzY4ICAgIEM1NzEuMDk4LDQ0MS4yMzgsNTc2LjE5Nyw0NDcuOTY4LDU3Ny44Myw0NTYuMTI4eiIgZmlsbD0iI2M0YzRjNCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}

#InputUsernameSignUp {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJTaWduLXVwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDQuMDAwMDAwLCAtMjQ1LjAwMDAwMCkiIGZpbGw9IiNDNEM0QzQiPjxnIGlkPSJHcm91cC01Ij48ZyBpZD0iR3JvdXAtMy1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOC4wMDAwMDAsIDIzMy4wMDAwMDApIj48cGF0aCBkPSJNMjUuOTI4ODc1NSwyMC42NTY1ODk0IEMyNy45NzY5NTk4LDIxLjIxNTkyMDEgMzAsMjIuMjk3MDM0NyAzMCwyMy44MzMzMzMzIEwzMCwyNiBMMTYsMjYgTDE2LDIzLjgzMzMzMzMgQzE2LDIyLjI5NzAzNDcgMTguMDIzMDQwMiwyMS4yMTU5MjAxIDIwLjA3MTEyNDUsMjAuNjU2NTg5NCBDMjAuOTE5NTM0OCwyMS4xOTEwNjYgMjEuOTI0MDMyNSwyMS41IDIzLDIxLjUgQzI0LjA3NTk2NzUsMjEuNSAyNS4wODA0NjUyLDIxLjE5MTA2NiAyNS45Mjg4NzU1LDIwLjY1NjU4OTQgWiBNMjcsMTYgQzI3LDE4LjIxMzMzMzMgMjUuMjA2NjY2NywyMCAyMywyMCBDMjAuNzkzMzMzMywyMCAxOSwxOC4yMTMzMzMzIDE5LDE2IEMxOSwxMy43OTMzMzMzIDIwLjc5MzMzMzMsMTIgMjMsMTIgQzI1LjIwNjY2NjcsMTIgMjcsMTMuNzkzMzMzMyAyNywxNiBaIiBpZD0idXNlcl9pY29uIj48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPgo=")
}

.separator {
    margin: 0px 25px 20px 25px;
    height: 0;
    border-top: 1px solid #888;
    border-bottom: 1px solid #fff;
    position: relative;
}

.middle_separator {
    top: -7px;
    position: relative;
    color: #888;
    background: #fff;
    font-size: 11px;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    text-align: center;
    width: 35px;
    margin: 0 auto;
}

.labelForm {
    color: #9bb2bc;
    cursor: text;
}

.loginSelected {
    background-color: white !important;
}

#price .wrapper h1 {
    text-align: center;
    color: #5f6275;
    font-weight: 400;
    font-size: 2.3em;
    margin-bottom: 25px;
}

.Bold {
    font-weight: 400;
}

.red {
    color: red;
}

#monCompte a.button {
    font-weight: 300;
    text-align: center;
    color: black;
    background: #f8f8f8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-decoration: none;
    padding: 15px 30px;
    margin: 0px 0px 0px 3px !important;
    font-size: 18px;
    line-height: 30px;
    display: inline-block
}

#monCompte a.ActiveMyAccount {
    background: #ffffff !important;
    border: 1px solid rgb(231, 231, 231) !important;
}

#monCompte input.button {
    text-align: center;
    color: white;
    background: rgb(218, 14, 14) !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    border-radius: 5px;
    text-decoration: none;
    padding: 1em;
    font-family: Roboto;
    border-width: 0px;
    padding: 12px 15px;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.wrapperButtons {
    padding-left: 2.0em;
    margin-top: 40px;
    position: relative;
    top: 12px;
}

.ValidateContactMessage {
    font-size: 30px;
}

@media only screen and (max-width: 650px) {
    .logoWalMasterTechno {
        display: none;
    }
}

@media only screen and (max-width: 413px) {
    header .logo {
        padding-right: 0px !important;
    }

    header .menu {
        padding-left: 0px !important;
    }
}

iframe {
    border: 1px solid grey;
}

.greencircle {
    width: 30px;
    height: 20px;
    background-color: #00a651;
    display: inline-block;
    border-radius: 30px;
    margin-left: 20px;
}

@media only screen and (max-width: 954px) {
    #section1 .headline .ItemsDynamicMarketBottom:last-child {
        margin-top: 30px;
        width: 80%;
    }
}

@media only screen and (max-width: 640px) {
    #section1 .headline .ItemsDynamicMarketBottom:first-child {
        margin-top: 0px !important;
    }

    #section1 .headline .ItemsDynamicMarketBottom {
        margin-top: 30px;
        width: 90% !important;
    }
}

@media only screen and (max-width: 593px) {
    .regulEnSavoirPlus {
        height: 828px;
    }
}

@media only screen and (min-width: 594px) and (max-width: 964px) {
    .regulEnSavoirPlus {
        height: 695px;
    }
}

@media only screen and (min-width: 604px) and (max-width: 984px) {
    .regulEnSavoirPlus2 {
        height: 800px;
    }
}

@media only screen and (max-width: 603px) and (max-width: 984px) {
    .regulEnSavoirPlus2 {
        height: 970px;
    }
}

.stickerNewVersion {
    max-width: 175px;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px 0px;
    background-color: rgb(230, 55, 3) !important;
    padding: 44px 0px !important;
}

@media only screen and (min-width: 1021px) {
    .stickerNewVersion {
        position: absolute;
        margin: 0 auto;
        right: 80px;
        top: 280px;
    }
}

.stickerNoel {
    max-width: 260px;
    display: block;
}

@media only screen and (min-width: 1021px) {
    .stickerNoel {
        position: absolute;
        margin: 0 auto;
        right: 15px;
        top: 235px;
    }
}

@media only screen and (max-width: 1079px) {
    .single-item button {
        display: none !important;
    }
}

@media only screen and (max-width: 1020px) {
    .stickerNewVersion {
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .stickerNoel {
        margin: 0 auto;
        margin-bottom: 50px;
    }

    #section1 .headline .ItemsDynamicMarket:last-child {
        margin-top: 30px;
    }

    .BottomBandeau {
        display: none;
    }

    #section1 .headline .formContact {
        bottom: -10px;
    }

    .single-item button {
        display: none !important;
    }
}

@media only screen and (max-width: 650px) {
    #section1 .headline .ItemsDynamicMarket:first-child {
        margin-top: 0px !important;
    }

    #section1 .headline .ItemsDynamicMarket {
        margin-top: 30px;
    }
}


@media only screen and (min-width: 950px) {
    #section2 .Header2 img {
        float: right;
        width: 50%;
        margin-right: 40px;
    }

    #section2 .Header2 p {
        float: left;
        width: 40%;
        font-size: 1.5em;
    }

    #section2 .Header3 img {
        float: left;
        width: 40%;
        margin-right: 40px;
    }

    #section2 .Header3 p {
        float: right;
        width: 50%;
        font-size: 21px;
    }

    .sectionEnsavoirPlus .Header2 img {
        float: right;
        width: 50%;
        margin-right: 40px;
    }

    .sectionEnsavoirPlus .Header2 p {
        float: left;
        width: 40%;
        font-size: 1.5em;
    }

    .sectionEnsavoirPlus .Header3 img {
        float: left;
        width: 40%;
        margin-right: 40px;
    }

    .sectionEnsavoirPlus .Header3 p {
        float: right;
        width: 50%;
        font-size: 21px;
    }
}

@media only screen and (max-width: 1236px) {
    #abo .bgPrice .flux .flux1, #abo .bgPrice .flux .flux2, #abo .bgPrice .flux .flux3 {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1075px) {
    #abo .bgPrice .flux .flux3 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 720px) {
    #abo .bgPrice .flux .flux2 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1236px) {
    #abo .bgPriceSelectAbo .flux .flux1, #abo .bgPriceSelectAbo .flux .flux2, #abo .bgPriceSelectAbo .flux .flux3 {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1075px) {
    #abo .bgPriceSelectAbo .flux .flux3 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 720px) {
    #abo .bgPriceSelectAbo .flux .flux2 {
        margin-top: 30px;
    }
}

#price .content section .price input[type="submit"] {
    margin-top: 1em;
    background: #ff5400;
    border: none;
    color: white;
    font-size: 1.8em;
    padding: .7em 1.5em;
}

.footer-cnil {
    display: block;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    background-color: #f4f4f4;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    color: #000;
    font-family: 'Roboto',helvetica,arial,sans-serif;
    font-size: 13px;
    text-align: center;
    border-top: 1px solid #dedede;
}

.Cookies_button {
    border: 1px solid black;
    padding: 5px 10px;
    border-radius: 20px;
    cursor: pointer;
}

.wrapper .OfferButton {
    font-weight: 400 !important;
    font-family: Roboto !important;
    font-size: 22px !important;
    border-radius: 8px;
    background-color: rgb(225, 52, 0) !important;
    text-decoration: none;
    display: inline-block;
    width: 360px;
    padding: 5px 0px;
}

    .wrapper .OfferButton:hover {
        background-color: #f54b4c !important;
    }

.wrapper .RendezVousButton {
    font-weight: 400 !important;
    font-family: Roboto !important;
    font-size: 22px !important;
    border-radius: 8px;
    background-color: rgb(225, 52, 0) !important;
    text-decoration: none;
    display: inline-block;
    width: 290px;
    padding: 5px 0px;
}

    .wrapper .RendezVousButton:hover {
        background-color: #f54b4c !important;
    }

.bgPrice .wrapper .div_separator {
    max-width: 105px;
    float: none;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

    .bgPrice .wrapper .div_separator hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #cccccc;
        margin: 1em 0;
        padding: 0;
        border-width: 5px;
    }

.bgPrice .wrapper .flux1 .div_separator hr {
    border-color: rgb(69, 70, 70);
}

.bgPrice .wrapper .flux2 .div_separator hr {
    border-color: rgb(225, 52, 0);
}

.bgPrice .wrapper .flux3 .div_separator hr {
    border-color: rgb(255, 152, 0);
}


.bgPriceSelectAbo .wrapper .div_separator {
    max-width: 105px;
    float: none;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 1px !important;
    padding-top: 5px !important;
    margin-top: 0px !important;
}

    .bgPriceSelectAbo .wrapper .div_separator hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #cccccc;
        margin: 1em 0;
        padding: 0;
        border-width: 5px;
    }


.bgPriceSelectAbo .wrapper .flux1 .div_separator hr, .bgPriceSelectAbo .wrapper .flux2 .div_separator hr {
    border-color: rgb(225, 52, 0);
}


.tcb-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.parallax {
    opacity: 0.2;
    background-image: url(/images/abonnements/technology.png) !important;
    background-size: cover !important;
    background-position: 100% 50% !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 1200px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.parallax2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), url(/images/methodes/imagetabletteblanche.jpg) !important;
    background-size: cover !important;
    background-position: 50% 50%, 50% 0% !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: 402px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.h3_Boutique {
    text-align: left;
    font-weight: 300;
    font-size: 28px !important;
    font-family: Roboto !important;
    color: rgb(0, 0, 0) !important;
    text-align: left !important;
}

    .h3_Boutique span {
        font-weight: 400;
        font-size: 80px !important;
        color: rgb(41, 41, 41) !important;
        font-family: "Roboto" !important;
    }

h3_Services {
    text-align: left;
    font-weight: 300;
    font-size: 28px !important;
    font-family: Roboto !important;
    color: rgb(0, 0, 0) !important;
}

.h3_Services span {
    font-weight: 400;
    font-size: 80px !important;
    color: rgb(41, 41, 41) !important;
    font-family: "Roboto" !important;
}

#section2 {
    position: relative;
}

.sectionEnsavoirPlus {
    position: relative;
}

.boutiqueContent {
    font-weight: 300;
    font-family: Roboto !important;
    color: rgb(0, 0, 0) !important;
    font-size: 20px !important;
    text-align: justify;
}

.boutiqueContent2 {
    display: inline-block;
    width: 50%;
    font-weight: 300;
    font-family: Roboto !important;
    color: rgb(0, 0, 0) !important;
    font-size: 20px !important;
    text-align: justify;
    vertical-align: top;
    padding-top: 45px;
}

.EnSavoirPlusContentLeft {
    display: inline-block;
    width: 52%;
    font-weight: 300;
    font-family: Roboto !important;
    font-size: 18px !important;
    color: rgb(41, 41, 41) !important;
    text-align: justify;
    vertical-align: top;
    margin-left: 50px;
    line-height: 2em !important;
}

.EnSavoirPlusContentRight {
    display: inline-block;
    width: 43%;
    text-align: center;
    margin-top: 20px
}

    .EnSavoirPlusContentRight img {
    }

.boutiqueContentImg {
    display: inline-block;
    width: 43%;
    text-align: right;
}

    .boutiqueContentImg img {
        -webkit-box-shadow: 4px 4px 6px -3px #333;
        box-shadow: 4px 4px 6px -3px #333;
    }

.boutiqueContent3 {
    display: inline-block;
    max-width: 68%;
    font-weight: 300;
    font-family: Roboto !important;
    color: rgb(0, 0, 0) !important;
    font-size: 20px !important;
    text-align: justify;
    vertical-align: top;
    margin-top: -12px;
}

.boutiqueContentImg2 {
    display: inline-block;
    max-width: 31%;
    text-align: left;
    width: 387px;
}

    .boutiqueContentImg2 img {
        -webkit-box-shadow: 4px 4px 6px -3px #333;
        box-shadow: 4px 4px 6px -3px #333;
    }



.fondStyle {
    background-image: url(/images/abonnements/fondstyle.jpg) !important;
    background-position: 50% 100% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.wrapper nav a:hover {
    color: rgb(255, 0, 0)
}

.regulEnSavoirPlus .bandeau .sectionClass .headline .topHeader .button_abo {
    color: rgb(225, 52, 0) !important;
    margin-top: 15px;
}

    .regulEnSavoirPlus .bandeau .sectionClass .headline .topHeader .button_abo a {
        border: 1px solid rgb(255, 0, 0);
        text-decoration: none;
        padding: 12px 15px;
        font-family: Roboto !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        border-radius: 5px;
        letter-spacing: 2px;
        line-height: 1.2em;
        color: currentColor;
        text-align: center;
        display: inline-block;
    }


        .regulEnSavoirPlus .bandeau .sectionClass .headline .topHeader .button_abo a:hover {
            color: white !important;
            background-color: rgb(255, 0, 0) !important;
        }

.regulBoutique .bandeau .headline .button_boutique {
    color: white;
    margin-top: 30px;
}

    .regulBoutique .bandeau .headline .button_boutique a {
        border: 1px solid white;
        text-decoration: none;
        padding: 12px 15px;
        font-family: Roboto !important;
        font-weight: 400 !important;
        font-size: 24px !important;
        border-radius: 5px;
        letter-spacing: 2px;
        line-height: 1.2em;
        color: currentColor;
        text-align: center;
        display: inline-block;
    }


        .regulBoutique .bandeau .headline .button_boutique a:hover {
            color: white !important;
            background-color: rgb(255, 0, 0) !important;
        }

@media only screen and (min-width: 920px) {
    .regulBoutique .webconference {
        position: absolute;
        top: -10px;
    }
}

@media only screen and (max-width: 919px) {
    .regulBoutique .button_abo {
        margin-top: 10px !important;
    }

    .regulBoutique .webconference {
        text-align: center;
    }

    .regulBoutique {
        height: 440px;
    }
}

@media only screen and (max-width: 435px) {
    .regulBoutique {
        height: 560px;
    }
}

.regulBoutique .button_abo {
    background-color: #ff0000;
    margin: 0 auto;
    max-width: 300px;
    margin-top: 75px;
    margin-bottom: 30px;
    padding: 15px;
    font-weight: 600 !important;
    font-size: 25px !important;
    border-radius: 10px;
    text-align: center;
}


footer .topFooter {
    color: white;
    font-weight: 100;
    text-align: center;
    background: #444;
    padding: 0em 0em 1.5em 0em;
}

footer .bottomFooter {
    color: white;
    font-weight: 300;
    text-align: center;
    background-color: #000;
    padding: 1.5em;
}


footer h3 {
    font-size: 2em;
    font-weight: 300;
    padding: 0;
    margin: 0;
}



footer p {
    margin: 0;
}

footer .wrapper {
    /*padding: 0px 140px;*/
}

    footer .wrapper .blocFooter {
        width: 19%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        min-width: 180px;
        margin-top: 1.5em;
    }

footer .blocFooter .titleFooter {
    font-size: 18px;
    font-weight: 600;
}

footer .blocFooter .contentFooter {
    font-size: 16px;
    font-weight: 300 !important;
    margin-top: 20px;
    line-height: 1.5 !important;
}

    footer .blocFooter .contentFooter a {
        text-decoration: none;
        font-weight: 300 !important;
        color: white;
        margin-right: 10px;
    }

    footer .blocFooter .contentFooter svg {
        width: 32px;
        height: 32px;
    }

    footer .blocFooter .contentFooter a:last-child {
        margin-right: 0px !important;
    }


#methodes .wrapper .globalSelectingMethod {
    float: left;
    width: 33%;
    margin-top: 35px;
}

    #methodes .wrapper .globalSelectingMethod .nav {
        background-color: rgb(246, 247, 249);
        padding: 30px;
        color: rgb(41, 41, 41);
        font-size: 20px !important;
        font-weight: 300;
    }

        #methodes .wrapper .globalSelectingMethod .nav div {
            margin-bottom: 20px;
            cursor: pointer;
        }

            #methodes .wrapper .globalSelectingMethod .nav div:last-child {
                margin-bottom: 0px !important;
                cursor: pointer;
            }

    #methodes .wrapper .globalSelectingMethod .selectingMethod {
        margin-bottom: 20px;
        background-color: rgb(246, 247, 249);
        padding: 25px;
        font-weight: 300;
        font-size: 22px !important;
        font-family: Roboto !important;
        color: #464545;
    }

#methodes .wrapper .content {
    float: right;
    width: 64%;
}

#indicateurs .wrapper .globalSelectingMethod {
    float: left;
    width: 33%;
    margin-top: 35px;
}

    #indicateurs .wrapper .globalSelectingMethod .nav {
        background-color: rgb(246, 247, 249);
        padding: 30px;
        color: rgb(41, 41, 41);
        font-size: 20px !important;
        font-weight: 300;
    }

        #indicateurs .wrapper .globalSelectingMethod .nav div {
            margin-bottom: 20px;
            cursor: pointer;
        }

            #indicateurs .wrapper .globalSelectingMethod .nav div:last-child {
                margin-bottom: 0px !important;
                cursor: pointer;
            }

    #indicateurs .wrapper .globalSelectingMethod .selectingMethod {
        margin-bottom: 20px;
        background-color: rgb(246, 247, 249);
        padding: 25px;
        font-weight: 300;
        font-size: 22px !important;
        font-family: Roboto !important;
        color: #464545;
    }

#indicateurs .wrapper .content {
    float: right;
    width: 64%;
}

    #indicateurs .wrapper .content p {
        line-height: 1.7em !important;
        color: rgb(41, 41, 41) !important;
        font-size: 18px !important;
        font-family: 'Roboto' !important;
    }


#rdv {
    font-family: Roboto !important;
}


    #rdv .wrapper h1 {
        font-weight: 400;
        font-family: Roboto !important;
        font-size: 50px !important;
        text-align: center;
        line-height: 1em;
        margin: 25px 0 12px 0;
    }

    #rdv .wrapper h2 {
        font-weight: 100;
        font-family: Roboto !important;
        font-size: 35px !important;
        text-align: center;
        margin: 25px 0 50px 0;
    }

    #rdv .wrapper iframe {
        border: 0px;
    }

#aproposde h3 {
    font-family: Roboto !important;
    font-weight: 300 !important;
    font-size: 35px !important;
    color: rgb(41, 41, 41) !important;
    margin: 50px 0 20px 0;
    line-height: 1em;
    text-align: center;
}


.sectionLexique table {
    border-collapse: collapse;
    border: 4px solid #f6f7f9;
    margin-top: 40px;
    margin-bottom: 40px;
}

    .sectionLexique table tr td:last-child {
        padding: 15px;
        font-family: 'Roboto', sans-serif;
        color: #666;
        font-size: 19px;
        font-weight: 300;
        line-height: 1.5em;
        margin-bottom: 35px;
        word-wrap: break-word;
        color: rgb(0, 0, 0) !important;
    }

        .sectionLexique table tr td:last-child strong {
            font-weight: bold;
        }

    .sectionLexique table tr td:first-child {
        font-size: 90px !important;
        color: rgb(0, 0, 0) !important;
        font-family: Roboto !important;
        font-weight: 100 !important;
        line-height: 1em !important;
        padding: 30px;
        border: 4px solid #f6f7f9;
        text-align: center;
    }

.deploiement {
    overflow: hidden;
    font-weight: normal;
}


.sectionDebuterBourse {
    font-family: 'Roboto', sans-serif;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 35px;
    word-wrap: break-word;
    font-size: 18px;
}

    .sectionDebuterBourse h3 {
        font-family: Roboto !important;
        color: #000000 !important;
        font-weight: 400 !important;
        font-size: 22px !important;
        cursor: pointer;
    }






    .sectionDebuterBourse h4 {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        width: auto !important;
        padding: 0 0 0 18px !important;
        color: #000000 !important;
        font-size: 18px !important;
        margin: 30px 0px 50px 0px !important;
        clear: none;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        line-height: 1em;
        word-wrap: break-word;
    }

    .sectionDebuterBourse strong {
        color: #000000 !important;
    }


h4 {
    padding-left: 25px;
}

#foot {
}


#abo h3 {
    font-weight: 300 !important;
    font-size: 25px !important;
    font-family: Roboto !important;
    color: rgb(41, 41, 41) !important;
    text-align: center;
}

.DialogFormLogInSignUp {
    padding: 25px;
}

.g-signin2 {
    padding: 0px 25px;
}

.formContact .contactCall .contactHelp .selected {
    background-color: white;
    color: rgb(255, 0, 0);
    margin-left: 47px;
    border: 1px solid rgb(255, 0, 0);
    text-decoration: none;
    padding: 4px 30px;
    font-size: 1em;
    border-radius: 5px;
    cursor: pointer;
}

.h3_Services {
    margin: 0 !important;
    padding: 30px !important;
}

#section2 .wrapper .topHeader .button_service {
    color: rgb(225, 52, 0) !important;
    margin-top: 15px;
}

    #section2 .wrapper .topHeader .button_service a {
        border: 1px solid rgb(255, 0, 0);
        text-decoration: none;
        padding: 12px 15px;
        font-family: Roboto !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        border-radius: 5px;
        letter-spacing: 2px;
        line-height: 1.2em;
        color: rgb(255, 0, 0);
        text-align: center;
        display: inline-block;
    }


        #section2 .wrapper .topHeader .button_service a:hover {
            color: white !important;
            background-color: rgb(255, 0, 0) !important;
        }



.borderMyAccount {
    border: 1px solid rgb(231, 231, 231);
    margin-top: 11px;
    margin-bottom: 20px
}


.PremiumButton {
    font-family: Roboto !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    border-radius: 5px;
    padding: 12px 15px;
    background-color: rgb(218, 14, 14) !important;
    text-decoration: none !important;
    color: #fff;
}

.logo img {
    width: 250px;
    margin-right: 25px;
}



/*
    New SIte
*/
/*
    <---------------------Page d'accueil----------------------->
*/



.div_seprator_white {
    width: 50px;
}

    .div_seprator_white .seprator_white {
        width: 100%;
        border-width: 3px;
        border-color: rgb(255, 255, 255);
        border-style: solid;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

.div_seprator_black {
    width: 50px;
}

    .div_seprator_black .seprator_black {
        width: 100%;
        border-width: 3px;
        border-color: rgb(0, 0, 0);
        border-style: solid;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

.regul {
    height: 650px;
    position: relative;
}

    .regul .ImgRegul {
        width: 100%;
        height: 100%;
        opacity: 1;
        visibility: inherit;
        z-index: 20;
        background-size: cover;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-image: url(/images/index/fondTD.jpg);
    }

        .regul .ImgRegul .centrage .topLeft {
            width: 700px;
            display: inline-block;
            vertical-align: top;
            padding-top: 0px;
        }

            .regul .ImgRegul .centrage .topLeft h1 {
                font-weight: 400 !important;
                font-size: 45px !important;
                color:white;
            }

            .regul .ImgRegul .centrage .topLeft h2 {
                font-weight: 300 !important;
                font-size: 25px !important;
                line-height: 1.5em;
                margin-bottom: 20px;
                color: white;
            }

        .regul .ImgRegul .centrage .topRight {
            width: 540px;
            display: inline-block;
            vertical-align: top;
            position: relative;
            /*left:25px;*/
        }

            .regul .ImgRegul .centrage .topRight img {
                margin-top: 50px;
                max-width: 100%;
            }

            .regul .ImgRegul .centrage .topRight .PastilleNewsA {
                position: absolute;
                top: 0;
                right: 0;
                text-decoration: none;
                color: inherit;
            }

            .regul .ImgRegul .centrage .topRight .PasstilleNewsImg {
                width: 200px;
                margin-top: 0;
            }


        .regul .ImgRegul .centrage .topEssai {
            text-align: center;
            padding-top: 25px;
        }

            .regul .ImgRegul .centrage .topEssai a {
                font-weight: 400;
                font-family: Roboto !important;
                font-size: 32px !important;
                border-radius: 8px;
                padding: 14px 43px;
                background-color: rgb(255, 0, 0);
                text-decoration: none;
                color: white;
            }

                .regul .ImgRegul .centrage .topEssai a:hover {
                    background-color: #f54b4c;
                }

        .regul .ImgRegul .centrage .topLeft .demo {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 24px !important;
            border-radius: 8px;
            padding: 14px 15px;
            background-color: rgba(54, 193, 134, 0.94) !important;
            text-decoration: none;
            color: white;
            margin-left: 40px;
        }

        .regul .ImgRegul .centrage .topLeft demo:hover {
            background-color: #15a288 !important;
        }


.BandeauBlue {
    background-color: #e4f2fe;
}

    .BandeauBlue .centrage h2 {
        font-weight: 400 !important;
        font-size: 45px !important;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 16px;
    }

    .BandeauBlue .centrage h3 {
        font-weight: 300 !important;
        text-align: center;
        font-size: 25px !important;
    }

    .BandeauBlue .centrage .listBlocBandeauBlue {
        text-align: center;
        margin-top: 80px;
        padding-bottom: 80px;
    }

        .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue {
            display: inline-block;
            background-color: white;
            width: 373px;
            max-width: 100%;
            vertical-align: top;
            padding: 0px 20px 40px 20px;
        }

            .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue:hover {
                box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 12px 0px !important;
            }

            .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue:nth-child(2) {
                margin: 0px 35px;
            }

            .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue h4 {
                font-size: 20px;
                font-weight: 400;
                padding-left: 0px !important;
            }

            .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue .txtBandeauBlue {
                font-size: 17px;
                font-weight: 300;
                text-align: justify;
                line-height: 1.5em;
            }

.OutilsPuissants {
}

    .OutilsPuissants .centrage {
    }

        .OutilsPuissants .centrage h2 {
            font-weight: 400 !important;
            font-size: 45px !important;
            text-align: center;
            margin-top: 60px;
            margin-bottom: 50px;
        }

    .OutilsPuissants .potentielValue {
        position: relative;
    }

        .OutilsPuissants .potentielValue .floatBlue {
            position: absolute;
            height: 359px;
            right: 0;
            width: 32%;
            background-color: rgb(77, 183, 255);
        }

        .OutilsPuissants .potentielValue .left {
            width: 775px;
            display: inline-block;
            vertical-align: top;
        }

            .OutilsPuissants .potentielValue .left .leftContent {
                padding-top: 10px;
            }

                .OutilsPuissants .potentielValue .left .leftContent h3 {
                    font-weight: 400;
                    font-size: 25px;
                }

                .OutilsPuissants .potentielValue .left .leftContent .itemsLeftContent {
                    font-size: 20px;
                    font-weight: 300;
                    line-height: 1.5em
                }

                    .OutilsPuissants .potentielValue .left .leftContent .itemsLeftContent svg {
                        width: 15px;
                        height: 15px;
                        fill: rgb(77,183,255)
                    }

                    .OutilsPuissants .potentielValue .left .leftContent .itemsLeftContent span {
                        padding-left: 10px
                    }

                .OutilsPuissants .potentielValue .left .leftContent .button {
                    margin-top: 25px;
                }

                    .OutilsPuissants .potentielValue .left .leftContent .button a {
                        border: 1px solid rgb(255, 0, 0);
                        text-decoration: none;
                        padding: 15px 25px;
                        font-weight: 300;
                        font-size: 20px;
                        border-radius: 8px;
                        letter-spacing: 1px;
                        line-height: 1.2em;
                        color: currentColor;
                        text-align: center;
                        display: inline-block;
                        color: rgb(255, 0, 0);
                        vertical-align: top;
                    }

                        .OutilsPuissants .potentielValue .left .leftContent .button a:hover {
                            color: rgb(255, 255, 255);
                            background-color: rgb(255, 0, 0);
                        }

        .OutilsPuissants .potentielValue .right {
            width: 462px;
            display: inline-block;
            background-color: rgb(77, 183, 255);
            vertical-align: top;
        }

            .OutilsPuissants .potentielValue .right .rightContent {
                padding-top: 50px;
                padding-bottom: 50px;
            }

            .OutilsPuissants .potentielValue .right .rightContent {
                position: relative;
                left: -45px;
            }


    .OutilsPuissants .VisibiliteMarket {
        margin-top: 150px;
    }

        .OutilsPuissants .VisibiliteMarket .centrage .left {
            display: inline-block;
            vertical-align: top;
            width: 612px;
        }

        .OutilsPuissants .VisibiliteMarket .centrage .right {
            display: inline-block;
            vertical-align: top;
            width: 612px;
        }

            .OutilsPuissants .VisibiliteMarket .centrage .right h3 {
                font-weight: 400;
                font-size: 25px;
            }

            .OutilsPuissants .VisibiliteMarket .centrage .right .itemsRightContent {
                font-size: 20px;
                font-weight: 300;
                line-height: 1.5em
            }

                .OutilsPuissants .VisibiliteMarket .centrage .right .itemsRightContent svg {
                    width: 15px;
                    height: 15px;
                    fill: rgb(0, 194, 122);
                }

                .OutilsPuissants .VisibiliteMarket .centrage .right .itemsRightContent span {
                    padding-left: 10px
                }

            .OutilsPuissants .VisibiliteMarket .centrage .right .button {
                margin-top: 25px;
            }

                .OutilsPuissants .VisibiliteMarket .centrage .right .button a {
                    border: 1px solid rgb(255, 0, 0);
                    text-decoration: none;
                    padding: 15px 25px;
                    font-weight: 300;
                    font-size: 20px;
                    border-radius: 8px;
                    letter-spacing: 1px;
                    line-height: 1.2em;
                    color: currentColor;
                    text-align: center;
                    display: inline-block;
                    color: rgb(255, 0, 0);
                    vertical-align: top;
                }

                    .OutilsPuissants .VisibiliteMarket .centrage .right .button a:hover {
                        color: rgb(255, 255, 255);
                        background-color: rgb(255, 0, 0);
                    }


    .OutilsPuissants .ASPValue {
        margin-top: 150px;
    }

        .OutilsPuissants .ASPValue .floatGreen {
            position: absolute;
            height: 310px;
            right: 0;
            width: 32%;
            background-color: rgb(54, 193, 134);
        }

        .OutilsPuissants .ASPValue .left {
            width: 775px;
            display: inline-block;
            vertical-align: top;
        }

            .OutilsPuissants .ASPValue .left .leftContent {
            }

                .OutilsPuissants .ASPValue .left .leftContent h3 {
                    font-weight: 400;
                    font-size: 25px;
                }

                .OutilsPuissants .ASPValue .left .leftContent .itemsLeftContent {
                    font-size: 20px;
                    font-weight: 300;
                    line-height: 1.5em
                }

                    .OutilsPuissants .ASPValue .left .leftContent .itemsLeftContent svg {
                        width: 15px;
                        height: 15px;
                        fill: rgb(0, 194, 122);
                    }

                    .OutilsPuissants .ASPValue .left .leftContent .itemsLeftContent span {
                        padding-left: 10px
                    }

                .OutilsPuissants .ASPValue .left .leftContent .button {
                    margin-top: 25px;
                }

                    .OutilsPuissants .ASPValue .left .leftContent .button a {
                        border: 1px solid rgb(255, 0, 0);
                        text-decoration: none;
                        padding: 15px 25px;
                        font-weight: 300;
                        font-size: 20px;
                        border-radius: 8px;
                        letter-spacing: 1px;
                        line-height: 1.2em;
                        color: currentColor;
                        text-align: center;
                        display: inline-block;
                        color: rgb(255, 0, 0);
                    }

                        .OutilsPuissants .ASPValue .left .leftContent .button a:hover {
                            color: rgb(255, 255, 255);
                            background-color: rgb(255, 0, 0);
                        }

        .OutilsPuissants .ASPValue .right {
            width: 462px;
            display: inline-block;
            background-color: rgb(54, 193, 134);
            vertical-align: top;
        }

            .OutilsPuissants .ASPValue .right .rightContent {
                padding-top: 10px;
                padding-bottom: 20px;
            }

            .OutilsPuissants .ASPValue .right .rightContent {
                position: relative;
                left: -100px;
            }

    .OutilsPuissants .essai_outils {
        text-align: center;
        padding-top: 80px;
    }

        .OutilsPuissants .essai_outils a {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 32px !important;
            border-radius: 8px;
            padding: 14px 43px;
            background-color: rgb(255, 0, 0);
            text-decoration: none;
            color: white;
        }

            .OutilsPuissants .essai_outils a:hover {
                background-color: #f54b4c;
            }





.regulUnique {
    height: 500px;
    position: relative;
    margin-top: 100px;
}

    .regulUnique .ImgRegul {
        width: 100%;
        height: 100%;
        opacity: 1;
        visibility: inherit;
        z-index: 20;
        background-size: cover;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-color: #e4f2fe;
    }

        .regulUnique .ImgRegul .centrage h2 {
            font-weight: 400 !important;
            font-size: 45px !important;
            text-align: center;
            padding-top: 80px;
        }

        .regulUnique .ImgRegul .centrage .listBlocUnique {
            text-align: center;
        }

            .regulUnique .ImgRegul .centrage .listBlocUnique .blocUnique {
                display: inline-block;
                width: 360px;
                vertical-align: top;
                max-width: 100%;
                /*background-color:white;
                border:1px solid #999;*/
            }

                .regulUnique .ImgRegul .centrage .listBlocUnique .blocUnique:nth-child(2) {
                    margin: 0px 65px;
                }

                .regulUnique .ImgRegul .centrage .listBlocUnique .blocUnique h4 {
                    font-size: 25px;
                    font-weight: 400;
                    padding-left: 0px !important;
                    text-align: left;
                }

                .regulUnique .ImgRegul .centrage .listBlocUnique .blocUnique .txtUnique {
                    font-size: 17px;
                    font-weight: 300;
                    text-align: justify;
                    line-height: 1.5em;
                    margin-top: 20px;
                }



.BandeauDebuter {
}

    .BandeauDebuter .centrage h2 {
        font-weight: 400 !important;
        font-size: 45px !important;
        text-align: center;
        margin-top: 60px;
        margin-bottom: 16px;
    }

    .BandeauDebuter .centrage .listBlocDebuter {
        text-align: center;
        margin-top: 80px;
        padding-bottom: 80px;
    }

        .BandeauDebuter .centrage .listBlocDebuter .blocDebuter {
            display: inline-block;
            width: 373px;
            vertical-align: top;
            max-width: 100%;
            padding: 40px 20px;
            box-shadow: rgb(207, 207, 207) 0px 8px 10px 0px
        }

            .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:hover {
                box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 12px 0px !important;
            }

            .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:nth-child(2) {
                margin: 0px 35px;
            }

            .BandeauDebuter .centrage .listBlocDebuter .blocDebuter h4 {
                font-size: 25px;
                font-weight: 400;
                padding-left: 0px !important;
            }

            .BandeauDebuter .centrage .listBlocDebuter .blocDebuter .txtDebuter {
                font-size: 17px;
                font-weight: 300;
                text-align: justify;
                line-height: 1.5em;
            }



.regulAvis {
}

    .regulAvis .ImgRegul {
    }

        .regulAvis .ImgRegul h2 {
            font-weight: 400 !important;
            font-size: 45px !important;
            text-align: center;
            padding-top: 60px;
            padding-bottom: 16px;
        }


.BandeauDebuter .centrage a {
    font-weight: 400;
    font-family: Roboto !important;
    font-size: 32px !important;
    border-radius: 8px;
    padding: 14px 43px;
    background-color: red !important;
    text-decoration: none;
    color: white;
}


@media only screen and (max-width: 1265px) {
    .regul .ImgRegul .centrage {
        text-align: center;
    }

    .regul {
        height: 900px;
    }

        .regul .ImgRegul .centrage .topLeft {
            width: 100%;
            display: block;
        }

        .regul .ImgRegul .centrage .topRight {
            width: 100%;
            display: block;
        }

    .comment {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1120px) {
    .regul {
        height: 950px;
    }
}

@media only screen and (max-width: 708px) {
    .regul {
        height: 990px;
    }
}

@media only screen and (max-width: 626px) {
    .regul {
        height: 1050px;
    }
}

@media only screen and (max-width: 1180px) and (min-width: 802px) {
    .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue:nth-child(2) {
        margin: 0px 0px 0px 35px;
    }

    .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue:nth-child(3) {
        margin: 35px 0px 0px 0px;
    }
}

@media only screen and (max-width: 801px) {
    .BandeauBlue .centrage .listBlocBandeauBlue .blocBandeauBlue {
        margin: 35px 0px 0px 0px !important;
    }
}

@media only screen and (min-width: 1267px) {
    .centrage {
        width: 1250px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1265px) {
    .OutilsPuissants {
        text-align: center;
    }

        .OutilsPuissants .potentielValue .floatBlue {
            display: none;
        }

        .OutilsPuissants .potentielValue .left {
            display: block;
            width: 100%
        }

        .OutilsPuissants .potentielValue .right {
            width: 100%;
            display: block;
            background-color: white;
        }

            .OutilsPuissants .potentielValue .right .rightContent {
                position: static;
            }

                .OutilsPuissants .potentielValue .right .rightContent img {
                    max-width: 100%;
                }

        .OutilsPuissants .VisibiliteMarket {
            margin-top: 40px;
        }

            .OutilsPuissants .VisibiliteMarket .centrage .left {
                display: block;
                width: 100%
            }

                .OutilsPuissants .VisibiliteMarket .centrage .left img {
                    max-width: 100%
                }

            .OutilsPuissants .VisibiliteMarket .centrage .right {
                display: block;
                width: 100%
            }



        .OutilsPuissants .ASPValue {
            margin-top: 60px;
        }

            .OutilsPuissants .ASPValue .floatGreen {
                display: none;
            }

            .OutilsPuissants .ASPValue .left {
                width: 100%;
                display: block;
            }

            .OutilsPuissants .ASPValue .right {
                width: 100%;
                display: block;
                background-color: white;
            }

                .OutilsPuissants .ASPValue .right .rightContent {
                    position: static;
                }

                    .OutilsPuissants .ASPValue .right .rightContent img {
                        max-width: 100%;
                    }
}


@media only screen and (max-width: 1234px) {
    .regulUnique {
        height: 730px;
    }
}

@media only screen and (max-width: 1160px) {
    .regulUnique .ImgRegul .centrage .listBlocUnique .blocUnique:nth-child(2) {
        margin: 0px 0px 0px 65px;
    }

    .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:nth-child(2) {
        margin: 0px 0px 0px 35px;
    }
}

@media only screen and (max-width: 805px) {
    .regulUnique .ImgRegul .centrage .listBlocUnique .blocUnique:nth-child(2) {
        margin: 0px 65px;
    }

    .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:nth-child(2) {
        margin: 0px 35px;
    }

    .regulUnique {
        height: 950px;
    }
}

@media only screen and (max-width: 675px) {
    .regulUnique .ImgRegul .centrage .listBlocUnique .blocUnique:nth-child(2) {
        margin: 0px 0px;
    }
}

@media only screen and (max-width: 1213px) {
    .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:nth-child(3) {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 805px) {
    .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:nth-child(2) {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 805px) {
    .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:nth-child(2) {
        margin-top: 30px;
    }
}

.LinkSignauxDuJour {
    text-align: center;
    margin-bottom: 30px;
}

    .LinkSignauxDuJour a {
        font-weight: 400;
        font-family: Roboto !important;
        font-size: 32px !important;
        border-radius: 8px;
        padding: 14px 43px;
        background-color: #2cb82c;
        text-decoration: none;
        color: white;
    }

@media (max-width: 700px) {
    .LinkSignauxDuJour a {
        font-size: 4.6vw !important;
        padding: 14px 10px;
    }
}

.blocBandeauBlue img {
    max-width: 100%;
}

@media (max-width: 400px) {
    .regul .ImgRegul .centrage .topEssai a {
        font-size: 8vw !important;
        padding: 14px 10px;
    }

    .OutilsPuissants .essai_outils a {
        font-size: 8vw !important;
        padding: 14px 10px;
    }

    .BandeauDebuter .centrage a {
        font-size: 8vw !important;
        padding: 14px 10px;
    }

    .regul {
        height: 1200px;
    }

    .BandeauDebuter .centrage .listBlocDebuter .blocDebuter:nth-child(2) {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

.bottomFooter img {
    max-width: 100%;
}
/*
    <---------------------FIN Page d'accueil----------------------->
*/
/*
    <---------------------Page demo----------------------->
*/
.regulDemo {
    height: 850px;
    position: relative;
}

    .regulDemo .ImgRegul {
        width: 100%;
        height: 100%;
        opacity: 1;
        visibility: inherit;
        z-index: 20;
        background-size: cover;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-image: url(/images/index/background-map.jpg);
        padding-top: 80px;
    }

        .regulDemo .ImgRegul .centrage .topLeft {
            width: 645px;
            display: inline-block;
            vertical-align: top;
            color: white;
        }

            .regulDemo .ImgRegul .centrage .topLeft h1 {
                font-weight: 500 !important;
                font-size: 50px !important;
            }

            .regulDemo .ImgRegul .centrage .topLeft div {
                font-weight: 400 !important;
                font-size: 18px !important;
                line-height: 1.5em;
                margin-bottom: 30px;
            }

            .regulDemo .ImgRegul .centrage .topLeft ul {
                margin-top: 0px !important;
                padding-left: 20px !important;
            }

        .regulDemo .ImgRegul .centrage .topRight {
            width: 520px;
            display: inline-block;
            vertical-align: top;
            color: black;
            padding-left: 80px;
        }

            .regulDemo .ImgRegul .centrage .topRight label {
                width: 100%;
                font-family: Roboto;
                font-weight: 400;
                font-size: 16px;
                border-bottom: none;
                border-left: 2px solid rgb(255, 51, 51);
                padding-left: 15px !important;
                margin-top: 10px !important;
                display: inline-block;
                margin-bottom: 10px;
                min-width: 200px;
            }

            .regulDemo .ImgRegul .centrage .topRight input[type="text"], .regulDemo .ImgRegul .centrage .topRight input[type="tel"], .regulDemo .ImgRegul .centrage .topRight textarea {
                margin-bottom: 1.5em !important;
                font-size: 17px;
                height: 40px;
                font-weight: 300;
                color: rgb(119, 119, 119);
                font-family: Roboto;
                padding: 19px 20px;
                box-sizing: border-box;
                width: 100%;
                border: 0px;
                margin-bottom: 1em;
                border-radius: 5px;
                background-color: rgb(232, 242, 251);
            }

            .regulDemo .ImgRegul .centrage .topRight input[type="submit"] {
                font-weight: 400;
                font-family: Roboto !important;
                font-size: 24px !important;
                border-radius: 8px;
                padding: 14px 80px;
                background-color: rgb(225, 0, 0) !important;
                text-decoration: none;
                cursor: pointer;
                border: none;
                color: white;
            }

                .regulDemo .ImgRegul .centrage .topRight input[type="submit"]:hover {
                    background-color: #f54b4c !important;
                }





        .regulDemo .ImgRegul .centrage .topLeft a {
            font-weight: 400;
            font-family: Roboto !important;
            font-size: 24px !important;
            border-radius: 8px;
            padding: 14px 43px;
            background-color: rgb(225, 0, 0) !important;
            text-decoration: none;
            color: white;
        }

            .regulDemo .ImgRegul .centrage .topLeft a:hover {
                background-color: #f54b4c !important;
            }


@media only screen and (max-width: 1265px) {
    .regulDemo .ImgRegul {
        padding-top: 20px;
    }

    .regulDemo {
        height: 1500px;
    }

        .regulDemo .ImgRegul .centrage .topLeft {
            width: 100%;
            max-width: 700px;
            display: block;
            margin: 0 auto;
        }

        .regulDemo .ImgRegul .centrage .topRight {
            width: 100%;
            max-width: 520px;
            display: block;
            margin: 0 auto;
            padding-left: 0px;
        }

            .regulDemo .ImgRegul .centrage .topRight div {
                margin: 0 auto;
            }
}



/*
    <---------------------FIN Page demo----------------------->
*/


.abcRioButton {
    margin: 0 auto;
}