html, body { margin:0px; font-family:'Raleway', Arial; font-weight:600; background-color:#FFF; }
header { height:114px; background-color:#FFF; }

header { display:flex; padding:0px 30px; align-items:center; }
header #logo img { max-width:175px; }
nav { justify-content:end; display:flex; flex:max-content; }
nav ul { display:flex; list-style:none; list-style-type:none; align-items:center; justify-content:right; }
nav ul li { padding:0px 5px; }
nav ul li a { color:#000; font-size:14px; line-height:14px; text-decoration:none; display:inline-block; padding:0px 10px; }

main {  }
section.main { display:flex; color:#FFF; background-color:#000; }
section.main > * { flex:1 1 100%; }
section.main figure { margin:0px; padding:0px; }
section.main figure img { width:100%; display:flex; height:100%; object-fit:cover; }
section.main article { box-sizing:border-box; padding:50px 60px; font-size:16px; }
section.main article h1 { font-size:55px; line-height:70px; padding-bottom:30px; margin-bottom:0px; padding-top:0px; margin-top:0px; }
section.main article .text { line-height:22px; font-weight:500; }

section.grpcartier { position:relative; max-width:1150px; margin:0px auto; padding:85px 0px 65px 0px; margin-bottom:0px; }
section.grpcartier > div { position:relative; padding-bottom:85px; }
section.grpcartier img { width:100%;  }
section.grpcartier > div::after { width:278px; height:278px; background-image:url('https://www.grpcartier.com/wp-content/uploads/2022/11/GroupeCartier-FaviconGRPC-512px.png'); background-size:cover; content:''; bottom:-18px; left:50%; margin-left:-179px; position:absolute; }
section.grpcartier .but { margin-top:35px; }

footer { background-color:#000; padding:45px 30px; color:#FFF; }
footer ul { display:flex; margin-bottom:0px; margin-top:0px; padding:0px; list-style:none; list-style-type:none; }
footer ul li { flex:1 1 100%; align-items:center; justify-content:center; display:flex; flex-direction:column; }
footer ul li.adr { justify-content:start; }
footer a { color:#a9a09d; text-decoration:none; }
footer a:hover { text-decoration:underline; }

.but { display:inline-block; padding:25px 35px; background-color:#A9A09D; color:#FFFFFF; text-decoration:none; font-size:20px; text-transform:uppercase; }


@media only screen and (max-width: 1000px)  {
	section.main, footer ul { display:block; }
	footer ul li { margin-bottom:30px; }
	header { display:block; flex-direction:column; height:auto; }
	header #logo { height:70px; align-items:center; justify-content:center; text-align:center; padding-top:25px; }
	nav { justify-content:center; }
	nav ul { flex-wrap:wrap; justify-content:center; }
}
@media only screen and (max-width: 600px)  {
	nav ul li { width:100%; display:block; text-align:center; }
}