body {
                    
                        background-color: #FFFFFF;
                        
                        
                    
                    
                    
                    background-size: ;
                }

                
                .wrapper {
                    max-width: 810px;
                }
                

                
                    nav {
                        background: #000000;
                        position: fixed;
                        height: 80px;
                    }

                    @media only screen and (max-width: 480px) {
                        nav .menu {
                            background: #000000;
                        }
                    }
                

                

                
                    nav .wrapper {
                        text-align: center;
                    }
                

                
                    nav .logo img {
                        height: 50px;
                    }

                    .campaign-zone .wrapper {
                        padding-top: 50px;
                    }
                

                
                    nav .menu {
                        min-height: 80px;
                    }
                

                
                    nav .menu a {
                        font-size: 14px;
                        font-weight: Bold;
                        
                            border-radius: 200px;
                        
                        background-color: #000000;
                        color: #ffffff;
                        border-width: 2px;
                        border-color: #FFFFFF;
                        transition: 0.3s;

                        
                        
                            
                                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;;
                            
                        
                    }
                

                
                    nav .menu a:hover {
                        color: #000000;
                        background-color: #FFFFFF;
                        border-color: #FFFFFF;
                    }
                

                
                    .campaign-zone {
                        padding-top: 110px;
                        text-align: center;
                    }
                

                
                    .campaign-zone .container {
                        
                        max-width: 810px;
                    }
                

                
                    footer {
                        

                        
                        
                            
                                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;;
                            
                        
                    }
                

                
                    footer a {
                        color: #000000;
                    }
                

                

                

                    @media only screen and (max-width: 480px) {

                        

                        
                            nav .logo img {
                                max-height: 80px;
                            }
                        

                        
                            .mobile-nav-button {
                                background: #000000;
                                border-color: #FFFFFF;
                                border-width: 2px;
                            }
                        
                        
                            .mobile-nav-button:hover {
                                background: #FFFFFF;
                                border-color: #FFFFFF;
                            }
                        
                        
                            .mobile-nav-button:hover .mobile-nav-button__line {
                                background: #000000;
                            }
                        .mobile-nav-button:hover .mobile-nav-icon {
                            color: #000000;
                        }
                        
                            .mobile-nav-button .mobile-nav-button__line {
                                background: #ffffff;
                        }
                        .mobile-nav-button .mobile-nav-icon {
                            color: #ffffff;
                            }
                        
                        
                            .mobile-menu {
                                background: #000000;
                            }
                        
                    }
                

                :focus-visible,
                #qualifio_wrapper .bouton:focus-visible,
                #qualifio_wrapper .champTexte:focus-visible,
                #qualifio_wrapper .flat_checkbox:has(input[type=checkbox]:focus-visible),
                #qualifio_wrapper .flat_radio:has(input[type=radio]:focus-visible),
                #qualifio_wrapper .form_textfield:focus-visible,
                #qualifio_wrapper .quizz select:focus-visible,
                #qualifio_wrapper a:focus-visible,
                #qualifio_wrapper input.champTexte.form_textfield:focus-visible,
                #qualifio_wrapper select:focus-visible,
                #qualifio_wrapper textarea.champMemo:focus-visible,
                a.skip-link:focus-visible {
                    
                        outline: none;
                    
                }

                
                    /* extra css code added by client */
                    /* Fix min-height legacy */
nav { min-height: 50px; }
                

                
                    /* extra css code added by super admin */
                    .logo {
    padding-top: 15px;
}

iframe{
	box-shadow: 0 0 20px 1px #ECECEC !important;
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(https://fonts.qualifio.com/fontawesomesix/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(https://fonts.qualifio.com/fontawesomesix/webfonts/fa-regular-400.woff2) format("woff2");
}

.far,
.fa-regular {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(https://fonts.qualifio.com/fontawesomesix/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://fonts.qualifio.com/fontawesomesix/webfonts/fa-solid-900.woff2) format("woff2");
}

.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url(https://fonts.qualifio.com/fontawesomesix/webfonts/fa-brands-400.woff) format("woff"), url(https://fonts.qualifio.com/fontawesomesix/webfonts/fa-brands-400.woff2) format("woff2");
}

.fab {
    font-family: "Font Awesome 5 Brands";
}

.bg-img {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.campaign-zone {
    flex: 1;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .campaign-zone {
        flex: none;
    }
}

.campaign-zone .wrapper {
    padding-top: 0px;
}

footer {
    background-color: #000;
    text-align: center;
    padding: 20px 0;
}

footer p {
    font-size: 11px;
}

footer ul#social li {
	margin: 5px 3%;
  	font-family: "Font Awesome 5 Brands";
	font-size: 19px;
    border-radius: 100%;
    background-color: #fff;
    width: 19px;
    padding: 8px;
}


footer ul#social {
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 60%;
	margin: 0 auto;
}

li#youtube {
    padding-right: 10px !important;
}


footer ul#social li a:hover {
    text-decoration: none;
}

footer ul#social li a:before {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}


footer ul#social li a span {
    display: none;
}

footer #fb a:before {
    content: '\f39e';
}

footer #twitter a:before {
    content: '\f099';
}

footer #youtube a:before {
    content: '\f167';
}

footer #linkedin a:before {
    content: '\f08c';
}

footer #instagram a:before {
    content: '\f16d';
}

footer #pinterest a:before {
    content: '\f231';
}

footer #flickr a:before {
    content: '\f16e';
}

footer #tiktok a:before {
    content: '\e07b';
}

nav .wrapper {
    box-sizing: border-box;
}

@media (max-width: 480px) {
    .bg-img {
        display: block;
    }
}