/*::-webkit-scrollbar { display: none;  }*/
/**
 * colors
 * technical blue   #047585
 * dark green       #37585D
 * title grey       #57585C
 * text grey        #999999
 */




/* white background and box outline */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div
{
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* arrow colour */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div
{
    box-shadow: none !important;
}

/* delete Google logo */
.gm-style div a div img {
    display: none;
}

#map-report div.gmnoprint,
#map-report div.gmnoscreen {
    display: none;
}


/***********************************************************************************************************************
 * fonts
 */
@font-face {
    font-family: 'DIN';
    src: url('../fonts/dinregular.eot');
    src: url('../fonts/dinregular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinregular.woff') format('woff'),
    url('../fonts/dinregular.ttf') format('truetype'),
    url('../fonts/dinregular.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN';
    src: url('../fonts/dinbold.eot');
    src: url('../fonts/dinbold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinbold.woff') format('woff'),
    url('../fonts/dinbold.ttf') format('truetype'),
    url('../fonts/dinbold.svg#dinbold') format('svg');
    font-weight: bold;
    font-style: normal;
}




/***********************************************************************************************************************
 * fonts icomoon
 */
@font-face {
    font-family: 'mapcontrol';
    src:    url('../fonts/mapcontrol.eot?llt3vx');
    src:    url('../fonts/mapcontrol.eot?llt3vx#iefix') format('embedded-opentype'),
    url('../fonts/mapcontrol.ttf?llt3vx') format('truetype'),
    url('../fonts/mapcontrol.woff?llt3vx') format('woff'),
    url('../fonts/mapcontrol.svg?llt3vx#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mapcontrol' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-moins:before {
    content: "\e904";
}
.icon-gigya:before {
    content: "\e900";
}
.icon-map_a:before {
    content: "\e901";
}
.icon-map_b:before {
    content: "\e902";
}
.icon-map_c:before {
    content: "\e903";
}
.icon-plus:before {
    content: "\e905";
}












/***********************************************************************************************************************
 * html/body
 */
html {
    height: 100%;
}
body {
    font-size: 17px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color:#fff;
    font-family: "DIN", Arial, sans-serif !important;
    color:#999;
}

.logo-google-on-map { opacity:0.5; position: fixed; bottom: 20px; right: 980px; height: 22px; }
#logo-si-on-map { z-index: 9; position: absolute; top:20px; left:20px; float: left; }
#logo-si-on-map img { width:310px; }

#not-compatible-browser {
    position: fixed;
    display: none;
    top: 0px;
    right: 200px;
    background: red;
    color: white;
    padding: 5px 10px;
    z-index: 10000;
}

.textarea.form-control {
    resize: none !important;
}

#map>div>div:nth-child(2) {
    margin-left:20px !important;
    opacity:0.5;
}

#map a[href^="http://maps.google.com/maps"]{display:block !important; margin-bottom: 325px !important;}
#map .gmnoprint a, .gmnoprint span { margin-right:100px; }
#map .gmnoprint div { background:none !important;}
#map>div>div:nth-child(2)  { display:none; bottom:355px !important;}

#controls-map {  visibility: visible;  z-index: 99;  position: fixed;  right: 15px;}
#controls-map .fa-map-o{  font-size:16px;}
#header-controls-map { margin: 20px 10px; list-style-type: none; }
#header-controls-map>li { margin:5px 0; }


#profile { border: 1px solid #ffca00; margin-bottom: 20px !important;  min-height: 56px; background-size: cover; background-position: center center; border-radius: 30px; text-align:center; font-size:1em; line-height: 1em; padding: 15px 15px 10px 15px; background-color:#ffca00; color:#fff; cursor:pointer; }
#mailchimp { border: 1px solid #ffca00; margin-bottom: 20px !important;  min-height: 56px; background-size: cover; background-position: center center; border-radius: 30px; text-align:center; font-size:1em; line-height: 1em; padding: 15px 15px 10px 15px; background-color:#ffca00; color:#fff; cursor:pointer; }
#zoom-in {  border: 1px solid #37585d;  text-align:center; font-size:1em; line-height: 1em;padding: 15px 15px 12px 15px; background-color:#37585d; color:#fff; cursor:pointer; }
#zoom-out {  border: 1px solid #37585d;  text-align:center; font-size:1em; line-height: 1em;padding: 15px 15px 12px 15px; background-color:#37585d; color:#fff; cursor:pointer; }
#switch-map-type {   border: 1px solid #37585d; text-align:center; font-size:1em; line-height: 1em;padding: 15px 15px 12px 15px; background-color:#37585d; color:#fff; cursor:pointer; }
#share { display:none; border: 1px solid #37585d;  text-align:center; font-size:1em; line-height: 1em;padding: 15px 15px 12px 15px; background-color:#37585d; color:#fff; cursor:pointer; }


#profile:hover { background-color:#fff; color:#ffca00; border: 1px solid #ffca00; }
#mailchimp:hover { background-color:#fff; color:#ffca00; border: 1px solid #ffca00; }
#zoom-in:hover { background-color:#fff; color:#37585d;  border: 1px solid #37585d;  }
#zoom-out:hover { background-color:#fff; color:#37585d;  border: 1px solid #37585d;  }
#switch-map-type:hover { background-color:#fff; color:#37585d;  border: 1px solid #37585d;  }
#share:hover { background-color:#fff; color:#37585d;  border: 1px solid #37585d;  }

.clear-bottom { margin-bottom:80px;}

#mobile-message { text-align:center; padding:10px; }
#mobile-message-logo { width:80%; }

/***********************************************************************************************************************
 * mask div before loading
 */
body>div:not(#general-spinner):not(.gigya-screen-dialog):not(.mfp-gallery):not(.mfp-wrap):not(.mfp-bg):not(#gigya-sharebar-logbook):not(.gigya-sharebar-widget):not(#logo)
{
    visibility: hidden;
}


body>div:last-child:not(.bottom-footer),
.gig-comments-guestbox {
    visibility: visible !important;
}
body>div#general-spinner {
    position: absolute;
    z-index:10000;
    padding-top: 20%;
    padding-bottom: 100%;
    /*transform: translateY(-50%);*/
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background-color: #047585;
    float: left;
}
body>div#general-spinner .fa {
    margin: 15px 0;
    font-size: 2em;
}
body>div#general-spinner img {
    margin-bottom: 1em;
    max-width: 90%;
}
body>div#general-spinner img#image-loading-mainpartners {
    margin-top: 2em;
}
body>div#general-spinner img#image-loading-officialpartners {
    margin-top: 1em;
}
#logo, #main-partners-footer, #official-partners-footer, #gigNotifications{
    visibility: visible !important;
}

