<?php
	$nomFicAppelant = basename(__FILE__);
	// -----------------------------------------------------
	// Faire un hamburger - placer en row 1 col 1
	// -----------------------------------------------------
	$responsiveFic .= "#menuD-container{
		position:relative;
		align-self:start;
		display:block;
		text-align:left;
		vertical-align:middle;
		z-index:11;

		height:40px;
		width:40px;
		padding:1px;
		margin:1px;

		border-radius:5px; } \n";

	// -----------------------------------------------------
	// Lire le fichier de style hamburger
	// -----------------------------------------------------
	if(!isset($niveau)) $niveau=1;

	if($niveau==1) $fichier = file("./styles/responsiv/menuDeroulantHamburger.php");
	else $fichier = file("./styles/responsiv/menuDeroulantHamburger.php");
	// Nombre total de ligne du fichier
	$total = count($fichier);
	for($i = 0; $i < $total; $i++) {
		$fichier[$i] = str_replace("barreCoul", $barreCoul, $fichier[$i] );
		$fichier[$i] = str_replace("croixCoul", $croixCoul, $fichier[$i] );
		$responsiveFic = $responsiveFic .$fichier[$i];
	}

	// -----------------------------------------------------
	// Menu déroulant Barre déroulée + items principaux
	// -----------------------------------------------------
	$responsiveFic .= "#menuDeroulantBarre{
		position:relative;
		padding:7px;
		margin:auto;
		text-align:left; 
		z-index:2;
		border-radius:3px;
		max-height:80%;
		width:99%;
		max-width: 100%;
	} \n";

	$responsiveFic .= ".menuDeroulantItem {
		left:1px;
		text-align:left;
		width:auto;
		border-radius:3px;
		z-index:0;
		width:98%;

	}\n";

	// On repete les styles car sinon c'est la feuille standard qui prend le dessus
	// $responsiveFic .= ".menuDeroulantItem:hover > * , #menuDeroulantBarre>li:first-child > * {
	// margin:0px;
	// border-radius:3px;
	// text-align:left;
	// }\n";

	$responsiveFic .= ".texteMenus {
		z-index:2;
		text-align:left;
		padding:0px;
		margin:0px;
		border-radius:3px;
		display: contents;
	}\n";

	// -----------------------------------------------------
	// Sous Menus
	// -----------------------------------------------------
	$responsiveFic .= ".menuDeroulantItem:hover > ul, #menuDeroulantBarre>li:first-child:hover > ul {
		position:relative;
		/* display:table; */
		left:130px;
		top:-30px;
		height:100%;
		margin:auto;
		z-index:3;
		margin-left:20px;
		border-radius:3px;
	} \n";

	$responsiveFic .= ".sousMenuBarre {
		height:100%;
		width:70%;
		margin:auto;
		z-index:10;
		left:130px;
		border-radius:3px;
		padding-bottom:0px;
		margin-left:20px;
		position:absolute;
		top:0px;
		height: max-content;

	} \n";

	$responsiveFic .= ".sousMenuItem{
		height:100%;
		padding:1px;
		margin:1px;
	} \n";
	
	
	// -----------------------------------------------------
	// le menu gallerie les boites
	// -----------------------------------------------------
	/*$responsiveFic .= "ul>li, .menuDeroulantItem {width:99%;margin:15px;}\n";*/

	$responsiveFic .= ".familles-img {
		display:none;
		width:2px;
	}\n";

	$responsiveFic .= "#familles-container{
		background:white;
		left:0px;
		display: flex;
		flex-direction: column;
		justify-content:space-around;
		position:absolute;
		flex-wrap: wrap;
		justify-content: flex-start;

		height:150px;
		z-index:4;
		border:0px;
		width:100%;
	}\n";

	$responsiveFic .= ".familles-boite{
		white-space:break-spaces;
		padding:0px;
		margin:0px;
		max-height:37px;
	}\n";

	$responsiveFic .= ".familles-libelle {
		white-space:break-spaces;
		padding:0px;
	}\n";

	$responsiveFic .= "#sousCat-container{
		border-radius:3px;
	}\n";

	$responsiveFic .= ".categoriesImages {
		text-align:right;
	}\n";


	// -----------------------------------------------------
	// Barre de recherche sur 5 colonnes
	// -----------------------------------------------------
	$responsiveFic .= "#rechBarre-container{
		left : 10%; 
		grid-column: 1 / span 4;
		grid-column-gap:3px;
		margin:0;
		margin:1px;
		padding-top:7px;
		padding-left:28px;
		justify-self:center;
	} \n";	

	// libelle
	$responsiveFic .= "#rechItem{
		margin:0px;
		padding:0px;
		padding-left:30px;
		left:10%;
	} \n";

	$responsiveFic .= "#rechInput{
		margin:0px;
		padding:0px;
	} \n";	
?>