@charset "UTF-8";

#blocHeader {
    position: fixed;
    top: 0px;
    height: 100px;
    width: 100%;
    margin: auto;
    background-color: #ffffff;
    z-index: +100000;
    left: 0;
    right: 0;
}

#headerWithStepperBloc {
    position: fixed;
    top: 0px;
    height: 100px;
    width: 60%;
    margin: auto;
    background-color: #ffffff;
    z-index: +100000;
    left: 0;
    right: 0;
}

#headerNoStepperBloc {
    position: fixed;
    top: 0px;
    height: 100px;
    width: 60%;
    margin: auto;
    background-color: #ffffff;
    z-index: +100000;
    left: 0;
    right: 0;
}

/* CSS Document */
/* position relatif du parent, ses éléments enfants peuvent être définis ultérieurement avec une position absolue basée sur celui-ci.*/
.pusher {
    overflow: hidden !important;
    position: relative;
    min-height: 100vh;
}

/****************
Environnement
*****************/
.environment {
    text-align: center !important;
    position: fixed !important;
    bottom: 10px !important;
    left: 10px !important;
    opacity: 0.95 !important;
    z-index: 100;
}

/*******************************
             Global
*******************************/
/* Scroll lent pour les ancres */
html {
    scroll-behavior: smooth;
}
body {
    /*font-family: 'Roboto', sans-serif !important;*/
    font-family: 'Roboto' !important;
    color: #0d373e !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.oblig::after {
    content: "\00a0*";
    color: #ff0000;
}
@font-face {
    font-family: "DarwinPro";
    src:url("https://oav-lafrontaliere/lafrontaliere/oav1/public_html/css/DarwinPro-SemiBold.otf") format("opentype");
}
/*******************************
            Range
*******************************/

li.label {
    color:#f4a808 !important;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #f4a808;
    opacity: 1;
    font-size:1px !important;
    /*padding-top:40px !important;*/
    margin-top: 20px !important;
}

.track {
    color:#0d373e !important;
    background-color:#f4a808 !important;
}

.track-fill {
    color:#0d373e !important;
    background-color:#0d373e !important;
}

/*******************************
             Garanties
*******************************/

/*******************************
             Boutons
*******************************/

.btnLien12 {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #0d373e !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.btnLien12:hover {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #0d373e !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    border: 2px solid #fbb723 !important;
}

.btnfonce {
    color:#ffffff !important;
    background: #0d373e !important;
    border-radius: 40px !important;
    border: 2px solid #0d373e !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    line-height:21px !important;
}
.btnfonce:hover {
    color:#ffffff !important;
    background: #0d373e !important;
    border-radius: 40px !important;
    border: 2px solid #fbb723 !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    line-height:21px !important;
}

.btnfoncecarre {
    color:#ffffff !important;
    background: #0d373e !important;
    border-radius: 7px !important;
    font-family: 'Roboto' !important;
}
.btnfoncecarre:hover {
    color:#ffffff !important;
    background: #0d373e !important;
    border-radius: 7px !important;
    font-family: 'Roboto' !important;
}

.btnfoncemodale {
    color:#f4a808 !important;
    background: #0d373e !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    border: 2px solid #f4a808 !important;
    line-height:21px !important;
}
.btnfoncemodale:hover {
    color:#f4a808 !important;
    background: #0d373e !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    border: 2px solid #7c4f76;
    line-height:21px !important;
}

.btnnoradius {
    border-radius: 0px !important;
}
.btnnoradius:hover {
    border-radius: 0px !important;
}

.btnfoncemodalehidden {
    color:#0d373e !important;
    background: #0d373e !important;
}

.btngrisdisable {
    color:#999999 !important;
    background: #D9D9D9 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    pointer-events: none !important;
    line-height:21px !important;
}

.btnblancdisabled {
    color:#fbb723 !important;
    background: #FFFFFF !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    border: 2px solid #fbb723 !important;
    line-height:21px !important;
}

