input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: rgb(0, 0, 0) !important;
}
    .contents{
        height: 85%;
    }

	.LoginPopup {
		display: none;
	}

	.LoginPopup.open {
		display: block;
	}

	.blocker {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		content: ' ';
        background: rgba(0, 0, 0, .5);
	}

	.LoginPopup .contents {
		border: 1px solid #ccc;
		border-radius: 5px;
		width: 500px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #FFF;
        z-index: 999999;
		position: fixed;
		top: 50vh;
		left: 50vw;
		transform: translate(-50%, -50%);
	}

    .LoginPopup .contents.logged{
        width:1024px;
    }

.searchmdbutton.toolbar-button{    
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#loginIconHolder, #loginIconHolder img{
    width:32px;
    height: 32px;
    padding-left:5px;
}
div.login{
    display:none;
    width: 500px;
    margin: auto;
    height: 100vh;
    background-color: red;
}
body.loginPopupVisible div.LoginPopup{
    background: rgba(0,0,0,.6);
} 

#sitebarFrame{
    height: 100% !important;
    width:100vw !important;
    margin:auto !important;
}

body.loginPopupVisible  .blocker {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    background: rgba(0, 0, 0, .5);
}
/* @media(min-width: 750px) { */
    body.loginPopupVisible div:not(.Sitesbar_U) div:not(.contents), body.loginPopupVisible .container {
        filter:blur(10px);
    }

    div.Sitesbar_U,  .contents{
        filter: blur(0);
        filter: none;
        z-index: 10;
    }
/* } */

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 12px;
    border: none !important
}

#seng_15_inputform {
    color: #999;
    font-size: 24px;
    border: none !important;
    line-height: initial;
    background-color: #fff;
    padding: 0;
    margin: 0;
    width: 400px;
    font-weight: 400;
    font-family: sans-serif;
    margin: 10px;
    outline: 0
}

#seng_15_inputform::-ms-clear {
    display: none
}

.seng_15_search_btn {
    float: right;
    background-image: url(../img/searchbtn.png);
    background-size: 40px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    width: 60px;
    height: 36px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #000;
    cursor: pointer;
    background-color: #4456bc
}

.seng_15_btntheme_belrtl,.seng_15_btntheme_rtltvi,.seng_15_btntheme_televie {
    background-color: #be0a00
}

.seng_15_btntheme_plugrtl {
    background-color: #000
}

.seng_15_btntheme_sport {
    background-color: #000
}

.seng_15_btntheme_radiocontact {
    background-color: #008fdb
}

.seng_15_btntheme_info,.seng_15_btntheme_meteo,.seng_15_btntheme_video {
    background-color: #ff5000
}

.seng_15_search_btn:hover {
    opacity: .8
}

#seng_15_box {
    width: 580px;
    position: fixed;
    left: 50%;
    margin-left: -290px;
    background-color: #fff;
    top: 0;
    -webkit-box-shadow: 0 15px 45px -10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 15px 45px -10px rgba(0,0,0,.5);
    box-shadow: 0 15px 45px -10px rgba(0,0,0,.5);
    z-index: 100002;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    display: none
}

#seng_15_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    z-index: 100000;
    display: none
}

.seng_15_cross {
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(../img/cross.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .2;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    right: 110px;
    top: 10px;
    background-size: 23px 23px;
    cursor: pointer;
    right: 75px;
    top: 12px
}

.seng_15_cross:hover {
    opacity: .6
}

#seng_15_propositions {
    margin-left: 10px;
    margin-right: 10px;
    border-top: solid 1px #999;
    margin-bottom: 10px
}

#seng_15_propositions a {
    display: block;
    height: 35px;
    padding: 5px;
    font-size: 18px;
    color: #999;
    line-height: 35px
}

#seng_15_propositions a.seng_15_fprop {
    background-color: #f5f5f5
}

#seng_15_propositions a:hover {
    background-color: #e4e4e4;
    color: #4456bc
}

.seng_15_ico {
    width: 35px;
    height: 35px;
    float: left;
    background-image: url(../img/tuile.png);
    background-repeat: no-repeat;
    margin-right: 10px
}

.seng_15_ico.s15i_search {
    background-position: 0 0;
    margin-top: 7px;
    margin-left: 15px;
    margin-right: 0
}

.seng_15_ico.s15i_info {
    background-position: 0 -35px
}

#seng_15_tabs {
    text-transform: uppercase;
    color: #fff;
    font-family: proxima_nova_condensed_rgbold,Arial,Helvetica,sans-serif;
    font-size: 16px;
    background-color: #3680b1;
    height: 27px;
    overflow: hidden
}

