@charset "utf-8";
/* 多言語 ; @charset "utf-8" sans BOM; sauts de ligne format UNIX (LF); */

html, body{
	background-color:whitesmoke;
}
body{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:1em;
	padding:0;
	margin:0
}
p{
	margin:0;padding:0
}
ul{
	list-style-type:square;
	padding:10px;
	margin:0
}
ul li {
	margin-bottom:15px;
	text-align: justify
}
section{
	max-width:1800px;
	margin:0 auto;
	padding:15px;
}
h1{
	color:dimgrey;
	font-size:1.75em;
	padding: 10px 0 0 0;
	text-align: center;
}
h2 {
	font-size:2em;
	padding: 20px;
	text-align: center;
	color: #3f71ca;
	text-transform: uppercase;
}
h2 a {
	color: #3f72ca84;
	margin-left: 50px;
	text-decoration: navajowhite;
}
h2 a:hover{
	text-decoration: underline;
}
.projets{
	display:flex;
	flex-flow:row wrap;
	justify-content: space-evenly;
	gap:60px;
}
.projet{
	background-color:white;
	padding:30px;
	border-radius:10px;
	max-width:500px;
}
.projet .infos>div{
	margin-bottom:5px;
	text-align: justify
}
.projet figure{
	display:block;
	text-align:center
}
.projet > figure picture > img{
	max-height:180px;
	border:1px solid lightgrey;
	margin:0 0 10px 0
}
.projet>figure>figcaption{
	text-align:center;
	font-weight:600;
	font-size:1.12em;
}
.projet>figure>figcaption.annee{
	font-weight:300;
}
.projet .infos>div{
	font-size:0.9em;
}
.projet .infos>div.realisations,.projet .infos>div.lien{
	font-size:1em
}
.annee span{color:dimgrey}
span.alt{margin-right:5px;color:#3f71ca}
.projet .infos>div.lien{
	text-align: center
}
.projet .lien{
	padding:10px 0 30px 0;
	text-align:center;
}
.projet .lien a,.projet .lien span.lien_acces_restreint{
	display:inline-block;
	padding:5px 10px;
	margin-right:5px;
	border-radius: 5px;
	min-width:160px;
	color:whitesmoke;
	text-align:center;
}
.projet .lien span.lien_acces_restreint{
	background-color:dimgrey
}
.projet .lien a{
	background-color:#3f71ca;
	text-decoration:none
}
.projet .lien a:hover{
	color:white;
	background-color:#315799
}
dialog {
	border: 1px solid black;
	padding:0;
}
dialog::backdrop {
	background: rgba(0, 0, 0, 0.55);
  }
dialog menu{
	padding:0px 10px;
	text-align: right;
	margin-top:-7px;
}
#fermer{
	color:dimgrey;
	font-size:2em;
	cursor:pointer;
	font-weight:600;
}
#fermer:hover{
	color:black;
}
#img {
	max-width: 100%;
	max-height: 85vh;
}