body {
	/*font-family: 'Cabin', sans-serif; */
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: 'Catamaran', sans-serif;*/
	font-family: 'Catamaran', sans-serif;
	font-size: 1.1rem;
}

/* hack tooltip bootstrap pour ne pas les afficher sinon on est obligé de lciquer 2 fois su trles mobiles */
/* https://stackoverflow.com/questions/11903001/hiding-bootstrap-tooltips-on-mobile-using-media-queries */
@media only screen and (max-width: 1024px) {
	.tooltip {
		display: none !important;
	}
}

/* enrichissement boostrap */
.font-underline {
    text-decoration: underline;
}

/********** LIENS **************/
/*
a {
	color: #000;
}
*/
a:hover, a:active, a:visited, a:link {
	text-decoration: none; 
}

a.cursor-pointer:hover {
/*	cursor: pointer; */
}

.fa-stack-stars {
    display: inline-block;
    height: 2.1em;
    line-height: 1.9em;
    position: relative;
    vertical-align: middle;
    width: 1.2em;
}

/******* TYPOGRAPHIE ***********/

h1 {
	font-family: 'Anton', sans-serif;
}

h2, h3, h4, .std-font {
	font-family: 'Catamaran', sans-serif;
}
	
h4.titre {
	font-family: 'Anton', sans-serif;
	font-size: 1.6rem;
}
h6.titre {
	font-family: 'Anton', sans-serif;
}
.film {
	font-family: 'Anton', sans-serif;
/*	font-size: 1rem; */
/*	vertical-align: -1px; */
	color: rgba(0, 0, 0, 0.5);
	text-transform: uppercase; 
}
.internaute {
    font-family: Georgia,serif;
    font-style: italic;
}

.manuscrit {
	font-family: 'Indie Flower', cursive;
}

.pt-190px {
  padding-top: 190px;
}

.abcdaire .btn {
	width: 2.15rem;
}

.decadaire .btn {
	width: 3rem;
}

/* correctif font-awesome 5 free css pour ajout étoiles demi pleine (stack) */
.fa-stack-stars {
    display: inline-block;
    height: 2.1em;
    line-height: 1.9em;
    position: relative;
    vertical-align: middle;
    width: 1.2em;
}

.faArrowIcon {				/*https://stackoverflow.com/questions/14736496/use-font-awesome-icons-in-css*/
	position:relative;
}

.faArrowIcon:before {
	font-family: Font Awesome\ 5 Free;
	top:0;
	left:-5px;
	padding-right:10px;
	content: "\f073";   /* f35a*/
}

.dropdown-item:hover {
    background-color: #0468bd;
	color: white;
}

.small-dropdown-divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #eceeef;
}

.w5rem {
	width: 5rem;
}

/********** CARDS **************/

.card {
	margin-bottom: 1rem;
}

/********** COULEURS **************/

.bg-white {
	background-color: #fff;
}

.bg-silver {
	background-color: silver;
}

.bg-gris {
	background-color: #444;
}

.bg-scifi-movies {
	background-color: #ebc133;
}
.bg-degrade-light {
	background-image:linear-gradient(#f8f9fa, white);
}

.green {
	color: green;
}
.red {
	color: red;
}
.black {
	color: black;
}
.silver {
	color: rgba(0, 0, 0, 0.5);
}
.bg-pantone-bleu {
	background-color: #0468bd;
}
.pantone_bleu {
	color: #0468bd;
}
.blanc-sur-noir {
	color: white;
	background-color: black;
}
.noir-sur-blanc {
	color: black;
	background-color: white;
}

/********** MODIFICATION POUR BX-SLIDER **************/

.bx-shadow {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}
#lst_crit .bx-wrapper {
	margin-bottom: 0!important;
}

/********** FOOTER **************/

.cs-footer {
	padding: 2rem 0rem;
}

.cs-footer ul {
	padding-left: 0;
    list-style: none;
}

.cs-footer ul li a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
}

.cs-footer ul li a:hover {
    color: #5bc0de!important;
}

/********** POLICES **************/

.smaller {
    font-size: .8rem;
}
.x-small {
    font-size: .7rem;
}
.bigger {
    font-size: 1.2rem;
}
.x-bigger {
    font-size: 1.4rem;
}
.palmares {
	display: block;
	width: 2rem;
}
.lower, .tominuscules {
	text-transform: lowercase;
}
.upper, .tomajuscules {
	text-transform: uppercase;
}
.surligne {
	border-top: 1px dotted silver; 
}
.souligne {
	border-bottom: 1px dotted silver;
}
.souligne4x {
	border-bottom: 4px dotted silver;
}
p.search-num {
	width: 2.5rem;
	text-align: right;
	font-family: 'Anton', sans-serif;
	font-size: 2rem;
}
p.date-num {
	width: 2.5rem;
	text-align: right;
	font-family: 'Anton', sans-serif;
	font-size: 1.6rem;
	position: relative;
	top:-.5rem;
}
p.search-titre {
	font-family: 'Anton', sans-serif;
	font-size: 1.3rem;
	position: relative;
	top:-.35rem;
}

