/*--------------------------------------------------------------------*/
/**  sage/signup  **/
/***************************************************************/
#page-header {
    background: transparent url('../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/31468eb3a9ce436d050c6abceef23ed928163660/header-bkg.jpg') top center no-repeat;
    background-size: cover;
}

@media only screen and (max-width:800px) {
    #page-header {
        background-image: url('../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/3f89eb93ee7e320c1b8477794387fafba6f73d8b/header-bkg-small.jpg');
    }
}
/*--------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
/*
@font-face {
    font-family: "AdelleSansSage";
    src: url("../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/a28736408385e5c7cb528579e53d76ec75740a12/AdelleSage.woff2") format("woff2"),
  url("../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/5d58689ca8ac80082c886a6821343c3c19c11e77/AdelleSansSAGE.woff") format("woff");
}

@font-face {
    font-family: "AdelleSage";
  src: url("../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/a28736408385e5c7cb528579e53d76ec75740a12/AdelleSage.woff2") format("woff2"),
  url("../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/7e70610efb69049bb32b7c54f5672947618f30b8/AdelleSage.woff") format("woff");
}

html.ee-html, .ee-html body {
    font-family: AdelleSage, Arial, sans-serif;
}
*/
/*--------------------------------------------------------------------*/


/* tiré de  royal canin */
/*--------------------------------------------------------------------*/

/*** espace sous les tabs ***/
/*************************************************************/
#container #widgets ul#contents {
    margin-top: 10px;
    background: transparent;
}

body.ee-ltl.ee-tabs #container #widgets {
    border-bottom-left-radius: 8px;
}

/*** espace entre les tabs ***/
/*************************************************************/
.ee-html #container #widgets ul#tabs {
    border-spacing: 3px;
}

/*** tabs iconized ***/
/*************************************************************/

#container #widgets ul#tabs li.active,
#container #widgets ul#tabs li:hover,
.ee-html #container #widgets ul#tabs li {
    border-top-left-radius: 8px;
    box-sizing: border-box;
    padding: 4px 4px 4px 36px;
    position: relative;
    transition: none;
}

#container #widgets ul#tabs li.active:after,
#container #widgets ul#tabs li:hover:after,
#container #widgets ul#tabs li:after {
    content: '';
    width: 28px;
    height: 28px;
    left: 4px;
    top: 2px;
    margin: 0;
    background: transparent center no-repeat;
    background-size: contain;
    display: flex;
    position: absolute;
}

#container #widgets ul#tabs li#tabChat:after {
    background-image: url('../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/e1d16f94e337d0721f93673239fa61a9f285355f/Team-Discussion.png');
}

#container #widgets ul#tabs li#tab2:after {
    background-image: url('../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/fa8dc60415381a8df7a6fb5d194822d5d742c0a2/Needs-Reading.png');
}

#container #widgets ul#tabs li#tab1:after {
    background-image: url('../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/30b1bcc17875388d4c9552b8d31ee83685c0e7b5/Conversation.png');
}

#container #widgets ul#tabs li#tabTwitter:after {
    background-image: url('../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/fa8dc60415381a8df7a6fb5d194822d5d742c0a2/Needs-Reading.png');
}


/*** Intervenant (tabtwitter) ***/
/*************************************************************/
#tabTwitterContent {
    box-sizing: border-box;
    padding: 0 20px 10px;
    background: #fff;
}

#tabTwitterContent .tpl-img {
    max-width: 70px;
    max-height: 70px;
}

#tabTwitterContent .tpl-img img {
    max-width: 50px;
    max-height: 50px;
}

#tabTwitterContent .tpl-description {
    min-width: calc(100% - 90px);
    border-bottom: 1px solid #6e6d6d;
}

#tabTwitterContent .tpl-img,
#tabTwitterContent .tpl-description {
    padding: 0;
}

