/* reset */

* {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  text-rendering: optimizeLegibility;
}

strong {
	font-weight:400;
}

p {
  margin:0;
}

ul {
  margin-left: 0;
  padding: 0;
}


ul, ol, dl {
  margin-top: 0;
  margin-bottom: 0;
}

ol {
  padding-left: 0;
}

dd {
  margin-left: 0;
}
body {
	font-family: "Space Grotesk", sans-serif;
}

  .et-db #et-boc .et-l .et_pb_row {
    padding: 0% 0;
  }

.et-db #et-boc .et-l .et_pb_section {
    padding: 0% 0;
  }

/* landing */

#landing {
	width:100vw;
	height:100vh;
	background:url("https://www.geopack.fr/wp-content/uploads/2026/02/geopack-bureau-d-etude-et-d-expertise-systeme-de-portage.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}


#landing #encart {
	background:rgba(255,255,255,0.6);
	padding:20px;
	position:absolute;
	top:5%;
	left:0%;
}


#landing #encart-picto {
	background:rgba(255,255,255,0.6);
	padding:5px;
	position:absolute;
	top:25%;
	left:0%;
}

#landing #encart-picto a img{
	padding:7px;
	width:35px;
}

#landing #encart-picto a:hover img{
	opacity:0.8;
}

#landing #encart-intro {
	background:rgba(85,79,51,0.4);
	padding:30px;
	position:absolute;
	top:45%;
	left:0%;
}

#landing #encart-intro p {
	color:#fff;
	margin-bottom:10px;
}


#landing #encart-intro h1 {
	font-family: "Anton", sans-serif;
	color:#fff;
	font-size:3.3em;
	line-height:63px;
	margin-bottom:30px;
}


#landing #logo {
	
}

#landing #logo img {
	width:200px;
}




/* template documentations */

#header-docu {
		width:100vw;
	height:20vh;
	background:url("https://www.geopack.fr/wp-content/uploads/2026/02/geopack-bureau-d-etude-et-d-expertise-systeme-de-portage.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}


#header-docu .container {
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
	padding:20px;
	
}

#header-docu .container #logo {
	width:210px;
	padding:4px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(279deg) brightness(103%) contrast(105%);
}


#header-docu .container a img{
display:none;
	width:30px;
	float:right;
}

#bloc-intro-notice h1 {
		font-family: "Anton", sans-serif;
	color:#554F33;
	font-size:2.6em;
	line-height:46px;
	margin-top:50px;
	margin-bottom:10px;
}


#bloc-intro-notice h2 {
	color:#000;
	font-size:1.2em;
	line-height:23px;
	margin-top:30px;
	margin-bottom:30px;
}

#bloc-intro-notice h2 a:hover {
text-decoration:underline!important;
}


#bloc-tutos-notice h2 {
		font-family: "Anton", sans-serif;
	color:#554F33;
	font-size:2.2em;
	line-height:36px;
	margin-bottom:10px;

}

#bloc-tutos-notice h3 a {
border-bottom:2px solid #000;
}

#bloc-tutos-notice h3 a {
	color:#554F33;
	font-size:1.3em;
	line-height:26px;
	margin-bottom:10px;
}

#bloc-tutos-notice h3 a:hover {
opacity:0.8;
}

/* media queries 640px */

@media screen and (max-width: 640px) {

	
#landing #encart, #landing #encart-picto {
	position:absolute;

}
	
	#landing #encart {
		top:0%;
	background:rgba(255,255,255,0.8);
	}
	
	#landing #encart-picto {
		background:rgba(255,255,255,0.8);
		top:18%;
	}
	
	
	#landing #encart-intro {
  padding: 20px;
  position: absolute;
  top: 35%;
}
	
	#landing #encart-intro h1 {
  font-size: 2.8em;
  line-height: 56px;
}
	
	#header-docu {
	height:20vh;
	padding-top:5vh;
}
	
	#bloc-tutos-notice, #bloc-intro-notice {
		padding:20px!important;
	}
	
	#header-docu .container {
  padding: 0px;
}
	
	#bloc-tutos-notice h3 a {
	font-size:1em;

}
	
}