:root {
  --CouleurFondSite: silver; /*lightgray; /*#1B671C;*/
  --CouleurTitre: #1B671C;
  /* #1B671C; vert Bourdeleau photofiltre : R27, V103, B28, T81, S140, L61  */
}  

@font-face {
  font-family: 'Barlow Condensed';
  src: url("BarlowCondensed-Regular.ttf");
}
@font-face {
  font-family: 'Oswald';
  src: url("Oswald-Regular.ttf");
}

/* h1 = Titre site */
h1 { font-family: 'Oswald', 'sans-serif'; font-style: normal; font-variant: normal; font-weight: 400; line-height:1.1; } 
/* h2 = Titre pages */
h2 { font-family: 'Oswald', 'sans-serif'; font-style: normal; font-variant: normal; font-weight: 400; line-height:1; } 
/*
h3 { font-family: 'Oswald', 'sans-serif'; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15px; } 
h4 { font-family: 'Barlow Condensed', 'sans-serif'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 16px; } 
*/
/* h5 = bouton menu et retour*/
h5 { font-family: 'Barlow Condensed', 'sans-serif'; font-style: normal; font-variant: normal; font-weight: 400; line-height:1; } 


html { 
  margin:0;
  padding:0;
 }
 
.FondSite {background-color: var(--CouleurFondSite);} 
.FondSiteBDU {background-color:#8ebc8e  /*vert Bourdeleau */} 
body {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	font-size: 100%;
    background-color: var(--CouleurFondSite); 
/*	background: url("/BDU.2022/BDU.IMAGES/BDU.FondSite-Ardoise5.jpg") no-repeat center fixed; 
    background-size: cover;*/
}

#DivVide {
	overflow:hidden;
	width:100%; 
	height:2px; 
	}	

	
.BodyPasDeSelection {
/* Valeurs spécifiques à Mozilla */
-moz-user-select: none !important;

/* Valeurs spécifiques à WebKit */
-webkit-user-select: none !important;
/* Valeurs spécifiques à Microsoft */
-ms-user-select: none !important;

-youbkit-user-select: none !important;
user-select: none !important;
/*color: #cc0000;*/
}



.OpacreBlanc {
	background:rgba(255,255,255, 0.8);
}	

.OpacreBlancFort {
	background:rgba(255,255,255, 0.9);
}	

.OpacreVert {
	background: rgba(0, 151, 19, 0.2);
}

.OpacreGris {
	background: rgba(164, 169, 169, 0.7);
}
.OpacreMarron {
	background: rgba(115, 51, 26, 0.3);
}

.OpacreNoir {
	background: rgba(0, 0, 0, 0.5);
}

.container {width:90%;}

.BanniereConteneur{
    display: flex;
	border: 0px solid blue;
    box-sizing: border-box;
	justify-content: space-between;
	background:none;
	margin-bottom:10px;
}

.BanniereTitre
{	
/* avec h1  ou h2 ou h3
*/
   	text-align: center;
	color:var(--CouleurTitre); 
}

a:link {text-decoration:none;} 

		
.BoutonTransparent
{   text-align:center;
	margin-bottom:0.25em;
	font-family: "Barlow Condensed";
	font-size:100%;  
	border:none;
	background:none;
	cursor:pointer;
	color:var(--CouleurTitre) !important; 
	}

.BoutonTransparent:hover
{  	color:yellow !important;
	text-decoration:underline; }

.ZoneTextearea 
{	width:100%;
	height: 37vw;
	overflow: hidden;
	resize:none;
	background-color: white;
	font-family: "Barlow Condensed"; 
	font-size:150%;
    text-align: center;
	color:navy;
	line-height:1;
	border : 0px solid navy;
	margin-top:5px;
	padding-top:20px;
}
/*
.Image01,
.Image02,
.Image03,
.Image04,
.Image05,
.Image06,
.Image07,
.Image08,
.Image09
{
	display: flex;
	justify-content: center;
	align-items: center;
	border:2px solid silver;
	cursor:pointer;
}

.Image01 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image01.jpg");}
.Image02 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image02.jpg");}
.Image03 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image03.jpg");}
.Image04 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image04.jpg");}
.Image05 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image05.jpg");}
.Image06 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image06.jpg");}
.Image07 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image07.jpg");}
.Image08 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image08.jpg");}
.Image09 {background-image:url("/BDU.2022/BDU.IMAGES.ACCUEIL/Image09.jpg");}

.ImagePaddingGauche {padding-left:0px;padding-right:2px;padding-top:0px;padding-bottom:0px;}
.ImagePaddingCentre {padding-left:2px;padding-right:2px;padding-top:0px;padding-bottom:0px;}
.ImagePaddingDroite {padding-left:2px;padding-right:0px;padding-top:0px;padding-bottom:0px;}
*/
.Titre_ML_QSN
{   font-family: 'Oswald', sans-serif; font-size:150%;  
    color:#641616;
	border: 0px solid navy;
}

.Texte_ML_QSN
{   font-family: "Barlow Condensed", sans-serif; font-size:120%;  
	color:navy;
	padding-left:5px;
	padding-right:5px;
    text-align: justify;

}


.sGaucheLogoQSN 
{	padding-left:0px;
	padding-right:0px;
    text-align:left;
	font-family: "Barlow Condensed", sans-serif; font-size:120%;    
	color:navy;
}	

.BanniereTableTitre
{	display:flex;
	justify-content: center;
	align-items:center;
	width:100%;
border:0px solid red;

}

.FondTitre {background: rgba(164, 169, 169, 0.5);} 
.FondTitre2 {background: white;} 

.ZoneTexteTitre
{	text-align:center;
	color:#8b0000; 
	color:navy;
	font-family: "Barlow Condensed"; 
	padding:5px;
}

.BoutonRetourTransparent
{   text-align:center;
	margin-bottom:0.25em;
	font-family: "Barlow Condensed", sans-serif; font-size:120%;  
	border:none;
	cursor:pointer;
	color:white;
	}

.TexteSurImageLarge {
    text-align: center;
    font-weight:bold;
	color:white;
}

#ZoneImages {grid-area: article;}
 
#ZoneMenu { 
	display: grid;
	justify-content: center;
	align-items: center;
} 

.ZoneLogo { 
	display: grid;
	justify-content: center;
	align-items: center;
} 

#ZoneTexte {grid-area: nav;}  
/*
.Image_Page_4_Images {
	margin: 0px;
	border: 2px solid #ccc;
	box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
} 
*/
.DivImageTexteAccueil {
    display: inline-block;
    position: relative;
}

.DivImageTexteAccueil .TexteFondOpacre {
	z-index: 1000;
    position: absolute;
	color: white;
    text-align: center;
	font-family: "Barlow Condensed"; 
	font-size:90%; 
	font-weight:bold;
    background: rgba(0, 0, 0, 0.3); /* voir .OpacreBlanc, Noir etc ... */ 
	border: 0px solid red;
	padding-top:1%;
	width:100%;
	height:12%; 
	top: 42%;
}

.ImageAccueil {
	border: 2px solid #ccc;
	box-shadow: 4px 4px 10px 0px  rgba(0,0,0,0.8);
	width:100%; 
	height:100%;  
}

/* SCREEN dans BDU.Styles-Screen.css */