@charset "utf-8";
/* CSS Document */

/*Promo Quiz*/

.quiz-banner {
            /* Définit la largeur à 100% de la fenêtre */
            width: auto;
			/*max-width: 2000px;*/
            /* Hauteur fixe, mais ne dépassera jamais 300px */
            height: 300px;
            max-height: 300px;
            
            /* Image d'arrière-plan */
            /* Remplacez l'URL par le chemin de votre propre image */
            background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/carbon-calculator/hub/images/quiz_banner.jpg');
            
            /* Assure que l'image couvre toute la zone, sans se déformer */
            background-size: cover;
            /* Centre l'image dans la zone */
            background-position: center;
            /* Empêche la répétition de l'image */
            background-repeat: no-repeat;

            /* Utilisation de Flexbox pour centrer le contenu verticalement et horizontalement */
            display: flex;
            justify-content: center; /* Centre horizontalement */
            align-items: center;    /* Centre verticalement */
            
            /* Style du texte */
            color: white;
            text-align: center;
        }

		.quiz-banner h3 {
			color: #ffffff;
            /*font-size: 38px; 
            font-weight: 700;*/
            /* Ajoute une légère ombre au texte pour une meilleure lisibilité */
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
        }

        .quiz-banner p {
			color: #ffffff;
            font-size: 38px; /* Taille du texte principal */
            font-weight: 700;
            /* Ajoute une légère ombre au texte pour une meilleure lisibilité */
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
        }

        /* Ajustements pour les petits écrans (mobiles) */
        @media (max-width: 768px) {
            .quiz-banner p {
                font-size: 22px; /* Réduit la taille du texte sur les petits écrans */
				color: #ffffff;
            }
        }

.zonepromofaq {
            text-align: center;
			padding-top: 35px;
			padding-bottom: 35px;
        }

@media (max-width: 991px) {
  .texte-dessus-mobile {
    margin-bottom: 30px; /* Ajustez la valeur (30px) selon l'espace désiré */
  }
}

/*Whitepaper*/

#goto-2columns835whitepaper{ font-size: 16px; padding: 0 0px; padding-top: 35px; padding-bottom: 35px; overflow: hidden; }
#goto-2columns835whitepaper .application{ position: relative; }
#goto-2columns835whitepaper .application-title{}
#goto-2columns835whitepaper .application-container{}
#goto-2columns835whitepaper .application-head{ padding-bottom: 160px; }
#goto-2columns835whitepaper .application-headinner{}
#goto-2columns835whitepaper .application-body{}
#goto-2columns835whitepaper .application-bodyinner{}
#goto-2columns835whitepaper .application-content{}
#goto-2columns835whitepaper .application-register{ left: 0; position: absolute; bottom: 70px; }
#goto-2columns835whitepaper .application-cta{ left: 0; position: absolute; bottom: 30px; }
#goto-2columns835whitepaper .application-cta a{ color: inherit; text-decoration: underline; }
#goto-2columns835whitepaper .application-cta a:focus,
#goto-2columns835whitepaper .application-cta a:hover{ color: #ee0000; }

#goto-2columns835whitepaper .application-body{ position: absolute; left: 200px; right: -100px; bottom: 0; }
#goto-2columns835whitepaper .application-body picture{ display: block; }
#goto-2columns835whitepaper .application-body img{ display: block; height: auto; width: 250px; }

@media (max-width: 520px){
	#goto-2columns835whitepaper{ padding-bottom: 115px; }
	#goto-2columns835whitepaper .application-body{ left: 0px; right: 0px; bottom: -105px; }
	#goto-2columns835whitepaper .application-body img{ width: 100%; max-width: 300px; }
	#goto-2columns835whitepaper .application-register { bottom: 90px;}
}

@media (min-width: 521px){
	#goto-2columns835whitepaper .application-body{ left: auto; right: -10px; }
}

@media (min-width: 600px){
	#goto-2columns835whitepaper .application-container{ display: table; width: 100%; }
	#goto-2columns835whitepaper .application-head,
	#goto-2columns835whitepaper .application-body{ display: table-cell; vertical-align: middle; padding: 0; }
	#goto-2columns835whitepaper .application-headinner{ padding-right: 2em; }
	#goto-2columns835whitepaper .application-content{ margin-bottom: 1em; }
	#goto-2columns835whitepaper .application-register{ margin-bottom: 1em; position: static; left: 0; bottom: 0;  }
	#goto-2columns835whitepaper .application-cta{ position: static; left: 0; bottom: 0;  }
	#goto-2columns835whitepaper .application-body{ position: static; left: 0; bottom: 0; width: 300px;  }
	#goto-2columns835whitepaper .application-body img{ width: 100%; }
}
@media (min-width: 768px){
	#goto-2columns835whitepaper{ font-size: 18px; padding: 0; padding-top: 35px; padding-bottom: 35px;  }
	#goto-2columns835whitepaper .application-body{ width: 400px;  }
}
@media (min-width: 992px){
	#goto-2columns835whitepaper{ padding-top: 35px; padding-bottom: 35px;  }
	#goto-2columns835whitepaper .application-body{ width: 500px;  }
}
@media (min-width: 1200px){
	#goto-2columns835whitepaper{ padding-top: 35px; padding-bottom: 35px;  }
	#goto-2columns835whitepaper .application-body{ width: 835px;  }
}
/*@media (min-width: 1440px) {
	#goto-2columns835whitepaper{ padding-top: 70px; padding-bottom: 100px;  }
	#goto-2columns835whitepaper .application-body{ width: 850px;  }
}*/



/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}
	
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
	
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}
	
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}