p.fin, figcaption.fin {
	opacity: 0.2;
}
p.fin:hover, figcaption.fin:hover {
	opacity: 1;
}

/****************************************************************************/
/*                   PHOTOGRAMME VIDEO										*/
/****************************************************************************/

.photogramme {
	height: 6.375em;	/* 102px */
}

.photogramme .dessous {
	position: relative;
	z-index: 0;
}

.photogramme .dessus {
	position: relative;
	top: -6.25em;		
	left: 1.08em;		
	z-index: 1;
}

#video_slider .photogramme .dessus {		/* correction du au slider bx */
	position: relative;
	top: -6em;		
	left: 1.06em;	
	z-index: 1;
}

/******************************************************************************/
/*				BLOC ECRAN FANTASTIQUE										  */
/******************************************************************************/

a#ecranf {
	width: 150px;
	height: 201px;
	display: block;
	float: left;
	background: url('../images/site/bannieres/ecranfantastique1.jpg') center no-repeat;
	padding: 1em;
}

a#ecranf:hover {
	background: url('../images/site/bannieres/ecranfantastique2.jpg') center no-repeat;
}

/******************************************************************************/
/*                   PETITS ICONES D'ACTION UTILISATEUR						  */
/******************************************************************************/

#user-icons {
	display: block;
	width: 19em;
	height: 3em;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	border:none 0px #000000;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:75px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:75px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:75px;
	border-bottom-right-radius:0px;
	background-color: rgba(0,0,0,0.6);
}

.user-icons-item {
	display: inline-block;
	float: right;
	width: 3.4em;
	height: 2.6em;
	margin-right: 0.2em;
	padding: 0.2em;
	text-align: center;
	color: white;
	overflow: hidden;
	text-align: top;
}

.user-icons-item a {
	color: white;
	text-decoration: none;
}

/******************************************************************************/
/*                   BLOC NOTE EPISODE										  */
/******************************************************************************/
#blocepisode_note {
	display: block;
	width: 4em;
	height: 4em;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	border: none;
	background-color: rgba(0,0,0,0.6);
}

.bloc_moyenne {
}

/*
.bloc_moyenne {
	display: block;
	position: static; 
	right: 0;
	top: 0;
	width: 5rem;
	height: 5rem;
	margin-top: 2.5em;
	margin-left: 0.5em;
	float: right;
	border: 1px solid silver;
	text-align: center;
	line-height: 1.5em;
}
.bloc_moyenne p {
	margin: 0;
	padding: 0;
}
*/

/******************************************************************************/
/*                   BLOC AFFICHAGE DATE DANS BANNIERE						  */
/******************************************************************************/

#bloc-status {
	display: block;
	width: 15.6em;
	height: 5em;
	color: #fff;
	position: absolute;
	left: 0.5rem;
	bottom: 0;
	z-index: 1;
}

.bloc-status-item {
	display: inline-block;
	float: left;
	width: 5em;
	height: 5em;
	margin-right: 0.2em;
	text-align: center;
	vertical-align: center;
	color: white;
}

.bloc-status-item-date {
	display: block;
	height: 4.6em; 
	border: solid 0.2em #999;
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 0px; 
}
.bloc-status-item-date p {
	width: 3.2em;			/* 4.6 - 1.4 = 3.2 */
	line-height: 3.2em;
	text-align: center;
	font-size: 1.4em;
	color: white;
	font-weight: bold;
	cursor: default;
}
.bloc-status-item-date p span {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	line-height: 1em; /* on rétablit le line-height */
}

.affiche-de-base {
	width: 20rem;
}


/******* GENERIQUE **********/

dl.generique dt {
	text-align: right;
	margin-bottom: 0;
	padding: 0 .5rem;
}
dl.generique dd {
	text-align: left;
	margin-bottom: 0;
	padding: 0 .5rem;
}

/******* CORRECTION FANCYBOX pour rendre plus difficile copie images **********/

.fancybox-prev {
	left: 0;
	width:50%;
}

.fancybox-next {
	right: 0;
	width:50%;
}

.quizz-avatar-auteur {
	padding-left: 5rem;
/*	white-space:nowrap;
	overflow:hidden; */
}
.quizz-avatar-image {
	position: absolute;
	left: 1rem;
	top: .5rem;
	max-width: 100px;
    border: 3px solid #fff;
}
.quizz-ouvert {
	position: absolute;
	left: 1rem;
	top: .5rem;
	color:white;
}
.note-quizz {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	right: 1rem;
	top: 6rem;
	width: 5rem;
	height: 5rem;
}
.photo-quizz {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	left: 1rem;
	top: 6rem;
}