

<!--
/**
 * @license
 * MyFonts Webfont Build ID 3190494, 2016-03-22T10:41:16-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaNeueLTStd-Lt by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/
 * 
 * Webfont: HelveticaNeueLTStd-Bd by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-75-bold/
 * 
 * Webfont: HelveticaNeueLTStd-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-55-roman/
 * 
 * Webfont: HelveticaNeueLTStd-LtIt by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-46-light-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3190494
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright &#x00A9; 1988, 1990, 1993, 2002 Adobe Systems
 * Incorporated.  All Rights Reserved. &#x00A9; 1981, 2002 Heidelberger Druckmaschinen
 * AG. All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/

-->


/*********** redefinition de la font ************/
@font-face {
	font-family: VGFont;
	src: url("../resources/fonts/VGFontV2.ttf");
}
@font-face {
	font-family: GEOFont;
	src: url("../resources/fonts/geoplayerfont-webfont.ttf");
}

@font-face {
	font-family: Panton-Regular;
	src: url("../resources/fonts/Panton-Regular.otf");
}


@font-face {
	font-family: Panton-Bold;
	src: url("../resources/fonts/Panton-Bold.otf");
}

/*

@font-face {
	font-family: Panton-SemiBold;
	src: url("../resources/fonts/Panton-SemiBold.otf");
}


@font-face {
	font-family: Panton-Italic;
	src: url("../resources/fonts/Panton-Italic.otf");
}

@font-face {
	font-family: Panton-Light;
	src: url("../resources/fonts/Panton-Light.otf");
}


@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto:300,400,400i,500,700');
*/


/********************************************** page entiere **********************************************/
html
{
	width: 100%;
	/*min-width: 740px;*/
	height: 100%;
	/*min-height: 430px;*/
	overflow: hidden;
	
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none; 
	user-select: none;
	-webkit-tap-highlight-color: transparent;

	position: fixed;
}


body
{
	position: relative;
	width: 100%;
	/*min-width: 420px;*/
	height: 100%;
	/*min-height: 430px;*/
	overflow: hidden;
	
	background: #0F4866;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 16px;
}


.displaynoneatstart
{
    display: none;
}
.nopointerevent
{
    pointer-events: none;
}


.splashscreen_div
{
    display: block;
    background-color: #0d4a66;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
}
.splashscreen_center_hori
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:9999;
    top: 0px;
}
.splashscreen_center_vert
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:9999;
    top: 0px;
}
.splashscreen_center_geo
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:999;
    top: 0px;
}
@media (orientation:portrait)
{
   .splashscreen_center_hori
   {
      display: none;
   }
}
@media (orientation:landscape)
{
   .splashscreen_center_vert
   {
      display: none;
   }
}

#close_splash
{
	position: absolute;
    z-index: 10000;
    top: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
}

#div_like_fb_app
{
	display:none;
	position: absolute;
	top: 40%;
	left: 50%;
	z-index: 999999;
}


/********************************************** organisation globale de la page **********************************************/

/*********** Header ************/

#header
{
    position: absolute;
    left: 0px;
    /*height: 56px;*/
    z-index: 100;
    width: 100%;
    /*pointer-events: none;*/
}

#header.displayFullHeader
{
	height: auto;
}


#header.mobile_portrait, #header.mobile_paysage
{
    top: 0px;
	right: 0px;
    height: 56px;
}

#header.mobile_paysage
{
    display: none;
}

#header_buttons
{
    display: block;
    top: 37px;
    left: 345px;
    position: absolute;
    overflow-y: auto;
    min-width: 135px;
    max-width: calc(100% - 0px);
    height: 56px;
    pointer-events: all;
}
#header_buttons.withRightSponsor
{
    max-width: calc(100% - 540px);
}
#header_buttons.mobile_paysage, #header_buttons.mobile_portrait
{
    display: none;
}

/********old version********/
/*#header_sponsor_left
{
    display: block;
    width: 360px;
    height: 180px;
    position: absolute;
    top: 0px;
}*/

/*
img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
} 
*/

#header_sponsor_left
{
    width: 345px;
    height: 129px;
    /*margin:10px;*/
    display:inline-block;
    float:left;
    position:absolute;
    pointer-events: all;
    cursor: pointer;
    top:-3px; /*-3 */
}
#header_sponsor_left.mobile_portrait
{
    width: 30%;
    height: 100%;
}

#sponsor_mobile_container
{
    position: absolute;
    width: 219px;
    height: 105px;
    left: 0px;
    top: 50px;
    z-index: 100;
}

#sponsor_mobile_container.pc
{
    display: none;
}

#sponsor_mobile_container.mobile_paysage
{
    top: 0px;
}

#sponsor_mobile_container.mobile_portrait
{
    top: 0px;
}

#sponsor_mobile
{
	height: auto;
	width: 100%;
}

#sponsor_mobile_right_container
{
    position: absolute;
    width: 90px;
    height: 65px;
    right: 0px;
    top: 50px;
    z-index: 100;
}

#sponsor_mobile_right_container.pc
{
    display: none;
}

#sponsor_mobile_right_container.mobile_paysage
{
    top: -4px;
    right: 0px;
}

#sponsor_mobile_right_container.mobile_portrait
{
    top: -4px;
}

#sponsor_mobile_right
{
	height: auto;
	width: 100%;
}

#header_sponsor_left1
{
	position: absolute;
    top: 18px;
    left: 0px;
    width: 140px;
    height: 100px;
} 

#img_sponsor1
{
    width: 140px;
    height: 80px;
}    


#header_sponsor_left2
{
    position: absolute;
    top: 17px;
    left: 145px;
    width: 80px;
    height: 60px;
} 


#img_sponsor2
{
    width: 80px;
    height: 60px;
} 

#header_sponsor_left3
{
    position: absolute;
    top: 17px;
    left: 245px;
    width: 80px;
    height: 60px;
} 


#img_sponsor3
{
    width: 80px;
    height: 60px;
} 


.row_sponsor {
  display: flex;
  align-items: center;
}


.column_sponsor1 {
  flex: 40%;
  padding-right: 5px;  
}

.column_sponsor2 {
  flex: 20%;
  padding-right: 0px;  
}

.column_sponsor {
  flex: 13.33%;
  padding: 0px;
}


/********old version********/
/*#header_sponsor_right
{
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    top: 0px;
    right: 0px;
}*/
#header_sponsor_right
{
    width: 135px;
    height: 75px;
    /*margin:10px;*/
    display:none;
    float:left;
    position:absolute;
    top: 23px;
    right: 0px;
    pointer-events: all;
}
#header_sponsor_right.mobile_portrait
{
    width: 30%;
    height: 100%;
}
/*********** Partie centrale ************/
#principal
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 65px; /* red_timeline 75 */
	background: #b3d1ff;
    z-index: 98;
}


#principal.hiding, #principal.mobile_paysage.hiding
{
	/*bottom: 60px;*/
	
	/*
	transition-property: bottom;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: bottom;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: bottom;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
	*/
}

#principal.hiden, #principal.mobile_paysage.hiden, #principal.mobile_portrait
{
	/*bottom: 60px;*/
}

#principal.mobile_portrait
{
    top: 86px;
	bottom: 42px;
}
#principal.mobile_portrait.displayClockOnMobilePortrait,
#principal.mobile_portrait.displayTitle,
#principal.mobile_portrait.config_1,
#principal.mobile_portrait.config_2,
#principal.mobile_portrait.config_3,
#principal.mobile_portrait.config_4
{
	top: 42px;
}

#principal.mobile_paysage
{
	bottom: 42px;
}


#left_panel_container
{
    pointer-events: none;
	position: absolute;
	top: 129px;
	bottom: 100px;
	width: 345px;
	overflow: hidden;
	z-index: 99;
}

#left_panel_container.mobile_portrait
{
	top: 56px;
    bottom: 0px;
    width: 100%;
	z-index: 205;
}

#left_panel_container.mobile_portrait.displayClockOnMobilePortrait,
#left_panel_container.mobile_portrait.displayTitle,
#left_panel_container.mobile_portrait.config_1,
#left_panel_container.mobile_portrait.config_2,
#left_panel_container.mobile_portrait.config_3,
#left_panel_container.mobile_portrait.config_4
{
	top: 42px;
}

#left_panel_container.mobile_paysage
{
	display: none;
}


#for_mapInteraction_left_panel_up
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 360px;
	height: 140px;/* modifiÃƒÂ© par le javascript */
	z-index: 102;
}

#for_mapInteraction_left_panel_bottom
{
	position: absolute;
	left: 0px;
	bottom: 90px;
	width: 360px;
	height: 60px;
	z-index: 99;
}

/*********** version FullMap ************/


/*********** version FullListe ************/
#footer.leftPanelFullPage
{
	display: none;
}


/*********** Footer ************/

#footer
{
	position: absolute;
	bottom: 90px;
	width: 100%;
	height: 90px;
	z-index: 101;
	overflow: hidden;
	background: #fff;
	border-top: 1px solid #666;
}

#footer_b
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 65px; /* red_timeline 75 */
	z-index: 102;
	/*overflow: hidden;*/ /*retiré pour pouvoir mettre l'horloge en dehors du footer sur mobile*/
	background: #FFFFFF; /* 546360 */
}


#footer.hiding, #footer_b.hiding
{
	/*height: 60px;*/
	
	/*
	transition-property: height;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: height;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: height;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
	*/
}

#footer.hiden, #footer_b.hiden
{
	/*height: 60px;*/
}

#footer.mobile_paysage, #footer_b.mobile_paysage,
#footer.mobile_paysage.hiding, #footer_b.mobile_paysage.hiding,
#footer.mobile_paysage.hiden, #footer_b.mobile_paysage.hiden
{
	height: 42px;
}

#footer.mobile_portrait, #footer_b.mobile_portrait,
#footer.mobile_portrait.hiding, #footer_b.mobile_portrait.hiding,
#footer.mobile_portrait.hiden, #footer_b.mobile_portrait.hiden
{
    /* top: 7px; */
    height: 42px;
    /* left: calc(50% - 61px); */
    /* width: 122px; */
    bottom: 0px;
    z-index: 200;
	/*border-bottom: solid #002D4F;
    border-bottom-width: 1px;
    */
}

#footer_b.mobile_portrait.displayClockOnMobilePortrait,
#footer_b.mobile_portrait.hiding.displayClockOnMobilePortrait,
#footer_b.mobile_portrait.hiden.displayClockOnMobilePortrait
{
	display: block;
}


/*********** version le temps du loading ************/
#header.waitForLoading, #left_panel_container.waitForLoading, #footer.waitForLoading
{
	display: none;
}
.loading_container.waitForLoading
{
	display: block;

}

body.waitForLoading
{
	background: #f7f6f4;
}


/*********** probleme ipad ************/
@media (orientation:landscape)
{
    html.ipad.ios7 > body
    {
        position: fixed;
        bottom: 0px;
    }
}
#tracking_description, #virtualities_description, #skipper_infos_description, #categorie_description, 
#advices_browsers, #lb_virtualities_wind, #no_favorites_message
{
    font-family: 'Panton-Regular', sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #000000;
}


/********************************************** Header **********************************************/

.bt_header
{
    display: inline-block;
    margin-left: 1px;
    /*top: 62px;*/
    position: relative;
}
.bt_header.mobile_portrait
{
	display: none!important;
}

