/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */

/*------------------------------------*\

	NAV

\*------------------------------------*/

.Prev { background-image:url("../images/slides/btn1.png"); background-repeat:no-repeat; width:31px; height:265px;margin-top:0px; z-index:10000;}

.Next { background-image:url("../images/slides/btn2.png"); background-repeat:no-repeat; width:31px; height:265px; margin-left:929px; margin-top:0px; z-index:10000;}















#nav{

	

	margin:0; padding:0; list-style-type:none; width:750px; height:64px; background-image:url(http://www.ecole-des-courses-hippiques.fr/css/images/bg_menu.jpg); background-repeat:repeat-x;

	background-image:url(../images/bg_menu.jpg); background-repeat:repeat-x;

	

	

	position:relative !important;

	float: left;

	margin-top:31px;

}

#nav li{

	background: none repeat scroll 0 0 transparent;

    float: left;

    position: relative;



}



#nav li.on{

	background-color:#ca2a2a;

}



#nav .section{

	display:block; height:24px; padding:20px 18px 20px 18px; text-decoration:none; font-family:'Terminal Dosis', sans-serif; font-size:18px; color:#999999; text-shadow: 2px 2px 4px #000000

	/*color: #898989;

    display: block;

    font-family: 'Terminal Dosis',sans-serif;

    font-size: 18px;

    height: 21px;

    margin-top: 18px;

    padding: 25px 19px 19px;

    text-decoration: none;

    text-shadow: 2px 2px 4px #000000;*/

}

#nav #smenu_1.off { /*background-image:url(../images/bg_menu_off_long.jpg); background-position:left top; background-repeat:no-repeat;*/}

#nav #smenu_2.off { /*background-image:url(../images/bg_menu_off_long.jpg); background-position:left top; background-repeat:no-repeat;*/}

#nav #smenu_3.off { /*background-image:url(../images/bg_menu_off_long.jpg); background-position:left top; background-repeat:no-repeat;*/}

#nav #smenu_4.off { /*background-image:url(../images/bg_menu_off_long.jpg); background-position:left top; background-repeat:no-repeat;*/}

#nav #smenu_5.off { /*background-image:url(../images/bg_menu_off_long.jpg); background-position:left top; background-repeat:no-repeat;*/}

#nav #smenu_6.off { /*background-image:url(../images/bg_menu_off_long.jpg); background-position:left top; background-repeat:no-repeat;*/}

#nav #smenu_7.off { /*background-image:url(../images/bg_menu_off_long.jpg); background-position:left top; background-repeat:no-repeat;*/}



#nav .hover #smenu_1,

#nav #smenu_1:hover,

#nav #smenu_1:focus { color:#FFF;}



#nav .hover #smenu_2,

#nav #smenu_2:hover,

#nav #smenu_2:focus { color:#FFF;}



#nav .hover #smenu_3,

#nav #smenu_3:hover,

#nav #smenu_3:focus { color:#FFF;}



#nav .hover #smenu_4,

#nav #smenu_4:hover,

#nav #smenu_4:focus { color:#FFF;}



#nav .hover #smenu_5,

#nav #smenu_5:hover,

#nav #smenu_5:focus { color:#FFF;}



#nav .hover #smenu_6,

#nav #smenu_6:hover,

#nav #smenu_6:focus { color:#FFF;}



#nav .hover #smenu_7,

#nav #smenu_7:hover,

#nav #smenu_7:focus { color:#FFF;}



#nav #smenu_1.on { color:#FFF; }

#nav #smenu_2.on { color:#FFF; }

#nav #smenu_3.on { color:#FFF; }

#nav #smenu_4.on { color:#FFF; }

#nav #smenu_5.on { color:#FFF; }

#nav #smenu_6.on { color:#FFF; }

#nav #smenu_7.on { color:#FFF; }





/*--- DROPDOWN ---*/

#nav ul{

	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */

	background:rgba(255,255,255,1); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */

	list-style:none;

	position:absolute;

	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

	padding-left: 0;

}

#nav ul li{

	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */

	float:none;

}

#nav ul a{

	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */

}

#nav li:hover #niv3_01, #nav li:hover #niv2{ /* Display the dropdown on hover */

	top:63px;

	left:0; /* Bring back on-screen when needed */

	background-color:#fff;

	z-index:999999999999999;

}



#nav li ul li:hover ul{

	left:0; /* Bring back on-screen when needed */

	background-color:#fff;

}



#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */



}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */

	text-decoration:none;

}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

	color:#d40050; font-weight:bold;

}



#nav li ul a{ color: #898989; float: left;

    font-family: Verdana,Geneva,sans-serif;

    font-size: 11px;

    line-height: 28px;

	line-width:100px;

    text-decoration: none;

	width:100%;

}

#nav li ul a:hover { color:#d40050; font-weight:bold; }





#niv3_1{

width:130px;

border : 1px solid #cccccc;

margin-left:220px;margin-top:-34px;

}



#niv3_2{

width:220px;

border : 1px solid #cccccc;

margin-left:220px;margin-top:-33px;



}



*+html #niv3_1{

margin-left:220px;margin-top:-36px;

}



*+html #niv3_2{

margin-left:220px;margin-top:-35px;

}





#niv2{

width:220px;

border : 1px solid #cccccc;

margin-left:0;

z-index:999999999999999999;

}



#niv2 .Formations{

width:100px;

border : 1px solid #cccccc;

margin-left:0;

}





#niv3_7{

width:250px;

border : 1px solid #cccccc;

margin-left:-252px;

margin-top:-32px;

}



.TexteLienMenu{

	padding-left:40px;

}