/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Styles spécifiques ESI TYPO3 - DEBUT */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #009FDE;
}

h2 {
    font-size: 1.5rem;
}

p {
    line-height: 20px;
}

.carousel h1 {
    color: #fff;
}

#c112{
    padding: 10px 0;
}

.backendlayout-pagets__special_start div.col-sm-4 > div:nth-of-type(odd) {
    clear: left;
}

.backendlayout-pagets__special_start img {
    border-radius: 10px;
}

.backendlayout-pagets__special_start .image-center.image-above {
    padding: 15px;
    background-color: #EEE;
    border-radius: 8px;
    margin-bottom: 3rem;
}

.backendlayout-pagets__special_start .image-center.image-above h1,
.backendlayout-pagets__special_start .image-center.image-above h2,
.backendlayout-pagets__special_start .image-center.image-above h3,
.backendlayout-pagets__special_start .image-center.image-above h4,
.backendlayout-pagets__special_start .image-center.image-above h5,
.backendlayout-pagets__special_start .image-center.image-above h6 {
    margin-top: 1.2rem;
    text-align: center;
}

.backendlayout-pagets__special_start .image-center.image-above figure.image {
    margin-bottom: 12px;
}

.backendlayout-pagets__special_start .image-center.image-above .text h2 {
    min-height: 4rem;
}

.indicValidationMessages {
    display: block;
    font-size: 0.7em;
}

.carousel-inner > .item {
    height: 200px;
}

div.container iframe {
    width: 100%;
}

/* Styles spécifiqu es ESI TYPO3  - FIN */
/* Styles spécifiques ESI BOOTSTRAP - DEBUT */
.navbar-header-main .navbar-brand {
    line-height: 70px;
    height: 70px;
}

.navbar-header-main .navbar-brand.navbar-brand-image > img {
    /*max-height: @navbar-height;*/

    max-height: 60px;
    width: auto;
}

.navbar-header-main .navbar-brand.navbar-brand-image {
    /*max-height: @navbar-height;*/

    padding-bottom: 0;
    padding-top: 0;
}

/* Styles spécifiques au menu des raccourcis de pied de page */

.footer-menu {
    list-style: none;
    padding-left: 0;
}

/* Menu de langue dans le header */
.navbar-language > ul > li, ul.language-menu > li > {
    padding-left: 0;
    padding-right: 10px;
}

.navbar-language > ul > li > a, ul.language-menu > li > a {
    color: #fff;
}

.navbar-collapse.collapse {
    float: left;
}

.navbar-top ul.language-menu {
    float: right;
    line-height: 70px;
    margin-left: 20px;
    margin-top: 15px;
}

.navbar-top ul.language-menu li.langue-fr-FR {
    background: url("/fileadmin/contribution/drapeaux/fr.gif") no-repeat center top;
    background-size: contain;
}

.navbar-top ul.language-menu li.langue-es-ES {
    background: url("/fileadmin/contribution/drapeaux/es.gif") no-repeat center top;
    background-size: contain;
}

.navbar-top ul.language-menu li.langue-en-GB {
    background: url("/fileadmin/contribution/drapeaux/gb.gif") no-repeat center top;
    background-size: contain;
}

.navbar-top ul.language-menu > li {
    width: 30px;
    margin-right: 10px;
}

.navbar-top ul.language-menu > li > a {
    display: block;
    text-align: center;
}

/*////////////////////////////////////////////////*/
/*//CSS Pour le formulaire de reservation - DEBUT*/
/*////////////////////////////////////////////////*/

.tx-powermail .container-fluid .btn{
    padding: 6px 10px;
}

.powermail_field_rgpd_01,
.powermail_field_rgpd_02,
.powermail_field_rgpd_03 {
    clear: both;
    width: 60%;
}

.powermail_fieldwrap_rgpd_01 .col-sm-2,
.powermail_fieldwrap_rgpd_02 .col-sm-2,
.powermail_fieldwrap_rgpd_03 .col-sm-2 {
    float: right;
    width: 70%;
    margin-left: 20px;
}

