/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'pa';
    src: url('../font/pa.eot?18907805');
    src: url('../font/pa.eot?18907805#iefix') format('embedded-opentype'),
    url('../font/pa.woff2?18907805') format('woff2'),
    url('../font/pa.woff?18907805') format('woff'),
    url('../font/pa.ttf?18907805') format('truetype'),
    url('../font/pa.svg?18907805#pa') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before,
.collapse-button:before,
#intro_txt .row > div:after,
.prix li:before,
#prestation_box li:before,
.poplien:after{
    font-family: "pa";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-0:before { content: '\e81c'; } /* '' */
.icon-1:before { content: '\e81d'; } /* '' */
.icon-2:before { content: '\e800'; } /* '' */
.icon-3:before { content: '\e801'; } /* '' */
.icon-4:before { content: '\e802'; } /* '' */
.icon-5:before { content: '\e803'; } /* '' */
.icon-6:before { content: '\e804'; } /* '' */
.icon-7:before { content: '\e805'; } /* '' */
.icon-8:before { content: '\e806'; } /* '' */
.icon-9:before { content: '\e807'; } /* '' */
.icon-10:before { content: '\e808'; } /* '' */
.icon-11:before { content: '\e809'; } /* '' */
.icon-12:before { content: '\e80a'; } /* '' */
.icon-13:before { content: '\e80b'; } /* '' */
.icon-14:before { content: '\e80c'; } /* '' */
.icon-15:before { content: '\e80d'; } /* '' */
.icon-16:before { content: '\e80e'; } /* '' */
.icon-17:before { content: '\e80f'; } /* '' */
.icon-18:before { content: '\e810'; } /* '' */
.icon-19:before { content: '\e811'; } /* '' */
.icon-20:before { content: '\e812'; } /* '' */
.icon-21:before { content: '\e813'; } /* '' */
.icon-22:before { content: '\e814'; } /* '' */
.icon-23:before { content: '\e815'; } /* '' */
.icon-24:before { content: '\e816'; } /* '' */
.icon-25:before { content: '\e817'; } /* '' */
.icon-26:before { content: '\e818'; } /* '' */
.icon-27:before { content: '\e819'; } /* '' */
.icon-30:before { content: '\e81a'; } /* '' */
.icon-31:before { content: '\e81b'; } /* '' */
.icon-28:before { content: '\e81e'; } /* '' */
.icon-29:before { content: '\e81f'; } /* '' */
.icon-32:before { content: '\e820'; } /* '' */
.icon-33:before { content: '\e821'; } /* '' */
.icon-35:before { content: '\e822'; } /* '' */
.icon-37:before { content: '\e824'; } /* '' */
.icon-36:before { content: '\e825'; } /* '' */

/* ==========================================================================
   General
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700');

html {
    font: normal 90% / 1.5 'Roboto', sans-serif;
    color:#5F686E;
    background:#22323D;
}
html.public{
    background:#fbfbfb;
}
h1, h2, h3, h4, h5, h6, dt{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    color:#183F5E;
    line-height:1.2em;
}
a{
    color:#000;
}
img{
    display:block;
    max-width:100%;
    height:auto;	
}

.no-bullet{
    list-style-type:none;
    padding:0;
}
.btn1,
.btn2,
.btn3{
    display:inline-block;
    padding:12px 48px;
    border-radius:8px;
    font-size:1.25em;
    text-transform:uppercase;
    line-height:1em;
    font-weight:400;
    text-decoration:none;
    margin:0 1px;
    transition:all .3s ease-out;
}
.btn1:before,
.btn2:before{
    font-size:1.1em;
    margin-right:12px;
}
.btn1:hover,
.btn2:hover,
.btn3:hover{
    opacity:.85;
    transform:scale(1.05);
}
.btn2{
    font-size:1.1em;
    padding:10px 35px;
}
.btn3{
    border: none;
    text-transform:none;
    font-size:14px;
    margin-top:1em;
    text-align: center;
}
a.btn{
    text-decoration: none;
}
.coul-noir{
    color:#000;
}
.creer-txt{
    color:#6ABD9D !important;
}
.creer-bg,
.creer-sub a:hover{
    background:#6ABD9D !important;
    color:#fff;
}
.gerer-txt{
    color:#5C9FD6 !important;
}
.gerer-bg,
.gerer-sub a:hover{
    background:#5C9FD6 !important;
    color:#fff;
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.gerer-bg:active,
.gerer-bg:focus,
.gerer-bg:hover {
    background-color: #284863;
    border-color: transparent
}

.creer-bg:active,
.creer-bg:focus,
.creer-bg:hover {
    background-color: #6ead95 !important;
    border-color: transparent
}


/* ==========================================================================
   Layout
   ========================================================================== */

.center{
    clear:both;
    position:relative;
}
.center_in{
    clear:both;
    max-width:1240px;
    margin:0 auto;
    padding:0 15px;
    overflow:visible;
    min-height:1%;
    position:relative;
}
.center_in:after{
    content:'';
    display:block;
    clear:both;
}
img.center_img {
    display: block;
    margin: 0 auto;
}
.bg-blanc{
    background:#fff;
}
.bg-gris{
    background:#F0F3F5;
}
.bg-bleu{
    background:#455764;
    color:#fff;
}

@media (min-width: 768px) 
{
    .center_in{
        padding:0 10px;
}
    }

/* ==========================================================================
   Nav1
   ========================================================================== */

#head{
    position:relative;
    z-index:7;
}
#head > div{
    padding-bottom:1px;
}
#logo{
    width:200px;
    display:block;
    margin:10px 10px 16px 0;
}

