/* =============================  TEMPLATE ORIGINE ================================= */

::selection {
    background: #d3f1f6; /* Safari */
}

::-moz-selection {
    background: #d3f1f6; /* Firefox */
}

.lg-outer .lg-item:after,
.animsition-loading,
.tp-loader.spinner {
    border-left: 6px solid #2D6E9D;
}

a {
    color: #2D6E9D;
}

    a.line:hover {
        border-bottom: 1px solid #2D6E9D;
    }

    a:hover,
    a:focus {
        color: #2D6E9D;
    }

.nocolor:hover {
    color: #2D6E9D
}

.post-title a:hover {
    color: #2D6E9D
}

.more {
    color: #2D6E9D;
}

    .meta a:hover,
    .more:hover {
        color: #2D6E9D
    }

.meta.price,
.meta.price a {
    color: #2D6E9D;
}

footer.inverse-wrapper a:hover {
    color: #2D6E9D !important
}

ul.circled li:before {
    color: #2D6E9D;
}

.contact-info li a:hover {
    color: #2D6E9D
}

.contact-info i {
    color: #2D6E9D;
}

.btn {
    background: #2D6E9D;
}

    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active {
        background: #0ba5c3;
    }

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
    background: #FFF !important;
    color: #2D6E9D !important
}

.navbar.centered.color .navbar-collapse {
    background: #2D6E9D
}

.navbar .info a:hover,
.navbar .top-bar a:hover {
    color: #2D6E9D
}

.isotope-filter ul li a:hover,
.isotope-filter ul li a.is-checked {
    color: #2D6E9D
}

.blog-posts .post .date-wrapper .date {
    background: #2D6E9D;
}

.blog-posts .post .format-wrapper {
    background-color: #2D6E9D;
}

.timeline .date-title .date {
    background: #2D6E9D;
}

footer a:hover {
    color: #2D6E9D
}

.sidebar .meta a:hover,
footer .meta a:hover {
    color: #2D6E9D !important
}

.sidebox a:hover {
    color: #2D6E9D
}

.widget .post-list li a:hover {
    color: #2D6E9D
}

#comments .info h4 a:hover {
    color: #2D6E9D
}

.tparrows:hover:before {
    color: #2D6E9D
}

.owl-nav .owl-prev:hover:before,
.owl-nav .owl-next:hover:before {
    color: #2D6E9D
}

.number-carousel .item:hover .number {
    color: #2D6E9D
}

.progress-list li em {
    color: #2D6E9D;
}

.progress.plain .bar {
    background: #2D6E9D !important;
}

.bar-container {
    border: 1px solid #2D6E9D;
}

.tooltip-inner {
    background-color: #2D6E9D;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #2D6E9D
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2D6E9D
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2D6E9D
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #2D6E9D
}

.nav-tabs > li > a:hover {
    color: #2D6E9D;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #2D6E9D;
}

    .nav-tabs > li.active > a:after {
        border-bottom: 1px solid #2D6E9D;
    }

.panel-group .panel-heading .panel-title:hover,
.panel-group .panel-active .panel-heading .panel-title {
    border: 1px solid #2D6E9D;
    color: #2D6E9D;
}

.panel.pricing.active::after {
    border: 3px solid #2D6E9D !important;
}

.panel.pricing .price {
    color: #2D6E9D;
}

.vanilla-form input[type="radio"]:focus + span,
.vanilla-form input[type="checkbox"]:focus + span,
.vanilla-form input[type="radio"]:active + span,
.vanilla-form input[type="checkbox"]:active + span {
    border-color: #2D6E9D
}

.vanilla-form input[type="radio"] + span::after {
    background-color: #2D6E9D;
    border-color: #2D6E9D;
}

.vanilla-form input[type="radio"]:checked + span,
.vanilla-form input[type="checkbox"]:checked + span {
    border: 1px solid #2D6E9D
}

.vanilla-form input[type="checkbox"] + span::after {
    border: 0 solid #2D6E9D;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item.active:hover {
    border-color: #2D6E9D
}

.lg-toolbar .lg-icon:hover,
.lg-outer .lg-toogle-thumb:hover,
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #2D6E9D
}

@media (min-width: 992px) {
    .navbar .nav > li.current > a,
    .navbar .nav > li > a:hover {
        color: #2D6E9D !important;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-collapse {
        background: #2D6E9D;
    }
}

/* ============================= LAYOUT ================================= */
.bouton-orange {
    border: none;
}

.bleu-clair {
    background: #91BEDD !important;
    color: black !important;
}

.gris {
    background: #eaedef !important;
    color: black !important;
}

.bandeau-bleu {
    background: #91BEDD !important;
    color: black !important;
}

.bandeau-vert {
    background: #c8d866 !important;
    color: black !important;
}

.modal-overlay, .modalOverlay {
    position: fixed;
    z-index: 10;
    background: black;
    display: block;
    opacity: 0.3;
    filter: alpha(opacity=30);
    width: 100%;
    height: 100%;
    top: 0;
}

.fond-noir-video {
    background-color: black;
    height: 100%;
    overflow: hidden;
}

    .fond-noir-video iframe, .fond-noir-video object, .fond-noir-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.divWait {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    margin-left: -100px;
    height: 124px;
    margin-top: -62px;
    border: 2px solid gray;
    text-align: center;
    color: white !important;
}

.form-group .required-star {
    color: red;
}

@media (max-width: 1253px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .navbar-connexion {
        float: right;
    }

    .navbar .navbar-collapse {
        background-color: #2D6E9D;
    }
}

@media (min-width: 1253px) {
    .navbar-connexion {
        float: right;
    }
}

