body{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#DFEBFF;
}

#loader{
	position:absolute;
	width:180px;
	height:50px;
	overflow:hidden;
	z-index:200;
	background-color:#333;
	border-radius:0px 0px 10px 10px;
	opacity:0.7;
	z-index:-1;
	margin-left:-100px;
	padding-left:80px;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	padding-top:25px;
	top:35px;
	left:50%; 
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
}

#message_maintenance{
	position:absolute;
	width:280px;
	height:50px;
	overflow:hidden;
	z-index:200;
	background:url(../img/warning_bg.jpg) no-repeat;
	border-radius:0px 0px 10px 10px;
	z-index:-1;
	margin-left:-110px;
	padding-left:20px;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	padding-top:25px;
	top:35px;
	left:50%; 
	color:white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-family:   Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#haut_entete{
	position:absolute;
	top:0;
	left:0;
	height:35px;
	width:100%;
	background:url(../img/slider/nav-bg_rev.png) repeat-x;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
}

#bas_entete{
	position:absolute;
	top:39px;
	left:0;
	height:40px;
	width:100%;
	background-color:#4F4F4F;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	z-index:-1;
}

#zone-hover_bandH{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30px;
	background:transparent;
	z-index:18;
}

#zone-hover_bandB{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:80px;
	background:transparent;
	z-index:18;
}

#bloc_rapide{
	position:absolute;
	left:0;
	background-color:white;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	text-align:center;
	padding:5px;
	opacity:0.7;
}

#bloc_rapide_titre{
	position:absolute;
	height:20px;
	left:0;
	background-color:#EFEFEF;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	text-align:center;
	padding:2px;
	padding-top:1px;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:0.9em;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
	opacity:0.7;
}

#bloc_rapide_rabat{
	position:absolute;
	height:23px;
	left:0;
	background-color:#333;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	text-align:center;
	padding:2px;
	padding-top:1px;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:0.9em;
	opacity:0.7;
}

#bloc_rapide_rabat img{
	margin-top:5px;
}

#slideshow {
    position:relative;
    height:140px;
}

#slideshow img{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0.0;
    width:100%;
}

#slideshow IMG.active {
    z-index:3;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:2;
}

#date_img{
	position:absolute;
	margin-top:5px;
	left:7px;
	color:white; 
	font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-shadow:#FFF 1px 1px 3px;
	font-size:1.1em;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
}


#logo{
	position:absolute;
	margin-top:35px;
	display:block;
	left:0;
	background-color:white;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	text-align:center;
	padding:5px;
	z-index:5;
	opacity:0.7;
}

#logo_choix{
	position:absolute;
	width:140px;
	height:140px;
	margin-top:15px;
	left:30px;
	background-color:white;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	text-align:center;
	padding:5px;
	z-index:5;
}

#logo_img{
	padding:5px;
}
	
	
#logo_trinum_gris{
	position:absolute;
	width:110px;
	height:70px;
	bottom:5px;
	right:0px;
	border-left:1px solid #CCC;
}

#logo_trinum_gris img{
	margin-top:15px;
}

#titre{
	position:absolute;
	height:18px;
	left:0;
	background-color:#EFEFEF;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	text-align:center;
	padding:2px;
	padding-top:3px;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
	z-index:4;
	opacity:0.7;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis; /* Opera < 10 */
	text-overflow: ellipsis;
}

#titre_choix{
	position:absolute;
	margin-top:5px;
	left:200px;
	color:white;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:1.4em;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
}

#google{
	position:absolute;
	width:36px;
	height:36px;
	top:10px;
	right:280px;
}

#twitter{
	position:absolute;
	width:36px;
	height:36px;
	top:10px;
	right:210px;
}

#facebook{
	position:absolute;
	width:36px;
	height:36px;
	top:10px;
	right:130px;
}


.fb_iframe_widget_lift {
	right: 0px !important;
}

