html {
--f-header-offset: 0px; --color-primary-darker: hsl(250, 84%, 38%); --color-primary-darker-h: 250;
--color-primary-darker-s: 84%; --color-primary-darker-l: 38%; --color-primary-darker-hsl: 250, 84%, 38%;
--color-primary-dark: hsl(250, 84%, 46%); --color-primary-dark-h: 250; --color-primary-dark-s: 84%;
--color-primary-dark-l: 46%; --color-primary-dark-hsl: 250, 84%, 46%; --color-primary: hsl(250, 84%, 54%);
--color-primary-h: 250; --color-primary-s: 84%; --color-primary-l: 54%; --color-primary-hsl: 250, 84%, 54%;
--color-primary-light: hsl(250, 84%, 60%); --color-primary-light-h: 250; --color-primary-light-s: 84%;
--color-primary-light-l: 60%; --color-primary-light-hsl: 250, 84%, 60%; --color-primary-lighter: hsl(250, 84%, 67%);
--color-primary-lighter-h: 250; --color-primary-lighter-s: 84%; --color-primary-lighter-l: 67%;
--color-primary-lighter-hsl: 250, 84%, 67%; --color-accent-darker: hsl(342, 89%, 38%); --color-accent-darker-h: 342;
--color-accent-darker-s: 89%; --color-accent-darker-l: 38%; --color-accent-darker-hsl: 342, 89%, 38%;
--color-accent-dark: hsl(342, 89%, 43%); --color-accent-dark-h: 342; --color-accent-dark-s: 89%; --color-accent-dark-l:
43%; --color-accent-dark-hsl: 342, 89%, 43%; --color-accent: hsl(342, 89%, 48%); --color-accent-h: 342;
--color-accent-s: 89%; --color-accent-l: 48%; --color-accent-hsl: 342, 89%, 48%; --color-accent-light: hsl(342, 89%,
56%); --color-accent-light-h: 342; --color-accent-light-s: 89%; --color-accent-light-l: 56%; --color-accent-light-hsl:
342, 89%, 56%; --color-accent-lighter: hsl(342, 89%, 62%); --color-accent-lighter-h: 342; --color-accent-lighter-s: 89%;
--color-accent-lighter-l: 62%; --color-accent-lighter-hsl: 342, 89%, 62%; --color-black: hsl(230, 13%, 9%);
--color-black-h: 230; --color-black-s: 13%; --color-black-l: 9%; --color-black-hsl: 230, 13%, 9%; --color-white: hsl(0,
0%, 100%); --color-white-h: 0; --color-white-s: 0%; --color-white-l: 100%; --color-white-hsl: 0, 0%, 100%;
--color-success-darker: hsl(170, 78%, 26%); --color-success-darker-h: 170; --color-success-darker-s: 78%;
--color-success-darker-l: 26%; --color-success-darker-hsl: 170, 78%, 26%; --color-success-dark: hsl(170, 78%, 31%);
--color-success-dark-h: 170; --color-success-dark-s: 78%; --color-success-dark-l: 31%; --color-success-dark-hsl: 170,
78%, 31%; --color-success: hsl(170, 78%, 36%); --color-success-h: 170; --color-success-s: 78%; --color-success-l: 36%;
--color-success-hsl: 170, 78%, 36%; --color-success-light: hsl(170, 78%, 42%); --color-success-light-h: 170;
--color-success-light-s: 78%; --color-success-light-l: 42%; --color-success-light-hsl: 170, 78%, 42%;
--color-success-lighter: hsl(170, 78%, 47%); --color-success-lighter-h: 170; --color-success-lighter-s: 78%;
--color-success-lighter-l: 47%; --color-success-lighter-hsl: 170, 78%, 47%; --color-error-darker: hsl(342, 89%, 38%);
--color-error-darker-h: 342; --color-error-darker-s: 89%; --color-error-darker-l: 38%; --color-error-darker-hsl: 342,
89%, 38%; --color-error-dark: hsl(342, 89%, 43%); --color-error-dark-h: 342; --color-error-dark-s: 89%;
--color-error-dark-l: 43%; --color-error-dark-hsl: 342, 89%, 43%; --color-error: hsl(342, 89%, 48%); --color-error-h:
342; --color-error-s: 89%; --color-error-l: 48%; --color-error-hsl: 342, 89%, 48%; --color-error-light: hsl(342, 89%,
56%); --color-error-light-h: 342; --color-error-light-s: 89%; --color-error-light-l: 56%; --color-error-light-hsl: 342,
89%, 56%; --color-error-lighter: hsl(342, 89%, 62%); --color-error-lighter-h: 342; --color-error-lighter-s: 89%;
--color-error-lighter-l: 62%; --color-error-lighter-hsl: 342, 89%, 62%; --color-warning-darker: hsl(35, 79%, 48%);
--color-warning-darker-h: 35; --color-warning-darker-s: 79%; --color-warning-darker-l: 48%; --color-warning-darker-hsl:
35, 79%, 48%; --color-warning-dark: hsl(35, 79%, 56%); --color-warning-dark-h: 35; --color-warning-dark-s: 79%;
--color-warning-dark-l: 56%; --color-warning-dark-hsl: 35, 79%, 56%; --color-warning: hsl(35, 79%, 66%);
--color-warning-h: 35; --color-warning-s: 79%; --color-warning-l: 66%; --color-warning-hsl: 35, 79%, 66%;
--color-warning-light: hsl(35, 79%, 74%); --color-warning-light-h: 35; --color-warning-light-s: 79%;
--color-warning-light-l: 74%; --color-warning-light-hsl: 35, 79%, 74%; --color-warning-lighter: hsl(35, 79%, 82%);
--color-warning-lighter-h: 35; --color-warning-lighter-s: 79%; --color-warning-lighter-l: 82%;
--color-warning-lighter-hsl: 35, 79%, 82%; --color-bg-lighter: hsl(0, 0%, 100%); --color-bg-lighter-h: 0;
--color-bg-lighter-s: 0%; --color-bg-lighter-l: 100%; --color-bg-lighter-hsl: 0, 0%, 100%; --color-bg-light: hsl(0, 0%,
100%); --color-bg-light-h: 0; --color-bg-light-s: 0%; --color-bg-light-l: 100%; --color-bg-light-hsl: 0, 0%, 100%;
--color-bg: hsl(0, 0%, 100%); --color-bg-h: 0; --color-bg-s: 0%; --color-bg-l: 100%; --color-bg-hsl: 0, 0%, 100%;
--color-bg-dark: hsl(240, 4%, 95%); --color-bg-dark-h: 240; --color-bg-dark-s: 4%; --color-bg-dark-l: 95%;
--color-bg-dark-hsl: 240, 4%, 95%; --color-bg-darker: hsl(240, 4%, 90%); --color-bg-darker-h: 240; --color-bg-darker-s:
4%; --color-bg-darker-l: 90%; --color-bg-darker-hsl: 240, 4%, 90%; --color-contrast-lower: hsl(240, 4%, 85%);
--color-contrast-lower-h: 240; --color-contrast-lower-s: 4%; --color-contrast-lower-l: 85%; --color-contrast-lower-hsl:
240, 4%, 85%; --color-contrast-low: hsl(240, 4%, 65%); --color-contrast-low-h: 240; --color-contrast-low-s: 4%;
--color-contrast-low-l: 65%; --color-contrast-low-hsl: 240, 4%, 65%; --color-contrast-medium: hsl(225, 4%, 47%);
--color-contrast-medium-h: 225; --color-contrast-medium-s: 4%; --color-contrast-medium-l: 47%;
--color-contrast-medium-hsl: 225, 4%, 47%; --color-contrast-high: hsl(230, 7%, 23%); --color-contrast-high-h: 230;
--color-contrast-high-s: 7%; --color-contrast-high-l: 23%; --color-contrast-high-hsl: 230, 7%, 23%;
--color-contrast-higher: hsl(230, 13%, 9%); --color-contrast-higher-h: 230; --color-contrast-higher-s: 13%;
--color-contrast-higher-l: 9%; --color-contrast-higher-hsl: 230, 13%, 9%;
}

