@charset "utf-8";
* {
	box-sizing: border-box;
}
body{
	background-color:black;
}
footer{
	height: 10rem;
}
.footer-strap {
    height: 20px;
    width: 16px;
	position: absolute;	
	margin-top: 2px;
	margin-left: 1px;
}
#secret{
	background-color:#000000;
	color: #0FEB1F;
}
.form-contrat {
    height: 5px;
    width: 5px;
	position: absolute;	
}
.form-confirm {
    height: 160px;
    width: 5%;
	position: absolute;
	left: 20%
}
.newsletter-object {
    height: 20px;
    width: 40px;
	position: absolute;
	margin-top: 4px;
	margin-left: 45px;
}
.article-defered {
    height: 40px;
    width: 5px;
	position: absolute;
	margin-top: 15px;
}
.article-title {
    height: 40px;
    width: 1px;
	position: absolute;
	margin-left: -330px;
}
.bg-darkblue {
	background-color: #162D59;
}
.blanc{
	color: white;
}
.txt-white {
	color: white;
}
.txt-pink {
	color: #F2BFAC;
}
.bg-pink{
	background-color:#f2bfac;
}
.fs-nav {
	font-size: 1.25rem;
}
.arrondi{
	border-radius: 1rem;
}
.ligne{
	border-bottom: 1px solid #f2bfac
}
.nav-link {
	color: #F2BFAC;
}
.icons{
	width: 10rem;
}
.d-flex{
	display: flex;
}
.rectivication{
	background-color: darkred;
	width: 10rem;
	height: 2.5rem;
	position: absolute;
	top: rem;
	left: rem;
}
.rectivication-2{
	background-color: darkred;
	width: 10rem;
	height: 2.5rem;
	position: absolute;
	top: 75rem;
	left: 100rem;
}
/*d-flex*/
.gap-10{
	row-gap: 5rem;
}
.flex-colum{
	flex-direction: column;
}
.evenly{
	justify-content: space-evenly;
}
.between{
	justify-content: space-between;
}
.millieu{
	align-items: center;
}
.centre{
	justify-content: center;
}
.w-80{
	width: 80%;
}
.w-50{
	width: 50%;
}
.w-40{
	width: 40%;
}
.w-30{
	width: 30%;
}
/* Global Styles */
body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
}
.corn{
	border-radius: 15px;
}
h1, h3 {
    color: #333;
}
/* Main Container */
.container {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
}
.article{
    background-color:white;
    border-radius: 8px;
    margin-bottom: 5rem;

}
.article-secret {
    background-color: black;
    border-radius: 8px;
    margin-bottom: 0px;
}
/* Article Image */
/* .article img {
    width: 100%;
    height: auto;
    border-bottom: 4px solid #ddd;
} */
/* Article Content */
.article-content p {
    margin-bottom: 20px;
}
.article .content {
    padding: 20px;
}
.article .content h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
}
.article .content p {
    font-size: 1.1rem;
    color: #666;
}
button a{
	color: white;
	text-decoration: none;
}
a{
	color: black;
	text-decoration: none;
}
w-5{
	width: 5%;
}
#vide{
	height: 100px;
	width: 100px;
}
.article-element{
    height: 1px;
    width: 100%;
	position: absolute;	
}