/*

------------------------------------------------------------------------------------------------------

Drop Down Menu in HTML and CSS with 3 Levels - Working in All Browsers

Author: Extreme Design Studio

Tutorial Link: http://extremestudio.ro/?p=8136

------------------------------------------------------------------------------------------------------

*/



/** {

	margin: 0;

	padding: 0;

}

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9pt;

}*/

.dropDownMenu {

	width: 100%;

	float: left;

	height: 30px;

}

@media only screen and (min-width: 300px) and (max-width: 1398px)  {

	.dropDownMenu a {

		line-height: 30px;

		padding: 0 8px;

		float: left;

		font-size: 8pt;

		font-family: Arial, Helvetica, sans-serif;

		text-decoration: none;

		color: #FFFFFF;

		border-right: 1px solid #fff;

	}

	.dropDownMenu li ul li ul {

		position: absolute;

		display: none !important;

		left: 266px;

		top: -30px;

		z-index: 999;

	}

}

@media only screen and (min-width: 1398px)  {

	.dropDownMenu a {

		line-height: 30px;

		padding: 0 10px;

		float: left;

		font-size: 9pt;

		font-family: Arial, Helvetica, sans-serif;

		text-decoration: none;

		color: #FFFFFF;

		border-right: 1px solid #fff;

	}

	.dropDownMenu li ul li ul {

		position: absolute;

		display: none !important;

		left: 270px;

		top: -30px;

		z-index: 999;

	}

}

.dropDownMenu a:hover {

	text-decoration: none;

}

.dropDownMenu li {

	float: left;

	display: block;

	list-style: none;

	position: relative;

	/*background-image: url('../img/arrow.png');

	background-repeat: no-repeat;

	background-position: left center;*/

}

.dropDownMenu li ul {

	width: 250px;

	position: absolute;

	list-style: none;

	display: none;

	margin: 0;

	left: -10px;

	z-index: 999;

}

.dropDownMenu li:hover ul {

	display: block;

	margin-top: 30px;

	margin-left: 10px;

}

.dropDownMenu li ul li {

	width: 271px;

}

.dropDownMenu li ul li a {

	color: #FFFFFF;

	display: block;

	margin: 0 !important;

	width: 100%;

}

.dropDownMenu li ul li:hover ul {

	display: block !important;

	margin: 30px 0 0 0;

}

.dropDownMenu li ul li ul li {

	float: left;

	width: 250px;

	display: block;

}

.dropDownMenu li ul li ul li a {

	display: block;

	margin: 0 !important;

	width: 100%;

}



/* #0d4d95; */



#particuliersDropDown, #particuliersDropDown a, #particuliersDropDown a:hover, #particuliersDropDown li ul li a, #particuliersDropDown li ul li ul li a {

	background-color: #318dcd;

}

#siteDropDown, #siteDropDown a, #siteDropDown a:hover, #siteDropDown li ul li a, #siteDropDown li ul li ul li a {

	background-color: #318dcd;

}

#proDropDown, #proDropDown a, #proDropDown a:hover, #proDropDown li ul li a, #proDropDown li ul li ul li a {

	background-color: #666666;

}

#compDropDown, #compDropDown a, #compDropDown a:hover, #compDropDown li ul li a, #compDropDown li ul li ul li a {

	background-color: #a843c8;

}

#jeunesDropDown, #jeunesDropDown a, #jeunesDropDown a:hover, #jeunesDropDown li ul li a, #jeunesDropDown li ul li ul li a {

	background-color: #e37409;

}

#nonresDropDown, #nonresDropDown a, #nonresDropDown a:hover, #nonresDropDown li ul li a, #nonresDropDown li ul li ul li a {

	background-color: #79b017;

}

.dropDownMenu li ul li a:hover, #siteDropDown li a:hover {

	text-decoration: underline;

	color: #000;

}