@charset "utf-8";
/* Default css  */

.clear { clear:both;width:0;height:0;font-size:0;line-height:0; }
.spacer0 { width:0;height:0;font-size:0;line-height:0; }
a:focus { outline:none; }
.blind { display:none; }

a:link, a:visited, a:active{ text-decoration:none;color:#696969; }
a:hover{ text-decoration:none;color:#7a0033; }

.left { float:left; }
.right { float:right; }

.bt-ok { margin:0;width:33px;height:23px;background:url(../img/bt-ok.gif) no-repeat;color:#fff;border:none;cursor:pointer;font-size:12px; }
.bt-ok-alone { margin:1px 0 0 0;padding-top:0;width:39px;height:24px;background:url(../img/bt-ok-alone.gif) no-repeat 0 1px;color:#fff;border:none;cursor:pointer;font-size:13px;line-height:12px; }

/* layout */

body { background:#900006 url(../img/bg-page.jpg) no-repeat center 0;font:11px Arial, Helvetica, sans-serif; }
#page { width:964px;margin:0 auto; }
#header { height:110px;background:url(../img/header.jpg) no-repeat; }
#header h1.logo a { display:block;height:90px;width:200px; }
#main { background:#fff;padding:20px;hmargin:0 auto; }
#top { background:#fff; }
#top-player { float:left;width:510px;height:535px;background:#000; }
#top-menu { float:left;width:225px;height:535px;background:#000; }
#top-photo { float:left;width:189px;height:535px; background:url(../img/header-right-2.jpg) no-repeat; }
#footer { height:10px;padding:9px; margin:0 0 15px 0;background:url(../img/bg-footer.gif) repeat-x;color:#fff;font:10px/12px Arial, Helvetica, sans-serif;text-decoration:none; }
#footer a:link, #footer a:visited { color:#fff;text-decoration:none; }
#footer a:hover { text-decoration:underline; }


h1.logo { padding:30px 0 0 78px;font-size:48px;color:#fff;text-indent:-9999px;}
h1.logo a:link, h1.logo a:visited{ color:#fff; }
h1.logo a:hover{ color:#fff; }
h1.titre { padding:5px 0 5px 15px;font-size:20px;color:#4b4b4d;font-weight:normal; }
h2.mtitre, h2.mlien { font-size:18px;color:#fff;font-weight:normal; }
h2.mtitre a, h2.mlien a { color:#fff; }
h2.mtitre a:hover, h2.mlien a:hover { color:#1c71b1; } 
h2.mtitre.current-page a, h2.mlien.current-page a { color:#1c71b1; }


/* accordion header */
#top-menu h2, #top-menu h4 { padding:5px 10px;cursor:pointer; }

/* currently active header */
#top-menu h2.current, #top-menu h4.current { cursor:default; }

/* accordion pane */
#top-menu div.pane { background-color:#fff;display:none;padding:2px 0 2px 10px;color:#7b7c7e;font-size:12px;overflow:auto; }

/* a title inside pane */
#top-menu div.pane ul li a:link, #top-menu div.pane ul li a:visited { display:block;width:185px;padding:0 0 0 5px;
border-bottom:1px solid #fff;background:url(../img/bg-nav-item.jpg) no-repeat bottom;color:#7b7c7e;font:12px/24px Arial, Helvetica, sans-serif; }
#top-menu div.pane ul li.current a:link, #top-menu div.pane ul li.current a:visited, #top-menu div.pane ul li a:hover { background:#a6a6a6 url(../img/_dot.gif) no-repeat;color:#fff; }

/* filtres */
#bloc-filtres-nav { width:924px;height:75px;border-top:1px solid #8db7d6;border-left:1px solid #8db7d6;border-right:1px solid #0d3859;background:url(../img/bg-filtres.gif) repeat-x; }
#bloc-filtres { width:886px;height:34px;padding:8px 14px 0 24px; }
#bloc-filtres span { display:inline-block; }
#bloc-filtres span.sep { margin:0 15px;width:2px;height:29px; background:url(../img/sep-filtres.gif) no-repeat;vertical-align:middle; }
#bloc-filtres select.select-filtre, #bloc-filtres input.search { margin:0;padding:2px;background:#fff url(../img/bg-field.gif);border:1px solid #ccc; color:#646567;font-size:11px; }
#bloc-filtres input.search {  margin:1px 0 0 0;height:18px;line-height:18px;padding-top:2px;border:none;font-style:italic; }
#bloc-filtres input.search, #bloc-filtres input.bt-ok { display:inline-block; vertical-align:middle; }
#bloc-nav p { padding:10px 14px 0 24px;color:#fff; }
#bloc-nav p span.sep { color:#000; }
#bloc-nav p a:link, #bloc-nav p a:visited { color:#000;text-decoration:underline; }
#bloc-nav p a:hover { color:#fff;text-decoration:underline; }
#pagination {margin:24px 0 0 0;}
#pagination p { vertical-align:middle;color:#1c71b1; }
#pagination p a:link, #pagination p a:visited, #pagination p span.sep { color:#9c9e9f; }
#pagination p a:hover {  color:#000; }
#pagination p span.arr-left, #pagination p span.arr-right { display:inline-block; }

/* pagination bas */
#pagination p span.arr-left a:link, #pagination p span.arr-left a:visited { display:block;width:11px;height:11px; background:url(../img/bt-left-pg.gif) no-repeat;text-indent:-9999px; }
#pagination p span.arr-left a:hover { background:url(../img/bt-left-pg-on.gif) no-repeat;}
#pagination p span.arr-right a:link, #pagination p span.arr-right a:visited { display:block;width:11px;height:11px; background:url(../img/bt-right-pg.gif) no-repeat;text-indent:-9999px; }
#pagination p span.arr-right a:hover { background:url(../img/bt-right-pg-on.gif) no-repeat;}

/* resultats */
#resultats { margin:20px 0 0 0;background:url(../img/bg-resultats.gif) repeat-y; }
.resultat { float:left;width:422px;height:140px;padding:10px 0 0 30px; }
.resultat-img { float:left; padding:2px 0 0 0;height:115px;width:145px; }
.resultat-infos { float:left;height:130px;width:270px;color:#3d3d3e; }
.resultat-infos h3 a{ color:#000; }
.resultat-infos p strong{ color:#828384; }

.resultat-infos p.tit-invites { margin:8px 0 0 0; }
.resultat-infos p.invites a:link, .resultat-infos p.invites a:visited { text-decoration:underline;color:#3d3d3e; }
.resultat-infos a:hover, .resultat-infos p.invites a:hover { color:#1c71b1; }
.resultat-infos p.vues { color:#1c71b1; }

/* carousel à la une */
.carousel-une { width:964px;height:232px;background-color:#000; }
.carousel-une .titre { padding:18px 0 1px 30px;color:#ccc; }

/* recherche */
#top-menu form { padding:16px 0 28px 15px; }
#top-menu input.search {  margin:0;padding-top:2px;background:#fff url(../img/bg-field.gif);border:1px solid #ccc; color:#646567;font-size:11px;height:18px;line-height:16px;font-style:italic; }
#top-menu input.search, #top-menu input.bt-ok { display:inline-block; vertical-align:middle; }

/* scrollables */
.scrollable { position:relative;overflow:hidden;margin:0 3px 0 1px;width: 900px;height:182px; }

.scrollable .items { /* this cannot be too large */	width:20000em;position:absolute;clear:both; }

/* single scrollable item */
.scrollable div.item { float:left;margin:4px 0 20px 4px;border:2px solid #000;background-color:#000;cursor:pointer;width:142px;font-size:10px;color:#fff; }
.scrollable div.item a{ color:#fff; }
.scrollable div.item strong{ color:#9c9e9f;font-weight:normal; }

/* active item */
.scrollable .active { border:2px solid #666;z-index:9999;position:relative; }

/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.browse {	margin:5px 0 0 0;display:block;width:30px;height:85px;float:left;cursor:pointer;font-size:1px;}

/* right */
a.right 		{ background:url(../img/slider_bottom_right.gif) 0 0 ; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px 0; }

/* left */
a.left			{ background:url(../img/slider_bottom_left.gif) 0 0 ; margin-right: 0px;margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }

/* carousel une */
#carousel-une .scrollable { position:relative;overflow:hidden;margin:0 3px 0 1px;width: 900px;height:160px; }

/* carousel sous player video */
#carousel-player .scrollable { position:relative;overflow:hidden;margin:0 3px 0 0;width: 445px;height:150px; }
#carousel-player .scrollable .item { float:left;margin:4px 2px 20px 2px;border:2px solid #000;background-color:#000;cursor:pointer;width:142px;font-size:10px;color:#fff; }