/* Mis en forme de la tete principale du site web
Structure de base BouttonConexio */

	.Tete_siteAccueil{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 0px;
		margin: 0px;
	}
	
		/*
		Structure secondaire
		*/
		.CraneAccueil{
			background-color: #ee812c;
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0px;
			max-height: 40px;
		}
		
		/*
		Mis en forme du logo
		Positionnement de base
		*/
			.CraneAccueil figure{
				margin: 15px;
				padding: 0px;
			}
			
			/* Le logo */
			.Logo{
				width: 50px;
				height: 32px;
					
				border-radius: 5px;
				margin-top: 0px;
			}
			
			/* Mis en forme du menu de navigation
			Positionnement */
			.MenuPrinci{
				display: flex;
				align-items: center;
			}

			
			/* Mis en forme de la connexion
			Non connecter */
			.SecBoutton{
				border: 0px solid;
				display: flex;
				align-items: center;
			}
			
				.BouttonConexio{
					padding: 2px;
					padding-left: 5px;
					padding-right: 5px;
					
					margin: 0px;
					margin-left: 5px;
					margin-right: 15px;
					
					border-radius: 0px;
					transition: all 0.5s ease;
					border: 1px solid #000;
				}
			
			
				.SecBoutton a{
					text-decoration: none;
					color: #fff;
				}
			
				/* Dynamisme du mis en forme */
				.BouttonConexio:hover{
					background-color: #6699cc;
					border: 1px groove #fff;
				}	
				
			/*Connecter */
			.Connecter{
				margin-right: 15px;
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
			
				.Connecter img{
					width: 30px;
					height: 30px;
					margin-right: 5px;
					font-size: 0.5em;
					border: 1px groove #fff;
					border-radius: 50%;
				}