@media (max-width: 678px) {
    .navbar-connexion {
        float: left;
        clear: both;
        margin: 16px !important;
    }

    .content-wrapper.corps-pages {
        margin-top: 160px !important;
    }

    .light-wrapper {
        margin-top: 160px !important;
    }

    .essai-texte {
        margin-top: 160px !important;
    }
}

@media (max-width: 550px) {
    .navbar-collapse.in {
        width: 80%;
    }
}

@media (max-width: 355px) {
    .content-wrapper.corps-pages {
        margin-top: 180px !important;
    }

    .light-wrapper {
        margin-top: 180px !important;
    }

    .essai-texte {
        margin-top: 180px !important;
    }
}

@media (max-width: 333px) {
    .content-wrapper.corps-pages {
        margin-top: 245px !important;
    }

    .light-wrapper {
        margin-top: 245px !important;
    }

    .essai-texte {
        margin-top: 250px !important;
    }
}

@media (max-width: 200px) {
    .content-wrapper.corps-pages {
        margin-top: 270px !important;
    }

    .light-wrapper {
        margin-top: 270px !important;
    }

    .essai-texte {
        margin-top: 270px !important;
    }
}

.text-jaune-teogest {
    color: #F9B713 !important;
    font-weight: bold !important;
}

.text-orange-teogest a {
    text-decoration: none;
    color: #d35d47 !important;
}

.text-vert-easyteo a {
    text-decoration: none;
    color: #B5C933 !important;
}

.mentions-legale-contenu {
    margin-top: 80px;
}

    .mentions-legale-contenu h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .mentions-legale-contenu p,
    .mentions-legale-contenu ul {
        width: 60%;
    }

    .mentions-legale-contenu h2,
    .mentions-legale-contenu h3,
    .mentions-legale-contenu h5,
    .mentions-legale-contenu p,
    .mentions-legale-contenu ul {
        margin-left: 10%;
        margin-right: 10%;
    }

    .mentions-legale-contenu h1 {
        background-color: #eaedef;
        padding-bottom: 30px;
        padding-top: 30px;
        padding-left: 10%;
        padding-right: 10%;
        font-weight: 700;
    }

/* Header boutons en haut à droite [General] */
.navbar-connexion {
    margin-top: 25px;
    margin-right: 10px;
    position: absolute;
    right: 0px;
}

/* Header boutons en haut à droite [Min] */
@media (max-width: 1253px) {
    .navbar-connexion {
        margin-top: 25px;
        margin-right: 5px;
        position: relative;
    }
}


@media (max-width: 991px) {
    .navbar-connexion {
        margin-left: 0px;
    }
}

.navbar-connexion .bouton-orange {
    position: relative;
    z-index: 9999;
}


.modal-dialog {
    width: 90% !important;
}

.listeMenu .container {
    width: 100% !important;
}

.navbar .navbar-collapse {
    position: initial;
    text-align: center;
}

