@charset "UTF-8";

:root {

	--OLDSAUMON: #EE8670;
	--OLDBRUN: rgb(216, 138, 98);

	--GREYBT: #c5b4a7;
	--GREYBG: #d4cac2;
	--GREYBGOVER: rgba(212, 202, 194, 0.98);
	--GREYBGOVER2: #ad9d8c;
	--TEXT: #454545;
}

@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat-bold";
  src: url('../fonts/Montserrat-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat-medium";
  src: url('../fonts/Montserrat-Medium.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat-light";
  src: url('../fonts/Montserrat-Light.ttf') format("truetype");
}

@font-face {
  font-family: "RobotoBold";
  src: url('../fonts/Roboto-Bold.woff') format("truetype");
}


/* CSS Document */


/* reinitialisation textes à zero */
html {
	width: 100%;
	height: 100%;
}

body, div, nav, ul, li, h1, h2, h3, h4, h5, h6, p{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

strong{
	font-weight: 500;
}




body{
	display: grid;
	grid-template-columns: 1fr 900px 1fr;
	grid-template-rows: 80px auto 155px;
	font-family: 'Montserrat', sans-serif;
	height: 100%;
}


body>section{
	grid-row:2;
	grid-column:2;
	line-height: 1.5;
	display: flex;
	flex-direction: column;
}

section>article{
	margin-top: 30px;
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: repeat(16,1fr);
}

.traitseparation{
	grid-column:2;
	height: 1px;
	background-color:rgba(176,176,176,1.00);
	margin: 80px 0px 80px 0px;
}

body a:hover {
	color: rgba(60,60,60,1.00);
}




/* --- réglages menu --- */


header{
	background-color:white;
	grid-row:1;
	grid-column:2;
	display: flex;
	justify-content:space-between;
	align-items: center;
	position: sticky;
	z-index: 5;
	top:0;
}

header>a{
	display: block;
	width: 150px;
	height: 60px;
	background-image: url("../img/logo/logo_saade_noir.png");
	background-size: contain;
	background-repeat: no-repeat;
	}

.menuHaut{
	display: flex;
	justify-content:space-between;
	align-items:center;
	}

.menuHaut li{
	font-size: 12px;
	text-transform: uppercase; 
	text-align: center;
	letter-spacing: 1.5px;
	margin: 0px 15px;
}
@media (max-width: 950px) {

    body{
		grid-template-columns: 1fr 95vw 1fr;
	}
}
a {

}
article a:link {
	text-decoration: underline;
	color: black;
	}

a:link, a:visited {
	text-decoration: none;
	color: black;
	}
.menuHaut .selected {
	font-weight: 700;
}







/* --- réglages titres et p --- */

h1{
	font-size: 26pt;
	font-weight: 500;
	margin-bottom: 5px;
}

h2{
	font-size: 26pt;
	font-weight: 300;
	margin-bottom: 10px;
	}

h3{
	font-size: 15pt;
	font-weight: 300;
	margin-top: 10px;
}

.cv{
	font-weight: 500;
}

h4{
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color:rgba(192,160,137,1.00);
}

h6{
	font-size: 13px;
	font-weight: 300;
}

p{
	font-size: 12pt;
	font-weight: 300;
	margin-top: 5px;
	padding-top: 5px;
}












/* --- réglages pied de page --- */

footer {
	grid-row:3;
	grid-column:2;
	display: grid;
    grid-template-columns: 1fr 900px 1fr;
	grid-template-rows: 40px auto auto;
    text-align: center;
	margin-top: 50px;
}
footer div {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 2;
}

/* partie pictogrammes */

footer div:nth-of-type(1) a {
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    margin: 0 10px;
}
footer div:nth-of-type(1) a:nth-of-type(1) {
    background-image:url("../img/logo/picto_instagram.png");
}
footer div:nth-of-type(1) a:nth-of-type(1):hover {
    background-image:url("../img/logo/picto_instagram gris.png");
}
footer div:nth-of-type(1) a:nth-of-type(2) {
    background-image:url("../img/logo/picto_facebook.png");
}
footer div:nth-of-type(1) a:nth-of-type(2):hover {
    background-image:url("../img/logo/picto_facebook gris.png");
}

/* partie newsletter */
footer div:nth-of-type(2) {
	height: 60px;
}
footer div:nth-of-type(2) a {
    font-weight: bold;
    margin-left: 8px;
}

/* partie liens */
footer div:nth-of-type(3) {
    justify-content: space-between;
    padding: 0 80px; /* pour gérer l'espace entre les éléments trop éloignés avec uniquement l'option space-between */
	font-size: 0.85em
}
footer div:nth-of-type(3) a {
    color: rgba(86,86,86,1.00);
}
footer div:nth-of-type(3) a:hover {
    color: rgba(0,0,0,1.00);
}

/* partie copyright */
footer div:nth-of-type(4) {
    font-size: 0.7em;
	height: 50px;
}
#footerabo, #footerabo:visited {
	color: white;
	background-color: black;
	border-radius: 20px;
	border: black solid 2px;
	padding: 4px 8px;
	font-size: 12pt;
	margin: 1vh 1vh;
	text-decoration: none;
	font-weight: bold;
}
#footerabo:hover {
	color: black;
	background-color: white;
}

a.button {
	display: block;
	color: white;
	background-color: var(--GREYBT);
	border-radius: 20px;
	border: var(--GREYBT) solid 2px;
	padding: 4px 8px;
	font-size: 12pt;
	margin: 1vh 3vh;
	text-decoration: none;
	font-weight: 600;
}
article a.button {
	margin: 1vh 0;
	text-decoration: none;

}
a.button:hover {
	border-color: var(--GREYBGOVER2);
	color: var(--GREYBGOVER2);
	background-color: white;
}