a.seng_15_tabs_obj {
    padding: 0 16px;
    margin-right: 0;
    margin-top: -2px;
    font-weight: 700;
    height: 33px;
    line-height: 33px;
    min-width: 54px;
    text-align: center;
    nt-size: 16px;
    background-color: #3680b1;
    border-right: solid #fff 2px;
    border-left: 0;
    border-top: 0;
    cursor: pointer;
    float: left;
    text-decoration: none;
    color: #fff;
    webkit-border-radius: 0 5px 5px 0/50%;
    border-radius: 0 5px 5px 0/50%
}

a.seng_15_tabs_obj.seng_15_tabs_obj_act {
    background-color: #ff5000
}

div.Sitesbar_U {
    background-color: #f5f5f5;
    border-bottom: solid 1px #e5e5e5;
    text-align: center;
    clear: both;
    height: 37px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    line-height: 16px
}

div.Sitesbar_U_Inner {
    width: 990px;
    height: 37px;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 1
}

div.Sitesbar_U a.Logo {
    background-image: url(../img/sites2_but.png);
    background-position: left top;
    background-repeat: repeat-y;
    display: block;
    height: 28px;
    width: 34px;
    position: absolute;
    left: 0;
    top: 4px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    cursor: pointer
}

div.Sitesbar_U a.Logo:hover {
    background-position-y: -100%
}

a#Sitesbar_U_SiteSelectorBut {
    background-image: url(../img/SiteSelector_but.png);
    width: 17px;
    height: 20px;
    position: absolute;
    left: 80px;
    top: 8px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    display: none
}

.Sitesbar_Arrow {
    width: 100%;
    z-index: 1000;
    height: 20px;
    text-align: left;
    background-image: url(../img/arrow-top.png);
    background-position: 10px 0;
    height: 9px;
    width: 100%;
    background-repeat: no-repeat;
    left: 2px;
    position: absolute;
    top: 5px
}

.Sitesbar_Arrow img {
    text-align: left;
    padding-left: 0
}

.Sitesbar_Sites {
    padding: 20px 0;
    background-color: #f9f9f9;
    border: solid 1px #ccc;
    position: absolute;
    left: 0;
    top: 13px;
    box-shadow: 0 0 5px rgba(0,0,0,.25)
}

div#Sitesbar_U_Menu {
    float: left;
    width: 50px;
    height: 40px;
    top: 3px;
    left: 0
}

div#Sitesbar_U_SiteSelector_2013 {
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    background-image: none;
    width: 320px
}

div#Sitesbar_U_Menu:hover div#Sitesbar_U_SiteSelector_2013 {
    display: block
}

#Sitesbar_U_SiteSelector_2013 ul {
    list-style: none;
    float: left;
    text-align: left;
    width: 85px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    border-right: solid 1px #ccc
}

#Sitesbar_U_SiteSelector_2013 ul+ul+ul {
    border-right: none
}

#Sitesbar_U_SiteSelector_2013 ul li {
    width: 58px;
    height: 30px;
    margin: 0;
    padding: 15px 15px;
    position: relative
}

#Sitesbar_U_SiteSelector_2013 ul li a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 36px;
    width: 57px
}

#Sitesbar_U_SiteSelector_2013 ul li a img {
    border: none;
    margin: auto auto
}

div#Sitesbar_U_SiteSelector_2013 ul li:hover img {
    opacity: .5
}

#SearchBox {
    display: none;
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%
}

#SearchChoice {
    margin-top: -1px;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    width: 100%;
    position: relative;
    left: 0;
    background-color: #fff;
    padding: 10px 0;
    background: #f9f9f9
}

#SearchChoice ul {
    list-style-type: none;
    margin: 0 0;
    padding: 5px 0 0 0;
    width: 100%
}

#SearchChoice li {
    margin: 0;
    padding: 0;
    clear: both;
    height: 40px
}

#SearchChoice li:hover {
    background-color: #eaeaea;
    color: #fff;
    width: 100%
}

#SearchChoice li:hover a {
    color: #404040
}

#SearchChoice li.selected {
    background-color: #eaeaea;
    color: #fff;
    width: 100%
}

#SearchChoice li.selected a {
    color: #404040
}

#SearchChoice a {
    display: block;
    text-decoration: none;
    color: #404040;
    font-family: Arial;
    color: #666;
    font-size: 14px;
    line-height: 17px;
    height: 100%;
    padding-left: 10px;
    padding-top: 5px
}

#SearchChoice li img {
    height: 30px;
    width: 30px
}

#SearchChoice span {
    display: block;
    float: left;
    height: 30px
}

input.SearchBut {
    width: 17px;
    height: 17px;
    background-image: url(../img/btnSearch.png);
    float: right;
    margin-right: 5px;
    margin-top: 4px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    display: block
}

