*{
	margin: 0;
	padding: 0;
	}
	body{
	background-color:DeepSkyBlue;
	
	}
	
	.background-fond{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1;
	display: block;
	background-image: url("mesconfigs3/imagespc/circuit-carte-mere.jpg");
	width: auto;
	height: 100%;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(4px);
	}

	.background-image {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  background-image: url('https://i.stack.imgur.com/CjzQS.jpg');
  width: 1200px;
  height: 800px;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
    h1{
      color: #02527E;
      text-align: center;
      text-shadow: 2px 2px 2px gray;
	  margin-top: 10px;
	  padding-bottom: 10px;
	  z-index: 9999;
    }

	p{
	font-family: garamond;
	font-size: 22px;
	line-height: 1.5;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	text-justify: inter-word;
	}
	
	.fondblanc{
	background-color: lightgray;
	border-radius: 5px;
	}
	
	.liste{
	display: flex;
	flex-direction: row;
	justify-content : center;
	flex-wrap: wrap;

	}
	
	.item{
	margin: 20px;
    z-index: 9999;
	}
	
	.ombre{
	box-shadow: 1px 1px 5px gray;
	}
	
	a{
	display : inline-block;
	text-align: center;
	text-decoration: none;
	color: white;
	margin-top : 10px;
	width: 200px;
	padding: 25px;
	}
    .bouton {
	border: solid 1px #0386CD;
	background-color: #02527E;
	border-radius: 50px 5px 50px 5px;
	box-shadow: 1px 1px 4px gray;
	}
	a:hover{
	background-color: PowderBlue;
	border: solid 1px yellow;
	color: yellow;
	transition-duration: 1s;
	transition-delay: 0.1s;
	scale: 1.1;
	}
    .head {
        text-align: center;
        background-color: DeepSkyBlue;
        padding: 5px;
      }

      .fixe {
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        width: 100%;
      }
      .corps {
        z-index: 2;
        position: relative;
        top: 140px;

      }
	  .retour{
	  position: relative;
top: 200px;

	@media only screen and (max-width:1200px){
	p{
	font-family: garamond;
	font-size: 18px;
	line-height: 1.5;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	text-justify: inter-word;
	}
	}
	@media only screen and (max-width:400px){
	p{
	font-family: garamond;
	font-size: 18px;
	line-height: 1;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	text-justify: inter-word;
	}
}