/* Reset et styles de base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
}

body {
    font-family: 'Arial', sans-serif;
    background-image: url('../img/fond.png');
	background-size: 100%;
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    /*min-height: 100vh;*/
	/*min-width: 100%;*/
    /*overflow-x: hidden;*/
    /*width: 100%;*/
    /*max-width: 100vw;*/
	/*max-width: 100%;*/
}

p {
    
    
}

/* Contenu principal */
main {
    padding: 40px 20px;
    text-align: center;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    overflow-x: hidden;
}


.welcome-title {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 30px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    line-height: 1.2;
}



/*.histo_part {
	width: 100%;
	height: 300px;
	/*border-style: solid;
	border-color: red;*/
/*}
*/


/* ===== RESPONSIVE DESIGN ===== */

/* Tablettes (768px - 1024px) */
@media (max-width: 1024px) {
	body {
		/*background-size: 1200px;*/
		/*background-position: center;*/
	}
	
    .welcome-title {
        font-size: 2.2rem;
    }
}



/* Mobiles (jusqu'à 767px) */
@media (max-width: 767px) and (orientation: landscape) {
     /* Contenu principal mobile */
	html {
		overflow-x: hidden;
	}
	
    body {
		background-size: 50%;
	}
	
	main {
        padding: 20px 15px;
        margin-top: 60px;
    }
	
	.welcome-title {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
}



/* Très petits écrans (jusqu'à 480px) */
@media (max-width: 480px) {
	body {
		background-size: 100%;
		/*background-repeat: no-repeat;*/
	}
	
    main {
        padding: 15px 10px;
    }
	
	.welcome-title {
        font-size: 1.5rem;
    }
}



/* Amélioration de l'accessibilité */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}