#cadre_intro{
	margin:auto;
	margin-top:200px;
	margin-bottom:220px;
	height:380px;
	width:98%;
	background-color:#FFF;
	-moz-box-shadow: 0 0 4px #333;
	-webkit-box-shadow: 0 0 4px #333;  
	box-shadow: 0 0 4px #333;
}

#cadre_liste{
	margin:auto;
	margin-top:200px;
	margin-bottom:100px;
	height:auto;
	width:98%;
	background-color:#FFF;
	-moz-box-shadow: 0 0 4px #333;
	-webkit-box-shadow: 0 0 4px #333;  
	box-shadow: 0 0 4px #333;
	text-align:center;
}

.histo_close{
	position:absolute;
	left:91%;
	top:10%;
	margin-top:-23px;
	z-index:21;
}

.cont_histo{
	position:absolute;
	width:84%;
	height:75%;
	top:10%;
	left:7%;
	padding:30px 20px 10px 0px;
	overflow:hidden;
	z-index:20;
	background-color:#2f3436;
	border-radius:10px;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.modules_close{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-23px;
	z-index:21;
}

.cont_modules{
	position:absolute;
	width:340px;
	height:1px;
	top:50%;
	left:50%;
	overflow:hidden;
	z-index:20;
	padding:10px;
	padding-top:30px;
	background-color:#2f3436;
	border-radius:10px;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.module{
	position:relative;
	width:100%;
	height:60px;
	background:#212326;
	margin-bottom:20px;
	border-radius:5px;
}

.module a{
	font-family:Arial;
	font-size:1.3em;
	color:white;
	float:left;
	padding-left:80px;
	margin-top:-55px;
	width:250px;
	line-height:60px;
	vertical-align:middle;
}

.module_mode_affichage{
	position:relative;
	width:100%;
	height:60px;
	background:#212326;
	border-radius:5px 5px 0px 0px;
}

.module_mode_affichage a{
	font-family:Arial;
	font-size:1.3em;
	color:white;
	float:left;
	padding-left:80px;
	margin-top:-55px;
	width:250px;
	line-height:62px;
	vertical-align:middle;
}

.zooms_close{
	position:absolute;
	left:91%;
	top:10%;
	margin-top:-23px;
	z-index:21;
}

.cont_zooms{
	position:absolute;
	width:84%;
	height:75%;
	padding : 10px 20px 10px 0px;
	top:10%;
	left:7%;
	overflow:hidden;
	z-index:20;
	background-color:#2f3436;
	border-radius:10px;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.cont_zoom_film{
	position:absolute;
	width:84%;
	height:75%;
	top:10%;
	left:7%;
	overflow:hidden;
	z-index:51;
	padding:10px;
	padding-top:20px;
	background-color:#2f3436;
	border-radius:10px;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.zoom_fullscreen{
	position:absolute;
	left:91%;
	text-align:center;
	margin-top:-23px;
	z-index:52;
}

.zoom_close{
	position:absolute;
	left:91%;
	top:10%;
	margin-top:-23px;
	z-index:52;
}

.cont_zoom{
	position:absolute;
	width:84%;
	height:65%;
	top:10%;
	left:7%;
	overflow:hidden;
	z-index:51;
	padding:10px;
	padding-top:80px;
	background-color:#2f3436;
	border-radius:10px;
	text-align:center;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.film_close{
	position:absolute;
	left:75%;
	top:20%;
	margin-top:-23px;
	z-index:21;
}

.cont_film{
	position:absolute;
	width:50%;
	height:50%;
	top:20%;
	left:25%;
	overflow:hidden;
	z-index:20;
	padding:10px;
	background-color:#2f3436;
	border-radius:10px;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.sondage_close{
	position:absolute;
	left:75%;
	top:20%;
	margin-top:-23px;
	z-index:21;
}


.cont_sondage{
	position:absolute;
	width:55%;
	height:50%;
	min-height: 350px;
	top:20%;
	left:20%;
	overflow:hidden;
	z-index:20;
	padding:10px;
	background-color:#2f3436;
	border-radius:10px;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.cont_elem_sondage{
	display: table;
}

#form_film{
	display: table-cell;
	vertical-align:middle;
	width:280px;
	margin:auto;
}

.cont_live{
	position:absolute;
	width:84%;
	height:75%;
	top:10%;
	left:7%;
	overflow:hidden;
	z-index:20;
	padding:10px;
	padding-top:30px;
	background-color:#2f3436;
	border-radius:10px;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.live_close{
	position:absolute;
	left:91%;
	top:10%;
	margin-top:-23px;
	z-index:52;
}

#errorboxlive_bd a{
	display:none;
	font-family:Arial;
	font-size:1.2em;
	font-weight:bold;
}



#errorboxlive_hd a{
	margin-top:50px;
	text-align:center;
	display:none;
	color:white;
	font-family:Arial;
	font-size:1.5em;
	font-weight:bold;
}

#errorboxlive_bd{
	display:none;
	width:100%;
	height:100%;
	background:#333 url('../img/loader.gif') no-repeat center center;
}

#errorboxlive_hd {
	display:none;
	background:#000 url('../img/live_attentev2.gif') repeat-y center center;
	width:100%;
	height:100%;

}

#controlbar_flowplayer{
	display:none;
	position:absolute;
	height:40px;
	width:48px;
	background-color:white;
	border-radius:5px 5px 5px 5px;
	top:50px;
	left:52px;
	opacity:0.8;
	cursor:pointer;
}

#divers{
	display:none;
	position:absolute;
	width:200px;
	height:20px;
	font-size:0.8em;
	color:black;
	bottom:80px;
	left:0;
	opacity:0.5;
	background-color:white;
	font-family:   Arial, Helvetica, sans-serif;
	text-align:center;
}

.calque_close{
	position:absolute;
	left:20px;
	margin-top:-15px;
	z-index:52;
	cursor:pointer;
}

.titre_calque{
	position:absolute;
	margin-left:80px;
}

.slider_alpha{
	margin:auto;
	width:50%;
	margin-right:50px;
}

#cadre_video{
	margin:auto;
	margin-top:200px;
	margin-bottom:100px;
	height:580px;
	width:98%;
	background-color:#FFF;
	-moz-box-shadow: 0 0 4px #333;
	-webkit-box-shadow: 0 0 4px #333;  
	box-shadow: 0 0 4px #333;
	text-align:center;
}

