:root{
    --paul-blanc: #ffffff;
	--paul-noir: #222;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
body{
	font-family: "PT Serif", serif;
	color: var(--paul-noir);
	line-height: 1.35;
	letter-spacing: 0.5px;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
}
section, footer{
	--paul-margin-small: 40px;
	--paul-margin-medium: 80px;
	--paul-margin-large: 100px;
	--paul-h2-fsize: 40px
}
a, button{
	outline: none;
}
h1, h2, h3{
	font-family: "Oswald", sans-serif;
	font-weight: 200;
	margin: 0;
	line-height: 1.4;
}
h4, h5, p{
	font-weight: 400;
	margin: 0;
}
strong, b{
	font-weight: 700;
}
sup{
	vertical-align: super;
	font-size: 14px;
}
img{
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
}
.text-right,
.text-md-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
section{
	position: relative;
	--paul-margin-section: 100px;
}
h2.titre{
	font-size: 40px;
}
.btn_primaire{
	display: inline-block;
	border: none;
	color: #ffffff;
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 400;
	text-decoration: none;
	padding: 18px 40px;
	background: #8E7A4D;
	background: linear-gradient(45deg,rgba(142, 122, 77, 1) 0%, rgba(173, 149, 103, 1) 50%, rgba(142, 122, 77, 1) 100%);
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.btn_primaire:hover{
	color: #ffffff;
	box-shadow: 0 15px 40px rgba(0,0,0,0.2);
	transform: translateY(-3px);
}

.accueil{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: var(--paul-margin-large);
	text-align: center;
	color: #ffffff;
}
.accueil .bg_accueil{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 725px;
	background-color: var(--paul-noir);
	z-index: -1;
}
.accueil .bg_accueil > strong{
	position: absolute;
	display: block;
	left: 50%;
	bottom: 100px;
	font-family: "Oswald", sans-serif;
	font-size: 300px;
	font-weight: 700;
	opacity: 0.1;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.accueil .logo_accueil,
.mentions .logo_accueil{
	display: inline-block;
	width: 152px;
	height: auto;
	margin-block: 64px;
}
.accueil h1{
	font-size: 64px;
	text-transform: uppercase;
}
.accueil h1 > small{
	display: block;
    font-size: 40px;
    line-height: 1.4;
}
.accueil .voiture_accueil{
	display: block;
	width: 100%;
	max-width: 1120px;
	margin: 40px auto 0;
}
.accueil .btn_primaire{
	margin-block: 40px;
}
.accueil .chiffres{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	gap: 40px;
	width: auto;
	color: var(--paul-noir);
}
.accueil .chiffres .item > span{
	display: block;
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.accueil .chiffres .item > span.nombre{
	font-size: 24px;
	font-weight: 700;
	margin-top: 8px;
}
.accueil .chiffres .sep_line{
	display: inline-block;
	width: 2px;
	height: 24px;
	background-color: var(--paul-noir);
	opacity: 0.5;
}

.tirage .inner_txt{
	position: relative;
	display: block;
	width: 100%;
	padding-right: 61px;
}
.tirage .inner_txt > img{
	display: block;
	width: 100%;
	margin-block: 24px;
}
.tirage .inner_image{
	display: block;
	height: 100%;
	width: 100%;
	background: url("../img/GT3-15-2.jpg") no-repeat center center / cover;
}

.sculpture{
	position: relative;
	display: block;
	width: 100%;
	padding-top: calc(var(--paul-margin-medium)*2);
}
.sculpture > strong{
	position: absolute;
	display: block;
	font-family: "Oswald", sans-serif;
	font-size: 168px;
	line-height: 1;
	left: 50%;
	top: 80px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0.05;
	white-space: nowrap;
}
.sculpture .sculp_titre{
	display: flex;
	width: 100%;
	align-items: center;
	font-size: var(--paul-h2-fsize);
	margin-bottom: var(--paul-margin-small);
	gap: 40px;
}
.sculpture .sculp_titre > .sep_line{
	display: block;
	height: 1px;
	background-color: var(--paul-noir);
}
.sculpture .sculp_titre > .sep_line.sep_line_1{
	width: 196px;
}
.sculpture .sculp_titre > .sep_line.sep_line_2{
	flex: 1;
}

.sculpture .sculpture_txt > p+p{
	margin-top: 32px;
}
.sculpture .sculpture_txt > ul{
	margin-bottom: 0;
}

.details{
	margin-top: var(--paul-margin-large);
}
.details img{
	display: block;
	width: min(100%, 592px);
}
.details .details_txt > h2{
	position: relative;
	padding-left: 80px;
}
.details .details_txt > h2:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 64px;
	height: 1px;
	background-color: var(--paul-noir);
}
.details .details_txt > h2:nth-child(3){
	margin-top: 40px;
}
.details .details_txt > p{
	margin-top: 24px;
}

.cta_bottom{
	text-align: center;
	margin-block: var(--paul-margin-small) var(--paul-margin-medium);
}
.cta_bottom .btn_primaire{
	text-transform: uppercase;
}
.cta_bottom p{
	margin-top: 8px;
}

.mentions{
	margin-bottom: var(--paul-margin-medium);
}
.mentions h2{
	margin-top: 32px;
	font-size: 24px;
}
.mentions p,
.mentions ul{
	font-size: 16px;
}

footer{
	position: relative;
	display: block;
	width: 100%;
	padding-block: var(--paul-margin-small);
	background-color: var(--paul-noir);
	color: var(--paul-blanc);
	text-align: center;
	font-size: 13px;
}
footer a{
	color: var(--paul-blanc);
	text-decoration: none;
}
footer a:hover{
	color: var(--paul-blanc);
	text-decoration: underline;
}


@media screen and (max-width: 1439px){
	.accueil .bg_accueil{
		height: 630px;
	}
	.accueil .bg_accueil > strong{
		font-size: 240px;
	}
	.accueil .logo_accueil,
	.mentions .logo_accueil{
		width: 101px;
	}
	.accueil h1{
		font-size: 48px;
	}
	.accueil h1 > small{
		font-size: 32px;
	}
	h2.titre {
    	font-size: 32px;
	}
	.sculpture > strong{
		font-size: 136px;
		top: 100px;
	}
	.details .details_txt > h2:nth-child(3) {
		margin-top: 24px;
	}
}
@media screen and (max-width: 1199px){
	body{
		font-size: 16px;
	}
	.accueil .bg_accueil {
        height: 600px;
    }
	.accueil .bg_accueil > strong {
        font-size: 200px;
    }
	.details .details_txt > h2 {
		position: relative;
		padding-left: 64px;
	}
	.details .details_txt > h2:before{
		width: 40px;
	}
	.details .details_txt > p {
		margin-top: 16px;
	}
}
@media screen and (max-width: 991px){
    .whatsapp-btn {
        width: 100%;
    }
	.accueil .chiffres .item > span.nombre{
		margin-top: 4px;
	}
	.tirage{
		text-align: ;
        
	}
	.tirage .inner_txt{
		padding-right: 0;
	}
	.sculpture > strong {
        top: 32px;
    }
	.sculpture > strong > span{
		display: block;
		width: 100%;
		height: 0px;
		white-space: nowrap;
	}
	.sculpture .sculp_titre > .sep_line.sep_line_1 {
		width: 80px;
	}
	.sculpture .sculpture_txt:nth-child(2),
	.sculpture .sculpture_txt > p+p{
		margin-top: 24px;
	}
	.details img{
		margin: auto;
	}
}
@media screen and (max-width: 767px){
	.btn_primaire{
		font-size: 18px;
        padding: 12px 16px;
	}
	section{
		--paul-margin-large: 80px;
	}
	.accueil .bg_accueil {
        height: 485px;
    }
	.accueil .bg_accueil > strong {
        font-size: 72px;
        bottom: 40px;
    }
	.accueil .logo_accueil,
	.mentions .logo_accueil{
        width: 89px;
		margin-block: 40px;
    }
	.accueil h1 {
		font-size: 32px;
	}
	.accueil h1 > strong {
		font-size: 48px;
		line-height: 56px;
	}
	.accueil h1 > small {
		font-size: 24px;
	}
	.accueil .voiture_accueil{
		margin: 80px auto 0;
	}
	.accueil .btn_primaire {
		margin-block: 16px;
	}
	.accueil .chiffres{
		gap: 24px;
	}
	.accueil .chiffres .item > span{
		font-size: 12px;
	}
	.accueil .chiffres .item > span.nombre{
		font-size: 16px;
	}
	h2.titre {
        font-size: 24px;
    }
	.tirage .inner_image{
		height: 350px;
		margin-top: 24px;
	}
	.sculpture{
		padding-top: 108px;
	}
	.sculpture > strong {
        top: 60px;
        font-size: 64px;
    }
	.sculpture h2.titre,
	.details h2.titre{
		font-size: 32px;
	}
	.sculpture .sculp_titre{
		gap: 24px;
	}
	.sculpture .sculp_titre > .sep_line.sep_line_1 {
        width: 40px;
    }
	.details{
		margin-top: var(--paul-margin-small);
	}
	.details .details_txt > h2:before{
		top: 24px;
	}
	.cta_bottom{
		padding-block: 64px;
		background-color: var(--paul-noir);
		color: var(--paul-blanc);
		margin-block: var(--paul-margin-small) 0;
	}
	.cta_bottom .btn_primaire{
		width: 100%;
	}
	.cta_bottom p{
		letter-spacing: 0;
	}
	footer{
		background-color: var(--paul-blanc);
    	color: var(--paul-noir);
	}
	footer a,
	footer a:hover{
		color: var(--paul-noir);
	}
}
@media screen and (max-width:374px) {
	
}



        .whatsapp-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: #25D366;
            color: white;
            padding: 12px 20px;
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-weight: bold;
            font-size: 16px;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s ease;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        
        .whatsapp-btn:hover {
            background-color: #128C7E;
        }
        
        .whatsapp-btn:active {
            transform: translateY(1px);
        }
        
        .whatsapp-icon {
            width: 20px;
            height: 20px;
            margin-left: 8px;
            filter: brightness(0) invert(1);
        }