@font-face { font-family : myFont5408;src: url('/library/sncb_0/fonts/5408/circularstd-book.eot');src : local('☺'),url('/library/sncb_0/fonts/5408/circularstd-book.eot'),url('/library/sncb_0/fonts/5408/circularstd-book.otf') format('opentype'),url('/library/sncb_0/fonts/5408/circularstd-book.svg') format('svg'),url('/library/sncb_0/fonts/5408/circularstd-book.ttf') format('truetype'),url('/library/sncb_0/fonts/5408/circularstd-book.woff') format('woff');}
                
                

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

                
                .wrapper {
                    max-width: 810px;
                }
                

                
                    nav {
                        background: #006ab3;
                        position: fixed;
                        height: 60px;
                    }

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

                

                
                    nav .wrapper {
                        text-align: left;
                    }
                

                
                    nav .logo img {
                        height: 40px;
                    }

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

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

                
                    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: Open Sans, sans-serif;
                            
                        
                    }
                

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

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

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

                
                    footer {
                        color: #3a3a3a;

                        
                        
                            
                                font-family : myFont5408;
                            
                        
                    }
                

                
                    footer a {
                        color: #006ab3;
                    }
                

                

                

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

                        

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

                        
                            .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 super admin */
                    nav {
    height: auto;
}

nav .logo img {
    height: auto;
    max-width: 95%;
    max-height: 40px;
    margin: 20px auto;
}

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

.campaign-zone .container {
    box-sizing: border-box;
}

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

.campaign-zone {
    flex: 1;
}

footer {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

	nav .wrapper {
		text-align: center;
	}
	
	nav .logo img {
		max-height: 30px;
		margin: 15px auto;
	}
	
	.campaign-zone .wrapper {
		padding-top: 70px;
	}

	
}