<style>
        /* Reset et styles de base */
	
        
	    .logo {
		 display: flex;
		 width: 100%;
         text-align: center;
         margin-bottom: 1rem;
         line-height: 1.6;	
         background-color: rgba(5,77,125,1);	
         	
        }
		
		.logo-g {
		 float: left;
		 width: 10%;
         text-align: center;
         margin-bottom: 0rem;
         line-height: normal;	
         margin-left: 3%;
         height: 70px;		 
        }
		
		.logo-d {
		 float: right;
         width: 87%;
         text-align: center;
         margin-bottom: 1rem;
         line-height: 1.6;	
         align-content: center;	
         margin-top: 1%;		 
        }
		
        .logo-01 {
		 width: 100% ;
        }
		
		.fas.fa-home {
		 font-size: 25px ;
		}
		
		.fas.fa-tint {
		 font-size: 25px ;
		}
		
		.fas.fa-barcode {
		 font-size: 25px ;
		}
		
		.fas.fa-laptop {
		 font-size: 25px ;
		}
		
		.fas.fa-video {
		 font-size: 25px ;
		}
		
		.fas.fa-file-alt {
		 font-size: 25px ;
		}
		
		.fas.fa-life-ring {
		 font-size: 25px ;
		}
		
		.fas.fa-print {
		 font-size: 25px ;
		}
		
		.fas.fa-download {
	 	 font-size: 25px ;
		 white-space: nowrap;
		}
		
		.fas.fa-book-reader {
		 font-size: 25px ;
		 white-space: nowrap;
		}
				
		.fas.fa-chevron-circle-right {
		 font-size: 25px ;
		}
		
		.fas.fa-clipboard-list {
		 font-size: 25px ;
	    }
	
        .menu-toggle {
         display: none;
         cursor: pointer;
         padding: 10px;
         position: absolute;
         right: 20px;
         top: 20px;
         z-index: 1000;
        }
        
        .menu-toggle i {
         color: white;
         font-size: 30px;
        }
        
        nav ul {
         display: flex;
         justify-content: left;
         list-style: none;
         flex-wrap: wrap;
        }
        
        nav ul li {
         margin: 0 5px;
        }
        
        nav ul li a {
         color: white;
         text-decoration: none;
         font-weight: 700;
         padding: 25px 5px;
         border-radius: 4px;
         transition: background-color 0.3s;
        }
        
        nav ul li a:hover {
         background-color: red;
        }
		
		
        
	/* Styles pour les écrans */	
        @media screen and (max-width: 1783px) {
		
		.logo-g {
         margin-left: 1%;
		 height: 58px;
        }
		
        .logo-d {
		 font-size: 14.5px;	
        }
		  
        .menu-toggle {
         display: none;
         cursor: pointer;
         padding: 10px;
         position: absolute;
         right: 20px;
         top: 20px;
         z-index: 1000;
        }
            
        .menu-toggle i {
         color: white;
         font-size: 30px;
        }
        
        nav ul {
         display: flex;
         justify-content: left;
         list-style: none;
         flex-wrap: wrap;
        }
        
        nav ul li {
         margin: 0 5px;
        }
        
        nav ul li a {
         color: white;
         text-decoration: none;
         font-weight: 700;
         padding: 20px 5px;
         border-radius: 4px;
         transition: background-color 0.3s;
        }
        
        nav ul li a:hover {
         background-color: red;
        }
            
	    .bht {
        font-size: 18px;
        }
		
		.fas.fa-home {
		 font-size: 20px ;
		}
		
	    .fas.fa-tint {
		 font-size: 20px ;
		}
		
	   .fas.fa-barcode {
		font-size: 20px ;
		}
		
	   .fas.fa-laptop {
		font-size: 20px ;
		}
		
	   .fas.fa-video {
		font-size: 20px ;
		}
		
	   .fas.fa-file-alt {
		font-size: 20px ;
		}
		
	   .fas.fa-life-ring {
		font-size: 20px ;
		}
		
	   .fas.fa-print {
		font-size: 20px ;
		}
		
	   .fas.fa-download {
		font-size: 20px ;
		}
		
	   .fas.fa-book-reader {
		font-size: 20px ;
		}
		
	   .fas.fa-chevron-circle-right {
		font-size: 20px ;
		}
		
	   .fas.fa-clipboard-list {
		font-size: 20px ;
		}
		}
		
		
		
		
	/* Styles pour les écrans */
        @media screen and (max-width: 1642px) {
		
		.logo-g {
        margin-left: 1%;
        }
		
	    .logo-d {
         margin-top: 1%;
		 font-size: 14px;	
        }
            
       .menu-toggle {
         display: none;
         cursor: pointer;
         padding: 0px;
         position: absolute;
         right: 20px;
         top: 20px;
         z-index: 1000;
        }
            
       .menu-toggle i {
         color: white;
         font-size: 30px;
        }
        
        nav ul {
         display: flex;
         justify-content: left;
         list-style: none;
         flex-wrap: wrap;
        }
        
        nav ul li {
         margin: 0 5px;
        }
        
        nav ul li a {
         color: white;
         text-decoration: none;
         font-weight: 700;
         padding: 20px 1px;
         border-radius: 4px;
         transition: background-color 0.3s;
        }
        
        nav ul li a:hover {
         background-color: red;
        }
            	
	    .bht {
         font-size: 16px;
        }
		
		.fas.fa-home {
		 font-size: 18px ;
		}
		
		.fas.fa-tint {
		 font-size: 18px ;
		}
		
		.fas.fa-barcode {
		 font-size: 18px ;
		}
		
		.fas.fa-laptop {
		 font-size: 18px ;
		}
		
		.fas.fa-video {
		 font-size: 18px ;
		}
		
		.fas.fa-file-alt {
		 font-size: 18px ;
		}
		
		.fas.fa-life-ring {
		 font-size: 18px ;
		}
		
		.fas.fa-print {
		 font-size: 18px ;
		}
		
		.fas.fa-download {
		 font-size: 18px ;
		}
		
		.fas.fa-book-reader {
		 font-size: 18px ;
		}
		
		.fas.fa-chevron-circle-right {
		 font-size: 18px ;
		}
		
		.fas.fa-clipboard-list {
		 font-size: 18px ;
		}
	    }
		 
		 
		 
		   
	/* Styles pour les écrans */
        @media screen and (max-width: 1620px) {
		
        .logo-d {
         margin-top: 1%;
		 font-size: 14px;	
        }
		}
		
		
		
		
	/* Styles pour les écrans */
        @media screen and (max-width: 1550px) {
        
		.logo-d {
        
         margin-top: 1%;
		 font-size: 14px;	
        }
		}
		
		
		
	
	/* Styles pour les écrans */
        @media screen and (max-width: 1470px) {
		
		.logo-g {
         margin-left: 1%;
		 height: 53px;
        }
		
		.logo-d {
         
         margin-top: 1%;
		 font-size: 13px;	
        }
		}
		
		
		
		
	/* Styles pour les écrans */
        @media screen and (max-width: 1390px) {	 

		.logo-g {
         margin-left: 1%;
        }
		
		.logo-d {
         width: 89%;
         margin-top: 1%;
		 font-size: 12.5px;	
        }
		 
	    .bht {
        font-size: 15px;
        }
		
		.fas.fa-home {
		 font-size: 18px ;
		}
		
		.fas.fa-tint {
		 font-size: 18px ;
		}
		
		.fas.fa-barcode {
		font-size: 18px ;
		}
		
		.fas.fa-laptop {
		font-size: 18px ;
		}
		
		.fas.fa-video {
		font-size: 18px ;
		}
		
		.fas.fa-file-alt {
		font-size: 18px ;
		}
		
		.fas.fa-life-ring {
		font-size: 18px ;
		}
		
		.fas.fa-print {
		font-size: 18px ;
		}
		
		.fas.fa-download {
		font-size: 18px ;
		}
		
		.fas.fa-book-reader {
		font-size: 18px ;
		}
		
		.fas.fa-chevron-circle-right {
		font-size: 18px ;
		}
		
		.fas.fa-clipboard-list {
		font-size: 18px ;
		}
		}
		
		
		
		
	/* Styles pour les écrans  */
        @media screen and (max-width: 1300px) {
		
	    .logo-d {
         margin-top: 1%;
		 font-size: 12px;	
        }

		.bht {
         font-size: 14px;
        }
		
		nav ul li a {
         padding: 20px 1px;
         transition: background-color 0.3s;
        }
		
	    }
		
		
		
		
	/* Styles pour les écrans */
        @media screen and (max-width: 1263px) {
		
	    .logo-d {
         margin-top: 1%;
		 font-size: 11.5px;	
        }
		
		nav ul li a {
         padding: 18px 1px;
         transition: background-color 0.3s;
        }
		}
		
		
	
	
	/* Styles pour les écrans mobiles */
        @media screen and (max-width: 1236px) {
		
		.logo-g {
         width: 15%;
         margin-left: 5%;
        }
		
        .logo-d {
         margin-top: 0;
        }
		   
        .menu-toggle {
         display: block;
        }
            
        nav {
        display: none;
        width: 100%;
        background-color: rgba(5,77,125,1);
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 999;
        }
            
        nav.active {
        display: block;
        }
            
        nav ul {
        flex-direction: column;
        padding: 0;
        margin: 0;
        }
            
        nav ul li {
        margin: 0;
        border-bottom: 1px solid #34495e;
        }
            
        nav ul li a {
        display: block;
        padding: 15px 20px;
		text-align: left;
        }
			
	   .btn {
        font-size: 18px;
        }
		   
	   .bht {
        font-size: 18px;
        }
		
		.fas.fa-home {
		 font-size: 18px ;
		}
		
		.fas.fa-tint {
		 font-size: 18px ;
		}
		
	   .fas.fa-barcode {
		font-size: 18px ;
		}
		
	   .fas.fa-laptop {
		font-size: 18px ;
		}
		
	   .fas.fa-video {
		font-size: 18px ;
		}
		
	   .fas.fa-file-alt {
		font-size: 18px ;
		}
		
	   .fas.fa-life-ring {
		font-size: 18px ;
		}
		
	   .fas.fa-print {
		font-size: 18px ;
		}
		
	   .fas.fa-download {
		font-size: 18px ;
		}
		
	   .fas.fa-book-reader {
		font-size: 18px ;
		}
		
		.fas.fa-chevron-circle-right {
		font-size: 18px ;
		}
		
		.fas.fa-clipboard-list {
		font-size: 18px ;
		}
		
		.a {
		 font-size:14px;
		}
		
		.welcome-message {
		 font-size: 18px;
        }
		}
		
		
		
		
	/* Styles pour les écrans mobiles */
        @media screen and (max-width: 1230px) {
		
	    .logo-d {
        margin-top: 1%;
		font-size: 11px;	
        }
	    }
		
		
		
		
		/* Styles pour les écrans mobiles */
        @media screen and (max-width: 1200px) {
        
	    .logo-g {
         margin-left: 5%;
        }
		
		.logo-d {
         margin-top: 0;
        }
	   
        .menu-toggle {
         display: block;
        }
            
        nav {
        display: none;
        width: 100%;
        background-color: rgba(5,77,125,1);
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 999;
        }
            
        nav.active {
        display: block;
        }
            
        nav ul {
        flex-direction: column;
        padding: 0;
        margin: 0;
        }
            
        nav ul li {
        margin: 0;
        border-bottom: 1px solid #34495e;
        }
            
        nav ul li a {
        display: block;
        padding: 15px 20px;
		text-align: left;
        }
            

	   .btn {
        font-size: 17px;
        }
		   
	   .bht {
        font-size: 18px;
        }
		
		.fas.fa-home {
		 font-size: 18px ;
		}
		
		.fas.fa-tint {
		 font-size: 18px ;
		}
		
	   .fas.fa-barcode {
		font-size: 18px ;
		}
		
	   .fas.fa-laptop {
		font-size: 18px ;
		}
		
	   .fas.fa-video {
		font-size: 18px ;
		}
		
	   .fas.fa-file-alt {
		font-size: 18px ;
		}
		
	   .fas.fa-life-ring {
		font-size: 18px ;
		}
		
	   .fas.fa-print {
		font-size: 18px ;
		}
		
	   .fas.fa-download {
		font-size: 18px ;
		}
		
	   .fas.fa-book-reader {
		font-size: 18px ;
		}
		
		.fas.fa-chevron-circle-right {
		font-size: 18px ;
		}
		
		.fas.fa-clipboard-list {
		font-size: 18px ;
		}
        }
	
	
	
	
	/* Styles pour les écrans mobiles */
        @media screen and (max-width: 680px) {
		
		.fas.fa-home {
		 font-size: 16px ;
		}
		
		.fas.fa-tint {
		 font-size: 16px ;
		}
		
		.fas.fa-laptop {
		font-size: 16px ;
		}
		
	   .fas.fa-video {
		font-size: 16px ;
		}
		
	   .fas.fa-file-alt {
		font-size: 16px ;
		}
		
	   .fas.fa-life-ring {
		font-size: 16px ;
		}
		
	   .fas.fa-print {
		font-size: 16px ;
		}
		
	   .fas.fa-download {
		font-size: 16px ;
		}
		
	   .fas.fa-book-reader {
		font-size: 16px ;
		}
		
	   .fas.fa-chevron-circle-right {
		font-size: 16px ;
		}
		
	   .fas.fa-clipboard-list {
		font-size: 16px ;
		}
		
		.fa.fa-home {
	    font-size: 16px ;
	    }
		
		
	
	
	/* Styles pour les écrans mobiles */
        @media screen and (max-width: 595px) {
		
		
		.logo-g {
         width: 35%;
        }
		
		.fas.fa-home {
		 font-size: 14px ;
		}
		
		.fas.fa-tint {
		 font-size: 14px ;
		}
		
		.fas.fa-laptop {
		font-size: 14px ;
		}
		
	   .fas.fa-video {
		font-size: 14px ;
		}
		
	   .fas.fa-file-alt {
		font-size: 14px ;
		}
		
	   .fas.fa-life-ring {
		font-size: 14px ;
		}
		
	   .fas.fa-print {
		font-size: 14px ;
		}
		
	   .fas.fa-download {
		font-size: 14px ;
		}
		
	   .fas.fa-book-reader {
		font-size: 14px ;
		}
		
	   .fas.fa-chevron-circle-right {
		font-size: 14px ;
		}
		
	   .fas.fa-clipboard-list {
		font-size: 14px ;
		}   
        }
      
		
		
    </style>