/*-------------- Typography ----------- */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,600,400italic,600italic");

body {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

/* ------------------------------ */
/* <-- Style pour les erreurs --> */
/* ------------------------------ */
.TitleException {
    color: Red;
    font-weight: bold;
    font-size: 0.9em;
    font-variant: small-caps;
}

.TextException {
    color: Black;
    font-weight: normal;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 0.9em;
}

.StackTraceException {
    color: Black;
    font-weight: normal;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 0.9em;
    background-color: #ccccff;
}

/* -------------------------------------------- */
/* <-- Style pour les titres et sous titres --> */
/* -------------------------------------------- */
.TitleMain {
    font-size: medium;
    color: #93082b;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-weight: bold;
    letter-spacing: 0.8px;
    font-variant: small-caps;
}

.TitleMainPanel {
    font-size: small;
    color: #ffffff;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-weight: bold;
    letter-spacing: 0.8px;
    font-variant: small-caps;
}

.TitleSubPanel {
    font-size: 0.9em;
    color: #EAB489;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-variant: small-caps;
}

.SubTitleLevel_01 {
    font-size: 1em;
    color: #B22222;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-weight: bold;
}

.SubTitleLevel_02 {
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-weight: bold;
}


/* --------------------------------------------- */
/* <-- Style pour les textes et commentaires --> */
/* --------------------------------------------- */
.TextDefault {
    font-size: 1em;
    text-align: left;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultUpper {
    font-size: 1em;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultXx {
    font-size: 1em;
    text-align: left;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultLeftMargin {
    font-size: 1em;
    text-align: left;
    margin-left: 25px;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultCenter {
    text-align: center;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultJustify {
    text-align: justify;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultItalic {
    text-align: left;
    font-size: 1em;
    color: #000000;
    font-style: italic;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultUnderline {
    text-align: left;
    font-size: 1em;
    text-decoration: underline;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultImportantItalic {
    text-align: left;
    font-size: 1em;
    color: #000000;
    font-style: italic;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextButton {
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextUpload {
    font-size: 1em;
    text-align: left;
    color: #000000;
    width: 300px;
    height: 20px;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultBordeau {
    font-size: 1em;
    color: #93082B;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextComment {
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-style: italic;
}

.TextCommentVert {
    font-size: 1em;
    color: Green;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-style: italic;
}

.TextCommentRed {
    font-size: 1em;
    color: #A62B43;
    font-style: italic;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportantVert {
    font-size: 1em;
    color: green;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportantBleu {
    font-size: 1em;
    color: Blue;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportantRed {
    font-size: 1em;
    color: #B22222;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportantBordeau {
    font-size: 1em;
    color: #A62B43;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportant {
    font-size: 1em;
    color: #000000;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportantBlanc {
    font-size: 1em;
    color: #ffffff;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportantSmall {
    font-size: small;
    color: #660000;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextImportantSmallBlack {
    font-size: small;
    color: #000000;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableDefault {
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #DFDFDF;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.HeaderListView {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #DFDFDF;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextListView {
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    font-size: 1em;
    font-variant: normal;
    color: #000000;
    width: 300px;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.SeparatorListView {
    height: 1px;
    color: #000000;
}

.TextHeaderTableJauneClair {
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #FFFFE0;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableCenter {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #DFDFDF;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableCenterOrange {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #FDA44A;
    color: #FFFFFF;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableCenterOrangeBorderWhite {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #FDA44A;
    color: #FFFFFF;
    border: solid 1px white;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableCenterOrangeClair {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #FFE0C0;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableOrangeClair {
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #FFE0C0;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableCenterJauneClair {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #FFFFE0;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextHeaderTableCenterBordeau {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-variant: small-caps;
    background-color: #A62B43;
    color: #FFFFFF;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextSubHeaderTableDefault {
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextSubHeaderTableCenter {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextSubHeaderTableCenterBorderOrangeClair {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1em;
    color: #000000;
    border: solid 1px #FFE0C0;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextTableDefault {
    text-align: left;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextTableDefaultBorderOrangeClair {
    text-align: left;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    border: solid 1px #FFE0C0;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextTableDefaultBorderOrange {
    text-align: left;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    border: solid 1px #FDA44A;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}


.TextTableRight {
    text-align: Right;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextTableItalic {
    text-align: left;
    font-style: italic;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextTableCenter {
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextTableCenterBorderOrangeClair {
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    border: solid 1px #FFE0C0;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextTableCenterBorderOrange {
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    color: #000000;
    border: solid 1px #FDA44A;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.LigneVerticale {
    font-size: 1em;
    text-align: left;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    border-left: 1px solid black;
    padding-left: 5px;
    margin-left: 50px;
}

.TextExplicatif {
    text-align: left;
    color: #4a4a4a;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1em !important;
}

/* ---------------------------- */
/* <-- Style pour les menus --> */
/* ---------------------------- */
a.MenuSelectedItem {
    color: Black;
    font-weight: bold;
    font-size: 0.9em;
    cursor: default;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

a.MenuEnabledItem {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    cursor: pointer;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

a.MenuEnabledItemSmall {
    color: #fff;
    font-weight: normal;
    font-size: 1em;
    cursor: pointer;
    text-decoration: none;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

    a.MenuEnabledItemSmall:hover {
        text-decoration: underline;
    }

td.MenuDisabledItemSmall {
    color: #505050;
    font-weight: normal;
    font-size: 1em;
    cursor: default;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

td.MenuDisabledItem {
    color: #505050;
    font-size: 1em;
    font-weight: normal;
    cursor: default;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

td.MenuSimpleLink {
    color: #A62B43;
    font-size: 1em;
    font-weight: bold;
    cursor: default;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

/* ---------------- */
/* Class Navigation */
/* ---------------- */
a.SimedButton {
    background-color: White;
    cursor: hand;
}

    a.SimedButton:hover {
        background-color: #dddddd;
    }

table.SimedButton {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
}

/* ---------------------------- */
/* <-- Style pour les liens --> */
/* ---------------------------- */
a.Link {
    color: Blue;
    font-weight: bold;
    font-size: 1em;
    text-decoration: underline;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

    a.Link:visited {
        color: BlueViolet;
    }

    a.Link:hover {
        color: DarkBlue;
    }

/* ----------------------------------- */
/* <-- Style pour les simed panels --> */
/* ----------------------------------- */
tr.WinHeader {
    font-size: 1em; /* Il faudra jouter cette property plutot au simed panel */
    background-color: #81bcb0;
    color: White;
    font-weight: bold;
    cursor: default;
    font-variant: small-caps;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

    tr.WinHeader:hover {
        text-decoration: underline;
    }

td.WinIcone {
    width: 48px;
}

td.WinControlBox {
    border-left: solid 2px #9ed7ba;
    border-top: solid 1px #9ed7ba;
    border-right: solid 2px #68c093;
    border-bottom: solid 1px #68c093;
    width: 9px;
}

    td.WinControlBox:hover {
        border-bottom: solid 1px #9ed7ba;
        border-right: solid 2px #9ed7ba;
        border-left: solid 2px #68c093;
        border-top: solid 1px #68c093;
        cursor: pointer;
    }

.WinBorders {
    border-bottom: solid 2px #999999;
    border-right: solid 2px #999999;
    border-left: solid 2px #EEEEEE;
    border-top: solid 2px #EEEEEE;
    table-layout: fixed;
    margin: 9px 0;
}

td.WinContents {
    border-bottom: solid 2px #EEEEEE;
    border-right: solid 2px #EEEEEE;
    border-left: solid 2px #999999;
    border-top: solid 2px #999999;
}



/* ---------------------------- */
/* <-- Style pour les codes barres --> */
/* ---------------------------- */
.CodeBarre {
    font-size: x-large;
    text-align: left;
    color: #000000;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}


/* ----------------------------------- */
/* <-- Style et Optimisation Kedge --> */
/* ----------------------------------- */
/* couleur menu et texte Kedge*/
a.MenuEnabledItem, a.MenuEnabledItemSmall, td.MenuSimpleLink {
    color: #fff;
}

a.MenuSelectedItem {
    color: #d1e7e2;
}

td.MenuDisabledItem {
    color: #abc;
}

.flLeft {
    float: left;
}

.flRight {
    float: right;
}

#divPrincipal {
    min-width: 800px; /*900px;*/
}

#divHeadLogo {
    background-color: #81bcb0;
    height: 89px;
}

#divHeadBannerLocal {
    position: absolute;
    top: 60px;
    left: 0px;
}

#divHeadBanner {
    height: 30px; /*background-image : URL('../images/bg-bar_rouge.gif');*/ /*background-image : URL('../images/bg-bar_bleu.gif');*/
    background-color: #fff;
}

    #divHeadBanner span {
        /*color:#fff;*/
        color: #1E526D;
    }

#divCorps {
    padding: 0px 10px;
}

#divFooter {
    height: 72px;
    background-color: #fff;
    border: 1px solid #bbb;
    text-align: center;
    margin-top: 30px;
}


#divMenu {
    vertical-align: top;
}

#divMenuConteneur {
    background-color: #81BCB0;
    min-width: 200px;
    margin: 0 6px;
    padding: 0px;
    border-radius: 20px; /* All recent browsers http://caniuse.com/border-radius and IE6-8 using IE-CSS3 */
    box-shadow: -5px 5px 6px #888; /* All recent http://caniuse.com/border-radius and IE6-8 using IE-CSS3 */ /*Pour ajouter la gestion du CSS3 sur IE 6-8 : */
    position: relative; /*necessaire pour PIE*/
    behavior: url(ressources/PIE.htc); /* PIE IE-CSS3 lets IE (6-7-8) know how to call the script on all elements which get the 'box' class */ /*chemin vers le fichier PIE.htc d�fini par rapport au fichier HTML qui l'apelle Default.aspx*/
}

#menuCorpsPanel {
    min-width: 200px;
    padding: 36px 10px 42px;
}

/* MANTIS # : Mise � jour de l'esth�tique du site */
@font-face {
    font-family: "DINPro_Light";
    src: url(../ressources/fonts/DIN-Next-W01-light.woff2) format("woff2"), url(../ressources/fonts/DIN-Next-W01-light.woff) format("woff"), url(../ressources/fonts/DIN-Next-W01-light.ttf) format("truetype"), url(../ressources/fonts/DIN-Next-W01-light.eot#?#iefix) format("eot"), url(../ressources/fonts/DIN-Next-W01-light.svg#?#DIN-Next-W01-light) format("svg");
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: "DINPro_Regular";
    src: url(../ressources/fonts/DIN-Next-W01-medium.woff2) format("woff2"), url(../ressources/fonts/DIN-Next-W01-medium.woff) format("woff"), url(../ressources/fonts/DIN-Next-W01-medium.ttf) format("truetype"), url(../ressources/fonts/DIN-Next-W01-medium.eot#?#iefix) format("eot"), url(../ressources/fonts/DIN-Next-W01-medium.svg#?#DIN-Next-W01-medium) format("svg");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "DINPro_Medium";
    src: url(../ressources/fonts/DIN-Next-W01-regular.woff2) format("woff2"), url(../ressources/fonts/DIN-Next-W01-regular.woff) format("woff"), url(../ressources/fonts/DIN-Next-W01-regular.ttf) format("truetype"), url(../ressources/fonts/DIN-Next-W01-regular.eot#?#iefix) format("eot"), url(../ressources/fonts/DIN-Next-W01-regular.svg#?#DIN-Next-W01-regular) format("svg");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "DINPro_Bold";
    src: url(../ressources/fonts/DIN-Next-W01-bold.woff2) format("woff2"), url(../ressources/fonts/DIN-Next-W01-bold.woff) format("woff"), url(../ressources/fonts/DIN-Next-W01-bold.ttf) format("truetype"), url(../ressources/fonts/DIN-Next-W01-bold.eot#?#iefix) format("eot"), url(../ressources/fonts/DIN-Next-W01-bold.svg#?#DIN-Next-W01-bold) format("svg");
    font-style: normal;
    font-weight: 700;
}

body {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    background-image: url("../ressources/images/bg-menu.jpg");
    background-repeat: no-repeat;
    background-position: 2px 0px;
    background-color: #363636 !important;
}

h1 {
    margin: 0px;
    display: block;
    float: left;
    width: 100%;
}

#divHeadTop {
    background-color: #FFF;
    display: block;
    width: 100%;
    float: left;
}

#divHeadTop .Title {
    float: left;
    display: block;
    margin-top: 10px;
    font-size: 1.6em;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#divHeadTop .Title.Yellow {
    color: #e0981d;
    margin-right: 30px;
}

#divHeadLogo {
    background-image: url("../ressources/images/bg-menu.jpg");
    background-repeat: no-repeat;
    background-color: #363636 !important;
    background-position: 2px 0px;
    float: left;
    display: block;
    padding: 20px 5px 20px 8px;
}

.LogoKedge {
    float: left;
    width: 230px;
}

#divHeadBanner {
    height: auto;
    float: left;
    padding: 10px 0px 7px 0px;
    width: 100%;
}

#divHeadBanner span {
    color: #4c4c4c;
    margin-left: 15px;
}

.TitleMainPanel {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1.3em;
    letter-spacing: 2px;
}

.TextImportant,
.TextImportantBordeau {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1em;
    color: #4c4c4c;
}

#engineHeadBannerLocal {
    font-size: 1em;
    text-align: justify;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

#divMenuConteneur {
    background-color: transparent;
    color: #FFF;
    border-radius: 0px;
    margin: -8px 0 0 -5px;
    padding: 0;
    box-shadow: none;
}

a.MenuSelectedItem, a.MenuEnabledItem {
    color: #e0981d;
    font-size: 1em;
    line-height: 1.1em;
    text-decoration: none;
    display: block;
    margin: 20px 0px 10px 0px;
    cursor: pointer;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

#divLisere {
    clear: both;
}

#menuCorpsPanel {
    min-width: 226px;
    padding: 15px 10px 15px;
}


.MenuEnabledItem:hover,
.MenuSelectedItem:hover {
    color: #be8118;
}

#MainPanel {
    margin: -3px -3px 0 -5px;
    background-color: #FFF;
    border-bottom: 3px dashed #e0981d;
    padding: 10px 80px;
    display: block;
}

.WinBorders, td.WinControlBox, tr.WinHeader, td.WinContents, .WinBorders:hover, td.WinControlBox:hover, tr.WinHeader:hover {
    border: none;
}

tr.WinHeader {
    font-size: 1.1em;
    background-color: #e0981d;
    color: White;
    cursor: pointer;
    font-variant: small-caps;
    padding: 15px 7px;
    height: 35px;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

    tr.WinHeader:hover {
        text-decoration: none;
    }

td.WinControlBox {
    width: 20px;
    text-align: center;
}

.TextHeaderTableCenter {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    height: 30px;
}

td.WinContents {
    border: 1px solid #d1d1d1;
    padding: 15px;
}

    td.WinContents table {
        width: 100%;
    }

hr {
    border: 2px dotted #d1d1d1;
    margin: 35px 25px;
}

.TextDefault, .TextDefaultBordeau {
    color: #4a4a4a;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1em !important;
}

a.Link, a.Link span {
    font-size: 1em !important;
    color: #e0981d;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.TextDefaultBordeau {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

#tblTitreEvenement td {
    border: none;
}

#tblTitreEvenement {
    border: 1px solid #d1d1d1;
    padding: 7px;
}

select, input[type="text"], input[type="password"] {
    color: #4a4a4a;
    border: 1px solid #d0d0d0;
    padding: 3px;
}

input[type="submit"] {
    background-color: #e0981d;
    border: none;
    padding: 10px 30px;
    padding-right: 30px;
    border-radius: 0;
    text-transform: uppercase;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-weight: bold;
    font-size: 1em !important;
    color: #FFF;
    cursor: pointer;
}

    input[type="submit"]:disabled {
        background-color: #e4e4e4;
        font-style: italic;
    }

    input[type="submit"]:hover {
        background-color: #be8118;
    }


#divFooter {
    margin: 0px -3px -20px -5px;
    background-color: #e0981d;
    display: block;
    border: none;
    height: auto;
    padding: 40px 15px;
}

    #divFooter img {
        width: 50%;
        max-width: 400px;
        border-left: 3px solid #e0981d;
    }

.CautionnaireDetails {
    font-size: 1em;
}


/* ----------------------------------- */
/* <-- Refont graphique 2020 --> */
/* ----------------------------------- */
/*#region Font face*/
@font-face {
    /* font-family: 'Codec-Cold';*/
    /* src: url( '../fonts/Codec-Cold-Regular-OTF.otf' ) format( 'opentype' ); */
    /* Changement Typographie on passe de "Codec-cold" à "Noto Sans". */
    font-family: 'Noto Sans';
    src: url('/ressources/fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    /* font-family: 'Codec-Cold'; */
    /* src: url( '../fonts/Codec-Cold-Bold-OTF.otf' ) format( 'opentype' );*/
    /* Changement Typographie on passe de "Codec-cold" à "Noto Sans". */
    font-family: 'Noto Sans';
    src: url('/ressources/fonts/NotoSans-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    /* font-family: 'Codec-Cold'; */
    /* src: url( '../fonts/Codec-Cold-ExtraBold-OTF.otf' ) format( 'opentype' ); */
    /* Changement Typographie on passe de "Codec-cold" à "Noto Sans". */
    font-family: 'Noto Sans';
    src: url('/ressources/fonts/NotoSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}
/*#endregion Font face*/


/* Variables*/
:root {
    --colorKedgeRouge: #B71B54;
    --font-family-codec: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}


/* Layout*/
*, *:after, * before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: #fff !important;
    background-image: none;
}

#divPrincipal {
    max-width: 1280px;
    margin: auto;
    min-width: unset;
    height: 100%;
    min-height: 100vh; /* 1 */
    display: flex; /* 2 */
    flex-direction: column;
    /* display: grid; */
    grid-template-columns: 240px 1fr;
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "aside header" "aside h1" "aside titre" "aside main";
}

    #divPrincipal > aside {
        grid-area: aside;
        background-image: url(../ressources/images/bg-menu.jpg);
        background-color: #363636;
        background-position-x: 75%;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 1rem;
    }

        #divPrincipal > aside a {
            color: #ffffff;
        }

            #divPrincipal > aside a:hover {
                text-decoration: underline;
            }

        #divPrincipal > aside > footer {
            padding: 1rem;
            margin-top: auto;
        }

            #divPrincipal > aside > footer img {
                width: 100%;
            }

    #divPrincipal > header {
        grid-area: header;
        padding: 10px;
        font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
        color: #4a4a4a;
    }

    #divPrincipal > h1 {
        grid-area: h1;
        padding: 1rem;
        margin: 0;
        font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
        font-size: 1rem;
        color: #B71B54;
    }

    #divPrincipal > .k-panel-titre {
        grid-area: titre;
        /* padding: 1rem; */
        margin: 0;
        font-size: 2.25rem;
    }

    #divPrincipal > header > div {
        display: flex;
        padding: 1rem 1.5rem;
        justify-content: space-between;
        align-items: center;
        background-color: #333539;
        color: white;
        border-bottom: 1px solid #CFD3D6;
        border-radius: 8px;
        height: 65px;
    }

    #divPrincipal > main {
        grid-area: main;
        padding: 1rem;
    }


/* Class generique*/
.header-rouge {
    background-color: #B71B54;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    display: flex;
    padding: 0.6em 1em;
    color: #ffffff;
    font-variant: small-caps;
    font-weight: bold;
}

.LogoKedge {
    width: 160px;
}

.k-titre {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-weight: bold;
}

    .k-titre:before {
        content: '';
        display: inline-block;
        height: 4px;
        width: 32px;
        background-color: #B71B54;
        vertical-align: middle;
        margin-right: 14px;
    }

.svg-left {
    display: flex;
    align-items: center;
}

    .svg-left > svg {
        margin-right: 5px;
    }

.hide {
    display: none !important;
}

.height-100 {
    height: 100% !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.ml-1 {
    margin-left: 1rem !important;
}

.mr-1 {
    margin-right: 1rem !important;
}

.my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.flex-h {
    display: flex;
    align-items: center;
}

.flex-v {
    display: flex;
    flex-direction: column;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.justify-space-between {
    justify-content: space-between;
}

.py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.pt-1 {
    padding-top: 1rem !important;
}

.max-w-80 {
    max-width: 80%;
}

.grid-col-2 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 1em;
    row-gap: 0.3em;
}

.grid-col-start-2 {
    grid-column-start: 2;
}

.grid-span-col-2 {
    grid-column-start: 1;
    grid-column-end: 3;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.grid-border {
    padding: 16px;
    border: 1px solid #d1d1d1;
    margin: 1em 0;
}

    .grid-border .header-rouge {
        margin: 0 -17px;
    }

        .grid-border .header-rouge:not(:first-child):not(:last-child) {
            margin-top: 1em;
            margin-bottom: 1em;
        }

        .grid-border .header-rouge:first-child {
            margin-bottom: 1em;
            margin-top: -17px;
        }

        .grid-border .header-rouge:last-child {
            margin-top: 1em;
        }

.h4 {
    font-weight: 800;
    margin: 1.5rem 0;
    font-size: 1.2em;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    display: block;
}

.table {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 8px;
        border-top: 1px solid #ddd;
        vertical-align: middle !important;
        font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
        font-size: 12px;
        text-align: left;
    }

    .table td {
        height: 4em;
    }

    .table > caption,
    .caption {
        font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        background-color: #DFDFDF;
        color: #727783;
        padding: 8px;
    }

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.TextHeaderTableDefault {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background-color: #DFDFDF;
    color: #000000;
}

    .TextHeaderTableDefault,
    .TextHeaderTableDefault a,
    .TextDefault a {
        color: #727783;
    }

.TextHeaderTableDark {
    background-color: #333539;
    color: #ffffff;
}

/*Menu mobil (hamburger)*/
#menu-mobil {
    background-color: #333539;
    color: white;
    grid-area: menuMobil;
    display: none;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 1rem;
}

    #menu-mobil > .menu-mobil-items {
        position: absolute;
        top: 100%;
        left: 0;
        display: flex;
        width: 100%;
        flex-direction: column;
        padding: 1rem 0;
        background-color: #333539;
        color: #ffffff;
        border-top: 1px solid #CFD3D6;
        border-bottom: 1px solid #CFD3D6;
        z-index: 100;
    }

        #menu-mobil > .menu-mobil-items br {
            display: none;
        }

        #menu-mobil > .menu-mobil-items .item {
            margin: 0;
            display: flex;
            color: #ffffff;
            padding: 0.5rem 1rem;
        }

    #menu-mobil .MenuSelectedItem.item {
        background-color: #d82064;
    }

    #menu-mobil > .menu-mobil-items a:hover {
        background-color: #B71B54;
        text-decoration: none;
    }


/* Style*/
a,
a.Link,
a.Link:visited {
    color: #B71B54;
    text-decoration: none;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

    a:hover,
    a.Link:hover,
    a.Link:visited {
        color: #B71B54;
        text-decoration: underline;
    }

    a.MenuSelectedItem,
    a.MenuEnabledItem {
        margin: 0;
    }

    a.MenuSelectedItem {
        font-weight: 800;
    }

    a.Link span {
        color: inherit;
    }

label {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    color: #4a4a4a;
    font-size: 1em !important;
}

form#FormPrincipal {
    margin: 0;
    height: 100%;
}

#MainPanel {
    margin: 0;
    border-bottom: none;
    height: 100%;
}

.TextHeaderTableCenter {
    font-size: 75% !important;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.WinBorders {
    margin-bottom: 3rem;
}

tr.WinHeader {
    background-color: #B71B54;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

#MenuPanel {
    margin-top: 0rem;
}

    #MenuPanel td {
        margin: 0;
        vertical-align: text-bottom;
    }

        #MenuPanel td a {
            margin-bottom: 0px;
            color: white;
            opacity: .8;
        }

input[type="submit"],
.btn {
    background-color: #FFD453 !important;
    color: #333333 !important;
    border: solid 2px #FFD453 !important;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1em;
    text-wrap: wrap;
}
    input[type="submit"]:focus,
    .btn:focus {
        border: solid 2px #9AD7FF !important;
    }

    input[type="submit"]:hover,
    .btn:hover {
        background-color: white !important;
    }

    input[type="submit"]:disabled,
    input[type="submit"]:disabled:hover,
    .btn:disabled,
    .btn:disabled:hover {
        background-color: #B71B54;
        border: 2px solid #B71B54;
        color: #ffffff;
        cursor: not-allowed;
        opacity: 0.5;
        font-style: normal;
    }

    input[type="submit"].btn-border {
        background-color: #ffffff;
        color: #B71B54;
        border: 2px solid #B71B54;
        padding: 0.6em 1em 0.5em 1em;
        border-radius: 0;
    }

        input[type="submit"].btn-border:hover {
            background-color: #B71B54;
            color: #ffffff;
            border-radius: 0;
        }

        input[type="submit"].btn-border:disabled,
        input[type="submit"].btn-border:disabled:hover {
            background-color: #ffffff;
            color: #B71B54;
            border: 2px solid #B71B54;
            border-radius: 0;
        }

.login-forms {
    padding: 1rem;
    max-width: 400px;
    width: 100%;
}

    .login-forms label {
        justify-self: end;
    }

/*style custom-input-file */
.k-custom-file-container {
    display: flex;
    min-width: 50px;
}

    .k-custom-file-container:hover .k-file-image {
        color: #B71B54;
    }

.k-file-image {
    cursor: cell;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.k-file-label {
    margin-left: 5px;
}

.k-icone-fermer {
    cursor: pointer;
    color: #B71B54;
    margin-left: 5px;
}

.k-file-names-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.k-file-disabled {
    opacity: 0.5;
}

    .k-file-disabled .k-icone-fermer,
    .k-file-disabled .k-file-image {
        cursor: not-allowed;
    }


/*Modal Incompatible IE*/
.modal {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-container {
    max-height: 80vw;
    max-width: 80vw;
    min-height: 50px;
    min-width: 100px;
    background-color: #fff;
    padding: 1rem;
}

    .modal-container footer {
        display: flex;
        justify-content: flex-end;
    }

.filArianeCtn {
    padding: 0 1rem;
    background-color: #F8F9F9;
    display: flex;
    justify-items: center;
}

    .filArianeCtn a {
        padding: 16px;
        position: relative;
        display: flex;
        align-items: center;
        color: black;
    }

        .filArianeCtn a > svg {
            width: 2em;
            height: 2em;
            margin-right: 1em;
            color: #FFD453;
        }

        .filArianeCtn a:hover, .filArianeCtn a[selected] {
            color: #333539 !important;
            text-decoration: underline;
        }
        /*.filArianeCtn a:hover > svg {
            color: #B71B54 !important;
            text-decoration: none;
        }*/
        .filArianeCtn a:not(:last-of-type):after {
            content: "";
            height: 30px;
            width: 1px;
            background-color: #CFD3D6;
            opacity: 0.5;
            box-sizing: border-box;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -15px;
        }
/*
.filArianeCtn a:not(:last-of-type)
{
	border-right:1px solid #CFD3D6;
}
*/
.stepStatut > svg {
    height: 30px;
    width: 30px;
    margin-right: 1em;
}

.sizeSvg-2 svg {
    height: 2em;
    width: 2em;
}

.filArianeDossier {
    padding: 0 1rem;
    background-color: #F8F9F9;
    display: flex;
    justify-items: center;
    justify-content: space-between;
}

.filArianeDossier a {
        padding: 16px;
        position: relative;
        display: flex;
        align-items: center;
        pointer-events: none;
    }

.filArianeDossier a > svg {
            width: 2em;
            height: 2em;
            margin-right: 1em;
        }

.stepStatut > svg {
    height: 30px;
    width: 30px;
    margin-right: 1em;
}


.svg-fond, .svg-border, .svg-cercle, .svg-check, .svg-cross {
	display: none
}
.icon-cercle .svg-border {
	display: inherit
}

.step-validated .svg-border, .step-validated .svg-check, .step-validated {
	display: inherit;
	color: green;
}
.step-pending .svg-border, .step-pending .svg-cercle, .step-pending {
	display: inherit;
	color: orange;
}
.step-refused .svg-border, .step-refused .svg-cross, .step-refused {
	display: inherit;
	color: red;
}
.step-future .svg-border, .step-future {
	display: inherit;
	color: lightgray;
}
.filArianeMessage {
    text-align: left;
    font-size: 16px;
    padding: 10px;
}
.filArianeBoutton {
	margin-right: 1em;
	margin-left: 1em;
	margin-top: 1em;
}
.filArianeContainer {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}
.filArianeRow 
{
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.filArianeJustifiyContentStart 
{
	justify-content: flex-start!important
}
.filArianeJustifiyContentCenter 
{
	justify-content: center!important
}
.filArianeJustifiyContentEnd 
{
	justify-content: flex-end!important
}

/* Page block dernier diplôme */
	.btnRight
	{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		gap: 10px;
	}

.large-text {
	font-size: large;
}

/* New design system Kedge */

.kdg_logo {
    width: 224px;
    display: block;
}

.kdg_logo_mobile {
    display: none;
}

header.kdg_header {
    background-color: #333539;
}

.kdg_navbar_items {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.kdg_header_items_navigation {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.kdg_header_items_navigationAccueil {
    margin-left: 50px;
}

.kdg_aide {
    color: white;
    opacity: .8;
    padding: 10px;
    margin-right: 16px;
    font-size: 1em;
}

    .kdg_aide:hover {
        color: #FFD453 !important;
        font-weight: bold;
        text-decoration: underline;
    }

    .kdg_vertical_line {
        border-left: 1.5px solid white;
        height: 65px;
        margin-right: 25px;
        opacity: .8;
    }

.kdg_mp_oublie_div {
    margin-top: 30px;
    margin-left: 80px;
}

.kdg_mp_oublie {
    font-weight: bold;
    font-size: 14px;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.kdg_mp_oublie_label {
    font-size: 14px;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.kdg_display_none {
    display: none;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #FFD453;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

table tr.WinHeader.kdg_titrebandeau,
span.kdg_titrebandeau,
span.header-rouge,
div.kdg_titrebandeau {
    background-color: rgb(88, 92, 99, 1.0);
    padding: 10px;
    border-radius: 50px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    margin: 40px 0;
    font-size: 18px;
    font-weight: bold;
}

.kdg_div_h1 {
    margin: 20px 40px 0 40px;
}

.kdg_h1 {
    padding: 30px 0;
    font-size: 32px;
    position: relative;
    margin: 0;
    font-weight: bold;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
}

.kdg_h1::before {
    position: absolute;
    top: 10px;
    content: "";
    width: 50px;
    height: 10px;
    background-color: #FFD453;
    border-radius: 5px;
}

tr.kdg_titrebandeau td:nth-child(2) {
    padding: 10px;
    border-radius: 0 50px 50px 0;
}

td.wincontrolbox {
    border-radius: 50px 0 0 50px !important;
}

td.kdg_table_contents,
div.kdg_table_contents,
div.grid-border {
    border: none !important;
}

div.kdg_table_contents {
    margin-bottom: 60px;
}

.kdg_formselect,
select#_ctl0_ddlModePaiment,
select#_ctl0_block_ModaliteFinancement_ddl_modaliteFinancement {
    box-shadow: 0 0 0 1px #d0d0d0 inset !important;
    margin-bottom: 1em;
    border-radius: 8px !important;
    height: 2.75em;
    padding-right: 2.75em;
    text-overflow: ellipsis;
    border: solid 1px rgba(210, 215, 217, 0.75) !important;
    font-size: 1em;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    width: 100%;
}

.kdg_label {
    color: #3d4449 !important;
    display: block;
    font-size: 0.9em;
    font-weight: 600;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    margin: 0 0 0.5em 0;
    font-size: 1em;
}

.kdg_forminput,
input[type="text"] {
    box-shadow: 0 0 0 1px #d0d0d0 inset !important;
    margin-bottom: 1em;
    border-radius: 8px !important;
    height: 2.75em;
    border: solid 1px rgba(210, 215, 217, 0.75) !important;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em !important;
    text-decoration: none;
    width: 100%;
    appearance: none;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1em;
}

.kdg_forminput_birthday {
    height: 2.75em;
    margin-left: 5px;
}

.kdg_btn_primarycolor,
input.FilArianeBoutton,
input#_ctl0_btnEnregistrer.kdg_btn\.kdg_btn_primarycolor,
input#_ctl0_btnValider.TextButton.grid-col-start-2.kdg_btn\.kdg_btn_primarycolor,
input#_ctl0_btnOK,
input#_ctl0_btnSuivant,
input#_ctl0_block_RecapitulatifInformationsSaisies_btnSuivant,
input#_ctl0_block_Validation_Dossier_btnValider,
input#_ctl0_btnValider,
input#_ctl0_block_ModaliteFinancement_btnSuivant,
input#_ctl0_block_Cautionnaire_Liste_btnSuivant,
input#_ctl0_btnPayer1,
input#_ctl0_btnPopupOk,
input#_ctl0_block_RecapitulatifInformationsSaisies_btnPopupOk,
input#_ctl0_block_Validation_Dossier_btnPopupOk,
input#_ctl0_btnPopupOkEr,
input#_ctl0_btnOKPopUpFreemover {
    background-color: #FFD453 !important;
    color: #333333 !important;
    border: solid 2px #FFD453 !important;
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1em;
}

    .kdg_btn_primarycolor:focus,
    input.FilArianeBoutton:focus,
    input#_ctl0_btnEnregistrer.kdg_btn\.kdg_btn_primarycolor:focus,
    input#_ctl0_btnSuivant:focus,
    input#_ctl0_block_RecapitulatifInformationsSaisies_btnSuivant:focus,
    input#_ctl0_block_Validation_Dossier_btnValider:focus,
    input#_ctl0_btnValider:focus,
    input#_ctl0_block_ModaliteFinancement_btnSuivant:focus,
    input#_ctl0_block_Cautionnaire_Liste_btnSuivant:focus,
    input#_ctl0_btnPayer1:focus,
    input#_ctl0_btnPopupOk:focus,
    input#_ctl0_block_RecapitulatifInformationsSaisies_btnPopupOk:focus,
    input#_ctl0_block_Validation_Dossier_btnPopupOk:focus,
    input#_ctl0_btnPopupOkEr:focus,
    input#_ctl0_btnOK:focus,
    input#_ctl0_btnOKPopUpFreemover:focus {
        border: solid 2px #9AD7FF !important;
    }

    .kdg_btn_primarycolor:hover,
    input.FilArianeBoutton:hover,
    input#_ctl0_btnEnregistrer.kdg_btn\.kdg_btn_primarycolor:hover,
    input#_ctl0_btnSuivant:hover,
    input#_ctl0_block_RecapitulatifInformationsSaisies_btnSuivant:hover,
    input#_ctl0_block_Validation_Dossier_btnValider:hover,
    input#_ctl0_btnValider:hover,
    input#_ctl0_block_ModaliteFinancement_btnSuivant:hover,
    input#_ctl0_block_Cautionnaire_Liste_btnSuivant:hover,
    input#_ctl0_btnPayer1:hover,
    input#_ctl0_btnPopupOk:hover,
    input#_ctl0_block_RecapitulatifInformationsSaisies_btnPopupOk:hover,
    input#_ctl0_block_Validation_Dossier_btnPopupOk:hover,
    input#_ctl0_btnPopupOkEr:hover,
    input#_ctl0_btnOK:hover,
    input#_ctl0_btnOKPopUpFreemover:hover {
        background-color: white !important;
    }


.kdg_btn.kdg_btn_secondary,
.kdg_btn_secondary,
input#_ctl0_BtnCancel,
input#_ctl0_btnRetour,
input#_ctl0_btnRefuser,
input#_ctl0_block_ModaliteFinancement_btnAnnuler,
input#_ctl0_block_Cautionnaire_Liste_bntCreer,
input#_ctl0_btnAnnulerPopUpFreemover {
    background-color: transparent !important;
    color: #333333 !important;
    border: solid 2px #CFD3D6 !important;
}

    .kdg_btn.kdg_btn_secondary:focus,
    .kdg_btn_secondary:focus,
    input#_ctl0_btnRetour:focus,
    input#_ctl0_btnRefuser:focus,
    input#_ctl0_block_ModaliteFinancement_btnAnnuler:focus,
    input#_ctl0_block_Cautionnaire_Liste_bntCreer:focus,
    input#_ctl0_BtnCancel:focus,
    input#_ctl0_btnAnnulerPopUpFreemover:focus {
        border: solid 2px #9AD7FF !important;
    }

    .kdg_btn.kdg_btn_secondary:hover,
    .kdg_btn_secondary:hover,
    input#_ctl0_btnRetour:hover,
    input#_ctl0_btnRefuser:hover,
    input#_ctl0_block_ModaliteFinancement_btnAnnuler:hover,
    input#_ctl0_block_Cautionnaire_Liste_bntCreer:hover,
    input#_ctl0_BtnCancel:hover,
    input#_ctl0_btnAnnulerPopUpFreemover:hover {
        background-color: #FFD453 !important;
        border: solid 2px #FFD453 !important;
    }

.kdg_btn-border {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 2px solid #FFD453 !important;
    padding: 0.6em 1em 0.5em 1em;
    border-radius: 0;
}

    .kdg_btn-border:hover {
        background-color: #FFD453 !important;
        color: #333333 !important;
        border-radius: 0;
    }

    .kdg_btn-border:disabled,
    .kdg_btn-border:disabled:hover {
        background-color: #ffffff;
        color: #333333;
        border: 2px solid #FFD453;
        border-radius: 0;
    }

.kdg_custom-file-container:hover .kdg-file-image {
    color: #B71B54;
}

input#_ctl0_block_Validation_Dossier_btnValider,
input#_ctl0_block_RecapitulatifInformationsSaisies_btnSuivant,
input#_ctl0_block_Cautionnaire_Liste_btnSuivant {
    width: 210px;
}

input#_ctl0_block_ModePaiement_btnRetour {
    width: 160px;
}

input#_ctl0_btnValider.TextButton.grid-col-start-2.kdg_btn\.kdg_btn_primarycolor {
    width: 100%;
}

    input#_ctl0_btnValider.TextButton.grid-col-start-2.kdg_btn\.kdg_btn_primarycolor:focus {
        border: solid 2px #9AD7FF !important;
    }

    input#_ctl0_btnValider.TextButton.grid-col-start-2.kdg_btn\.kdg_btn_primarycolor:hover {
        background-color: white !important;
    } 

    input#_ctl0_block_EtatCivil_txtDateNaissance.TextDefault.kdg_forminput,
    input#_ctl0_block_RepresentantLegal_txtDateNaissanceRL.TextDefault.kdg_forminput,
    input#_ctl0_block_RepresentantLegal_txtDateNaissanceRL2.TextDefault.kdg_forminput {
        margin-bottom: 0px;
    }