.liste-Contact .bouton-orange {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.navbar .navbar-nav > li > a {
    font-size: 20px !important;
}


/* Sous onglet */
.navbar-nav li a {
    padding: 4px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

/* Liste des onglets taille moyenne */
@media (max-width: 1510px)  {
    .navbar .navbar-nav > li > a {
        font-size: 16px !important;
    }
    /* Sous onglet */
    .navbar-nav li a {
        font-size: 16px !important;
    }
}

/* Liste des onglets au plus petit */
@media (max-width: 1387px) {
    .navbar .navbar-nav > li > a {
        font-size: 11px !important;
    }
    /* Sous onglet */
    .navbar-nav li a {
        font-size: 11px !important;
    }
}

.numero-telephone-teogest {
    pointer-events: none;
    cursor: default;
}

.navbar .navbar-nav > li > a {
    text-transform: none;
}

.bouton-connexion-teogest {
    font-size: 13px !important;
    font-weight: normal;
    line-height: 15px !important;
    color: #2e2e2e;
    letter-spacing: 0px;
    position: relative;
    vertical-align: central;
    top: 30px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    text-align: center;
    margin-left: 20px !important;
}

.navbar .navbar-nav > li > a.bouton-connexion-teogest:hover {
    color: white !important;
}

/*.active-menu {
     background-color: #91BEDD!important;
     color:white!important;
     text-align:center!important;
     line-height: 25px!important;
     margin-top: 27.5px!important;
}*/

.navbar .navbar-nav > li > a {
    padding-right: 9px !important;
    padding-left: 10px !important;
    font-size: 22px;
    line-height: 25px !important;
    margin-top: 29px !important;
}
body.macintosh .navbar .navbar-nav > li > a
{
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.navbar .navbar-nav > li > a:hover {
    background-color: #2D6E9D !important;
    color: white !important;
    text-align: center !important;
}

.navbar .navbar-nav > li > ul > li > a {
    font-size: 18px;
}

.pied-de-page-teogest {
    margin-right: 10%;
}

.sub-footer {
    background-color: #c8d866 !important;
    width: 100%;
}

.widget img {
    max-height: 80px;
    max-width: 213px;
}

.telephone-menu {
    display: inline-block;
    max-height: 25px;
    max-width: 25px;
}

.bouton-formulaire-contact {
    width: 120px;
    height: 25px;
}

.divSousContact {
    display: inline-block;
    margin-left: 5%;
    float: right;
}

.divContact {
    margin-top: 27px;
    float: right !important;
    width: 30% !important;
    display: inline-block !important;
}

.logoBandeau {
    float: left !important;
    /*width:20%!important;*/
    display: inline-block !important;
    height: 80px;
}

.bandeau-haut-header img {
    max-height: 80px;
    max-width: 248px;
    padding-top: 5px;
    padding-right: 5px;
}

.bouton-connexion:hover {
    background-color: #d35d47 !important;
    color: black !important;
}

/* ============================= GENERIQUE ================================= */

h2 {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    display: block;
}

/* On récupere ce qu'il y a du h4 pour du p */
._h4_p {
    line-height: 22px;
    margin-bottom: 7px;
    letter-spacing: -0.6px;
    font-weight: 700;
    margin-top: 0;
    font-family: inherit;
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* On récupère ce qu'il y a du h3 pour du h1 */
._h3_h1 {
    color: #fff !important;
    font-size: 30px;
    letter-spacing: -0.6px;
    font-weight: 700;
    margin: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    display: block;
}

/* On récupère ce qu'il y a du h4 pour du h2 */
._h4_h2 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 7px;
}

/* On récupère ce qu'il y a du h2 pour du h1 */
._h2_h1 {
    margin-block-start: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    display: block;
    font-weight: 700;
}

/* On récupère ce qu'il y a du h5 pour du h2 */
._h5_h2 {
    font-size: 17px;
    line-height: 21px;
}

/* On récupère ce qu'il y a du h3 pour du h2 */
._h3_h2 {
    font-size: 20px !important;
    line-height: 24px;
    margin-top: 0;
}

/* On récupère ce qu'il y a du h4 pour du h1 */
._h4_h1 {
    font-size: 22px;
    color: white;
    text-align: center;
}

/* On passe de p à h1 du coup on supprime ce qu'on ne veut pas de h1 */
h1 {
    font-weight: unset;
}

.icone-tarif ._h4_p {
    font-size: 20px;
}

.nav-arrows {
    width: 30px !important;
    height: 30px !important;
}

.arrow-left {
    float: left;
    margin-left: 10px;
    margin-top: 50px;
    display: inline-block;
}

.arrow-right {
    float: right;
    margin-right: 10px;
    margin-top: 50px;
    display: inline-block;
}

.formInformation::before {
    background: #B5C933 none repeat scroll 0 0;
    border-radius: 18px;
    color: white;
    content: "i";
    display: inline-block;
    font-family: Cambria,Georgia,sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    height: 16px;
    line-height: 14px;
    text-align: center;
    width: 16px;
}

.formInformation {
    cursor: pointer;
    font-size: 15px;
    vertical-align: middle;
}

.formInformationClick::before {
    background: #B5C933 none repeat scroll 0 0;
    border-radius: 18px;
    color: white;
    content: "i";
    display: inline-block;
    font-family: Cambria,Georgia,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    height: 16px;
    line-height: 14px;
    text-align: center;
    width: 16px;
}

.formInformationClick {
    cursor: pointer;
    font-size: 14px;
    vertical-align: middle;
}

body {
    font-size: 18px !important;
}

body.macintosh {
    font-size: 16px !important;
}

.color-rouge {
    color: red;
}

.couleur-blanche {
    color: white;
}

.content-wrapper.corps-pages {
    margin-top: 80px;
}

.bouton-centrer {
    margin-left: auto;
    margin-right: auto;
    display: inline;
    text-align: center;
}

.bouton-orange {
    background-color: #f2db3d !important;
    color: black !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: none;
    font-size: 18px;
}

.bouton-vert {
    background-color: #B5C933 !important;
    color: #FFF !important;
    padding: 3px 5px 3px 5px !important;
    border: none;
}

.footer-pop {
    text-align: right;
}


.bouton-orange-demo {
    background-color: #F9B713 !important;
    color: #2D6A99 !important;
    padding: 3px 5px 3px 5px !important;
    border: none;
}

.bouton-bleu-essai {
    background-color: #d11e00 !important;
    color: #FFF !important;
    padding: 3px 5px 3px 5px !important;
    border: none;
    line-height: 34px;
}

.bouton-image-accueil {
    top: 230px;
    left: 50%;
    position: absolute;
    font-size: 22px;
}

.texte-image-accueil {
    font-size: 36px;
    line-height: 40px;
    color: #2D6A99 !important;
    top: 140px;
    left: 50%;
    position: absolute;
    letter-spacing: unset;
}

a.lienMacaron img {
    height: auto;
    width: 128px;
    position: absolute;
    float: left;
    z-index: 0;
    top: 252px;
    left: 78%;
}

.bouton-blanc {
    background-color: #e0e0e0 !important;
    color: black !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px black;
}

.text-orange-teogest {
    color: #d35d47 !important;
}

.text-bleu-teogest {
    color: #2D6E9D !important;
}

.text-souligne {
    text-decoration: underline;
}

.text-gras {
    font-weight: bold;
}

.text-rouge {
    color: #d15842;
}

.text-rouge-p {
    color: #d15842;
    font-weight: bold;
}

/* ============================= DONNEES PERSONNELLES ================================= */
.donnees-personnelles h1 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
}


/* ============================= HOME ================================= */

.home-slider .tparrows {
    display: none;
}

@media (max-width: 767px) {
    #a-propos-home .row > div,
    #en-plus-home .row > div {
        margin-top: 15px;
    }
}

#a-propos-home .section-title {
    margin-bottom: 0px !important;
}

#a-propos-home p {
    margin: 0px 0px 0px 0px !important;
}

#en-plus-home .section-title {
    margin-bottom: 0px !important;
}

#en-plus-home p {
    margin: 0px 0px 0px 0px !important;
    font-weight: bold;
    color: rgb(45,106,153);
}

#a-propos-home p {
    font-weight: bold;
}

.defaultimg {
    filter: saturate(150%);
    -webkit-filter: saturate(150%);
    -moz-filter: saturate(150%);
    -o-filter: saturate(150%);
    -ms-filter: saturate(150%);
}

.et-en-plus-wrapper {
    background: #91BEDD !important;
    color: white !important;
}

