#menuMobile{
	display:none;
}

	
ul.jd_menu {
	margin: 0 0 10px 0;
	list-style-type: none;
	font-size: 17px;
	position:relative;
	z-index:100;
	float:left;
	font-weight:normal;
	background:url(../../images/fd-menu.jpg) repeat-x #e8e8e8;
	width:100%;
	height:36px;
	font-family:"source-sans", Arial, Helvetica, sans-serif;
}

ul.jd_menu li {
	float:left;
	display:block;
	
	white-space: nowrap;
	list-style-type: none;
	margin:0;
	position:relative;
	width: 13%;
	text-align:left;
	margin:0 20px;
	line-height:39px;
}

.index ul.jd_menu li{
	margin:0 26px;
}

/*
ul.jd_menu li:hover {
	padding: 4px 9px 4px 9px;
}
*/
ul.jd_menu li a, ul.jd_menu li a:visited {
	display:block;
	position:relative;
	font-weight:bold;
	z-index:100;
	color:#444;
}
ul.jd_menu li a.LienMenu{
	color:#BC0025;
	display:inline;
}
ul.jd_menu li a.LienMenu:hover{
	color:#029feb;
}

ul.jd_menu > li > a {
	text-align:center;
}

ul.jd_menu > li:hover > a {
	text-shadow: 1px 1px 0px #fff;
	color:#111;
}
ul.jd_menu li .drop {
	padding-right:10px;
	background:url("img/drop.png") no-repeat right 8px;
}
ul.jd_menu li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}

ul.jd_menu .dropdown_1column, 
ul.jd_menu .dropdown_2columns, 
ul.jd_menu .dropdown_3columns, 
ul.jd_menu .dropdown_4columns,
ul.jd_menu .dropdown_5columns {
	margin:0 auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 0;
	border:1px solid #ccc;
	border-top:0;	
	background:#EEEEEE;
	background:linear-gradient( #777 0px, #ccc 2px, #eee 5px);
	z-index:100;
	/* Gradient background 
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners 
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px; */
}

ul.jd_menu .dropdown_1column {width: 360px;}  /* Modif Jérémy 140px */
ul.jd_menu .dropdown_2columns {width: 440px;}
ul.jd_menu .dropdown_3columns {width: 200px;}
ul.jd_menu .dropdown_4columns {width: 880px;}
ul.jd_menu .dropdown_5columns {width: 700px;}

ul.jd_menu li:hover .dropdown_1column, 
ul.jd_menu li:hover .dropdown_2columns, 
ul.jd_menu li:hover .dropdown_3columns,
ul.jd_menu li:hover .dropdown_4columns,
ul.jd_menu li:hover .dropdown_5columns {
	left:-3px;
	top:36px;
}

ul.jd_menu li:hover .dropdown_4columns {
	left:-350px;
}

ul.jd_menu .col_1,
ul.jd_menu .col_3,
ul.jd_menu .col_4,
ul.jd_menu .col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1.5%;
	background:#fff;
	padding:5px;
	border:1px solid #e5e5e5;
}

ul.jd_menu .col_2 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1.5%;
	padding:5px;
}

ul.jd_menu .col_2 li a{
	background:#FFF;
	padding:5px 5px 5px 20px;
	border-bottom:1px #ccc solid;
}
ul.jd_menu .col_boutique{
	display:inline;
	float: left;
	position: relative;
	margin-left: 3.5%;
	padding:5px;
}
ul.jd_menu .col_1 {width:auto;}
ul.jd_menu .col_2 {width:270px;}
ul.jd_menu .col_3 {width:410px;}
ul.jd_menu .col_4 {width:550px;}
ul.jd_menu .col_5 {width:690px;}

.dropdown_4columns, .dropdown_4columns *{
white-space:normal !important;
}

#conteneur ul.jd_menu .dropdown_1column li, 
#conteneur ul.jd_menu .dropdown_2columns li,  
#conteneur ul.jd_menu .dropdown_4columns li,
#conteneur ul.jd_menu .dropdown_5columns li{
	height:auto;
	width:auto;
	line-height:normal;
	margin:0 0 9px;
}
#conteneur ul.jd_menu .dropdown_3columns li{
	height:auto;
	width:auto;
	line-height:normal;
}

#conteneur ul.jd_menu .dropdown_1column .col_1, 
#conteneur ul.jd_menu .dropdown_2columns .col_1, 
#conteneur ul.jd_menu .dropdown_3columns .col_1, 
#conteneur ul.jd_menu .dropdown_4columns .col_1,
#conteneur ul.jd_menu .dropdown_5columns{
	max-width:30%;
	min-height: 150px;
}
	
.jd_menu .imgBoutique{
	vertical-align:top;
	float:left;
	margin:0 15px 5px 0;
	max-width:100px;
}
.jd_menu ul.abo{
	float:left;
}
ul.jd_menu .menu_right {
	float:right;
	margin-right:0px;
}
ul.jd_menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

ul.jd_menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

ul.jd_menu p, ul.jd_menu h2, ul.jd_menu h3, ul.jd_menu ul li {
	line-height:21px;
	font-size:12px;
	text-align:left;
}
ul.jd_menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
ul.jd_menu h3 {
	font-size:14px;
}

ul.jd_menu h3 a, ul.jd_menu h3 a:visited{
	color:#EEEEEE !important;
	font-size:inherit
}
ul.jd_menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