#bt_extend_header_base 
{
    display: none;
    font-family: 'Panton-Regular', sans-serif;
    vertical-align: top;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    position: absolute;
    right: 0px;
    z-index: 200;
    top: 0px;
}

#bt_extend_header_base.pc.config_1, #bt_extend_header_base.pc.config_2, #bt_extend_header_base.pc.config_3, #bt_extend_header_base.pc.config_4
{
	top: 34px;
}

#bt_extend_header_base.displayExtendButton
{
	display: block;
}

#bt_extend_header_base.active, 
#bt_extend_header_base.displayExtendButton.active, 
#bt_extend_header_base.mobile_portrait, 
#bt_extend_header_base.mobile_paysage,
#bt_extend_header_base.displayExtendButton.mobile_portrait, 
#bt_extend_header_base.displayExtendButton.mobile_paysage
{
	display: none;
}


.logo_georacing_container
{
	width: 100px;
	height: 26px;
	vertical-align: top;
	position: absolute;
	bottom: 5px;
	left: calc(50% - 100px / 2 );
	/*z-index: 150;*/
	/*margin-left: -41px;*/
	z-index: 100;
}

.loading_data_container
{
	width: 200px;
    height: 65px;
    position: absolute;
    bottom: 30%;
    left: calc(50% - 200px / 2 );
    z-index: 4001;
    color: #002D4F;
    font-family: 'Panton-Regular', sans-serif;
    font-size: 15px;
    background: #ffffff;
    text-align: center;
    opacity: 0.8;
    padding-top: 15px;
}

#refresh_data_container
{
	width: 75px;
    height: 15px;
    position: absolute;
    bottom: 40px;
    left: calc(50% - 75px / 2 );
    z-index: 4001;
    color: #002D4F;
    font-family: 'Panton-Regular', sans-serif;
    font-size: 10px;
    background: #ffffff;
    text-align: center;
    opacity: 0.8;
    padding-top: 5px;
    display: none;    
}


#refresh_data_container.mobile_paysage
{
	bottom: 20px;
}

#refresh_data_container.mobile_portrait
{
	bottom: 20px;
}

.logo_timekeeper_container{
	position: absolute;
    right: 0;
    bottom: 14px;
    width: 210px;
    text-align: center;
    background: #333333;
    z-index: 99;
}
.logo_timekeeper_container img{
    padding: 2px 0px;
}
.logo_timekeeper_container.mobile_portrait{display:none;}
.bt_tab_map_base .logo_timekeeper_container.mobile_portrait{
	display:block;
	right: 0;
    top: 0;
    width: 150px;
	bottom:auto;
}

.logo_timekeeper_container.mobile_paysage{width:180px;}
.logo_timekeeper_container img{
	max-width: 100%;
    max-height: 30px;
}
.logo_georacing_container.mobile_paysage
{
	bottom: 1px!important;
	width:75px !important;
	height:20px !important;
	left: calc(50% - 75px / 2 );
}

.logo_georacing_container.mobile_portrait
{
	bottom: 1px!important;
	width:75px !important;
	height:20px !important;
	left: calc(50% - 75px / 2 );
}


#logo_georacing
{
	height: auto;
	width: 100%;
    cursor: pointer;
}

.race_status_container
{
	display: inline-block;
	position: relative;
	width: 94px;
	height: 60px;
	vertical-align: top;
	background: #fff;
}

#race_status
{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -11px;
	width: 73px;
	height: 22px;
	
	background-color: #fff;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: normal;
}

#race_status.status_replay
{
	background-color: #48b752;
}
#race_status.status_live
{
	background-color: #dd2624;
}
#race_status.status_upComming
{
	background-color: #FF8000;
	font-size: 12px;
	line-height: 1.75;
}


.race_infos
{
	/*display: inline-block;*/
	display: none;
	min-width: 270px;
	max-width: 360px;
    width:360px;
	height: 56px;
	overflow: hidden;
	/*background: #fff;*/
	letter-spacing: normal;
	/* l'utilisation de inline-block sur certain navigateurs ajout un whitespace, que l'on resoud avec letter-spacing: -0.25em;, mais du coups dans les zone de texte il faut redefinir en normal */
	vertical-align: top;
	line-height: 1.2;
}

.race_infos.displayTitle
{
	display: inline-block;
}

.race_infos.mobile_portrait
{
	position: absolute!important;
    right: 0px!important;
    left: 0px!important;
    max-width: initial!important;
    min-width: initial!important;
}

.race_infos.pc.displayTitle.config_0
{
	width: 360px;
}

.race_infos.pc.displayTitle.config_2
{
	min-width: 270px;
}

    
.race_infos_container
{
	max-width: 500px;
	height: 42px;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 11px;
	white-space: nowrap;
}

.race_info_event_name
{
	height: 15px;
	margin:0;
	color: #1965a5;
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
	font-size: 14px;
}
.race_info_event_name.mobile_portrait
{
	position: absolute;
    left: 5px;
    right: 5px;
    overflow: hidden;
    top: 1px;
    height: 14px;
    font-size: 10px;
	
	margin:0;
	color: #1965a5;
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
}

.race_info_race_line
{
	position: relative;
	bottom: 1px;
	line-height: 0.85;
}


.race_info_race_line.race_info_race_line_1.mobile_portrait
{
	position: absolute;
	left: 5px;
	right: 5px;
	/* overflow-x: hidden; */
	top: 23px;
	height: 16px;
	font-size: 10px;
	/* white-space: nowrap; */
}

.race_info_race_line.race_info_race_line_2.mobile_portrait
{
	position: absolute;
	left: 5px;
	right: 5px;
	top: 32px;
	height: 10px;
	/* overflow-x: hidden; */
	white-space: nowrap;
	font-size: 10px;
}


.race_info_race_line_b
{
	position: relative;
	bottom: 7px;
	line-height: 1.0;
}

.race_info_race_name
{
	display: inline-block;
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
	font-size: 12px;
}

.race_info_race_name.mobile_portrait
{
	display: block;
	
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
	font-size: 9px;
}

.race_info_race_lieu
{
	display: inline-block;
	color: #888888;
	font-size: 12px;
	font-family: 'Panton-Regular', sans-serif;
	font-style: italic;
	font-weight: bolder;
}

.race_info_race_lieu.mobile_portrait
{
	position: absolute;
	top: -12px;
	left: 0px;
	right: 0px;
	height: 10px;
	font-size: 9px;
}

    
.race_info_race_date
{
	display: inline-block;
	color: #002D4F;
	font-size: 11px;
}
.race_info_race_date.mobile_portrait
{
	display: block;
	font-size: 10px;
}

/************Share bouton ****************/
#bt_share_facebook_base, #bt_share_twitter_base, #bt_share_googlePlus_base, #bt_share_linkedIn_base
{
	text-align: center;
	display: none !important;
	
}

#bt_share_facebook_base.shareVisible, #bt_share_twitter_base.shareVisible, #bt_share_googlePlus_base.shareVisible, #bt_share_linkedIn_base.shareVisible
{
	display: inline-block !important;
	overflow: hidden;
}

#bt_share_facebook_base.shareVisible a, #bt_share_twitter_base.shareVisible a
{		
	display: block;
	position: relative;
	width: 100%;
	text-decoration: none;
	color: #0E5B98;
    font-family: VGFont;
    vertical-align: bottom;
	font-size: 58px;
	line-height: 1em;
}

#bt_share_facebook_base.shareVisible:hover a, #bt_share_twitter_base.shareVisible:hover a
{
	color: #002D4F;
}

/****** Game link *******/
#bt_virtualRegatta_base
{
    margin-left: 5px;
	vertical-align: bottom;
	background: url('../resources/images/sponsor/Virtual_Regatta_color.png') #fff;
	background-size: 90% 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#bt_virtualRegattaMobile_base
{
    background: url('../resources/images/sponsor/Virtual_Regatta_color.png') #fff;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#bt_virtualRegattaMobile_base.mobile_paysage
{
    display:none;
}


#bt_refresh
{
    background: url('../resources/images/refresh.png') #fff;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display:none;
}

#bt_refresh.mobile_portrait
{;
	display:block;
}

#bt_virtualRegattaMobile_base.pc
{
    /*display: none;*/
}

#bt_close_extend_header_base{
	display:none;
}
#bt_close_extend_header_base.bt_base.active,
#bt_close_extend_header_base.bt_base:hover{
	background:#fff;
	color:#0E5B98;
}