p {
margin-bottom: 30px;
margin-top: 10px;
text-align: justify;

}

.guest p, .guest ul li {
    /* size candidature wizard pinteretu */
    font-size:18px; 
}

h2 {
font-size:26px;
color:#5D626E;
margin-bottom: 10px;
}

input[type=file] {
    width: 100%;
}

.sidebar__panel {
background-color: #DCE7EE !important;
}

.step__separator {
    --tw-bg-opacity: 1;
    background-color: rgba(188, 216, 232, 0.5) !important;
}

.headerhome {
background-color:#F8FBFD !important;
border-bottom: 1px solid rgba(188, 216, 232, 0.2) !important;
}

.tooltip-trigger {
cursor: help !important;
white-space: nowrap;
border-bottom-width: 0px;
border-style: none;
border-color: transparent;
}

.contact .btn-check:checked + .btn-primary {
    display: inline-block;
    border: 3px solid #0369A1 !important;
    background-color: #FAB900 !important;
}

.contact .btn-check:checked::before {
    content: "";
}

.contact [type=checkbox]:checked, 
.contact [type=radio]:checked, 
.contact [type=checkbox]:checked:hover, 
.contact [type=radio]:checked:focus, 
.contact [type=checkbox]:checked:focus, 
.contact [type=radio]:checked:hover, 
.contact [type=radio]:checked:focus 
[type=checkbox], [type=radio] {
    border: 2px solid #fff;;
    background-color: #fff;
    color: #fff;
    height: 0;
    width: 0;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: none;
}