#txtSearch {
    height: 18px;
    float: left;
    margin-top: 2px;
    color: #808080;
    border-radius: 2px;
    background-color: #fff;
    border: none;
    width: 600px;
    padding: 4px;
    margin-bottom: 4px
}

.SearchText-2013 {
    height: 14px;
    float: left;
    margin-top: 2px;
    color: #808080;
    border-radius: 2px;
    background-color: #fff;
    border: none;
    width: 565px;
    padding: 4px;
    margin-bottom: 4px
}

.filtertext {
    padding: 5px 0 0 10px;
    position: relative;
    height: auto;
    margin: 0
}

.SearchHolder {
    border: solid 1px #ddd;
    height: 25px;
    width: 600px;
    position: relative;
    background-color: #fff;
    top: 5px;
    float: left;
    margin-right: 20px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.closepanel {
    position: absolute;
    top: -5px;
    right: 7px
}

.closepanel a {
    font-size: 16px !important
}

.SearchBoxArrow {
    width: 100%;
    z-index: 1000;
    height: 20px;
    text-align: left;
    background-image: url(../img/arrow-top.png);
    background-position: 10px 0;
    height: 9px;
    width: 100%;
    background-repeat: no-repeat
}

.SearchBoxArrow img {
    text-align: left;
    padding-left: 5px
}

.txtToSearch {
    display: block;
    float: left;
    height: 30px;
    padding: 5px 0 0 10px;
    position: relative
}

div#SSOHolder {
    float: right;
    padding-top: 0;
    margin-right: 0
}

a#btnNotConnected {
    display: none
}

a#btnNotConnected:hover #ErrorTarget0MsgBox {
    display: block
}

a#btnConnected {
    display: none
}

div#SSOHolder.NotConnected a#btnNotConnected {
    display: block
}

div#SSOHolder.Connected a#btnConnected {
    display: block
}

.LogonBox {
    padding-top: 0;
    padding-bottom: 10px;
    display: none;
    position: absolute;
    top: 37px;
    right: -10px;
    width: 766px;
    min-height: 350px;
    background-repeat: no-repeat;
    background-image: none;
    background-color: #f8f8f8;
    border: solid 1px #d0d0d0;
    font-family: Arial;
    box-shadow: 0 0 5px rgba(0,0,0,.25)
}

.closepanellogin {
    position: absolute;
    top: 4px;
    right: 10px;
    display: block
}

.closepanellogin a {
    text-decoration: none;
    color: #666;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px
}

.LoggedBox {
    padding-top: 0;
    display: none;
    position: absolute;
    top: 37px;
    right: -10px;
    width: 262px;
    height: auto;
    background-repeat: no-repeat;
    background-image: none;
    font-family: Arial;
    background-color: #f8f8f8;
    border: solid 1px #d0d0d0;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    font-size: 12px
}

#SSOLoggedInfoWelcome {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    overflow: hidden
}

.LoggedBoxDetails {
    padding: 20px
}

.LoggedBoxDetails p {
    width: 100% !important;
    margin: 10px 0 15px 0 !important
}

#NotificationArea {
    display: block;
    float: right;
    padding-top: 6px;
    margin-right: 20px;
    position: relative
}

#NotificationArea .NotificationBtn {
    background-image: url(../img/notification.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 24px;
    display: block
}

#NotificationArea:hover .NotificationBtn {
    background-image: url(../img/notification-hover.png)
}

#NotificationArea:hover .NotificationCount {
    background-image: url(../img/notification-count-hover.png)
}

.NotificationCount {
    display: none;
    text-align: center;
    background-image: url(../img/notification-count.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 15px;
    color: #fff;
    position: absolute;
    right: -9px;
    top: 1px;
    font-family: Arial;
    font-size: 10px
}

div#NotificationBox {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%
}

div.closepanelnotification {
    font-weight: bold;
    border-bottom: solid 1px #dbdbdb;
    line-height: 20px;
    font-size: 16px
}

div.closepanelnotification a {
    font-size: 20px;
    text-transform: lowercase
}

div#DivSharingSiteNav {
    margin: 7px 0 0 0;
    float: left;
    width: auto;
    overflow: hidden;
    height: 24px
}

a.sharenelem {
    background-repeat: no-repeat;
    float: left;
    height: 23px;
    width: 63px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    line-height: 23px;
    text-align: right;
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
    cursor: pointer
}

a.sharenelem span {
    width: 36px;
    float: right;
    text-align: center
}

.shtwt {
    background-image: url(../img/twt.png)
}

.shfb {
    background-image: url(../img/fb.png)
}

.shgoo {
    background-image: url(../img/gplus.png)
}