#cadre_erreur_interface{
	margin:auto;
	margin-top:200px;
	margin-bottom:220px;
	padding-top:50px;
	height:200px;
	width:98%;
	background-color:#FFF;
	-moz-box-shadow: 0 0 4px #333;
	-webkit-box-shadow: 0 0 4px #333;  
	box-shadow: 0 0 4px #333;
}

.img_liste{
	max-width:99%;
	padding:5px;
}

.titre_cam{
	width:100%;
	height:30px;
	background-color:#1F2D3F;
	padding-top:5px;
}

.titre_cam a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

.liste_erreur_image{
	color:#333;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

#titre_ou{
	position:absolute;
	padding-top:10px;
	margin:auto;
	height:40px;
	width:98%;
	background:#333 url('../img/bg_croix.png');
	text-align:center;
}

#titre_ou a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

#ou{
	position:absolute;
	margin:auto;
	margin-top:80px;
	height:100px;
	width:98%;
}

#ou_select{
	width:615px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#titre_meteo{
	position:absolute;
	padding-top:10px;
	margin:auto;
	margin-top:140px;
	height:40px;
	width:98%;
	background:#333 url('../img/bg_croix.png');
	text-align:center;
}

#titre_meteo a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

#meteo{
	position:absolute;
	margin:auto;
	margin-top:200px;
	height:150px;
	width:98%;
	text-align:center;
}

#selection{
	position:absolute;
	padding-top:40px;
	margin:auto;
	margin-top:340px;
	height:60px;
	width:98%;
	background:#333 url('../img/bg_degrade_noir.jpg');
	text-align:center;
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

