
            
                
                
                

                body {
                    
                        background-color: #ffffff;
                        
                        
                    
                    
                    background-image: url("https://assets.qualifio.com/439/9E4FA273-4766-444C-B79B5BA8EE818A27.png") !important;
                    background-size: cover;
                }

                
                .wrapper {
                    max-width: 810px;
                }
                

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

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

                

                
                    nav .wrapper {
                        text-align: center;
                    }
                

                
                    nav .logo img {
                        height: 60px;
                    }

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

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

                
                    nav .menu a {
                        
                        font-weight: Normal;
                        
                        
                        
                        
                        
                        transition: 0.3s;

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

                

                
                    .campaign-zone {
                        padding-top: 30px;
                        
                    }
                

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

                
                    footer {
                        color: #505050;

                        
                        
                            
                                font-family : myFont11427;
                            
                        
                    }
                

                
                    footer a {
                        color: #c2b59b;
                    }
                

                

                

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

                        

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

                        
                        
                        
                        
                        
                    }
                

                :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 */
                    /*---DESKTOP---*/

p {
	font-size: 15px;
}

/*header*/

header nav{
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.05),0 -1px 0px 0px rgba(0,0,0,0.06) !important;
}

/*intro*/

/*form*/

/*exit*/

/*footer*/

footer {
	padding: 0px;
	background-color: #fff;
}

footer ul#social li a:hover:before {
	color: #8C7162;
}

footer ul#social li {
	margin: 5px 3%;
	font-family: "Font Awesome 5 Brands";
	font-size: 25px;
}

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;
}

@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";
}

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;
}
		
footer #fb a:before { content: '\f09a'; }
footer #twitter a:before { content: '\f099'; }
footer #youtube a:before { content: '\f167'; }
footer #instagram a:before { content: '\f16d'; }
footer #pinterest a:before { content: '\f231'; }
footer #tiktok a:before { content: '\e07b'; }

nav .wrapper {
	box-sizing: border-box;
}

.bg-img {
height: 100vh !important;
}

/*Résoudre des problèmes d'alignement du footer sur Internet Explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.campaign-zone {
flex: none;
}
}
		
/*Footer en bas de site*/
.bg-img {
display: flex;
flex-direction: column;
}
		
.campaign-zone {
flex: 1 0 auto;
}

/*---MOBILE---*/

@media only screen and (max-width: 450px){

h1{
	font-size: 25px;
}

h2{
	font-size: 20px;
}

p {
	font-size: 12px;
}
	
a {
	font-size: 20px;
}


/*header*/
	
nav .logo img {
    height: 40px !important;
    max-height: 100px !important;
}
	
nav {
    height: 50px;
}

.campaign-zone .wrapper {
    padding-top: 30px;
}

/*intro*/

/*form*/

/*exit*/

/*footer*/
}
                
            
        