body {
    font-family: 'Familjen Grotesk', sans-serif;
    font-size: 13px
}

#home, #home_popup {
    background-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #FFCF60;
    scrollbar-3dlight-color: #FFCF60;
    scrollbar-arrow-color: #FFCF60;
    scrollbar-darkshadow-color: #ffffff;
    margin: 0px;
}

#home, #home_popup, input, td, select, textarea {
    font-size: 13px;
}

#home_popup {
}

#posi {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
}

#principal {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#accueil_elements {
    width: 990px;
    position: relative;
    top: 0px;
}

#retour_accueil {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 135px;
    height: 80px;
    background-image: url(../img/logo_sdem.gif);
    background-repeat: no-repeat;
    font-size: 0px;
    color: #ffffff;
}

#contenu {
    position: absolute;
    left: 5px;
    top: 160px;
    z-index: 0;
    width: 980px;
    text-align: left;
}

#contenu_liste_xml {
    position: relative;
    left: -135px;
    top: 0px;
    z-index: 0;
    width: 1255px;
    text-align: left;
}

#zone_message {
    position: absolute;
    left: 5px;
    top: -60px;
    z-index: 10;
    width: 980px;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}

#contenu_simple {
    position: relative;
    top: 45px;
    _top: 40px;
    z-index: 0;
    text-align: left;
    margin: 5px;
}

#contenu_rien {
    position: relative;
    top: 5px;
    _top: 0px;
    z-index: 0;
    text-align: left;
    margin: 1px;
}

#entete_popup {
    position: absolute;
    height: 45px;
    width: 98%;
    text-align: left;
    background-image: url(../img/logo_sdem_petit.gif);
    background-repeat: no-repeat;
    border-color: #003D6A;
    border-style: none none solid none;
    border-width: 1px;
}

#posi_print_popup {
    position: absolute;
    right: 30px;
    top: 5px;
}

.icone_print {
    width: 20px;
    height: 20px;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../img/icone_print.gif);
}

#posi_close_coord {
    position: absolute;
    right: 15px;
    top: 12px;
}

#posi_close_popup {
    position: absolute;
    right: 15px;
    top: 12px;
}

.icone_close {
    width: 12px;
    height: 11px;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../img/fermer.gif);
}

.icone_disconnect {
    width: 16px;
    height: 16px;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../img/icone_disconnect.gif);
}

.icone_admin {
    width: 15px;
    height: 16px;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../img/icone_admin.gif);
}

.icone_listing {
    width: 17px;
    height: 18px;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../img/listing.gif);
}

.icone_version {
    width: 17px;
    height: 18px;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../img/icone_notes_version.png);
    background-size: cover;
}


#SpecificER {
    position: absolute;
    top: 280px;
    left: 580px;
    width: 330px;
    height: 120px;
    z-index: 1;
    background-color: #FFEEC7;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    -webkit-box-shadow: #cccccc 4px 4px 10px;
    -moz-box-shadow: #cccccc 4px 4px 10px;
}

#SpecificBVE {
    position: absolute;
    top: 220px;
    left: 550px;
    width: 380px;
    height: 280px;
    z-index: 1;
    background-color: #FFEEC7;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    -webkit-box-shadow: #cccccc 4px 4px 10px;
    -moz-box-shadow: #cccccc 4px 4px 10px;
}

#coord_dem {
    position: absolute;
    top: 90px;
    left: 230px;
    width: 630px;
    height: 310px;
    z-index: 1;
    background-color: #FFEEC7;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    -webkit-box-shadow: #cccccc 4px 4px 10px;
    -moz-box-shadow: #cccccc 4px 4px 10px;
}

#coord_pour {
    position: absolute;
    top: 110px;
    left: 250px;
    width: 630px;
    height: 310px;
    z-index: 1;
    background-color: #eae7fb;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    -webkit-box-shadow: #cccccc 4px 4px 10px;
    -moz-box-shadow: #cccccc 4px 4px 10px;
}

#coord_fin {
    position: absolute;
    top: 130px;
    left: 270px;
    width: 630px;
    height: 310px;
    z-index: 1;
    background-color: #eae7fb;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    -webkit-box-shadow: #cccccc 4px 4px 10px;
    -moz-box-shadow: #cccccc 4px 4px 10px;
}

#new_coord_dem, #new_coord_pour, #new_coord_fin {
    background-color: #eae7fb;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    -webkit-box-shadow: #cccccc 4px 4px 10px;
    -moz-box-shadow: #cccccc 4px 4px 10px;
}