.web-formation-box {
    background: #F9B713 !important;
    width: 100%;
}

    .web-formation-box p,
    .formation-box p {
        font-size: 17px;
    }

/* ============================= SERVICE ================================= */

@media(min-width: 998px) and (max-width: 1200px) {
    .web-formation-box {
        height: 487px !important;
    }
}

@media (max-width: 767px) {
    #assistance-services .row > div,
    #en-plus-services .row > div {
        margin-top: 15px;
    }
}


#formation-services h1 {
    line-height: 24px !important;
}

.formation-box h2,
.web-formation-box h2 {
    color: white !important;
    font-weight: bold !important;
    margin-block-start: 0;
}

#assistance-services p {
    font-weight: bold;
}

#assistance-services h3 {
    font-size: 30px;
    letter-spacing: -0.6px;
    line-height: 34px;
    font-weight: 700;
    color: #2D6E9D;
    margin: 0;
}


#en-plus-services p {
    font-weight: bold;
}

.ui-dialog-titlebar {
    background-color: #B5C933 !important;
}

.ui-dialog .btn-default {
    background-color: #B5C933 !important;
}

.ui-dialog input[type="radio"], .ui-dialog input[type="checkbox"] {
    margin: 0px;
}

.ui-dialog textarea {
}

.ui-dialog .form-container {
    padding-left: 0px;
}

.ui-dialog .radioCiviliteGlobal {
    text-align: left;
}

.ui-dialog .radioCivilite {
    display: inline-block;
}

#en-plus-services .section-title {
    margin-bottom: 0px !important;
}

#formation-services .section-title {
    margin-bottom: 0px !important;
}


#assistance-services .section-title {
    margin-bottom: 0px !important;
}

#en-plus-services p {
    margin: 0px 0px 0px 0px !important;
}

#assistance-services p {
    margin: 0px 0px 0px 0px !important;
}

#formation-services .boxed {
    margin-bottom: 30px !important;
}

#en-plus-services .icon {
    margin-bottom: 10px;
}

.formation-box {
    background: #91BEDD !important;
    width: 100%;
}

.box-container .owl-stage {
    margin: auto;
}

.formation-box p,
.web-formation-box p {
    color: white !important;
}

.assistance-hotline {
    font-size: 17px;
}

/* ============================= SOLUTION ================================= */

.solution-module {
    margin-block-start: unset;
    font-weight: 700;
}

.liste-vide {
    list-style-type: none;
}

.point-fort-solution > ul,
.fonctionnalite-solution > ul {
    padding: 10px 0 0 45px !important;
}

.point-fort-solution > span,
.fonctionnalite-solution > span {
    padding-bottom: 35px;
}

.fonctionnalite-solution ul li {
    font-weight: bold;
}

.fonctionnaliteNiveau1 {
    padding-top: 10px !important;
}

    .fonctionnaliteNiveau1 ul {
        padding-top: 0px !important;
    }

.fonctionnaliteNiveau2 ul li:before {
    content: '-  ';
    float: left;
    position: relative;
    left: -5px;
}

.fonctionnaliteNiveau3 {
    padding-left: 10px;
    list-style-type: none;
}

    .fonctionnaliteNiveau3 ul li:before {
        content: '';
        float: left;
    }

.fonctionnaliteNiveau4 {
    list-style-type: square;
    margin-left: 25px;
}

.fonctionnaliteNiveau5 {
    list-style-type: square;
    margin-left: 15px;
}

    .fonctionnaliteNiveau5 span {
        font-size: 18px;
    }

.fonctionnalite-solution ul li ul li,
.fonctionnalite-solution ul li ul li ul li {
    font-weight: normal;
}

    .fonctionnalite-solution ul li ul li ul li {
        /*margin-left: 25px;*/
        padding-left: 5px;
    }

.btn:not(.agrandir-image-solution) {
    font-size: 18px;
}

/*.sous-categorie ul{
    padding: 0 0 0 0 !important;
}*/

.agrandir-image-solution {
    text-transform: none;
    box-shadow: 0 0 0 0 !important;
}

.solution-screenshot {
    border: 1px solid #2d6e9d !important;
}

.fancybox-button {
    background-color: white !important;
}

.solution .tparrows {
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 250px !important;
    border: 1px solid #2d6e9d;
}

.solution .tp-parallax-wrap {
    margin-top: 80px !important;
}

.formulaireReserverDemo {
    float: right;
}

.close-solution {
    height: 30px !important;
}

    .close-solution img {
        width: 30px !important;
        height: 30px !important;
        float: right;
        margin-top: 7px;
    }


.fiche-solution .btn.btn-large {
    padding: 15px 20px;
}

.figure a,
.overlay,
.info span {
    padding: 0px 0px !important;
}


.portfolio-grid.col4 figure {
    width: 125px;
    height: 125px;
}

    .portfolio-grid.col4 figure img {
        width: 100%;
        height: 100%;
    }

.contenu-solution-bouton {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 880px) {
    .solution-screenshot {
        width: 790px;
        height: 450px;
    }

    .solution .revslider-initialised {
        width: 790px !important;
        height: 500px !important;
        margin: auto;
    }

    .contenu-solution-bouton {
        width: 790px;
    }

    .contenu-solution,
    .solution #slider1,
    .contenu-solution-bouton,
    .point-fort-solution,
    .fonctionnalite-solution,
    .texte-presentation-solution {
        margin-left: auto;
        margin-right: auto;
        width: 790px;
    }

    .titre-fiche-solution {
        width: 100%;
    }
}