#btn_valider_intro{
	position:absolute;
	padding-top:40px;
	margin:auto;
	margin-top:400px;
	height:60px;
	width:98%;
	background:#333 url('../img/bg_degrade_gris_old.jpg');
	text-align:center;
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
	border-radius: 20px;
}

#liste_meteo{
	width:620px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#liste_check_meteo{
	list-style-type:none;
	margin-left:-40px;
	margin-top:-10px;
}

#liste_check_meteo li{
	display:inline;
	width:100px;
	margin-right:3px;
	float:left; /*pour IE*/
}

#thumb-tray_zoom_film{ position:absolute; z-index:3; bottom:0; left:0; opacity:0.8; background:url(../img/slider/bg-black.png); height:115px; width:100%; overflow:hidden; text-align:center;}
	
#thumb-back_zoom_film, #thumb-forward_zoom_film{ position:absolute; z-index:5; bottom:7px; height:112px; width:40px; }
	#thumb-back_zoom_film{ left:0; background: url('../img/slider/thumb-back.png') no-repeat center center;}
	#thumb-forward_zoom_film{ right:0; background:url('../img/slider/thumb-forward.png') no-repeat center center;}
		#thumb-back_zoom_film:hover, #thumb-forward_zoom_film:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
			#thumb-back_zoom_film:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
			#thumb-forward_zoom_film:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


ul#thumb-list_zoom_film{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; width:100%}
	ul#thumb-list_zoom_film li{ background:#333; list-style:none; display:inline; width:150px; height:112px; overflow:hidden; float:left; margin:0; }
		ul#thumb-list_zoom_film li img { width:150px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
		ul#thumb-list_zoom_film li.current-thumb img, ul#thumb-list_zoom_film li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
		ul#thumb-list_zoom_film li:hover{ cursor:pointer; }

#titre_zoom_film{
	width:100%;
	height:30px;
	background:white;
}	

#titre_zoom_film a{
	color:black;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-left:20px;
}

.titre_zoom{
	position:absolute;
	left:16.5%;
	width:65%;
	height:25px;
	text-align:center;
	padding:5px;
	padding-bottom:10px;
	top:10%;
	margin-top:-23px;
	border-radius:5px;
	background-color:#FFF;
	z-index:53;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
	border:1px solid #212326 ;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;	
}

.titreZoomFilmVignette{
	width:140px;
	height:20px;
	background:#333;
	opacity:0.7;
	color:white;
	float:left;
	font-size:0.9em;
	font-family:   Arial, Helvetica, sans-serif;
}	
		
.desc_zoom{
	font-family:   Arial, Helvetica, sans-serif;
	overflow:auto;
	display:block;
	position:absolute;
	width:100%;
	height:35px;
	margin-left:-10px;
	text-align:center;
	padding-top:0px;
	padding-bottom:10px;
	bottom:0px;
	background-color:#EFEFEF;
	box-shadow: 0 0 3px #333;
	border-radius:0px 0px 5px 5px;
	z-index:53;
}

#pied_page{
	position:absolute;
	bottom:0;
	left:0;
	padding-top:10px;
	height:70px;
	width:100%;
	z-index:10;
	background-color:#333;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	text-align:center;
	background:url(../img/slider/nav-bg-pied.png) repeat-x;
}

#pied_page a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

#toolbar{
	height:60px;
}

#BT_Menu{
	height:50px;
	width:50px;
	position:absolute;
	border:1px solid #333;
	margin-left:10px;
	background-color:black;
	border-radius:5px;
	padding:5px;
}

#BT_Menu a{
	position:abolsute;
	float:left;
	margin-left:65px;
	margin-top:-40px;
}

#BT_Retour_Interface{
	height:50px;
	width:50px;
	position:absolute;
	margin-left:10px;
	background-color:black;
	border-radius:5px;
	padding:5px;
}

