/* On définit le style position_entete uniquement s'il y a une image de fond */
.position_entete
{
//	position: absolute;
	top: 0px;
	left: 0px;
	position: relative;
}

@media screen and (min-width: 980px)
{
.position_entete
{
	position: absolute;
	top: 0px;
	left: 0px;
}
}

.imgfond {
position: relative;
/*  max-width: 100%;
  height: auto;*/
  width: 50%;
  height: 50%;
/*  height: auto;*/
  left: 0px;
opacity: 0.4;
/*display: block;*/
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
border-radius: 50%;
}
.imgfond2 {
position: relative;
position: absolute;
/*  max-width: 100%;*/
/*  height: auto;*/
/*  width: 50%;*/
/*  height: 50%;*/
/*  left: 0px;*/
/*opacity: 0.4;*/
/*display: block;*/
/*border-radius: 50%;*/
/*  transform: translate(-100%, +50%);*/
/*transform: translate(0, 100%);*/
 width: 10%;
 height: auto;
}
.imgfond4 {
position: relative;
position: absolute;
/*  max-width: 100%;*/
/*  height: auto;*/
/*  width: 50%;*/
/*  height: 50%;*/
/*  left: 0px;*/
/*opacity: 0.4;*/
/*display: block;*/
/*border-radius: 50%;*/
/*  transform: translate(-100%, +50%);*/
/*transform: translate(0, 100%);*/
 width: 10%;
 height: auto;
 right: 10px;
}

.rouge
{
	--color: rgb(159,0,6);
}
.bleu
{
	--color: rgb(50,50,128);
}
.grisclair
{
	--color: rgb(200,200,200);
}
.container_cadre_arrondi
{
//	background-color: rgb(159,0,6);
//	background-color: rgb(0,0,6);
	//border: none;
	border-width: 2px;
	border-style: solid;
	border-color: var(--color);
//	border-color: rgb(159,0,6);
//	color: white;
//	padding: 15px 32px;
	text-align: center;
//	text-decoration: none;
	display: inline-block;
//	display: flex;
//	display: block;
//	font-size: 14px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
//	opacity: 0.7;
//	transition-duration: 0.5s;
//	margin: 10px;
//	width: 200px;
//	width: var(--largeur);
//height: 50px;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 10px;
}

/**//**/

.image_de_fond
{
/*  position: absolute;*/
/*position: static;*/
/*position: relative;*/
//  left: 0px;
//  top: -10px;
    z-index: -1;
/*    float: top;*/
/*    max-height: 2000px;*/
/*    width: 500px;*/
/*	height: 300px;*/
/*  background-image:url('Images/Originaux/Grange_de_la_Ferdiere_jardin_de_6000_m2.jpg');*/
/*  background-size: 540px 360px;*/
/*		background-repeat:no-repeat;
		background-size: cover;
		background-attachment: fixed;*/
/*		max-height: 500px;*/
 /*   height: 100vh;*/ /* For 100% screen height */
/* 	max-height: 80vh;*/
	display: inline-block;
/*	min-height: 80vh;*/

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat !important;
position: relative;
//position: absolute;
	width: 100%;	/*	A paramétrer*/
//width: 100vw;
/*	height: 600px;*/	/*	A paramétrer*/
  height: 62vw;
/*	height: auto;*/
  
//  background-size: contain;
    // margin: 0;
    // padding: 0;
	background-image: url("Images/Fonds/001.jpg");
//	top: 50px;

  -webkit-transition: all 0s linear;
  transition: all 0s linear;
  -webkit-transition: background-image 2s ease 0s;
  transition: background-image 2s ease 0s;
//  pointer-events:none;

	display: none;
//	pointer-events:none;

}
@media screen and (min-width: 980px)
{
	.image_de_fond
	{
			display: inline-block;
//	pointer-events:none;
//  		top: -125px;//	Décalage de l'image pour être sous le menu
	}
}