#logo {  margin-left: 5px; text-align: left; width: 100%; }
#menu-legs { margin-top:10px; float:right; }
#menu-legs .dropdown{ text-transform:uppercase; font-size: 17px;  padding-right: 17px; list-style-type: none;  }
#menu-legs .dropdown-menu { background: rgba(4, 117, 133, 0.9);  border: 0;  box-shadow: 0 0 0 0; }
#menu-legs .dropdown-menu>li { text-align:left; color: #fff; cursor: pointer; margin: 2px 0;  padding: 4px 0 0 0; font-size: .9em;}
#menu-legs .dropdown-menu>li:focus, .dropdown-menu>li:hover {
    color:#000 !important;
    background-color:#9babae;
}
.dropdown .fa-caret-right
{
    transition: 0.5s;
}
.dropdown.open .fa-caret-right
{
    transition: 0.5s;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.dropdown-menu-legs { color:#fff !important;}
.btn-yellow { border:1px solid #ffca00; text-transform:uppercase; background-color:#ffca00; color:#000; padding:7px 20px 5px 20px; margin-top: 3px; display:inline-block; font-size:15px;}
.btn-yellow:hover { background-color:#1b1b1b; color:#fff; cursor:pointer; }


/**
 * gigya logbook
 */
/***********************************************************************************************************************
 * link
 */

.twitter-color {  }
.google-color { color: #dd4b39; }
.facebook-color { color: #46629e; }
a:link { text-decoration:none;color:#047585;}
a:visited { text-decoration:none;color:#047585;}
a:hover { text-decoration:none;color:#000;}
a:active { text-decoration:none;color:#000;}


a:link.yellow { text-decoration:none;color:#047585;}
a:visited.yellow { text-decoration:none;color:#047585;}
a:hover.yellow { text-decoration:none;color:#fff;}
a:active.yellow { text-decoration:none;color:#fff;}


a:link.download-popup { text-decoration:none;color:#fff;}
a:visited.download-popup { text-decoration:none;color:#fff;}
a:hover.download-popup { text-decoration:none;color:#047585;}
a:active.download-popup { text-decoration:none;color:#047585;}

a:link.yellow-social { text-decoration:none;color:#047585;}
a:visited.yellow-social { text-decoration:none;color:#047585;}
a:hover.yellow-social { text-decoration:none;color:#999;}
a:active.yellow-social { text-decoration:none;color:#999;}


a:link.grey { text-decoration:none;color:#57585C;}
a:visited.grey { text-decoration:none;color:#57585C;}
a:hover.grey { text-decoration:none;color:#047585;}
a:active.grey { text-decoration:none;color:#047585;}

a:link.retweet { text-decoration:none;color: #999;}
a:visited.retweet { text-decoration:none;color:#999;}
a:hover.retweet { text-decoration:none;color:#047585;}
a:active.retweet { text-decoration:none;color:#047585;}

a:link.blue-twitter { text-decoration:none;color:#55acee;}
a:visited.blue-twitter { text-decoration:none;color:#55acee;}
a:hover.blue-twitter { text-decoration:none;color:#000;}
a:active.blue-twitter { text-decoration:none;color:#000;}


a:link.link-infocard { border-bottom: dotted 1px #ffca00;color:#ffca00;}
a:visited.link-infocard { border-bottom: dotted 1px #ffca00;color:#ffca00;}
a:hover.link-infocard { border-bottom: dotted 1px #ffca00;color:#ffffff;}
a:active.link-infocard { border-bottom: dotted 1px #ffca00;color:#ffffff;}

span.highlight {
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(4, 117, 133, 0.08) !important;
    padding: 2px 4px;
}
/*span.highlight:after{
    content: ' ? ';
    vertical-align: super;
    font-size: 80%;
}*/
span.highlight:hover {
    background-color: rgba(4, 117, 133, 0.2) !important;
}

#flight-wrapup-leg-info-since-takeoff span.highlight:hover,
.flight-wrapup-energy-info-bloc span.highlight:hover,
.rtw-wrapup-info span.highlight:hover {
    color: #000 !important;
}

#flight-wrapup-energy-local-time span.highlight {
    text-decoration: none;
    font-size: inherit;
}


/***********************************************************************************************************************
 * general
 */
.align-center {
   text-align: center;
}
.tooltip.bottom .tooltip-inner { border-radius:0; background-color:#047585; color:#fff; padding:8px 13px;}
.opacity40 {
    opacity: 0.4;
}


/***********************************************************************************************************************
 * tolltip
 */

.tooltip {z-index:9999999999;}
.tooltip.bottom .tooltip-inner { background-color:#047585; color:#fff; padding:8px 13px;}
.tooltip.bottom .tooltip-arrow { border-bottom-color: #047585; color:#fff; }
.tooltip.in {opacity: 1 !important;}

.tooltip.left .tooltip-inner { background-color:#047585; color:#fff; padding:8px 13px;}
.tooltip.left .tooltip-arrow { border-bottom-color: #047585; color:#fff; }
.tooltip.in {opacity: 1 !important;}


/***********************************************************************************************************************
 * player background
 */
#player-background {
    position:fixed;
    display: none;
    z-index:9;
    width: 100%;
    height: 100%;
}


#bestof-background {
    position:fixed;
    display: block;
    z-index:9;
    width: 100%;
    height: 100%;
}

/***********************************************************************************************************************
 * alpha
 */
.alpha70 {
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
    zoom: 1;
}
.alpha70:nth-child(n) {
    filter: none;
}

.btn-rtw {
    color: #000 !important;
    padding:10px 30px !important;
    background-color: #ffca00 !important;
    border-color: #ffca00 !important;
    border-radius: 2px !important;
}

.form-control {
    height: 42px !important;
    color: #fff !important;
    background-color: #333  !important;
}


/***********************************************************************************************************************
 * alert
 */
#alert {
    display: none;
    position: absolute;
    top: 105px;
    left: 15px;
    padding: 2px;
    background: #ff0b1a;
    z-index: 100000;
}

/***********************************************************************************************************************
 * menu
 */

#beta-info { z-index:99999; position:absolute; top:43px; left:295px; font-size:20px;text-shadow: 2px 2px 15px #000; text-transform: uppercase;  color: #ffca00; }
.mfp-bg { z-index: 99999 !important;}
.mfp-gallery { z-index: 99999 !important;}
.mfp-wrap { z-index: 99999 !important;}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { border-right: 27px solid #1cb9d1 !important; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #1b1b1b !important; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #1cb9d1 !important; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #1b1b1b !important; }
.mfp-counter { color: #1cb9d1 !important; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #1cb9d1 !important; }

#galleries-thumb-play { pointer-events: none; margin-top: calc(50% - 40px); text-align: center; width: 100%; position: absolute; }
#galleries-thumb-play img { width:80px; height:80px;}
.galleries-thumb { padding:3px !important; position: relative;}
.galleries-thumb img { width:100%; height:100%; cursor: pointer;}

#last-bloc-tweet { padding:0 !important; overflow: hidden;}

#mainpartners{
    padding:10px 10px 0 0;
}
#our_story_menu { list-style: none; margin: 0; padding: 0;}
#our_adventure_menu { list-style: none; margin: 0; padding: 0;}
#quick_links_menu { list-style: none; margin: 0; padding: 0;}
#rtw_flights_menu { list-style: none; margin: 0; padding: 0;}

#menu-galleries p { padding-top: 2px !important; }
#menu-galleries img { margin-top: 9px !important; }

#menu {
    display: none;
    left: 0;
    top: 0;
    margin-top: 0;
    padding: 0 0 50px 0;
    font-size: 1.3em;
    text-transform: uppercase;
    z-index: 999999;
    background: rgba(27,27,27,0.92);
    width:100%;
    position:fixed;
    height:100%;
    overflow: scroll;
}

#overlay { position: absolute; }
.main-menu-our-pillar { width:100%; }

.main-menu-leg-bloc { margin-bottom:30px; }
.main-menu-leg-bloc img { width:100%;
    filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -o-filter: brightness(50%);
    -ms-filter: brightness(50%);}
.main-menu-leg-bloc img.hovereffect {
    filter: brightness(80%);
    -webkit-filter: brightness(80%);
    -moz-filter: brightness(80%);
    -o-filter: brightness(80%);
    -ms-filter: brightness(80%);
}
.main-menu-leg-nbr {
    position: absolute;
    top: 44%;
    font-size: 23px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    padding-right: 30px;
}

.main-menu-leg-name {
    display:none;
    position: absolute;
    bottom: 20px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    padding: 0 45px 0 15px;
}



#main-menu-copyright {
    margin-top:50px;
    color:#fff;
    text-transform: none;
    text-align:center;

}

.main-menu-yellow-square {
    background-color: #ffca00;
    width: 161px;
    height: 161px;
    display: inline-block;
    margin: 15px;
}

.main-menu-yellow-square p {
    margin-top: 60px;
    line-height: 1.0em;
    text-align:center;
    color:#fff;
}

.main-menu-yellow-numbers{
    font-size:50px !important;
}

#main-menu-info-user {
    margin:50px 0 0 0;
}

#main-menu-info-user-picture {
    float: left;
    color:#fff;
    font-size:14px !important;
}
#main-menu-info-user-picture img {
    width:130px;
    margin-right:15px;
}

#main-menu-info-user-gamification {
    float: left;
    font-size:14px !important;
    color:#fff;
    text-transform: uppercase;
}

#main-menu-info-user-gamification-title {
    font-size:25px;
    line-height: 0.5;
    color:#ffca00;
    text-transform: uppercase;
}

.main-menu-title {
    font-size:30px;
    padding:40px;
    color:#ffca00;
    text-transform: uppercase;
    text-align:center;
}

.main-menu-leg-square {
    display: inline-block;
    background-color: #ffca00;;
    height:13px;
    width:13px;
    margin-right: 6px !important;
}

.main-menu-leg-next {
    color:#fff !important;
}
.main-menu-leg-square-no-past {
    display: inline-block;
    background-color: #fff;;
    height:13px;
    width:13px;
    margin-right: 6px !important;
}

#main-menu-leg-line {
    background-color: #fff;
    height: 3px;
    width: 100%;
    margin-top: 12px;
    position: absolute;
    z-index:0;
}
#main-menu-leg-line-complete {
    background-color: #ffca00;
    height: 100%;
    width: 12%;
}

/*
.main-menu-leg-name {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
    color:#ffca00;
    text-transform: uppercase;
}*/

.main-menu-links {
    line-height: 1.2;
    font-size:14px;
    text-transform: uppercase;
    color:#fff;
    margin:30px 0;
}

.main-menu-section {
    color:#ffca00;
}


/* Social Icons
------------------------------------------------------------ */

#social{
    display: inline-table;
}

#social li {
    float: left;
    padding:10px;
    border-bottom: none !important;
    list-style-type: none !important;
}

#social li a{
    float: left;
    height: 50px;
    width: 50px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/social_icons.png);
}

#social #facebook{
    background-position: 0 0;
}

#social #facebook:hover{
    background-position: 0 -50px;
}

#social #google{
    background-position: -50px 0;
}

#social #google:hover{
    background-position: -50px -50px;
}

#social #twitter{
    background-position: -100px 0;
}

#social #twitter:hover{
    background-position: -100px -50px;
}

#social #linkedin{
    background-position: -150px 0;
}

#social #linkedin:hover{
    background-position: -150px -50px;
}

#social #pinterest{
    background-position: -200px 0;
}

#social #pinterest:hover{
    background-position: -200px -50px;
}

#social #youtube{
    background-position: -250px 0;
}

#social #youtube:hover{
    background-position: -250px -50px;
}

#social #instagram{
    background-position: -300px 0;
}

#social #instagram:hover{
    background-position: -300px -50px;
}


/* Hamburger button
------------------------------------------------------------ */
#btn-menu-logo { float:left; margin-left: 15px;}
#btn-join-us {
    padding: 3px;
    text-align: center;
    background-color: #ffca00;
    width: 101px;
    display: inline-block;
    margin-top: 14px;
    font-size: 24px;
    margin-left: 30px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}
#btn-join-us:hover {  background-color: #000; cursor:pointer; }

#burger_btn{
    display: inline-table;
    float:left;
    padding:15px 22px 0 0;
    cursor:pointer;
}

#burger_btn li {
    float: left;
    border-bottom: none !important;
    list-style-type: none !important;
}

#burger_btn li a{
    float: left;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/hamburger_btn.png);
}

#burger_btn #line{
    background-position: 0 0;
}

#burger_btn #line:hover{
    background-position: 0 -30px;
}

#burger_btn #cross{
    background-position: -30px 0;
}

#burger_btn #cross:hover{
    background-position: -30px -30px;
}

#main-partners-logo { height:36px; }

/*
#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu ul li a {
    padding: 5px 15px 5px 0;
}
#menu ul li a:hover {
    color: #ffca00;
}
#menu ul li ul {
    margin-left: 15px;
}



#btn-login {
    padding: 6px 13px 6px 13px;
    float: right;
    color: white;
    cursor: pointer;
    margin: 7px 0 0 10px;
    color: #ffca00;
    border-style: solid;
    border-width: 1px;
    font-size: 20px;
}
#btn-login.active {
    color: #ffca00;
}
#login {
    display: none;
    position: absolute;
    right: 15px;
    top: 44px;
    margin-top: 15px;
    padding: 15px;
    font-size: 1.3em;
    text-transform: uppercase;
    z-index: 200;
}

*/




#container .block.none{
	border:0px solid;
	background:none;
	color: #333;

	-webkit-box-shadow: none;
	box-shadow: none;
}
#container.virtual #panel.block.none{
	background: rgba(255,255,255,.8);

	-webkit-box-shadow: 0px 0px 6px #777;
	-moz-box-shadow: 0px 0px 6px #777;
	box-shadow: 0px 0px 6px #777;
}
#container #timer_and_chat{
    /*
	float: left;
	width: 1000px;
	*/
}
#container.virtual #panel #cadrans{
	margin-top:10px;
}
#container .block h1, #container .block h2, #container .block h3, #container .block h4, #container .block h5{
	/*color:#fff;*/
	font-family: "DIN", sans-serif;
}
#container .block.right{
	width:380px;
	margin-left: 20px;
}
#container .full.block{
	width:1000px;
	height:600px;
	/*-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;*/
}
#container .small.block{
	width:320px;
	height:180px;
	min-height:180px;
	position: fixed;
	z-index:100;
	right:0;
	bottom: 50px;
}