@media (max-width: 879px) and (min-width:680px) {
    .solution-screenshot {
        width: 590px !important;
        height: 333px !important;
    }

    .solution .revslider-initialised {
        width: 590px !important;
        height: 385px !important;
    }

    .solution .tparrows {
        margin-top: 350px !important;
    }

    .contenu-solution-bouton {
        width: 590px;
    }

    .contenu-solution,
    .solution #slider1,
    .contenu-solution-bouton,
    .point-fort-solution,
    .fonctionnalite-solution,
    .texte-presentation-solution {
        margin-left: auto;
        margin-right: auto;
        width: 590px;
    }

    .titre-fiche-solution {
        width: 100%;
    }
}

@media (max-width: 919px) and (min-width: 590px) {
    .portfolio-grid.col4 .item {
        width: 25%;
        height: 125px;
    }
}

@media (min-width: 590px) {
    .contenu-solution-bouton {
        margin-top: 80px;
        margin-bottom: 30px;
    }
}

@media (max-width: 679px) {
    .portfolio-grid.col4 .item {
        width: 33%;
        height: 125px;
    }

    .solution-container {
        max-width: 435px;
    }

    .solution-screenshot {
        width: 435px !important;
        height: 245px !important;
        margin: auto;
    }

    .solution .tparrows {
        margin-top: 250px !important;
    }

    .solution .revslider-initialised {
        width: 435px !important;
        height: 295px !important;
    }

    .contenu-solution-bouton {
        width: 434px;
    }

    .contenu-solution,
    .solution #slider1,
    .contenu-solution-bouton,
    .point-fort-solution,
    .fonctionnalite-solution,
    .texte-presentation-solution {
        margin-left: auto;
        margin-right: auto;
        width: 434px;
    }

    .titre-fiche-solution {
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 524px) {
    .portfolio-grid.col4 .item {
        width: 50%;
        height: 125px;
    }

    .solution-container {
        max-width: 310px;
    }

    .solution-screenshot {
        width: 310px !important;
        height: 174px !important;
        margin: auto;
    }

    .solution .tparrows {
        margin-top: 200px !important;
    }

    .solution .revslider-initialised {
        width: 310px !important;
        height: 224px !important;
    }

    .contenu-solution-bouton {
        width: 310px;
    }

    .contenu-solution,
    .solution #slider1,
    .contenu-solution-bouton,
    .point-fort-solution,
    .fonctionnalite-solution,
    .texte-presentation-solution {
        margin-left: auto;
        margin-right: auto;
        width: 310px;
    }

    .titre-fiche-solution {
        width: 100%;
    }
}

@media (max-width: 319px) {
    .portfolio-grid.col4 .item {
        width: 100%;
        height: 125px;
    }

    .solution-container {
        max-width: 125px;
    }

    .solution-screenshot {
        width: 125px !important;
        height: 70px !important;
        margin: auto;
    }

    .solution .tparrows {
        margin-top: 20px !important;
    }

    .solution .revslider-initialised {
        width: 125px !important;
        height: 70px !important;
    }

    .contenu-solution-bouton {
        width: 125px;
    }
}

.titre-solution {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 30px;
    letter-spacing: -0.6px;
    line-height: 34px;
    font-weight: 700;
    color: #2D6E9D;
    margin: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    display: block;
    font-family: inherit;
}

@media (min-width: 940px) {
    #solution {
        max-width: 940px;
    }
}

@media (min-width: 680px) and (max-width: 939px) {
    #solution {
        max-width: 640px;
    }
}

@media (max-width: 679px) {
    #solution {
        max-width: 435px;
    }
}

@media (max-width: 524px) {
    #solution {
        max-width: 310px;
    }
}

#solution .item {
    margin-bottom: 30px;
    margin-right: 30px;
}

#solution figure {
    max-width: 125px !important;
    min-width: 125px !important;
}

#solution .info {
    max-width: 125px !important;
    min-width: 125px !important;
}

.titre-fiche-solution h1 {
    font-size: 22px !important;
}

.titre-fiche-solution p {
    font-size: 17px !important;
}

.titre-fiche-solution .contenu-solution {
    margin-bottom: auto;
    vertical-align: bottom;
}

.navbar.fixed .bouton-connexion-teogest {
    top: 20px;
}

.titre-fiche-solution,
.titre-fiche-solution .contenu-solution {
    margin-left: 0px !important;
}

.contenu-texte-solution {
    padding-bottom: 30px;
    margin-left: 0px !important;
}

.contenu-solution:not(h3) {
    /*padding-bottom:30px;*/
    /*margin-top:140px;*/
}

.solution-container img {
    width: 210px;
    /*height:280px;*/
}

.contenu-texte-solution {
    background-color: #eaedef;
}

