/* ------------- css reset -----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1.2;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: 'passion_oneregular';
    src: url('passionone-regular-webfont.eot');
    src: url('passionone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('passionone-regular-webfont.woff') format('woff'),
         url('passionone-regular-webfont.ttf') format('truetype'),
         url('passionone-regular-webfont.svg#passion_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'saved_by_zeroregular';
    src: url('_lds_savedbyz-webfont.eot');
    src: url('_lds_savedbyz-webfont.eot?#iefix') format('embedded-opentype'),
         url('_lds_savedbyz-webfont.woff') format('woff'),
         url('_lds_savedbyz-webfont.ttf') format('truetype'),
         url('_lds_savedbyz-webfont.svg#saved_by_zeroregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronLight';
    src: url('orbitron-light-webfont.eot');
    src: url('orbitron-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('orbitron-light-webfont.woff') format('woff'),
         url('orbitron-light-webfont.ttf') format('truetype'),
         url('orbitron-light-webfont.svg#OrbitronLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronMedium';
    src: url('orbitron-medium-webfont.eot');
    src: url('orbitron-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('orbitron-medium-webfont.woff') format('woff'),
         url('orbitron-medium-webfont.ttf') format('truetype'),
         url('orbitron-medium-webfont.svg#OrbitronMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronBold';
    src: url('orbitron-bold-webfont.eot');
    src: url('orbitron-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('orbitron-bold-webfont.woff') format('woff'),
         url('orbitron-bold-webfont.ttf') format('truetype'),
         url('orbitron-bold-webfont.svg#OrbitronBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OrbitronBlack';
    src: url('orbitron-black-webfont.eot');
    src: url('orbitron-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('orbitron-black-webfont.woff') format('woff'),
         url('orbitron-black-webfont.ttf') format('truetype'),
         url('orbitron-black-webfont.svg#OrbitronBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MYRIADPRO-REGULAR';
    src: url('MYRIADPRO-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

.categorie {line-height: 1;}
/* ------------- css reset -----------------*/
body 					{font-family:Arial, Helvetica, sans-serif; background:#FFF; font-size:12px; text-align:left; margin:0;padding:0; background:url(../images/back.jpg) repeat-x;}
.clear 					{clear:both;}
.black 					{color:#000;}
.link_interne {text-decoration:none;color:#000;}
form					{ margin:0; padding:0; }

img 					{ display: block; border:0; }

#clear					{ clear:both; }

#contenant 				{ width:900px; margin:0 auto; padding:0;}

#ZoneMenuHaut			{ height:572px; width:900px; margin:0 auto; padding:0;}

#logo2					{ width:900px; margin:0 auto; padding:0; height:152px; position:absolute; top:0px; border:0;}

#logo					{ margin:0; width:900px; position:absolute;clear:both; height:152px; background:url(../images/bottom_logo.png) bottom center no-repeat; }
#logo h1, #logo h2 {display:none;}
#logo img				{ display:inline;float:left;}
#illustration_sport { float:left; width:244px; margin-left:-20px;}
#video {float:left; width:277px;} 
#contenu, #menu_plan {margin-top:-10px}
#contenu ul li, #menu_plan ul li		{margin-left:50px;list-style-image:url(../images/puce.png); margin-bottom:10px; margin-top:10px;}
#menu_plan ul li a  	{ color:#45459b; text-decoration:none; cursor:pointer;}
#menu_plan ul li a:hover { color:#45459b;text-decoration:underline;}
#contenu ul ul li, #menu_plan ul ul li		{margin-left:25px;list-style-image:url(../images/bullet-red.png); margin-bottom:5px; margin-top:2px;margin-bottom:2px}
#menu_plan ul ul li a, #menu_plan ul ul li a:hover	{color:#45459b;}
#menu_plan	h1				{ color:#000000; font-size:20px; margin-left:20px;}
#menu_plan img { margin-top:-15px;}
/* menu */
#menu				{clear:both; position:absolute;top:152px; height:40px; width:900px; text-align:center;margin:0; padding:0; font-family:"OrbitronBold"; background:url(../images/back_menu_.png) center top;   border-bottom:1px solid #FAA;}
#menu a {color:#FFF;}
#menu {display:inline; float:left; }
#menu 
#menu .niveau1 {padding: 0; margin:0 auto; text-align:center; margin-left:100px;}
#menu .niveau1 li.haut {display:block; height:40px; float:left;}
#menu .niveau1 li a.haut_lien {display:block; float:left; height:40px; line-height:40px; color:#FFF; text-decoration:none; font-size:14px; padding:0; cursor:pointer;background: transparent; margin:0 18px 0 18px;}
#menu .niveau1 li a.haut_lien span {float:left; display:block; padding:0 24px 0 12px; height:25px; background: transparent; }
#menu .niveau1 li a.haut_lien span.bas {float:left; display:block; padding:0 24px 0 12px; height:25px; background: transparent;}

#menu .niveau1 li:hover a.haut_lien,
#menu .niveau1 a.haut_lien:hover
{color:#000000; text-shadow:none;}
#menu .niveau1 a.haut_lien:hover {}
#menu .niveau1 li:hover a.haut_lien span,
#menu .niveau1 a.haut_lien:hover span
{background:url(../images/menu_back2.png) no-repeat right top;}
#menu .niveau1 li:hover a.haut_lien span.bas,
#menu .niveau1 a.haut_lien:hover span.bas
{background:url(../images/menu_back_down.png) no-repeat right top; padding-bottom:0px;}

#menu .niveau1 table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0px;}
#menu .niveau1 table table {top:0;}

#menu .niveau1 li:hover {position:relative; z-index:200; background:url(../images/back_menu.gif) repeat-x;}
#menu .niveau1 a:hover {position:relative; white-space:normal; z-index:200;}

#menu .niveau1 :hover ul.sous
{left:0px; top:27px; background: #FFFFFF; text-align:left;  border:1px solid #7db5de; width:14em; height:auto; z-index:300;padding-bottom:0; margin-bottom:0; border-bottom:0;}
#menu .niveau1 :hover ul.sous li
{display:block;  position:relative; float:left; width:14em; font-weight:normal; padding:0; margin:0; border-bottom:solid 1PX #7db5de;}
#menu .niveau1 :hover ul.sous li a
{display:block; font-size:13px;  width:13.3em; line-height:18px; padding-left: 10px; color:#000; text-decoration:none; font-weight:bold;}
#menu .niveau1 :hover ul.sous li a:hover 
{background: #0000ff; color:#000; background:url(../images/back_menu.gif) center center repeat-x;}

#menu .niveau1 li b {display:block; font-size:12px; height:18px; width:14em; line-height:18px; padding-bottom:5px;padding-top:5px; text-indent:6px; color:#0000FF;  cursor:default; border-bottom:solid 1px #0000FF;border-top:solid 1px #0000FF;}

#menu .niveau1 a:hover a:hover ul,
#menu .niveau1 a:hover a:hover a:hover ul,
#menu .niveau1 a:hover a:hover a:hover a:hover ul,
#menu .niveau1 a:hover a:hover a:hover a:hover a:hover ul
{left:14em; top:-1px; background: #FFFFFF; padding:0px; border:1px solid #7db5de; width:14.8em; z-index:400; height:auto;}

#menu .niveau1 ul, 
#menu .niveau1 a:hover ul ul,
#menu .niveau1 a:hover a:hover ul ul,
#menu .niveau1 a:hover a:hover a:hover ul ul,
#menu .niveau1 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu .niveau1 li:hover li:hover > ul
{left:14em; top:-1px; background: #FFFFFF; border:1px solid #7db5de; width:14em; z-index:400; height:auto; padding-bottom:0; margin-bottom:0; border-bottom:0;}
#menu .niveau1 li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu .niveau1 li:hover li:hover > a.parent
{background:url(arrow_over.gif) 14.6em 6px no-repeat #c0c0c0 ; color:#000; border-color:#fff;} 
#menu .niveau1 li:hover li:hover > li a.parent
{background:url(arrow.gif) 14.6em 6px no-repeat #c0c0c0 ; color:#000; border-color:#50b5d0;} 

#menu .niveau1 li.souligner a { text-decoration: underline;color:#000;}



#zoneContenu			{ float:right; width:685px;}

#zoneLeft				{ float:left; width:200px;}

#zoneCentre				{ float:left; margin:0; width:685px;background:url(../images/contenu_contenu.gif) center repeat-y;}

#zoneRight				{ float:right; width:201px; padding:0; margin:0; }