#BT_Mode_Affichage{
	height:50px;
	width:50px;
	position:absolute;
	background-color:black;
	border-radius:5px 0px 0px 0px;
	padding:5px;
}

#BT_Histo_Interface{
	height:50px;
	width:50px;
	position:absolute;
	background-color:black;
	border-radius:5px 0px 0px 5px;
	padding:5px;
}

#BT_Film_Pano_Interface{
	height:50px;
	width:50px;
	position:absolute;
	background-color:black;
	border-radius:5px 0px 0px 5px;
	padding:5px;
}

#BT_Zoom_Interface{
	height:50px;
	width:50px;
	position:absolute;
	background-color:black;
	border-radius:5px 0px 0px 5px;
	padding:5px;
}

#BT_Calque_Interface{
	height:50px;
	width:50px;
	position:absolute;
	background-color:black;
	border-radius:5px 0px 0px 5px;
	padding:5px;
}

#BT_Cache_Zoom{
	height:50px;
	width:50px;
	position:absolute;
	right:80px;
	bottom:90px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}
#BT_Cache_Zoom:hover{
	background-color:white;
}

#BT_Zoom_Plus{
	height:50px;
	width:50px;
	position:absolute;
	right:10px;
	bottom:160px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}
#BT_Zoom_Plus:hover{
	background-color:white;
}

#BT_Zoom_Moins{
	height:50px;
	width:50px;
	position:absolute;
	right:10px;
	bottom:90px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}
#BT_Zoom_Moins:hover{
	background-color:white;
}

#Ratio_Zoom{
	height:25px;
	width:50px;
	position:absolute;
	right:10px;
	bottom:160px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:center;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
}

#BT_Sondage{
	height:50px;
	width:50px;
	position:absolute;
	background-color:black;
	border-radius:5px 0px 0px 5px;
	padding:5px;
}

#BT_Plein_Ecran{
	height:50px;
	width:50px;
	position:absolute;
	right:10px;
	top:45px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}

#BT_Plein_Ecran:hover{
	background-color:white;
}

#BT_Live{
	height:50px;
	width:50px;
	position:absolute;
	left:10px;
	top:70px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}

#BT_Meteo{
	height:50px;
	width:50px;
	position:absolute;
	right:80px;
	top:45px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}
#BT_Meteo:hover{
	background-color:white;
}

#BT_Temp_Sonde{
	height:37px;
	width:50px;
	position:absolute;
	right:80px;
	top:45px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	padding-top:18px;
	opacity:0.5;
	color:white;
	font-size:1.1em;
	font-family:Arial;
	text-align:center;
}

#BT_Temp_Sonde sup{
	font-size:0.4em;
}

#picto_temp{
	position:absolute;
	float:left;
	height:48px;
	width:18px;
	display:block;
	background: url('../img/img_thermo.png') no-repeat center center;
	margin-left:-30px;
	margin-top:-10px;
}

#meteonews{
	height:10px;
	width:150px;
	top:40px;
	position:absolute;
	right:0px;
	opacity:0.5;
}

#meteonews a{
	font-family: Arial;
	font-size:0.6em;
	text-align:center;
	color:black;
}

#meteomaj{
	height:10px;
	width:150px;
	top:40px;
	position:absolute;
	right:160px;
	opacity:0.5;
}

#meteomaj a{
	font-family: Arial;
	font-size:0.7em;
	text-align:center;
	color:black;
}

.meteo_bulle{
	height:40px;
	width:40px;
	position:absolute;
	top:55px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}

.meteo_date{
	font-family:  Arial;
	font-size:0.6em;
	text-align:center;
	margin-top:8px;
}

#meteo_jour{
	width :80px;
	height :10px;
	margin-top:8px;
	margin-left:-15px;
	font-family:Arial;
	font-size:0.7em;
	text-align:center;
}

#meteo_jour_tempMini{
	width:50px;
	height:20px;
	margin-top:-70px;
	margin-left:-50px;
}

#meteo_jour_tempMini img{
	padding:5px;
}