@keyframes animationReloadHiden {
    0%   {background-color: #f7f6f4; color:#676767;opacity:0.1;}
    50%  {background-color: #e1edff;color:#002D4F;opacity:1;}
    100% {background-color: #f7f6f4;color:#676767;opacity:0.1;}
}

@keyframes animationReload {
    0%   {background-color: #f7f6f4; color:#676767;}
    50%  {background-color: #e1edff;color:#002D4F;}
    100% {background-color: #f7f6f4;color:#676767;}
}

.blink_reload.hiden{
	animation-name: animationReloadHiden;
    animation-duration: 2s;
}

.blink_reload{
	animation-name: animationReload;
    animation-duration: 2s;
}


/********************************************** non fait **********************************************/
.right_control_panel
{
	position: absolute;
	right: 0px;
	bottom: 25px;
	width: 56px;
	z-index: 1001;
} 
.right_control_panel.mobile_portrait,
.right_control_panel.mobile_paysage
{
	width:42px;
}

.right_control_panel.mobile_portrait
{
	/*Botton de base + Hauteur timeline*/
	bottom: 25px; /*67px;*/
}

.bt_base.right_control_panel.mobile_portrait ,
.bt_base.right_control_panel.mobile_paysage
{
	width:42px;
	height:42px;
	font-size:42px;
}

.bt_base.bt_map_type_base_b.mobile_portrait,
.bt_base.bt_map_type_base_b.mobile_paysage
{
	width: initiale;
	height:42px;
	font-size: 14px;
}


.control_container
{
	/*position: absolute;
	right: 0px;
	top: 0px;
	bottom: 180px;
	width: 33px;*/
}


#control_map
{
	/*position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -67px;
	width: 33px;
	height: 103px;*/
}


#control_affichage
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 33px;
	height: 135px;
}


#control_map > .bt_base, #control_affichage > .bt_base
{
	margin-top: 1px;
}

#bt_map_type_base_b
{
	display: none;
	position: absolute;
	right: 61px;
	bottom: -1px;
	overflow-y: auto;
    overflow-x: hidden;
}

.is_2D.display_3D, .is_3D.display_2D
{
	display: none;
}


/********************************************** Partie Map **********************************************/

#map_and_control
{
	width: 100%;
	height: 100%;
}

#mapcontainer
{
	position: relative;
	width: 100%;
	height: 100%;
	
	background: #eee;
}

#map
{
	height:100%;  
	width: 100%; 
	top: 0%;
	left: 0%;
	background-color: #0f4866;
}


/*********** Canva ************/
#canvas_princ
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;  
	width: 100%;
	overflow: hidden;
    pointer-events: none;
	
}

#canvas_img
{
	display: none;
	position:absolute;
	left: 0px;
	top: 800px;
	width:414px;
	height:414px;
	overflow:hidden;
}


/*********** Meteo ************/
#wind_info
{
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 42px;
	height: 120px;
	z-index: 100;
	overflow: hidden;
	text-align: center;
}
.wind_fixe_compass.mobile_paysage, .wind_fixe_compass.mobile_portrait, #wind_div.mobile_paysage, #wind_div.mobile_portrait
{
	top: 6px;
    right: 6px;
}
#bg_wind
{
	position: absolute;
	top: 44px;
	right: 3px;
	color: #000;
	font-family: 'Panton-Regular', sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 1.0;
}

#bg_wind.mobile_paysage, #bg_wind.mobile_portrait
{
	right: 6px;
}

#meteo.mobile_paysage, #meteo.mobile_portrait
{
	top: 72px;
	font-size: 45px;
}

/*********** Prevision Meteo ************/


/*
#prevision_meteo_container, #prevision_meteo_container2
{
	display: none;
	margin-left: 1px;
	position: relative;
	width: 168px;
	height: 56px;
	vertical-align: bottom;
	background: #ffffff;
    opacity: 0.75;
    pointer-events: all;
}

#prevision_meteo_container2
{
	position: absolute;
	bottom: 0px;
    left: -101px;
    height:42px;
    width: 100px;
}
*/


#prevision_meteo_container,#prevision_meteo_container2
{	
	display: none;
	position: absolute;
	bottom: 0px; 
    left: -168px; 
    height:56px;
    width: 168px;
	margin-left: 1px;
	vertical-align: bottom;
	background: #ffffff;
    opacity: 1;
    pointer-events: all;
}


#prevision_meteo_container
{
	position: absolute;
	bottom: 0px; 
    left: -156px; 
    height:56px;
    width: 156px;
}


#prevision_meteo_container2
{
	position: absolute;
	bottom: 0px; 
    left: -101px; 
    height:42px;
    width: 100px;
}


#prevision_meteo_container.hiding, #prevision_meteo_container2.hiding
{
	opacity: 0.1;
	
	
	transition-property: opacity;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
}

#prevision_meteo_container.hiden, #prevision_meteo_container2.hiden
{
	opacity: 0.1;
}

#prevision_meteo_container.showPrevisionMeteo, #prevision_meteo_container2.showPrevisionMeteo
{
	display: inline-block;
}


#bt_wind_base2.pc, #prevision_meteo_container2.pc
{
	/*display: none; 201909 modif cd*/
}


.prevision_meteo_block
{
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0px;
    height: 100%;
    white-space: nowrap;
}
#prevision_meteo_container2 .prevision_meteo_block
{
	right: 8px; /*46px;*/
}
#prevision_meteo_sponsor, #prevision_meteo_sponsor2
{
    position: absolute;
    /* left: 70px; */
    right: 0px;
    width: 56px;
    bottom: 0px;
    height: 100%;
    white-space: nowrap;
}
#prevision_meteo_sponsor2
{
	width: 42px;
}
#prevision_meteo_lb, #prevision_meteo_lb2
{
    position: absolute;
    top: 7px;
    width: 60%;
    font-size: 12px;
    font-family: 'Panton-Regular', sans-serif;
    letter-spacing: -0.04em;
    text-align: left;
    color: #0E5B98;
}

#prevision_meteo_lb_container, #prevision_meteo_lb_container2
{
    width: 100%;
    height: 50%;
    top: 2px;
    position: absolute;
}

.prevision_meteo_slide_container, #prevision_meteo_slide_container2
{
    position: absolute;
    left: 0px;
    right: 0px;
    height: 20px;
    bottom: 14px;
}

.prevision_meteo_slide, #prevision_meteo_slide2
{
	position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 1px;
    background: #3875b4;
    z-index: 1;
}

#prevision_meteo_slide_cursor, #prevision_meteo_slide_cursor2
{
    position: absolute;
    bottom: -5px;
    width: 12px;
    height: 12px;
    z-index: 2;
    background: #3875b4;
    border-radius: 50%;
}

#prevision_meteo_slide_cursor_draggable, #prevision_meteo_slide_cursor_draggable2
{
	position: absolute;
	bottom: -5px;
	width: 12px;
	height: 12px;
	z-index: 3;
    
    border-radius: 50%;
}

#prevision_meteo_slide_display, #prevision_meteo_slide_display2
{
    position: absolute;
    right: 7px;
    top: 5px;
    width: 61px; /* 32px*/
    height: 16px;
    color: #0E5B98;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    font-family: 'Panton-Regular', sans-serif;
}
#prevision_meteo_slide_display2
{
	font-size: 12px;
}

#prevision_meteo_slide_display.caract7
{
	font-size: 9px;
	line-height: 1.7;
}
#prevision_meteo_slide_display.caract6
{
	font-size: 10px;
	line-height: 1.7;
}

#prevision_meteo_loader 
{
	position:relative;
	display:none;
	width: 42px;
	height: 42px;
	margin-left:0px;
	vertical-align:top;
	background:#e1edff;
}

#prevision_meteo_loader.showPrevisionMeteo {
	display:inline-block;
}

/*#bt_wind_base.showPrevisionMeteo
{
	right: 103px;
}*/


.rightside
{
	 transform: translate(360px, 0px);
    -webkit-transform: translate(360px, 0px);
	-moz-transform: translate(360px, 0px);
    -ms-transform: translate(360px, 0px);
    -o-transform: translate(360px, 0px);
	 /*position: absolute;
	 left: 100%;
	 top: 0px;*/
}
#svgvirtualleft
{
	 position: absolute;
	 left: 0px;
	 top: 0px;
}
#svgvirtualright
{
	 position: absolute;
	 left: 100%;
	 top: 0px;
}
.svgnofill
{
	fill: none;
}
.svglinetype0
{
	stroke-dasharray: 0.4;
}
.svglinetype1
{
}
.placescircle
{
}
.placestext
{
	font-family: 'Panton-Regular', sans-serif;
}

.svgHidden
{
    display: none;
}/*JB*/
input[type="radio"] {
  margin-left: 0.5px !important;
  margin-top: 0.5px !important;
}

#left_panel
{
    pointer-events: all;
	position: absolute;
	top: 85px;
	bottom: 42px;
	width: 100%;
}
#left_panel.withBottomSponsor
{
	bottom: 112px;
}

.mobile_portrait #left_panel,
.mobile_paysage #left_panel
{
	bottom: 0px; /*42px;*/
    top:40px;
}
.mobile_portrait #left_panel_rank,
.mobile_paysage #left_panel_rank
{
    top:0px;
}
.mobile_portrait #left_panel.bt_tab_option_base
{
	/*top:0px;*/
}

/*#left_panel.bt_tab_map_base, #left_panel_rank.bt_tab_map_base, #left_panel_category.bt_tab_map_base*/
#left_panel.bt_tab_map_base, #left_panel_category.bt_tab_map_base
{
	display: none;
}


.mobile_portrait:not(.bt_tab_splittimes_base) #left_panel_sponsor_bottom,
.mobile_paysage #left_panel_sponsor_bottom{
	display:none;
}

.mobile_portrait:not(.bt_tab_splittimes_base) #left_panel_sub_options,
.mobile_paysage #left_panel_sub_options{
	display:none;
}

#left_panel_sub_options
{
    pointer-events: all;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 42px;
	width: 100%;
	z-index: 5000;
}
#left_panel_sub_options.withBottomSponsor
{
	bottom: 70px;
}

#left_panel_container:not(.mobile_portrait) #left_panel_sub_options {
	background: #f1f1f1;
}

#left_panel_category
{
    display: none;
	pointer-events: all;
	position: absolute;
	width: 100%;
	height: 29px;
	top:45px;
	background: #ffffff;
	overflow-x: auto;
	white-space: nowrap;
	/*
	border-top: solid #4e5356;
    border-bottom: solid #4e5356;
    */
    z-index: 1;
    /*
    border-top-width: 1px;
    border-bottom-width: 1px;
    */
    text-align: center;
    /*padding-left: 5px;*/
}
.mobile_portrait #left_panel_category
{
    top:42px;
}
#left_panel_category_container
{
 	/*height: 100%;*/
    margin-top: 1px;
}
.label_category
{
	display: inline-block;
	background: grey;
    padding-right: 2px;
    padding-left: 2px;
    margin-right: 5px;
	margin-left: 0px;
    font-family: 'Panton-Bold', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
	cursor: pointer;
	padding-top: 1px; /*1px*/
	padding-bottom: 1px;
    margin-top: 7px;
    width: 100px;
    text-align: center;
   /*font-weight: bold;*/
}


#left_panel_container.mobile_portrait .label_category
{
    margin-top: 5px;
    /*margin-right: 2px !important;*/
    padding-top: 2.5px; 
    width:96px; /*110*/
}


.label_category:hover:nth-child(1) {
	background: #4a1b15;
}
.label_category:hover:nth-child(2) {
	background: #0b5b98;  
}
.label_category:hover:nth-child(3) {
	background: #769fd4;   
}


.label_category.active:nth-child(1) {
	background: #4a1b15;
}
.label_category.active:nth-child(2) {
	background: #0b5b98;
}
.label_category.active:nth-child(3) {
	background: #769fd4;
}


.label_category.active
{    
    opacity: 1;
    color: #FFFFFF;
    /*font-weight:bold;*/
    /*text-decoration: underline;*/
}

#left_panel_rank
{
 pointer-events: all;
 position: absolute;
 width: 100%;
 height: 40px; 
 top:45px;
 background: #ffffff;
 text-align: center; /*JB*/
}

#left_panel_rank.bt_tab_map_base
{
	height: 17px !important;
}


#title_last_rank
{
    font-family: 'Panton-Regular', sans-serif;
    font-weight: 500;
    font-size: 13px; /*16px;*/
    color:#4e5356;
    display: inline-block;
    /*margin-top: 1px;*/
    /*margin-left: 10px;*/
}
#date_last_rank
{
    font-family: 'Panton-Regular', sans-serif;
    font-size: 12px; /*16px;*/
    color:#4e5356;
    display: inline-block;
    margin-left: 4px; /*JB*/
}

#left_panel_rank.bt_tab_map_base #title_last_rank
{
	font-size: 11px !important;
	vertical-align: top;
	margin-top: 2px;
}

#left_panel_rank.bt_tab_map_base #date_last_rank
{
	font-size: 11px !important;
	vertical-align: top;
	margin-top: 2px;
}

#update_times
{
   font-family: 'Panton-Regular', sans-serif;
    font-size: 11px; /*12px*/
    color: #4e5356;
    /*display: inline-block;*/
   /* margin-left: 7px; */
    top: 21px;
    left: 11px;
    /*JB*/
    /*position: absolute;*/
    display: block;
}

#left_panel_rank.bt_tab_map_base #update_times
{
	display: none !important;
}

#left_panel_sponsor_bottom
{
    pointer-events: all;
    position: absolute;
    width: 100%;
    height: 70px;
    background: #f1f1f1;
    bottom: 0px;
}
/********old version********/
/*
.image_middle_keepRatio
{
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0px auto;
}*/
.image_middle_keepRatio
{
    max-width: 100%;
    max-height:100%;
    margin: auto;
    position:absolute;
    top:6px;
    left:0;
    right:0;
    bottom:0;
    /*margin-right: 0.5vw;*/ /*JB*/
}

.image_meteo_middle_keepRatio
{
    max-width: 100%;
    max-height:100%;
    margin: auto;
    position:absolute;
    top:0px;
    left:0;
    right:0;
    bottom:0;
    /*margin-right: 0.5vw;*/ /*JB*/
}