.shin {
    background-image: url(../img/in.png)
}

.shmail {
    background-image: url(../img/mail.png)
}

.sharenelem strong {
    display: none
}

#btnGotoProfile {
    background-image: url(../img/btngotoprofile.png);
    background-position: 0 -1px;
    width: 217px;
    height: 28px;
    margin: 0 auto 10px auto;
    padding: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 2px;
    border: solid 1px #404040
}

#btnLinkFacebook,#btnLinkMediaID,#btnUnLinkFacebook,#btnUnLinkMediaID {
    background-image: url(../img/btnlinks.png);
    background-position: 0 0;
    width: 254px;
    height: 32px;
    margin: 0 auto 10px auto;
    padding: 0;
    background-repeat: no-repeat;
    cursor: pointer
}

#btnLinkFacebook {
    background-position: 0 0
}

#btnLinkMediaID {
    background-position: 0 -32px
}

#btnUnLinkFacebook {
    background-position: 0 -64px
}

#btnUnLinkMediaID {
    background-position: 0 -96px
}

#btnDisconnect {
    background-image: url(../img/btndisconnect.png);
    width: 219px;
    height: 34px;
    border: none;
    padding: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 auto 0 auto !important;
    display: block
}

.NotificationArrow {
    z-index: 1;
    background-image: url(../img/arrow-top.png);
    height: 9px;
    width: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: -9px;
    right: 10px
}

.NotificationArrow img {
    text-align: left;
    padding-left: 5px
}

.closepanelnotification {
    color: #666;
    font-size: 14px;
    text-align: left;
    font-family: Arial;
    padding-bottom: 15px;
    height: 10px
}

.closepanelnotification a {
    text-decoration: none;
    color: #666;
    font-size: 12px;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    padding-right: 4px
}

#NotificationDetails {
    padding: 7px 20px 30px 20px;
    width: 240px;
    background-color: #f9f9f9;
    border: solid 1px #ccc;
    position: absolute;
    left: -115px;
    top: 14px;
    min-height: 75px;
    box-shadow: 0 0 5px rgba(0,0,0,.25)
}

#NotificationDetails .NotificationArrow {
    right: 144px
}

#NotificationItems {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    position: relative
}

.NotificationItem {
    position: relative;
    margin: 0;
    padding: 15px 0;
    display: block;
    width: 100%;
    text-align: left;
    color: #666;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 1px #666
}

.NotificationItemCloseBtn {
    position: absolute;
    right: 0;
    top: 15px
}

.NotificationItemText {
    text-decoration: none;
    color: #666 !important;
    display: block;
    width: 90%
}

.NotificationItemText p {
    color: #c1c1c1
}

.NotificationItemText span {
    display: block;
    font-size: 10px;
    color: #a9a9a9;
    text-align: right
}

#Gigya_Container h1,#Gigya_Container h2,#Gigya_Container h3 {
    text-shadow: none
}

.gigya-screen *,div.gigya-screen,.gigya-screen span,.gigya-screen a:hover,.gigya-screen a:visited,.gigya-screen a:link,.gigya-screen a:active {
    border: none;
    padding: 0;
    margin: 0;
    color: inherit;
    text-decoration: none;
    width: auto;
    float: none;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: arial;
    font-size: 12px;
    color: #333;
    background: none;
    text-align: left;
    font-family: arial;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.gigya-screen a,.gigya-screen a:visited,.gigya-screen a:link,.gigya-screen a:active {
    color: #0098ca;
    text-decoration: underline
}

.gigya-screen-set .gigya-screen {
    margin: 0 auto
}

.gigya-screen h2 {
    font-size: 16px;
    color: #333;
    font-weight: normal
}

.gigya-screen a:hover {
    text-decoration: none
}

.gigya-screen h1 {
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 0
}

.gigya-screen .gigya-layout-row {
    zoom:1;display: block
}

.gigya-screen .gigya-layout-cell {
    float: left;
    min-width: 50%;
    max-width: 50%;
    margin-top: 1px
}

.gigya-screen .gigya-layout-cell .gigya-layout-cell {
    max-width: 50%
}

.gigya-screen select {
    margin: 5px 0;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.gigya-screen option {
    padding: 5px
}

.gigya-screen option:hover {
    background-color: #3593c1
}

.gigya-screen .gigya-label {
    display: block;
    font-weight: bold;
    font-size: 12px
}

.gigya-input-text,.gigya-input-password {
    line-height: 26px
}

.gigya-input-text,.gigya-input-password,.gigya-textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0;
    text-indent: 5px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05)
}

.gigya-textarea {
    padding: 5px
}

.gigya-input-text,.gigya-input-password,.gigya-screen select,.gigya-input-submit,.gigya-input-button {
    height: 28px
}