#tabTwitterContent .tpl-description a:hover,
#tabTwitterContent .tpl-description a:visited,
#tabTwitterContent .tpl-description a {
    text-decoration: none;
    color: #6e6d6d;
}

/*** agenda ***/
/*************************************************************/
#tab2Content {
    box-sizing: border-box;
    padding: 0 20px 10px;
}

#tab2Content .tpl-agenda {
    border-bottom: 1px solid #000;
    padding: 10px;
}


/*** description - as a banner ***/
/*************************************************************/
#container .wrap .left div#description,
#container .wrap .left div#description #descriptionScroll {
    box-sizing: border-box;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
}

#container .wrap .left div#description #content3 {
    box-sizing: border-box;
    display: flex;
    border-radius: 8px;
    border-top-left-radius: 0;
    padding: 8px;
    margin-top: 20px;
    background: #fff;
    width: 100%;
    text-align: left;
    justify-content: left;
}


/*** fix wywiwyg contents p  ***/
/*************************************************************/
/*** TODO a passer dans live.css ou layout-1.css ***/
body.signin_token #footer .wrap {
    width: 98%;
    max-width: 1580px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
}
/*** fix ligne noire sur le player  ***/
/*************************************************************/
#playerIframe {
    margin: 1px;
}
/*** IE flex column ***/
/*************************************************************/
.tpl-col {
    flex-direction: row;
}





/* sage sessions */
/*----------------------------------------------------------------------------*/

/*** logo sage ***/
/*******************************************************************/
#logo {
    max-height: 35px;
    margin: .5em;
}

/** background image **/
/******************************************************************/
body #background {
    background-position: center right 70px;
    background-size: contain;
}


/*** hauteur au contenu de la description ***/
/*******************************************************************/
#container .wrap .left div#description,
#container .wrap .left div#description #descriptionScroll {
    height: auto;
    min-height: auto;
    margin: 0;
    box-sizing: border-box;
}

/** tab cursor **/
/******************************************************************/
#container #widgets ul#tabs li.tab[data-pos] {
    cursor: pointer;
}

#container #widgets ul#tabs li.tab[data-pos].active {
    cursor: default;
} 

/** tab hover **/
/******************************************************************/

#container #widgets ul#tabs li:hover:not(.active):before {
    content: none;
}

/** tab background transparence**/
/******************************************************************/
.tabContainer {
    background-color: rgba(255,255,255,.95);
}

/** tabs border  **/
/******************************************************************/
#container #widgets ul#tabs li {
    border-color: #003349;
}


/** Programme **/
/*************************************************/
#tabsWidgetsWrapper {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.video-link {
    color: #00dc00;
    margin: 2px 1em;
    padding: .5em 1em 1em 2.2em;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.video-link .link-text {
    padding: 0 .5em .25em;
    border-radius: 6px;
}

.video-link .link-title {
    font-weight: bold;
}

.link-description,
.link-title {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.link-title {
    font-size: 1.2rem;
    margin: .5em 0;
}

.link-description {
    color: #000;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: bold;
}

.videolink {
    position: relative;
}

.video-link.loading:before ,
.video-link.seeking:before,
.videolink:before {
    position: absolute;
    left: .3em;
    bottom: 0;
    height: calc(100% - 1.2em);
    content: '';
    display: flex;
    width: 1.3em;
    min-height: 1.3em;
    background: transparent url('../../uploads/16fb802b0bcb92b054d0a88b1c84574b417b05c1/0059ae741ddb7cb82d05c2e7947da69ffd1136b7/play-button-green.png') no-repeat top;
    background-size: contain;
}

.videolink.seeking:before {
    animation: none;
    top: auto;
}

.videolink:hover {
    background: transparent;
    border-radius: 0;
    border: transparent 1px solid;
    border-bottom: 1px solid #00dc00;
}

.videolink:hover:before {
    width: 1.5em;
    height: calc(100% - 1.05em);
}

.videolink:hover .link-text {
    background: rgba(0,0,0,.1);
}