#timekeeper .image_middle_keepRatio{
	/*margin-right: 5px; *//*0.5vw;*/
}
.image_middle_keepRatioX
{
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0px auto;
}
.image_middle_keepRatioY
{
    display: block;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0px auto;
}
.image_right_keepRatioY
{
    position: absolute;
    display: block;
    max-height: 100%;
    width: auto;
    height: auto;
    /*margin: 0px auto;
    margin-right: 0px;*/
    right: 0px;
}   
.leftpanel_sub
{
 position: absolute;
 bottom: 0px;
 top: 0px;
 width: 100%;
 max-height: 100%;
 background: #f1f1f1;
 overflow: auto;
}
.scrollbarHide{
	padding-right:15px;
	overflow: auto;
}
#left_panel_overflow
{
 width:100%;
 position: relative;
 max-height: 100%;
 z-index: 99;

 background: #fff;
}
#left_panel_overflow::-webkit-scrollbar 
{ 
display: none;
}
#tabs
{
 width: 100%;
}

.leftpanel_sub{		
	overflow-x: hidden;
}

@media screen and (-moz-windows-theme) {
@-moz-document url-prefix()
{
	.leftpanel_sub{
		
		 overflow-x: hidden;
	}
	
    #left_panel_overflow{
        width:calc(100% + 20px);
    }
    
    #left_panel_category{
        overflow-x: hidden;
    }
}
}


/*********** Bouton Onglet/Tab ************/
.leftPanel_stayBottom
{
    pointer-events: all;
	position: absolute;
	width: 100%;
	height: 45px;
	z-index: 104;
	background: #f1f1f1;
	overflow: hidden;
}

.leftPanel_stayBottom.MapFullPage
{
	display: none;
}


.leftPanel_stayBottom.mobile_portrait
{
	top: 0px;
	width: 100%;
	height: 42px;
}

.leftPanel_stayBottom.mobile_paysage
{
	display: none;
}

#control_tab_subOptions
{
	height: 33px;
	width: 100%;
	
	background: #f7f6f4;
}

#control_tab
{
	position: absolute;
	left: 0px;
	top: 0px;
    width:100%;
	height: 100%;
	white-space: nowrap;
	/*letter-spacing: -0.25em;
	-webkit-transition:left 0.5s ease-in-out;
	-moz-transition:left 0.5s ease-in-out;
	-o-transition:left 0.5s ease-in-out;
	transition:left 0.5s ease-in-out;*/
}


#control_tab.noneBorder
{	
	height: 45px;
	border-top: none;
}

#bt_control_tab_left_base
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 30px;
    overflow: hidden;
	opacity: 1.0;
}

#bt_control_tab_left_base > div
{
    margin-left: 6px;
}

#bt_control_tab_right_base
{
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	right: 0px;
	width: 30px;
    overflow: hidden;
	opacity: 1.0;
}

#bt_control_tab_right_base > div
{
	margin-left: 9px;
}

/*********** Versions sans sponsors ************/
#slides_sponsors.noSponsors
{
	display: none;
}

#left_panel.noSponsors
{
	top: 0px;
}


/*********** Versions leftPanel FullPage ************/
#slides_sponsors.leftPanelFullPage, #principal.leftPanelFullPage
{
	display: none;
}


#left_panel_container.leftPanelFullPage
{
	width: 100%;
	bottom: 75px;
}


#left_panel_container.leftPanelFullPage.hiding
{
	bottom: 60px;
	
	transition-property: bottom;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: bottom;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: bottom;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
}

#left_panel_container.leftPanelFullPage.hiden
{
	bottom: 60px;
}


#left_panel.leftPanelFullPage
{
	top: 0px;
	bottom: 42px;
}

#left_panel_overflow.leftPanelFullPage
{
	height: 100%;
	/*padding-left: 44px;
	padding-right: 44px;*/
}

.leftpanel_sub.leftPanelFullPage
{
	top: 0px;
}

#tabs.leftPanelFullPage
{
	/*padding-top: 44px;*/
}

.leftPanel_stayBottom.leftPanelFullPage
{
	
height: 42px;
	
width: 100%;
}

#control_tab.leftPanelFullPage
{
	
}

#control_tab.leftPanelFullPage.noneBorder
{
	border-left: none;
	border-right: none;
}


/*********** Versions Map FullPage ************/
#left_panel_container.MapFullPage
{
	display: none;
}
#bt_retract_up.MapFullPage
{
	content:'[';
}

/******************************* Gestion affichage ou non des tabs **************************************/
#tab_competitors,  #tab_competitors_b, #tab_splittimes, #tab_twitter, #tab_category, #tab_options
{
	display: none;
	position: relative;
}
.tab_competitors_sub_options, .tab_search_actor_sub_options, .tab_splittimes_sub_options, .tab_options_sub_options, .tab_medias_sub_options, .tab_twitter_sub_options
{
	display: none;
}

#tab_competitors_b
{
	/*background : #666666;*/
	background : #D0D0D0;
}

 
#tab_competitors.bt_tab_competitors_base,
#tab_competitors.bt_tab_favoris_base,  
#tab_options.bt_tab_option_base,  
#tab_category.bt_tab_category_base,
.tab_search_actor_sub_options.bt_tab_competitors_base, 
.tab_search_actor_sub_options.bt_tab_competitors_b_base,
.tab_search_actor_sub_options.bt_tab_competitors_Distance_base, 
.tab_splittimes_sub_options.bt_tab_splittimes_base, 
.tab_options_sub_options.bt_tab_option_base
{
	display: block;
}


.tab_search_actor_sub_options.mobile_portrait
{
	display: none;
}

/* optionsDisplayed */


#bt_tab_option_b_base, #bt_tab_map_base, #bt_tab_category_base.pc
{
	display: none;
}
#bt_tab_map_base > .bt_menu_up
{
    font-size: 20px;
}
#bt_tab_option_b_base.mobile_portrait, #bt_tab_map_base.mobile_portrait
{
	display: inline-block;
}

#bt_extendPanel_base.mobile_portrait
{
	display: none;
}


#bt_tab_twitter_up {
	margin-top: -36px;
 	font-size: 61px;
  	text-align: center;
}
/* equivalet au non-sponsors */
#slides_sponsors.bt_tab_option_base
{
	display: none;
}
#left_panel.bt_tab_option_base
{
	/*top:42px;*/
	top:0px;
}


/*********** Sub Options ************/
.header_tab_splittimes
{
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -110px;
    width: 220px;
	height: 27px;

	border-radius:5px;
	background: rgba(0,0,0,0.5);
	color: #fff;
}

#bt_prevSplitTime_base
{
	position: absolute;
	left: 0px;
	width: auto;
	height: 27px;
	font-size: 50px;
	line-height: 0.75;	
	
	background:none;
	color:#fff;
    opacity: 1.0;
}


.currentSplitTime
{
	position: absolute;
	left: 55px;
	right: 55px;
	top: 0;
	height: 28px;
	overflow: hidden;
	color: #fff;
	
	text-align: center;
	font-family: 'Panton-Regular', sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 2;
}

#bt_nextSplitTime_base
{
	position: absolute;
	right: 0px;
	width: auto;
	height: 27px;
	font-size: 50px;
	line-height: 0.75;
		
	background: none;
	color:#fff;
	opacity: 1.0;
}

#p_option_info
{
	margin: 0px 10px;
	
	font-family: 'Panton-Regular', sans-serif;
	font-style: italic;
	font-size: 13px;
	text-align: center;
}

#p_share_info
{
	margin: 0px 10px;
	font-family: 'Panton-Regular', sans-serif;
	font-style: italic;
	font-size: 13px;
	text-align: center;
}

#titleRankingSplitTime
{
	top: -35px;
	left: 0px;
	right: 0px;
	
	line-height: 30px;
	
	text-align: left;
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
	font-size: 40px;
	color: black;
	background: #769fd4;
	padding: 2px;
}

#blank_for_ranking
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 60px;
	background: white;
}

/********************************************** Champ de recherche ****************************************************/
#search_actor
{
  	position: absolute;
  	height: 26px;
  	left: 61px;
  	right: 61px;
  	bottom: 18px;
  	text-align: center;
  	border: 1px solid #666;
}


#search_actor_input
{
	position: absolute;
	height: 26px;
	left: 50%;
	margin-left: -110px;
	right: 61px;
	width: 200px;
	bottom: 9px;
	text-align: left;
	padding: 0px 10px;
	border: 1px solid white;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 12px;
	letter-spacing: -0.1em;
	background: white url('../resources/images/magnifier.png') no-repeat;
	background-size: 5%;
	background-position: 98%;
}
/********************************************** Partie Listes/Course/Options **********************************************/


/********************************************** Competitors **********************************************/

/*********** Liste ************/
#table_actors, #table_splittimes
{	
	width: 100%;
	
	color: #000000;
	line-height: 1em;
	text-align: left;
}

#table_actors tr
{	
	cursor: pointer;
}

#table_actors th, #table_actors td, #table_splittimes th, #table_splittimes td
{
	padding: 0px;
	height: 15px;
}


#table_actors th, #table_splittimes th
{
	font-size: 11px;
	font-weight: bold;
}


/***/
#table_actors > thead, #table_splittimes > thead
{
	font-family: 'Panton-Regular', sans-serif;
	background-color: #fff;
	font-size: 14px;
}


/* definition des petites icones qui servent a dire comment c'est trier, ou pas */
.tablesorter-georacing .tablesorter-header
{
	cursor: pointer;
}
.tablesorter-georacing .tablesorter-headerAsc
{
}

.tablesorter-georacing .tablesorter-headerDesc
{
}

.tablesorter-georacing thead .sorter-false
{
	background-image: none;
}
/*******************/


#table_actors > tbody, #table_splittimes > tbody
{
	font-family: 'Panton-Regular', sans-serif;
	font-size: 10px;
}

.tablesorter-georacing tbody tr.odd.highlight td,
.tablesorter-georacing tbody tr.even.highlight td,
.tablesorter-georacing tbody > tr.odd.highlight:hover > td,
.tablesorter-georacing tbody > tr.even.highlight:hover > td
{
	color: white;
	background-color: #002D4F;				/* couleurs ligne highlight */
}

.tablesorter-georacing tbody tr.odd td
{
	background-color: #eeedeb;				/* couleurs lignes paires */
}

.tablesorter-georacing tbody tr.even td
{
	background-color: #fff;					/* couleurs lignes impaires */
}

.tablesorter-georacing tbody > tr:hover > td, .tablesorter-georacing tbody > tr.even:hover > td
{
	background: #d9d9d9;					/* hover sur lignes paires */
}

.tablesorter-georacing tbody > tr.odd:hover > td
{
	background: #bfbfbf;					/* hover sur lignes impaires */
}

.flags
{
	width: 19px;
}


.td_actors_dtf_row
{
	text-align: right;
	font-size: 0.95em;
}


.visible_actor, .infos_actor, .ref_actor
{
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 50%;
	margin-top: -6px;
}

.checkbox_container
{
	position: relative;
}

#bt_competitor_visible_base, #bt_competitor_selected_base
{
	width: 21px;
	height: 15px;
	line-height: 0.3;
	text-align: center;
	font-size: 33px;
}