.btnfooterlien {
    color:#0d373e !important;
    background: #fbb723 !important;
    border-radius: 10px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    line-height:21px !important;
}

.btnvertclair {
    color:#ffffff !important;
    background: #f4a808 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    line-height:21px !important;
}
.btnvertclair:hover {
    color:#ffffff !important;
    background: #0d373e !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    line-height:21px !important;
}

.btnvertclair2 {
    color:#0d373e !important;
    background: #f4a808 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    line-height:21px !important;
    border: 2px solid #f4a808 !important;
}

.btnvertclair3 {
    color:#0d373e !important;
    background: #fbb723 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
}

.btnblanc {
    color:#0d373e !important;
    background: #ffffff !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 500 !important;
    border: 0.5px solid #0d373e !important;
    line-height:21px !important;
}
.btnblanc:hover {
    color:#0d373e !important;
    background: #ffeabc !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    border: 2px solid #fbb723 !important;
    line-height:20px !important;
}

.btnamicaleblanc {
    color:#264284 !important;
    background: #A3D2E6 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    border: 0.5px solid #264284 !important;
    line-height:21px !important;
}
.btnamicaleblanc:hover {
    color:#264284 !important;
    background: #94c3d7 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    border: 0.5px solid #264284 !important;
    line-height:21px !important;
}

.btnamicalebleu {
    color:#A3D2E6 !important;
    background: #264284 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    border: 0.5px solid #264284 !important;
    line-height:21px !important;
}

.btnblanclight {
    color:#f4a808 !important;
    background: #FFFFFF !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    border: 0.5px solid #f4a808 !important;
    line-height:20px !important;
}
.btnblanclight:hover {
    color:#FFFFFF !important;
    background: #f4a808 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    line-height:20px !important;
}

.btnblanclight2 {
    color:#f4a808 !important;
    background: #FFFFFF !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    border: 2px solid #f4a808 !important;
    line-height:20px !important;
}
.btnblanclight2:hover {
    color:#FFFFFF !important;
    background: #f4a808 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 900 !important;
    line-height:20px !important;
}

.btnvertclairlight {
    color:#0d373e !important;
    background: #f4a808 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 500 !important;
    border: 0.5px solid #f4a808 !important;
    line-height:21px !important;
}
.btnvertclairlight:hover {
    color:#0d373e !important;
    background: #74a692 !important;
    border-radius: 40px !important;
    font-family: 'Roboto' !important;
    font-weight: 500 !important;
    border: 0.5px solid #f4a808 !important;
    line-height:21px !important;
}

/*******************************
             Input
*******************************/
.labelerror {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #F96E6E !important;
    padding-left: 20px !important;
}

.ui.form .field.error label {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #F96E6E !important;
    padding-left: 20px !important;
}

.ui.red.message .header {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #F96E6E !important;
}
.ui.red.message {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #F96E6E !important;
}
.ui.negative.message {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #F96E6E !important;
}
.ui.negative.message .header {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #F96E6E !important;
}

.labelformblanc {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    padding-left: 20px !important;
}
.labelformdark {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #0d373e !important;
    padding-left: 20px !important;
}

div.input-block,div.input-blockerror,div.input-blockdark,div.input-blockdarkerror {
    position: relative !important;
}

.readonly {
	border: 1px solid #fbb723 !important;
	border-radius: 8px !important;
	background-color: #E8E8E8 !important;
	color: #0d373e !important;
    pointer-events: none !important;
    font-weight: 500 !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}

