.astroid-offcanvas {width: 320px;} .astroid-offcanvas .dropdown-menus {width: 320px !important;}.st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(320px, 0, 0);transform:translate3d(320px, 0, 0);}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.astroid-offcanvas-opened .astroid-wrapper{background:rgb(173, 181, 189);}.st-effect-2.astroid-offcanvas{z-index:0 !important;}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{visibility: visible; -webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-2.astroid-offcanvas::after{display:none;}.offcanvasDirRight .st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(-320px, 0, 0);transform:translate3d(-320px, 0, 0);}#ac-211539321230222{color:rgb(255, 255, 255);}#ac-211539321230222 a{color:rgb(255, 255, 255);}#ac-211539321230222 a:hover{color:rgb(255, 255, 255);}#ac-1091539321232502{color:rgb(255, 255, 255);}#ac-1091539321232502 a{color:rgb(255, 255, 255);}#ac-1091539321232502 a:hover{color:rgb(51, 51, 51);}#ac-211539321230222{color:rgb(255, 255, 255);}#ac-211539321230222 a{color:rgb(255, 255, 255);}#ac-211539321230222 a:hover{color:rgb(255, 255, 255);}#ac-1091539321232502{color:rgb(255, 255, 255);}#ac-1091539321232502 a{color:rgb(255, 255, 255);}#ac-1091539321232502 a:hover{color:rgb(51, 51, 51);}#ts-551539321230222{background-color:rgb(2, 174, 214);}#ca-em69rz1dg{background-color:rgba(0, 0, 0, 0.713);}#ac-1529739392010{padding-top:0px;padding-bottom:0px}#ac-1529739392010{padding-top:0px;padding-bottom:0px}#ar-1529739392010{padding-top:0px;padding-bottom:0px}#cs-1529739392010{padding-top:0px;padding-right:0px;padding-bottom:0px}#s2-141539181465905{background-color:rgb(221, 221, 221);}#s3-1021555051680552{background-color:rgb(221, 221, 221);}#cs-1528971627712{background-color:rgb(0, 0, 0);color:rgb(255, 255, 255);}#cs-1528971627712 a{color:rgb(255, 255, 255);}#cs-1528971627712 a:hover{color:rgb(255, 255, 255);}body, .body{font-weight:400;text-transform:none;font-size:0.8rem;letter-spacing:0rem;line-height:1rem;font-family:Ubuntu, MS Sans Serif, Geneva, sans-serif;}h1, .h1{font-weight:600;text-transform:none;font-size:2rem;letter-spacing:0em;line-height:1em;font-family:Ubuntu, MS Sans Serif, Geneva, sans-serif;}h2, .h2{font-weight:500;text-transform:none;font-size:1.4rem;letter-spacing:0rem;line-height:1.1rem;font-family:Ubuntu, MS Sans Serif, Geneva, sans-serif;}h3, .h3{font-weight:400;text-transform:none;font-size:1.5rem;letter-spacing:0em;line-height:1rem;font-family:Raleway, MS Sans Serif, Geneva, sans-serif;}h4, .h4{font-weight:400;text-transform:none;font-size:1.5rem;letter-spacing:0em;line-height:1.1em;font-family:Raleway, MS Sans Serif, Geneva, sans-serif;}h5, .h5{font-weight:600;text-transform:none;font-size:1rem;letter-spacing:0em;line-height:1.1em;font-family:Raleway, MS Sans Serif, Geneva, sans-serif;}h6, .h6{font-weight:600;text-transform:none;font-size:1rem;letter-spacing:0em;line-height:1.1em;font-family:Raleway, MS Sans Serif, Geneva, sans-serif;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-weight:500;text-transform:uppercase;font-size:1.4rem;letter-spacing:0rem;line-height:1rem;font-family:Ubuntu, MS Sans Serif, Geneva, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-weight:400;text-transform:uppercase;font-size:1.5rem;letter-spacing:0em;line-height:2em;font-family:Raleway, MS Sans Serif, Geneva, sans-serif;}classlogo{color:rgb(0, 0, 0);font-weight:500;text-transform:none;font-size:1.5rem;letter-spacing:0rem;line-height:1rem;font-family:Ubuntu, Comic Sans MS, cursive;}body{background-color:rgb(0, 0, 0);color:rgb(51, 51, 51);}body a{color:rgb(2, 174, 214);}body a:hover{color:rgb(2, 133, 163);}header{color:rgb(51, 51, 51);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(221, 221, 221);}.astroid-logo-text .site-title{color:rgb(2, 174, 214);}.astroid-logo-text .site-tagline{color:rgb(51, 51, 51);}#astroid-sticky-header{background-color:rgb(221, 221, 221);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(0, 0, 0);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(2, 174, 214);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(2, 174, 214);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(0, 0, 0);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(2, 174, 214);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(2, 174, 214);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(2, 174, 214);}.megamenu-container{background-color:rgb(255, 255, 255);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(255, 255, 255);}.has-megamenu.open .arrow{border-bottom-color:rgb(255, 255, 255);}.megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(2, 174, 214);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(2, 174, 214);}.astroid-offcanvas, .astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(61, 61, 61) !important;}.astroid-offcanvas { color: rgb(255, 255, 255) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-offcanvas .menu-indicator{ color: rgb(255, 255, 255) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(255, 255, 255) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(35, 35, 35) !important;}.astroid-contact-info i[class*="fa-"]{color:rgb(255, 255, 255);}.p-1bg-primary {
    height: 5vh;
}