.gigya-input-text:focus,.gigya-input-password:focus,.gigya-textarea:focus,.gigya-screen select:focus {
    border: 1px solid #87b9ea;
    outline: none
}

.gigya-input-text:focus,.gigya-input-password:focus,.gigya-textarea:focus {
    box-shadow: 0 0 3px #50bade,inset 0 1px 3px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 3px #50bade,inset 0 1px 3px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 3px #50bade,inset 0 1px 3px rgba(0,0,0,.05)
}

.gigya-input-submit,.gigya-input-button {
    text-align: center;
    border: 1px solid #cecece;
    cursor: pointer;
    padding: 0 12px;
    color: #333;
    font-weight: bold;
    border-radius: 4px;
    line-height: 26px;
    background: #f2f2f2;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
    background: -moz-linear-gradient(top,#fff,#f2f2f2)
}

.gigya-input-submit:hover,.gigya-input-button:hover {
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#fff));
    background: -moz-linear-gradient(top,#f2f2f2,#fff)
}

.gigya-input-radio,.gigya-input-checkbox {
    margin-right: 5px;
    vertical-align: bottom;
    height: 14px;
    width: 14px
}

input.gigya-input-text,input.gigya-input-password {
    display: block
}

.gigya-screen .gigya-composite-control {
    padding: 5px 13px 5px 10px
}

.gigya-screen .gigya-composite-control-submit,.gigya-screen .gigya-composite-control-button,.gigya-screen .gigya-composite-control-form-error {
    padding-bottom: 5px;
    padding-right: 13px
}

.gigya-composite-control-multi-choice .gigya-multi-choice-item,.gigya-composite-control-checkboxes .gigya-checkboxes-item {
    padding-top: 5px
}

.gigya-composite-control-form-error {
    padding-bottom: 5px;
    padding-right: 5px
}

.gigya-screen .gigya-composite-control-submit {
    text-align: right
}

.gigya-screen .gigya-composite-control-label {
    display: block
}

.gigya-clear {
    clear: both;
    overflow: hidden;
    font-size: 0
}

.gigya-composite-control-radio label {
    font-weight: normal
}

.gigya-composite-control-checkbox label {
    font-weight: normal
}

.gigya-screen .gigya-composite-control-checkbox {
    padding: 5px 10px
}

.gigya-screen .gigya-composite-control-checkbox label {
    display: inline;
    text-indent: 10px;
    margin-left: 0
}

.gigya-screen .gigya-message {
    font-size: 14px;
    color: #333;
    display: block;
    text-align: center
}

.gigya-screen .gigya-error-display {
    display: none
}

.gigya-screen .gigya-error-display-active {
    display: block;
    visibility: visible
}

.gigya-screen .gigya-error-msg {
    line-height: 14px;
    color: #dd4b39;
    font-size: 11px;
    display: block;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gigya-screen .gigya-form-error-msg {
    _height: 26px;
    min-height: 26px;
    line-height: 14px;
    color: #dd4b39;
    font-size: 11px;
    text-align: center;
    margin-top: 1px;
    border: 1px solid #ffdcce;
    display: block;
    background: #ffe7e1;
    font-weight: normal;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gigya-screen a.gigya-composite-control-link {
    display: block;
    padding-left: 13px
}

.gigya-screen .gigya-composite-control a.gigya-composite-control-link {
    display: inline;
    padding: 0
}

.gigya-screen .gigya-composite-control-checkbox .gigya-label,.gigya-screen .gigya-composite-control-radio .gigya-label {
    font-weight: normal
}

.gigya-layout-footer {
    text-align: right;
    clear: both
}

#gigya-login-screen .gigya-composite-control-social-login,#gigya-register-screen .gigya-composite-control-social-login {
    border-right: 1px solid #ccc;
    height: 125px;
    width: 285px;
    padding: 13px 38px 0 0
}

#gigya-register-screen .gigya-composite-control-social-login {
    height: 240px
}

.gigya-required-display {
    color: #f00;
    display: inline-block;
    padding: 0 5px
}

#gigya-login-screen a.forgotPassword,#gigya-login-screen a.forgotPassword:link,#gigya-recent-login-screen a.forgotPassword,#gigya-recent-login-screen a.forgotPassword:link {
    float: right;
    font-weight: normal;
    text-decoration: none
}

#gigya-login-screen a.forgotPassword:hover,#gigya-login-screen a.forgotPassword:active,#gigya-recent-login-screen a.forgotPassword:hover,#gigya-recent-login-screen a.forgotPassword:active {
    text-decoration: underline
}

