@import url("common.css");
/* -------------- MISE EN FORME DES CONTENEURS PARENTS -------------- */

*, ::after, ::before {
    box-sizing: border-box;
}
#enveloppe {
	width: 770px; /* version originale */
	margin: 0 auto;
	padding-top:0px;
}

#sidebar{
	display: table-cell;
	width: 199px; /* Annuserie original*/
	background-color:#fefdf4;
	margin: 0;
	padding: 0;
	border-right: black solid 1px;
	vertical-align:top;
	bottom:0;
}

#sidebar-classic{
	display: table-cell;
	width: 157px; /* Annuserie original*/
	background-color:#fefdf4;
	margin: 0;
	padding: 0;
	border-right: black solid 1px;
	vertical-align:top;
	bottom:0;
}

.colonne-gauche {
	width: 157px;
	background-color:#fefdf4;
	/* fefdee */
	margin: 0;
	padding: 0;
	border-right: black solid 0px;
	vertical-align:top;
}

#content{
	display: table-cell;
	 width: 570px; /* Annuseries original */
	background-color:#fefdf4;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: top;
	bottom:0;
}

#content-classic{
	display: table-cell;
	table-layout: fixed;
	/* width: 690px; */ /* version large */
	 width: 610px; /* Annuseries original */
	background-color:#fefdf4;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: top;
	bottom:0;
	text-align: left;
}

#content-unique{
	/* width: 570px; /* Annuseries original */
	background-color:#fefdf4;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.colonne-centre-drt
{
  background-color: #fefdf4;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  width: 609px;
  vertical-align: top;
}

#footer {
	clear: both;
}

/* Selecteur alphabetique sous forme de carr�s avec hover */
#abc ul { list-style:none; display:block;}
#abc li {  display:inline-flex; font-weight:bold; margin: 0 1px 0 1px;}
#abc li a { padding: 3px 4px 3px 4px; border: 1px black solid; color: #333; background-color:#fff; text-decoration:none; }
#abc li a:hover { padding: 3px 4px 3px 4px; color: #fff; background-color:#333; }

.pair { background-color:#E5E5FF;}
.pair tr:hover {background-color: #FFEEB8;}
.impair { background-color:#CCCCFF;}
.impair tr:hover {background-color: #FFEEB8;}

#bump { height:7px;}

/* Mise en forme des tableaux (de formulaires) */
.col1 {background-color: #DCEBFE; margin-left:8px; font-weight:bold;}
.col2 { background-color: #F9F9F9; }

.tableform {
	width: 100%; 
	font-weight:bold;
	
	line-height: 1.5em;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	padding: 5px 10px 15px 10px;
	margin:0;
	text-align : left;
}

/*  Retrait du html pr integration CSS */
.sortiedvd {
	float:left;
	width:187px;
	border-right: black solid 1px;
}

.searchonannuseries {
	float:right;
	/*width: 500px; */ /* version large */
	width: 382px; /* version originale */
}

/* Classes Infobulles */
.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info-bulle { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


.headerlink {
	width : 300px;
}
.headerlink  ul { list-style:none;}
.headerlink  li { margin: 0 1px 0 1px;}

.bloc-connexion {
	position:relative;
	background:black;
}
.tag {
	background: #3d88b2;
	display: inline-block;
	color: #fff;
	padding: 1px 3px;
	margin-right: 0px;
	font-family: arial;
	font-size: 0.9em;
	font-weight: bold;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 1px #cacaca;
	-webkit-box-shadow: 0 1px 1px #cacaca;
	-moz-box-shadow: 0 1px 1px #cacaca;
	-khtml-box-shadow: 0 1px 1px #cacaca;
	color: #fff;
	margin-right: 5px;
}

.rss-icon {
	float:right;
	margin-right : 8px;
}

.logo-img a img {
	margin-left:0px;
	margin-top:0px;
	float:left;
}

/* TEMPORAIRE le temps de switcher sur bootstrap */
.navbar {
	/*display : none;*/
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.collapse:not(.show) {
    display: none;
}

.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.container {
    max-width: 1140px;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
nav .navbar-nav li a{
  color: white !important;
  line-height: 25px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: bold;
}

.form-inline .custom-select, .form-inline .input-group {
    width: auto;
}