#meteo_jour_tempMini a{
	position:absolute;
	margin-top:5px;
	font-family:Arial;
	font-size:0.9em;
	text-align:left;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
}

#meteo_jour_tempMaxi{
	width:50px;
	height:20px;
	margin-top:10px;
	margin-left:-50px;
}

#meteo_jour_tempMaxi img{
	padding:5px;
}

#meteo_jour_tempMaxi a{
	position:absolute;
	margin-top:5px;
	font-family:Arial;
	font-size:0.9em;
	text-align:left;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
}

#meteo_tempMini{
	width:50px;
	height:20px;
	margin-top:0px;
	margin-left:-3px;
}

#meteo_tempMini img{
	padding-top:3px;
	padding-right:3px;
}

#meteo_tempMini a{
	position:absolute;
	margin-top:0px;
	font-family:Arial;
	font-size:0.7em;
	text-align:left;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
}

#meteo_tempMaxi{
	width:50px;
	height:20px;
	margin-top:-20px;
	margin-left:23px;
}

#meteo_tempMaxi img{
	padding-top:3px;
	padding-right:3px;
}

#meteo_tempMaxi a{
	position:absolute;
	margin-top:0px;
	font-family:Arial;
	font-size:0.7em;
	text-align:left;
	-moz-user-select: none;
      -khtml-user-select: none;
      user-select: none;
}

#BT_Gestion_Vitesse{
	height:50px;
	width:50px;
	position:absolute;
	right:80px;
	background-color:black;
	border-radius:5px;
	padding:5px;
	opacity:0.5;
}
#BT_Gestion_Vitesse:hover{
	background-color:white;
}

#datepicker{
    width: 100%;
    height: 88.5%;
    margin-left:auto;
    margin-right:auto;
    font-size:1.8em;
}

#wrapper_histo{
	width:100%;
	height: 86%;
	margin-left:auto;
	margin-right:auto;
	font-size:1.8em;
	text-align:center;
	overflow-y:auto;
	overflow-x:hidden;
}

#scroller_histo {
	position:relative;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	float:left;
	width:100%;
	padding:0;
	list-style:none;
}

#scroller_histo ul {
	position:relative;
	
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

#scroller_histo li {
	height:150px;	
}

#scroller_histo li > a {
	display:block;
}

.vignette_pano_histo{
	margin-top:5px;
	margin-bottom:5px;
	background:black;
}


.titre_pano_histo{
	color:#333;
	font-family:   Arial, Helvetica, sans-serif;
	background:white;
	font-size:0.8em;
}

.date_pano_histo{
	color:#333;
	font-family:   Arial, Helvetica, sans-serif;
	background:#CFDBEC;
	margin-bottom:2px;
	font-size:1.4em;
	text-align:center;
}

			
#thumb-tray_histo{ position:fixed; z-index:3; left:510px; opacity:1; z-index:11; background:url(../img/slider/bg-black.png); height:79px; width:50%; overflow:hidden; text-align:center; }
	
#thumb-back_histo, #thumb-forward_histo{ position:absolute; z-index:5; bottom:0; height:79px; width:60px;}
	#thumb-back_histo{ left:0; background: url('../img/slider/thumb-back.png') no-repeat center center;}
	#thumb-forward_histo{ right:0; background:url('../img/slider/thumb-forward.png') no-repeat center center;}
		#thumb-back_histo:hover, #thumb-forward_histo:hover{ cursor:pointer; background-color:rgba(0,0,0, 1); }
			#thumb-back_histo:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
			#thumb-forward_histo:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


ul#thumb-list_histo{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; width:100%}
	ul#thumb-list_histo li{ text-align: left; background:#272727; list-style:none; display:inline; width:150px; height:112px; overflow:hidden; float:left; margin:0 auto; }
		ul#thumb-list_histo li img { width:auto; height:80px; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
		ul#thumb-list_histo li.current-thumb img, ul#thumb-list_histo li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
		ul#thumb-list_histo li:hover{ cursor:pointer; }


