/*////// VARIABLES ////////////*/
html:not(.style-scope) {
    --yt-main-app-background : white;
    --ytd-rich-grid-item-max-width: 500px;
    --ytd-rich-grid-item-min-width: 310px;
    --yt-guide-entry-text-color: black;
    --yt-spec-icon-inactive: black;
    --yt-spec-text-disabled:black;
    --ytd-margin-3x:12px;
}

/*html:not(.style-scope)[dark], :not(.style-scope)[dark].masthead-finish
{
    background-color: #282828;
    box-shadow: 0 0 10px #00000096;
}*/

/*////// CHANGEMENT DE TAILLE DE POLICE SUR MOBILE ////////////*/
.titre-video-mobile
{
    font-size: 16px;
}

.small-text-mobile
{
    font-size: 13px;
}

.icone-croix-mobile
{
    width: 40px;
    height: 40px;
    display: none;
    border: none;
    background: transparent;
    padding:8px;
}

/*CHANGEMENT TAILLE DE VIGNETTE SUR MOBILE*/
.youtube-simulator-mobile-display .large-media-icon {
    width: 40px;
    height: 40px;
}


/*////// TEST CACHE ////////////*/

@media(max-width:800px)
{
    /*h3
    {
        font-size: 15.5px !important;
    }*/
}

@media only screen and (max-width: 457px) 
{
    .bouton-formulaire
    {
        /*margin-top:15px !important;*/
    }
}

.bandeautop
{
	width:100%;
	height: 3rem;
	z-index: 10;
	background-color: #fff;
	box-shadow: 2px 2px 2px #cecece;
	position: absolute;
	top:0;
}

.titre { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 160px; 
  height: 1.5em; 
  white-space: nowrap;
}

.details
{
    display: flex;
    margin-top: 12px;
}

.large-media-icon
{
	width: 35px;
    height: 35px;
    margin-right: 12px;
}

ytm-profile-icon
{
	 display: inline-block;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: hsla(0,0%,53.3%,.2);
}

ytd-video-meta-block[rich-meta] #channel-name.ytd-video-meta-block, ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {
line-height: 2rem;
}

#zecha-zone-colonnes2 ytd-video-meta-block.ytd-compact-video-renderer
{
    margin-top:8px;
}

#zecha-zone-colonnes2 ytd-compact-video-renderer #video-title.ytd-compact-video-renderer {
line-height: 1.8rem;
max-height: 4rem;
}


/*h3
{
    font-size: 1.4rem;
    margin: 0 0 3px;
}

.subhead
{
    font-size: 13px;
	opacity: .6;
}

h3, .subhead
{
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.25;
    max-height: 2.5em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: normal;
}*/

ytd-item-section-renderer
{
    border-bottom: 1px solid var(--yt-spec-10-percent-layer);
}

.large-media-item-metadata
{
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    min-width: 0;
}

.btn-danger 
{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn 
{
    font-size: 1.5rem;
    margin : 10px 0 10px 0;
    display: inline-block;
    font-weight: 400;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


form input
{
    display: block;
    width: 100%;
    font-size: 1.5rem;
}

form label
{
    font-size:1.4rem;
    margin-top:15px;
}

form button
{
    width: 100%;
}
button
{
        font-size: 1.5rem;

}
input[type="file"]
{
    margin-top: 20px;
}

label
{
    display: block;
    margin-top: 20px;
}

label[for="video_vignette"]:hover
{
    cursor : pointer;
}


form
{
    width: 100%;
}

form .btn-primary
{   
    display: block;
    margin: 10px 0 10px 0;
    color: white;
    font-size: 1.5rem;

}

.container
{
    margin-left:auto;
    margin-right:auto;
}

#masthead-container.ytd-app
{
    position:relative;
}

.icon-button
{
    padding-top: 0;
    margin-top: -5px;
}

c3-icon 
{
    width: 16px;
    height: 16px;
    fill: #959595;    
    stroke: none;
}

#container.ytd-masthead {
    height: 42px;
    background-color: var(--yt-main-app-background);
}

yt-img-shadow.ytd-topbar-menu-button-renderer {
    width: 32px;
    height: 32px;
}

/*///////// À SUIVRE - SIDEBAR YT ///////*/
div#secondary.style-scope.ytd-watch-flexy
{
    width: 402px;
}

a.yt-simple-endpoint.ytd-compact-video-renderer
{
    padding:0;
}

/*////// SIDEBAR GUIDE ////////////*/
a#endpoint.yt-simple-endpoint.style-scope.ytd-guide-entry-renderer
{
    padding: 0;
}

ytd-guide-entry-renderer[is-guide-refresh] .title.ytd-guide-entry-renderer
{
    font-size: 1.4rem;
}

ytd-rich-grid-video-renderer[mini-mode] #video-title.ytd-rich-grid-video-renderer {
    font-size: 1.6rem;
    line-height: 2rem;
    max-height: 4rem;
}