#streetview {
    /*height: 416px !important;*/
    min-height: inherit !important;
    height: 180px !important;
}

#wrap_highlight {
    background: #fff;
}


.small.block a{
	display: none;
}
.enlargeModule{
	display: none;
	z-index: 5;
	color:white;
	position: relative;
	left:10px;
	top:25px;
	padding: 2px;
	/*background-color:#3B3835;*/
	display: block;
	height: 30px;
	width:30px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.enlargeModule img{
	width:30px;
	height:30px;
}

/* LIVE */
#live iframe{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: transparent
}

#stream_infomaniak_link {
    margin-top: -15px !important;
    min-height: inherit !important;
    font-size: .7em;
}
#stream_infomaniak_link a {
    color: #000;
}


/* CHAT */
#container #chat{
	background: white;
}
#chat iframe{
	font-family: "DIN", sans-serif;
}


/* PANEL */
 /*.pointer_long, .pointer_short, #cap #cap_case,*/ .bat .perc{
 	-webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
 }
#panel {
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(255, 255, 255, 0.4) inset;
    background: #fff;
}
#panel .case{
	position:relative;
	left:12px;
	top:3px;
}
#panel .case2{
	position:relative;
	top:-170px;
	left:17px;
}
#panel .case3{
	position:relative;
	top:-666px;
	left:17px;
}
#panel .item{
	float: left;
	width:33.3333%;
	/*text-align: center;*/
}
#panel .item h3, #panel #items_small .item_small h3{
	/*text-transform: none;*/

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}
#panel h3{
	font-family: "DIN", sans-serif;
	font-weight: bold;
    pannel-right:15px;
}
#panel #cadrans h3, #panel #cadrans p{
	padding-left: 15px;
}
#panel .item p, #panel #items_small .item_small p{
	/*color: #fff;*/
	color: #333;
	font-family: "DIN", sans-serif;
	font-size:1.2em;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}
#panel .item .pointer_long{
	position: relative;
    top: -334px;
    left: 18px;
	/*-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);*/
}
#panel .item .pointer_short{
	position: relative;
	/*top:-13px;
	left:-96px;*/

    top: -498px;
    left: 18px;
	/*-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);*/
}
#panel .item .pointer_plane{
	position: relative;
	/*top:-92px;
	left:0;*/
	top: -262px;
	left: 66px;
}
#cap #cap_case{
	/*-webkit-transform: rotate(51deg);
	-moz-transform: rotate(51deg);
	-o-transform: rotate(51deg);
	-ms-transform: rotate(51deg);
	transform: rotate(51deg);*/
	top:-333px;
}
#panel .isolator {
    overflow: hidden;
    height: 180px;
}
#panel.full .isolator{
	max-width: 200px;
	margin-left: 67px;
}
#panel hr{
	margin:245px 15px 0 15px;
	/*border:1px solid #3d3936;
	-webkit-box-shadow:1px 1px 1px #222;
	-moz-box-shadow:1px 1px 1px #222;
	box-shadow:1px 1px 1px #222;*/
}
#panel hr.hr2{
	margin:0px 0px 15px 0px;
}
#panel #items_small{
	/*padding:15px 25px;*/
	padding: 15px 15px;
}
#panel #items_small .item_small{
	width:33%;
	float: left;
	margin-bottom: 20px;
	/*margin-bottom:30px;*/
}
#panel.full #items_small .item_small{
	width:20%;
}
#panel #items_small .item_small img{
	float: left;
}
#panel #items_small .item_small .bat{
	/*width: 41px;*/
	width: 25px;
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}
#panel #items_small .item_small .bat .perc{
	margin-top:3px;
	margin-left:4px;
	height:17px;
	background:#3EBA25;
}

/* MAP */
#map3d{
	/*display: none;*/
}
.virtual #map{
	margin-top: 0;
	height: 445px;
}
#map_old{
	/*max-height:417px;*/
	height: 420px;
    margin-top: 5px;
}
a.topPos{
	position: absolute;
	bottom:85%;
	left:10%;
	width:80%;
	background-color:#333;
	display: block;
	height:40px;
	line-height: 40px;
	text-align:center;
	font-size: 1.3em;
	font-family: "DIN", sans-serif;
	background:#333;
	background:rgba(0,0,0,.5);
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	text-decoration:none;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	border-radius:17px;

}
a.topPos:hover{
	background:#000;
	background:rgba(0,0,0,.8);
	text-decoration:none;
}
a.topPos .beta{
	/*color:#F6B000;*/
	color: #DF534E;
}
#navMap {
	position: absolute;
	top:85%;
	left:10%;
	width:80%;
}
#navMap a{
	display: block;
	float: left;
	width:50%;
	height:40px;
	line-height: 40px;
	text-align:center;
	font-size: 1.1em;
	font-family: "DIN", sans-serif;
	background:#333;
	background:rgba(0,0,0,.5);
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	text-decoration:none;
}
#navMap a:hover{
	background:#000;
	background:rgba(0,0,0,.8);
	text-decoration:none;
}
#navMap a.prevStep{
	border-top-left-radius: 17px;
	border-bottom-left-radius: 17px;
}
#navMap a.nextStep{
	border-top-right-radius: 17px;
	border-bottom-right-radius: 17px;
}
#navMap a#goToPlane{
	margin-left:110px;
	border-radius: 17px;
}

/* TWITTER */
#outdiv {
    height: 205px;
    overflow: hidden;
    position: relative;
    width: 915px;
}

#iniframe {
    height: 1200px;
    left: -180px;
    position: absolute;
    top: -240px;
    width: 1280px;
}

/* NEWS TICKER */
.footer-twitter-icon{
    cursor:pointer;
    position:absolute;
    padding-left:3px;
    top:5px;
}

.footer-twitter-icon img{
    height:20px;
}

.footer-twitter-text{
    cursor:pointer;
    position:absolute;
    padding-left:40px;
    top:0px;
}

.footer-twitter-text span {
    color:#16c5ff; font-size:12px;
}

.footer-twitter-text a:hover.twitter{
    color:#16c5ff;
    text-decoration:underline;

}

#newsticker{
	position: fixed;
	z-index: 1000;
	left:0;
	bottom:0;
	height:36px;
	width:100%;
	line-height:36px;
	color: #fff;
    text-align: center;
    overflow: hidden;
    background: #666;
    font-family: "DIN", sans-serif;
}
#newsticker p{
    text-align: center;
    font-size:14px;
    margin-top:1px;
}
#newsticker .highlighted{
	font-weight: bold;
	font-size:1.1em;
	color:#F6B000;
}
#newsticker .time{
	color:#999;
	font-size: 0.9em;
}
#newsticker a{
	color:#fff;
	text-decoration:none;
    font-size:14px;
}
#newsticker a:hover{
    color:#F6B000;
 }

#newsticker .img{
    bottom:-10px
}


/* DIALOG BOX */
#dialog{
	display: none;
	overflow: auto;
	position: fixed;
	top:0;left:0;
	height:100%;width:100%;
	z-index:3000;
}
.dialog-background{
	background: rgba(0,0,0,.6);
	/*background: url('../img/bgDialog.png') repeat;*/
	position: fixed;
	top:0;left:0;
	height:100%;width:100%;
	z-index:3000;
}
.dialog-inner{
	display: none;
	position: relative;
	width:1000px;
	margin:6% auto;
	z-index:4000;
	-webkit-box-shadow:0 0 40px #000, 0 0 10px #000, 0 0 1px #000;
	-moz-box-shadow:0 0 40px #000, 0 0 10px #000, 0 0 1px #000;
	box-shadow:0 0 40px #000, 0 0 10px #000, 0 0 1px #000;
}
.dialog-inner img:hover{
	cursor: pointer;
}
.dialog-inner .dialog-close{
	top: -15px;
	left: 987px;
	position: absolute;
	z-index:9999;
}
.dialog-inner .dialog-close a{
	display: block;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.dialog-inner .dialog-close a:hover{
	background: #333;
}




#partners_acrossamerica_highlight img {
    border: 0;
    position:relative;
}
#partners_acrossamerica_highlight_mobile {
    display: none;
}