/********************************************** Tab presentation course **********************************************/

.video-container
{
	background: #000;
	overflow: hidden;
	margin: auto;
}

.video-container.audioOnly_ios
{
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 0.96;
}


.video-container > iframe
{
	border: none;
}

.title_tab
{
	color: #215295;
	font-size: 18px;
	text-align: left;
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
}

.tab_screen .title_tab
{
	margin-left: 15px;
}

.entete_option
{
	clear:both;
	width: 100%;
	height: 33px;
	
	background:#eee;
}
.categories_options .entete_option_img
{
	line-height: 1.6;
}
.title_options
{
	display: inline-block;
	padding-top: 15px;
	margin-left: 15px;
	width: 60%;
	height: 20px;	
	color: #0E5B98;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 0.5;
}

.options_select_up
{
	height: 15px;
}

.options_select_down
{
	height: 18px;
}

.left_floating
{
	margin: 0 15px 5px;
	/*width: 90%;*/
}

.optionInfo_position 
{
  display: inline-block;
  width: 31%; /*32%;*/
  white-space: nowrap;
  overflow: hidden;
}
.optionCategory
{
  padding : 15px 30px;
}
#options_categories
{
  /*padding : 15px;*/
}
.div_options
{
	color: #000000;
	text-align: left;
	font-family: 'Panton-Regular', sans-serif; 
	font-size: 12px; /*13px;*/
	font-weight: normal;
    background: #fff;
    margin-top: 42px; /*JB*/
}

.div_options p
{
	display: inline-block;
	padding: 0 30px 0 15px;
	margin-top: 0;
	margin-bottom: 0;
	width: 85%;
	
	text-align: left !important;
}

.div_options label
{
	display: inline-block;
	/*width: 25%;*/
}

.div_options label.fakeCheckBoxOption
{
	width: 13px;
}

.options_select
{
	display: block !important;
	margin: 15px 0 5px 0 !important;
}

/***************************************** LABEL ACTOR ********************************************/
	
.label-container {
    width:100%;
    height:66px;
    padding: 4px;
	margin-bottom: 1px;
	background-color: #EEEEEC;
	
	cursor: pointer;
}
.label-container:hover {
	background-color: #ffffff;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/*
.label-container.selected {
	background-color: #F0DC48;
}
*/


.label-container.selected.category_0 {
	background-color: #4a1b15;
}
.label-container.selected.category_0 .label-main-block {
	color: #FFFFFF;
}
.label-container.selected.category_0 .label-name {
	color: #FFFFFF;
}


.label-container.selected.category_1 {
	background-color: #0b5b98;
}

.label-container.selected.category_1 .label-main-block {
	color: #FFFFFF;
}
.label-container.selected.category_1 .label-name {
	color: #FFFFFF;
}


.label-container.selected.category_2 {
	background-color: #769fd4;
}
.label-container.selected.category_2 .label-main-block {
	color: #FFFFFF;
}
.label-container.selected.category_2 .label-name {
	color: #FFFFFF;
}


.label-photo {
    height: 100%;
    max-width: 66px; /* 66 */
    width:66px; /* 44*/
    float: left;
}

.label-photo > img {
    height: 100%;
    width: auto;
}

.label-ranking {
    height: 100%;
    width: 22px;
    background: white;
    float: left;
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 500; /*700*/
}

.label-ranking-square {
    display: block;
    width: 100%;
    height: 22px;
    font-size: 12px; /*14px;*/
    text-align: center;
    color: #494C54;
    line-height: 22px;
}
.label-ranking-evolution-big {
    font-size: 12px;
    line-height: 20px;
}

.label-ranking-value {
    font-size: 16px;
    color: white;
}
.label-ranking-value.dark_ranking{
	color: black;
}

.label-ranking-arrow-content {
    display: block;
	font-family: VGFont;
	font-weight: 500;
}

.label-ranking.down .label-ranking-arrow-content,
.label-ranking.down .label-ranking-evolution {
    color: #e30d26;
}

.label-ranking.down .label-ranking-arrow-content {
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);	
	transform: rotate(45deg);
}

.label-ranking.up .label-ranking-arrow-content,
.label-ranking.up .label-ranking-evolution {
    color: #006636;
}

.label-ranking.up .label-ranking-arrow-content {
    -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);	
	transform: rotate(-45deg);
}

/*.label-nationality-foil {
    height: 100%;
    width: 22px;
    float: left;
}*/
.label-nationality-foil {
    height: 100%;
    width: 22px;
    float: right;
}

.label-nationality {
    height: 25%;
    width: 100%;
}

/*.label-nationality > img {
    max-width: 65%;
    width: auto;
    max-height: 80%;
    height: auto;
    margin: -8px 4px 0px 4px;
}*/
.label-nationality > img  {
	max-width: 15px;
	width: auto;
	max-height: 10px;
	height: auto;
	position: absolute;
    right: 7px; /*5px*/
}

.label-foil > img {
    max-width: 65%;
    width: auto;
    max-height: 80%;
    height: auto;
    margin: 12px 4px 0px 4px;
}

.label-main-block__ {
    height: 100%;
    width: auto;
    overflow: hidden;
	font-family: 'Panton-Regular', sans-serif; 
	/*color: #3A666B;*/ /*modif JB*/
	color: #000000;
	margin-right: 4px;
}

.label-main-block{
	height: 100%;
    width: auto;
    overflow: hidden;
    font-family: 'Panton-Regular', sans-serif;
    /* color: #3A666B; */
    color: #000000;
    padding: 0px 0px 0px 6px;
}

.label-main-top {
    width: 100%;
    height: 50%;
    font-size: 9px; /*JB*/
}

.label-main-bottom {
    width: 100%;
    height: 50%;
}

/*.label-main-top-left {
	text-transform: UPPERCASE;
	height: 100%;
	width: calc(100% - 33px);
	float: left;
}*/

.label-main-top-left {
	/*text-transform: UPPERCASE;*/
    height: 100%;
    float: left;
    /*width: calc( 100% - 6px );*/
}


.label-main-top-right {
    height: auto; /*100%;*/
    width: auto;
    /*overflow: hidden;
    position: absolute;
    width: calc( 100% - 104px);*/
}

.label-text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.label-member {
    height: 50%;
    width: 100%;
    font-size: 11px;
}
.label-member.withCategory
{
    float: left;
    width: 70%;
}

.label-name {
	height: 50%;
	width: 100%;
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	color: #3875b4; /* tjv */
}

.label-main-top-left .label-name {
	text-transform: UPPERCASE;
}

.label-category {
    width: 30%;
    font-size: 12px;
    height: 50%;
    text-align: right;
    line-height: 15px;
    font-family: 'Panton-Regular', sans-serif;
    font-style: italic;
}
.label-favorite {
	font-family: VGFont;
	color: white;
	text-align: center;
	display: inline-block;
	width:30%;
	text-shadow: -1px 0 #002D4F, 0 1px #002D4F, 1px 0 #002D4F, 0 -1px #002D4F;
	
	cursor: pointer;
	float: right;
    margin-right: 7px;
}

.label-favorite.selected {
	color: #0E5B98;
	text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
}

.label-main-bottom-left {
	height: 100%;
	width: calc(100% - 40px);
	float: left;
	font-size: 11px;
	line-height: 14px;
}

.label-main-bottom-right {
	height: 100%;
	width: auto;
	overflow: hidden;
	display: block;
	color: #C6C6C6;
}

.label-distance {
	margin-top: 5px;
}
.label-status {
	height: 100%;
    width: 100%;
    margin-top: 5px;
}
/*.label-status > .label-bottom-left {
	font-size: 15px;
    line-height: 33px;
}*/
.label-status > .label-bottom-left {
	font-size: 11px; /*12px;*/
    font-weight: 700;
    width: 33px; /*40px;*/
}
.label-status > .label-bottom-right {
	font-size: 11px;
    /*line-height: 16px;*/
}

#left_panel_container.mobile_portrait .label-status > .label-bottom-right {
	font-size: 11px !important;
}

.label-bottom-left.label-status-name,  .label-bottom-left.label-sub-status{
	display:block;
}

.label-bottom-left {
	float: left;
}

.label-bottom-right {
	font-family: 'Panton-Regular', sans-serif; 
	font-weight: 700;
	width: auto;
    overflow: hidden;
    text-align: right;
	display: block;
}

.label-bottom-right.label-elapse{
	font-weight: 700;	
}

.label-medias-icon {
	/*width: 50%;*/
	width: 36%;
	height: 100%;
	float: left;
	font-family: VGFont;
	display: inline-block;
    text-align: right;
    font-size: 32px;
    line-height: 33px;
}

.label-medias-number {
	width: 16%;
	height: 100%;
	overflow: hidden;
	padding-left: 5px;
    padding-top: 5px;
    font-size: 12px;
    display: inline-block;
    
}

#credit_georacing {
    color: #606870;
    font-family: 'Panton-Regular', sans-serif;
    font-weight: 300;
    font-size: 14px;
    background: #f1f1f1;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 10px;
}

.link_help {
    color: #606870;
    font-family: 'Panton-Regular', sans-serif;
    font-weight: 300;
    font-size: 14px;
    background: #f1f1f1;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 10px;
    text-decoration: underline;
    cursor: pointer;
}


#advices_browsers {
    /*color: #606870;
    font-family: 'Panton-Regular', sans-serif; 
    font-weight: 300;
    font-size: 14px;
    background: #ffffff;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 10px;*/
}

#version_georacing {
    color: #606870;
    font-family: 'Panton-Regular', sans-serif;
    font-weight: 300;
    font-size: 14px;
    background: #f1f1f1;
    padding-left: 15px;
    padding-right: 10px;
    text-align: right;
}

#no_favorites_message{
    display: none;
    color: #000000;
    font-family: 'Panton-Regular', sans-serif;
    /*font-weight: 300;*/
    font-size: 14px;
    background: #f1f1f1;
    /*padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;*/
    padding: 15px 15px 0px 15px; /*JB*/
}

/*************************************MESSAGE BOX*************************************/
/*#MessageBox{
	position: absolute;
    left: calc(50% - 250px);
    width: 500px;
    top: calc(50% - 40px);
    height: 80px;
   	background-color: white;
	opacity: 0.6;
    z-index: 9999;
    text-align: center;
}*/
#MessageBox {
    position: absolute;
    left: calc(50% - 60% / 2 );
    width: 60%;
    bottom: 44px;
    height: 56px;
    background-color: white;
    opacity: 0.6;
    z-index: 9999;
    text-align: center;
}
#MessageText{
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%; /* poussé de la moitié de hauteur du référent */
  	transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	color: #002D4F;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 14px;
	width: 100%;
}
.closeCross{
	pointer-events: none;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px;
	height: 25px;
	color: #002D4F;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 15px;
}

/**********************************OUTDATED BOX*********************************/
#OutdatedBox {
    position: absolute;
    left: calc(50% - 300px / 2 - 4px);
    width: 300px;
    bottom: calc(50% - 75px / 2);
    /*height: 150px;*/
    background-color: white;
    opacity: 0.9;
    z-index: 9999;
    text-align: left;
    padding: 4px;
}
#OutdatedText{
	pointer-events: none;
	/*position: absolute;*/
	text-align: left;
	/*top: 50%; /* poussé de la moitié de hauteur du référent */
  	/*transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	color: #002D4F;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 14px;
	width: 100%;
}

/*************************************ALBUM*************************************/