.select_demandeur {
    width: 300px;
}

.ret_1 {
    margin-left: 20px;
    text-align: left;
    color: #003D6A;
    font-weight: bold;
}

.ret_2 {
    margin-left: 40px;
    text-align: left;
    color: #003D6A;
}

.gras_italique {
    text-align: left;
    color: silver;
    font-weight: bold;
    font-style: italic;
}

.ret_1_gris {
    margin-left: 20px;
    text-align: left;
    color: silver;
    font-weight: bold;
    font-style: italic;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 11px;
}

.droite {
    text-align: right;
}

.ligne {
    border-color: #003D6A;
    border-style: solid none none none;
    border-width: 1px;
}

#logo_print, #titre_print, #titre_categorie, .categorie, .categorie0 {
    display: none;
}

#adresse {
    position: relative;
    left: 0px;
    width: 980px;
    height: 48px;
    background-color: #FFCF60;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#texte_adresse {
    position: relative;
    top: 10px;
    font-size: 0.8rem;
    display: block;
    text-align: center;
    font-style: normal;
    color: #003D6A;
}

#sdem {
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    background-color: #F8E473;
    color: #003D6A;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 1px;
    position: absolute;
    left: 0px;
    width: 140px;
    top: 85px;
    text-align: center;
}

.lien_accueil {
    color: #ffffff;
    text-decoration: none;
}

    .lien_accueil:hover {
        color: #000000;
        text-decoration: underline;
    }

#trait1 {
    border-color: #003D6A;
    border-style: solid none none none;
    border-width: 1px;
    position: absolute;
    top: 120px;
    left: 0px;
    _left: 5px;
    width: 980px;
    height: 1px;
}

#trait2 {
    border-color: #003D6A;
    border-style: solid none none none;
    border-width: 1px;
    position: absolute;
    top: 150px;
    left: 0px;
    _left: 5px;
    width: 980px;
    height: 1px;
}

.trait_v {
    background-repeat: repeat-y;
    background-position: center center;
    background-image: url(../img/trait.gif);
}

.trait_h {
    background-repeat: repeat-x;
    background-position: center center;
    background-image: url(../img/trait.gif);
}

input:not(.tailwind), select, textarea, iframe {
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    color: #003D6A;
    margin-bottom: 1px;
}

    input.checkbox {
        border-color: #ffffff;
        border-style: solid;
        border-width: 0px;
    }

td {
    vertical-align: top;
}

input.bouton {
    background-color: #F8E473;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    color: #003D6A;
    height: 22px;
    _height: 22px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

div.bouton {
    width: 100%;
    text-align: right;
}

.tableau_1 {
    background-color: #FFEEC7;
}

.tableau_2 {
    background-color: #f0cff6;
}

.tableau_3 {
    background-color: #eae7fb;
}

.lien {
    color: #028e00;
    text-decoration: none;
}

    .lien:hover {
        background-color: #F8E473;
        color: #003D6A;
    }

input.cal {
    border-style: none;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(../img/picto-cal.gif);
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input.recopie {
    border-style: none;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(../img/recopie.gif);
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input.today {
    border-style: none;
    vertical-align: middle;
    background: transparent url(../img/today.gif) no-repeat top;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

div.bouton {
}

.image {
    border-color: #928480;
    border-style: solid;
    border-width: 1px;
}
/*------------------------ Cartouche --------------------------------*/
#cartouche {
    position: absolute;
    top: 3px;
    left: 148px;
    width: 837px;
    height: 97px;
    /* border-color:#003D6A;border-style:solid;border-width:1px; */
}

#cartouche_commune {
    position: absolute;
    top: 21px;
    left: 5px;
    width: 620px;
    height: 20px;
    text-align: left;
    font-size: 1rem;
}

#cartouche_titre_g, #cartouche_titre_d, #cartouche_titre_m {
    font-size: 1.07rem;
    padding-right: 2px;
}

#cartouche_titre_g, #cartouche_titre_d {
    background-color: #F8E473;
}

#cartouche_titre_g {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 200px;
    height: 18px;
    text-align: left;
}

#cartouche_titre_d {
    position: absolute;
    top: 2px;
    left: 205px;
    width: 420px;
    height: 18px;
    text-align: right;
}

#cartouche_titre_m {
    position: absolute;
    top: 2px;
    left: 75px;
    width: 420px;
    height: 18px;
    text-align: center;
    color: #2e47a3;
}

#cartouche_identite {
    position: absolute;
    top: 5px;
    left: 620px;
    width: 153px;
    height: 20px;
    text-align: right;
}