.menu-collapser{
    background:transparent;	
    position:fixed;
    top:10px;
    right:10px;
    z-index:101;
    width: 48px;
}
.collapse-button{
    background:#fff;
    color:#183F5E;
    padding:10px;
    width:auto;
}
.collapse-button:before {
    content: '\e808';
    font-size:30px;
    display:block;
}
.collapse-button .icon-bar{
    display:none;	
}

.mon-compte{
    font-size:30px;
}

#nav1{
    display:none;
}
#nav2.collapsed{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    overflow:scroll;
    z-index:100;
    background:#03456E;
}
#nav1 ul,
#nav2 ul{
    list-style-type:none;
    padding:0;
    margin:0;
}
#nav1 li,
#nav2 li{
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
#prestation_box{
    transform:translateY(-500px);
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:100%; 
    background:#fff;
    padding:1.5em 4em;
    -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.75);
    transition:all .3s ease-out;
    z-index:0;
}
#prestation_box.active{
    transform:translateY(0);
    display:block;
    z-index: 102;
}
#prestation_box a{
    text-decoration:none;
}
#prestation_box h3{
    font-size:1.4em;
    text-transform:uppercase;
    color:#000;
    margin-top:0;
    padding-top:1em;
    padding-bottom:.5em;
    margin-bottom:0;
    font-weight:600;
    border-bottom:1px solid rgba(0,0,0,.5);
}
#prestation_box h4{
    font-size:1.2em;
    text-transform:uppercase;
    color:#6ABD9D;
}
#prestation_box ul{
    list-style-type:none;
    padding:0;
}
#prestation_box li{
    padding-left:22px;
    position:relative;
    margin-bottom:.25em;
}
#prestation_box li:before{
    position:absolute;
    left:0;
    top:5px;
    content: '\e816';
    color:#6ABD9D;
    font-size:1em;
}
.prestation-complementaire{
    padding:.7em;
    text-align:center;
    background:#eee;
    margin-top:20px;
}
.prestation-complementaire p{
    margin:0;
}