.descriptif-solution {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*puces noires*/
.fonctionnalite-solution .descriptif-solution {
    padding-top: 10px;
    padding-bottom: 0px;
}

    /*puces blanches*/
    .fonctionnalite-solution .descriptif-solution .descriptif-solution {
        padding-top: 0px;
        padding-bottom: 10px;
    }



.point-fort-solution p,
.descriptif-solution li,
.point-fort-solution ul,
.fonctionnalite-solution p,
.fonctionnalite-solution li,
.fonctionnalite-solution ul {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.point-fort-solution {
    padding-top: 30px;
    padding-bottom: 20px;
}

    .point-fort-solution .descriptif-solution {
        padding-top: 10px;
        padding-bottom: 0px;
    }

.fonctionnalite-solution {
    padding-bottom: 30px;
}

.point-fort-solution,
.fonctionnalite-solution {
    background: white !important;
}

.solution:not(.fiche-solution) {
    padding-top: 150px;
}

.fiche-solution {
    margin-top: 50px;
}

.gris-solution {
    padding-top: 30px;
    border-top: 1px solid #2D6E9D;
}

    .gris-solution.section-title {
        margin-bottom: 0px;
    }

.fiche-solution .gris-solution {
    height: 188px;
}

.solution-icone {
    /*margin-bottom: 10px;*/
    width: 128px;
    height: 128px;
}

/*.contenu-solution-bouton,
.contenu-texte-solution
{
    margin-left :calc(10% + 168px);
    margin-left:10%;
}*/

.titre-fiche-solution .contenu-solution {
    word-wrap: break-word;
}

/*.descriptif-solution.contenu-texte-solution,
.point-fort-solution{
    padding-right: calc(10% + 148px);
    word-wrap: break-word;
}*/

.solution-container .info span {
    font-size: 15px !important;
}

/* ============================= ESSAI GRATUIT ================================= */

.essai-texte {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    text-align: justify;
}

.bleu-essai-gratuit {
    background: #DFF2FF !important;
}

/* ============================= ABONNEMENT ================================= */

.information-abonnement2 {
    width: 30px;
    height: 30px;
}

.information-abonnement2:not(:hover) img {
    width: 30px;
    height: 30px;
}

.information-abonnement2:hover {
    min-width: 30px;
    min-height: 30px;
}

    .information-abonnement2:hover img:not(.actif) {
        display: none;
    }

    .information-abonnement2:hover .actif {
        display: normal;
    }

.information-abonnement2 {
    position: relative;
    z-index: 24;
}

    .information-abonnement2:not(:hover) .actif {
        display: none;
    }

    .information-abonnement2:hover {
        z-index: 25;
        background-color: #2D6E9D;
        width: 30px;
        height: 30px;
    }

        .information-abonnement2:hover .actif {
            width: 30px;
            height: 30px;
            background: #2D6E9D;
        }

    .information-abonnement2 div {
        opacity: 0;
        width: 0px;
        height: 0px;
        overflow: hidden;
    }

    .information-abonnement2 div {
        -o-transition: opacity 0.3s ease-in;
        -ms-transition: opacity 0.3s ease-in;
        -moz-transition: opacity 0.3s ease-in;
        -webkit-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in;
    }

    .information-abonnement2:not(:hover) div {
        visibility: hidden;
    }

.texte-information2 {
    white-space: normal;
    min-width: 100px;
    max-width: 400px;
    max-height: 400px;
}

.information-abonnement2:hover div {
    margin: auto;
    border: 1px solid #d35d47;
    background-color: #FFF;
    color: #d35d47;
    text-align: justify;
    padding: 5px;
    opacity: 1;
}

.lien-cgv {
    color: white;
}

    .lien-cgv:hover {
        color: white;
    }


.information-abonnement2:hover p {
    margin: auto;
}

.information-abonnement2 {
    /*width: 8.33333333%;*/
    float: right
    /*height : auto;*/
}

.text-rouge-validator {
    color: red !important;
    margin-left: 3px;
    font-weight: bold;
}

.text-abonnement-container .col-sm-12 {
    margin-top: 0px;
}

@media (min-width: 768px) {
    .information-abonnement:hover div {
        top: 2em;
    }
}

.information-abonnement:not(:hover) img {
    width: 30px;
    height: 30px;
}

.information-abonnement:hover {
    min-width: 30px;
    min-height: 30px;
}

    .information-abonnement:hover img:not(.actif) {
        display: none;
    }

    .information-abonnement:hover .actif {
        display: normal;
    }

.information-abonnement {
    position: relative;
    z-index: 24;
}

    .information-abonnement:not(:hover) .actif {
        display: none;
    }

    .information-abonnement:hover {
        z-index: 25;
        background-color: #2D6E9D;
        width: 30px;
        height: 30px;
    }

        .information-abonnement:hover .actif {
            width: 30px;
            height: 30px;
            background: #2D6E9D;
        }

    .information-abonnement div {
        opacity: 0;
        width: 0px;
        height: 0px;
        overflow: hidden;
    }

    .information-abonnement:hover div {
        word-wrap: break-word;
        width: 100%;
        margin: auto;
        opacity: 1;
        position: absolute;
        max-width: 1px;
        height: 1px;
        border: 1px solid #d35d47;
        /*border-radius: 8px 8px 8px 8px;*/
        background-color: #FFF;
        color: #d35d47;
        text-align: justify;
        padding: 5px;
        opacity: 1;
        left: -400px;
    }

.civilite-abonnement {
    margin-left: 2px;
}

.information-abonnement div {
    -o-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

.information-abonnement:not(:hover) div {
    visibility: hidden;
}

.text-abonnement-container:not(.text-rouge-validator) {
    background: #DFF2FF !important
}


.contenu-text-abonnement {
    margin-left: 30px;
    margin-right: 30px;
}

@media (min-width: 1200px) {
    .content-wrapper {
        width: 100% !important;
    }

    .web-formation-box, .formation-box {
        height: 439px !important;
    }

    body.macintosh .web-formation-box, body.macintosh .formation-box {
        height: 488px !important;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .web-formation-box, .formation-box {
        height: 487px !important;
    }
}

.formation-box-footer {
    --longueur: 152px; 
    position: absolute;
    margin-left: calc(var(--longueur) / 2 * -1); /* On déplace sur la gauche à la moitié de la longueur */
    width: var(--longueur);
}

@media (min-width: 1254px) {
    .formation-box-footer {
        margin-top: 80% !important;
    }

    body.macintosh .formation-box-footer {
        margin-top: 91% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1253px) {
    .formation-box-footer {
        margin-top: 84% !important;
    }

    body.macintosh .formation-box-footer {
        margin-top: 94% !important;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .formation-box-footer {
        margin-top: 118% !important;
    }

    body.macintosh .formation-box-footer {
        margin-top: 121% !important;
    }
}

@media (max-width: 990px) {
    .formation-box-footer {
        margin-top: 0 !important;
        position: inherit !important;
        margin-left: 0 !important;
    }
}

.form-group {
    margin-bottom: 5px !important;
}

.form-horizontal .form-group .control-label {
    padding-top: 3px !important;
    padding-right: 0px;
}

.form-group .form-control {
    height: 23px !important;
    line-height: 1.6 !important;
    padding: 1px 4px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000 !important;
}

.modal-content .form-horizontal input, .modal-content .form-horizontal button, .bouton-orange {
    height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
    vertical-align: middle;
    text-transform: none;
}

.text-abonnement-container .form-control {
    background: white !important;
    color: black !important;
}

.corps-pages .section-title {
    margin-bottom: 0px !important;
}

/* ============================= TARIF ================================= */

.icone-tarif h4 {
    font-size: 20px;
}

.tarif-sous-titre {
    font-size: 31px;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 40px;
    color: #2D6E9D;
    border-top: 1px solid #2D6E9D;
}

.grille-tarif {
    width: 771px !important;
    height: 435px !important;
}

.grille-tarif-container {
    width: 80%;
    margin: auto;
    text-align: center;
}

.grille-tarif-footer {
    width: 80%;
    margin: auto;
    padding-left: 10% !important;
    padding-right: 10% !important;
}


.text-incline {
    max-width: 25px;
    /*background:#91BEDD!important;*/
    border: 1px solid black;
}

.text-incline-vide {
    min-width: 25px;
    border: none;
    /*border-collapse: separate;*/
}

.text-incline span {
    margin: 0;
    padding: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg) translate(-200px);
    white-space: nowrap;
    display: block;
}

.border-tableau-tarif {
    border: 1px solid black;
    border-collapse: collapse;
}

.border-tableau-tarif {
    border: 1px solid rgba(0, 0, 0, 0.53);
    border-collapse: collapse !important;
}

.tableau-tarif-abonnement {
    border: 1px solid #2D6E9D;
}

    .tableau-tarif-abonnement tr.center {
        height: 45px;
    }

    .tableau-tarif-abonnement tr.top td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tableau-tarif-abonnement tr.bottom td {
        padding-bottom: 10px;
    }

    .tableau-tarif-abonnement .text {
        width: 477px;
        text-align: right;
    }

    .tableau-tarif-abonnement .value {
        color: #2D6E9D;
        padding-left: 5px;
        text-align: left;
        font-weight: bold;
    }

    .tableau-tarif-abonnement .virgule {
        color: #2D6E9D;
        text-align: left;
        font-weight: bold;
    }

    .tableau-tarif-abonnement .euro {
        color: #2D6E9D;
        text-align: left;
        font-weight: bold;
        padding-left: 5px;
    }

    .tableau-tarif-abonnement .info {
        padding-left: 5px;
    }


.tableau-info-tarif {
    margin-bottom: 15px;
}

    .tableau-info-tarif td.value {
        text-align: right;
        padding-right: 5px;
    }

.tableau-tarif .fond-bleu {
    background: #91BEDD !important;
}

.tableau-tarif .fond-vert {
    background: #8FDDCF !important;
}

.ligne-vide {
    border: none;
    height: 25px;
    width: 850px;
}

.ligne-vide-verticale {
    border: none;
    width: 25px;
}

.tableau-tarif {
    margin: auto;
}

    .tableau-tarif td {
        padding: 2px 2px 2px 2px;
    }

.texte-gauche-tableau {
    text-align: left;
    width: 415px;
    padding-left: 7px !important;
}

.texte-droit-tableau {
    text-align: right;
    width: 55px;
    padding-right: 7px !important;
}

.texte-center-tableau {
    text-align: center;
    width: 100px;
}

.div-tableau-tarif {
    margin: auto;
}

    .div-tableau-tarif .info {
        padding-left: 5px;
    }
.icone-tarif p {
    margin: 0 0 0 0;
}

.icone-tarif .section-title {
    margin: 0 0 0 0;
}

#essai.thin.icone-tarif {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 45px;
}

.thin.icone-tarif {
    width: 100%;
    margin-bottom: 30px;
}

.ligne-icone-tarif {
    width: 70%;
    margin: auto;
/*    padding-left: 239px;*/
}

.icone-tarif img {
    width: 100px;
    height: 100px;
}

.equal {
    width: 60px !important;
    height: 60px !important;
}

/* ============================= CONTACT ================================= */

.contact-info {
    padding-left: 5px;
    padding-right: 5px;
}

.bouton-formulaire-contact {
    text-transform: none;
    font-weight: normal;
    vertical-align: middle;
}

.contacter-easyteo {
    margin-top: 80px;
}

    .contacter-easyteo .contenu-text-contacter {
        margin-left: 5%;
        margin-right: 5%;
    }

#formContact .radio-contact {
    line-height: 29px;
}

.text-box-contact {
    height: 25px !important;
    margin-left: 3px;
    background: white !important;
    color: black !important;
    float: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 7px !important;
}

.label-contact {
    text-align: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* ============================= TIPSY ================================= */

.tipsy {
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #B5C933;
    color: white;
    padding: 5px 8px 4px 8px;
}

/*.tipsy-inner { background-color: #000; color: #FFF; padding: 5px 8px 4px 8px; text-align: center; }*/

/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #FFF66F;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: black;
}

.tipsy-arrow-s {
    border-top-color: black;
}

.tipsy-arrow-e {
    border-left-color: black;
}

.tipsy-arrow-w {
    border-right-color: black;
}

/*.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }*/

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy table td, .tipsy table th {
    border: 1px solid black;
    padding: 4px;
}

.tipsy table th {
    text-align: center;
}


/* ============================= DEMO ================================= */

.modal-header {
    background: #B5C933 none repeat scroll 0 0;
    color: white;
}

.modal-header.orange {
    background: #F9B713 none repeat scroll 0 0;
}

.modal-header.orange h1, .modal-header.orange h2 {
    color: #2D6A99 !important;
}

.modal-header h4, .modal-header h1 {
    color: white;
    font-weight: bold;
}

.modal-reserver-demo .datepicker {
    z-index: 10000;
}

.modal-reserver-demo .modal-backdrop {
    z-index: 40;
}

.modal-reserver-demo .modal-dialog {
    max-width: 600px;
    z-index: 41;
    margin-top: 100px;
}

.modal-reserver-demo .modal-footer .btn {
    background-color: #B5C933;
    margin-bottom: 0px;
}

.modal-reserver-demo .radioCivilite {
    display: inline-block;
}

.form-group .required-star {
    color: red;
}

/*TEST POP*/
.ui-dialog {
    color: #ccc;
}

.form-group {
    margin-bottom: 0px;
}

.sizeTextBox2 {
    width: 200px;
}

.ui-dialog .radioCivilite {
    font-size: 16px;
}

.ui-dialog h2.formation {
    font-weight: normal;
    font-size: 16px;
}

.ui-dialog .bouton-orange {
    font-size: 13px;
}

.ui-dialog input[type="reset"] {
    background-color: white !important;
    color: black !important;
    border: 1px #ccc solid;
}

.ui-dialog input {
    font-weight: normal;
}


/*  RESPONSIVE FICHE TECHNIQUE  */

.divLeft,
.texte-bandeau-solution,
.divRight {
    float: left;
}

.divLeft {
    z-index: 999;
}

.texte-bandeau-solution {
    z-index: 998;
}

.titre-fiche-solution {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    height: 128px;
    display: table;
}

.titre-solution-centrer {
    vertical-align: middle;
    display: table-cell;
}

.logo-fiche-solution {
    float: left;
    display: table-cell;
}

.titre-solution-centrer p {
    margin: 0 0 0 0;
}

@media (min-width: 790px) {
    .divRight {
        margin-left: calc((100% - 870px)/2);
    }

    .texte-bandeau-solution {
        margin-left: calc((100% - 870px)/2);
    }

    .titre-fiche-solution {
        width: calc(730px - 128px);
    }
}

@media (min-width: 680px) and (max-width:879px) {
    .divRight {
        margin-left: calc((100% - 670px)/2);
    }

    .texte-bandeau-solution {
        margin-left: calc((100% - 670px)/2);
    }

    .titre-fiche-solution {
        width: calc(590px - 128px);
    }
}

@media (min-width: 524px) and (max-width:679px) {
    .divRight {
        margin-left: calc((100% - 520px)/2);
    }

    .texte-bandeau-solution {
        margin-left: calc((100% - 520px)/2);
    }

    .titre-fiche-solution {
        width: calc(434px - 128px);
    }

    .contenu-solution-bouton {
        margin-top: 80px;
    }

    .bandeau-solution {
        height: 100%;
    }

    .fiche-solution .gris-solution {
        height: 250px;
    }

    .formulaireReserverDemo {
        margin-top: 15px;
    }
}

@media (max-width:524px) {
    .divRight {
        display: none;
    }

    .divLeft {
        display: none;
    }

    .logo-fiche-solution {
        display: none;
    }

    .texte-bandeau-solution,
    .titre-fiche-solution {
        width: 100%;
    }

    .contenu-solution-bouton {
        margin-top: 80px;
    }

    .bandeau-solution {
        height: 100%;
    }

    .fiche-solution .gris-solution {
        height: 250px;
    }

    .formulaireReserverDemo {
        margin-top: 15px;
    }
}

@media (max-width:879px) {
    .agrandir-image-solution {
        display: none;
    }
}

@media (min-width:880px) {
    .agrandir-image-solution {
        display: normal;
    }
}


@media (min-width:880px) {
    .solution .tparrows {
        margin-top: 500px !important;
    }
}

@media (min-width:992px) and (max-width:1253px) {
    .navbar-collapse.collapse {
        overflow: hidden !important;
    }
}

@media (max-width:1253px) {
    .navbar-collapse.collapse {
        max-width: 250px;
    }
}

@media (min-width: 551px) and (max-width:1253px) {
    .navbar-collapse.collapse {
        /*margin-left: calc(100% - 475px);*/
    }
}

.no-margin {
    margin-top: 0 !important;
}

.titre-temoignages {
    padding-left: 10%;
    padding-right: 10%;
}

.ui-dialog-title {
    color: white !important;
}

.form-demo {
    max-width: 600px;
    margin: auto;
    border: 1px solid gray;
    border-radius: 0 0 10px 10px;
}

.form-demo {
    margin: unset;
}

.form-demo.left {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .form-demo-ensemble {
        width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }

    .form-demo.left {
        float: left;
        width: 540px;
    }

    .form-demo.right {
        float: right;
    }

    .form-demo {
        margin: auto;
    }
}

.form-demo .footer {
    padding: 0 15px 15px 15px;
    text-align: center;
}

.form-demo .listWebinaire {
    text-align: center;
}

.form-demo .listWebinaire p {
    margin: 0 0 8px;
}

.liste-traitements-cgv {
    padding-left: 15px;
}

.zerolineheight p input {
    margin-bottom: -5px !important;
    margin-top: 0px !important;
}

.titre-bleu {
    padding-bottom: 30px;
    text-align: center;
    font-size: 30px;
    letter-spacing: -0.6px;
    line-height: 34px;
    font-weight: 700;
    color: #2D6E9D;
    margin: 0;
}

@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}