body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text7 div
{
   text-align: justify;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text4 div
{
   text-align: justify;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text5 div
{
   text-align: justify;
}
#SlideShow1 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: auto;
   height: 100%;
}
#SlideShow1
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text6 div
{
   text-align: justify;
}
#SlideShow2 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: auto;
   height: 100%;
}
#SlideShow2
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text8 div
{
   text-align: justify;
}
#SlideShow3 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: auto;
   height: 100%;
}
#SlideShow3
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text9 div
{
   text-align: justify;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text10 div
{
   text-align: justify;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text11 div
{
   text-align: justify;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text12 div
{
   text-align: justify;
}
#SlideShow4 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: auto;
   height: 100%;
}
#SlideShow4
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Text13 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text13 div
{
   text-align: justify;
}
#wb_Extension1
{
   text-align: left;
}
#Extension1, #Extension1 ul 
{
   list-style: none;
}
#Extension1 
{
   display: inline-block;
   font-size: 0px;
   margin: 0;
   padding: 0;
}
#Extension1 > li 
{
   background-color: #FFFFFF;
   border: 0px solid #FFFF00;
   border-radius: 0px;
   color: #000000;
   display: inline-block;
   font-family: "Castellar";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   margin: 0 4px 0 0;
   position: relative;
   text-decoration: none;
}
#Extension1 > li > a 
{
   color: inherit;
   display: block;
   padding: 12px 20px 12px 20px;
   text-decoration: none;
}
#Extension1 > li:hover
{
   background-color: #DC143C;
   border-color: #0000CD;
   color: #FFFFFF;
}
.Extension1-submenu 
{
   right: 0%;
   padding: 0;
   position: absolute;
   text-align: center;
   top: 100%;
   width: 100%;
   z-index: 8888;
}
.Extension1-submenu li
{
   background-color: #D3D3D3;
   border: 0px solid #3483AD;
   color: #FFFFFF;
   display: none;
   margin: 0px 0 0 0;
}
.Extension1-submenu li:hover
{
   background-color: #DC143C;
   border-color: #4FA9D8;
   color: #FFFFFF;
}
.Extension1-submenu li:first-child
{
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
}
.Extension1-submenu li:last-child
{
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}
.Extension1-submenu li a
{
   color: inherit;
   display: block;
   padding: 12px 20px 12px 20px;
   text-decoration: none;
}
.Extension1-submenu li:hover a
{
   color: inherit;
}
#Extension1 > li:hover > .Extension1-submenu li
{
   display: block;
}
#Extension1 > li:hover > .Extension1-submenu
{
   perspective: 1000px;
}
#Extension1 > li:hover > .Extension1-submenu li:nth-child(1)
{
   animation-name: Extension1;
   animation-fill-mode: forwards;
   animation-timing-function: ease-out;
   animation-duration: 666ms;
   animation-delay: -333ms;
}
#Extension1 > li:hover > .Extension1-submenu li:nth-child(2)
{
   animation-name: Extension1;
   animation-fill-mode: forwards;
   animation-timing-function: ease-out;
   animation-duration: 666ms;
   animation-delay: 0ms;
}
#Extension1 > li:hover > .Extension1-submenu li:nth-child(3)
{
   animation-name: Extension1;
   animation-fill-mode: forwards;
   animation-timing-function: ease-out;
   animation-duration: 666ms;
   animation-delay: 333ms;
}
#Extension1 > li:hover > .Extension1-submenu li
{
   opacity: 0;
   transform-origin: top center;
}
@keyframes Extension1
{
   0% { transform: rotate(0deg) scale(2,2) ; opacity: 0; transform-origin: 50% 50%;  }
   100% { transform: rotate(0deg) scale(1,1) ; opacity: 1; transform-origin: 50% 50%;  }
}
#Extension1 .menu-icon
{
   font-size: 19px;
   margin-right: 10px;
   top: 50%;
   margin-top: -0.5em;
   width: 19px;
}
.Extension1-submenu .divider 
{
   overflow: hidden;
   border-width: 1px 0 0 0;
   border-style: solid;
   border-color: #FFFFFF;
}
@media screen and (max-width:480px)
{
#Extension1
{
   padding: 0;
   position: relative;
   top: auto;
   width: 100%;
}
#Extension1 > li 
{
   display: block;
   margin: 0;
}
.Extension1-submenu 
{
   position: relative;
   display: none;
   width: 100%;
}
.Extension1-submenu > li 
{
   display: block;
   opacity: 1 !important;
   padding: 0;
   animation-name: none !important;
}
.Extension1-submenu > li > a 
{
   padding: 12px 20px 12px 20px;
}
.Extension1-submenu:target
{
   display: block;
   width: 100%;
   left: 0;
   margin: 0;
   padding: 0;
}
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   box-sizing: border-box;
   padding: 0;
   box-shadow: 0px 0px 10px #000000;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text14 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text14 div
{
   text-align: center;
}
#wb_Form1
{
   background-color: #C0C0C0;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
}
#Label1
{
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label1:focus
{
   outline: 0;
}
#Editbox1
{
   line-height: 18px;
   margin: 0;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#Editbox1:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Label2
{
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label2:focus
{
   outline: 0;
}
#Editbox2
{
   line-height: 18px;
   margin: 0;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#Editbox2:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Label3
{
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label3:focus
{
   outline: 0;
}
#TextArea1
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   padding: 4px 4px 4px 4px;
   margin: 0;
   overflow: auto;
   resize: none;
}
#TextArea1:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Button1
{
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-color: #3370B7;
   background-image: none;
   color: #FFFFFF;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}
#PageFooter4
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageFooter1
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageFooter2
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageFooter3
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
        body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
        }
        /* Animation douce pour l'apparition */
        .modal-transition {
            transition: opacity 0.3s ease-in-out;
            opacity: 0;
            pointer-events: none;
        }
        .modal-active {
            opacity: 1;
            pointer-events: auto;
        }