#media-album-area
{
	position: absolute;
	display: none;
	
	right: 75px;
	top: 50%;
	margin-top: -184px;
	
	width: 600px;
	height: 388px;
    
    z-index: 999;
}

#media-album
{
	position: relative;
	
	width: 100%;
	height: 100%;
	
	background-color: rgba(238, 238, 236, 0.3);
	color: rgb(0, 45, 79);
}

#album-header
{
	position: absolute;
	
	width: 100%;
	height: 25px;
	
	background-color: rgba(238, 238, 236, 0.9);
}

#album-header-title
{
	display: block;
	position: absolute;
	left: 5px;
	right: 25px;
	
	padding-left: 5px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 1;
	background-color: rgba(238, 238, 236,0.5);
}

.album-title-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#album-header-close
{
	position: absolute;
    display: block;
	right: 0px;
	
    width: 25px;
	height: 100%;
    
    text-align: center;
    line-height: 25px;
}

#album-players
{
	position: absolute;
	top: 25px;
	bottom: 25px;

	width: 100%;
}

#album-players.audio-player-active #album-player-audio,
#album-players.video-player-active #album-player-video,
#album-players.diapo-player-active #album-player-diapo
{
	display: block;
}

#album-player-audio,
#album-player-diapo,
#album-player-video
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#album-player-audio,
#album-player-diapo,
#album-player-video,
#album-player-audio-content,
#album-player-diapo-img,
#album-player-video-iframe
{
	width: 100%;
	height: 100%;
}

#album-player-audio-controls
{
	position: relative;
	left: 50%;	
    margin-left: -200px;
	margin-top: 16px;
	
	width: 400px;
    height: 50%;
    
    vertical-align: middle;
}

#album-footer
{
	position: absolute;
	bottom: 0px;
	
	width: 100%;
	height: 25px;
	
	background-color: rgba(238, 238, 236, 0.9);
	font-weight: bold;
}

.prev-next-block,
#album-footer-date
{
	display: inline-block;
	line-height: 25px;
}

.prev-next-block
{
	width: 24%;	
}

#album-footer-prev
{
	display: block;
	width: 100%;
	text-align: right;
}

#album-footer-date
{
	text-align: center;
	width: 50%;
}

#album-footer-next
{
	display: block;
	width: 100%;
	text-align: left;
}

#album-header-close:hover,
#album-footer-prev:hover,
#album-footer-next:hover
{
	cursor: pointer;
}

.bt_footer_base
{
	font-style: normal;
	font-weight: normal;
	cursor: pointer;
}


#bt_play_base
{
    font-family: VGFont;
    position: absolute;
    left: 60px;
    bottom: 5px; /* red_timeline 0px */
    width: 60px;
    height: 100%;
    font-size: 25px; /* red_timeline 28px */
    line-height: 76px;
    text-align: center;
    opacity: 1.0;
}


#bt_play_base, #bt_play_base.active
{
	background: none;
	/*color: #3A666B;*/ /*modif JB*/
	color: #0E5B98; /* tjv */
}
#bt_play_base:hover, #bt_play_base.active:hover
{
	background: none;
	color: #0E5B98;
}

#bt_play_base.active
{
	/*color: #3A666B;*/ /*modif JB*/
	color: #0E5B98;
}
#bt_play_base.active:hover
{
	color: #0E5B98;
}


#bt_play_base.mobile_portrait, #bt_play_base.mobile_paysage
{
	left: 0px!important;
    line-height: 42px!important;
    font-size: 22px; /*28px;*/
    bottom: 0px!important; /* red_timeline  */
}

#bt_play_base.hiding
{
	/*
	height: 60px;
    line-height: 1.0;
	
	transition-property: height, line-height;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: height, line-height;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: height, line-height;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
	*/
	opacity: 1.0;
}

#bt_play_base.hiden
{
	/*
	height: 60px;
    line-height: 1.0;
	*/
	opacity: 1.0;
}


.speed_panel
{
	position: absolute;
	left: 66px;
	top: 0px;
	bottom: 0px;
	width: 66px;
}

#bt_decrease_speed_base, #bt_increase_speed_base
{
    font-family: GEOFont;
	position: absolute;
    left: 15px;
	bottom: 0px;
	height: 100%;
	width: 60px;
	font-size: 29px; /* red_timeline 33 */
    line-height: 1.82;
	background: none;
    color: #0E5B98;
    opacity: 1.0;
	font-weight: bold;
}

#bt_increase_speed_base
{
	left: 120px;
}
#bt_decrease_speed_base
{
    left: -5px;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#bt_decrease_speed_base.hiding, #bt_increase_speed_base.hiding
{
	/*
	height: 60px;
    line-height: 1.4;
	
	transition-property: height, line-height;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: height, line-height;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: height, line-height;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
	*/
	opacity: 1.0;
}

#bt_decrease_speed_base.hiden, #bt_increase_speed_base.hiden
{
	/*
	height: 60px;
    line-height: 1.4;
	*/
	opacity: 1.0;
}


#bt_decrease_speed_base.mobile_portrait, #bt_decrease_speed_base.mobile_paysage, #bt_increase_speed_base.mobile_portrait, #bt_increase_speed_base.mobile_paysage
{
	display: none;
	height: 42px;
    line-height: 1.4;
    background: #FFFFFF;
}


/********************************************** Footer **********************************************/


/*********** Controle de Lecture ************/
#control_player
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 180px;
	height: 100%;
	/*background: #EEEEEC;*/
}


#control_player.mobile_paysage
{
	width: 120px;
	height: 100%;
}

#control_player.mobile_portrait
{
    position: absolute;
    left: 0px;
    width: 52px;
    height: 100%;
}


.speed_replay
{
    position: absolute;
    left: 60px;
    bottom: 0px;
    height: 26px;
    width: 60px;
    text-align: center;
    font-family: 'Panton-Regular', sans-serif;
    font-style: italic;
    font-size: 14px; /*16px;*/
    font-weight: normal;
    color: #0E5B98;
    line-height: 32px; /*30px;*/
}

.speed_replay.hiding
{
	/*
	height: 60px;
    line-height: 3.8;;
	
	
	transition-property: height, line-height;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: height, line-height;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: height, line-height;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
	*/
}

.speed_replay.hiden
{
	/*
	height: 60px;
    line-height: 3.8;;
	*/
}


.speed_replay.mobile_paysage
{
	left: 60px;
	height: 42px;
    line-height: 3; /*2.5;*/
}

.speed_replay.mobile_portrait
{
    display: none;
}

.speed_replay.nbDigits_1
{
	
}

.speed_replay.nbDigits_2
{
	
}

.speed_replay.nbDigits_3
{
	
}

.speed_replay.nbDigits_4
{
	
}

.speed_replay.nbDigits_5
{
	
}


.extend_speedPanel
{
	display: none;
	position: absolute;
	bottom: 61px;
	height: 56px;
	width: 112px;
	white-space: nowrap;
	z-index: 105;
}
.extend_speedPanel.mobile_paysage.displaySpeedPanel
{
	display: block;
    bottom: 43px;
	height: 42px;
	width: 85px;
}

#bt_decrease_speed_b_base, #bt_increase_speed_b_base
{
	position: absolute;
    /* bottom: 0px; */
    height: 100%;
    width: 50%;
    font-size: 28px;
    text-align: center;
    line-height: 1.1;
    background: #EEEEEC;
    color: #0E5B98;
    /*opacity: 1.0;*/
	font-family: GEOFont;
	font-weight: bold;
}
#bt_decrease_speed_b_base
{
	left: 0px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
#bt_increase_speed_b_base
{
	left: 43px;
}
.support_speedReplay
{
	position: absolute;
    width: 60px;
    height: 60px;
    left: 122px;
    bottom: 0px;
    background: #333333;
}
#speed_replay_b
{
	left: 0px;
    overflow: hidden;
}


.extend_splittimes_goto
{
	display: none;
	position: absolute;
	left: 0px;
	top: 45px;
	bottom: 45px;
	max-width: 105px;
}

.extend_splittimes_goto.displaySplitTimeGotoPanel
{
	/*display: block;*/
}

.splittimes_goto_container
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	max-height: 100%;
	z-index: 99;
	overflow-y: auto;
	overflow-x: hidden;
	
	background: #f7f6f4;
}

.splittimes_goto
{
	padding: 8px;
	padding-bottom: 16px;
}

.splittime_goto_line
{
	margin-top: 8px;
	min-width: 89px;
}

.table_cell
{
	display: table-cell;
}

.splittime_goto_anchor
{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	
	background: #ffaa00;
	/*
	box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.7),
				inset -1px -1px 1px rgba(0,0,0,0.5),
				inset 2px 2px 2px rgba(255,255,255,0.8);			/* http://www.alsacreations.com/tuto/lire/1338-css3-box-shadow-ombre.html */
	
	cursor:pointer;
}

#bt_retract_extend_splittimes_goto_base
{
	display: none;
	position: absolute;					/* position absolute obligatoire pour faire marcher le clip */
	left: 0px;
	bottom: 45px;
	width: 54px;						/* pour faire un bouton ovale comme l'iconne en image */
    height: 34px;
	border-radius: 5px;				/* on fait un cercle de 54px */
	margin-left: -40px;					/* que l'on decale */
	z-index: 99;
	
	background:#666;
	color:#fff;
	clip: rect(0px,55px,48px,40px);		/* puis on n'en garde qu'un bout */
}

#bt_retract_extend_splittimes_goto_base.displaySplitTimeGotoPanel
{
	left: 105px;
}

#bt_retract_extend_splittimes_goto_base.displaySpeedPanel
{
	display: none;
}

.bt_retract_extend_splittimes_goto_up
{
	position: absolute;
	right: -30px;
	bottom: 2px;
	
	font-size: 44px;
	line-height: 0.5;
}

.bt_retract_extend_splittimes_goto_up:after
{
	content: 't';
}
.bt_retract_extend_splittimes_goto_up.displaySplitTimeGotoPanel:after
{
	content: 's';
}


/*********** Affichage du temps ************/
.race_time
{
	position: absolute;
	right: 8px;
	padding-right: 4px;			/* pour deplacer le texte, du coups on a enlever du width 15px	*/
	top: 16px;
	width:112px;
	height: 32px;
	
	background: #002D4F;
	color: #fff;
	text-align: right;
	font-family: 'Panton-Regular', sans-serif;
	font-style: italic;
	font-size: 24px;
	line-height: 28px;
	white-space: nowrap;
	border-radius: 6px;	
}

.race_time.upTo9carac
{
	font-size: 17px;				/* valable avec un maximum de 12 caracteres	*/
}

.race_time.upTo12carac
{
	font-size: 16px;				/* valable avec un maximum de 13 caracteres	*/
}

.race_time.status_replay
{
	background: #48b752;
}
.race_time.status_live
{
	background-color: #dd2624;
}
.race_time.status_upComming
{
	background-color: #FF8000;
}


/*********** TimeLine ************/
#timeSlider
{
	position: absolute;
	left: 137px;
	right: 134px;
	top: 34px;
}

/*** TimeLine ***/
#timeLine
{
	margin-top: -4px !important; /*superposition*/ 
	
	background: #aaaaaa !important;
	border: none;
	cursor:pointer;
}