@media (max-width: 768px) 
{
    #nav2.collapsed ul{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;

        height:100%;
    }
    #nav2.collapsed li{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #nav2.collapsed a{
        color:#fff;
        text-decoration:none;
        text-transform:uppercase;
        text-align:left;
        display:block;
        padding:1em;
        border-top:1px solid rgba(255,255,255,.3);
    }
    #nav2.collapsed li:first-child a{
        border-top:none;
    }
    #nav2 li a:before{
        font-size:30px;
        margin-right:15px;
        vertical-align:middle;
    }
    #nav2 ul:last-child{
        padding-top:20px;
    }
    #nav2 ul:last-child li a{
        font-size:12px;
        text-align:center;
    }


}
@media (min-width: 768px) 
{
    #head > div{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #logo{
        width:250px;

        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        z-index:2;
        position:relative;
    }
    #navs{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        position:relative;
        z-index:2;
    }

    .menu-collapser{
        position:static;
        width:auto;
        float:right;		
    }
    .menu-collapser.active{
        position:fixed;
    }
    .collapse-button{
        position:static;
        width:auto;
        padding:10px 0;
        top:0;
        right:0;
        transform:none;
    }
    .poplien{
        position:relative;
        transition:all .3s ease-out;
    }
    .poplien:after{
        position:absolute;
        left:50%;
        top:110%;
        transform:translateX(-50%);
        color:#6ABD9D;
        content: '\e811';
        opacity:0;
        font-size:1.1em;
        transition:all .3s ease-out;
    }
    .poplien.active{
        color:#6ABD9D !important;
    }
    .poplien.active:after{
        opacity:1;
    }
    #nav1{
        display:block;
        float:right;
    }
    #nav1 ul{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #nav1 li{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }
    #nav1 li a{
        padding:1em;
        text-decoration:none;
    }
    #nav1 li a.active{
        background:#6ABD9D;
        color:#fff !important;
    }
    #nav2{
        display:none;
    }
    #nav2.collapsed{
        overflow:hidden;
    }
    #nav2 div{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;

        height:100%;
    }
    #nav2 ul{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;

        max-width:650px;
    }
    #nav2 li{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;

        margin:0 0 40px 0;
    }
    #nav2 li a{
        color:#fff;
        text-decoration:none;
        text-align:center;
        display:block;
        border-left:1px solid rgba(255,255,255,.15);
        border-right:1px solid rgba(255,255,255,.15);
        padding:12px 20px;
        font-size:14px;
        text-transform:uppercase;
        max-width:200px;
        line-height:1.1em;
        height:100%;
        transition:all .2s ease-in;
    }
    #nav2 li:first-child a{
    }
    #nav2 li a:before{
        font-size:80px;
        display:block;
        margin-bottom:10px;
        opacity:.8;
        margin-left:auto;
        margin-right:auto;
        width:160px;
    }
    #nav2 li a:hover{
        background-color:#6ABD9D;
    }
    #nav2 li a:hover:before{
        opacity:1;
    }
    #nav2 ul:last-child li a{
        font-size:12px;
    }
    #nav2 ul:last-child li:first-child a{
        border-left:0;
    }
    #nav2 ul:last-child li:last-child a{
        border-right:0;
    }
}
.tel:before{
    margin-right:.2em;
    font-size:1.3em;
}

/* ==========================================================================
   Home
   ========================================================================== */

#intro_video{
    position:relative;
    height:300px;
    overflow:hidden;
    z-index:1;
}
video {
    z-index:1;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
#intro_video_txt{
    z-index:2;
    position: absolute;
    text-align:center;	
    color:#fff;
    width:100%;
    top: 50%;
    transform: translate(0, -50%);
    padding:0 15px;
    box-sizing:border-box;
}
#intro_video_txt h1{
    color:#fff;
    font-size:3em;
    font-weight:300;
    line-height:1em;
    margin-top:0;
    margin-bottom:.5em;
}
#intro_video_txt h1 span.slash{
    content:'';
    font-size:1.3em;
}
.slash:before{
    width:.5em;
    color:#6ABD9D;
}
#intro_video_txt h1 span.sub{
    clear:both;
    display:block;
    font-size:.58em;
    font-weight:700;
    line-height:1em;
    padding:0 15px;
}
#intro_video_txt h2{
    font-weight:700;
    font-size:1.2em;
    line-height:1.4em;
    color:#fff;
    padding:0 15px;
}
#mouse{
    display:none;
}
@media (min-width: 480px) 
{
    #intro_video_txt h1 span.sub br{
        display:none;
    }
}
@media (min-width: 768px) 
{
    #intro_video_txt h1{
        font-size:5em;
    }
    #intro_video_txt h1 span.sub{
        line-height:1em;
    }
    #mouse{
        content:'';
        position:absolute;
        left:50%;
        bottom:20px;
        transform:translateX(-50%);
        z-index:2;
        display:block;
        width:28px;
        height:61px;
        background:url(../img/2.png) no-repeat center center;
        cursor:pointer;
    }
}

/* ==========================================================================
   Boutons métier accueil
   ========================================================================== */

.btns-action{
    padding:0;
    text-align:center;
    margin:2em 0;
}
.btns-action ul{
    display:none;
    list-style-type:none;
    margin:0;
    padding:0;
}
.btns-action > li{
    display:block;
    text-align:center;
    position:relative;	
    margin: 5px 0;
}
.btns-action > li .btn1,
.btns-action > li .btn2{
    display:block;
    margin:5px 0;
}
@media (min-width: 480px) 
{
    .btns-action > li{
        display:inline-block;
    }
    .btns-action > li .btn1,
    .btns-action > li .btn2{
        display:inline-block;
        margin:0;
    }
}

