body { height: 1900x1200px; text-align: center; background-image: url(fond-region.jpg); background-repeat: repeat; line-height: 20%; z-index: 1; }
/*.photo_aleatoir	{ position: absolute; top: 300px; left: 662px; width: 1000px; height: 600px; z-index: 100; text-align: center; } */
.ferm_window 	{ position: absolute; top: 1px; left: 320px; width: 250px; height: 100px; padding: 4px; font-size: 18px; line-height: 20px; text-align: center; font-family: "Arial"; color: #FFFF00; background-color: #666666; z-index: 500; }
div1 	{ position: absolute; left: 400px; width: 300px; height: 100px; top: 13px; z-index: 1; background-color: #9F3;  }

.fenetre0	{ position: absolute; left: 662px; width: 1500px; height: 60px; background-color:#0F0; top: 2px; font-size: 40px; font-family: "arial"; padding-top: 25px; z-index: 1; font-style:vertical-align: middle;  }

.page_mobile { position: absolute; left: 350px; top: 130px; width: 1950px; height: 1170px; overflow-y: scroll; z-index: 500;  text-align: center;background-color: #CCC;  }
.menu_1 { position: absolute; top: 10px; left: 4px; width: 300px; height: 800px; background-color: #CCC; z-index: 1; }

.grid		{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; max-width: 1950px; margin: 0 auto;}
.item		{ text-align:center;}
.item img		{ width: 100% ; height: auto ; }
.nom 		{ font-weight: bold; margin-top: 5px;}
.container	{ height: 50px; width:300px;display:flex; align-items: center; height:50px;  border: 1px solid black;padding-top:2px;  margin-bottom: 10px; background-color:#0F0}
.container_0{ height: 50px; width:300px;display:flex; background-color: #CCC; font-family:"Arial Black"; font-style:normal; font-size:26px; height:50px;  border: 1px solid black; padding-top:2px;  margin-bottom: 10px;}
.container_1{ height: 50px; width:300px;display:flex; background-color:#0FF; font-family:"Arial Black"; font-style:normal; font-size:20px; align-items: center; height:50px;  border: 1px solid black; padding-top:2px;  margin-bottom: 10px;}
.texte	{ height: 30px; width: 260px; text-align: center; font-family: Arial; font-size: 18px; font-weight: bold; font-style: italic; padding-top: 10px; margin: 20px; background-color: #FAEBD7; background-image: url(../fond-fleur.jpg); }
.titre41	{ font-size:40px; padding-left:mm; text-align: center; font-family: "Brush Script Std"; line-height: 0.8; font-style:vertical-align: middle; }
.titre40	{ font-size:25px; padding-left:mm; text-align: center; font-family: "Brush Script Std"; line-height: 1.7; font-style:vertical-align: middle; }
.titre3	{ font-size: 20px; text-align: center; font-family: "Comic Sans MS", cursive; line-height: 1.5; font-style:vertical-align: middle; }
.titre4 	{ font-size: 20px; /*padding-left: 2mm;*/ text-align: center; font-family: "Arial Black"; vertical-align: sub; line-height: 1;}
.titre5 	{ font-size: 24px; text-align: center; font-family: "Arial Black"; padding-top: 1px; padding-bottom: 3px; vertical-align: top; line-height: 1;}
.titreA	{ font-size: 26px; padding-left: 2mm; text-align: center; font-family: "Comic Sans MS", cursive; line-height: 1.5; font-style:vertical-align: middle; }

/*---------------------------- media querries   ----------------------------------------------------- */
@media (max-width: 600px) {
    body { background-color lightblue;  }
} 
@media (max-width: 768px) {
    h1 {
        font-size: 24px;
    }
}