#chronologie #date{
	float:left;
	color:white;
	font-size:0.9em;
	font-family:  Arial, Helvetica, sans-serif;
}

#wrapper_zooms{
	position:absolute;
	width: 100%;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	font-size:1.8em;
	overflow-y:auto;
	/*overflow-x:hidden;*/
	padding:10px;
	 z-index:1;
}

#scroller_zooms {
	position:relative;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	float:left;
	width:99%;
	padding:0;
	list-style:none;
}

#scroller_zooms ul {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	width:99%;
	text-align:left;
}

#scroller_zooms li {
	height:180px;	
}

#scroller_zooms li > a {
	display:block;
}

.ligne_zoom{
	margin-top:5px;
	margin-bottom:5px;
	height:160px;
}

.titre_ligne_zoom{
	color:#333;
	height:40px;
	line-height:40px;
	font-family:   Arial, Helvetica, sans-serif;
	background:white;
	font-size:0.8em;
	text-align:center;
}


.vignette_ligne_zoom{
	text-align:left;
}

.titre_box{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:center;
	background:#212326 ;
	border-radius: 5px 5px 0 0;
	border-bottom:1px solid #4e4e4e;
	margin-left:-10px;
	margin-top:-10px;
	width:100%;
	height:50px;
	line-height:50px;
	position:absolute;
}

#date_depart_film{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:50px;
}

#datepicker_depart{
	text-align:center;
}

#date_fin_film{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:50px;
} 

#datepicker_fin{
	text-align:center;
}

#qualite_film{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:50px;
} 

#form_film{
	display: table-cell;
	vertical-align:middle;
	width:280px;
	margin:auto;
}

#BT_Voir_Film{
	position:absolute;
	height: 50px;
	line-height: 50px;
	vertical-align:middle;
	width: 100%;
	background:#4e4e4e;
	text-align:center;
	border-radius: 0px 0px 10px 10px;	
	bottom:0px;
	left:0px;
}

#BT_Voir_Film:hover{
	background:#212326;
}

#BT_Voir_Film a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.6em;
}

.cont_elem_film{
	display: table;
}

.cont_elem_film span{
	width:100px;
	display:inline-block;
	text-align:left;
}

.desc_ligne_zoom{
	margin-left:310px;
	margin-top:-160px;
	max-height:160px;
	max-width:75%;
	overflow:auto;
	word-wrap:break-word;
	color:white;
	text-align:left;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:0.6em;
}

#BT_Voir_Pano{
	position:absolute;
	height: 8%;
	width: 48%;
	border: 1px solid #4D4D4D;
	background:#333 url('../img/bg_degrade_gris.png');
	border:2px solid black;
	text-align:center;
	bottom:10px;
	border-radius: 20px;
	margin-right:3%;
	margin-top:2%;
}

#BT_Voir_Pano a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.6em;
}

#BT_Retour_Date{
	position:absolute;
	height: 8%;
	width: 48%;
	border: 1px solid #4D4D4D;
	background:#333 url('../img/bg_degrade_gris.png');
	border:2px solid black;
	text-align:center;
	bottom:10px;
	border-radius: 20px;
	margin-right:3%;
	margin-top:2%;
}
#BT_Retour_Date a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.6em;
}


#BT_Retour_Live{
	position:absolute;
	width:130px;
	height:35px;
	margin-top:35px;
	margin-left:47%;
	background-color:#EFEFEF;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;  
	box-shadow: 0 0 3px #333;
	padding:2px;
	padding-top:8px;
	padding-left:60px;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:0.9em;
	opacity:0.7;
}
#BT_Retour_Live a{
	color:black;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

#BT_Envoyer_Sondage{
	position:absolute;
	height: 50px;
	line-height: 50px;
	vertical-align:middle;
	width: 100%;
	background:#4e4e4e;
	text-align:center;
	border-radius: 0px 0px 10px 10px;	
	bottom:0px;
	left:0px;
}