.cms #prix1, .cms #prix2 {
    position: relative;
    padding-bottom: 80px;
}

@media (min-width: 768px) {
    #btn-choix > li > ul {
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0;
        padding-top: 20px;
        opacity: 0;
        transition: opacity .3s ease-out, transform .35s ease-out;
        transform: translate(-50%, 15px);
        z-index: 1;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    #btn-choix > li:hover > ul{
        transform: translate(-50%, 0);
        opacity:1;
        z-index:2;
    }
    #btn-choix > li > ul:before{
        content:'';
        display:block;
        position:absolute;
        top:8px;
        left:50%;
        transform: translateX(-50%);
        width:34px;
        height:12px;
        background:url(../img/1.png) no-repeat center top;
    }
    #btn-choix > li > ul > li{	
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        white-space:nowrap;
        -webkit-backface-visibility: hidden;
    }
    #btn-choix > li > ul > li a{	
        background:#fff;
        display:block;
        padding:.75em 1.5em;
        font-size:.9em;
        text-decoration:none;
        -webkit-backface-visibility: hidden;
        border-left:1px solid #ccc;
        border-top:2px solid #fff;
        transition:all .3s ease-in;
    }
    #btn-choix > li > ul > li:first-child a{	
        border-radius:5px 0 0 5px;
        border-left:0;
    }
    #btn-choix > li > ul > li:last-child a{	
        border-radius:0 5px 5px 0;
    }
    }

/* ==========================================================================
   Home 3 blocs intro
   ========================================================================== */

#intro_txt{
    padding:2em 0;
}
#intro_txt .row > div{
    position:relative;
    padding: 15px 0 15px 70px;
    border-top:1px solid #ddd;
}
#intro_txt .row > div:before{
    font-size:50px;
    color:#6ABD9D;
    position:absolute;
    left:0;
    top:15px;
}
#intro_txt h2{
    margin:0;
    text-transform:uppercase;
    color:#000;
    font-size:1.2em;
}
#intro_txt p{
    margin:0;
    line-height:1.4em;
    margin-top:3px;
}

@media (min-width: 768px) 
{
    #intro_txt{
        padding:2em 0;
}
    #intro_txt .row > div{
        padding: 15px 50px 15px 90px;
        border-top:none;
    }
    #intro_txt .row > div:before{
        font-size:70px;
        left:0;
        top:15px;
    }
    #intro_txt .row > div:after{
        content: '\e81d';
        color:#6ABD9D;
        position:absolute;
        right:0;
        top:15px;
        font-size:80px;
        width:50px;
    }
    #intro_txt .row > div:last-child:after{
        display:none;
    }
}

/* ==========================================================================
   Home process
   ========================================================================== */

#home_process{
    padding-top:1px;
}
#home_process h2,
#home_prix h2,
#home_pro h2,
#home_partners h2{
    text-align:center;
    font-size:2em;
    font-weight:300;
}
@media (min-width: 768px) 
{
    #home_process h2,
    #home_prix h2,
    #home_pro h2,
    #home_partners h2{
        font-size:3em;
    }
    #home_process ol li{
        margin:1.2em 0;
    }
}

/* ==========================================================================
   Home reassurance
   ========================================================================== */

#home-reassurance{
    padding:20px 0;
}
#home-reassurance .row > div{
    margin-bottom:20px;
    text-align:center;
    padding-right:20px;
    padding-left:20px;
    box-sizing:border-box;
}
#home-reassurance .row > div:last-child{
    background:transparent;
    padding-right:30px;
}
#home-reassurance .row > div:before{
    font-size:40px;
    color:#6ABD9D;
    margin:0 auto 15px auto;
    display:inline-block;
}
#home-reassurance h2{
    color:#fff;
    text-transform:uppercase;
    font-size:1.2em;
    margin:0;
    text-align:center;
}
#home-reassurance p{
    margin:5px 0;
    text-align:center;
}
@media (min-width: 768px) 
{
    #home-reassurance .row > div{
        background:url(../img/4.png) no-repeat right top;
        padding-right:75px;
    }
    #home-reassurance .row > div:before{
        font-size:47px;
        margin-bottom:20px;
    }
    #home-reassurance .row > div:nth-child(2){
        background:transparent;
        padding-right:20px;
}

    }
@media (min-width: 992px) 
{
    #home-reassurance{
        padding:75px 0;
    }
    #home-reassurance .row > div{
        margin-bottom:0px;
}
    #home-reassurance .row > div:nth-child(2){
        background:url(../img/4.png) no-repeat right top;
        padding-right:75px;
    }	
}