a.LoginFacebookBut,a.LoginMediaIDBut {
    display: inline-block !important;
    width: 300px !important;
    height: 32px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
    background-image: url('../img/facebook3.png') !important;
    margin-top: 26px !important;
    margin-bottom: 5px !important
}

a.LoginFacebookBut:hover,a.LoginMediaIDBut:hover {
    background-position: 0 -100%
}

a.LoginMediaIDBut {
    background-image: url('../img/mediaid3.png') !important
}

h1.gigya-screen-caption {
    margin-bottom: 0 !important;
    line-height: 16px !important;
    text-align: center !important;
    padding-top: 10px !important
}

div.gigya-layout-cell+div.gigya-layout-cell {
    border-left: solid 1px #e8e8e8
}

div.gigya-strip {
    display: block;
    margin: 20px 0 10px 0
}

div.gigya-strip+div.gigya-strip {
    margin: 0 0 0 0
}

div.gigya-strip:last-child {
    margin-bottom: 20px
}

div.gigya-strip>div {
    display: inline-block;
    *float: left;
    padding: 0 20px 0 20px;
    vertical-align: top;
    min-width: 300px
}

div.gigya-strip>div+div {
    border-left: dotted 1px #c0c0c0
}

div.gigya-strip>div.gigya-fullwidth {
    width: 718px
}

div.gigya-strip h2 {
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
    display: block
}

span.ArrowTop {
    display: block;
    width: 20px;
    height: 9px;
    z-index: 1;
    position: absolute;
    right: 30px;
    top: -9px;
    background-image: url(../img/arrow-top.png)
}

ul.gigya-Tabs {
    display: block;
    list-style-type: none;
    border-bottom: solid 1px #d0d0d0;
    line-height: 30px;
    position: relative;
    margin: 20px 20px 0 20px !important
}

ul.gigya-Tabs li {
    display: inline-block;
    border: solid 1px #c0c0c0;
    padding: 0 20px 0 20px;
    cursor: pointer;
    background-color: #e0e0e0;
    margin: 0 10px -1px 0;
    z-index: 1;
    color: #808080 !important
}

ul.gigya-Tabs li.selected {
    background-color: #f8f8f8 !important;
    border-bottom: solid 1px #f8f8f8;
    color: #000 !important
}

span.gigya-mandatory {
    color: #f00
}

form.gigya-photo-upload-form {
    width: 300px !important;
    height: 64px !important
}

span.Gigya-Large {
    display: inline
}

ul.gigya-Tabs li span {
    font-size: inherit;
    color: inherit
}

div#loginError,div#loginError2,div#profileError,div#profileError2,div#changePasswordError,div#changePasswordError2,div#passwordForgottenError,div#passwordForgottenError2 {
    display: none
}

#n214_sitebar_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    background-color: #f5f5f5;
    height: 36px;
    border-bottom: 1px solid #fff
}

#n214_sitebar {
    height: 36px;
    background-color: #f5f5f5;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

#n214_sitebar .n214_i {
    height: 36px;
    background-image: url(../img/sbtiles-2020b.png);
    background-size: 700px 200px;
    float: left;
    background-repeat: no-repeat;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .5
}

#n214_sitebar .mn214_connect_btn {
    float: right;
    height: 36px;
    background-color: #232d88;
    line-height: 36px;
    font-family: proxima_nova_cn_ltsemibold,Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 16px;
    padding-right: 12px;
    padding-left: 40px;
    background-image: url(../img/sbtiles-2020b.png);
    background-repeat: no-repeat;
    background-position: 0 -60px;
    background-size: 350px 100px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    width: auto
}

#mn214_list_icons_b {
    height: 36px;
    margin-right: 320px
}

#mn214_list_icons {
    height: 36px;
    overflow: hidden;
    float: left;
    position: absolute
}

#mn214_list_icons_in {
    width: 750px;
    height: 36px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

#mn214_list_btn_right {
    position: absolute;
    margin-left: -30px;
    height: 36px;
    width: 30px;
    line-height: 36px;
    background-color: #f5f5f5;
    background-image: url(../img/sbtiles-2020b.png);
    background-size: 350px 100px;
    background-position: -219px -59px;
    opacity: .5;
    transition: all .2s linear;
    cursor: pointer;
    z-index: 100
}

#mn214_list_btn_left {
    position: absolute;
    height: 36px;
    width: 30px;
    line-height: 36px;
    z-index: 1000;
    background-color: #f5f5f5;
    background-image: url(../img/sbtiles-2020b.png);
    background-size: 350px 100px;
    background-position: -200px -59px;
    opacity: .5;
    transition: all .2s linear;
    cursor: pointer;
    z-index: 100
}

#mn214_list_btn_right:hover,#mn214_list_btn_left:hover {
    opacity: 1
}