#BT_Envoyer_Sondage:hover{
	background:#212326;
}

#BT_Envoyer_Sondage a{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.6em;
}

#form_sondage{
	width:350px;
	margin:auto;
	margin-top: 80px;
}

.form_text{
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
	width:250px;
	position:absolute;
}

.form_select{
	width:100px;
	position:absolute;
	margin-left:255px;
	font-size:1.0em;
	color:white;
	font-family:   Arial, Helvetica, sans-serif;
}

.form_select select{
	font-size:0.9em;
}

.form_input{
	position:absolute;
	margin-left:190px;
}

/* CUSTOM FORMS */
.checkbox, .radio {
      width: 34px;
      height: 42px;
      padding: 0 5px 0 0;
      background: url(../img/checkbox.png) no-repeat; 
      display: block;
      clear: left;
      float: left;
}

#erreur{
	text-align:center;
	color:red;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

#groupe{
	position: absolute;
}
#groupe option {
	width: 256px;
}
#camera{
	position: absolute;
}
#camera optgroup {
	width: 256px;
}
#camera option {
	width: 256px;
}

.customStyleSelectBoxInner {
	width: 256px;
      height: 35px;
      padding: 5px 20px 0 8px;
      color: #fff;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:1.3em;
	background: url(../img/select.png) no-repeat;
}

#BT_Pad_Interface{
	height:120px;
	width:120px;
	position:absolute;
	left:10px;
	bottom:80px;
	padding:5px;
	opacity:0.5;
}

#BT_Pad_Interface_Auto{
	height:40px;
	width:42px;
	position:absolute;
	margin-top:35px;
	margin-left:35px;
}

#BT_Pad_Interface_UP{
	height:40px;
	width:42px;
	position:absolute;
	margin-top:-5px;
	margin-left:34px;
}

#BT_Pad_Interface_DOWN{
	height:40px;
	width:42px;
	position:absolute;
	margin-top:75px;
	margin-left:34px;
}

#BT_Pad_Interface_LEFT{
	height:40px;
	width:42px;
	position:absolute;
	margin-top:34px;
	margin-left:-5px;
}

#BT_Pad_Interface_RIGHT{
	height:40px;
	width:42px;
	position:absolute;
	margin-top:34px;
	margin-left:75px;
}

#bloc_redirect{
	width:600px;
	height:80px;
	padding:30px;
	font-size:1.5em;
	color:#333;
	font-family:Arial;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20%;
	background-color:#FFF;
	border:1px solid #333;
	border-radius:5px 5px 5px 5px;
}

#bloc_redirect img{
	position:relative;
	border:none;
	float:left;
	margin-top:-280px;
	margin-left:150px;
}

#mode_affichage{
	width: 320px;
	height:30px;
	padding:10px;
	margin-bottom:20px;
	background: black;
	border-radius: 0px 0px 5px 5px; 
	font-family:Arial;
	color:white;
}

input[type=radio].choix_mode_affichage_radio {
	display:none;
}

input[type=radio].choix_mode_affichage_radio + label.choix_mode_affichage_label {
	margin-left:20px;
	margin-bottom:5px;
	padding-left:30px;
	height:25px; 
	display:inline-block;
	line-height:25px; 
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].choix_mode_affichage_radio:checked + label.choix_mode_affichage_label{
	background-position: 0 -25px;
}
						
label.choix_mode_affichage_label {
	background-image:url('../img/BT_radio.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.etiquette img{
	width:100%;
	height:100%;
}

.etiquette{
	cursor:pointer;
}

.etiquetteIframe{
	display:none;
	opacity:0.9;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.etiquetteIframe:hover{
	opacity:1;
}

.zone_dragdrop{
	display:block;
	height:30px;
	padding-right:20px;
	background:#212326;
	background-image: url('../img/BT_cross_cursor.png');
    background-repeat: no-repeat;
    background-position: right 10px top 3px;
} 

.zone_dragdrop:hover{
	cursor:move;
}