/* ==========================================================================
   Home prix
   ========================================================================== */

#home_prix{
    padding-top:1px;
}
#home_prix h2 span{
    font-size:16px;
    display:block;
    font-weight:500;
    color:#5F686E;
}
#home_prix h3{
    text-align:center;
    font-size:1.7em;
    text-transform:uppercase;
    margin:0;
}
#home_prix h4{
    text-align:center;
    font-size:3em;
    margin-top:.25em;
    margin-bottom:.5em;
}
#home_prix h4 sup{
    font-size:.5em;
    line-height: 0;
    font-size: 35%;
    vertical-align: baseline;
    top: -1.5em;
}
#prix1, #prix2{
    padding:1.5em;
    margin-bottom:1em;
}
#prix1{
    background:#F0F3F5;
}
#prix2{
    background:#5c6c78;
    color:#fff;
}
#prix2 h3, #prix2 h4{
    color:#fff;
}
.prix ul{
    margin:0;
    padding:0;
}
.prix li{
    list-style-type:none;
    padding-left:22px;
    position:relative;
    margin-bottom:.75em;
}
.prix li:before{
    position:absolute;
    left:0;
    top:5px;
    content: '\e816';
    color:#6ABD9D;
    font-size:1.1em;
}
.gerer li:before{
    position:absolute;
    left:0;
    top:5px;
    content: '\e816';
    color:#5C9FD6;
    font-size:1.1em;
}
@media (min-width: 768px)
{
    #prix1, #prix2{
        height:100%;
        padding:3em 4em;
}
    }

/* ==========================================================================
   Home pro
   ========================================================================== */

#home_pro{
    background:url(../img/home_pro.jpg) no-repeat center center;
    background-size:cover;
    padding:2em;
    color:#fff;
    text-align:center;
}
#home_pro *{
    color:#fff;
}
#home_pro h2{
    margin-bottom:.2em;
}
#home_pro p{
    margin:.3em auto;
    font-size:1.35em;
}
@media (min-width: 768px) 
{
    #home_pro{
        padding:8.5em 0;
    }
    #home_pro p{
        max-width:36em;
    }
}

/* ==========================================================================
   Home partners
   ========================================================================== */

#home_partners{
    padding:2em 0;
    text-align:center;
}
#home_partners img{
    width:120px;
    margin:0 auto;
}
#home_partners p{
    margin-bottom:2em;
}
#home_partners #logo_pa{
    width:250px;
}
@media (min-width: 768px) 
{
    #home_partners{
        padding:2em 0;
}
    #home_partners img{
        width:170px;
}
    #home_partners #logo_pa{
        margin:40px auto 70px auto;
}
}


/* ==========================================================================
   Footer
   ========================================================================== */

#footer{
    color:#fff;
}
#footer a{
    color:#fff !important;
    text-decoration:none;
}
#footer #logo2{
    display:none;
}
#nav3{
    text-align:center;
}
#nav3 ul{
    list-style-type:none;
    margin:2em 0;
    padding:0;
}
#nav3 li{
    margin:0 0 5px 0;
    padding:0;
}
#contact{
    text-align:center;
    margin-bottom:40px;
    }
#contact h4{
    margin:0 auto 5px auto;
    color:#fff;
    font-weight:600;
    font-size:1.2em;
    text-transform:uppercase;
    }
@media (min-width: 768px) 
{
    #footer{
        padding-top:3em;
    }
    #footer #logo2{
        display:block;
        max-width:260px;
    }
    #nav3 ul{
        margin:0;
    }
    #nav3 li{
        float:left;
        width:50%;
    }
    #contact{
        margin-bottom:0;
    }
    #contact h4{
        margin-bottom:15px;
}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                          http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*
 * Custom CSS FDT
 */

/* ==========================================================================
   helper
   ========================================================================== */
.text-center {
    text-align: center
}

.absolute {
    position: absolute;
}

.text-ellipis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-italic {
    font-style: italic;
}

.fs-14 {
    font-size: 14px;
}

.fs-22 {
    font-size: 22px;
}

.fg-white {
    color: #fff;
}

.fg-skyblue {
    color: #82c8c9;
}

.m-20 {
    margin: 20px;
}

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

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

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

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

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

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

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

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

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

.mt-25 {
    margin-top: 25px;
}

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

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

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

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

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

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