input#_ctl0_block_Validation_Dossier_chk_Recap {
    margin-top: 25px;
}

input[type="checkbox"] {
    accent-color: #FFD453;
    height: 18px;
    width: 18px;
    margin-right: 15px;
}

p {
    font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    font-size: 1em;
}


option {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

img#_ctl0_block_EtatCivil_ImagePhoto {
    height: auto !important;
}

a#_ctl0_block_EtatCivil_navPhotoChange {
    color: #e0981d !important;
}

.kdg_buttons_paiement_acompte {
    padding-bottom: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.kdg_button_paiement_acompte,
.kdg_button_paiement_acompte_retour {
    margin-left: 20px;
}

input.FilArianeBoutton {
    margin-left: 0;
}

.kdg_div_astuces_photo {
    padding: 0 30px 20px 30px;
}

.kdg_img_astuces_photo {
    margin-right: 50px;
}

/* @Media */
@media screen and (max-width: 767px) {
    .kdg_logo {
        display: none !important;
    }

    .item a > .kdg_logo {
        display: none !important;
    }

    .item a > .kdg_logo_mobile {
        display: none !important;
    }

    .kdg_logo_mobile {
        display: block;
        width: 180px;
        height: 50px;
    }

    .kdg_header_items_navigation {
        display: block;
        justify-content: flex-start;
    }

    .kdg_header_items_navigationAccueil {
        margin-left: 0px;
    }

    .kdg_navbar_items {
        display: block !important;
    }

    .kdg_mp_oublie_div {
        margin-left: 0px;
    }

    input[type="radio" i] {
        margin-right: 20px;
    }

    div#clon-MenuPanel {
        display: none;
    }

    #MainPanel {
        padding: 5px;
    }

    .kdg_div_aide {
        margin-bottom: 18px;
        margin-right: 20px;
    }

    .kdg_aide {
        padding: 0;
        margin-right: 0;
    }

    .kdg_vertical_line {
        display: none;
    }

    #menu-mobil > .menu-mobil-items .item {
        opacity: .8;
    }

    .kdg_h1 {
        font-size: 22px;
        padding: 2em 0;
    }
        .kdg_h1::before {
            margin-top: 15px;
        }

    .filArianeDossier {
        display: block;
    }

    span#_ctl0_RepeaterRegistration_ctl0_lblTitrespnlInformationsInscription.grid-span-col-2.header-rouge.kdg_titrebandeau {
        font-size: 16px;
        font-family: "Noto Sans", "Trebuchet MS", Helvetica, Verdana;
    }

    .kdg_formselect {
        width: 100%;
    }

    div#_ctl0_block_EtatCivil_pnlEtatCivil table tbody tr td input,
    select#_ctl0_block_EtatCivil_cboTitre.TextDefault.kdg_formselect,
    select#_ctl0_block_EtatCivil_cboPays.TextDefault.kdg_formselect,
    select#_ctl0_block_EtatCivil_cboDepartement.TextDefault.kdg_formselect,
    select#_ctl0_block_EtatCivil_cboNationalite.TextDefault.kdg_formselect,
    select#_ctl0_block_EtatCivil_cboNationalite2.TextDefault.kdg_formselect {
        width: 100% !important;
    }

    .kdg_forminput_birthday_mobile {
        display: block;
    }

    div#_ctl0_block_Coordonnees_Actuelles_panelAdresse table tbody tr td input {
        width: 100%;
    }

    .btnRight {
        flex-direction: column;
    }

    .filArianeCtn  {
        display: block;
    }

    input.FilArianeBoutton {
        margin-left: 0;
        font-size: 0.9em !important;
    }

    .kdg_button_paiement_acompte {
        margin-left: 0px;
        margin-top: 20px;
        margin-left: 140px;
    }

    input#_ctl0_btnRetour {
        margin-left: 140px !important;
    }


    a#_ctl0_block_EtatCivil_navPhotoChange {
        font-size: 0.8em !important;
        text-decoration: underline;
        text-align: center;
    }

    img#_ctl0_block_EtatCivil_ImagePhoto {
        float: inline-start !important;
    }

    .grid-col-2 {
        display: block;
    }
}


@media screen and (max-width: 768px) {
    #menu-mobil {
        display: flex;
    }

        #menu-mobil .LogoKedge {
            width: 100px;
        }

    #divPrincipal {
        /* display: grid; */
        grid-template-columns: 100%;
        grid-template-areas: "menuMobil" "h1" "titre" "main";
    }

        #divPrincipal > aside,
        #divPrincipal > header {
            display: none;
        }

    .max-w-80 {
        max-width: 100%;
    }

    img#_ctl0_block_EtatCivil_ImagePhoto {
        height: 50px !important;
        width: 50px !important;
        float: inline-end;
    }

}

@media (min-width: 800px) {
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
}