.textArea {
    border: 1px solid #0d373e !important;
    color: #0d373e !important;
    border-radius: 8px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.textArea:not([value=""]), .textArea:focus {
    background: #ffffff !important;
    font-weight: 500 !important;
    border: 2px solid #fbb723 !important;
    color: #0d373e !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.textAreaerror {
    border: 1px solid #F96E6E !important;
    color: #F96E6E !important;
    border-radius: 8px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}

.simpleInputStatic {
    border: 1px solid #0d373e !important;
    font-weight: 500 !important;
    color: #0d373e !important;
    border-radius: 8px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.simpleInputStatic::placeholder {
    color: #0d373e;
    font-weight: 400 !important;
    font-style:italic !important;
    font-size:11px !important;
}
.simpleInputStaticFocus {
    border: 2px solid #fbb723 !important;
    font-weight: 500 !important;
    color: #0d373e !important;
    border-radius: 8px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.simpleInputStaticFocuserror {
    border: 1px solid #F96E6E !important;
    font-weight: 500 !important;
    color: #F96E6E !important;
    border-radius: 8px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.simpleInput {
    border: 1px solid #0d373e !important;
    color: #0d373e !important;
    border-radius: 8px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.simpleInput:not([value=""]),
.simpleInput:focus {
    background: #ffffff !important;
    font-weight: 500 !important;
    border: 2px solid #fbb723 !important;
    color: #0d373e !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.simpleInputerror {
    border: 1px solid #F96E6E !important;
    color: #F96E6E !important;
    border-radius: 8px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}

.dateAdh {
    border: 1px solid #0d373e !important;
}
.dateAdherror {
    border: 1px solid #F96E6E !important;
}
.dateAdhLabel {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #0d373e !important;
    display: flex !important;
    align-items: center !important;
    top: 4px !important;
    left: 5px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.dateAdhLabelerror {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #F96E6E !important;
    display: flex !important;
    align-items: center !important;
    top: 4px !important;
    left: 5px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}

.dateAdhLabel2 {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #0d373e !important;
    display: flex !important;
    align-items: center !important;
    top: -20px !important;
    left: 20px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
    font-size:12px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.dateAdhLabel2error {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #F96E6E !important;
    display: flex !important;
    align-items: center !important;
    top: -20px !important;
    left: 10px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
    font-size:12px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}

.adresseLabel {
    padding: 0 4px !important;
    color:  #0d373e !important;
    align-items: center !important;
    font-weight: 400 !important;
    font-size:12px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}
.adresseLabelerror {
    padding: 0 4px !important;
    color:  #F96E6E !important;
    align-items: center !important;
    font-weight: 400 !important;
    font-size:12px !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}

/* placeholder dates */
div.input-block input::-webkit-input-placeholder {
    color: #ffffff !important;
}

div.input-block input, div.input-block div.dropdown {
    border: 1px solid #0d373e !important;
    color: #0d373e !important;
    border-radius: 8px !important;
    outline:none !important;
    background: #ffffff !important;
    font-weight: 500 !important;
    padding-top:15px !important; padding-bottom:15px !important; 
}

div.input-block span.placeholder {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #0d373e !important;
    display: flex !important;
    align-items: center !important;
    top: 4px !important;
    left: 5px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
}

/* placeholder dates */
div.input-block input:not([value=""]),
div.input-block input:focus::-webkit-input-placeholder {
    color: #0d373e !important;
}

div.input-block input:not([value=""]) + span.placeholder,
div.input-block input:focus + span.placeholder {
    transform: scale(0.8) translateY(-38px) !important;
    font-weight: 400 !important;
}

div.input-block div.dropdown + span.placeholder {
    transform: scale(0.8) translateY(-38px) !important;
    font-weight: 400 !important;
}

div.input-block input:not([value=""]),
div.input-block input:focus,
div.input-block div.dropdown.active,
div.input-block div.dropdown:not(:has(div.text.default)) {
    background: #ffffff !important;
    font-weight: 500 !important;
    border: 2px solid #fbb723 !important;
    color: #0d373e !important;
}

div.input-block input:focus{
    color: #0d373e !important;
    border: 2px solid #fbb723 !important;
    font-weight: 500 !important;
}

div.input-block input:focus + span.placeholder {
    color: #0d373e !important;
    font-weight: 400 !important;
}




/* placeholder dates */
div.input-blockdark input::-webkit-input-placeholder {
    color: #0d373e !important;
}

div.input-blockdark input,div.input-blockdark div.dropdown {
    border: 1px solid #fbb723 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    outline:none !important;
    background: #0d373e !important;
    font-weight: 500 !important;
    padding-top:15px !important; padding-bottom:15px !important;
}

div.input-blockdark span.placeholderdark {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #ffffff !important;
    display: flex !important;
    align-items: center !important;
    top: 4px !important;
    left: 5px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
    background-color:#0d373e !important;
}

/* placeholder dates */
div.input-blockdark input:not([value=""]),
div.input-blockdark input:focus::-webkit-input-placeholder {
    color: #ffffff !important;
}

div.input-blockdark input:not([value=""]) + span.placeholderdark,
div.input-blockdark input:focus + span.placeholderdark {
    transform: scale(0.8) translateY(-40px) !important;
    font-weight: 400 !important;
}

div.input-blockdark div.dropdown + span.placeholderdark {
    transform: scale(0.8) translateY(-42px) !important;
    font-weight: 400 !important;
}

div.input-blockdark input:not([value=""]),
div.input-blockdark input:focus,
div.input-blockdark div.dropdown.active,
div.input-blockdark div.dropdown:not(:has(div.text.default)) {
    background: #0d373e !important;
    font-weight: 500 !important;
    border: 2px solid #fbb723 !important;
    color: #ffffff !important;
}

div.input-blockdark input:focus{
    color: #ffffff !important;
    background: #0d373e !important;
    border: 2px solid #fbb723 !important;
    font-weight: 500 !important;
}

div.input-blockdark input:focus + span.placeholderdark {
    color: #ffffff !important;
    font-weight: 400 !important;
}





div.input-blockdarkerror input, div.input-blockdarkerror div.dropdown {
    border: 1px solid #F96E6E !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    outline:none !important;
    background: #0d373e !important;
    font-weight: 500 !important;
    padding-top:15px !important; padding-bottom:15px !important;
}

div.input-blockdarkerror span.placeholderdarkerror {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #F96E6E !important;
    display: flex !important;
    align-items: center !important;
    top: 4px !important;
    left: 5px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 400 !important;
    background-color:#0d373e !important;
}

div.input-blockdarkerror input:not([value=""]) + span.placeholderdarkerror,
div.input-blockdarkerror input:focus + span.placeholderdarkerror {
    transform: scale(0.8) translateY(-40px) !important;
    font-weight: 400 !important;
}

div.input-blockdarkerror div.dropdown + span.placeholderdarkerror {
    transform: scale(0.8) translateY(-42px) !important;
    font-weight: 400 !important;
}

div.input-blockdarkerror input:not([value=""]),
div.input-blockdarkerror input:focus {
    background: #0d373e !important;
    font-weight: 500 !important;
    border: 2px solid #F96E6E !important;
    color: #ffffff !important;
}

div.input-blockdarkerror input:focus{
    color: #ffffff !important;
    background: #0d373e !important;
    border: 2px solid #F96E6E !important;
    font-weight: 500 !important;
}

div.input-blockdarkerror input:focus + span.placeholderdarkerror {
    color: #ffffff !important;
    font-weight: 400 !important;
}





div.input-blockerror input, div.input-blockerror div.dropdown {
    border: 1px solid #F96E6E !important;
    color: #F96E6E !important;
    border-radius: 8px !important;
    outline:none !important;
    background: #ffffff !important;
    font-weight: 500 !important;
    padding-top:15px !important; padding-bottom:15px !important;
}

div.input-blockerror span.placeholdererror {
    position: absolute !important;
    margin: 10px 0 !important;
    padding: 0 4px !important;
    color:  #F96E6E !important;
    display: flex !important;
    align-items: center !important;
    top: 4px !important;
    left: 5px !important;
    transition: all 0.2s !important;
    transform-origin: 0% 0% !important;
    background: none !important;
    pointer-events: none !important;
    font-weight: 200 !important;
}

div.input-blockerror input:not([value=""]) + span.placeholdererror,
div.input-blockerror input:focus + span.placeholdererror {
    transform: scale(0.8) translateY(-38px) !important;
    font-weight: 400 !important;
}

div.input-blockerror div.dropdown + span.placeholdererror {
    transform: scale(0.8) translateY(-38px) !important;
    font-weight: 400 !important;
}

div.input-blockerror input:not([value=""]),
div.input-blockerror input:focus {
    background: #ffffff !important;
    font-weight: 500 !important;
    border: 2px solid #F96E6E !important;
    color: #0d373e !important;
}

div.input-blockerror input:focus{
    color: #0d373e !important;
    border: 2px solid #F96E6E !important;
    font-weight: 600 !important;
}

div.input-blockerror input:focus + span.placeholdererror {
    color: #F96E6E !important;
    font-weight: 200 !important;
}

.champDeces {
    text-align:center !important;
    border: 1px solid #0d373e !important;
    color:#f4a808 !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    border-radius:10px !important;
}

.champDecesFocus, .champDecesFocus:focus {
    text-align:center !important;
    border: 2px solid #f4a808 !important;
    color:#0d373e !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    border-radius:10px !important;
}

.champInjInvalFocus {
    text-align:center !important;
    border: 2px solid #f4a808 !important;
    color:#0d373e !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    border-radius:10px !important;
}

/*******************************
             Fonds
*******************************/
.bgblanc {
    background-color: #ffffff !important;
}
.bgvertmedium {
    background-color: #fdf1d7 !important;
}
.bgvertclair {
    background-color: #fdf1d7 !important;
}
.bgvertfonce {
    background-color: #0d373e !important;
}
.bgbleu {
    background-color: #A3D2E6 !important;
}
.bggrisclair {
    background-color: #f4f4f4 !important;
}

/*******************************
             Header
*******************************/

/*******************************
             Textes
*******************************/
.txtfonce {
    color:#0d373e !important;
    font-style: normal !important;
}
.txtfonceitalic {
    color:#0d373e !important;
    font-style: italic !important;
}
.txtblanc {
    color:#ffffff !important;
}
.txtnoir {
    color:#000000 !important;
}
.txtbleuclair {
    color:#A3D2E6 !important;
}
.txtbleufonce {
    color:#264284 !important;
}
.txtvertclair {
    color:#fbb723 !important;
}
.txtvertclair2 {
    color:#fbb723 !important;
}
.txtvertclairJ {
    color:#f4a808 !important;
}
.txtorange {
    color:#F46800 !important;
}
.txtrouge {
    color:#D51944 !important;
}
.txtgris {
    color:#b0b0b0 !important;
}
.txtgris2 {
    color:#A0A0AA !important;
}
.secondaryCouleur {
    color:#0d373e !important;
}
.txterror {
    color:#F96E6E !important;
}
.opacity1 {
    opacity: 1 !important;
}
.bold300 {
    font-weight:300 !important;
}
.bold400 {
    font-weight:400 !important;
}
.bold500 {
    font-weight:500 !important;
}
.bold700 {
    font-weight:700 !important;
}
.sousTitreOrientationPrev {
    color:#fbb723 !important;
    font-size:16px !important;
    font-weight: 600 !important;
}
.lien12 {
    font-size: 12px !important;
    text-decoration: underline !important;
}
.lienvertfonce12 {
    font-size: 12px !important;
    text-decoration: underline !important;
    color:#0d373e !important;
}
.lienvert13 {
    font-size: 13px !important;
    color:#faf1f9 !important;
}
.lienvert13:hover {
    font-size: 13px !important;
    text-decoration: underline !important;
    color:#fbb723 !important;
}
.lienvertfonce13 {
    font-size: 13px !important;
    color:#0d373e !important;
    text-decoration: underline !important;
}
.lienvertfonce13:hover {
    font-size: 13px !important;
    text-decoration: underline !important;
    color:#0d373e !important;
}
.txtsize10 {
    font-size: 10px !important;
}
.txtsize12 {
    font-size: 12px !important;
}
.txtsize14 {
    font-size: 14px !important;
}
.txtsize16 {
    font-size: 16px !important;
}
.txtsize18 {
    font-size: 18px !important;
}
.txtsize20 {
    font-size: 20px !important;
}
.txtsize22 {
    font-size: 22px !important;
}
.txtsize23 {
    font-size: 23px !important;
}
.txtsize24 {
    font-size: 24px !important;
}
.txtsize25 {
    font-size: 25px !important;
}
.txtsize26 {
    font-size: 26px !important;
}
.txtsize27 {
    font-size: 27px !important;
}
.txtsize30 {
    font-size: 30px !important;
}
.txtsize35 {
    font-size: 35px !important;
}
.titreOrientation {
    font-size: 20px !important;
}
.aligncenter {
    text-align: center;
}
.alignleft {
    text-align: left;
}
.alignright {
    text-align: right;
}
.lineheight15 {
    line-height: 20px !important;
}
.lineheight30 {
    line-height: 30px !important;
}
.lineheight42 {
    line-height: 42px !important;
}
.lineheight1em {
    line-height: 1em !important;
}
.lineheight11em {
    line-height: 1.1em !important;
}
.lineheight12em {
    line-height: 1.2em !important;
}
.lineheight2em {
    line-height: 2em !important;
}
/*******************************
            Espace
*******************************/
.nopadding {
    padding:0px !important;
}
.nopaddingvertical {
    padding-top:0px !important;
    padding-bottom:0px !important;
}
.nopaddingright {
    padding-right:0px !important;
}
.nopaddingleft {
    padding-left:0px !important;
}
.padding10 {
    padding: 10px !important;
}
.padding40 {
    padding: 40px !important;
}
.paddingvertical5 {
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.paddingvertical10 {
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.paddingvertical20 {
    padding-top:20px !important;
    padding-bottom:20px !important;
}
.paddinghorizontal20 {
    padding-left:20px !important;
    padding-right:20px !important;
}
.paddinghorizontal30 {
    padding-left:30px !important;
    padding-right:30px !important;
}
.paddinghorizontal40 {
    padding-left:40px !important;
    padding-right:40px !important;
}
.paddingleft14 {
    padding-left:14px !important;
}
.paddingleft20 {
    padding-left:20px !important;
}
.paddingleft30 {
    padding-left:30px !important;
}
.paddingleft40 {
    padding-left:40px !important;
}
.paddingleft50 {
    padding-left:50px !important;
}
.paddingright20 {
    padding-right:20px !important;
}
.paddingright40 {
    padding-right:40px !important;
}
.paddingright50 {
    padding-right:50px !important;
}
.paddingright35 {
    padding-right:35px !important;
}
.paddingtop7 {
    padding-top:7px !important;
}
.paddingtop10 {
    padding-top:10px !important;
}
.paddingtop15 {
    padding-top:15px !important;
}
.paddingtop18 {
    padding-top:18px !important;
}
.paddingtop20 {
    padding-top:20px !important;
}
.paddingtop30 {
    padding-top:30px !important;
}
.nopaddingbottom {
    padding-bottom:0px !important;
}
.paddingbottom5 {
    padding-bottom:5px !important;
}
.paddingbottom10 {
    padding-bottom:10px !important;
}
.paddingbottom20 {
    padding-bottom:20px !important;
}
.paddingbottom30 {
    padding-bottom:30px !important;
}
.margin5 {
    margin:5px !important;
}
.nomargin {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.nomarginbottom {
    margin-bottom:0px !important;
}
.margin10 {
    margin-bottom:10px !important;
    margin-top:10px !important;
    margin-left:10px !important;
    margin-right:10px !important;
}
.margin30 {
    margin:30px !important;
}
.marginleft20 {
    margin-left:20px !important;
}
.marginright20 {
    margin:20px !important;
}
.marginbottom10 {
    margin-bottom:10px !important;
}
.margintop10 {
    margin-top:10px !important;
}
.margintop15 {
    margin-top:15px !important;
}
.margintop20 {
    margin-top:20px !important;
}
.marginhorizontal10 {
    margin-left:10px !important;
    margin-right:10px !important;
}
.marginhorizontal20 {
    margin-left:20px !important;
    margin-right:20px !important;
}
.marginhorizontal25 {
    margin-left:25px !important;
    margin-right:25px !important;
}
.marginhorizontal40 {
    margin-left:40px !important;
    margin-right:40px !important;
}
.noradius {
    border-radius: 0px !important;
}
.radius5 {
    border-radius: 5px !important;
}
.radius10 {
    border-radius: 10px !important;
}
.radiustop5 {
    border-radius: 5px 5px 0px 0px !important;
}
.radiustop10 {
    border-radius: 10px 10px 0px 0px !important;
}
.radiusbottom10 {
    border-radius: 0px 0px 10px 10px !important;
}
.radiustop10-top-left {
    border-radius: 10px 0px 0px 0px !important;
}
.radiustop10-top-right {
    border-radius: 0px 10px 0px 0px !important;
}
.radius10-bottom-left {
    border-radius: 0px 0px 0px 10px !important;
}
.radius10-bottom-right {
    border-radius: 0px 0px 10px 0px !important;
}
.lineh14 {
    line-height:14px !important;
}
.lineh18 {
    line-height:18px !important;
}
.lineh1-2em {
    line-height:1.2em !important;
}
/*******************************
        Blocks
*******************************/

.block-tarifs {
    text-align: center !important;
    position: fixed !important;
    bottom: 20px !important;
    left: 25% !important;
    z-index: 100;
}
.block-tarifs2 {
    text-align: center !important;
    position: fixed !important;
    bottom: 0px !important;
    background-color: #0d373e !important;
    right: 0px !important;
    left: 0px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    z-index: 10000;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
}
.block-continuer {
    text-align: center !important;
    position: fixed !important;
    bottom: 0px !important;
    right: 0px !important;
    left: 0px !important;
    z-index: 10000;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
}
.block-tarifs-desktop {
    padding-top:25px !important;
    text-align: center !important;
}
.custom_card_besoins {
    border-radius: 10px !important;
    border: 0.5px solid #0d373e !important;
}
.bloc_besoins {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    border-radius: 0px 0px 10px 10px !important;
    margin-left:25px !important;
    margin-right:25px !important;
    margin-top: 0px !important;
}
.bloc_besoins2 {
    border-radius: 0px 0px 10px 10px !important;
    margin-left:25px !important;
    margin-right:25px !important;
    margin-top: 0px !important;
}
.bloc_besoins3 {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    clip-path: inset(0px -10px -10px -10px) !important;
    border-radius: 0px 0px 10px 10px !important;
    margin-left:25px !important;
    margin-right:25px !important;
    margin-top: 0px !important;
}

.bloc_offre {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    border-radius: 10px 10px 10px 10px !important;
    border: 0px solid #ffffff !important;
}
.bloc_offre_selected {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    border-radius: 10px 10px 10px 10px !important;
    border: 4px solid #fbb723 !important;
}
.bloc_offre_selected_mobile {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    border-radius: 10px 10px 10px 10px !important;
    border: 0px solid #ffffff !important;
}
.bloc_offre_top {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    border-radius: 10px 10px 0px 0px !important;
    margin-left:25px !important;
    margin-right:25px !important;
    margin-top: 0px !important;
}
.bloc_offre_middle {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    margin-left:25px !important;
    margin-right:25px !important;
    margin-top: 0px !important;
}
.bloc_offre_bottom {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    border-radius: 0px 0px 10px 10px !important;
    margin-left:25px !important;
    margin-right:25px !important;
    margin-top: 0px !important;
}
.bg-image-prev-obseques {
    background: url("../images/img-prev-obseques.png") no-repeat center;
    background-size: contain;
    background-position: bottom 0px right 0px;
    height: 220px;
    position : relative;
    margin-top:20px !important;
}
.bg-image-prev-obseques span {
    position: absolute;
    bottom: 0;
    left: 0;
}
.bg-image-prev-deces {
    background: url("../images/img-prev-deces.png") no-repeat ;
    background-size: contain;
    background-position: bottom 0px right 0px;
    height: 220px;
    position : relative;
    margin-top:20px !important;
}
.bg-image-prev-deces span {
    position: absolute;
    bottom: 0;
    left: 0;
}
.bg-image-prev-ij {
    background: url("../images/img-prev-ij.png") no-repeat center;
    background-size: contain;
    background-position: bottom 0px right 0px;
    height: 180px;
    position : relative;
    margin-top:20px !important;
}
.bg-image-prev-ij span {
    position: absolute;
    bottom: 0;
    left: 0;
}
.bg-image-prev-inval {
    background: url("../images/img-prev-inval.png") no-repeat center;
    background-size: contain;
    background-position: bottom 0px right 0px;
    height: 180px;
    position : relative;
    margin-top:20px !important;
}
.bg-image-prev-inval span {
    position: absolute;
    bottom: 0;
    left: 0;
}
.bg-chrono {
    background: url("../images/votre-devis2.png") no-repeat center;
    background-size: contain;
    background-position: bottom 0px;
    height: 110px;
    position : relative;
}
.segment_souscription {
    border-radius:30px !important;
    border: 1px solid #0d373e !important;
    background-color: rgba(148, 205, 180, 0.1) !important;
}
.segment_souscription_selected {
    border-radius:30px !important;
    border: 1px solid #0d373e !important;
}
.segment_souscription_empty {
    border-radius:30px !important;
    border: 0.5px solid #A0A0AA !important;
    color:#A0A0AA !important;
    background-color: #FFFFFF !important;
}
.circle_unselected {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 5px;
    background-color: rgba(148, 205, 180, 0.1) !important;
    border: 2px solid #0d373e;
    color: #0d373e;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}
.circle_unselected_gris {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 5px;
    background: #ffffff;
    border: 0.5px solid #A0A0AA;
    color: #A0A0AA;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}
.circle_selected {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 5px;
    background: #fbb723;
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}
.dividerFonce {
    border-color: #0d373e !important;
}
.dividerClairGras {
    border: 1px solid #fbb723 !important;
}

/*******************************
            Table Justif
*******************************/

.ui.table.celled.justif {
    margin-top: 0 !important;
}

.ui.table thead tr:first-child>th:first-child {
    border-radius: 0;
}

.ui.table thead tr:first-child>th:last-child {
    border-radius: 0;
}

.ui.table.blue.celled.justif thead tr th {
    color: #455260;
    background: #e8e9e8;
}

.ui.table.blue {
    border: .1em solid #e8e9e8;
}

.ui.table.black {
    border: .1em solid #e8e9e8;
}

.ui.table.green.celled.justif thead tr th {
    color: #455260;
    background: #e8e9e8;
}

.ui.table.green {
    border: .1em solid #e8e9e8;
}

.ui.table.orange.celled.justif thead tr th {
    color: #455260;
    background: #e8e9e8;
}

.ui.table.orange {
    border: .1em solid #e8e9e8;
}

.ui.table.red.celled.justif thead tr th {
    color: #455260;
    background: #e8e9e8;
}

.ui.table.red {
    border: .1em solid #e8e9e8;
}
#pad_custom{
    padding:30px 30px 0px 30px !important;
}
/*******************************
          Responsive
*******************************/

/*Position ICON*/
.ui.labeled.icon.button>.icon:after,
.ui.labeled.icon.button>.icon:before,
.ui.labeled.icon.buttons>.button>.icon:after,
.ui.labeled.icon.buttons>.button>.icon:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*******************************
          Police color
*******************************/

/*******************************
         Tool tip
*******************************/