#cartouche_disconnect {
    position: absolute;
    top: 5px;
    left: 772px;
    width: 18px;
    height: 20px;
    text-align: right;
}

#cartouche_admin {
    position: absolute;
    top: 5px;
    left: 790px;
    width: 17px;
    height: 20px;
    text-align: right;
}

#cartouche_print {
    position: absolute;
    top: 1px;
    left: 808px;
    width: 22px;
    height: 20px;
    text-align: center;
}

#cartouche_listing {
    position: absolute;
    top: 5px;
    left: 830px;
    width: 22px;
    height: 20px;
    text-align: center;
}

#cartouche_version {
    position: absolute;
    top: 5px;
    left: 852px;
    width: 17px;
    height: 20px;
    text-align: right;
}

#cartouche_XY {
    position: absolute;
    top: 82px;
    left: 420px;
    width: 200px;
    height: 15px;
    text-align: right;
    font-size: 0.85rem;
    color: blue;
    font-style: italic;
    z-index: -1;
}

#titre_page {
    font-color: #003D6A;
}

#cartouche_designation {
    position: absolute;
    top: 40px;
    left: 5px;
    width: 620px;
    height: 35px;
    background-color: #FFEEC7;
    text-align: left;
    padding: 1px;
    line-height: 16px;
}

#cartouche_designation_principale {
    position: absolute;
    top: 40px;
    left: 5px;
    width: 617px;
    height: 32px;
    background-color: #FFEEC7;
    border-color: #2e47a3;
    border-style: solid;
    border-width: 2px;
    text-align: left;
    padding: 1px;
    line-height: 16px;
}

#cartouche_adresse {
    position: absolute;
    top: 78px;
    left: 5px;
    width: 620px;
    height: 20px;
    border-color: #F8E473;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    color: #2e47a3;
    font-weight: bold;
}

#cartouche_code_operation {
    position: absolute;
    top: 24px;
    right: -1px;
    width: 150px;
    height: 18px;
    text-align: right;
    font-weight: bold;
}

#cartouche_type_dossier {
    position: absolute;
    top: 24px;
    right: 0px;
    width: 200px;
    height: 18px;
    text-align: left;
    font-weight: bold;
    color: #ff0000;
}

#cartouche_numero_dossier {
    position: absolute;
    top: 38px;
    right: 0px;
    width: 200px;
    height: 18px;
    text-align: right;
}

#cartouche_avancement {
    position: absolute;
    top: 41px;
    right: 79px;
    width: 120px;
    height: 16px;
}

#cartouche_actualisation {
    position: absolute;
    top: 41px;
    right: -1px;
    width: 90px;
    height: 16px;
    text-align: right;
    font-weight: bold;
    color: blue;
}

#cartouche_maitrise_ouvrage {
    position: absolute;
    top: 53px;
    right: -1px;
    width: 200px;
    height: 18px;
    text-align: right;
    font-weight: bold;
    font-size: 0.875rem;
    color: #028e00;
}

#cartouche_date_demande {
    position: absolute;
    top: 70px;
    right: -1px;
    width: 202px;
    height: 18px;
    text-align: left;
    font-weight: bold;
    font-size: 0.77rem;
    color: #028e00;
}

#cartouche_demandeur {
    position: absolute;
    top: 71px;
    right: 0px;
    width: 250px;
    height: 18px;
    text-align: right;
}

#cartouche_payeur {
    position: absolute;
    top: 88px;
    right: 0px;
    width: 250px;
    height: 18px;
    text-align: right;
    color: #028e00;
}

#cartouche_etat {
    position: absolute;
    top: 85px;
    right: 0px;
    width: 200px;
    height: 18px;
    text-align: left;
}

#cartouche_url_go {
    position: absolute;
    top: 88px;
    right: 0px;
    width: 92px;
    height: 16px;
    text-align: left;
}

#cartouche_nature_operation {
    position: absolute;
    top: 38px;
    right: -50px;
    width: 250px;
    height: 18px;
    text-align: left;
    color: #ff0000;
}

#menu {
    position: absolute;
    top: 121px;
    left: 0px;
    _left: 5px;
    width: 980px;
    height: 28px;
    background-color: #FFEEC7;
}

#bandeau {
    position: relative;
    left: 0px;
    top: 0px;
    width: 980px;
    font-size: 1rem;
}

