/************************************************************************************/
/*** Autres que Smartphone                                                        ***/
/************************************************************************************/

@media (min-width: 767px){
#navigation { /*conteneur du menu*/
	height:22px;
	text-align:right;
	padding-right:10px;
	font-weight: bold;
	font-size: 19px;
	margin-bottom:10px;
	font-variant: small-caps;
	color:#666;
	width:768px;
	/*width:100%;*/
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	}
	
#navigationfil { /*conteneur du menu*/
	width:99%;/*858px*/
	background: #555; /*  */
	/*margin:0vw 0.5vw 0vw 0.5vw;*/
	margin:auto;
	}

.caledroit{
	/*float:right;*/

}
.textefil{
		font-size:0.9rem;
	}
	
.itemfil{
		padding:0vw 0.2vw 0vw 0.2vw;
	}
	
	/* Sous menu de droite sur les pages JD */
#conteneurssmenu { /*conteneur du menu*/
	width:29%;
	background: #eceded;  /*Gris clair */
	margin-right:0.5vw;
	float:right;
	/*height:100%;*/
	/*border-left: dashed 1px #666;*/
	/*border: dashed 1px #999;*/
	padding-left: 0.5vw;
	margin-top:1vw;
	margin-bottom:1vw;
	/*border:solid;*/
	border:dashed;
	border-color:#CCCCCC;
	border-width:1px;
	/*box-shadow: 0px 0px 10px 1px rgba(102, 102, 102, 0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(102, 102, 102, 0.5);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(102, 102, 102, 0.5);*/
	}
	
.bodies{
	border:dashed;
	border-color:#666;
	border-width:1px;
	padding:5px;
	background-color:#EFEFEF;
	min-height:90px;
/*	width:600px;*/
	position:relative;
}

.survol{
	display:none;
	position:absolute;
	top:90px;
	left:10px;
	z-index: 630;
	border:outset;
	border-color:#666;
	border-width:1px;
	padding:5px;
	background-color:#EFEFEF;
	font-size:14px;
	height:auto;
	width:800px;
}

.bodies:hover .survol{
	display:block;
}

.traitdroit{
	border-right:solid 1px #666;
}

/************************************ NAV MAIN ***************************/

ul.nav-main li { /*règles générales des items de liste */
	font-size:1.9rem;
	list-style: none;
	margin: 0;
}

ul.nav-main li:nth-child(-n+5) { /* items de liste les 5 premiers*/
	/*border-right:solid 1px #666; */ /* Gris */
}

ul.nav-main li:hover { /*design des items de liste au survol*/
		background:Auto; /*#78b31c;   Vert foncé */
	}
	
ul.nav-main li a {
		color: #666;	/*Couleur de texte Gris foncé*/
    	
	}

ul.nav-main li a:hover { /* couleurs des items de liste au survol*/
		color:#CCC;
	}	
ul.nav-main { /*règles des items principaux*/
position: relative;
z-index: 597;
}

ul.nav-main li:hover > ul { /*apparition des sous-listes au survol de l'item principal ul*/
visibility: visible;
}

ul.nav-main li:hover { /*design des items de liste au survol*/
position: relative;
z-index: 599;
cursor: pointer;
}

ul.nav-main li { /*positionnement, dimensions, couleurs et textes des items de liste*/
float:left;
display:block;
height: 22px; /*32*/
font: 14px Arial, Helvetica, sans-serif;
text-align:center;
}

ul.nav-main li a { /*positionnement, dimensions, couleurs et textes des items de liste intégrant une redirection url*/
display: block;
padding: 0 0 0 0;	/* padding: 16px 0 16px 0; */
/* height: 35px; */
font: 15px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align: center;

}


ul.nav-main *.list { /*décalage entre chaque items principaux*/
padding-right: 22px;
}

/************************************ NAV SUB ***************************/

ul.nav-sub { /*règles de la liste ul de sous menus*/
		visibility: hidden;
		position: absolute;
		padding:0px;
		top: 22px;	/* 42px */
		left: -2px;
		/*left: 0px;*/
		z-index: 598;
		background: #FFF;
		border-top: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}

ul.nav-sub li { /* regles des items de liste sous menu */
list-style:none;
display:block;
padding: 0;
height: 27px;
float: none;
width:300px;
/*border-bottom: 1px solid #5a5a5a;*/
border-bottom: 1px solid #CCC;
border-right:none;
background: none;
}

ul.nav-sub li:last-child { /* regles des items de liste sous menu */
border-bottom: 0px solid #5a5a5a;
}

ul.nav-sub li a { /* règles des items de liste de sous menus intégrant une redirection url */
list-style:none;
display:block;
padding: 6px 0px 6px 0px;
height: 20px;
float: none;
width:300px;
background: none;
font: 13px Arial, Helvetica, sans-serif;
}

/************************************ NAV SUB SUB ***************************/

ul.nav-sub-sub ul{
	visibility:hidden;
}

ul.nav-sub-sub li{
	list-style:none;
	display:block;
	/*position:absolute;
	width:200px;*/
}

ul.nav-sub-sub li:hover>ul{
	visibility:visible;

}

ul.nav-sub-sub{
	/*position:absolute;*/
	/*margin:0 0 0 0px;	*/
	/*padding-left:0px;*/
	/*background : #333;*/
	
	visibility: hidden;
	position: absolute;
	padding:0px;
	top: -10px;
	left: 170px;
	/*z-index: 599;*/
	background: #FFF;
	/*border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;*/
	border: 1px solid #CCC;
	
}
}