#n214_rightzone_sitebar {
    float: right
}

#n214_sitebar.n214_sitebar_full #mn214_list_btn_right,#n214_sitebar.n214_sitebar_full #mn214_list_btn_left {
    display: none !important
}

#btnConnectedn214 {
    display: none
}

#n214_sitebar .mn214_connect_btn:hover {
    background-color: #6682f0;
    background-image: url(../img/sbtiles-2020b.png)
}

.n214_i_rtlinfo {
    background-position: 1px -6px;
    width: 71px
}

.n214_i_rtltvi {
    background-position: -72px -6px;
    width: 83px
}

.n214_i_clubrtl {
    background-position: -153px -6px;
    width: 64px
}

.n214_i_plugrtl {
    background-position: -217px -6px;
    width: 69px
}

.n214_i_alinfini {
    background-position: -279px -6px;
    width: 76px
}

.n214_i_rtlpodcasts {
    background-position: -279px -6px;
    width: 76px
}

.n214_i_belrtl {
    background-position: -350px -6px;
    width: 72px
}

.n214_i_radiocontact {
    background-position: -420px -6px;
    width: 76px
}

.n214_i_mint {
    background-position: -488px -6px;
    width: 68px
}

.n214_i_allortl {
    background-position: -548px -6px;
    width: 98px
}

.n214_i_televie {
    background-position: -640px -6px;
    width: 65px
}

.n214_i_rtlinfo.activ,.n214_i_rtlinfo:hover {
    background-position: 1px -51px;
    opacity: 1
}

.n214_i_rtltvi.activ,.n214_i_rtltvi:hover {
    background-position: -72px -51px;
    opacity: 1
}

.n214_i_clubrtl.activ,.n214_i_clubrtl:hover {
    background-position: -153px -51px;
    opacity: 1
}

.n214_i_plugrtl.activ,.n214_i_plugrtl:hover {
    background-position: -217px -51px;
    opacity: 1
}

.n214_i_alinfini.activ,.n214_i_alinfini:hover {
    background-position: -279px -51px;
    opacity: 1
}

.n214_i_rtlpodcasts.activ,.n214_i_rtlpodcasts:hover {
    background-position: -279px -51px;
    opacity: 1
}

.n214_i_belrtl.activ,.n214_i_belrtl:hover {
    background-position: -350px -51px;
    opacity: 1
}

.n214_i_radiocontact.activ,.n214_i_radiocontact:hover {
    background-position: -420px -51px;
    opacity: 1
}

.n214_i_mint.activ,.n214_i_mint:hover {
    background-position: -488px -51px;
    opacity: 1
}

.n214_i_allortl.activ,.n214_i_allortl:hover {
    background-position: -548px -51px;
    opacity: 1
}

.n214_i_televie.activ,.n214_i_televie:hover {
    background-position: -640px -51px;
    opacity: 1
}

#n214_sitebar .n214_i i {
    display: none
}

#n214_sitebar .n214_i.activ,#n214_sitebar .n214_i:hover {
    opacity: 1
}

#n214_sitebar .mn214_connectSearchHolder {
    background-color: #c9c9c9;
    height: 36px;
    width: 288px;
    float: right;
    border-right: 1px solid #fff
}

#n214_sitebar #cse-search-box {
    border: solid 1px #ddd;
    height: 29px;
    width: 280px;
    position: relative;
    background-color: #fff;
    top: 2px;
    float: right;
    margin-right: 2px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    margin-left: 4px
}

#n214_sitebar input.mn214_searchBut {
    width: 28px;
    height: 32px;
    float: right;
    margin-right: 0;
    margin-top: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    display: block;
    float: right;
    background-image: url(../img/sbtiles-2020b.png);
    background-repeat: no-repeat;
    background-position: -171px -63px;
    background-size: 350px 100px
}

#n214_sitebar .mn214_searchInput {
    height: 15px;
    float: left;
    color: #808080;
    font-family: proxima_nova_cn_ltsemibold,Arial,Helvetica,sans-serif;
    font-size: 16px;
    border-radius: 2px;
    background-color: #fff;
    border: none;
    width: 215px;
    padding: 14px 7px 7px 7px;
    margin-bottom: 0;
    outline: none
}

#Gigya_Container h1.gigya-screen-caption {
    width: 760px !important
}

.sshowed {
    display: block
}