#timeline {
    background: #fff;
}
#container #timelineTitle {
    margin-top: 3em;
   color: #57585C;
    font-size: 2em;
    font-weight: normal;
    font-family: "DIN", sans-serif;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}
#more a {
    text-decoration: none;
    color: #047585;
}
#more:hover a {
    color: #999;
}
.rspace {
    border-right: 3px solid #ECECEC !important;
}
.bspace {
    border-bottom: 3px solid #ECECEC !important;
}


/**
 * panel
 */
#panel .item h3, #panel #items_small .item_small h3, #panel .item p, #panel #items_small .item_small p{
    color:#57585C;
}
#panel .item h3, #panel #items_small .item_small h3{
    margin-bottom: 0;
    font-size: 0.75em;
}
#panel .item p, #panel #items_small .item_small p{
    font-weight: bolder;
    font-size:1.7em;
}
#panel .item p span, #panel #items_small .item_small p span{
    font-weight: normal;
    font-size:0.5em;
}


#donateBtn{
	right:0px;
}



.storify {
    background: #fff;
    margin-bottom: 20px;
}

.storify-height-limit {
    height: 1375px;
    width:100%;
    overflow:auto;
}

.storify iframe {
    margin: 0 auto;
    overflow:auto;
}

#container_what_is {
    padding-bottom: 20px;
}




#join_us_popup .triangle {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0px 9px 11px 9px;
      border-color: transparent transparent #E35953 transparent;
      position: absolute;
      right: 6%;
      top: -11px;
  }
#join_us_popup{
    display: none;

    z-index: 100000;
    position: absolute;
    max-height: 300px;
    width: 200px;
    right: 0;
    top: 45px;
    padding: 8px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.6);
    box-shadow: 0px 2px 8px rgba(0,0,0,.6);
    color: #fff;
    background: #E35953;

    cursor: pointer;

    /*
    background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 49%);
    background-image: -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 49%);
    background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 49%);
    background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 49%);
    background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(255,255,255) 49%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(230,230,230)),
        color-stop(0.49, rgb(255,255,255))
    );
    */
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E35953), color-stop(1, #C33F38));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #E35953 0%, #C33F38 100%);
}



#ask_questions_popup .triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 11px 9px 0 9px;
    border-color: #C33F38 transparent transparent transparent;
    position: absolute;
    left: 68%;
    bottom: -11px;
}
#ask_questions_popup {
    display: none;

    z-index: 2;
    position: absolute;
    top: -46px;/*192px;*/
    margin-left: 190px;
    max-height: 100px;
    padding: 8px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.6);
    box-shadow: 0px 2px 8px rgba(0,0,0,.6);
    color: #fff;
    background: #E35953;

   /* cursor: pointer;*/

    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E35953), color-stop(1, #C33F38));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #E35953 0%, #C33F38 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #E35953 0%, #C33F38 100%);
}


#disqus_thread {
    height:1463px;
    max-height:1463px;
    overflow: auto;
    border: 1px solid #fff; /* dont remove */
    padding: 0 10px;
}


#mainMenu #languages {
    display: none;
}


.altitude_text{
	margin-bottom: 30px;
}
.altitude_text h2 {
   font-size: 1.3em !important;
    color: #57585C !important;
    font-family: "DIN",sans-serif;
    font-weight: normal;
}
.altitude_text p {
    color: #57585C !important;
    margin-bottom: 10px !important;
}

#chart_container {
    min-width: 400px;
    height: 500px;
    margin: 1em auto 40px auto;
}


/*
Tablet
*/
/*@media only screen and (min-width: 768px) and (max-width: 1024px) {
	body #container, body #header-ressource, body .centering{
		width: 960px;
	}
	#container .block{
		min-height:324px;
		width:578px;
	}
	#container .right{
		width:358px;
	}
}*/
@media screen and (orientation:landscape) and (min-width: 0px) and (max-width: 767px) {
	#live{
		height: 250px;
	}
}

/* adaptation css pour les tablettes */
@media only screen and (min-device-width: 481px) and (max-device-width: 992px)
{
    html { -webkit-text-size-adjust: 70%; }

    #logbook-intro { line-height:1.9 !important;}
    .flux-content p { line-height:1.9 !important;}

    .panel-leg-info { margin-bottom:20px !important;}
    #panel-flight-flag { margin-top:6px !important;}
    #panel-flight-info { -webkit-text-size-adjust: 50%; }
    #time-elapsed { -webkit-text-size-adjust: 50%; line-height:1.9 !important; }
    #flight-wrapup-leg-info-value-percent { -webkit-text-size-adjust: 50%; line-height:1.7 !important; }
    .flight-wrapup-leg-info-value { -webkit-text-size-adjust: 50%; line-height:1.7 !important; }
    .flight-wrapup-timeline-info {line-height:1.3 !important; }

    #time-elapsed-piloth-health { -webkit-text-size-adjust: 50%; line-height:1.5 !important; }
    #pilot-health-rest-time span { -webkit-text-size-adjust: 50%; }
    .pilot-health-ressources-quantity { -webkit-text-size-adjust: 50%; line-height:1.7 !important;}
    .pilot-health-title-section { -webkit-text-size-adjust: 60%; line-height:1.7 !important;}

    .rtw-wrapup-time-since-departure-value { -webkit-text-size-adjust: 50%; }
    .rtw-wrapup-time-since-departure-bloc { line-height:1.5 !important; }
    .rtw-wrapup-info-value-bloc { margin:0 0 20px 20px !important;}
    .rtw-wrapup-info { padding:12px 0 !important;}

    #energy-chain-value-solar-cell { line-height:1.9 !important;}
    #energy-chain-value-batteries { line-height:1.9 !important;}
    #energy-chain-value-total { line-height:1.9 !important;}
    #energy-chain-sun-scale-value p { line-height:1.9 !important;}
    #energy-chain-sun-angle { -webkit-text-size-adjust: 50%; }

    .flight-wrapup-energy-info-value {  zoom: 0.7 !important; line-height:1.5 !important; }
    .flight-wrapup-energy-info-value-small {  zoom: 0.7 !important; line-height:1.5 !important; }
    #flight-wrapup-last-tweet { line-height:1.5 !important; width:514px !important;}
    #flight-wrapup-gps { line-height:1.5 !important; }
}

/*
Smartphones
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {

    #container {
        background: none !important;
    }
	#bg_image_holder{
		display: none;
	}
    #disqus_thread {
        display: none;
    }
    #twitter_widget {
        display: none;
    }
    #fb_widget {
        display: none;
    }
    #google_plus_widget {
        display: none;
    }
    #youtube_playlist {
        display: none;
    }
    #container_what_is {
        display: none;
    }
    #streetview {
        display: none;
    }
    .bs-docs-social {
        display: none;
    }
    #nav-right {
        display: none;
    }

    /* NEWS TICKER */
    .footer-twitter-icon{
        cursor:pointer;
        position:absolute;
        padding-left:3px;
        top:3px;
    }

    .footer-twitter-icon img{
        height:17px;
    }

    .footer-twitter-text{
        cursor:pointer;
        position:absolute;
        padding-left:35px;
        top:-1px;
    }

    .footer-twitter-text span {
        color:#16c5ff;
        font-size: 0.7em;
    }

    .footer-twitter-text a:hover.twitter{
        color:#16c5ff;
        text-decoration:underline;

    }

	#newsticker {
		height: 25px;
		line-height: 26px;
	}
	#newsticker p{
		font-size: 0.6em;
	}
    #countdown-video {
        display: block;
        float: none;
        width:93%;
        margin-left:auto;
        margin-right:auto;
    }
    #countdown-video>p {
        width: 99%;
        padding: .5em 0 .5em 1%;
    }

	.informations{
		display:none;
	}


	.right{
	}
	#thx_akamai_infomaniak {
		display: none;
	}
	.altitude_text{
		display: none;
	}
	#c3 img{
		display: none;
	}
	#wrapperMenu{
		display: none;
	}
    #header-resource {
        position: absolute;
        padding-top: 15px;
    }
    #content, #content_head,
	body #container, body #header-ressource, body .centering{
		width: 100%;
	}
	body #container{
		margin-top:60px;
		margin-left:auto;
		margin-right:auto;
	}
    /*
	iframe{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		max-height: 100%;
	}
	*/
    #container .event_name,
	#container h1{
		display: block;
		width:93%;
		margin-left:auto;
		margin-right:auto;
		font-size: 1.2em;
	}
    #container h1.title_desktop {
        display: none;
    }
    #container h1.title_mobile {
        display: block;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
	#container .block{
		float: none;
		width:93%;
		min-height:140px;
		margin-left:auto;
		margin-right:auto;
	}
	#container .block.right{
		width:93%;
		margin-left: auto;
		margin-right: auto;
	}

    #omega_timer {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
    }


	#container2, .share_bt_media{
		display: none;
	}

	/* HEADER */
	#header{
		width: auto;
		height: 65px;
	}
	#header #logo{
		margin-top: 10px;
	}
	#anideaborninswitzerland_aa, #menu-resource, #headerMenu {
		display: none;
	}
    #headerSponsors {
        padding-bottom: 10px;
    }
    #headerSponsors,
    #header .right {
        float: left;
    }
	/* PANEL */
	#container #panel{
		height:275px;
	}
	#panel .isolator{
		display: none;
	}
	#panel .item{
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		/*text-align: center;*/
	}
	#panel .item p{
		font-size: 1.6em;
	}
	#panel .item h3, #panel #items_small .item_small h3 {
		font-size: 0.68em;
	}
	#panel #items_small{
		padding: 13px 10px;
		font-size:0.8em;
	}
	#panel #items_small .item_small h3{
		font-size:0.8em;
		display: block;
		height: 35px;
	}
	#panel #cadrans{
		padding: 5px 10px;
	}
	#panel #cadrans h3, #panel #cadrans p {
		padding-left: 0px;
	}
	#panel #items_small .item_small{
		height:55px;
		width: auto;
	}
	#panel #items_small #speed, #panel #items_small #temperature{
		width:50%;
	}
	#panel #items_small #speed p, #panel #items_small #temperature p{
		margin-top: -20px;
	}
	#panel #items_small #solar_generator, #panel #items_small #batteries, #panel #items_small #engine_power{
		width: 33%;
	}
	#panel #items_small #solar_generator h3, #panel #items_small #batteries h3, #panel #items_small #engine_power h3{
		width: 60%;
	}
	#panel #items_small #solar_generator p, #panel #items_small #batteries p, #panel #items_small #engine_power p{
		clear: left;
	}
	#panel hr.hr2 {
		margin: 28px 0px 15px 0px;
	}
	#panel hr.hr2.forMobile {
		display: none;
	}
	#panel hr{
		margin:65px 10px 2px 10px
	}
	/* LIVE */
	#live{
		overflow: hidden;
		margin-top: 0px;
	}
	.enlargeModule{
		display: none;
		z-index: -1;
	}


    #stream_infomaniak_link {
        float: none;
        position: inherit;
        margin-bottom: 15px;
    }
    #stream_infomaniak_link a {
        color: #000;
    }

	/* CHAT */
	#container #chat{
		min-height:335px;
	}
	.virtual#container #chat{
    	min-height: 450px !important;
    	overflow-y: auto !important;
	}

	#ask_questions_popup{
		display: none !important;
	}
	/* MAP */
	#map_old{
		height:250px;
	}
	#map_old a.topPos{
		display: none;
	}
	#navMap {
		top:80%;
	}
	#navMap a{
		font-size: 0.9em;
	}
	/* YOUTUBE PLAYLIST */
	#container #youtube_playlist{
		min-height: 300px;
	}
	/* CONTAINER CHAT AND TIMER */
	#container #timer_and_chat{
		float: none;
		width: auto;
	}

	/* NEWS TICKER */
	/*#newsticker{

		position: fixed;
		width: 100%;
	}
	#newsticker div{
		width: auto;

		border: 0px solid #264659;
		-webkit-box-shadow: 0px 0px 0px #222;
		-moz-box-shadow: 0px 0px 0px #222;
		box-shadow: 0px 0px 0px #222;
	}*/

	#social-sharing {
		display: none;
	}

	/* ALERT */
	#alert {
		display: none;
	}

	/* TIMELINE */
	#timeline {
		margin-bottom: 30px;
		margin-top: 50px;
	}
	#timeline h2{
		display: none;
	}

    #partners_acrossamerica_highlight_mobile {
        display: block;
        text-align: center;
    }
	#partners_acrossamerica_highlight, #chart_container, #footer_container, #footer_bottom_container{
		display: none;
	}

	.small{
		display: none;
	}
	#milestones_list{
		width: 100%;
		display: none;
	}
	#milestones_list li{
		padding: 0.5em 0 0.5em 0.5em;
	}
	.milestones_list_title {
		font-size: 1.0em;
		font-weight: normal;
		margin-left: 1em;
	}
	.milestones_list_title img {
		margin-right: 1em;
	}
	.milestones_list_gps_altitude{
		display: none;
	}
	.highslide-wrapper{
		width: 270px !important;
	}
	.highslide-html{
		width: 100% !important;
	}

}
/* End mobile */