.contact [type=checkbox]:focus, .contact [type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #fff;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: super;
    left:-10px
}

.infos-mobilites th {
text-align: right;
padding-right: 20px;
width: 290px;
}

.infos-mobilites td {
width: 300px;

}
.infos-mobilites {
    margin-left:-90px;
}
.card-v10--featured .card-v10__body {
padding-left: 2em;
padding-top: 0;
}


.step--completed .step__label {
text-decoration: none;
font-size: large;
}
.step--current .step__circle {
    background-color: #0369A1;
color:#fff;
}

.step--completed .step__circle {
    background-color: #9ACD32;
    color:#fff;
}

/* .step--retard .step__circle {
    background-color: orange;
    color:#fff;
} */
.step--danger .step__circle {
    background-color: #B91C1C;
    color:#fff;
}

/* .step--completed .step__separator {
    --tw-bg-opacity: 1;
    background-color: rgb(3 105 161 / var(--tw-bg-opacity));
} */

.card-v10__img-link img, .img-mobilite img {
        max-height: 500px;
}

.bg-white {
background-color: white;
}

.bg-green-500 {
    background-color: #9ACD32;
}

.bg-red-500 {
    background-color: #B91C1C;
}

/* .accordion-v2__wrapper >  */
.text-green-500 {
color: #9ACD32;
}

.text-red-500 {
    color: #B91C1C;
}

.text-moy {
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all;
}

/* .step__circle{
    background-color: #FAB900 !important;
    color: #4B5563 !important
} */

textarea#commentaires {
    border: 3px solid lightgray !important;
    height: 150px;
    width: 350px;
    border-radius: 5px;
} 
table.dossier {
border: 1px solid gray;
width: 100%;
}
.dossier th {
padding: 10px;
font-size: 16px;
font-weight: bold;
text-align: center;
}

.dossier td {
vertical-align: top;
padding: 10px 12px
}

.responsive {
display: none;
}

.app-ui__logo {
display: block;
height: 50px !important;
/* margin: 10px; */
}

svg #logo {
height:50px !important
}


.flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after {
/* instead of yellow jaune */
background: #0369A1;
/* background: #FAB900; */
color: #fff;
}

.flat a:before {
/* background: white; */
background-color:#4B5563 ;
box-shadow: none;
color: #fff;
}

.text-primary,
.text-primary a {
    color: #0369A1 !important;
}


.avertissement label {
margin: 6px 12px;
font-size:20px;
}

.radio-switch {
position: relative;
display: inline-block;
display: inline-flex;
padding: var(--radio-switch-padding);
border-radius: calc(var(--radio-switch-radius) * 1.4);
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
height: 46px;
}


.form-control {
background-color: #fff !important;
/* background-color: #f2f2f2; */
}

.breadcrumb {
text-align: center;
font-family: sans-serif;
display: inline-block;
overflow: hidden;
border-radius: 5px;
counter-reset: flag;
border: 1px solid rgba(188, 216, 232, 0.2) !important;
}

.breadcrumb a {
font-size: 14px;
}

.responsive > .app-ui__logo-wrapper {
position: relative;
height: 55px;
display: flex;
align-items: self-start;
}

.logo_screen {
width: 6rem;
margin-top: 10px;
}



@media (min-width: 64rem) {
.card-v10--featured .card-v10__body {
padding-left: 2em;
padding-top: 0;
}


}

@media (max-width: 1280px) {
.responsive {
display: block;
}

.megascreen {
display: none;

}

.sidebar__footer {
display: none;

}

#intitule-mobilite {
/* pour que le type de formation n'empiète pas sur la destination si petit écran */
display: none;
}
}