.mb-25 {
    margin-bottom: 25px
}

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

.mb-45 {
    margin-bottom: 45px
}

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

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

.mb-85 {
    margin-bottom: 85px
}

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

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

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.p-20 {
    padding: 20px;
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pt-0 {
    padding-top: 0px
}

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

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

.pl-25 {
    padding-left: 25px
}

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

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

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

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

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

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

.pr-48 {
    padding-right: 48px;
}

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

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

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

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

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

.py-20 {
    padding: 20px 0;
}

.indent-tx-11 {
    text-indent: -11px;
}

.max-width-90 {
    max-width: 90%;
}

.width-17 {
    width: 17% !important;
}

.width-16 {
    width: 16% !important;
}

.height-50px {
    height: 50px !important;
}

.width-100 {
    width: 100%;
}

.display-inline {
    display: inline;
}

.bg-bleu h2 {
    color: #fff !important;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.m-0 {
    margin: 0;
}

.m-10 {
    margin: 10px
}

.m--20 {
    margin: -20px;
}

.bord-right-gris {
    border-right: 1px solid #cecece;
}

/* ==========================================================================
   Home
   ========================================================================== */
.badge-admin {
    padding: .2em .6em .2em;
    background: #22323D;
    color: #fff;
    border-radius: .25em;
}
.admin-link {
    background: #22323D;
    color: #fff;
}
.admin-link-partner {
    background: #5C9FD6;
    color: #fff;
}

/* Coockie CSS */
#cookie-disclaimer {
    background: #22323D;
    color: #FFF;
    display: none;
}

#cookie-disclaimer .content {
    padding: 10px 0 0;
    font-size: 13px;
    font-size: .8125rem
}

#cookie-disclaimer .content p {
    margin: 0
}

#cookie-disclaimer .content p > a {
    color: #b2dbfb
}

#cookie-disclaimer .close {
    color: #FFF;
    position: absolute;
    top: 0;
    right: 10px;
    filter: alpha(enabled=false);
    opacity: 1;
    font-size: 18px;
    font-size: 1.125rem
}

#cookie-disclaimer button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

#cookie-disclaimer.active {
    display: block;
}

/* ==========================================================================
   Tarifs Pro
   ========================================================================== */

.hidden-list{
    display: none;
    margin-top: 30px;
}
.show-list {
    text-decoration: underline;
}
.price-text-sub-title {
    font-size: 18px;
}

div.hidden-list {
    background: #F0F3F5;
    color: #5F686E;
    padding: 7px;
    margin-top: -10px;
    margin-bottom: 5px;
}

.show-list-frais{
    border: none;
    display: block;
    margin-bottom: 35px;
    text-decoration: underline;
}

.show-list-frais{
    cursor: pointer;
}

div.hidden-list .arrow-up {
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #eeeeee;
    position: relative;
    left: 155px;
    top: -28px;
    margin-top: 1px;
}

.pro table{
    border:1px solid #000000;
    font-size: 12px;
    border-spacing: 0;
}

.pro table th{
    border-bottom: 1px solid #000000;
    color:#000000;
}

.pro table thead th, .pro table tbody td{
    padding: 0 10px;
}

.pro table tbody td:first-child{
    border-right:1px solid #000000;
    color: #000000;
}

.pro table th:first-child {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
}

.pro table thead th:last-child,
.pro table tbody td:last-child{
    border-left:1px solid #000000;
}

.plus {
    font-size: 70px;
    margin-top: 250px;
}

/* ==========================================================================
   FAQ
   ========================================================================== */

#faq .faq-content {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ddd
}

#faq ul {
    padding: 30px 20px;
    list-style:none;
}

#faq ul li {
    padding: 10px
}

#faq ul li div {
    background: #fff;
    padding: 10px;
    border-radius: 5px
}
#faq span {
    font-size: 20px;
}

#faq span, ul#header-faq li span:hover {
    color: #183F5E;
}

/* ==========================================================================
   Contact
   ========================================================================== */

.main-contact .phone,
.main-contact h3 {
    font-size: 30px!important
}

.avatar-contact {
    background: url(../../../img/avatar-contact.png) no-repeat;
    height: 225px;
    margin: 50px 0 35px
}

.main-contact h3 {
    color: #000!important;
    text-transform: inherit!important
}

#contact_sauvegarder {
    margin: 20px 0 30px
}

.main-contact small {
    font-size: 13px;
    color: #b1b0b0
}

.main-contact label {
    margin-bottom: 15px
}