/* New CSS for RTW ----------- */

#top-header {
    background-color:transparent;
    position: fixed;
    width:100%;
    z-index:200;
}

.bottom-footer {
    /*pointer-events: none;*/
    padding: 0;
    background-color: transparent;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 998;
    /* AFFICHAGE DES PARTNERS SUR LOADING SCREEN => 10000 */
    /* box-shadow: 0px -30px 40px 0px rgba(0, 0, 0, 0.2) inset; */
}

#footer-an-idea { padding: 0 0 7px 17px; text-transform: none; font-size: 18px; }
#main-partners-footer { padding: 0 0 20px 17px;  float: right;  margin-right: calc(((100% - 980px) / 2) - 168px); }
#official-partners-footer { padding: 10px 0 10px 0; width: 890px; text-align:center; height:100%; float:left; }
.official-partners-footer-extra-shadow {background: #37585d; }

.top-header-main-menu {
    position: fixed;
    width:100%;
    z-index:200;
    padding-bottom:10px;
}

.bottom-timeline{
    background-color:transparent;
    position: fixed;
    width:100%;
    z-index:9998;
    bottom:0;
    padding:0px !important;
    margin:0px !important;
}

.timeline-bloc {
    width:80%;
    float:left;
    padding-top: 10px;
    min-width: 80px;
}
.timeline {
    background-color:#ffca00;
    height:5px;
    display:inline-block;
    float:left;
    padding-top:5px;
    width:100%;
}

.end-timeline-bloc {
    float:left;
}

.end-timeline {
    background-color:#ffca00;
    height:15px;
    width:5px;
    display:inline-block;
    float:left;
}

.timeline-percent-bloc {
    float:left;
}

.timeline-percent {
    color: #ffca00;
    margin: 0 0 0 10px;
    font-size: 13px;
    line-height: 13px;
    text-shadow: 1px 1px 0 black;
}


.timeline-distance-bloc {
    float:right;
    margin-right:2px;
}

.timeline-distance {
    color: #ffca00;
    margin: 0 0 0 10px;
    font-size: 13px;
    line-height: 13px;
    text-shadow: 1px 1px 0 black;
}

.timeline-leg-bloc {
    margin: 0 0 0px 92px;
}
.timeline-leg {
    text-transform: uppercase;
    color:#ffca00;
    padding-left:5px;
    font-size:13px;
    line-height: 0px;
    text-shadow: 1px 1px 0 black;
}


#logo img {
    width: 310px;
    margin: 0 !important;
}

#petition { text-align:right; }

#petition-nbr {
    font-size:40px;
    color:#ffca00;
    display:inline-block;
    text-shadow: 1px 1px 0 black;
}

#petition-btn {
    line-height: 20px;
    font-size:20px;
    color:#ffca00;
    border-style: solid;
    border-width:1px;
    width:100px;
    margin:7px 0 0 20px;
    text-align:center;
    display:inline-block;
}

#map {
    height: 100%;
    width: 100%;
    position: fixed !important;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}



.tweet-button {
    background-color:#2b2b2b;
    color:#ffca00;
    border-radius: 0 !important;
    border:1px solid #2b2b2b !important;
}

.tweet-button:hover{
    background-color:#ffca00;
    color:#2b2b2b;
    border-radius: 0 !important;
    border:1px solid #2b2b2b !important;
}

.form-control {
    border-radius: 0 !important;
    border-color: #2b2b2b !important;
}
/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 120px;
}

#sidebar-wrapper {
    text-align:center;
    z-index: 1000;
    position: fixed;
    left: 120px;
    width: 0;
    height: 100%;
    margin-left: -120px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 120px;
    text-align:center;
}

#page-content-wrapper {
    width: 100%;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -120px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 120px;
    margin: 0;
    padding: 0;
    list-style: none;

}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}


.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

#menu-circle{
    background:transparent;
    border-radius:50%;
    width:70px;
    height:70px;
    border:1px solid #aeaeae;
    color: #aeaeae;
    font-size:30px;
    margin-left:20px;
    padding:14px 0 0 4px;
}

/****
 Landed web site
***/

.leg-bloc {
    text-align: center;
    padding-top:400px;
}
.legs-infos {
    text-align:center;
    padding-top:200px;
}

.leg-name {
    display: block;
    font-size: 70px;
    color: #fff;
    font-weight: 100;
    text-shadow: 1px 1px 0 black;
    text-transform: uppercase;
}

.leg-subtitle {
    line-height: 0.2;
    display: block;
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    text-shadow: 1px 1px 0 black;
    text-transform: uppercase;
}

.departure-airport {
    text-align:right;
    color:#fff;
    font-size:30px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 black;
}

.total-distance {
    text-align:center;
    color:#fff;
    font-size:30px;
    text-shadow: 1px 1px 0 black;
}

.total-time {
    text-align:center;
    color:#fff;
    font-size:30px;
    text-shadow: 1px 1px 0 black;
}

.arrival-airport {
    text-align:left;
    color:#fff;
    font-size:30px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 black;
}

.separator {
    color: #fff;
    background-color: #fff;
    height: 2px;

    -moz-box-shadow: 0px 1px 0px #000;
    -webkit-box-shadow: 0px 1px 0px #000;
    box-shadow: 0px 1px 0px #000;
}

.departure-flag {
    text-align:right;
}

.arrival-flag {
    text-align:left;
 }


.menu-landed {
    text-transform: uppercase;
    font-size:20px;
}

.menu-landed-item {
    padding: 5px 30px;
}

.navbar-inverse {
    background:rgb(0,0,0) !important;
    background: transparent\9 !important;
    background:rgba(0,0,0,0.7) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000) !important;
    zoom: 1 !important;
}

/*******************************
    INFO CARD
*******************************/
.link-infocard {
    color:Red !important;
}

#info-card-block {
    position: absolute;
    width: 100%;
    text-align:right;
}

.info-card-button {
    padding-left:10px;
    color:#ffca00;
}

.info-card-button:hover i {
    color:#fff;
    cursor:pointer;
}



#info-card-container {
    height: 100%;
    /*display:none;*/
}

#info-card-background {
    position:fixed;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
    width: 100%;
    height: 100%;
}

#info-card {
    display:none;
    position:fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
}

#info-card-content-bloc {
    overflow-y: scroll;
    overflow-x: hidden;
    background-color:#fff;
    height:100%;
    padding: 0;
    text-transform: none;
}

