/*** Esup Pod main CSS ***/
html:root {
    /* BOOTSTRAP COLORS */
    /* primary color is defined in bootstrap-$theme$.css */
    --primary: #D72525;
    --primary2: #D72525; /*var(--primary);*/
    --link-color: #D72525;
}

html:not([data-theme="dark"]):root {
    /* COMMON COLORS */
    --color-transparent: transparent;
    --color-white: white;
    --color-black: black;
    --color-alto: #ddd;
    --color-sisal: rgba(218,208,190,1);
    --color-black-alpha: rgba(0, 0, 0, .6);
    --color-silver: #fff; /*#ccc;*/ 
    --color-fuzzy-wuzzy-brown: rgba(201, 76, 76, .3);
    --color-silver-chalice: #fff; /*#aaa;*/ 
    --color-outer-space: rgba(40,48,56, .5);
    --color-red: #D72525;
    --color-mine-shaft: #222;
  
    /*****************
     * CUSTOM COLORS *
     *****************/
    --bg-color: var(--color-white);
    --background-color: var(--bg-color);
    --font-color: var(--color-mine-shaft);
  
    /* BOOTSTRAP COLORS */
    /* primary color is defined in bootstrap-$theme$.css */
    --primary: #e22421;
    --primary2: #e22421; /*var(--primary);*/
    --link-color: #e22421;
    --light: #f8f9fa;
    --dark: #343a40;
    --color-formfields: #f1f1f1;
    --activelink-color: #e22421;
}

/*.table,*/
.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-toggler {
  /*color: var(--font-color);*/
  color: #fff !important;
}

html:not([data-theme="dark"]) .btn-outline-primary, .btn-primary{
	color: #fff !important;
    background-color: #e22421 !important;
    border-color: #e22421 !important;
	word-wrap: break-word;
}

/* insa strasbourg  */
html:not([data-theme="dark"]) .bg-light.navbar-light{
    /*background: #4a4a4a !important;*/
    background: #0c090d url(images/bg-poly.png) repeat-x center bottom !important;
    
}
html:not([data-theme="dark"]) body{
    /*background: #4a4a4a !important;*/
    background: #f1f1f1 url(images/bg-full-gray-pattern.png) repeat center center !important;
}

html:not([data-theme="dark"]) .bg-light.navbar-light.headerBar{
    background: #4a4a4a !important;
    padding: 2px;
}

html:not([data-theme="dark"]) .headerBar a{
	color: white;
	font-size: 0.9rem;
}

html:not([data-theme="dark"]) .navbar-items-pod{
	/*background: #4a4a4a !important;*/
}
html:not([data-theme="dark"]) #nav-addvideo, .btn.addvideo:hover {
	background: #4a4a4a;
	border: 1px solid white;
        color:white !important;
}
html:not([data-theme="dark"]) #nav-addvideo a {
    color:white !important;
}


html:not([data-theme="dark"]) #nav-addvideo a:hover {
	background: #4a4a4a;
}
html:not([data-theme="dark"]) .addvideo{
	background: #4a4a4a;
}
/*html:not([data-theme="dark"]) .nav-link-icone {
	color:white !important;
}*/
html:not([data-theme="dark"]) .nav-item:hover .nav-link-icone:hover {
	color: #8f8f8f !important;
    /*color: white !important;*/
}

html:not([data-theme="dark"]) #nav-addvideo:hover .nav-link-icone{
	color: white !important;
}
html:not([data-theme="dark"]) .navbar-light .navbar-nav .nav-link{
	/*color: white !important;*/
}
html:not([data-theme="dark"]) .bg-dark {
	/*background-color: #4a4a4a !important;*/
    background: #0c090d url(images/bg-poly-gray.png) repeat-x top center !important;
}
html:not([data-theme="dark"]) .navbar-light .navbar-brand{
	/*padding: 0 10px;*/
	/*color:white;*/
}

html:not([data-theme="dark"]) .badge-primary {
    color: #fff;
    background-color: #D72525;
}

html:not([data-theme="dark"]) .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #D72525;
}


html:not([data-theme="dark"]) .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #D72525;
}

.comment_label::after{
    content:" (cet espace de commentaires ne doit pas contenir de données personnelles inutiles et/ou être contraire à l'ordre public et aux bonnes mœurs.) "
}


footer p.hidden-pod {
    margin-bottom: 0;
}