.powermail_fieldwrap_rgpd_01 .col-sm-10,
.powermail_fieldwrap_rgpd_02 .col-sm-10,
.powermail_fieldwrap_rgpd_03 .col-sm-10 {
    float: right;
    width: 10%;
}


.powermail_field_nometprenompersonnen1,
.powermail_field_nometprenompersonnen2,
.powermail_field_nometprenompersonnen3,
.powermail_field_nometprenompersonnen4,
.powermail_field_nometprenompersonnen5,
.powermail_field_nometprenompersonnen6,
.powermail_field_nometprenompersonnen7,
.powermail_field_nometprenompersonnen8,
.powermail_field_nometprenompersonnen9,
.powermail_field_nometprenompersonnen10 {
    clear: both;
}

/*.powermail_fieldwrap_agepersonnen1,
.powermail_fieldwrap_agepersonnen2,
.powermail_fieldwrap_agepersonnen3,
.powermail_fieldwrap_agepersonnen4,
.powermail_fieldwrap_agepersonnen5,
.powermail_fieldwrap_agepersonnen6,
.powermail_fieldwrap_agepersonnen7,
.powermail_fieldwrap_agepersonnen8,
.powermail_fieldwrap_agepersonnen9,
.powermail_fieldwrap_agepersonnen10 {
    float: left;
    width: 50%;
 }*/


.powermail_fieldwrap_debutdescourspersonnen1,
.powermail_fieldwrap_debutdescourspersonnen2,
.powermail_fieldwrap_debutdescourspersonnen3,
.powermail_fieldwrap_debutdescourspersonnen4,
.powermail_fieldwrap_debutdescourspersonnen5,
.powermail_fieldwrap_debutdescourspersonnen6,
.powermail_fieldwrap_debutdescourspersonnen7,
.powermail_fieldwrap_debutdescourspersonnen8,
.powermail_fieldwrap_debutdescourspersonnen9,
.powermail_fieldwrap_debutdescourspersonnen10 {
    float: left;
    width: 50%;
}

.powermail_fieldwrap_debutdescourspersonnen1 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen2 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen3 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen4 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen5 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen6 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen7 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen8 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen9 .col-sm-2,
.powermail_fieldwrap_debutdescourspersonnen10 .col-sm-2 {
    width: 50%;
}

.powermail_fieldwrap_debutdescourspersonnen1 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen2 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen3 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen4 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen5 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen6 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen7 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen8 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen9 .col-sm-10,
.powermail_fieldwrap_debutdescourspersonnen10 .col-sm-10 {
    width: 50%;
}

.powermail_fieldwrap_findescourspersonnen1,
.powermail_fieldwrap_findescourspersonnen2,
.powermail_fieldwrap_findescourspersonnen3,
.powermail_fieldwrap_findescourspersonnen4,
.powermail_fieldwrap_findescourspersonnen5,
.powermail_fieldwrap_findescourspersonnen6,
.powermail_fieldwrap_findescourspersonnen7,
.powermail_fieldwrap_findescourspersonnen8,
.powermail_fieldwrap_findescourspersonnen9,
.powermail_fieldwrap_findescourspersonnen10 {
    float: right;
    width: 50%;
}

.powermail_fieldwrap_findescourspersonnen1 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen2 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen3 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen4 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen5 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen6 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen7 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen8 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen9 .col-sm-2,
.powermail_fieldwrap_findescourspersonnen10 .col-sm-2 {
    width: 50%;
}

.powermail_fieldwrap_findescourspersonnen1 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen2 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen3 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen4 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen5 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen6 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen7 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen8 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen9 .col-sm-10,
.powermail_fieldwrap_findescourspersonnen10 .col-sm-10 {
    width: 50%;
}

.powermail_fieldwrap_findescourspersonnen1.form-group,
.powermail_fieldwrap_findescourspersonnen2.form-group,
.powermail_fieldwrap_findescourspersonnen3.form-group,
.powermail_fieldwrap_findescourspersonnen4.form-group,
.powermail_fieldwrap_findescourspersonnen5.form-group,
.powermail_fieldwrap_findescourspersonnen6.form-group,
.powermail_fieldwrap_findescourspersonnen7.form-group,
.powermail_fieldwrap_findescourspersonnen8.form-group,
.powermail_fieldwrap_findescourspersonnen9.form-group,
.powermail_fieldwrap_findescourspersonnen10.form-group {
    margin-left: 40px;
}