.drapeaux {
    text-align: center;  
}
.classheader {
    height: 5vh;
    
}
.headercol {
    height: 5vh;
    
}
.headerrow {
    height: 5vh;
    
}
.headercontent {
    height: 5vh;

}
.componentsection {
    height: 70vh;
    width: 100vw;
    position: relative;
}
.componentwrap {
    display: flex;
    align-items: baseline;
    position: absolute;
    height:75vh;
}
.componentarea {
    max-width: 60vw;
    border-radius: 20px;
    padding: 10px 15px 0px 15px; 
    min-height: 20vh;
    max-height: 60vh;
    overflow: auto;
    position: absolute;
    bottom: 10vh;
    left: 5vw;
    color: white;
   
   
}
.componentwrapright {
    display: flex;
    align-items: baseline;
    position: absolute;
    height:75vh;
}
.componentright {
    max-width: 20vw;
    border-radius: 20px;
    padding: 10px 15px 0px 15px; 
    min-height: 20vh;
    max-height: 60vh;
    overflow: auto;
    position: absolute;
    bottom: 10vh;
    left: 70vw;
    color: white;
   
   
}

.topbarthree {
    float: right;
    
}
.sectionone {
    overflow: hidden;
    width: 100%;
    
}
.componentthree {
    padding : 20px;
    vertical-align: middle;
}
.header-right-section {
    vertical-align: top;
    
}
body {
   overflow-x: hidden; /* Hide horizontal scrollbar */
}@media (max-width: 991.98px) {body, .body{font-size:0.8rem;letter-spacing:0rem;line-height:1rem;}h1, .h1{font-size:1.7rem;letter-spacing:0em;line-height:1em;}h2, .h2{font-size:1.4em;letter-spacing:0em;line-height:1.1em;}h3, .h3{font-size:1.4rem;letter-spacing:0em;line-height:1rem;}h4, .h4{font-size:1.5em;letter-spacing:0em;line-height:1.1em;}h5, .h5{font-size:1.4em;letter-spacing:0em;line-height:1.1em;}h6, .h6{font-size:1.2em;letter-spacing:0em;line-height:1.1em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:1.4rem;letter-spacing:0rem;line-height:1rem;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:1.4rem;letter-spacing:0em;line-height:2em;}classlogo{font-size:1rem;letter-spacing:0rem;line-height:1rem;}}@media (max-width: 767.98px) {body, .body{font-size:0.8rem;letter-spacing:0rem;line-height:1rem;}h1, .h1{font-size:1.6rem;letter-spacing:0rem;line-height:1rem;}h2, .h2{font-size:1.6rem;letter-spacing:0em;line-height:1.1em;}h3, .h3{font-size:1.3rem;letter-spacing:0em;line-height:1rem;}h4, .h4{font-size:1.4em;letter-spacing:0em;line-height:1.1em;}h5, .h5{font-size:1.3em;letter-spacing:0em;line-height:1.1em;}h6, .h6{font-size:1.1em;letter-spacing:0em;line-height:1.1em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:1.3rem;letter-spacing:0rem;line-height:1rem;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:1.3rem;letter-spacing:0em;line-height:2em;}classlogo{font-size:1rem;letter-spacing:0rem;line-height:1rem;}}