.ui-slider
{
	height: 2px !important;
	
	background: #A7AAAE!important;
}

#timeLine > .ui-slider-range
{
	height: 2px !important;
	margin-top: 0px;
	z-index: 1000;
	
	background: #002D4F !important;
}

#timeLine > .ui-slider-handle
{
	top: -6px !important;
	margin-left: -9px !important;
	width: 14px !important;
	height: 14px !important;
	overflow: hidden;
	
	background: #002D4F;
	border-radius: 50% !important;
	text-decoration: none;
	border: none;
	outline: none;
}

#timeLine > .ui-slider-handle:hover
{
	-moz-box-shadow: 0px 0px 0px 12px rgba(25, 101, 168, 0.25);
	-webkit-box-shadow: 0px 0px 0px 12px rgba(25, 101, 168, 0.25);
	box-shadow: 0px 0px 0px 12px rgba(25, 101, 168, 0.25);
	cursor: pointer;
}

#timeLine > a:link, #timeLine > a:visited, #timeLine > a:active , #timeLine > a:hover
{
	text-decoration: none;
	border: 0px none;
	outline: none;
}

#timeLine > a
{
	z-index: 999999;
}


/*** TimeLine Live ***/
#timeLine_Live
{
	margin-top: -5px !important;
	
	background: none !important;
	border: none;
}

#timeLine_Live > div
{
	background: #FF0000 !important;
}

#timeLine_Live > .ui-slider-range
{
	height: 2px !important;
	
	background: #ea190f !important;
	cursor: pointer;
}

#timeLine_Live_forClick
{
	position: relative;
	margin-top: -5px !important;
	width: 100%;
	height: 8px;
	z-index: 999998;
	
	background: transparent;
	opacity: 0.0;
	cursor: pointer;
}

#timeLine_Live > .ui-slider-handle
{
	margin-left: -3px !important;
	top: -9px !important;
	width: 3px !important;
	height: 22px !important;
	overflow: hidden;
	
	/*background: #ea190f !important;*/
	text-decoration: none;
	opacity: 0.0;
	border: none;
	outline: none;
}


#timeLine_Live > a:link, #timeLine_Live > a:visited, #timeLine_Live > a:active , #timeLine_Live > a:hover
{
	text-decoration: none;
	border: 0px none;
	outline: none;
}
#timeLine_Live > a
{
	z-index: 999997;
}


/*** SplitTime ***/
#splitTimes
{
	background: none !important;
	border: none;
	opacity: 1;
	cursor: pointer;
}

#splitTimes > .ui-slider-range
{
	height: 4px !important;
	
	background: #414143 !important;
}

#splitTimes > .ui-slider-handle
{
	margin: 0px;
	width: 5px;
	
	background: none !important;
	text-decoration: none;
	outline: none;
	border: 0px;
	border: none;
}

.ui-corner-all
{
	-moz-border-radius-topleft: 0px !important;					/*virer les bords arondis*/
	-webkit-border-top-left-radius: 0px !important;
	-khtml-border-top-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
	
	-moz-border-radius-topright: 0px !important;
	-webkit-border-top-right-radius: 0px !important;
	-khtml-border-top-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
	
	-moz-border-radius-bottomleft: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-khtml-border-bottom-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	
	-moz-border-radius-bottomright: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-khtml-border-bottom-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


.splittimeIcon
{
	position: absolute;
	float: left;
	left: -2px;
	top: -3px;
	width: 3px;
	height: 16px;
	
	background: #ffaa00 !important;
}

.splittimeIcon_start
{
	background: #36A045 !important;
}

.splittimeName
{
	position: absolute;
	left: -35px;
	top: -24px;
	width: 70px;
	height: 17px;
	overflow: hidden;
	
	color: #18589F;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	text-overflow: ellipsis;
	word-break: break-all;
	cursor: pointer;
}

.splittimeName.splittimeHaveOffset
{
	top: 14px;
}

.splittimeName.splittimeHaveOffsetFINISH
{
	top: -24px;
}


.splittimeTime
{
	position: absolute;
	left: -35px;
	top: 15px;
	width: 70px;
	height: 17px;
	overflow: hidden;
	
	color: #18589F;
	font-family: 'Panton-Regular', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	text-overflow: ellipsis;
	word-break: break-all;
}

.splittimeTime.splittimeHaveOffset
{
	top: 15px;
}


#timeline_canvas
{
	position: absolute;
	left: 180px;
	right: 210px;
	height: 100%;
}

#timeline_canvas.mobile_paysage
{
	left: 120px;
	right: 210px;
}
#timeline_canvas.mobile_portrait
{
	position: absolute;
    left: 52px;
    right: 0px;
    height: 100%;
}

#timeline_canvas.pc.D_H_M_S
{
	right: 210px;
}

#timeline_canvas.pc.H_M_S,
#timeline_canvas.pc.D_H_M
{
	right: 180px;
}

#timeline_canvas.mobile_paysage.D_H_M_S
{
	right: 122px;
}

#timeline_canvas.mobile_paysage.H_M_S,
#timeline_canvas.mobile_paysage.D_H_M
{
	right: 100px;
}

#timeline_canvas.pc.D_H_M_S.withTimekeeper
{
	right: 285px;
}

#timeline_canvas.pc.H_M_S.withTimekeeper,
#timeline_canvas.pc.D_H_M.withTimekeeper
{
	right: 255px;
}

#timeline_canvas.mobile_paysage.D_H_M_S.withTimekeeper
{
	right: 164px;
}

#timeline_canvas.mobile_paysage.H_M_S.withTimekeeper,
#timeline_canvas.mobile_paysage.D_H_M.withTimekeeper
{
	right: 142px;
}

#timeline_sponsor
{
	width: 100%;
	height: 100%;
}


#clock_canvas
{
	position: absolute;
	right: 0px;
	width: 210px;
	height: 100%;
	
    /*background-image: url(../resources/images/background-chrono.jpg);*/
}
#clock_canvas.mobile_portrait
{
    position: fixed;
    width: initial;
    /*top: 7px;*/
    height: 42px;
    /*left: calc(50% - 61px);*/
    width: 122px;
    z-index: 200;
    height: 42px;
    bottom: 0px;
    /* right: 42px; tjv */ 
}

#clock_canvas.mobile_paysage,
#clock_canvas.pc.D_H_M_S
{
    width: 210px;
}


#clock_canvas.pc.H_M_S,
#clock_canvas.pc.D_H_M
{
	width: 180px;
}

#clock_canvas.mobile_paysage.D_H_M_S
{
	width: 122px;
}

#clock_canvas.mobile_paysage.H_M_S,
#clock_canvas.mobile_paysage.D_H_M
{
	width: 100px;
}

#clock_canvas.pc.H_M_S.withTimekeeper,
#clock_canvas.pc.D_H_M.withTimekeeper,
#clock_canvas.pc.D_H_M_S.withTimekeeper
{
	right: 75px;
}

#clock_canvas.mobile_paysage.withTimekeeper,
#clock_canvas.mobile_paysage.D_H_M_S.withTimekeeper,
#clock_canvas.mobile_paysage.H_M_S.withTimekeeper,
#clock_canvas.mobile_paysage.D_H_M.withTimekeeper
{
	right: 42px;
}

#timekeeper
{
    position: absolute;
	right: 0px;
	width: 75px;
	height: 100%;
	background-color: #ff8700;
}

#timekeeper.mobile_paysage
{
	width: 42px;
}
#timekeeper.mobile_portrait
{
    /*display: none;*/
    width: 42px; 
}
    
/**************** LAT LNG INFO *****************/
#latlng_Info
{
    display: block;
    position: absolute;
    width: 180px;
    height: 20px;
    bottom: 3px;
    left: 0px;
    pointer-events: none;
}


@font-face
{
	font-family: 'traceroadmaker';
	src: url('../resources/fonts/traceroadmaker-webfont.eot'),
		 url('../resources/fonts/traceroadmaker-webfont.woff') format('woff'),
		 url('../resources/fonts/traceroadmaker-webfont.woff2') format('woff2'),
		 url('../resources/fonts/traceroadmaker-webfont.ttf') format('truetype'),
		 url('../resources/fonts/traceroadmaker-webfont.svg#traceroadmakerregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/********************************************** Infos par dessus **********************************************/


/*********** Loading de la page ************/

.loading_container
{
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 999999;
	
	background: #f7f6f4;
}

#loading 
{
	position: absolute;
    left: calc(50% - 100px);
    width: 200px;
    top: calc(50% - 100px);
    height: 200px;
    /* margin: 10px 10px 10px 10px; */
    /* padding: 10px 10px 10px 10px; */
    z-index: 9999;
    text-align: center;
}

#loading_progressBar
{
	display: none;
	clear: both;
	width: 90%;
	height: 10px;
	margin: 0px auto;
	margin-top: 25px;
	
	text-align: center;
}

#loading_text
{
	display: block;
}

/*********** Loading des datas ************/

#loading_container_base
{
	position: absolute;
	bottom: 75px;
	left: 0px;
	width: 100%;
	height: 0px;
    z-index: 105;
}


#loading_container_base.mobile_paysage
{
	bottom: 60px;
}

#loading_container_base.mobile_portrait
{
	bottom: 43px;
}


#loading_posDatas_limiteur
{
	display: none;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 23px;
	overflow: hidden;
}


#loading_posDatas_container
{
	position: absolute;
	bottom: -23px;
	width: 100%;
	height: 22px;
	z-index: 101;
	
	border-top: 1px solid #666;
	background: #f7f6f4;
}

#loading_posDatas_containerB
{
	position: absolute;
	left: 50%;
	margin-left: -140px;
	bottom: 0px;
	width: 280px;
}

#loading_posDatas_label
{
	color: #1965a8;
	position: absolute;
	text-align: left;
	left: 0px;
	bottom: 3px;
	
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 1.0em;	
}

#loading_posDatas
{
	position: absolute;
	left: 99px;
	bottom: 4px;
	width: 132px;
	height: 11px;
	z-index: 9999;
	
	border: 1px solid #1965a8;
	background: #f7f6f4;
	border-radius: 4px;
}


#loading_posDatas_progressBar
{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 0%;
	height: 11px;
	
	background: #1965a8;
	border-radius: 4px;
	border: 1px solid #1965a8;
}

#loading_posDatas_text {
	color: #1965a8;
	position: absolute;
	text-align: right;
	right: 0px;
	bottom: 3px;
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 1.0em;
}


#loading_posDatas_limiteur.loadingPosData
{
	display: block;
	z-index: 101;
}

/*********** Waiting des datas calculÃƒÂ©es ************/
#waitingLiveDatas_limiteur
{
	display: none;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 23px;
	overflow: hidden;
}

#waitingLiveDatas_limiteur.waitingLiveDatas
{
	display: block;
	z-index: 101;
}

#waitingLiveDatas_limiteur.waitingLiveDatas.loadingPosData
{
	bottom: 23px;
}

#waitingLiveDatas_container
{
	position: absolute;
	bottom: -23px;
	width: 100%;
	height: 22px;
	z-index: 101;
	
	border-top: 1px solid #666;
	background: #f7f6f4;
}


#waitingLiveDatas
{
	position: absolute;
	left: 50%;
	margin-left: -154px;
	bottom: 4px;
	width: 132px;
	height: 11px;
	z-index: 9999;
	
	border: 1px solid #1965a8;
	background: #f7f6f4;
	border-radius: 4px;
}

#waitingLiveDatas_progressBar
{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 73%;
	height: 11px;
	
	background: #1965a8;
	border-radius: 4px;
	border: 1px solid #1965a8;
}

#waitingLiveDatas_text
{
	color: #1965a8;
	position: absolute;
	text-align: right;
	right: 50%;
	margin-right: -181px;
	bottom: 3px;
	
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 1.0em;
}


/*********** Loading version ios ************/
.loading_ios7_container
{
	position: relative;
	margin: auto;
	margin-top: 29px;
	margin-bottom: 29px;
	height: 52px;
	width: 52px;
}

.ios7_loading
{
	position: absolute;
	left: 0px;
	width: 52px;
	height: 52px; 
}

.cercleExterieur
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 48px;
	width: 48px;
	
	border-radius: 999px;
	border: 2px solid #1965a8;  
}

.carreInterieur
{
	display: none;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 18px;
	top: 18px;
	background: #1965a8;
}

.loadingPart
{
	position: absolute;
	clip: rect(0px,52px,52px,26px);
}

.loadingPie
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	
	border-radius: 999px;
	border: 6px solid #1965a8;
	clip: rect(0px,25px,52px,0px);
	-webkit-transform: rotate(0deg);
	
	/*
	transition-property: -webkit-transform;
    transition-duration: 0.1s;
	*/
}