#SM1, #SM2, #SM3, #SM4, #SM5, #SM6, #SM7 {
    position: absolute;
    top: 27px;
    _top: 27px;
    z-index: 10;
    height: auto;
    visibility: hidden;
    text-align: center;
    display: block;
    width: 140px;
    background-color: #FFEEC7;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: #003D6A 2px 2px 2px;
    -moz-box-shadow: #003D6A 2px 2px 2px;
}

#SM1 {
    left: -1px;
    _left: 0px;
}

#SM2 {
    left: 140px;
    _left: 139px;
    width: 141px;
    _width: 140px;
}

#SM3 {
    left: 282px;
    _left: 279px;
    width: 139px;
    _width: 140px;
}

#SM4 {
    left: 422px;
    _left: 419px;
    width: 139px;
    _width: 140px;
}

#SM5 {
    left: 562px;
    _left: 559px;
    width: 139px;
    _width: 140px;
}

#SM6 {
    left: 702px;
    _left: 699px;
    width: 139px;
    _width: 140px;
}

#SM7 {
    left: 842px;
    _left: 839px;
    width: 139px;
    _width: 140px;
}

#Bandeau1, #Bandeau2, #Bandeau3, #Bandeau4, #Bandeau5, #Bandeau6, #Bandeau7 {
    width: 140px;
    height: 27px;
    _height: 25px;
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 1px 1px 0px #cccccc;
    color: #003D6A;
    padding: 1px;
    margin: 0px;
    border-color: #003D6A;
    border-style: none solid none none;
    border-width: 1px;
}

#Bandeau1 {
    position: absolute;
    left: 0px;
    top: 0px;
}

#Bandeau2 {
    position: absolute;
    left: 140px;
    top: 0px;
}

#Bandeau3 {
    position: absolute;
    left: 280px;
    top: 0px;
}

#Bandeau4 {
    position: absolute;
    left: 420px;
    top: 0px;
}

#Bandeau5 {
    position: absolute;
    left: 560px;
    top: 0px;
}

#Bandeau6 {
    position: absolute;
    left: 700px;
    top: 0px;
}

#Bandeau7 {
    position: absolute;
    left: 837px;
    _left: 840px;
    top: 0px;
}

#Bandeau1_on, #Bandeau2_on, #Bandeau3_on, #Bandeau4_on, #Bandeau5_on, #Bandeau6_on, #Bandeau7_on {
    width: 140px;
    height: 28px;
    _height: 25px;
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 1px 1px 0px #cccccc;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    background-color: #ffdd8f;
    color: #003D6A;
    padding-bottom: 1px;
}

#Bandeau1_on {
    position: absolute;
    left: -1px;
    top: -14px;
    _top: -1px;
}

#Bandeau2_on {
    position: absolute;
    left: 140px;
    _left: 139px;
    top: -14px;
    _top: -1px;
    width: 141px;
    _width: 140px;
}

#Bandeau3_on {
    position: absolute;
    left: 282px;
    _left: 279px;
    top: -14px;
    _top: -1px;
    width: 139px;
    _width: 140px;
}

#Bandeau4_on {
    position: absolute;
    left: 422px;
    _left: 419px;
    top: -14px;
    _top: -1px;
    width: 139px;
    _width: 140px;
}

#Bandeau5_on {
    position: absolute;
    left: 562px;
    _left: 559px;
    top: -14px;
    _top: -1px;
    width: 139px;
    _width: 140px;
}

#Bandeau6_on {
    position: absolute;
    left: 702px;
    _left: 699px;
    top: -14px;
    _top: -1px;
    width: 139px;
    _width: 140px;
}

#Bandeau7_on {
    position: absolute;
    left: 842px;
    _left: 839px;
    top: -14px;
    _top: -1px;
    width: 139px;
    _width: 140px;
}

#Bandeau1 {
    border-color: #003D6A;
    border-style: none solid none solid;
    border-width: 1px;
}

.hbandeau, .hbandeau:hover {
    text-decoration: none;
    color: #003D6A;
    display: block;
    height: 28px;
    line-height: 14px;
}

.abandeau {
    position: relative;
    top: -0px;
}

a.menu {
    text-decoration: none;
    color: #003D6A;
}

    a.menu:hover {
        text-decoration: none;
        background-color: #003D6A;
        color: #F8E473;
        /* width:138px;  */
    }

.orange {
    color: #F8E473;
}

.gris {
    color: #545077;
}

.grispale {
    color: #D0C0B0;
}

.vert {
    color: #028e00;
}

.souligne {
    text-decoration: underline;
}

.violet {
    color: #003D6A;
}

.alerte {
    color: red;
}