.powermail_fieldwrap_nombredepersonnes .radio {
    display: inline-block;
}

.powermail_fieldwrap_typedecourspersonnen1,
.powermail_fieldwrap_typedecourspersonnen2,
.powermail_fieldwrap_typedecourspersonnen3,
.powermail_fieldwrap_typedecourspersonnen4,
.powermail_fieldwrap_typedecourspersonnen5,
.powermail_fieldwrap_typedecourspersonnen6,
.powermail_fieldwrap_typedecourspersonnen7,
.powermail_fieldwrap_typedecourspersonnen8,
.powermail_fieldwrap_typedecourspersonnen9,
.powermail_fieldwrap_typedecourspersonnen10 {
    clear: both;
    float: left;
    width: 33%;
}

.powermail_fieldwrap_typedecourspersonnen1 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen2 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen3 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen4 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen5 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen6 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen7 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen8 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen9 .col-sm-2,
.powermail_fieldwrap_typedecourspersonnen10 .col-sm-2 {
    width: 40%;
}

.powermail_fieldwrap_typedecourspersonnen1 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen2 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen3 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen4 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen5 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen6 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen7 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen8 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen9 .col-sm-10,
.powermail_fieldwrap_typedecourspersonnen10 .col-sm-10 {
    width: 60%;
}

.powermail_fieldwrap_typedecourspersonnen1.form-group,
.powermail_fieldwrap_typedecourspersonnen2.form-group,
.powermail_fieldwrap_typedecourspersonnen3.form-group,
.powermail_fieldwrap_typedecourspersonnen4.form-group,
.powermail_fieldwrap_typedecourspersonnen5.form-group,
.powermail_fieldwrap_typedecourspersonnen6.form-group,
.powermail_fieldwrap_typedecourspersonnen7.form-group,
.powermail_fieldwrap_typedecourspersonnen8.form-group,
.powermail_fieldwrap_typedecourspersonnen9.form-group,
.powermail_fieldwrap_typedecourspersonnen10.form-group {
    margin-left: 30px;
}

.powermail_fieldwrap_disciplinepersonnen1,
.powermail_fieldwrap_disciplinepersonnen2,
.powermail_fieldwrap_disciplinepersonnen3,
.powermail_fieldwrap_disciplinepersonnen4,
.powermail_fieldwrap_disciplinepersonnen5,
.powermail_fieldwrap_disciplinepersonnen6,
.powermail_fieldwrap_disciplinepersonnen7,
.powermail_fieldwrap_disciplinepersonnen8,
.powermail_fieldwrap_disciplinepersonnen9,
.powermail_fieldwrap_disciplinepersonnen10 {
    float: left;
    width: 33%;
}

.powermail_fieldwrap_disciplinepersonnen1 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen2 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen3 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen4 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen5 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen6 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen7 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen8 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen9 .col-sm-2,
.powermail_fieldwrap_disciplinepersonnen10 .col-sm-2 {
    width: 40%;
}

.powermail_fieldwrap_disciplinepersonnen1 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen2 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen3 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen4 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen5 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen6 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen7 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen8 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen9 .col-sm-10,
.powermail_fieldwrap_disciplinepersonnen10 .col-sm-10 {
    width: 60%;
}

.powermail_fieldwrap_niveaupersonnen1,
.powermail_fieldwrap_niveaupersonnen2,
.powermail_fieldwrap_niveaupersonnen3,
.powermail_fieldwrap_niveaupersonnen4,
.powermail_fieldwrap_niveaupersonnen5,
.powermail_fieldwrap_niveaupersonnen6,
.powermail_fieldwrap_niveaupersonnen7,
.powermail_fieldwrap_niveaupersonnen8,
.powermail_fieldwrap_niveaupersonnen9,
.powermail_fieldwrap_niveaupersonnen10 {
    float: left;
    width: 33%;
}

