/* --------------------------------------------------------------- */

/*

/* Menu responsive

/*

/* --------------------------------------------------------------- */


#range_menu_toggler, #range_menu {

	display : block;

}


/* --------------------------------------------------------------- */

/*

/* Bandeau Haut

/*

/* --------------------------------------------------------------- */

#bandeau_haut {

	position : relative;
	top      : 0;
	left     : 0;

	height   : 630px;

	overflow : hidden;

}

#bandeau_haut img {

	width     : 100%;

	height    : auto;

	position  : absolute;

	top       : 50%;

	left      : 50%;

	transform : translate(-50%, -50%);

}


#bandeau_haut #contenu_bandeau {

	position         : absolute;
	top              : 0;
	left             : 0;

	width            : 100%;
	height           : 100%;

	padding-top      : 125px;

	display          : flex;

	align-items      : center;

	background-color : rgba(255, 255, 255, 0.74);

}


#bandeau_haut #contenu_bandeau .contenu {

	width      : 100%;

	text-align : center;

}

#bandeau_haut #contenu_bandeau .contenu h1 {

	white-space   : nowrap;

	font-size     : 54px;

	font-weight   : 400;

	color         : #000000;

	margin-bottom : 35px;

}

#bandeau_haut #contenu_bandeau .contenu .texte {

	font-size   : 22px;

	font-weight : 400;

	color       : #000000;

}


/* --------------------------------------------------------------- */

/*

/* Catalogue

/*

/* --------------------------------------------------------------- */

#catalogue {

	padding : 45px 0;

}


.menu_gauche {


}


.menu_gauche ul {

	margin          : 0;

	padding         : 0;

	list-style-type : none;

}


.menu_gauche ul li {

	position      : relative;

	padding-left  : 10px;

	margin-bottom : 7px;

	text-align    : left;

}

.menu_gauche ul li:before {

	content          : "";

	display          : inline-block;

	width            : 4px;

	height           : 4px;

	position         : absolute;

	top              : 10px;

	left             : 1px;

	margin-right     : 15px;

	border-radius    : 50%;

	background-color : #0B0B0B;

}


.menu_gauche ul li a {

	color : #666666;

}

.menu_gauche ul li a:hover, #catalogue .menu_gauche ul li a:focus {

	color : #000000;

}


/* --------------------------------------------------------------- */

/*

/* Liste produits

/*

/* --------------------------------------------------------------- */

.liste_produits {

	position : relative;
	top      : 0;
	left     : 0;

}


.liste_produits h1 {

	margin-bottom : 45px;

}


.liste_produits .box_produit {

	text-align    : center;

	margin-bottom : 45px;

}


.liste_produits .box_produit .titre_produit {

	font-size      : 14px;

	text-transform : none;

	font-weight    : 500;

	width          : 100%;

	white-space    : nowrap;

	overflow       : hidden;

	text-overflow  : ellipsis;

	padding        : 20px 0;

}

.liste_produits .box_produit .titre_produit a {

	color           : #666666;

	text-decoration : none;

}

.liste_produits .box_produit .titre_produit a:hover {

	color : #000000;

}


@media screen and (max-width : 767px) {

	#bandeau_haut #contenu_bandeau .contenu h1 {

		font-size   : 40px;

		white-space : normal;

	}

	#bandeau_haut #contenu_bandeau .contenu .texte {

		font-size : 18px;

	}


	/* remplacé par menu dans la navbar */
	.menu_gauche {

		display : none;

	}

}