/*////// ICONE VIGNETTE VALIDÉE ////////////*/
.youtube-simulator-desktop-display .bouton-vignette-valide
{
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    margin: 5px;
    font-size: 1.5rem;
    background-color: #24b500cc;
    color: white;
    border-radius: 10px;
    padding: 5px 5px 3px 5px;
}

.youtube-simulator-mobile-display  .bouton-vignette-valide
{
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    margin: 4px;
    font-size: 1.5rem;
    background-color: #24b500cc;
    color: white;
    border-radius: 3px;
    padding: 5px 5px 3px 5px;
}

ytd-thumbnail.ytd-rich-grid-video-renderer:before
{
    background-color: inherit;
}

#masthead-container.ytd-app::after {
    box-shadow: none;
}

ytd-browse[rich-grid_][page-subtype="home"] ytd-two-column-browse-results-renderer.ytd-browse
{
    background-color : var(--yt-main-app-background);
}

ytd-app[background-color-update_] #guide-content.ytd-app {
    background: var(--yt-main-app-background);
}

ytd-guide-entry-renderer[active] {
    border-radius: 10px;
    width:205px;
}

#guide-inner-content.ytd-app {
    padding-left: 10px;
}

ytd-guide-renderer.ytd-app {
    width: 100%;
}

#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:active
{
    border-radius: 10px;
}

#page-manager
{
    background: var(--yt-main-app-background);
}



/*
NOMBRE DE VIGNETTES EN FONCTION DE LA TAILLE DE L'ÉCRAN, ON NE CONTRAINT PLUS LA TAILLE DES VIGNETTES
*/

ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer, ytd-rich-grid-renderer[mini-mode] #grid-header.ytd-rich-grid-renderer {
    max-width: 100%;
}

ytd-rich-grid-video-renderer[mini-mode] {
    max-width: 100%;
}

/*MISE EN PAGE DU TEXTE DANS LA SIDEBAR*/
ytd-guide-section-renderer[modern-typography] #guide-section-title.ytd-guide-section-renderer {
    font-family: "Roboto","Arial",sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500;
    overflow: hidden;
    display: block;
    max-height: 2.2rem;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

ytd-guide-entry-renderer[is-guide-refresh] .guide-icon.ytd-guide-entry-renderer {
    color: var(--yt-guide-entry-text-color);
}

#guide-section-title {
    font-family: "Roboto","Arial",sans-serif !important;
    font-size: 1.6rem !important;
    line-height: 2.2rem;
    font-weight: 500 !important;
    overflow: hidden;
    display: block;
    max-height: 2.2rem;
    -webkit-line-clamp: 1;
    display: box !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    padding: 6px 12px 4px;
    color: var(--yt-spec-text-primary) !important;
    text-transform: none !important;
    max-height: 32px !important;
}



/*MINI GUIDE SIDEBAR
*/
ytd-mini-guide-renderer.ytd-app {
    background-color: var(--yt-main-app-background);
}

ytd-mini-guide-entry-renderer[background-color-update] {
    background-color: var(--yt-main-app-background);
}

ytd-mini-guide-entry-renderer[background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
    color: var(--yt-guide-entry-text-color);
}

.title.ytd-mini-guide-entry-renderer {
    color: var(--yt-guide-entry-text-color);
}

/*LOGO YOUTUBE*/

#logo-icon-container.ytd-topbar-logo-renderer {
    width: 97px;
    height: 29px;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}

/*VIGNETTES BARRE LATERALE*/
#zecha-zone-colonnes2 .yt-img-shadow
{
    border-radius: 8px !important;
}



/*YOUTUBE BOUTONS EN HAUT*/

#scroll-container.ytd-feed-filter-chip-bar-renderer
{
    margin-left : 0;
    margin-right: 0;
}

ytd-feed-filter-chip-bar-renderer {
    border-top: 0;
    border-bottom: 0;
    background-color: var(--yt-main-app-background);
}

yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:first-of-type
{
    margin-left:0 !important;
}

yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"]
{
    border:0;
}

yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected], yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
    background-color: var(--yt-spec-text-primary);
    color: var(--yt-spec-text-primary-inverse);
}
yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:first-of-type {
    margin-left: var(--yt-feed-filter-chip-bar-margin-left-first-item, 24px);
}

yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT], yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER], yt-chip-cloud-chip-renderer[chip-style=STYLE_COLOR_RED], yt-chip-cloud-chip-renderer[chip-style=STYLE_COLOR_GREEN], yt-chip-cloud-chip-renderer[chip-style=STYLE_COLOR_BLUE], yt-chip-cloud-chip-renderer[chip-style=STYLE_REFRESH_TO_NOVEL_CHIP] {
    background-color: var(--yt-spec-badge-chip-background);
    color: var(--yt-spec-text-primary);
    padding: 0 var(--ytd-margin-3x);
    transition: background-color .5s cubic-bezier(.05,0,0,1);
}
yt-chip-cloud-chip-renderer[modern] {
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
}
yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer {
    margin: 12px 9px;
    margin-left: 0;
}
yt-chip-cloud-chip-renderer {
    height: 32px;
    min-width: 12px;
    padding: 0 10px;
    border-radius: 8px;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    position: relative;
    font-family: "Roboto", "Arial", sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    display: inline-flex;
}

#chips.ytd-feed-filter-chip-bar-renderer {
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.05,0,0,1);
    will-change: transform;
    display: inline-block;
    white-space: nowrap;
}


/* YOUTUBE ONGLETS MOBILE */

.chip-bar-contents {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px
}

.chip-bar-contents::-webkit-scrollbar {
    display: none
}

.chip-bar-contents {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.chip-bar-contents>* {
    display: inline-block;
    vertical-align: text-top
}

ytm-chip-cloud-chip-renderer {
    margin-right: 6px; /* C'était 12 à la base */
    padding: 8px 0
}

ytm-chip-cloud-chip-renderer:first-of-type {
    margin-left: 12px
}

ytm-chip-cloud-chip-renderer:last-of-type {
    margin-right: 16px
}

ytm-chip-cloud-chip-renderer {
    cursor: pointer;
    outline: none;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.chip-container {
    height: 32px;
    min-width: 48px;
    text-align: center;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 8px;
    border: 0
}

[chip-style=STYLE_DEFAULT] .chip-container,[chip-style=STYLE_HOME_FILTER] .chip-container,[chip-style=STYLE_REFRESH_TO_NOVEL_CHIP] .chip-container,[chip-style=STYLE_COLOR_RED] .chip-container,[chip-style=STYLE_COLOR_GREEN] .chip-container,[chip-style=STYLE_COLOR_BLUE] .chip-container {
    background-color: var(--yt-spec-badge-chip-background);
    color: var(--yt-spec-text-primary);
    -webkit-transition: background-color .5s cubic-bezier(.05,0,0,1);
    transition: background-color .5s cubic-bezier(.05,0,0,1)
}

[chip-style=STYLE_DEFAULT].selected .chip-container,[chip-style=STYLE_HOME_FILTER].selected .chip-container,[chip-style=STYLE_COLOR_RED].selected .chip-container,[chip-style=STYLE_COLOR_GREEN].selected .chip-container,[chip-style=STYLE_COLOR_BLUE].selected .chip-container {
    background-color: var(--yt-spec-text-primary);
    color: var(--yt-spec-text-primary-inverse);
}

.chip-text {
    max-width: 20rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chip-text.modern {
    font-family: "Roboto","Arial",sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

/* FORMULAIRE STYLE */
.select-wrapper
{

}

#video_chaine, #video_edit_chaine
{

    display: block;
    font-size: 14px;
    margin-top: 10px;
    padding: 5px 50px 5px 3px;
    border-radius: 8px;
    color:black;
    text-align: left;

}

/* J'en profite pour ajuster la line-height des noms de chaînes et statistiques de vidéos (DESKTOP) */
ytd-video-meta-block[rich-meta] #channel-name.ytd-video-meta-block, ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {
    line-height: 20px;
}

#byline-container.ytd-video-meta-block{
    max-height: 2.5rem;
}

/* Amélioration du design de la sidebar pour qu'elle soit plus conforme à YT */
h3.ytd-compact-video-renderer {
    color: var(--yt-spec-text-primary);
    margin-top: 2px;
}

.administration .col-md-12>label
{
    font-size: 1.4rem;
    margin-top:20px;
}