ul.jd_menu li div li a, ul.jd_menu li div li a:visited {
/*	color:#015b86;*/
	font-weight:normal;
}
ul.jd_menu li div li a:hover, ul.jd_menu li div li a:focus, ul.jd_menu li div li a:active {
	color:#029feb;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}
li.accueil img{
	margin-top:4px;
}

ul.jd_menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

ul.jd_menu li ul{
	margin:0;
	padding:0;
}

ul.jd_menu li div div ul {
	list-style:none;
	padding:6px 0 0;
	border-top:1px solid #fff;
	margin:0 0 12px 0;
}
ul.jd_menu li ul li, .index ul.jd_menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
ul.jd_menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

ul.jd_menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
ul.jd_menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

#fancybox-content{
}

#fancybox-content .col_1 ul{
	display:none;
}

#fancybox-content .col_1 h3{
	margin:0;
}

#fancybox-content > div > ul, #fancybox-content > div > ul li{
	margin:0;
	padding:0;
	list-style:none;
}

#fancybox-content .col_1 h3, #fancybox-content > div > ul li{
	padding:15px 10px;
	background:#fff;
	border-bottom:1px solid #ddd;
	font-size:17px;
}

#fancybox-content .col_1 h3:last-child, #fancybox-content > div > ul li:last-child{
	border:0;
}



@media screen and (max-width: 1300px) { 
	ul.jd_menu{
		width:100%;
		font-size:14px;
	}
	li.accueil img {
		margin-top: 4px;
	}
	#top ul.jd_menu li{
		margin:0 11px;
		width: 12%;
	}
	
	.index #top ul.jd_menu li{
		margin:0 15px 0;
	}
	
	#top ul.jd_menu li li{
		font-size:13px;
	}
	
	/* le 4 octobre 2013 
	ul.jd_menu li:hover .dropdown_4columns {
		left:-50px;
	}
	*/
	ul.jd_menu li:hover .dropdown_4columns {
		left:-15px;
	}
	ul.jd_menu .dropdown_4columns {
		width: 860px;
	}
	
	#conteneur ul.jd_menu .dropdown_1column .col_1, #conteneur ul.jd_menu .dropdown_2columns .col_1, #conteneur ul.jd_menu .dropdown_3columns .col_1, #conteneur ul.jd_menu .dropdown_4columns .col_1, #conteneur ul.jd_menu .dropdown_5columns{
		max-width:30%;
		margin-right:0%;
	}
	
	.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns{
		margin:9px 0 0;
	}
	
	ul.jd_menu h3{
		font-size:12px;
	}
}
@media screen and (max-width: 1024px) {
	ul.jd_menu {
		width: 100%;
	}
	#top ul.jd_menu > li, .index #top ul.jd_menu > li{
		width:11%;
		text-align: center;
	}
	ul.jd_menu li:hover .dropdown_4columns {
		left:0;
	}
	ul.jd_menu li:hover .dropdown_1column, 
	ul.jd_menu li:hover .dropdown_2columns, 
	ul.jd_menu li:hover .dropdown_3columns,
	ul.jd_menu li:hover .dropdown_4columns,
	ul.jd_menu li:hover .dropdown_5columns {
		top:36px;
	}
	ul.jd_menu .dropdown_4columns {
		width: 700px;
	}
	#conteneur ul.jd_menu .dropdown_1column .col_1, #conteneur ul.jd_menu .dropdown_2columns .col_1, #conteneur ul.jd_menu .dropdown_3columns .col_1, #conteneur ul.jd_menu .dropdown_4columns .col_1, #conteneur ul.jd_menu .dropdown_5columns{
		max-width:30%;
		margin-right:0;
	}
	.jd_menu .imgBoutique {
		width:70px;
		margin:0 5px;
	}
	.jd_menu ul.abo {
		width:125px;
	}
	ul.jd_menu li div div ul {
		margin: 0;
		padding: 0;
	}
}
@media screen and (max-width: 800px) {
	
	.index ul.jd_menu {
		width:100%;
		margin:0;
	}
	#top ul.jd_menu > li, .index #top ul.jd_menu > li{
		width:10%;
	}
	ul.jd_menu li.accueil a {
		margin-top: -5px;
	}
	li.accueil img {
		margin-top: 8px;
	}
	.index #menuMobile ul.niveau2, #menuMobile ul.niveau2{
		display:inline;
		width:100%;
	}
	.index #menuMobile ul.niveau2 li, #menuMobile ul.niveau2 li{
		display:block;
		background:#eee;
		float:left;
		padding:4px 10px;
		width:auto;
		margin:0 2px 2px 0;
	}
	#pathway {
		padding-top: 0px;
	}
	#top .menu2{
		float:none;
		clear:both;
		width:100%;
		padding:13px 0 7px;
		height:20px;
	}
	#top .menu2 li{
		width:25%;
		margin:0;
		padding:0;
		text-align:center;
	}
}


@media screen and (max-width: 480px) {
	#top .menu2{
		font-size:11px;
		width:95%;
		margin:0 auto;
		position:relative;
		display:block;
	}
	ul.jd_menu{
		display:none;
		background:#ddd;
	}
	#menuMobile{
		list-style:none;
		display:block;
		width:98%;
		margin:5px;
	}
	.index #menuMobile ul.niveau2 li a,  #menuMobile ul.niveau2 li a{
		margin:0;
		color:#000;
	}
	.abonnements #texte article.CataLivres {
		margin:0;
	}
	
}