body {
                    
                        background-color: #15103a;
                        
                        
                    
                    
                    
                    background-size: ;
                }

                
                .wrapper {
                    max-width: 810px;
                }
                

                
                    nav {
                        background: #15103a;
                        position: fixed;
                        height: 100px;
                    }

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

                

                
                    nav .wrapper {
                        text-align: center;
                    }
                

                
                    nav .logo img {
                        height: 60px;
                    }

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

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

                
                    nav .menu a {
                        font-size: 14px;
                        font-weight: Bold;
                        
                            border-radius: 200px;
                        
                        background-color: #ffffff;
                        color: #2d3b3f;
                        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: 2px;
                        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: #61cdec;
                    }
                

                

                

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

                        

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

                        
                            .mobile-nav-button {
                                background: #ffffff;
                                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: #2d3b3f;
                        }
                        .mobile-nav-button .mobile-nav-icon {
                            color: #2d3b3f;
                            }
                        
                        
                            .mobile-menu {
                                background: #ffffff;
                            }
                        
                    }
                

                :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 */
                    /* Load font family fontawesome for social icons*/
@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
        src : url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.3.0");
        src : url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
        url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
        url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
        url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
        url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
/* Make sure items are cener aligned inside the footer*/
footer {
    text-align: center;
    position: relative;
}
/* Make sure the footer padding etc is set*/
footer .wrapper {
    position: initial;
    padding: 10px;
}

.follow {
    margin: 20px auto 0;
	color:#fff
}
div#footer-element {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 87px;
}
footer .social {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
div#footer-element p {
    margin: 0;
    line-height: 0;
}
/* Make sure that the image used inside the footer (logo)is correctly positioned*/
footer img {
    max-width: 100%;
    height: auto !important
}
/* Make sure text for social media icon isn't shown*/
footer .social li a span {
    display: none;
}
footer a{color:#fff}
/* Make sure the fontfamily inside the footer is set to fontawesome so facebook icons etc can be shown.*/
footer .social li {
    margin: 5px 2%;
    font-family: FontAwesome;
    font-size: 24px;
}
/* Set the hover color for the social links*/
footer .social li a:hover {
    text-decoration: none;
    color: #0072bb;
}
/*Make sure the icons are added to the listitems so that the icons can be shown*/
footer #fb a:before { content: '\f082'; }
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: '\f0d2'; }
footer #flickr a:before { content: '\f16e'; }
@media only screen and (max-width: 600px) {     
    .bg-img {
        display: block;
    }
    nav .wrapper {
        padding: 0 20px;
    }
    nav .logo img {
        max-height: 68px;
        margin: 10px auto 0;
    }   
    footer .social li {
        margin: 5px 4%;
    }
}
		
.campaign-zone {
    opacity: 0.9;
}
input.bouton, nav .menu a {
    background: linear-gradient(90deg, rgba(0, 129, 255, 1) 0%, rgba(225, 208, 244, 1) 100%);
    border-radius: 5px;    
    border-width: 0px;
	color:#fff
		margin-right: 26px;	
}
input.bouton:hover {
    background: linear-gradient(90deg, rgba(0, 129, 255, 1) 0%, rgba(225, 208, 244, 1) 100%);
    border-radius: 5px;    
    border-width: 0px;
	color:#000
			
  }	
nav .logo img {
	padding-top: 10px;
  margin-left: 15px;
}

nav li {
    margin-right: 16px;
}

input.bouton,
  nav .menu a {
    margin-top: 25px !important;
  }


/* Fix min-height legacy */
nav { min-height: 50px; }