.info-card-previous-button {
    display:none;
    margin-top:calc(50% - 100px);
    text-align: left;
    cursor:pointer;
}

#info-card-next-button {
    display:none;
    text-align: right;
    cursor:pointer;
}

#info-card-content {
    padding: 30px 80px 30px 30px;
    text-transform: none;
}

#info-card-title {
    color: #fff;
    background: #b4d4d8;
    font-size:24px;
    padding: 5px 7px 2px 7px;
}
#info-card-subtitle {
    font-size:30px;
}
#info-card-subtitle p {
    color: #047585 !important;
    font-family: inherit;
}


#info-card-content p.intro-text {
    font-family: inherit;
    font-weight: bold;
}
#info-card-content p {
    color: #808080;
}

#info-card em {
    border-left: 1px solid #047585;
    color: #047585 !important;
    padding-left: 10px;
    display: inline-block;
    font-style: normal;
}

.info-card-next-close-button {
    margin-top:calc(50% - 100px);
}

#info-card-close {
    position: absolute;
    margin-left: -64px;
    margin-top: -500%;
    color: #fff;
    font-weight: lighter;
    padding: 5px;
    font-size: 64px;
    line-height: 50px;
    z-index: 100000;

    overflow: visible;
    cursor: pointer;
    background: #505153;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 1px 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* SLIDER */

#banner-fade {
    max-width: 100% !important;
}

#banner-slide{
    margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
    display:block;
    padding:10px;
    background:#fff;
    color:#000;
    text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}

ol.bjqs-markers li a{
    padding: 1px 3px;
    line-height: 13px;
    background: rgba(255, 255, 255, 0.5);
    color:transparent !important;
    margin:5px;
    text-decoration: none;
    border-radius: 100%;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
    background: #fff;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{display: none;list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{
    text-align: left;
    margin-left: 14px;
    position: relative !important;
    top: -43px;
    left: 0 !important;
}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{
    display: block;
    width: 100%;
    margin: 0;
    padding:2% 2% 55px 2%;
    position: absolute;
    bottom: 0;
    background-color: #047585;
    background: rgba(4, 117, 133);
    background: transparent\9;
    background: rgba(4, 117, 133, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2047585,endColorstr=#b2047585);
    color: #ccc;
}

/************************
    LOGBOOK
************************/
.logbooks h3 {
    color: #57585C;
    text-align:left;
    font-weight:100 !important;
    font-size: 13px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

.logbook-highlighted h3{
    color: #37585D !important;
}
.flux-content-2 h3{
    margin: 20px 0px 10px 0px;
}




#logbook-intro {
    padding:30px 40px 20px 40px;
    text-transform: none;
    background: #fff;
}
#logbook-intro h1 { font-size:45px; color:#047585; }
#logbook-intro h2 { font-weight:100 !important; line-height: 0.7; color: #37585D; margin: 0 0 20px 0 !important; }
#logbook-intro h2 span.highlight { font-weight: 100 !important; text-decoration: none !important; }


#logbook-intro,
#logbook-container p {
    font-weight: lighter;
    text-transform: none;
}

#fic-pub.bloc {

    width:100px;
    margin:0 10px; /* espacement horizontal des blocs */
    border:1px solid #fff;
    display:inline-block;
    vertical-align:middle;
    text-align:left; /* on rétablit l'alignement du texte */
}

#fic-pub { position: fixed; width: 890px; bottom: 61px; z-index: 9; text-align:center; padding:20px 0; background: #007586 url('../img/get_updates/SI_banners_recrutement_whatsnext.jpg'); background-size: cover; background-position: center 0; }
.fic-pub-bloc {  margin:0 10px;  display:inline-block;  vertical-align:middle;  text-align:left;  }
#fic-pub-close { display: none; color:#fff; position: absolute; right:5px; top:5px; font-size:18px;}
#fic-pub-close:hover { cursor:pointer; color:#000; }
#fic-pub-text { margin:0 40px; color:#fff; font-size:21px; }
#fic-pub-btn { margin-left:30px; background-color:#ffca00; border:1px solid #ffca00;  padding:8px 10px 5px 10px; text-transform: uppercase; color:#fff; }
#fic-pub-btn:hover { cursor:pointer; background-color:#fff;  border:1px solid #ffca00; color:#ffca00;}

.banner-fic { margin-top:35px;}
.banner-fic-widget { margin-bottom:30px;}
#logbook-intro-pilot { text-align:left;}
#logbook-intro-pilot-flying { margin: 0 15px 0 15px; position: relative; float: left; }
#logbook-intro-pilot-flying img {  height:140px; width: 108px;}
#logbook-intro-pilot-notflying { margin-right: 15px; position: relative; float: left; }
#logbook-intro-pilot-notflying img { height:140px; }
#logbook-intro-pilot-flying-info { font-size:13px; position:absolute; top:0; padding: 2px 5px; color:#fff; background: #ffca00; }
#logbook-intro-pilot-flying-name { line-height:1; padding:3px; width:100%; background-color:#ffca00; position: absolute; bottom:0; font-size:13px; color:#fff; text-transform: none;  }
#logbook-intro-pilot-notflying-name { line-height:1; padding:3px; width:100%; background-color:rgba(4, 117, 133, 0.7); position: absolute; bottom:0; font-size:13px; color:#fff; text-transform: none;  }
#logbook-intro-flight-info table { color:#fff; }
#logbook-intro-flight-info td { padding:0 10px;}
#logbook-intro-flight-info td.value { text-transform: none;}
#logbook-intro-flight-share { margin: 20px 0 0 10px;   display: -webkit-inline-box; }
#gigya-sharebar-btn:hover { cursor:pointer; color:#ffca00; }


#logbook-intro-flight-share i { margin-right:10px;}
#logbook-container {
    overflow: visible;
}
.logbook-niveau-2 { padding-left:150px;}
.logbook-niveau-2 .logbook-list-thumbnail { width:235px;}
.logbook-niveau-2 .tweet-pix { width:235px;}
.animated_gif_2{height: 185px; overflow: hidden;}
.logbook-niveau-2 .trait-timeline {
    height: 1px;
    width: 175px;
    border-bottom: 1px solid #999;
    margin-left: -190px;
    position: absolute;
    top: 5px;
}

#logbooks-bloc-2 { padding-right: 0;}
.logbook-niveau-2 .flux-message { padding-right:0; }


.milestone_2 { display: inline-block;  width: 100%; }
.milestone_3 { display: inline-block;  width: 100%; }

#logbooks-bloc {
    background-color: #fff;
    padding-top: 30px;
}
#logbooks-content {
    padding-left: 25px;
    margin-bottom: 100px;
    float: none;
    border-left:1px solid #999;
    display: inline-block;
}
.logbook {
    clear: both;
}
#load-more-when-zoomed {
    display: none;
    margin-left: 25px;
    color: #ffca00;
    font-size: 2em;
    cursor: pointer;
}
#load-more-when-zoomed:hover {
    color: #fff;
}

.logbook_html { text-transform:none; padding-right:15px;}

#infscr-loading {
    padding-top: 60px;
    padding-bottom: 60px;
    color: #ffca00;
    text-align: center;
}
#infscr-loading img {
    margin-bottom: 10px;
}

.logbook_content {
    margin: 0px;
    /*font-size: 16px !important;*/
    line-height: 24px;
    text-transform: none;
    max-width: 374px;
}

@media (max-width: 450px) {
    .logbook_content {
        max-width: 330px;
    }
}

