*,
                                                                *::before,
                                                                *::after{
                                                                
                                                                box-sizing: border-box
                                                                
                                                                }
                                                                
                                                                .nom_de_votre_menu{
                                                                
                                                                list-style-type: none;
                                                                margin:0;
                                                                padding:0;	
                                                                display: flex;
                                                                flex-direction: column;
                                                                
                                                                	
                                                                	}
                                                                	
                                                                
                                                                .nom_de_votre_menu li a{
                                                                	
                                                                position: relative;
                                                                z-index: 1;
                                                                -webkit-box-reflect:below 0 linear-gradient(transparent 50%, rgba(0,0,0,.3)) /* reflet sur chrome + opera */;
                                                                display: flex;
                                                                justify-content: center;
                                                                color: #fff;
                                                                padding: 1rem 0;
                                                                text-decoration: none;
                                                                	
                                                                	}
                                                                	
                                                                	
                                                                .nom_de_votre_menu li a:not(.active){
                                                                
                                                                background: linear-gradient(to top,#222,#606060);
                                                                box-shadow: inset 0 5px 0 rgba(111, 111, 111, 0.59);
                                                                transition: background .6s
                                                                	
                                                                	}
                                                                	
                                                                a.active,
                                                                a.active:hover{
                                                                
                                                                box-shadow: inset 0 0 3px lightgreen;
                                                                background:radial-gradient(farthest-corner at 50% 100%,rgba(91,171,38,1) 0%, rgba(0,77,9, 1) 100%)
                                                                	
                                                                }
                                                                	
                                                                .nom_de_votre_menu li a:not(.active):before{
                                                                
                                                                background:radial-gradient(farthest-corner at 50% 100%,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);
                                                                content: '';
                                                                height: 100%;
                                                                width: 100%;
                                                                position: absolute;
                                                                top: 0;
                                                                left: 0;
                                                                opacity: 0;
                                                                z-index: -1;
                                                                transition: opacity .3s 
                                                                
                                                                }
                                                                
                                                                .nom_de_votre_menu li a:not(.active):hover:before {
                                                                
                                                                opacity: 1;
                                                                
                                                                }
                                                                	
                                                                @media screen and (min-width:60rem){
                                                                
                                                                	.nom_de_votre_menu{
                                                                	
                                                                	flex-flow: row
                                                                	
                                                                	}
                                                                	.nom_de_votre_menu li{
                                                                	
                                                                	width:calc(100%/5)
                                                                	
                                                                	}
                                                                	
                                                                	.nom_de_votre_menu li a{
                                                                	
                                                                	border-right:1px solid rgba(255,255,255,.1);
                                                                	
                                                                	}
                                                                	}
                                                                
                                                                
                                                                

.comp_0 {
    flex-direction: column;
    padding-left: 0px;
    padding-right: 0px;
}
.comp_0 > .innerBox {
    display: inherit;
    flex-direction: inherit;
}
.comp_1 {
    --bs-gutter-x: 0px;
    flex-direction: row;
}
.comp_10 {
    display: flex;
    width: 100%;
}
.comp_10 .wa-image-wrap {
    aspect-ratio: 591/775;;
    box-sizing: content-box;
    overflow: hidden;
    position: relative;
    width: calc( min( 100% , 591px) );
}
.comp_10 .wa-image-wrap > div {
    aspect-ratio: 591/775;;
    position: relative;
    width: 100%;
}
.comp_10 .wa-image-wrap img {
    aspect-ratio: 591/775;;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.comp_11 {
    --bs-gutter-x: 0px;
    flex-direction: row;
}
.comp_2 {
    flex-direction: column;
}
.comp_2 > .wa_inner_col {
    display: flex;
    flex-direction: inherit;
    height: 100%;
}
.comp_2 > .wa_inner_col > .wa_inner_col2 {
    display: inherit;
    flex-direction: inherit;
    height: 100%;
    justify-content: flex-start;
}
.comp_3 {
    width: 100%;
}
.comp_4 {
    --bs-gutter-x: 0px;
    flex-direction: row;
}
.comp_5 {
    flex-direction: column;
}
.comp_5 > .wa_inner_col {
    display: flex;
    flex-direction: inherit;
    height: 100%;
}
.comp_5 > .wa_inner_col > .wa_inner_col2 {
    display: inherit;
    flex-direction: inherit;
    height: 100%;
    justify-content: flex-start;
}
.comp_6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
}
.comp_6 .wa-txt-par {
    color: rgba(33,37,41,1);
    font-family: 'Arial';
    margin-bottom: 1em;
    width: 100%;
    word-break: break-word;
    &:not(:last-child) {margin-bottom: 16px !important;} 
}
.comp_6 .wa-txt-par a {
    color: rgba(0,0,255,1);
    font-weight: normal;
    text-decoration: underline;
}
.comp_6 .wa-txt-par.wa-last-par {
    color: rgba(33,37,41,1);
    font-family: 'Arial';
    margin-bottom: 0px;
    width: 100%;
    word-break: break-word;
    &:not(:last-child) {margin-bottom: 16px !important;} 
}
.comp_6 .wa-txt-par.wa-last-par a {
    color: rgba(0,0,255,1);
    font-weight: normal;
    text-decoration: underline;
}
.comp_7 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
}
.comp_7 .wa-txt-par {
    color: rgba(33,37,41,1);
    font-family: 'Arial';
    margin-bottom: 1em;
    width: 100%;
    word-break: break-word;
    &:not(:last-child) {margin-bottom: 16px !important;} 
}
.comp_7 .wa-txt-par a {
    color: rgba(0,0,255,1);
    font-weight: normal;
    text-decoration: underline;
}
.comp_7 .wa-txt-par.wa-last-par {
    color: rgba(33,37,41,1);
    font-family: 'Arial';
    margin-bottom: 0px;
    width: 100%;
    word-break: break-word;
    &:not(:last-child) {margin-bottom: 16px !important;} 
}
.comp_7 .wa-txt-par.wa-last-par a {
    color: rgba(0,0,255,1);
    font-weight: normal;
    text-decoration: underline;
}
.comp_8 {
    display: flex;
    width: 100%;
}
.comp_8 .wa-image-wrap {
    aspect-ratio: 1414/2000;;
    box-sizing: content-box;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: calc( min( 100% , 1414px) );
}
.comp_8 .wa-image-wrap > div {
    aspect-ratio: 1414/2000;;
    position: relative;
    width: 100%;
}
.comp_8 .wa-image-wrap img {
    aspect-ratio: 1414/2000;;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.comp_9 {
    flex-direction: column;
}
.comp_9 > .wa_inner_col {
    display: flex;
    flex-direction: inherit;
    height: 100%;
}
.comp_9 > .wa_inner_col > .wa_inner_col2 {
    display: inherit;
    flex-direction: inherit;
    height: 100%;
    justify-content: flex-start;
}
body {
    background-color: rgba(255,255,255,1);
}
.comp_0 {
    border: none;
    border-radius: 0px;
    display: flex;
    min-height: 0px;
}
.comp_0 > .innerBox {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.comp_1 {
    display: flex;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.comp_10 {
    justify-content: center;
    margin-bottom: 0px;
    margin-top: 0px;
}
.comp_10 .wa-image-wrap {
    border: none;
    border-radius: 0px;
    max-width: calc( min( 100% , 591px) );
}
.comp_11 {
    display: flex;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.comp_2 {
    min-height: 0px;
    padding-left: 0rem;
    padding-right: 0rem;
}
.comp_2 > .wa_inner_col {
    border: none;
    border-radius: 0px;
}
.comp_2 > .wa_inner_col > .wa_inner_col2 {
    gap: 0rem;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.comp_3 {
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 0px;
}
.comp_4 {
    display: flex;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.comp_5 {
    min-height: 0px;
    padding-left: 0rem;
    padding-right: 0rem;
}
.comp_5 > .wa_inner_col {
    border: none;
    border-radius: 0px;
}
.comp_5 > .wa_inner_col > .wa_inner_col2 {
    gap: 0rem;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.comp_6 {
    border: none;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 0px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.comp_6 .wa-txt-par {
    font-size: 20px;
    letter-spacing: 0em;
    line-height: 1.2;
    text-align: left;
}
.comp_6 .wa-txt-par.wa-last-par {
    font-size: 20px;
    letter-spacing: 0em;
    line-height: 1.2;
    text-align: left;
}
.comp_7 {
    border: none;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 0px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}
.comp_7 .wa-txt-par {
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.2;
    text-align: left;
}
.comp_7 .wa-txt-par.wa-last-par {
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.2;
    text-align: left;
}
.comp_8 {
    justify-content: center;
    margin-bottom: 0px;
    margin-top: 0px;
}
.comp_8 .wa-image-wrap {
    border: none;
    border-radius: 0px;
    max-width: calc( min( 388.85px , 1414px) );
}
.comp_9 {
    min-height: 0px;
    padding-left: 0rem;
    padding-right: 0rem;
}
.comp_9 > .wa_inner_col {
    border: none;
    border-radius: 0px;
}
.comp_9 > .wa_inner_col > .wa_inner_col2 {
    gap: 0rem;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
body {
    background-image: url('../../icons/ciel.jpg?t=b06915ec_1457_4fb2_af27_ec663b093bea');
}
@media (min-width: 992px) {
    .comp_0 {
        border: none;
        border-radius: 0px;
        display: flex;
        min-height: 0px;
    }
    .comp_0 > .innerBox {
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    .comp_1 {
        display: flex;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    .comp_10 {
        justify-content: center;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .comp_10 .wa-image-wrap {
        border: none;
        border-radius: 0px;
        max-width: calc( min( 100% , 591px) );
    }
    .comp_11 {
        display: flex;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    .comp_2 {
        min-height: 0px;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .comp_2 > .wa_inner_col {
        border: none;
        border-radius: 0px;
    }
    .comp_2 > .wa_inner_col > .wa_inner_col2 {
        gap: 0rem;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    .comp_3 {
        margin-bottom: 0px;
        margin-top: 0px;
        min-height: 0px;
    }
    .comp_4 {
        display: flex;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    .comp_5 {
        min-height: 0px;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .comp_5 > .wa_inner_col {
        border: none;
        border-radius: 0px;
    }
    .comp_5 > .wa_inner_col > .wa_inner_col2 {
        gap: 0rem;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    .comp_6 {
        border: none;
        border-radius: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        min-height: 0px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
    }
    .comp_6 .wa-txt-par {
        font-size: 20px;
        letter-spacing: 0em;
        line-height: 1.2;
        text-align: left;
    }
    .comp_6 .wa-txt-par.wa-last-par {
        font-size: 20px;
        letter-spacing: 0em;
        line-height: 1.2;
        text-align: left;
    }
    .comp_7 {
        border: none;
        border-radius: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        min-height: 0px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
    }
    .comp_7 .wa-txt-par {
        font-size: 16px;
        letter-spacing: 0em;
        line-height: 1.2;
        text-align: left;
    }
    .comp_7 .wa-txt-par.wa-last-par {
        font-size: 16px;
        letter-spacing: 0em;
        line-height: 1.2;
        text-align: left;
    }
    .comp_8 {
        justify-content: center;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .comp_8 .wa-image-wrap {
        border: none;
        border-radius: 0px;
        max-width: calc( min( 388.85px , 1414px) );
    }
    .comp_9 {
        min-height: 0px;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .comp_9 > .wa_inner_col {
        border: none;
        border-radius: 0px;
    }
    .comp_9 > .wa_inner_col > .wa_inner_col2 {
        gap: 0rem;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    body {
        background-image: url('../../icons/ciel.jpg?t=b06915ec_1457_4fb2_af27_ec663b093bea');
    }
}