.ecran_BCE {
    background-color: #ebe8fb;
}

.ecran_BCT {
    background-color: #fbf5e8;
}

.ecran_BC {
    background-color: #fbf5e8;
}

.art49 {
    background-color: #feff0f;
    padding-left: 2px;
    padding-right: 2px;
}

.art50 {
    background-color: #10eafe;
    padding-left: 2px;
    padding-right: 2px;
}

.important {
    border-color: #e54400;
    border-style: solid;
    border-width: 2px;
}

input.resultat, input.resultati, input.resultatrouge, input.orga {
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    background-color: #eeeeee;
    text-align: right;
}

input.resultat {
    font-weight: bold;
    color: black;
}

input.resultati {
    font-style: italic;
    color: black;
}

input.resultatrouge {
    font-weight: bold;
    color: red;
}

input.orga {
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    background-color: #ffffff;
    text-align: left;
}

.rouge {
    color: red;
}

/* RLI - 14/01/2019 - On force le gris si une liste déroulante ou un champ est "disabled" (Edge et Firefox OK par défaut, mais pas Chrome...) */
select:disabled {
    background-color: rgb(235, 235, 228);
    color: rgb(84,84,84);
}

input:disabled {
    background-color: rgb(235, 235, 228);
    color: rgb(84,84,84);
}

/*------------------------ Bandeau Participations --------------------------------*/

#bandeau_part {
    position: relative;
    left: 0px;
    top: 0px;
    width: 980px;
    font-size: 1rem;
}

#CaseParticipation1, #CaseParticipation2, #CaseParticipation3 {
    width: 18px;
    height: 17px;
    _height: 20px;
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #FFCF60;
    padding: 1px;
    margin: 0px;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
}

.lien_part:hover {
    background-color: #003D6A;
}

#CaseParticipation1 {
    position: absolute;
    left: 271px;
    top: 4px;
}

#CaseParticipation2 {
    position: absolute;
    left: 552px;
    top: 4px;
}

#CaseParticipation3 {
    position: absolute;
    left: 832px;
    top: 4px;
}

/* GGU - 11/01/2021 - Mise en place du CSS (menu + onglet) pour l'intégration de la réponse AU/CU dans l'accusé de réception d'une opération */
div.items div:not(:target) {
    display: none;
}

div.items div:target {
    display: block;
}

.menuARModification {
    margin: 0px 0px 5px -5px;
    background-color: #FFEEC7;
}

#BandeauAR1, #BandeauAR2 {
    width: 140px;
    height: 27px;
    _height: 25px;
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 1px 1px 0px #cccccc;
    color: #003D6A;
    padding: 2px;
    margin: 0px;
    border-color: #003D6A;
    border-style: solid;
    border-width: 1px;
}

#BandeauAR2 {
    position: absolute;
    left: 140px;
    top: 0;
}

.boutonARAlign {
    float: right;
}

/*#region Formulaire Création Opération*/
form[name="identite"] .form-row {
    margin-bottom: 1rem;
    width: 100%
}

form[name="identite"] .col {
    display: inline-block;
    padding-right: 15px;
    width: 30%;
}

form[name="identite"] .col-sd {
    display: inline-block;
    padding-right: 15px;
    width: 23%;
}

form[name="identite"] .col select, form[name="identite"] .col input[type=text], form[name="identite"] .col-sd input[type=text] {
    width: 100%;
}
/*#endregion*/

/*#region Formulaire Générique*/
.form-row {
    margin-bottom: 1rem;
    width: 100%
}

.col {
    display: inline-block;
    padding-right: 15px;
}

.col select, .col input[type=text], col-sd input[type=text] {
    width: 100%;
}
/*#endregion*/

/* Mise en place du CSS pour le tooltip des mots clés du cartouche */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 100%;
        background-color: #ffffff;
        text-align: center;
        padding: 5px 0;
        position: absolute;
        z-index: 1000;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.tooltip-bottom {
    top: 135%;
    left: 0%;
}


    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #F8E473;
    }

/* NOTE DE VERSION */
.p_version {
    border: none;
    color: white;
    padding: 1px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    width: 100px;
}

.p_version_green {
    background-color: #229954;
}

.p_version_blue {
    background-color: #5DADE2;
}

.p_version_red {
    background-color: #A93226;
}

.p_version_yellow {
    background-color: #F4D03F;
}

.titre_version {
    font-size: 1.15em;
}

.tachekb {
    color: grey;
}

.note_version_text {
    text-align: left;
    margin-left: 5%;
}