/* ==========================================================================
   Sarl intro
   ========================================================================== */

#intro-creation {
    padding:20px 0;
}
#intro-creation .row > div{
    margin-bottom:20px;
    text-align:center;
    padding-right:20px;
    padding-left:20px;
    box-sizing:border-box;
}
#intro-creation .row > div:last-child{
    background:transparent;
    padding-right:30px;
}
#intro-creation .row > div:before{
    font-size:40px;
    color:#6ABD9D;
    margin:0 auto 15px auto;
    display:inline-block;
}
#intro-creation h2{
    color:#fff;
    text-transform:uppercase;
    font-size:1.2em;
    margin:0;
    text-align:center;
}
#intro-creation p{
    font-size: 16px;
}

#intro-creation .first-txt {
    font-size: 22px !important;
    padding-top: 20px;
}

@media (min-width: 768px) 
{
    #intro-creation .row > div:before{
        font-size:47px;
        margin-bottom:20px;
    }
    #intro-creation .row > div:nth-child(2){
        background:transparent;
        padding-right:20px;
}

}
@media (min-width: 992px) 
{
    #intro-creation{
        padding:20px 0;
}
    #intro-creation .row > div{
        margin-bottom:0px;
}
}
#process-step{
    padding:20px 0;
}
#process-step .row > div{
    margin-bottom:20px;
    text-align:center;
    padding-right:20px;
    padding-left:20px;
    box-sizing:border-box;
}
#process-step .row > div:last-child{
    background:transparent;
    padding-right:30px;
    }
#process-step .row > div:before{
    font-size:40px;
    color:#6ABD9D;
    margin:0 auto 15px auto;
    display:inline-block;
    }
#process-step h2{
    color:#fff;
    text-align:center;
}
#process-step p{
    margin:5px 0;
    text-align:center;
    }
@media (min-width: 768px) 
{
    #process-step .row > div{
        background:url(../img/4.png) no-repeat right top;
        padding-right:75px;
    }
    #process-step .row > div:before{
        font-size:47px;
        margin-bottom:20px;
}
    #process-step .row > div:nth-child(2){
        background:transparent;
        padding-right:20px;
}

    }
@media (min-width: 992px) 
{
    #process-step{
        padding:20px 0;
}
    #process-step .row > div{
        margin-bottom:0px;
}
    #process-step .row > div:nth-child(2){
        background:url(../img/4.png) no-repeat right top;
        padding-right:75px;
}
}
#process-step h2{
    text-align:center;
    font-size:2em;
    font-weight:300;
    }
@media (min-width: 768px) 
{
    #process-step h2{
        font-size:3em;
}
}
#process-step-2{
    padding:20px 0;
}
#process-step-2 .row > div{
    margin-bottom:20px;
    padding-right:20px;
    padding-left:20px;
    box-sizing:border-box;
}
#process-step-2 .row > div:last-child{
    background:transparent;
    padding-right:30px;
}
#process-step-2 .row > div:before{
    font-size:40px;
    color:#6ABD9D;
    margin:0 auto 15px auto;
    display:inline-block;
}
#process-step-2 p{
    margin:5px 0;
}
@media (min-width: 768px) 
{
    #process-step-2 .row > div{
        padding-right:75px;
}
    #process-step-2 .row > div:before{
        font-size:47px;
        margin-bottom:20px;
}
    #process-step-2 .row > div:nth-child(2){
        background:transparent;
        padding-right:20px;
}

}
@media (min-width: 992px) 
{
    #process-step-2{
        padding:20px 0;
}
    #process-step-2 .row > div{
        margin-bottom:0px;
}
    #process-step-2 .row > div:nth-child(2){
        padding-right:75px;
}
}
#home_header_landing{
    background-size:cover;
    padding:2em;
    color:#fff;
    text-align:center;
}
#home_header_landing *{
    color:#fff;
}
#home_header_landing h2{
    margin-bottom:.2em;
}
#home_header_landing p{
    margin:.3em auto;
    font-size:1.35em;
}
@media (min-width: 768px) 
{
    #home_header_landing{
        padding:8.5em 0;
    }
    #home_header_landing p{
        max-width:36em;
    }
}
.sarl_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.sas_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.sasu_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.sc_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.eurl_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.lib_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.faq_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.price_pro_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.price_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.contact_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.cgu_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.denomination_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.social_object_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.transfer_office_img{
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.change_sarl_eurl_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.change_commis_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.date_cloture_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.change_sas_sasu_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.gerer_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.creer_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.offer_modification_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}
.account_pro_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}

