@charset "utf-8";
/* CSS Document */
/* Conteneur du menu */

body {
	background: url(../image/paysage.jpg) no-repeat center 8.4em , url(../image/fond.jpg);
}
.fondshop  {
	background-image: url(../image/logo_SAMA_WAAR2.png);
	height: 107px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin-left:50px;
}

#menup {
    /*background: #1f2937;*/ /* gris foncé élégant */
    padding:0px 0;
}

/* Liste principale */
#menup .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;              /* alignement sur une seule ligne */
    justify-content: center;    /* centrage horizontal */
    align-items: center;
    gap: 5px;
}

/* Items du menu */
#menup .menu-item {
    padding: 0;
}

/* Liens */
#menup .menu-item a {
    display: block;
    
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 6px;
    background: transparent;
}

/* Survol */
#menup .menu-item a:hover {
   /* background: #2563eb; */
    color:antiquewhite;
}




@media (max-width: 992px) {
	
	body {
	background: url(../image/paysage.jpg) no-repeat center 8.4em , url(../image/fond.jpg);
}
	
.fondshop  {
	background-image: url(../image/logo_SAMA_WAAR.png);
	height: 107px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin-left:20px;
	margin-top:40px;
	margin-bottom:-18px;
}
	#menup{
	display:none;
	
}

	.container-fluid {
	width:98%;
 
		margin-left:auto;
		margin-right: auto;
		
}
	.containerp {
	width:100%;
  
		margin:auto;
		
}
	
#menu_mobile select{
	width:100%;
	margin-left: auto;
	margin-right: auto;
		
}

	#blocprod{
 width: 47%;
		margin:1%; padding:1%; float:left; background-color:aliceblue;
	
}}




#menu_mobile select{
	padding: 10px;	
	
}



@media (min-width: 992px) {
	
	.fondshop  {
	
	background-size: 50%;
}
	
	#menu_mobile{
	display:none;	
}
	.containerp {
	width:80%;
  
		margin:auto;
		
}
	#blocprod{
		
		 width: 23%; 
		margin:1%; 
		padding:1%; 
		float:left; 
		background-color:aliceblue;	
	
	}

}