@charset "utf-8";
/* --- STYLES DE BASE : CSS RESET --- */ 
body {margin: 0; padding: 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;} 
h1, h2, h3, h4, h5, h6 {margin: .5em 0 .2em 0;font-weight: bold; font-style: normal;} 
h1 {font-size: 1.75em;} 
h2 {font-size: 1.5em;} 
h3 {font-size: 1.25em;} 
h4 {font-size: 1em;} 
ul, ol{margin: .75em 0 .75em 32px; padding: 0;} 
p {margin: .75em 0;} 
address {margin: .75em 0; font-style: normal;} 
a{cursor:pointer;} 
a img {border: none;} 
em {font-style: italic;} 
strong{font-weight: bold;} 
form, fieldset {margin: 0;padding: 0;border: none;} 
input, button, select {vertical-align: middle;}
.cleaner{margin:0; padding:0; width:0; height:0; overflow:hidden;clear:both;}

/* ---- CSS d'exemple ----- */
html { width:100%; height:100%; overflow:hidden; overflow-y:auto }
body {background-color:#000;color:#ccc; }
a, a:visited, a:hover, a:active  {color:#fff;text-decoration:none;}
#google_map a {color:blue;}

.lo, .lo_vid, .lo_ajax, .lo_ajax2  { /*visibility:hidden */font-family:'din', Arial; }

#logo { display:block; background:url(../images/logo.png) no-repeat; width:393px; height:113px; position:relative; top:0; left:50%; margin-left:-549px; }


#fond {width:2000px; height:1200px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-1000px; z-index:-1; }
#main {width:960px;padding:0px 26px;background:url(../images/fond_main.png) repeat-y; margin:0 auto;}
#menu { width:960px; padding:0 26px; height:38px; overflow:hidden; background:url(../images/fond_menu.png) no-repeat; margin:auto;}
#menuParCarte, #menuParCarteON { height:38px; width:113px; display:block; float:left; margin-left:118px; }

#menuParTheme, #menuParThemeON { height:38px; width:133px; display:block; float:left; margin-left:7px;  }
#menuToutesVideos, #menuToutesVideosON{ height:38px; width:163px; display:block; float:left; margin-left:3px; }
#menuParCarteON { background-image:url(../images/menuCarteSelected.png); }
#menuParThemeON { background-image:url(../images/menuThemeSelected.png); }
#menuToutesVideosON { background-image:url(../images/menuToutSelected.png); }
* html #menuParCarte { margin-left:59px; }
* html #menuParCarteON { margin-left:59px; }

#menuAlerte { height:38px; width:173px; display:block; float:left; margin-left:40px; }
#champ_recherche { float:left; margin-left:27px; margin-top:9px; border:0; width:150px; background:none; color:#999; font-size:12px; }
#validRecherche { display:block; width:28px; height:21px; float:left; margin-left:3px; margin-top:8px; background-color:#FFF; opacity:0; filter:alpha(opacity=0); }
#validRecherche:hover {opacity:0.15; filter:alpha(opacity=15); }
* html #validRecherche  { margin-left:1px; width:27px; }

#pied { width:960px;padding:15px 26px;text-align:center;margin:auto; font-size:12px; color:#999; margin-bottom:20px; background:url(../images/fond_pied.png) no-repeat; }
#pied a { color:#999; }

.scroller_listVid {position:relative;}

a.vidlist  { display:block; float:left; margin:3px 3px; width:112px; height:114px; overflow:visible; padding:5px 8px; position:relative }
* html a.vidlist { margin:3px 1px; height:116px; }
.vidlist2  {display:block; margin:3px;width:112px; height:114px; overflow:visible; padding:5px 8px; position:absolute;cursor:pointer;z-index:4; }
.vidlist:hover, .vidlist2:hover { background:url(../images/fond_vidlist_hover.png) no-repeat; background-position:2px 0; }
* html .vidlist2:hover{background:black;}


a.vidlist img, .vidlist2 img { width:112px; height:63px; display:block; margin-bottom:5px; border:1px solid #fff; }


#pagination {position:absolute;bottom:0px;left:0px;right:0px;height:73px;}
* html #pagination {right:-10px;}
#bullets{padding:10px 0px;margin:0px 73px;height:53px;background:url(/images/pixel_noir_40percent.png);text-align:center;z-index:1;}
.set_page, .cur_page{display:inline-block;width:12px;height:11px;background:url(/images/sprite_pagination.png) -10px -10px; margin:0px 3px;}
a.set_page:hover {margin:0px 3px;}
.cur_page{background:url(/images/sprite_pagination.png) -10px -30px;}
#prev_page {background:url(/images/sprite_pagination.png) -10px -134px ;width:73px;height:73px; position:absolute;bottom:0px;left:0px;z-index:3;}
#prev_page:hover {background:url(/images/sprite_pagination.png) -310px -134px ;}
#next_page{background:url(/images/sprite_pagination.png) -210px -134px;width:73px;height:73px; position:absolute;bottom:0px;right:0px;z-index:2;}
#next_page:hover{background:url(/images/sprite_pagination.png) -110px -134px;}
#prev_page_off {background:url(/images/sprite_pagination.png) -510px -134px ;width:73px;height:73px; position:absolute;bottom:0px;left:0px;}
#next_page_off {background:url(/images/sprite_pagination.png) -410px -134px;width:73px;height:73px; position:absolute;bottom:0px;right:0px;}
	




.vidUne { cursor:pointer;}
.vidUne #img { width:245px; height:137px; float:right; padding-top:17px; padding-right:15px;position:relative; }
.vidUne #img img { width:245px; height:137px; }
.picto_play_videoUne { position:absolute; top:11px; left:-2px; background-image:url(../images/picto_play_vidUne.png); width:254px; height:151px; overflow:hidden; }
#descUne { width:150px; height:120px; float:left; margin-top:50px; margin-left:14px;font-size:10px; }
* html .picto_play_videoUne { top:-158px; }
* html #descUne { margin-left:7px; }


#thematiques { width:334px; margin:0 7px; float:left; }
* html #thematiques { margin-left:3px; }
#thematiques img { opacity:1; filter:alpha(opacity=100); margin:6px 0; }
* html #thematiques img { margin:3px 0; }
#thematiques a { float:left; }
#thematiques a img { margin:0; margin-bottom:3px; border:0px;}
* html #thematiques a img { margin:0; margin-bottom:1px; }
#thematiques a img:hover { opacity:0.6; filter:alpha(opacity=60); }


#fondNoir { width:100%; height:100%; background-image:url(../images/fond_noir.png); position:absolute; top:0; left:0; display:none; cursor:pointer; z-index:10 }
* html #fondNoir { height:2000px; }
#videoDetail { width:836px; height:372px; overflow:hidden; background-image:url(../images/fond_videoDetail.png); position:absolute; top:50%; margin-top:-236px; left:50%; margin-left:-478px; display:none; padding:40px 60px 60px 60px; z-index:11}




.picto_play_videolist {  width:23px; height:23px; overflow:hidden; position:absolute; top:27px; left:55px; background-image:url(../images/picto_play_videolist.png); background-position:0 0; }

.titre_vid { font-size:18px; font-weight:normal; color:#fff; width:730px; height:27px; overflow:hidden; margin-top:10px; }
#visio { margin-top:8px; }
.vid_theme { font-size:13px; position:relative; top:-322px; left:537px; }
.descVid { position:relative; top:-320px; left:537px; width:300px; height:94px;  font-size:11px;  }
.scroller_descVid {  width:300px; height:94px;  overflow:hidden; overflow-y:auto;  }

#fermerVideo { position:absolute; top:35px; right:55px; width:150px; height:25px; display:block; background-color:#F00; opacity:0; filter:alpha(opacity=0); }
#partageVid { position:absolute; top:200px; right:190px; width:25px; height:25px; display:block; background-color:#F00; opacity:0; filter:alpha(opacity=0); }
#lien_facebook { position:absolute; top:200px; right:165px; width:25px; height:25px; display:block; background-color:#F00; opacity:0; filter:alpha(opacity=0); }
#lien_twitter { position:absolute; top:200px; right:140px; width:25px; height:25px; display:block; background-color:#F00; opacity:0; filter:alpha(opacity=0); }

#vid_similaire_1 { position:absolute; top:280px; right:215px;}
#vid_similaire_2 { position:absolute; top:280px; right:80px;}

#listeVidThematique { width:593px; height:439px; float:left; padding:10px 5px; overflow:hidden; background:url(../images/fond_liste_theme.png) no-repeat; position:relative;}
#listeVidAll { width:930px; height:439px; padding:10px 5px; margin:auto; overflow:hidden;  background:url(../images/fond_liste_tout.png) no-repeat; position:relative;}

#carte_interactive { margin-left:10px; float:left }
* html #carte_interactive { margin-left:5px; }
#vidAlaUne { width:432px; height:179px; margin-right:8px; margin-bottom:10px; float:right; background-image:url(../images/fond_nouveaute.png); overflow:hidden; }
* html #vidAlaUne { margin-right:4px; }
#listeVidCarte { width:422px; height:352px; float:right; margin-right:8px; overflow:hidden; background:url(../images/fond_listeVideos_carte.png) no-repeat; padding:15px 5px;position:relative;}
* html #listeVidCarte { margin-right:4px; }
.scroller_listVid { width:422px; height:352px; overflow:hidden; overflow-y:auto; }

.encart_emission_speciale { width:244px; height:101px; margin-left:10px; margin-top:3px; float:left; background:url(../images/fond_encart_emission_speciale.png) no-repeat;position:relative;}
.encart_emission_speciale_small { width:160px; height:101px; margin-left:10px; margin-top:3px; float:left; background:url(../images/fond_encart_emission_speciale.png) no-repeat;position:relative;}
* html .encart_emission_speciale { margin-left:5px; }
#overlay_spec {position:absolute;top:0px;left:0px;}

#content { padding:15px; width:930px; max-height:450px; overflow:hidden; }
#content .scroller { width:930px; height:450px; overflow:hidden; overflow-y:auto; }

.puce_theme_1 { width:16px; height:16px; overflow:hidden; position:absolute; top:-2px; right:-2px; background-image:url(../images/puce_theme_1.png); }
.puce_theme_2 { width:16px; height:16px; overflow:hidden; position:absolute; top:-2px; right:-2px; background-image:url(../images/puce_theme_2.png); }
.puce_theme_3 { width:16px; height:16px; overflow:hidden; position:absolute; top:-2px; right:-2px; background-image:url(../images/puce_theme_3.png); }
.puce_theme_4 { width:16px; height:16px; overflow:hidden; position:absolute; top:-2px; right:-2px; background-image:url(../images/puce_theme_4.png); }
.puce_theme_5 { width:16px; height:16px; overflow:hidden; position:absolute; top:-2px; right:-2px; background-image:url(../images/puce_theme_5.png); }

* html .puce_theme_1 {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/puce_theme_1.png', sizingMethod='scale');}
* html .puce_theme_2 {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/puce_theme_2.png', sizingMethod='scale');}
* html .puce_theme_3 {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/puce_theme_3.png', sizingMethod='scale');}
* html .puce_theme_4 {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/puce_theme_4.png', sizingMethod='scale');}
* html .puce_theme_5 {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/puce_theme_5.png', sizingMethod='scale');}
* html .picto_play_videolist {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/picto_play_videolist.png', sizingMethod='scale');}
* html #main {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fond_main.png', sizingMethod='scale');}
* html .picto_play_videoUne {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/picto_play_vidUne.png', sizingMethod='scale'); }