.powermail_fieldwrap_niveaupersonnen1 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen2 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen3 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen4 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen5 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen6 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen7 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen8 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen9 .col-sm-2,
.powermail_fieldwrap_niveaupersonnen10 .col-sm-2 {
    width: 40%;
}

.powermail_fieldwrap_niveaupersonnen1 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen2 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen3 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen4 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen5 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen6 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen7 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen8 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen9 .col-sm-10,
.powermail_fieldwrap_niveaupersonnen10 .col-sm-10 {
    width: 60%;
}


.powermail_fieldwrap.powermail_tab_navigation {
    clear: both;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 480px) {

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/*////////////////////////////////////////////////*/
/*//CSS Pour le formulaire de reservation - FIN*/
/*////////////////////////////////////////////////*/


@media (max-width: 767px) {

    .tx-powermail .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .tx-powermail .container-fluid .btn{
        white-space: break-spaces;
        width: 100%;
    }

    .navbar-header-main {
        position: relative;
    }

    .navbar-header-main .navbar-brand.navbar-brand-image {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-header-main .navbar-brand.navbar-brand-image > img {
        /*max-height: @navbar-height;*/

        max-height: 60px;
        width: auto;
    }

    .navbar-collapse.collapse {
        float: left;
    }

    .navbar-language ul li {
        display: list-item;
    }

    .navbar-top ul.language-menu {
        float: left;
        line-height: 24px;
        margin-left: 0;
    }

    .navbar-top ul.language-menu li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

    .radio label, .checkbox label {
        margin-right: 10px;
    }

    form label {
        float: none;
    }

    .powermail_fieldwrap_nometprenompersonnen2,
    .powermail_fieldwrap_nometprenompersonnen3,
    .powermail_fieldwrap_nometprenompersonnen5,
    .powermail_fieldwrap_nometprenompersonnen6,
    .powermail_fieldwrap_nometprenompersonnen8,
    .powermail_fieldwrap_nometprenompersonnen9,
    .powermail_fieldwrap_nometprenompersonnen10 {
        border-top: #007bb0 dashed thin;
        margin-top: 10px;
        padding-top: 20px;
    }

    .powermail_field_nometprenompersonnen1,
    .powermail_field_nometprenompersonnen2,
    .powermail_field_nometprenompersonnen3,
    .powermail_field_nometprenompersonnen4,
    .powermail_field_nometprenompersonnen5,
    .powermail_field_nometprenompersonnen6,
    .powermail_field_nometprenompersonnen7,
    .powermail_field_nometprenompersonnen8,
    .powermail_field_nometprenompersonnen9,
    .powermail_field_nometprenompersonnen10 {
        clear: both;
    }

    /*.powermail_fieldwrap_agepersonnen1,
    .powermail_fieldwrap_agepersonnen2,
    .powermail_fieldwrap_agepersonnen3,
    .powermail_fieldwrap_agepersonnen4,
    .powermail_fieldwrap_agepersonnen5,
    .powermail_fieldwrap_agepersonnen6,
    .powermail_fieldwrap_agepersonnen7,
    .powermail_fieldwrap_agepersonnen8,
    .powermail_fieldwrap_agepersonnen9,
    .powermail_fieldwrap_agepersonnen10 {
        float: left;
        width: 50%;
     }*/
    .powermail_fieldwrap_debutdescourspersonnen1,
    .powermail_fieldwrap_debutdescourspersonnen2,
    .powermail_fieldwrap_debutdescourspersonnen3,
    .powermail_fieldwrap_debutdescourspersonnen4,
    .powermail_fieldwrap_debutdescourspersonnen5,
    .powermail_fieldwrap_debutdescourspersonnen6,
    .powermail_fieldwrap_debutdescourspersonnen7,
    .powermail_fieldwrap_debutdescourspersonnen8,
    .powermail_fieldwrap_debutdescourspersonnen9,
    .powermail_fieldwrap_debutdescourspersonnen10 {
        float: left;
        width: 100%;
    }

    .powermail_fieldwrap_debutdescourspersonnen1 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen2 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen3 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen4 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen5 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen6 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen7 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen8 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen9 .col-sm-2,
    .powermail_fieldwrap_debutdescourspersonnen10 .col-sm-2 {
        width: 100%;
    }

    .powermail_fieldwrap_debutdescourspersonnen1 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen2 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen3 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen4 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen5 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen6 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen7 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen8 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen9 .col-sm-10,
    .powermail_fieldwrap_debutdescourspersonnen10 .col-sm-10 {
        width: 100%;
    }

    .powermail_fieldwrap_findescourspersonnen1,
    .powermail_fieldwrap_findescourspersonnen2,
    .powermail_fieldwrap_findescourspersonnen3,
    .powermail_fieldwrap_findescourspersonnen4,
    .powermail_fieldwrap_findescourspersonnen5,
    .powermail_fieldwrap_findescourspersonnen6,
    .powermail_fieldwrap_findescourspersonnen7,
    .powermail_fieldwrap_findescourspersonnen8,
    .powermail_fieldwrap_findescourspersonnen9,
    .powermail_fieldwrap_findescourspersonnen10 {
        float: none;
        width: 100%;
    }

    .powermail_fieldwrap_findescourspersonnen1 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen2 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen3 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen4 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen5 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen6 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen7 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen8 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen9 .col-sm-2,
    .powermail_fieldwrap_findescourspersonnen10 .col-sm-2 {
        width: 100%;
    }

    .powermail_fieldwrap_findescourspersonnen1 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen2 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen3 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen4 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen5 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen6 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen7 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen8 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen9 .col-sm-10,
    .powermail_fieldwrap_findescourspersonnen10 .col-sm-10 {
        width: 100%;
    }

    .powermail_fieldwrap_findescourspersonnen1.form-group,
    .powermail_fieldwrap_findescourspersonnen2.form-group,
    .powermail_fieldwrap_findescourspersonnen3.form-group,
    .powermail_fieldwrap_findescourspersonnen4.form-group,
    .powermail_fieldwrap_findescourspersonnen5.form-group,
    .powermail_fieldwrap_findescourspersonnen6.form-group,
    .powermail_fieldwrap_findescourspersonnen7.form-group,
    .powermail_fieldwrap_findescourspersonnen8.form-group,
    .powermail_fieldwrap_findescourspersonnen9.form-group,
    .powermail_fieldwrap_findescourspersonnen10.form-group {
        margin-left: -20px;
    }

    .powermail_fieldwrap_nombredepersonnes .radio {
        display: inline-block;
    }

    .powermail_fieldwrap_typedecourspersonnen1,
    .powermail_fieldwrap_typedecourspersonnen2,
    .powermail_fieldwrap_typedecourspersonnen3,
    .powermail_fieldwrap_typedecourspersonnen4,
    .powermail_fieldwrap_typedecourspersonnen5,
    .powermail_fieldwrap_typedecourspersonnen6,
    .powermail_fieldwrap_typedecourspersonnen7,
    .powermail_fieldwrap_typedecourspersonnen8,
    .powermail_fieldwrap_typedecourspersonnen9,
    .powermail_fieldwrap_typedecourspersonnen10 {
        clear: both;
        float: none;
        width: 100%;
    }

    .powermail_fieldwrap_typedecourspersonnen1 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen2 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen3 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen4 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen5 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen6 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen7 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen8 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen9 .col-sm-2,
    .powermail_fieldwrap_typedecourspersonnen10 .col-sm-2 {
        width: 100%;
    }

    .powermail_fieldwrap_typedecourspersonnen1 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen2 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen3 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen4 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen5 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen6 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen7 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen8 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen9 .col-sm-10,
    .powermail_fieldwrap_typedecourspersonnen10 .col-sm-10 {
        width: 100%;
    }

    .powermail_fieldwrap_typedecourspersonnen1.form-group,
    .powermail_fieldwrap_typedecourspersonnen2.form-group,
    .powermail_fieldwrap_typedecourspersonnen3.form-group,
    .powermail_fieldwrap_typedecourspersonnen4.form-group,
    .powermail_fieldwrap_typedecourspersonnen5.form-group,
    .powermail_fieldwrap_typedecourspersonnen6.form-group,
    .powermail_fieldwrap_typedecourspersonnen7.form-group,
    .powermail_fieldwrap_typedecourspersonnen8.form-group,
    .powermail_fieldwrap_typedecourspersonnen9.form-group,
    .powermail_fieldwrap_typedecourspersonnen10.form-group {
        margin-left: -20px;
    }

    .powermail_fieldwrap_disciplinepersonnen1,
    .powermail_fieldwrap_disciplinepersonnen2,
    .powermail_fieldwrap_disciplinepersonnen3,
    .powermail_fieldwrap_disciplinepersonnen4,
    .powermail_fieldwrap_disciplinepersonnen5,
    .powermail_fieldwrap_disciplinepersonnen6,
    .powermail_fieldwrap_disciplinepersonnen7,
    .powermail_fieldwrap_disciplinepersonnen8,
    .powermail_fieldwrap_disciplinepersonnen9,
    .powermail_fieldwrap_disciplinepersonnen10 {
        float: none;
        width: 100%;
    }

    .powermail_fieldwrap_disciplinepersonnen1 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen2 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen3 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen4 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen5 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen6 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen7 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen8 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen9 .col-sm-2,
    .powermail_fieldwrap_disciplinepersonnen10 .col-sm-2 {
        width: 100%;
    }

    .powermail_fieldwrap_disciplinepersonnen1 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen2 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen3 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen4 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen5 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen6 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen7 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen8 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen9 .col-sm-10,
    .powermail_fieldwrap_disciplinepersonnen10 .col-sm-10 {
        width: 100%;
    }

    .powermail_fieldwrap_niveaupersonnen1,
    .powermail_fieldwrap_niveaupersonnen2,
    .powermail_fieldwrap_niveaupersonnen3,
    .powermail_fieldwrap_niveaupersonnen4,
    .powermail_fieldwrap_niveaupersonnen5,
    .powermail_fieldwrap_niveaupersonnen6,
    .powermail_fieldwrap_niveaupersonnen7,
    .powermail_fieldwrap_niveaupersonnen8,
    .powermail_fieldwrap_niveaupersonnen9,
    .powermail_fieldwrap_niveaupersonnen10 {
        float: none;
        width: 100%;
    }

    .powermail_fieldwrap_niveaupersonnen1 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen2 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen3 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen4 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen5 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen6 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen7 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen8 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen9 .col-sm-2,
    .powermail_fieldwrap_niveaupersonnen10 .col-sm-2 {
        width: 100%;
    }

    .powermail_fieldwrap_niveaupersonnen1 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen2 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen3 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen4 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen5 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen6 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen7 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen8 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen9 .col-sm-10,
    .powermail_fieldwrap_niveaupersonnen10 .col-sm-10 {
        width: 100%;
    }

}

@media (max-width: 991px) {
    .navbar-top ul.language-menu {
        float: left;
        line-height: 70px;
        margin-left: 0;
    }
}

.col-sm-4 > div {
    float: left;
    width: 44%;
    margin-right: 1rem;
}

.col-sm-4 img {
    width: 100%;
    height: auto;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .carousel-inner > .item {
        height: 200px;
    }

    .backendlayout-pagets__special_start .image-center.image-above h2 {
        font-size: 1.8rem;
    }

    .col-sm-4 > div {
        float: left;
        width: 100%;
        margin-right: 1rem;
    }

    /* Styles spécifiques au menu des raccourcis de pied de page - DEBUT */
    .footer-menu {
        padding-left: 0;
        list-style: none;
        margin-left: -5px;
    }

    .footer-menu > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

    .footer-menu > li:first-child {
        padding-left: 0;
    }

    /* Styles spécifiques au menu des raccourcis de pied de page - FIN */
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .carousel-inner > .item {
        height: 200px;
    }

    .navbar-main {
        float: left;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .carousel-inner > .item {
        height: 200px;
    }
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.csc-form-element {
    clear: both;
}

form ol {
    padding-left: 5px;
}

form input,
form textarea {
    margin-left: 15px;
    display: block;
}

form textarea {
    width: 100%;
    box-sizing: border-box;
}

form ol li.csc-form-element {
    list-style: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 480px) {
    form ol .col-sm-3 {
        width: 45%;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    form label {
        float: left;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Styles spécifiques ESI BOOTSTRAP - FIN */