.logbook_content p { color:#999; word-wrap:break-word;}

.logbook_title { color:#57585C; text-transform:none !important; font-size: 23px; padding-top: 0px; margin-top: 0px;}
.logbook_title_niveau1{cursor: pointer;}
h4.logbook_title_niveau1{color:#047585;}
h4.logbook_title_niveau1:hover{color:#000;}
.logbook_title span.highlight { text-decoration: none !important; }
.logbook-highlighted .logbook_title{color:#37585D !important;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color:#007586;
}
#tab-navigation { width:890px; z-index: 9; text-transform: capitalize;  font-size: inherit; border-bottom:1px solid #37585D; background-color:#37585D; }
#tab-navigation-alias { display: none; height: 47px; }
#tab-navigation>li { background-color:#37585D; margin-bottom: -1px;}
#tab-navigation>li.active>a { border-radius: 0; color:#000 !important; border: 1px solid white;}
#tab-navigation>li>a { margin-right:0; padding: 10px 40px; border-radius: 0; color:#fff !important;}
#tab-navigation>li>a>span.caret {  display: inline-block; width: 0; height: 0; margin-left: 9px; vertical-align: middle; border-top: 7px solid; border-right: 7px solid transparent; border-left: 7px solid transparent; margin-top: -1px; }
#tab-navigation>li#profile-mobile { padding: 10px 107px; border-radius: 0; color:#fff !important;
    background-repeat: no-repeat; background-origin: content-box; background-size: 20%; background-position: 50%;
    min-height: 30px;
}
#tab-navigation>li>a:hover { border-color: rgba(255, 255, 255,0); border-radius: 0; background:rgba(255, 255, 255,0.5); }
#tab-navigation>li>a:focus, #tab-navigation>li.open>a, #tab-navigation>li.open>a:focus, #tab-navigation>li.open>a:hover { border-color: rgba(255, 255, 255,0); border-radius: 0; background:rgba(255, 255, 255,0.5); }
#tab-navigation>li.active>a:hover { border-radius: 0; background:rgba(255, 255, 255,1);  }
#tab-navigation>li>a:hover .caret { color: #fff; }

#logbook-refresh {
    display: none;
    margin-left: .5em;
    cursor: pointer;
}


#dropdown-widgets .dropdown-toggle, #dropdown-gallery .dropdown-toggle{ cursor: pointer }
#dropdown-widgets.active>a:hover .caret, #dropdown-gallery.active>a:hover .caret { color: #000!important; }
.tab-content { padding:0;  background-color: #fff;
}
.nav-tabs .dropdown-menu { width:100%; font-size: 18px; }
.nav-tabs .dropdown-menu>li>a {     padding-top: 10px;  padding-bottom: 10px; }
#tab-panel-comments { margin-top:80px;}
/************************
    YOUR IMPULSE
************************/
#your-impulse-panel {height:480px; text-align:center;}
#your-impulse-header { text-align:center; width:100%; padding-top:70px;}
#your-impulse {  text-transform:none; text-align:left; padding:40px; color:#fff;}
#your-impulse p {  margin-bottom:15px;}
#your-impulse i {  margin-right:10px;}
.your-impulse-title { font-size:22px; color:#ffca00; font-weight:700; margin: 20px 0 !important;}
#your-impulse-title-first { margin-top: 0 !important;}
#gigya-sharebar-join-us {   margin-bottom: 30px; }
.iframe-supporters { padding:0 !important; }
#your-impulse-intro { font-size:18px; }
#your-impulse.bloc {  margin-bottom:30px;}
.your-impulse-drop-bloc { padding:0 !important; margin:20px 0 !important;}
.your-impulse-drop-bloc-close { display:none; margin-bottom:30px;}
.your-impulse-drop { text-align:left; padding:35px 0 35px 30px; width:calc(100% - 97px); background-color:#202020; border:1px solid #4d4d4d; float:left;}
.your-impulse-drop span { text-transform:uppercase; font-size:19px; color:#ffca00;}
.your-impulse-drop-button { cursor:pointer; text-align:center; padding:24px 0; width:97px; height:99px; background-color:#ffca00; border:1px solid #ffca00; float:left; }
.your-impulse-drop-button span { text-transform:uppercase; font-size:35px; color:#000;}
.your-impulse-drop-button-fake { cursor:pointer; text-align:center; padding:37px 0 0 12px; width:97px; height:99px; background-color:#ffca00; border:1px solid #ffca00; float:left; }
.your-impulse-drop-button-fake span { text-transform:uppercase; font-size:23px; color:#000;}
.your-impulse-header-roundedImage {
    box-shadow: 0 0 34px 26px rgba(0, 0, 0, 0.3);
    -moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat: no-repeat;
    overflow:hidden;
    -webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
    width:200px;
    height:200px;
    margin: auto !important;
    border:3px solid #fff;
    left: calc(50% - 75px);
}
#your-impulse-already_account { font-size:18px; padding: 9px; margin-bottom: 40px !important;}
#your-impulse-gigya-login-btn { margin-right: 20px;float: left;}
#your-impulse-header-info-user { line-height:1; margin-top:15px;}
#your-impulse-header-info-ranking {  color:#ffca00; line-height:1; margin-top:15px;}
#your-impulse-header-total { display:none; font-weight:700; font-size:15px; margin-top: 37px; color:#ffca00; line-height: 1;}
#your-impulse-header-left { display:none; font-weight:700; font-size:15px; color:#fff;line-height: 1;}
#your-impulse-header-worldwide-rank { display:none; font-weight:700; font-size:15px; color:#fff;line-height: 1;}
#your-impulse-profile { text-transform:none; text-align:left; padding:40px; color:#fff;}
#your-impulse-profile p {  margin-bottom:30px;}
#your-impulse-profile i {  margin-right:10px;}
#your-impulse-profile-intro { font-size:18px; }
#your-impulse-profile.bloc {  margin-bottom:30px;}
#your-impulse-activity-feed { }
#your-impulse-logout { z-index: 9; opacity:1; position: absolute; left: calc(50% + 18px); top: 61px; }
#your-impulse-logout:hover { opacity:1 !important; }
#your-impulse-edit { z-index: 9; opacity:1; position: absolute; left: calc(50% + 57px); top: 90px; }
#your-impulse-edit:hover { opacity:1; }
#your-impulse-logout-btn {cursor:pointer; color:#555; width: 40px; height: 40px; background-color: #fff; border-radius: 20px;  padding-top: 8px; font-size: 20px; text-align: center; }
#your-impulse-edit-btn {cursor:pointer; color:#555; width: 40px; height: 40px; background-color: #fff; border-radius: 20px;  padding-top: 8px; font-size: 20px; text-align: center; }
#your-impulse-supporters {text-align:center;}
#your-impulse-supporters i {margin-right:6px; font-size:15px;}
#your-impulse-supporters-close-btn {margin-top:10px;}
.impulse-challenge-bloc { margin:0 !important;}
.impulse-challenge-icon { float: left; margin-right:20px;}
.impulse-challenge-title { color:#ffca00; text-transform:uppercase; font-size:18px;}
.impulse-challenge-description { display: block; }
.impulse-challenge-points { color: #000; padding: 7px 14px; background-color: #ffca00; font-weight: 700; margin: 10px 0 30px 0; display: -webkit-inline-box; }
#your-impulse iframe {  border: 0 ;}


#badge-shop {padding:0 0 20px 0 !important;}
.ColBtn { text-align:center; padding: 10px 0 !important;}
.ColBtn input[type="submit"] { margin-top:10px; background-color:#ffca00; text-transform: uppercase; color:#000;}
.ColBtn form table { float: none !important; width: 100%;}
.threeCol p { margin-bottom:15px !important;}

.impulse-badge-bloc { margin:0 0 20px 0 !important;}
.impulse-badge-icon { float: left; margin-right:20px;}
.impulse-badge-title { color:#ffca00; text-transform:uppercase; font-size:18px;}

#get-solar-cell { display:block; }
#get-solar-cell img { width:100%; margin-bottom:10px; }
#get-solar-cell-intro { font-size:22px;}
#get-pilot-badge { display:block; }
#get-pilot-badge-intro { font-size:22px;}

#your-impulse-profile-challenge { display:block; }
#your-impulse-profile-badge { display:block; }

/************************
    GALLERY
************************/
#gallery-bloc { margin:0px 0 200px; 0; padding:0 !important; }
#gallery-bloc-mobile { margin:0px 0 200px; 0; padding:0 !important; }
.videothumb-container { height:285px; width:100%;}
#content-gallery-leg-list{position: relative;}
#gallery-leg-list { position: absolute; z-index: 9; background-color: #ffca00; color:#000; display:none; padding: 10px; left: 40px; top: 93px; }
#gallery-leg-list>ul>li{display: block; margin: 0px !important; padding: 0px !important; height: 25px;}
#gallery-navigation  {list-style: none; margin:0; padding:4px;}
#gallery-navigation .active {color:#fff;}
#gallery-navigation>li:hover {color:#fff; cursor:pointer;}
#gallery-navigation>li strong {margin-left:30px;}
.square-thumb {
    width: 100% !important;
    height: 285px !important;
    padding:0 !important;
    margin:0 !important;
}
.nailthumb-title { color:#ffca00 !important; }


/************************
    TICKER
************************/
.ticker { height: 25px; padding-top: 5px; }



/************************
    LIKE US POPUP
************************/

#likeus-box-background { display: none; background:rgba(0,0,0,0.5); z-index:9999999; position:fixed; height:100%; width:100%; text-align:Center;}
#likeus-box-bloc { width:720px;
    height: 420px;
    text-align:left;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}
#likeus-box-content { padding:30px; background-color:#000; }
.likeus-box-title { font-size:20px; color:#ffca00;}
#likeus-box-content p { font-size:18px; color:#fff; text-transform: none;}
#likeus-box-close { font-size:20px; width:720px; text-align:right; color:#ffca00;}
#likeus-box-close i:hover {cursor:pointer; color:#fff;}
#likeus-box-share-voice-btn {  font-weight:700; display: table-cell; background-color:#ffca00; color:#000; padding:7px 20px 5px 20px; margin-top: 10px; font-size:15px;}
#likeus-box-share-voice-btn:hover { background-color:#ffca00; color:#fff; cursor:pointer; }
#likeus-box-share-button { float:left; }
#likeus-box-share-bloc { margin:10px 0px 20px 150px;}


.likeus-yellow{
    font-size: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #FFCB00;
}
.likeus-white{
    display: block;
    text-align: center;
}
.likeus-box-share-voice-btn-red{
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.likeus-box-share-voice-btn-red a {
    display: inline-block;
    background: #FF2D00;
    padding: 5px; 
    color: white !important;
}

.likeus-box-content p{
    text-align: center;
}

/*Gallerie image*/
.gallery-entite-hidden{
    height: 100%;
    width: 100%;
    position: absolute;
    top:0px;
    left:0px;
    display: none;
}
.blue-gallery{
    height: 100%;
    width: 100%;
    background: #047585;
    opacity: 0.8;
    cursor: pointer;

}
.title-credit-gallery{
    position: absolute;
    top:0px;
    left: 0px;
    padding: 10px;
    color: white;
    cursor: pointer;
}
.title-credit-gallery  .title-gallery{
    display: block;
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
    cursor: pointer;
}
.title-credit-gallery .credit-gallery{
    display: block;
    font-size: 12px;
}
.view-picture{
    position: absolute;
    bottom:0px;
    left: 0px;
    padding: 10px;
    color: white;
    width:100%;
    cursor: pointer;
}
.view-picture span{
    display: block;
    background: white;
    text-align: center;
    color: #047585;
    font-size: 21px;
    font-weight: bold;
    line-height: 35px;
}
/*OTHER VIDEOS PHOTOS FROM PAST LEGS*/
#DivPastLegs{
    color: white;
    text-align: center;
    margin: 20px 0px;
}
.SpanPastLegsActif{
    cursor: pointer;
}
.SpanPastLegs{
    font-size: 21px;
    font-weight: bold;
}
#gallery-bloc-suite{
    margin-top: -68px !important;
    padding: 0px !important;
    margin-bottom: 200px;
}
#share-joinus div{
    float: left;
    margin-left: 20px;
}

.PhotoPilote{
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
.PhotoPilote img{
    width:25px;
    height: 25px;
    border-radius: 999999px;
}
.hover_time{
    display: none;
}

#logbook-scroll {
    display: none;
    text-align: center; color: black; }
#logbook-scroll>i
{
    font-size: 2em;
    margin-top: 10px;
    animation-duration: 0.4s;
    animation-name: logbookscroll;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes logbookscroll {
    from {
        -ms-transform: translateY(0); /* IE 9 */
        -webkit-transform: translateY(0); /* Chrome, Safari, Opera */
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
        transform: translateY(-7px);
    }
}

.logbook-list-thumbnail{
    width: 400px;
    margin-right:30px;
    float: left;
    min-height:250px;
}

.logbook-list-thumbnail img {
    width: 100%;
}
.logbook-readmore{
    color : #37585D !important;
}
.logbook-more-update { margin: 40px 0 20px -40px; }
.logbook-more-update-video { margin: -5px 0 20px -40px !important; }
.logbook-more-update-span { text-transform: initial;}


.logbook-more-update span.logbook-more-update-span{
    display: inline;
    /*line-height: 20px;*/
    padding: 5px 0 5px 40px;
    background-image: url(../img/logbook-more-updates-3.svg);
    background-position: 9px 0;
    -ms-background-position-x: -10000px !important;
    background-repeat: no-repeat;
    cursor: pointer;
    /*font-size: 17px !important;*/
    margin-left:-6px;
    color: #047585;
}
.logbook-more-update span.logbook-more-update-span:hover{
    color: #000;
}
.logbook-more-update span.logbook-more-update-span.remove-background, .logbook-more-update-span-true {
    background: none !important;
}

span.logbook-more-update-span span.opened{
    display: none;
}

.logbook-more-update-loader{
    display: none;
    color: #047585;
    font-size: 20px;
    margin-left: 15px;
}

.logbook-timeline-image{
    width:25px;
    height: 25px;
    position: absolute;
    top:0;
    left:-26px;
}

.logbook-timeline-image-first{background: url(../img/logbook-timeline-first.png) top left no-repeat;}
.logbook-timeline-image-middle{background: url(../img/logbook-timeline-middle.png) top left no-repeat;}
.logbook-timeline-image-last{background: url(../img/logbook-timeline-last.png) top left no-repeat;}

.flux-content-2{
    position: relative;
}
.flux-content-2 img { max-width:100% !important;}
.flux-content-2 iframe { max-width:100% !important; max-height:340px;}
.logbook-timeline-image-2{
    width:40px;
    height: 25px;
    position: absolute;
    top:0;
    left:-41px;
}

.loading-readmore-infowindow{
    display: none;
    color: #047585;
}

/*.logbook-timeline-image-2-first{background: url(../img/logbook-timeline-first-2.png) top left no-repeat;}*/
/*.logbook-timeline-image-2-middle{background: url(../img/logbook-timeline-middle-2.png) top left no-repeat;}*/
/*.logbook-timeline-image-2-last{background: url(../img/logbook-timeline-last-2.png) top left no-repeat;}*/




/**
 * dashboard
 */
#dashboard-container {
    display: none;
    position:fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
}
#dashboard-background {
    position:fixed;
    background:rgb(1,117,133);
    background: transparent\9;
    background:rgba(1,117,133,0.7);
    width: 100%;
    height: 100%;
}

#dashboard {
    position:fixed;
    z-index: 10010;
    height: 100%;
    background: #017585;
    color: #fff;
    padding: 0 4em;
    overflow-y: auto;
}
#dashboard h1 {
    text-transform: uppercase;
}
#dashboard a {
    cursor: pointer;
    color: #f0ad4e;
}
#dashboard-close {
    color: #fff;
    font-size: 6em;
    font-weight: 100;

    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#dashboard-close:hover {
    color: #f0ad4e;
}

#dashboard-if-not-logged { display:none; }
#dashboard-if-logged { display:none; }
.dashboard-badge-bloc { margin:0 0 20px 0 !important; border-top: 1px solid #fff; padding: 15px 0;}
.dashboard-badge-icon { float: left; margin-right:20px;}
.dashboard-badge-title { color:#ffca00; text-transform:uppercase; font-size:18px;}

#dashboard-edit-btn-container { text-align:center;}
#dashboard-edit-btn { background-color: #ffca00;  display: inline-block;  padding: 13px 28px;  font-size: 30px;  margin: 40px 0 20px 0;  border: 1px solid #ffca00; }
#dashboard-edit-btn:hover { cursor:pointer; background-color: #fff; color:#ffca00; border: 1px solid #ffca00; }

.flag1{background: url(../img/flags/1.jpg) bottom left no-repeat; background-size: 23px 15px; vertical-align: bottom;}
.flag2{background: url(../img/flags/2.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag3{background: url(../img/flags/3.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag4{background: url(../img/flags/4.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag5{background: url(../img/flags/5.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag6{background: url(../img/flags/6.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag7{background: url(../img/flags/7.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag8{background: url(../img/flags/8.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag9{background: url(../img/flags/9.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag10{background: url(../img/flags/10.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag11{background: url(../img/flags/11.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag12{background: url(../img/flags/12.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag13{background: url(../img/flags/13.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag14{background: url(../img/flags/14.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag17{background: url(../img/flags/17.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag19{background: url(../img/flags/19.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag21{background: url(../img/flags/21.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag22{background: url(../img/flags/22.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag23{background: url(../img/flags/23.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag25{background: url(../img/flags/25.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag26{background: url(../img/flags/26.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag27{background: url(../img/flags/27.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag28{background: url(../img/flags/28.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}
.flag29{background: url(../img/flags/29.jpg) bottom left no-repeat;background-size: 23px 15px; vertical-align: bottom;}

/*
Select leg
#menu-legs input:focus { outline: none; }
#menu-legs .form-control { border:0 !important; background-color:#007586 !important; font-size:21px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0) !important;  box-shadow: inset 0 1px 1px rgba(0,0,0,0) !important;}
*/


.logbook-read-more-loader{
    color: #047585;
    display: block;
    visibility:hidden;
    
}

.milestone_1 .flux-message{
    display: table-cell;
}
h4.logbook_title_niveau1{
    margin-top: 0px;
}
#twitter-widget-0,
#twitter-widget-1,
#twitter-widget-2,
#twitter-widget-3,
#twitter-widget-4,
#twitter-widget-5,
#twitter-widget-6,
#twitter-widget-7,
#twitter-widget-8,
#twitter-widget-9,
#twitter-widget-10
{
    max-width: 400px !important;
}

#logbooks-bloc-2 #twitter-widget-0, 
#logbooks-bloc-2 #twitter-widget-1,
#logbooks-bloc-2 #twitter-widget-2, 
#logbooks-bloc-2 #twitter-widget-3,
#logbooks-bloc-2 #twitter-widget-4, 
#logbooks-bloc-2 #twitter-widget-5,
#logbooks-bloc-2 #twitter-widget-6, 
#logbooks-bloc-2 #twitter-widget-7,
#logbooks-bloc-2 #twitter-widget-8, 
#logbooks-bloc-2 #twitter-widget-10
{
    width: 235px !important;
    max-width: 235px !important;
    min-width: 235px !important;
}
.video_title{
    margin-top: 10px;
}
.EmbeddedTweet-tweet{
    display:none;
}
#twitter-widget-0{
    max-height: 225px !important;
}
@media (max-width:1290px){
    /*#official-partners-footer{
        width:auto !important;
    }*/
    #fic-pub-text{
        margin: 0px !important;
    }
}

@media (min-width:992px) and (max-width:1100px){
    #official-partners-footer, #main-partners-footer{
        zoom:0.7 !important;
        -moz-transform: scale(0.7) !important;
        -moz-transform-origin: 0 0 !important;
    }
}

@media (max-width:992px){
    #official-partners-footer, #main-partners-footer,#popup, #fic-pub-popup{
        visibility: hidden !important;
    }
}


/**
 * spotsi2
 */
#spotsi2-title {
    text-align: center;
    color: #37585D;

}
#spotsi2-p {
    margin-top: 10px;
    text-align: center;
    color: #37585D;
}
#spotsi2-p img {
    margin-bottom: 20px;
}
#spotsi2-link {
    margin-top: 20px;
    text-align: center;
}
#spotsi2-link a:first-child {
    margin-right: 30px;
}
#wallsio-iframe {
    margin-bottom: 100px;
}
.gigya-sharebar-spotsi2 table {
    margin-left: 20px;
}

#modal-mailchimp-exlogin { z-index:9999; }


.exported-comments-bloc {  font-size: 18px;  line-height: 1.1; padding: 0 30px 15px 30px; width:100%;}
.exported-comments-picture { width:40px; float:left;}
.exported-comments-picture img {  border-radius: 4px; width:100%; }
.exported-comments-content {   width: calc(100% - 40px); padding: 0 30px; display: table; }
.exported-comments-name { font-weight:bold; color:#127584; display: inline-block; }
.exported-comments-ago {  display: inline-block; }
.exported-comments {    margin-top: 15px; color:#000; }
.exported-comments-line {     margin: 20px 0 0 0 !important;  border-top: 1px solid #000; }
.exported-comments-total-line {     margin: 10px 0 0 0 !important;  border-top: 1px solid #ddd; }
.exported-comments-total {  width:100%;  font-weight: bold;  color: #127584;  display: inline-block;  padding: 0 40px 30px 30px; }
.exported-comments-child {  padding-left: 86px; }