.whoweare_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.accre_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.choix_statut_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.creer_entreprise_plusieurs_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.inscription_pro_img {
    background:url(../img/home_pro.jpg) no-repeat center center;
}

.sarl_avantages_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.sas_avantages_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.sarl_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.sas_guide_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}

.offre-item img {
    max-width: none !important;
}
.list-etape img {
    display: inline-block;
}

/* ==========================================================================
   User login
   ========================================================================== */
#login_user h2{
    margin-bottom:.2em;
}
#login_user p{
    margin:.3em auto;
}
#login_user a{
    text-decoration: none;
}
@media (min-width: 768px) 
{
    #login_user{
        padding:20px 0;
    }
    #login_user p{
        max-width:36em;
    }
}

/* ==========================================================================
   Site map
   ========================================================================== */

#sitemap-content a {
    text-decoration: none;
}

/* ==========================================================================
   account pro map
   ========================================================================== */

.product-solution h2 {
    color: #183F5E !important;
}
.product-solution-img-width-20{
    width:20%;
    margin-top:10px
}
.product-solution-img-width-13{
    width:13%;
    margin-top:10px
}
/* ==========================================================================
   Creation steps
   ========================================================================== */
.dossier-content #displayForm{
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .dossier-content #displayForm {
        padding-bottom: 20px;
    }
}

.dossier-content #displayForm > * {
    padding: 0 15px;
}

.preview {
    display: inline-block;
}

.users-list .actions > a {
    display: inline-block;
    vertical-align: middle;
}

.users-list .actions > a.w-40 {
    width: 40px;
    text-align: center;
}

/* ==========================================================================
   Message info strength password
   ========================================================================== */

form .short, form .weak, form .good {
    font-weight: bold;
    color: #FF0000;
    font-size: larger;
}
form .strong {
    font-weight: bold;
    color: limegreen;
    font-size: larger;
}

.password input + .unmask {
    position: absolute;
    top: 36px !important;
    right: 20px !important;
    left: auto !important;
    width: 25px;
    height: 25px;
    font: normal normal normal 24px/1 FontAwesome;
}

.password input[type="password"] + .unmask:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 17px;
    height: 17px;
    font: normal normal normal 24px/1 FontAwesome;
    cursor: pointer;
}

.password input[type="text"] + .unmask:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 13px;
    height: 13px;
    font: normal normal normal 24px/1 FontAwesome;
    cursor: pointer;
}

.dropdown-menu > li > a {
    text-decoration: none;
}

.price-bg {
    background-color: #fbfbfb;
}

@media screen and (min-width: 768px) {
    .p-40 {
        padding: 0 45px;
    }
}

.info {
    top: 350px;
    left: 130px;
    position: absolute;
}

#header-choice h4 {
    margin: 20px 0 .5em !important;
}

.hidden-md {
    display: none;
}

.create_img {
    background: url(../img/home_pro.jpg) no-repeat center center;
}


#intro_txt .row > div {
    position: relative;
    padding: 15px 0 15px 70px;
    border-top: 1px solid #ddd; 
}

@media (min-width: 768px) {
    #intro_txt .row > div {
        padding: 15px 50px 15px 90px;
        border-top: none;
    }
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

#intro_video_txt h2 {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #fff;
    padding: 0 15px;
}

#prestation_box a {
    text-decoration: none;
}

@media (min-width: 768px) {
    #nav1 li a.active {
        background: #6ABD9D;
        color: #fff !important;
    }
}

@media (min-width: 768px) {
    #nav1 li a {
        padding: 1em;
        text-decoration: none;
    }
}
.home .row, #home_prix .row {
    margin-left: 0;
    margin-right: 0;
}
.pic-wrapper img {
    display: inline-block;
}
a.btn {
    text-decoration: none;
}

.row.display-price {
    display: block;
}
.expandable-zone.header {
    display: flex;
}
.expandable-zone.header:before {
    display: block;
}
.expandable-zone {
    display: none;
}
.expandable-zone.expanded {
    display: block;
}

.dropify-render > img {
    display: inherit;
}

.link {
    color: #337ab7;
}

.pb-35 {
    padding-bottom: 35px;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.profit {
    display: block;
}

.loss {
    display: none;
}

.result-tooltip {
    display: none;
    
}

.disabled-button {
    pointer-events: none;
    opacity: 0.3;
}

.w-70 {
    width: 70% !important;
}