.pieFirstMiddle
{
	display: none;
	position: absolute;
	border-radius: 999px;
	left: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	border: 6px solid #1965a8;  
	clip: rect(0px,52px,52px,26px);  
}

.loadingPart.over180degrees
{
	clip: rect(0px,26px,52px,0px);
}

.pieFirstMiddle.over180degrees
{
	display: block;
}


/********************************************** commun **********************************************/

/*********** buttons ************/
.bt_base, .bt_base_small
{
	width: 56px;
	height: 56px;
	background-color: #fff;
	color: #0E5B98; /* 3875b4 */
	font-family: VGFont;
	font-size: 35px;
	font-style: normal;
	font-weight: normal;
    opacity: 1;
	line-height: 1.5;
	cursor:pointer;
    text-align: center;
    vertical-align: bottom;
    pointer-events: all;    
}

#bt_help 
{
	font-family: 'Panton-Regular', sans-serif  !important;
	font-weight: 300;
}

#bt_map 
{
	font-family: Arial;
    text-align: center;
    font-size: 21px;
    line-height: 2.5;
    /*font-weight: bold;*/
}

#bt_map.mobile_paysage,#bt_map.mobile_portrait
{
    font-size: 18px;
}


.bt_base.mobile_paysage,
.bt_base_small.mobile_paysage,
.bt_base.mobile_portrait,
.bt_base_small.mobile_portrait
{
    width: 42px;
	height: 42px;
    font-size: 28px;
}
.ui-tooltip{
	    font-family: 'Panton-Regular', sans-serif;
		font-size:12px;
	border:0;
	color:#002D4F;
	padding:2px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
    background: white;
}
.bt_empty
{
	width: 33px;
	height: 33px;
	float: left;
	
	background: #002D4F;
}
#bt_back_base.bt_base
{
	line-height: 1.0;
    font-family: GEOFont;
    font-size: 54px;
    overflow: hidden;
}

#bt_back_base.bt_base.mobile_portrait, #bt_back_base.bt_base.mobile_paysage
{
	display: none;
}

.bt_base:hover, .bt_base.hover, .bt_base.active:hover, .bt_base_small:hover, .bt_base_small.hover, .bt_base_small.active:hover, #bt_competitor_visible_base:hover, #bt_competitor_selected_base:hover
{
	/*background:#002D4F;
	color:#FFFFFF;*/
    opacity: 1.0;
}


.bt_base_small:hover, .bt_base_small.hover, .bt_base_small.active:hover
{
	background: #333333;
	color: #ffffff;
}

.bt_base.active
{
	/*background:#3A666B;*/ /*Modif JB*/
	background:#0E5B98; /* tjv */
	color: #ffffff;
}


.bt_base.hiding
{
	opacity: 0.1;
	
	transition-property: opacity;
    transition-duration: 2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 2s;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-delay: 0s;
}

.bt_base.hiden
{
	opacity: 0.1;
}

.bt_base_small.active
{
	color: #ffffff;
	background: #333333;
}
.bt_base_small
{
	width: 22px;
	height: 22px;
	
	line-height: 0.3;
	background: #fff;
}
.bt_base_small.active
{
	background: #333333;
}


#bt_competitor_visible_base, #bt_competitor_selected_base
{
	margin-left: 1px;
	overflow: hidden;									/* pour des problemes avec FireFox */
	
	background: #fff;
	color: #002D4F;
}


#bt_map_type_base
{
	font-family: 'Panton-Regular', sans-serif;
	text-align: center;
	font-size: 15px;
	line-height: 3.0;
}


#bt_map_type_base.active
{
	background: #f7f6f4;
	color: #676767;
}
#bt_map_type_base.active:hover
{
	background: #002D4F;
	color: #fff;
}

/*
//Todo a virer
#bt_map_type_base:after
{
	content: 'Sat';
}
#bt_map_type_base.active:after
{
	content: 'Map';
}
*/

#bt_play_base:after
{
	content: 's';
}
#bt_play_base.active:after
{
	content: 'i';
}
#bt_play_base:hover:after
{
	content: 's';
}
#bt_play_base.active:hover:after
{
	content: 'i';
}


#bt_decrease_speed_base:after
{
	content: 'I';
}
#bt_decrease_speed_base:hover:after
{
	content: 'I';
}
#bt_increase_speed_base:after
{
	content: 'I';
}
#bt_increase_speed_base:hover:after
{
	content: 'I';
}


/*
#bt_extendPanel_texte_up:after
{
	content: 'Maximize';
}
#bt_extendPanel_texte_up.leftPanelFullPage:after
{
	content: 'Minimize';
}
*/

#bt_extendPanel_up:after
{
	content: '>';
}

#bt_extendPanel_up.leftPanelFullPage:after
{
	content: '*';
}
#bt_fullscreen_base:after
{
	content: 't';
}

#bt_fullscreen_base.active:after
{
	content: 't';
}


#bt_extendPanel_base{display:none;}
#bt_extendPanel_base.MapFullPage{display:block;}

#bt_extendPanel_base
{
	position: absolute;/* position absolute obligatoire pour faire marcher le clip */
	left: 360px;
	bottom: 150px; /* pour faire un bouton ovale comme l'iconne en image *//* on fait un cercle de 54px *//* que l'on decale *//* puis on n'en garde qu'un bout */
	z-index: 101;
	width: 12px;
	background-color: #676767;
	border-radius: 0 5px 5px 0;
}


#bt_tab_options_up.mixeleftPanelMap, #bt_tab_options_up.mixeleftPanelMap.hiding, #bt_tab_options_up.mixeleftPanelMap.hiden
{
	opacity: 1.0;
}

.bt_extendPanel_up
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 42px;
	line-height: 0.8;
	width: 100%;
	text-align: center;
	color: white;
}
.bt_extendPanel_up
{
	right: -31px;
}
    

/********************************************** Header **********************************************/


/********************************************** Menu **********************************************/
.bt_menu_base
{
	display: inline-block;
	position: relative;
	width: 30%;
	height: 100%;
	background: #f1f1f1;
	color: #0E5B98;   /* tjv */
	cursor:pointer;
	text-align: center;	
}

.bt_menu_base.with_twitter{
	width: 60px;
}
#bt_tab_twitter_base{
	display:none;
}
.mobile_portrait #bt_tab_share_base,
.mobile_paysage #bt_tab_share_base{
	display:inline-block;
}

#bt_tab_share_base{
	display:none;
}

.bt_menu_base.active
{
	/*background: #3A666B;*/ /*modif JB*/
	background: #ff8700; /* tjv */
	color: #ffffff;
}


.bt_menu_up
{
    /* position: absolute; */
    display: inline-block;
    /* top: 0px; */
    /* left: 0px; */
    /*width: 20%;*/
    margin-right:2px;
    height: 100%;
    font-family: VGFont;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    /* line-height: 1.0; */
}

#left_panel_container .mobile_portrait .bt_menu_up 
{
    font-size: 13px !important;
}

.bt_menu_texte_up
{
    display: inline-block;
    /* bottom: 14px; */
    /*width: 70%;*/
    text-align: center;
    font-family: 'Panton-Bold', sans-serif;
    font-size: 14px;
    height: 100%;
    letter-spacing: normal;
    line-height: 3.5;
}
.bt_menu_texte_up.mobile_portrait
{
	font-size: 13px; /*13px;*/
}


#bt_tab_options_base
{
    left: 0px;
    z-index: 101;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 150px;
    background: #f7f6f4;
    color: #676767;
    cursor: pointer;
}

#bt_tab_options_up.leftPanelFullPage{
	bottom:75px;
}

#bt_tab_options_up
{
    position: absolute;
    left: 0px;
    bottom: 150px;
    z-index: 107;
    line-height: 1.4;
	background: #f7f6f4;
}
#bt_tab_options_up.MapFullPage{display:none;}

#bt_tab_options_up.mobile_portrait, #bt_tab_options_up.mobile_paysage
{
	display: none;
}

/*********** Version colorÃ© **************/
.bt_menu_base.menuColored, .bt_menu_base.menuColored:hover, .bt_menu_base.menuColored.active, .bt_menu_base.menuColored.active:hover
{
	background: #002D4F;
	color: #fff;
}

.bt_menu_up.menuColored, .bt_menu_texte_up.menuColored
{
	opacity: 0.5;
}

.bt_menu_up.menuColored:hover, .bt_menu_up.menuColored.hover, .bt_menu_up.menuColored.active, .bt_menu_texte_up.menuColored:hover, .bt_menu_texte_up.menuColored.hover, .bt_menu_texte_up.menuColored.active
{
	opacity: 1.0;
}

#downloadApp {
	z-index:5000;
    position: absolute;
    left: 50px;
    right: 50px;
    top:150px;
    background-color: #e0dbdb;
    text-align: center;
}

#download_app_lb {
	text-align: center;
    font-weight: bold;
    padding-top: 7px;
    font-size: 12px;
    color: #0E5B98;
}

#closeModalApp {
    text-align: center;
    margin: 5px;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
    color: #0E5B98;
}

#googlePlayBtn {
	   width: 150px;
    padding-top: 5px;
}

#appStoreBtn {
	width: 150px;
    padding-top: 5px;
}

/*********** leftPanelFullPage **************/

::-webkit-scrollbar {
    width: 4px;
	height: 3px;
}
 
::-webkit-scrollbar-track {
	border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background-color: white;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	background-color: #ff8700; /* tjv */
}/********************** FOND DE CARTE ***************************/
#svgCarto_layout
{
	background-color: #367a86;
}

#imgsvg
{
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
}

#imgbackground
{
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	
    background-blend-mode: soft-light;
    opacity: 0.7;
}

/********************** Légende au survole des zones svg ****************************/
#svgTooltip
{
    position: absolute;
    z-index: 99999;
    pointer-events: none;
    font-family: SSP-Regular;
    font-size: 12px;
    color:white;
    /*text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
             #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;*/
}