@media screen and (min-width: 0) {
    div.Sitesbar_U {
        position:fixed
    }

    div.Sitesbar_U_Inner {
        width: 100%
    }

    div.Sitesbar_U a.Logo {
        left: 10px
    }

    div#Sitesbar_U_Menu {
        width: 42px
    }

    .SearchHolder {
        display: none;
        width: 100px
    }

    .SearchText-2013 {
        width: 65px
    }

    .LogonBox {
        width: 320px
    }

    div.gigya-strip>div {
        width: 300px;
        padding: 0 10px
    }

    div.gigya-strip>div+div {
        border-left: none
    }

    div.gigya-strip>div.gigya-fullwidth {
        width: 300px
    }

    a.LoginFacebookBut,a.LoginMediaIDBut {
        margin-top: 0 !important
    }

    a.LoginMediaIDBut {
        margin-bottom: 20px !important
    }

    h1.gigya-screen-caption {
        font-size: 14px !important
    }

    ul.gigya-Tabs li {
        padding: 8px 5px 10px 5px;
        margin: 0 2px -1px 0;
        max-width: 78px;
        line-height: 12px;
        font-size: 12px;
        letter-spacing: 0
    }

    #NotificationArea {
        margin-right: 11px;
        margin-left: 6px;
        float: left
    }

    #NotificationDetails {
        left: -40px
    }

    #NotificationDetails .NotificationArrow {
        right: 219px
    }

    span.Gigya-Large {
        display: none
    }

    div#DivSharingSiteNav {
        display: none
    }
}

@media screen and (min-width: 384px) {
    div.Sitesbar_U_Inner {
        width:100%
    }

    div.Sitesbar_U a.Logo {
        left: 10px
    }

    .SearchHolder {
        width: 200px
    }

    .SearchText-2013 {
        width: 165px
    }

    .LogonBox {
        width: 384px
    }

    div.gigya-strip>div {
        width: 344px;
        padding: 0 20px
    }

    div.gigya-strip>div.gigya-fullwidth {
        width: 344px
    }

    h1.gigya-screen-caption {
        font-size: 16px !important
    }

    ul.gigya-Tabs li {
        margin: 0 3px -1px 0;
        padding: 8px 5px 10px 5px;
        font-size: 12px
    }

    span.Gigya-Large {
        display: inline
    }
}

@media screen and (min-width: 768px) {
    div.Sitesbar_U {
        position:fixed
    }

    div.Sitesbar_U_Inner {
        width: 768px
    }

    div#Sitesbar_U_Menu {
        width: 60px
    }

    .SearchHolder {
        display: block;
        width: 300px
    }

    .SearchText-2013 {
        width: 265px
    }

    .LogonBox {
        width: 768px
    }

    div.gigya-strip>div {
        width: 335px
    }

    div.gigya-strip>div+div {
        width: 340px;
        border-left: dotted 1px #c0c0c0;
        border-top: none
    }

    div.gigya-strip>div.gigya-fullwidth {
        width: 718px
    }

    a.LoginFacebookBut,a.LoginMediaIDBut {
        margin-top: 26px !important
    }

    a.LoginMediaIDBut {
        margin-bottom: 0 !important
    }

    ul.gigya-Tabs li {
        padding: 10px 20px 10px 20px;
        margin: 0 10px -1px 0;
        max-width: inherit;
        line-height: 12px;
        font-size: 12px;
        letter-spacing: 0
    }

    #NotificationArea {
        margin-right: 20px
    }

    #NotificationDetails {
        left: -115px
    }

    #NotificationDetails .NotificationArrow {
        right: 144px
    }

    div#DivSharingSiteNav {
        display: block
    }
}

@media screen and (min-width: 990px) {
    div.Sitesbar_U_Inner {
        width:990px
    }
}

@media screen and (min-width: 1200px) {
    div.Sitesbar_U_Inner {
        width:1200px
    }
}

@media screen and (max-width: 560px) {
    body.SSO {
        margin-top:0 !important
    }

    div.Sitesbar_U {
        margin-top: -37px
    }

    #Gigya_Container h1.gigya-screen-caption {
        width: 100% !important
    }
}

@media screen and (max-height: 720px) {
    .LoginPopup .contents{
        height: 100vh;
    }
    body.SOO {
        display: flex;
        align-items: center;
    }

    hr.hr-text{
        margin:15px;
    }
    .card{
        padding:0 !important;
    }
    
}


@media screen and (max-height: 620px) {

    .contents{
        top:0;
        height:100%;
        transform: translate(-50%, 0%);
    }
    .brands{
        display: none;
    }
}


@media screen and (max-height: 730px) {

    .brands{
        display: none;
    }
}


a.GDPRSettings {
    display: inline-block;
    background-color: #fff;
    padding: 10px 20px;
    line-height: 20px;
    vertical-align: text-bottom;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    cursor: pointer
}

div#didomi-notice {
    box-shadow: 0 0 5px rgba(0,0,0,.5)
}

.header.large .cross{
    right:5% !important;
}