/*
*	DFO Dropdown 1.0
*	Sep. 2016
*/

/* pour tests */
.dfo_dropdown {
}

/* définition d'un bloc <ul> de sous-menu */
.dfo_dropdown + ul {

	/* ne pas toucher! */
	position: absolute;
	display: none;

	/* tout cela peut être redéfini */
	top: 0;					/* valeur du décalage vertical des sous-menu */
	left: 90%;				/* valeur du décalage horizontal des sous-menu (sera toujours interprêté en % de la largeur), sera à droite (+) ou à gauche (-), calculé dans le code */
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.149);
	border-radius: 4px;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
	max-width: 160px;
	min-width: 160px;
}

/* position du 1er sous-menu */
.dfo_dropdown_start + ul {
	/* ne pas (trop) toucher */
	/*left: 0 !important;*/
	top: 100% !important;
}

.dfo_dropdown + ul li {
	/* ne pas (trop) toucher */
	width: 100%;
}
.dfo_dropdown + ul li a {
	/* ne pas (trop) toucher */
	display: block;
	width: 100%;
	text-decoration: none;
}

/* la couleur du hover */
.dfo_dropdown + ul li:hover {
	/* peut être redéfini */
	background-color: rgba(185,185,185,1.00);
}

/* pour mobiles (<768px) */
@media only screen and (max-width: 767px) {
	.dfo_dropdown + ul {
		background-color:rgba(0,0,0,1.00);
		border: none;
	}
}