@font-face {
	font-family: 'Lubalin';
	src: url('../fonts/Lubalin Graph Regular.ttf');
}

@font-face{
	font-family: 'Open_Sans_Bold';
	src: url('../fonts/Open_Sans/OpenSans-Bold.ttf');
}

@font-face{
	font-family: 'Open_Sans_Regular';
	src: url('../fonts/Open_Sans/OpenSans-Regular.ttf');
}

@font-face{
	font-family: 'QuickSand_Bold';
	src: url('../fonts/Quicksand/static/Quicksand-Bold.ttf');
}

@font-face{
	font-family: 'Titillium_Bold';
	src: url('../fonts/Titillium_Web/TitilliumWeb-Bold.ttf');
}

@font-face{
	font-family: 'Titillium_SemiBold';
	src: url('../fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf');
}

@font-face{
	font-family: 'PlayFair_SemiBold';
	src: url('../fonts/Playfair_Display/static/PlayfairDisplay-SemiBold.ttf');
}

@font-face{
	font-family: 'PlayFair_Regular';
	src: url('../fonts/Playfair_Display/static/PlayfairDisplay-Regular.ttf');
}

@font-face{
	font-family: 'RobotoSlab';
	src: url('../fonts/Roboto_Slab/static/RobotoSlab-Medium.ttf');
}

@font-face{
	font-family: 'RobotoSlab_Semibold';
	src: url('../fonts/Roboto_Slab/static/RobotoSlab-SemiBold.ttf');
}

@font-face{
	font-family: 'RobotoSlab_Light';
	src: url('../fonts/Roboto_Slab/static/RobotoSlab-Light.ttf');
}

@font-face{
	font-family: 'RobotoSlab_Regular';
	src: url('../fonts/Roboto_Slab/static/RobotoSlab-Regular.ttf');
}

/* @font-face{
	font-family: 'populaire';
	src: url('../fonts/populaire.woff2');
} */

@font-face{
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face{
	font-family: 'fun';
	src: url('../fonts/fun.woff');
}

:root {
	--ColorOmbre: #3a1d26;
	--ColorPastille: #e1635d;
	/*--Font_color_Dark: #3a1d26;*/
	--Font_color_Dark: #3a1d26;
  
	/* Couleurs de fond des différents panneaux de navigation */
	--BgColor_bandeau_Top: #F2ECED;
	--BgColor_bandeau_Left: #F2ECED;
	--BgColor_Panel_Center: #F2ECED;

	--BgColor_bandeau_Top_Mob: #F2ECED;
	--BgColor_bandeau_Bottom_Mob: #F2ECED;

	/* couleur des cartes et caddie */
	--BgColor_Card: #e5ddc6;
	--BgColor_Card_Top: #8c7373;
	--BgColor_Card_Bottom: #8c7373;
	--Color_Card_Top: white;
	--Color_Card_Bottom: white;
	
	/* Police logo */
	--Font_logo: fun;
	
	/* Police titre sections */
	--Font_Section_title: PlayFair_Regular;
	
	/* Police cartes */
	--Font_Card_title: PlayFair_Regular;
	--FontCard_Detail: RobotoSlab_Regular;
	
	/* Police panier */
	--Font_Cart: RobotoSlab_Semibold;
	
}

.dropdown-item {
	padding: 0.5rem 1.5rem;
}

.paneContainerAlternate{

	background-color: #4a3734;
	color: white;
}


@media screen and (min-width: 640px) {/*sur ordi et tablette*/

	.branding{
		position: absolute;
		/*top: 20px;*/
		left: 70px;
		margin-left: -50px;
		margin-top: -20px;
	}

	#address{
		position: absolute;		
		top: 33px;
		left: 160px;
		font-family: var(--Font_Card_title);
		letter-spacing: 0.5px;
		font-size: 16px;
	}
	
	
	#divCartLogo > img{
		width:30px;
	}
	
	#logo > img{
		/*width:310px;*/
		max-width: 250px;
		/*max-height: 250px;*/
	}
}

@media screen and (max-width: 640px) {/*sur mobile*/

	.branding{
		position: absolute;
		top: 0px;
		left: 62px;
		margin-left: -50px;
		margin-top: -17px;
	}

	#logo > img{
		width: 160px;
	}
}