@font-face {
	font-family: 'bang';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/bang whack pow.ttf')  format('truetype');
}

@font-face {
	font-family: 'myriad';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Myriad-Pro-Bold_31631.ttf')  format('truetype');
}

@font-face {
	font-family: 'duedate';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/DueDate.ttf')  format('truetype');
}
@font-face{
	font-family:"Impact";
	src:url("../fonts/impact.ttf") format('truetype');
}
@font-face{
	font-family:"cooper";
	src:url("../fonts/cooper.ttf") format('truetype');
}

@font-face{
	font-family:"coquette";
	src:url("../fonts/Coquette Regular.ttf") format('truetype');
}

@font-face{
	font-family:"coquetteBold";
	src:url("../fonts/Coquette Bold.ttf") format('truetype');
	font-weight: 600;
}

body {font-family:'myriad', Arial, Helvetica, sans-serif}

h1, h3, h4 {font-family: 'myriad', Arial, Helvetica, sans-serif;}

h1 {
	color: #ffc600;
	text-transform: uppercase;
	margin: 35px 0;
}

.container-fluid {
	padding: 0px !important;
}
h3.widget-title {
margin-top: 0px;
}

body .container > div {
    background-color: #fff;
}

#skycrapper-left, #skycrapper-right {
	width: 0;
    height: 0;
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
}

#skycrapper-left a, #skycrapper-right a {
	height: 100%;
	width: 100%;
	display: block;
}
#skycrapper-left {
	left:0;
	background-position: top right;
}

#skycrapper-right {
	right:0;
	background-position: top left;
}
/************************************************DEBUT FOOTER*************************************************************************************/
*{
	padding: 0;
	margin: 0;
}
a{
text-decoration:none;
color: #3498f0;
}
#footer_haut{
	background-color:  #ffe074;
	padding: 5px 0px;
}

#footer_haut .container > div {
	height: 70px;
}

#footer_haut .imgSection {
	width: 20%;
	display:block;margin:0 auto;
}

#footer_haut a {
	color: #333;
font-size:14px;
}

#footer_haut a {
	color: #333;
font-size:14px;
}
#footer_bas{
	background-color:lightgoldenrodyellow;
	font-size: 80%;
	color: #333;
}

.abas {
	margin-top: 40px; 
	display: inline-block;
	width: auto;
	color: #333;
	font-size: 14px;
}
.abas:nth-child(2) {margin-left:10px;margin-right:10px;}
@media (max-width: 767px) {
	.navbar-search-bottom form {width: 100%; padding-left:15px;}
	.navbar-search-bottom #searchbar {width: 100%;}
	.navbar-search-bottom .input-group-addon {background: transparent none no-repeat scroll 0% 0%;border: medium none;padding: 0px;}
	.abas:nth-child(2) {margin-left:10px;margin-right:10px;}
}
@media (min-width: 768px) and (max-width:991px) {
	.navbar-search-bottom {margin-top: 35px;}
	.navbar-search-bottom .input-group {width: 100%;}
	.navbar-search-bottom .form-group {width: 100%;}
	.navbar-search-bottom form {width: 100%; padding-left:0px;}
	.navbar-search-bottom #searchbar {width: 100%;}
	.navbar-search-bottom .input-group-addon {background: transparent none no-repeat scroll 0% 0%;border: medium none;padding: 0px;}
	.abas:nth-child(2) {margin-left:50px;margin-right:50px;}
}
@media (max-width:991px) {
	.abas {margin-top: 15px;}
	.navbar-search-top {display: none;}
}
@media (min-width:992px) {
	.navbar-search-bottom {display:none;}
}
.pbas {
	margin-bottom: 10px; 
	clear: both;
	text-align: center;
	font-size: 12px;
	padding-top: 13px;
}

.inputSubscription {

	background-color: lightgray;
}

#footer_bas .btn-subscription {
	margin: 0px;
	position: relative;
	top: -2px;
}

footer{
	font-size: 12px;
}
/************************************************DEBUT  HEADER*************************************************************************************/
header {
	background-color: #fff;
}

header a{
	color:black;
}
.logo{
    padding: 0px 35px;
    margin-left: -20px;
    margin-top: 15px;
	margin-bottom: 10px;
}
@media (max-width:768px) {
	.logo{
		margin-left: 0px;
		margin-top: 50px;
	}
}

@media (max-width: 991px) {
	#navpanel {
		visibility: hidden;
	}
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #000;
    background-color: #ffde6d;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
background:none;
text-decoration:underline;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a{
    color: #000;
    background-color: transparent;
	text-shadow: unset;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
     border: 0px;
	 padding: 0;
}
.navbar-nav > li:last-child > a {padding-right: 12px;}
 

.connectbar {
padding: 10px 0px 3px 0px;
}
.connectbar .form-group { margin-bottom: 5px;}
img.img-icon {
	border: 5px solid #ffc600;
	position: absolute;
	margin-left: 35px;
	z-index: 10;
	transition: transform .2s;
}
img.img-zoom:hover {
	transform: scale(1.2);
}

.connectbar .form {
background: rgb(255, 198, 0) none repeat scroll 0% 0%;
padding-left: 25px;
padding-top: 5px;
z-index: 0;
margin-top: 7px;
}
.connectbar .go {
background: rgb(255, 198, 0) none repeat scroll 0% 0%;
padding-top: 5px;
margin-top: 7px;
text-align: center;
padding-bottom:2px;
margin-bottom: 10px;
}
.connectbar .form-control {
padding: 3px 12px;
height: 25px;
}
.connectbar .input-group-addon {
padding: 3px 3px 3px 16px;
background: none;
border: none;
}
.noPadding {padding:0px;}
.connectbar form {

}
.connectbar form table {
	border-spacing: 2px;
	border-collapse: separate;
}
@media (min-width:768px) {
	#logpanel {
	margin-left: 147px;
	}
}

.forgotpass {
	color: rgb(51, 122, 183); font-size: 70%; display: block; height: 20px;
}

.btn-subscription {
    border-radius: 0;
    color: black;
    margin-left:5px;
	font-size: 12px;
	padding: 8px 3px;
}
.topbtnsub {
background: #ffc600; padding: 4px 0px; text-align:center;
}


#welcomeTo {
	text-transform: uppercase;
	font-family: 'myriad', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-bottom:0px;
}

@media (max-width: 991px) {
	.topbtnsub {
	background: #eee;
	}
	.btn-subscription {
	background: #ffc600;
	}
	#welcomeTo {
		margin-right: 45px;
    	margin-top: -20px;
    	margin-bottom: 25px;
	}
}
.img-flag {
	display: inline-block;
	margin:-2px 2px 2px 2px;
}

.img-flag-selected {
	border-shadow: 2px 2px 2px;
}
.flags {
	position: absolute;
    top: 97px;
    margin-left: 585px;
	z-index: 1000;
}
.cart {
	top: 90px;
    position: absolute;
    margin-left: 705px;
	z-index: 1000;
}
#logpanel.islogged .connectbar .form {padding-bottom:5px;padding-right:0px;}
#logpanel.islogged .connectbar .form .col-xs-2 span{ display: none;}

@media (max-width: 991px) {
	img.img-icon {
	position: relative;
	margin-left: 15px;
	max-width: 70px;
	}
	.connectbar .go {
	background: none;
	padding-bottom:0px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
	.connectbar .input-group-addon {
	display: none;
	}
	.connectbar .form {
	background: none;
	padding-left: 0px;
	width: 255px;
	padding-top: 0px;
	}

	.connectbar:first-child {
		height: 133px;
	}

	.connectbar .form-group { padding-left: 15px;}
	.connectbar form {
	padding: 0px;
    position: absolute;
    left: 50%;
    margin-left: -105px;
	}

	form > div {
		width: 233px;
	}
	.connectbar form input.form-control{width: 210px;border-radius: 4px !important;}
	.flags {
	 position: relative;
    text-align: center;
    top: 0px;
    margin-left: 12px;
	}
	.flags {z-index: 0;}

	.cart {
		margin-left: 0;
	    position: relative;
	    text-align: center;
	    top: 0;
	}
	img.logo {z-index:-1}
	.homelink {z-index: -1}
	.logolink {z-index:-1}
	#logpanel .extruder-content .text {overflow: hidden; height: 185px;}
	.seconnecter {
	margin: 2px 0 0 20px !important;
    position: absolute; !important;
    top: 98px !important;
    left: 50% !important;
    min-width: 99px;
	}
	.creeruncompte {
	position: absolute !important;
    top: 110px !important;
    left: 50% !important;
	margin-left: -87px !important;
	border-radius: 4px;
	border: 1px solid orange;
	padding: 7px 3px;
	 text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    min-width: 99px;
	}
	.forgotpass {
    position: absolute !important;
    top: 150px !important;
	left: 50% !important;
	margin-left: -55px !important;
	}
	.positionabs {position: unset !important;}
	#logpanel .extruder-content .text,  #logpanel .extruder-content .text .row{background: #eee;}
	#logpanel.islogged  .text, #logpanel.islogged  .text .row {background: #ffc600 !important;}
	#logpanel.islogged .img-icon {border: 3px solid #333; position: absolute;top:-45px; margin-left: 20px;}
	#logpanel.islogged .connectbar {padding-top: 50px;}
	/*** auteur loggé***/
	#logpanel.islogged .connectbar .form {padding-left:16px;width: 100%;}
	#logpanel.islogged .btn-info {margin-top: 5px; margin-right: 20px;}

	#logpanel.islogged .connectbar .form .col-xs-2{max-width:100% !important;}
	#logpanel.islogged .connectbar .form .col-xs-offset-1 {margin-left: 2%;}
	#logpanel.islogged .connectbar .form .col-xs-2 a {text-align: center;}
	#logpanel.islogged .connectbar .form .col-xs-2 img{ margin: 0 auto;}
	#logpanel.islogged .connectbar .form .col-xs-2 span{ display: block; color: #333;margin-top: 2px;font-size: 9px;}
	#newMessages { height: 10px !important;margin-right: -8px;right: 0;width: 10px !important;}
}

@media (max-width:991px) {
	#logpanel .extruder-content .connectbar {
		padding-right: 30px;
	}
}


@media (min-width: 768px) and (max-width:991px) {

	#logpanel.islogged .connectbar .form .col-xs-2 span{font-size: 14px;}
	#logpanel.islogged .btn-info {margin-top: 0px;}
	img.img-icon {
	position: relative;
	margin-left: 60px;
	max-width: 80px;
	}
	.connectbar .go {
	background: none;
	padding-bottom:0px;
	margin-bottom: 0px;
	}
	.connectbar .input-group-addon {
	display: none;
	}
	.connectbar .form {
	background: none;
	padding-left: 0px;
	width: 255px;
	padding-top: 0px;
	}
	.connectbar .form-group { padding-left: 15px;}
	.connectbar form {
	padding: 0px;
    position: absolute;
    left: 50%;
    margin-left: -105px;
	}
	.connectbar form input.form-control{width: 210px;border-radius: 4px !important;}
	.flags {
	position: absolute;
    top: 11px;
    margin-left: 12px;
	z-index: 10000;
	}
	.flags a {z-index: 10000;}
	.flags a:nth-child(2) {margin-left:10px;}
	.cart {
		top: 5px;
		position: absolute;
		margin-left: 115px;
		z-index: 10000;
	}
	.cart a {z-index: 10000;}
	img.logo {z-index:-1}
	.homelink {z-index: -1}
	.logolink {z-index:-1}
	#logpanel .extruder-content .text {overflow: hidden; height: 185px;background: #eee;}
	#navpanel .extruder-content .text {overflow: hidden; height: 330px;}
	.seconnecter {
	margin: 2px 0 0 20px !important;
    position: absolute !important;
    top: 98px !important;
    
	}
	.creeruncompte {
	position: absolute !important;
    top: 110px !important;
    left: 50% !important;
	margin-left: -87px !important;
	border-radius: 4px;
	border: 1px solid orange;
	padding: 7px 3px;
	color: #333;
	}
	.forgotpass {
    position: absolute !important;
    top: 150px !important;
	left: 50% !important;
	margin-left: -55px !important;
	}
	.positionabs {position: unset !important;}
	/***lecteur loggé***/
	#logpanel.islogged  .text {background: #ffc600 !important;}
	#logpanel.islogged .img-icon {border: 3px solid #333}
	#logpanel.islogged .connectbar {padding-top: 50px;}
	/*** auteur loggé***/
	#logpanel.islogged .connectbar .form {padding-left:20px;padding-top:2px !important;}
	#newMessages {  height: 20px !important;right: 0;width: 20px !important;}
}

@media (max-width: 767px) {
	.connectbar {
		padding: 0 2px;
	}

	.connectbar form input.form-control {
 	   width: 187px;
	}

	.seconnecter {
		margin: 2px auto !important;
	    position: unset !important;
	    top: 98px !important;
	    min-width: 99px;
	}

	.go {
		width: 240px;
	}

	.forgotpass {
		position: unset !important;
		margin: 2px auto !important;
	}
	.creeruncompte {
		position: unset !important;
	    margin: 2px auto !important;
		padding: 7px 3px;

	}
	.topbtnsub {
		margin: 3px;
		margin-top: 70px;
		margin-left: 38px;
	}

	.col-xs-2.visible-xs {
		margin-left: -4px;
	}
}

/************************************************DEBUT NAV*************************************************************************************/
#bs-navbar-collapse { padding:0;}
.nav-infinity-bar {
	height:37px;
	background: #ffc600 !important;
}
.navbar-nav {float: none;}
nav {
	background: #ffc600 !important;
	font-family: 'bang', Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.navbar {
	min-height: 33px !important;
}

.navbar-form {
	margin: 0px;
	width: 245px;
}

.navbar-inverse {
    border-color:  #ffc600;
	border-radius: 0px !important;
	z-index:1;
	margin-bottom:0px;

}

.nav {
	color: #4c4b50 !important;
}

.navbar-nav > li > a {
	padding: 4px 10px;
}

.nav li {
	padding-top: 5px;
}

.nav li.active a, .navbar-inverse .navbar-nav > .open > a {
	background-color: #ffe074 !important;
	background-image: none !important; 
	
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25) inset !important;
}

.nav li a {
	color: #4c4b50 !important;
	margin-top: -6px;
}

#serieTabs .nav li a {
	padding: 10px;
	width: 100%;
}

.numericOtherEdition {
	width:175px;margin: 0 auto;float: left;
}
@media (max-width: 461px) {
	.ui-tabs .ui-tabs-nav li {
		width: 100%;
		text-align: center;
		
	}

	#serieTabs .nav li a {
		border: 1px solid white;
	    color: #454545 !important;
	    padding-top: 4px;
	    margin: 0 !important;
	}

	#serieTabs .nav li a:hover, #serieTabs .nav li.ui-tabs-active a {
		background-color: #ffc600;
	    color: #454545 !important;
	    
	}

	.numericOtherEdition {
		float: none;
	}
}

.nav li.active a i {
	background-color: #ffe074 !important;
	border-radius: 50%;
}

.nav li a i {
	background-color: #ffe074 !important;
	text-align: center;
	border-radius: 50%;
	padding: 5px;
}
.navbar-toggle {
    position: relative;
    float: left;
    padding: 7px 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.navbar .input-group-addon {
    padding: 0;
    background-color: none;
    border: none;
    border-radius: 4px;
}

@media (max-width: 991px) {
	#searchbar {width:200px;}
	/*.navbar-form {position: fixed;top: 50px;left: 50%;margin-left: -100px;}*/
	#bs-navbar-collapse .navbar-nav  .fa {display: none;}
	#bs-navbar-collapse .navbar-nav > li {float: none;}
	#bs-navbar-collapse .navbar-nav li a {background: #000; color: #fff !important;padding-top:10px; font-size: 18px;}
	.navbar-inverse {
		background: #000 !important;
		color: #fff;
		border-color: #000;
		}
	#bs-navbar-collapse .navbar-nav li.active a {color: #000 !important;}
	#bs-navbar-collapse .navbar-nav .open a {
	background-color: #000000 !important;
	background-image: none !important; 
	}
#bs-navbar-collapse .navbar-nav .active.open  a {
	background-color: #ffe074 !important;
	}
#bs-navbar-collapse .navbar-nav  .open .dropdown-menu {
	background-color: #000000 !important;
	margin-left:15px;
	color: #fff;
	}
#bs-navbar-collapse .navbar-nav .active.open .dropdown-menu li a {
	background-color: #000 !important;
	color: #fff !important;
	}

#navpanel	.nav li {
		width: 100% !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	ul.navbar-nav > li > a {font-size:125%;}
}
@media (min-width: 991px){
ul.navbar-nav > li > a {font-size:125%;}
}
#navpanel {z-index:2147483647 !important;}
/************************************************FIN NAV*************************************************************************************/
/************************************************DEBUT WELL*************************************************************************************/

/************************************************FIN WELL*************************************************************************************/
/************************************************DEBUT ACCUEIL*************************************************************************************/
#bienvenue{
	
	background-image: none;
	border-radius: 0px;
	color:white;
	float: right;
	padding: 0px;
	margin-bottom: 0px;
}

#bienvenueInterne {
	background-color: #ffc600;
    left: -35px;
    margin-right: -35px;
    margin-top: 2px;
    padding: 5px 10px 5px 35px;
}
#bienvenueInterne a { display: inline-block;}
#bienvenueInterne img{
	margin-right: 10px;
}
#bienvenueInterne > a:last-child img{
	margin-right: 0px;
}
#newMessages {
	background-color: red;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    height: 20px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 20px;
	margin-top:-15px;
	margin-left: 25px;
	display:block !important;
}

#home #newserie {
background: #ffe074;
border-color: #ffe074;
}
/*** NOUVELLES SERIES ***/
#comingsoon h1{margin: 35px 0;}
.comingsoon .Apocalyptique {font-size:14px !important; padding:8px 5px !important;}
#newserie, #divTextPresentation{
	background-color: #ffe074;
	background-image: none;
	border-color: #ffe074;
	border-radius: 0px;
	margin: 0px;
}
#newserie h3 {
margin-top:0px;
font-size:26px;
text-transform:uppercase;
}
#newserie .bxslider .delete{
    float: right;
    position: relative;
    right: 5px;
    top: 25px;
    background-color: rgb(78, 78, 78);
    width: 20px;
    height: 20px;
    text-align: center;
    color: rgb(255, 255, 255);
}
#newserie .bxslider .delete > span {margin-left:4px;}
#newserie .actions > p {background:#4e4e4e;margin-right:2px;text-align:center;}
#newserie .actions > p:nth-child(1) {border-radius: 0px 0px 4px 4px;}
#newserie .actions > p:nth-child(2) {color:#4e4e4e;background:#ffe074;font-size:16px; }
#newserie .actions > p a{font-size:16px;font-family:'bang';}
#newserie .actions > p a:before{font-family:'FontAwesome';}
.table-serie .tag {font-size:14px;}
.table-serie .new_date{font-size:12px;}
.table-serie-container {padding-left:0px;} 
.widget-serie-focus {padding-right:0px;}
#newserie .bx-viewport {height:230px !important;}
#newserie .bx-wrapper .bx-controls-direction a {
margin-top: -25px;
}
#newserie .bx-wrapper .bx-controls-direction a.bx-prev {
margin-left: -28px;
}
#newserie .bx-wrapper .bx-controls-direction a.bx-next {
right:-18px;
}
/*** NOUVEAU CHAPITRES **/
#newchapitre {
/*border: 3px solid #ffc600;*/
margin:30px 0px 0px;
}
#newChapitre .widget-sorties {margin-bottom:30px;}
#newchapitre .row .widget-sorties{
	display: inline-block;
	min-height: 326px;
}

@media (max-width: 361px) {
	#newchapitre .row .widget-sorties{
		padding-left: 4px;
		padding-right: 4px;
	}

	#welcomeTo {
		margin-right: 0px;
	}
}

#newchapitre h3 {
margin-top:0px;
font-size:26px;
text-transform:uppercase;
margin-left: 6px;
margin-bottom: 20px;
}
#newchapitre .actions > p {
background: #ffc600;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 3px 0px #111;
}
#newchapitre .actions > p:hover {background:#000;color: #fff;}
#newchapitre .actions > p a{font-size:16px;font-family:'bang';}
#newchapitre .actions > p a:before{font-family:'FontAwesome';}
#newchapitre .actions {display:block;height:43px;}

#divTextPresentation {
	font-family: 'myriad', Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: justify;
}

#week{
	background: #ffc600 !important;
	border-color: #111;
	border-radius: 4px;
	color:black;
	font-family: 'bang';
	font-size:16px;
	box-shadow:0px 3px 0px #111;
	border: none;
	margin-top: -2px;
}
#toto{
	height:500px;
}

#carousel-header{
	margin-bottom:70px;
	max-height: 350px;
	height: auto;
	z-index:0;
}

#carousel-header .carousel-inner {
   margin-bottom:70px;
}
#carousel-header .carousel-inner img {
margin: 0 auto;
width: auto;
height:auto;
}
#carousel-header .carousel-indicators {
	bottom:-70px;
}

#carousel-header .carousel-indicators li {
	background-color: lightgrey;
	width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 1%;
}

#carousel-header .carousel-indicators li.active {
	background-color: #ffc600;
	width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 1%;
}

#carousel-header .carousel-caption{
right: 100px;
left:unset;
padding-bottom:0px;
width:600px;
text-align: right;
bottom: unset;
}
#carousel-header .carousel-caption h4{
    margin-bottom: 50px;
    font-size: 26px;
    color: #111;
    padding: 10px;
}
#carousel-header .carousel-caption p{
    color: #111;
	text-shadow: none;
	font-size: 120%;
}
/* sorties series*/
#newserie_auteur{
	background-color: #ffe074;
	background-image: none;
	border-color: #ffe074;
	border-radius: 0px;
	margin: 0px;
}
#newserie_auteur h2 {
margin-top:0px;
font-size:21px;
text-align: left;
text-transform: uppercase;
padding-left:15px;
}
#newserie_auteur h3 {
margin-top:0px;
font-size:22px;
text-transform:uppercase;
}
#newserie_auteur .actions > p {background:#4e4e4e;text-align:center;}
#newserie_auteur .actions > p a{font-size:16px;font-family:'bang';}
#newserie_auteur .actions > p a:before{font-family:'FontAwesome';}
#newserie_auteur .actions {display:block;height:43px;}
.widget-series_auteur .divImage {border:5px solid #4e4e4e;margin-bottom: 5px;}
.widget-series_auteur .divImageType {
	position:absolute;
	background:#ffc600;
	color:#000;
	border-left:5px solid #4e4e4e;
	border-bottom:5px solid #4e4e4e;
	padding:5px;
	right:0;
	margin-right:20px;
	font-family: 'bang', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.widget-series_auteur .actions p {padding:5px;}
.widget-series_auteur .actions p.lire {background:#000;}
.widget-series_auteur .actions p.lire a {color: #ffc600;}
.widget-series_auteur {padding:0 32px;}
/*** ***/
.widget-series .divImage {border:5px solid #4e4e4e;}
.widget-series .divImageType {
	position:absolute;
	background:rgb(255,218,0);
	background:rgba(255,218,0,0.85);
	color:#000;
	border-left:5px solid #4e4e4e;
	border-bottom:5px solid #4e4e4e;
	padding:5px;
	right:0;
	margin-right:20px;
	font-family: 'bang', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
@media (max-width:767px) {
	.widget-series .divImageType {display: none;}
}
.widget-series .titres{
	text-align:right;
	padding:5px;
	text-transform: uppercase;
	font-family: 'myriad', Arial, Helvetica, sans-serif;
}
.widget-series .actions p {margin:0px;padding:5px;}
.widget-series .actions p.lire {background:#000;}
.widget-series .actions p.lire a {color: #ffc600;}
/*** ***/
.widget_auteur h4 {margin:0; text-align:left;text-transform: uppercase;}
/*sorties de la semaine*/
.widget-sorties .titrec{
	background: #ffc600;
	color:#000;
	text-align:center;
	margin:0;
	padding:5px;
	font-family: 'myriad', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.widget-sorties .titres{
	text-align:center;
	margin:0;
	padding:5px;
	font-size: 140%;
}

.widget-sorties a{
	display: block;
    text-align: center;
    width: 100%;
}

.widget-sorties img{
	padding:0px;
}

.widget-sorties .actions {
display: inline-block;
    width: 100%;
}
.widget-sorties .actions  a {color: #000}
.widget-sorties .actions p {margin:0px;padding:10px;text-align:center;}
.widget-sorties .actions p:hover{background: #000;color: #ffc600;}
.widget-sorties .actions p:hover a {color: #ffc600;}
@media (min-width:768px) and (max-width:991px) {
	.widget-sorties .bimage {
		overflow: hidden;
	}
}
@media (min-width:992px) {
	.widget-sorties .bimage {
		overflow: hidden;
	}
}
/************************************************FIN ACCUEIL*************************************************************************************/
/************************************************DEBUT FOOTER*************************************************************************************/
footer .row {margin:0px;}
/************************************************FIN FOOTER*************************************************************************************/
/************************************************FIN FOOTER*************************************************************************************/

.divOffre {
	margin: 15px 0;
	background-color: #fce882;
	color: #333;
	padding: 15px 5px;
}

.divOffre p {
	text-align: justify;
	padding: 0px 20px;
}

.divTarif {
	margin: 15px 0;
	color: #333;
	padding: 15px 5px;
	font-family: 'bang', Arial, Helvetica, sans-serif;
	text-align: center;
}

.divTarif h3 {
	font-family: 'bang', Arial, Helvetica, sans-serif;
}

.divTarif p {
	padding: 0px 5px;
	font-size: 120%;
}
/******************** PAGE PUBLIEZ CHEZ NOUS *************************/
#divPubliezTitre h1{font-family: "Myriad"; margin: 35px 0px;}
.divAvantage {margin:0px 50px;}
.divAvantage > div{
    padding: 0px;
    border: 2px solid rgb(255, 198, 0);
    width: 20%;
	margin-bottom:35px;
}

.divAvantage h3 {
	color: white;
	background-color: #ffc600;
	text-transform: uppercase;
	padding: 5px 0px;
	margin: 0px;
	font-size: 22px;

}

.divAvantage img {
	color: white;
	background-color: #fce882;
	padding: 10px 0px;
	margin: 0 auto;
}

.divAvantage p {
	color: #333;
	background-color: #fce882;
	padding: 5px;
	margin: 0px;
	font-family: arial;
}

.pPubliezText {
	height: 100px ;
}

.pPubliezImage {
	height: 160px;
}

.divProjet h3 {
	text-transform: uppercase;
	text-align: left;
	margin: 0px;
	font-family:arial;
}
.divProjet .formpubli {
	font-family:arial;
	color: #62727C;
	max-width: 365px;
	margin-left: 15px;
	margin-right: -15px;
}
#divPubliezProposer h2 {font-family: "Myriad";text-transform:uppercase;color: #ffc600;margin:35px 0;}
.divPublierEtape {
	display: flex;
    align-items: center;
	font-family:arial;
	color: #62727C;
	padding: 10px 19px;
}

.divPublierEtape img {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border-radius: 4px;
    padding: 11px;
    border: 2px solid rgb(204, 204, 204);
	margin-left: -13px;
}
.divPublierEtape:first-child img {
    padding: 10px 19px;
}
.divPublierEtape h3 {font-size: 20px;margin-bottom:4px !important;}
.divProjet p {
	text-align: left;
}

.divProjet .well h3 {
	text-transform: none;
	text-align: center;
	margin: 0px;
}

.divProjet .divPublierEtape h3 {
	text-align: left;
}

.divProjet .well p {
	text-align: center;
}

.divProjet .divPublierEtape p {
	text-align: left;
}
@media (max-width:767px) {
	.divAvantage {margin:0px;}
	.divAvantage > div {width:49%;margin-left: 0px;margin-bottom:5px;}
	.divAvantage > div:nth-child(2n) {margin-left: 5px;}
	.divAvantage > div:nth-child(4n+1) {clear: none;}
	.divAvantage > div h3 {font-size:18px;}
	#divPubliezProposer h2 {font-size: 26px; text-align: center;}
	.formpubli {margin-left:0px !important; max-width: 100%;}
}
@media (min-width:768px) AND (max-width:990px) {
	.divAvantage {margin:0px;}
	.divAvantage > div {width:24%;margin-left: 0px;margin-bottom:5px;}
	.divAvantage > div:nth-child(1) {margin-left: 0px;}
	.divAvantage > div{margin-left: 9px;}
	.divAvantage > div:nth-child(4n+1) {clear: none;margin-left: 0px;}
	.divAvantage > div h3 {font-size:18px;}
	#divPubliezProposer h2 {font-size: 26px; text-align: center;}
	.formpubli {margin:0px auto !important;}
}
@media (min-width: 991px) {
.divAvantage > div:nth-child(n+2) {margin-left: 55px;}
.divAvantage> div:nth-child(4n+1) {margin-left: 0px;clear:both;}
}
/************** ****************************/
#divAchat {

	text-align:left;

}

#divHeaderCollection {
	text-align:center;
	padding: 35px 15px;
	margin: 0 auto;
	clear: both;
}

.avenir {
	font-family: 'duedate', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 600%;
	text-transform: uppercase;
	border: 15px solid red;
	width:60%;
	color: red;
	transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -khtml-transform: rotate(-10deg);
}

.bang {
	font-family: 'bang', Arial, Helvetica, sans-serif;
	font-size: 150%;
}

.impact {
font-family: 'impact', Arial, Helvetica, sans-serif;
}

#ulMainPresentation {
	margin: 15px 30px;
	font-size: 130%;
}

#ulMainPresentation > li {
	font-family: 'myriad', Arial, Helvetica, sans-serif;
	margin-top: 15px;
}

#ulMainPresentation > ul {
	margin-left: 15px;
	list-style-type:square;
}

#ulMainPresentation > ul > li {
	margin: 2px;
}

.conseilPro .well {
	min-height: 150px;
}

span.typeSerie {
	display: inline-block;
	float: left;
}

span.styleSerie {
	display: inline-block;
	float: right;
}

span.auteurFunction {
	display: inline-block;
}


span.auteurName {
}

.wishlistDetailFooter {
	position:relative;
	bottom:0;
	margin-top: -70px;
	position: relative;
	width: 65%;
	float: right;
}


/*
#divCatalogue .series:nth-child(4n+1) {
clear: both;
}*/



/******************** PAGE CATALOGUE ***************************/
.sub  {font-size: 40px;line-height: 35px;color: rgb(255, 204, 6);margin-top: 40px;text-align:justify;}
#divCatalogue .auteurs a{
	color:#000;
	
}

#divFicheDetail, #divAuteurDetail {
	text-align: left;
	font-family:arial;
}

#divFicheAction, #divFicheAuteurAction {
    text-align: center;
    margin-top: 45px;
}

#divFicheAction a {
	padding: 2px;
	line-height: 1.2em;
	cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #000;
}

#divFicheAction a span {
	display: none;
}

.synopsiserie p{
	text-align: justify;
}

#ficheSerie #blockimgserie {
	margin-top:20px;
}

#ficheSerie #blockimgserie a {
	background-color: #ffc600;
    color: #000;
    display: block;
    text-decoration: none;
}

#ficheSerie #blockimgserie a:hover {
	color: #ffc600;
	text-decoration: none;
	background-color: #000 !important;
}

#ficheSerie #blockimgserie .imgserie {
	padding: 0px;
	border-radius: 4px 4px 0 0;
	width:100%;
	border: 0;
}

@media (max-width: 991px) {
	#divFicheAction a {
		display: inline-flex;
    	flex-direction: column;
    	justify-items: center;
	}

	#divFicheAction a span {
		display: block;
		font-size: 8px;
		max-width: 80px;
	}
}

@media (max-width: 450px) {
	#divFicheAction a span {
		font-size: 12px;
	}
}

@media (max-width: 380px) {
	#divFicheAction a span {
		font-size: 11px;
	}
}

@media (max-width: 325px) {
	#divFicheAction a span {
		max-width: 60px;
	}

	#ficheSerie .role {
	    font-size: 12px;
	}
}


#inputFormPublication {
	height: 100px;
	font-size: 140%;
	font-family: 'myriad', Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.ficheactions {
    margin-bottom: 15px;
    padding: 8px 10px;
	font-size:16px;
	border-radius:0 0 4px 4px;
	box-shadow: 0px 3px 0px #000;
	text-align: center;
}
.fichesoon {
	background: #ffc600 none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 8px 10px;
	font-size:22px;
	border-radius:0 0 4px 4px;
	box-shadow: 0px 3px 0px #000;
	text-align: center;
	font-family: impact;
	text-transform: uppercase;
	letter-spacing:2px
}
.ficheactions:hover {
	background-color: #000;
}
.ficheactions:hover a {
	color:#ffc600;
}
.ficheactions a {color: #000;}

#tableMessages .glyphicon-star, #tableMessages .glyphicon-star-empty {
	color:#ffc600;
}

#tableMessages {
	font-family: Arial;
}

#tableMessages .unread {
	font-weight: 700;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th, tr.selected {
    background-color: #ffe074 !important;
    cursor: pointer;
}

#ulAuteurs li {
	width:25%;
	font-size: 25px;
	height: 50px;
	margin: 0px;
	text-align: center;
	border-bottom-width: 0;
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecedef+0,e0e1e3+70 */
background: rgb(236,237,239); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(236,237,239,1) 0%, rgba(224,225,227,1) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(236,237,239,1) 0%,rgba(224,225,227,1) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(236,237,239,1) 0%,rgba(224,225,227,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedef', endColorstr='#e0e1e3',GradientType=0 ); /* IE6-9 */

}

#ulAuteurs li a {
	width:100%;
	line-height: 1em !important;
}

#ulAuteurs li a:hover,#ulAuteurs li a:focus {
	
	background-color: #f4f4f4 !important;
	border-bottom: none !important;
	outline: 0;
}
#catalogue h1 {
font-size: 80px;
}

.buttoncata {text-align: center;padding-bottom: 5px;}
@media (max-width:768px) {
	.buttoncata  button{width: 100%;}
}
.buttoncata button{font-size: 14px;}
.buttoncata .btn-select {
	min-width: 85px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c0c0c0+0,8e8e8e+100 */
background: #c0c0c0; /* Old browsers */
background: -moz-linear-gradient(top,  #c0c0c0 0%, #8e8e8e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c0c0c0 0%,#8e8e8e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c0c0c0 0%,#8e8e8e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
}
.buttoncata .btn-info {
    background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
    background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
}
#divCatalogue {
	margin-left: 50px;
	margin-right: 50px;
}

#divCatalogue .series {
margin:10px 0;
padding: 0 20px;
}
#divCatalogue .divImage {
	background: #ffc600;
	height: 230px;
}
#divCatalogue .titres{
	background: #ffc600;
	border-radius: 5px 5px 0 0;
	color:#4b4b4b;
	text-align:center;
	margin:0px;
	padding:5px;
	font-size: 16px;
	font-family: 'Myriad', Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
	width: 170px;
	height: 40px;
}

#divCatalogue .divImage img {border-radius: 4px;margin: 0px auto;width: 90%;max-height: 260px;}

#divCatalogue .auteurs{
	background: #ffc600;
	border-radius: 0 0 5px 5px;
	border-top: none;
	color:#000;
	text-align:center;
	margin:0;
	padding:5px;
	font-size: 110%;
	font-family: 'bang', Arial, Helvetica, sans-serif;
	height: 80px;
}

#divCatalogue .auteurs a{
	color:#000;
}
#divCatalogue .auteurs p {margin-bottom: 0px;}
@media (max-width:768px) {
	#catalogue h1 {
	font-size: 65px;
	text-align:center;
	}
	#catalogue .sub  {font-size: 28px;line-height: 35px;color: rgb(255, 204, 6);margin: 0 auto;text-align:justify;padding:0 28px;}
	#catalogue #divCatalogue .titres{
	display: block;
	width: 100%;
	}
	#catalogue #divCatalogue {
	margin-left: 0px;
	margin-right: 0px;
	}
	#catalogue #divCatalogue .series {
		padding: 0 5px;
		min-height: 380px;
	}
	#divCatalogue .divImage {
	height: auto;
	}
	#divCatalogue .titres{
	height:36px;
	}
}

@media (max-width:390px) {
	#catalogue #divCatalogue .series {
		min-height: 332px;
	}
}
@media (max-width:330px) {
	#catalogue #divCatalogue .series {
		min-height: 284px;
		font-size: 12px;
	}
}
/********* widget offres ***********************/
.widget-home .well {
background:#fff;
padding:0;
border:none;
border-radius:0px;
box-shadow: none;
}
.widget-home .well h3{
margin-top:0px;
color: #000;
background:#fff;
padding: 5px 0;
text-align:center;
font-family: 'bang';
margin-bottom:0px;
font-size:45px;
}
.widget-home > div:nth-child(2) .well h3{
margin-bottom:0px;
}
/********* widget commentaires ****************/
#widget-commentaire {padding:0;}
#commentCarousel {font-family:Verdana;letter-spacing:-1px;}
#commentCarousel .item-comment {padding:0 40px;}
#commentCarousel .item-comment > div:first-child {text-align:center;}
#commentCarousel  .item-comment .glyphicon-star {color: #ffc600; font-size: 14px;text-shadow:1px 1px 0px #999;}
#commentCarousel  .sTitle {font-size:16px;margin-bottom:0px;}
#commentCarousel  .sTitle a{color: #666;font-size:22px}
#commentCarousel  .cTitle {font-weight: bold;}
#commentCarousel  .cContent {height:120px; overflow:hidden;padding: 0 20px;}
#commentCarousel  .cContent .fa{font-size:10px;}
#widget-commentaire h4 {font-family:'Bang';font-size:28px;color:#3498f0;margin-top:0;padding:5px 0px;text-align:center;border-bottom:1px solid #ccc;}
#widget-commentaire .carousel-inner {height:240px;}
#commentCarousel  > div > .well {padding:0;}
#commentCarousel   .carousel-control.right, #commentCarousel .carousel-control.left {background: none;}
#commentCarousel   .carousel-control.right .glyphicon{right:20px;font-size:40px;top:85px;}
#commentCarousel   .carousel-control.left .glyphicon{left:10px;font-size:40px;top:85px;}
#commentCarousel  img {border-radius: 5px;border: 1px solid #999;box-shadow: 0px 0px 3px #111;}
/*********** widget AGENDA *************************/
#widget-agenda  {padding:0;}
#widget-agenda h4 {font-family:'Bang';font-size:28px;color:#3498f0;margin-top:0;padding:5px 0px;text-align:center;border-bottom:1px solid #ccc;}
#agendamois h4 {font-family:'Bang';font-size:28px;color:#3498f0;margin-top:0;padding:5px 0px;text-align:center;border-bottom:1px solid #ccc;}
#agendamois .type_salon {text-transform: uppercase;text-align: center;background: #ffb801;color: #fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#agendamois .type_dedicaces {text-transform: uppercase; text-align:center; background:#30c4a2;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:2px;}
#agendamois .type_expo{text-transform: uppercase; text-align:center; background:#34849b;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#agendamois .type_atelier {text-transform: uppercase; text-align:center; background:#ff5182;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
/**** AGENDA AUTEURS */
#page_agenda {padding: 15px 0}
#page_agenda h1 {margin: 35px 0}
#page_agenda #agendauteur .type_salon {text-transform: uppercase;text-align: center;background: #ffb801;color: #fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#page_agenda #agendauteur .type_dedicaces {text-transform: uppercase; text-align:center; background:#30c4a2;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:2px;}
#page_agenda #agendauteurs .type_expo {text-transform: uppercase; text-align:center; background:#34849b;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#page_agenda #agendauteur .type_atelier {text-transform: uppercase; text-align:center; background:#ff5182;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#page_agenda #agendauteur h4 {font-family:'Bang';font-size:28px;color:#3498f0;margin-top:0;padding:5px 0px;text-align:center;border-bottom:1px solid #ccc;}
#page_agenda #agendamois {padding-top:0px;padding-right:0px;padding-left:0px;}
#page_agenda #agendamois .trameagenda {height:765px;overflow-y:scroll;text-align:center;}
#page_agenda #agendamois .trameagendaauteur {height:500px;overflow-y:scroll;padding-left:15px;}
#page_agenda .trameagendaauteur {height: 452px; overflow-y: scroll;}
#agendauteur h4 {font-family:'Bang';font-size:28px;color:#3498f0;margin-top:0;padding:5px 0px;text-align:center;border-bottom:1px solid #ccc;}
#widget-agenda .type_salon {text-transform: uppercase;text-align: center;background: #ffb801;color: #fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#widget-agenda .type_dedicaces {text-transform: uppercase; text-align:center; background:#30c4a2;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:2px;}
#widget-agenda .type_exposition {text-transform: uppercase; text-align:center; background:#34849b;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#widget-agenda .type_atelier {text-transform: uppercase; text-align:center; background:#ff5182;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}
#widget-agenda .type_nouveaute {text-transform: uppercase; text-align:center; background:#ff5182;color:#fff;font-size: 28px;padding:0 5px;font-family:impact;letter-spacing:5px;}

#widget-agenda .titre_rdv {font-size: 28px;color: #666;font-family: impact;}
#agendaCarousel {font-family:Verdana;letter-spacing:-1px;}
#agendaCarousel   .carousel-control.right, #agendaCarousel   .carousel-control.left {background: none;}
#agendaCarousel   .carousel-control.right .glyphicon{right:20px;font-size:40px;top:85px;}
#agendaCarousel   .carousel-control.left .glyphicon{left:10px;font-size:40px;top:85px;}
#agendaCarousel  .row{margin:0px;}
#agendaCarousel .item{padding:0 20px;}
#agendaCarousel  .marker{margin:80px 0px 25px;clear:both;height:80px;text-align:center;color: #666;}
#agendaCarousel  .marker .glyphicon{font-size:40px;display: block;color: #000;}
#agendaCarousel  .sTitle{font-size:24px;}
#agendaCarousel .carousel-inner {height:240px;}
@media (max-width: 767px) {
	#page_agenda #agendamois .trameagenda {height:auto;}
	#page_agenda #agendamois .trameagenda p:nth-child(2) > span{display: block; text-align: center;width:82%;margin: 0 auto;}
	#page_agenda #agendamois .trameagenda p:nth-child(2) > span:nth-child(2){line-height:0px;margin-bottom:20px;font-size:18px;letter-spacing: 1px;margin-top:15px;font-family: impact;}
	#page_agenda #agendauteur .trameagendaauteur {height:auto;}
	#page_agenda #agendauteur .trameagendaauteur p:nth-child(2) > span{display: block; text-align: center;width:82%;margin: 0 auto;}
	#page_agenda #agendauteur .trameagendaauteur p:nth-child(2) > span:nth-child(2){line-height:0px;margin-bottom:20px;font-size:18px;letter-spacing: 1px;margin-top:15px;font-family: impact;}
	#page_agenda  .agendablock {padding-left:0px;}
	#agendaCarousel .item > div span {display: block; text-align: center;}
	#agendaCarousel .item > div span:nth-child(2) {line-height:0px;margin-bottom:20px;font-size:18px;letter-spacing: 1px;}
	#agendaCarousel .marker {margin: 85px 0px 0px; height: 110px;}
	#widget-commentaire .carousel-inner {height:auto;}
	#commentCarousel  .cContent {height:200px;}
	#agendaCarousel .carousel-inner {height:auto;}
}
@media (min-width:768px) and (max-width:991px) {
	#page_agenda #agendamois .trameagenda {height:auto;}
	#page_agenda #agendamois .trameagenda p:nth-child(2) > span{display: block; text-align: center;width:82%;margin: 0 auto;}
	#page_agenda #agendamois .trameagenda p:nth-child(2) > span:nth-child(2){line-height:0px;margin-bottom:20px;font-size:18px;letter-spacing: 1px;margin-top:15px;font-family: impact;}
	#page_agenda #agendauteur .trameagendaauteur {height:auto;}
	#page_agenda #agendauteur .trameagendaauteur p:nth-child(2) > span{display: block; text-align: center;width:87%;margin: 0 auto;}
	#page_agenda #agendauteur .trameagendaauteur p:nth-child(2) > span:nth-child(2){line-height:0px;margin-bottom:20px;font-size:18px;letter-spacing: 1px;margin-top:15px;font-family: impact;}
	#page_agenda  .agendablock {padding-left:0px;}
	#agendaCarousel .item > div span {display: block; text-align: center;width:95%;margin: 0 auto;}
	#agendaCarousel .item > div span:nth-child(2) {line-height:0px;margin-bottom:20px;font-size:18px;letter-spacing: 1px;width:87%;margin: 0 auto;}
	#agendaCarousel .marker {margin: 110px 0px 30px;}
	#widget-commentaire .carousel-inner {height:auto;}
	#commentCarousel  .cContent {height:130px;padding: 0px;}
	#agendaCarousel .carousel-inner {height:252px;}
}
/*********** widget REPONSE PUBLIC *************************/
/*#widget-reponse  {padding:0;height:272px;overflow-y:auto;}*/
#widget-reponse h4 {font-family:'Bang';font-size:26px;color:#3498f0;margin-top:0;padding:5px 0px;text-align:center;border-bottom:1px solid #ccc;}
#widget-reponse .titre {font-size: 22px;line-height: 18px;color: #666; text-align: center;}
#widget-reponse .texte {font-size: 20px;line-height: 18px;color: #666; text-align: left;margin: 4px;}
#reponseCarousel {font-family:Verdana;letter-spacing:-1px;min-height:220px;}
#reponseCarousel   .carousel-control.right, #reponseCarousel   .carousel-control.left {background: none;}
#reponseCarousel   .carousel-control.right .glyphicon{right:20px;font-size:40px;top:85px;}
#reponseCarousel   .carousel-control.left .glyphicon{left:10px;font-size:40px;top:85px;}
#reponseCarousel .row{margin:0px;}
#reponseCarousel .item{padding:0 20px;}
#reponseCarousel .marker{margin:70px 0px 11px;clear:both;height:80px;text-align:center;color: #666;}
#reponseCarousel .marker .glyphicon{font-size:40px;display: block;color: #000;margin-bottom:5px;}
#reponseCarousel .sTitle{font-size:24px;}
/********* WDGET VIDEOS ****************************/
#videoCarousel .item {padding:0 85px;}
#videoCarousel   .carousel-control.right, #videoCarousel   .carousel-control.left {background: none;}
#videoCarousel   .carousel-control.right img, #videoCarousel   .carousel-control.left img{margin-top:75%}
#videoCarousel   .carousel-control.right .glyphicon{right:65px;font-size:80px;top:85px;color:#ffc600;}
#videoCarousel   .carousel-control.left .glyphicon{left:10px;font-size:80px;top:85px;color:#ffc600;}

#videoCarousel iframe {border: medium none;width: 100%;}

@media (min-width:992px) {
	#videoCarousel iframe {height:177px;}
}
@media (min-width:768px) AND (max-width:991px) {
	#videoCarousel iframe {height:325px;}
	#videoCarousel   .carousel-control.right img, #videoCarousel   .carousel-control.left img{margin-top:125%}
}
/**************** FICHE SERIE *********************/
section
#banniere_serie {margin-bottom: 20px;}
#ficheSerie h1 {font-size:38px; color: #111;font-family:cooper;text-transform:unset;margin-bottom: 0;margin-top: 15px;}
#ficheSerie .banserie {margin-bottom:20px;}
#ficheSerie .modal-footer {border-top: none;}
.tag {background: #ffe074; color: #fff; text-transform: uppercase; padding: 5px 10px; margin-right:5px;font-family: 'Impact';font-size:22px;display:inline-block;margin:5px;}

.auteurFunction {
	width: 85px;
}
.tagType {
	background-color: #ccc;color: #eee;
}
.tag.tagType.tagged {background-color: #4b4b4b;color: #eee;}
.tag.tagged {
	border-right: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
	background: #ffc600;
	color:#4b4b4b;
	font-size:	22px;
}

#tagUnselected .tag {
	cursor: pointer;
}

#tagSelected, #tagUnselected {
padding-bottom:10px;
}
#ficheSerie .personnages img {
  border-radius:4px;
  border: 1px solid #ccc;
  padding:2px;
}
#ficheSerie .personnages label {
	display: block;
	max-width: 100%;
	font-weight: 200;
	text-align: center;
}
#ficheSerie .role {margin-bottom:0px;}
#serieTabs #ui-id-6 {padding-right: 5px;}
#ficheSerie #divPopupAchat p.listchapitres {padding-left:120px;}
#ficheSerie #newserie {background: #ffe074;border: 1px solid #ffe074;margin-left:0px; margin-right: 0px;}
#ficheSerie #newserie.top {background: none; border: none;margin:0px;box-shadow: unset !important;}
#ficheSerie #newserie.top .titres {background: none;}
#ficheSerie #blockdivactions {margin-top:-44px;padding-left: 15px;}
#ficheSerie #blockdivactions #mainTag {background:#ffc600;padding:5px 7px;text-align:center;margin-top:5px;border-radius:4px;font-size: 20px;}
#ficheSerie #blockdivactions #divFicheAction img{max-height:40px;max-width: 40px;}
#ficheSerie #divFicheDetail > div{padding-left:0px;}
#ficheSerie .divblockTag {padding-left: 0px;margin-top: -55px;}
#ficheSerie #trailer_serie iframe {
	border: medium none;
    height: 257px;
    width: 100%;
}
@media (min-width:362px) and (max-width: 767px) {
#ficheSerie .personnages .col-xs-6 {width: 33%;}
#ficheSerie .personnages .col-xs-12 {width: 67%;}
}
@media (max-width:767px) {
	#ficheSerie .personnages label {height: 40px;display: table-cell; vertical-align:bottom;}
	#ficheSerie .blocktag {margin-left: -5px !important;}
	#ficheSerie #trailer_serie iframe {height: 175px !important;}
	#ficheSerie #blockavis {padding-left: 0px !important;}
	#ficheSerie #commentCarousel .cContent {height: 165px !important;padding: 0px;}
	#ficheSerie #blockavis #widget-commentaire {height: 310px !important;}
	#ficheSerie #blockimgserie {text-align: center;}
	#ficheSerie .ficheactions {padding: 8px 10px;text-align: center;margin: 0 auto 15px;}
	#ficheSerie #blockimgserie a {width:80% !important;margin: 0 auto;}
	
	#ficheSerie h1 {font-size: 30px; text-align: center;}
	#ficheSerie #divPopupAchat p.listchapitres {padding-left:10px;}
	#ficheSerie #newserie .titres {height:60px;}
	#ficheSerie  #widget-commentaire .carousel-inner {height: 255px;}
	#ficheSerie #blockdivactions, #ficheSerie #blockdivactions #divFicheAction  {margin-top:10px; text-align: center;}
	#ficheSerie #blockdivactions #divFicheAction a img {margin: 0 auto;}
	#ficheSerie #blockdivactions #mainTag {margin-bottom: 20px;}
	#ficheSerie .divblockTag {padding-left: 15px;margin-top: 0px;}
	#ficheSerie #blockavis {padding-left:0px !important;}
	#ficheSerie #serieTabs {margin-bottom:20px !important;}
	#ficheSerie #ui-id-6 .col-xs-12 {width:100% !important;}
	#divFicheAction {margin-top: 0px;}
}
@media (min-width:768px) and (max-width:991px) {
	#ficheSerie .personnages label {height: 40px;}
	#ficheSerie .personnages div {padding: 0px 5px !important;}
	#ficheSerie .personnages div:last-child img {height: 103px;}
	#ficheSerie #trailer_serie iframe {height: 395px !important;}
	#ficheSerie #divFicheDetail {padding-left: 0px;}
	#ficheSerie #divFicheDetail .col-xs-12 {padding-left:0px;}
	#ficheSerie #blockdivactions{margin-top:10px;}
	#ficheSerie #blockdivactions #divFicheAction img{max-height:44px;}
	#ficheSerie .divblockTag {margin-top: 0px;}
	#ficheSerie #blockavis {padding-left:0px !important;}
	#ficheSerie #blockdivactions #divFicheAction a img {margin: 0 auto;}
	#divFicheAction, #divFicheAuteurAction {text-align: center;}
	#divFicheAction {margin-top: 0px;}
	#divInfoPubli p {width:200%;}
}
/************************** PAGE LIVRES PAPIERS ******************************/
#sortieslivre h1 {margin: 35px 0}
@media (max-width:767px) {
	#sortieslivre {text-align: justify;}
}
@media (min-width:768px) and (max-width:991px) {
	#sortieslivre {width: 80%; margin: 0 auto;}
}
/************************** PAGE TOUS NOS AUTEURS **************************/
#allauteurs #auteurTabs > div  p.role {margin-bottom:0px;font-size:14px;}
#allauteurs #auteurTabs .well {min-height:120px;}
#allauteurs #auteurTabs .col-md-4:nth-child(3n+1) {clear:both;}
#allauteurs #auteurTabs .imageAuteur {max-height:85px;display:block;overflow:hidden;border:1px solid #ccc;border-radius:4px;margin-top:5px;}
#allauteurs #divInterview h3 {margin-top:0px;color:#4a4a4a;font-family: Myriad; text-transform: uppercase;}
#allauteurs #divInterview {
	background-color: #ffe074;
	margin-bottom:35px;
	padding: 20px 40px;
	margin: 0 0 35px 0px;
}
#allauteurs #auteurTabs .tauteur{font-size:18px;}
@media (max-width:767px) {
	#allauteurs #auteurTabs .imageAuteur {max-height:100%;display: inline-block;
    margin: 0 auto;;overflow:hidden;border:1px solid #ccc;border-radius:4px;margin-top:5px;}
	#allauteurs #auteurTabs #ulAuteurs li {font-size: 17px;white-space: unset;}
	#allauteurs #auteurTabs .well {text-align:center;}
	#allauteurs #auteurTabs .tserie {font-weight:bold;font-size:14px;}
	#allauteurs #auteurTabs .tauteur{font-size:22px !important;}
	#allauteurs #auteurTabs .img-responsive {max-height: 180px;margin: 0 auto;}
}
@media (min-width:768px) AND (max-width:991px){
	#allauteurs #auteurTabs .imageAuteur {max-height:285px;display:block;overflow:hidden;border:1px solid #ccc;border-radius:4px;margin-top:5px;}
	#allauteurs #auteurTabs .imageAuteur img {width:100%;}
	#allauteurs #auteurTabs #ulAuteurs li {font-size: 20px;white-space: unset;}
	#allauteurs #auteurTabs .well {text-align:center;}
	#allauteurs #auteurTabs .tserie {font-weight:bold;font-size:14px;}
	#allauteurs #auteurTabs .tauteur{font-size:22px !important;}
	#allauteurs #auteurTabs .col-md-4:nth-child(3n+1) {clear:unset;}
	#allauteurs iframe {height:370px;}
}
/********************** BLOG - CONSEILS DE PRO ****************************/
#blog {font-family: arial;color: #777;}
#blog h1 {font-family: Myriad; text-transform: uppercase; margin: 35px 0px}
#blog .row {margin-left:0px; margin-right:0px;}
#blog .introtext {text-align: justify;}
#blog .fulltext {text-align: justify;}
#blog #quotes img{
    border: 5px solid #777;
    border-radius: 4px;
}
#blog #quotes > div {padding:0px; margin-bottom: 20px;}
#blog #quotes .quoteTitleright {text-align: right; font-family:arial; font-size:16px;font-weight: bold;}
#blog #quotes .quoteTitleleft{text-align: left; font-family:arial; font-size:16px;font-weight: bold;}
#blog #teasing h2 {color: #111;}
#blog #eima {text-align:center;}
@media (max-width:767px) {
#blog #quotes .auteurimg {max-width: 150px; margin:0 auto;display: block;}
#blog #quotes > div {background: #eee;padding:10px; margin-bottom: 10px;}
#blog #quotes .post:nth-child(n+1) {background: #eee;padding:10px; margin-bottom: 10px;}
#blog #quotes .quoteTitleright {text-align: center;}
#blog #quotes .quoteTitleleft{text-align: center;}
#blog #quotes .post img{margin-top: 10px;}
#blog #quotes .pauteur {margin-bottom:0px;}
}
@media (min-width: 768px) and (max-width:991px) {
#blog #quotes .post{margin-top: 20px;}
#blog .btn-info {height: 54px; white-space:unset;display: table-cell; width: 220px;}
}
/************************* FAQS ****************************************/
#faqs h1 {margin: 35px 0}
#faqs .panel {box-shadow: unset; border: none;}
#faqs .panel-heading {background: none;}
@media (max-width:767px) {
	#faqs #accordion {margin: 0px !important;}
}
/************************** HISTORY **************************************/
#history {font-family: arial;color: #595959; text-align: justify;padding: 15px;}
#history h1 {font-family: Myriad;text-transform: uppercase;font-size:36px;margin:35px 0px;}
#history h2 {color: #01ccf1;margin-top:0px;}

@media (max-width:767px) {
#history > div > div > img {margin-top:0px !important;}
}
/************************ CONTACT *************************************/
#contactus {padding: 15px;}
#contactus h1 {margin: 35px 0;}
/************************ OFFRE ****************************************/
#offres {padding: 15px;}
#offres h1 {margin: 35px 0;}
 
@media (max-width:767px) {
	.divTarif .col-md-4 {border-bottom:1px solid #eee; margin-bottom: 5px;}
	.divTarif .col-md-4:last-child {border-bottom:0px solid #eee;}
	#offres .offres img {display: unset;}
}
/************************ MEDIAS ****************************************/
#media h1 {margin: 35px 0;}
#media iframe {height:165px;border: medium none;width: 100%;}
@media (max-width:767px) {
	#media iframe {height:195px;}
}
@media (min-width:768px) and (max-width:991px) {
	#media iframe {height:195px;}
}
/************************ INSCRIPTION ************************************/
#inscription h1 {margin: 35px 0;}
/*********************** REINITIALISATION *******************************/
#reinit h1  {margin: 35px 0;}
/************************ PANIER ****************************************/
#panier h1 {margin: 35px 0;}
.btn.panier {padding-left: 1px;padding-right: 1px; }
@media (max-width:767px) {
#panier .imgblock  {padding:0px;}
#panier .lignetotal {padding-right: 15px !important;}
#panier .lignetotal div:nth-child(3) p {text-align: right !important;}
#panier .lignepaiement div:nth-child(1) {padding-left: 15px !important;}
#panier .lignepaiement div:nth-child(2) {padding-right: 15px !important;}
#panier .infopaiement {text-align:center !important;}
}
@media (min-width:768px) and (max-width:991px) {
#panier .lignetotal {padding-right: 15px !important;}
#panier .lignetotal div:nth-child(1) p {margin-left: 15px !important;}
#panier .lignetotal div:nth-child(3) p {text-align: right !important;}
#panier .lignepaiement div:nth-child(1) {padding-left: 15px !important;}
#panier .lignepaiement div:nth-child(2) {padding-right: 15px !important;}
}
/************************ NOUVELLES SERIES ******************************/
#comingSoon {margin:0px;}
#comingSoon .titre {font-family:Myriad; text-transform: uppercase;text-align: center;font-size: 16px;}
#comingSoon .style{font-family:impact; text-transform: uppercase;text-align: center;font-size: 18px;background: #ffc600;padding: 5px;border: 1px solid #ffc600;letter-spacing:3px;}
#comingSoon .date{font-family:Myriad; text-transform: uppercase;text-align: center;font-size: 14px;margin-bottom:0px;}
#comingSoon .auteurs {height: 60px;}
#comingSoon .auteur {font-weight: bold;font-size:12px;font-family: Arial;margin-bottom: 5px;}
#comingSoon .synopsis {font-family:Arial;height:155px;margin-bottom: 15px;text-align: justify;}
#comingSoon .comingsoon {width:24%; margin-right:12px;padding-bottom: 10px;}
#comingSoon .comingsoon:last-child{margin-right: 0px;}
@media (max-width:767px) {
	#comingSoon .synopsis {font-family:Arial;height:95px;}
	#comingSoon .comingsoon {width:100%;margin-right:12px;padding-bottom: 10px;}
	#comingSoon .auteurs {height: 60px;}
}
@media (min-width:768px) AND (max-width:991px){
	#comingSoon .synopsis {font-family:Arial;height:95px;}
	#comingSoon .comingsoon {width:48%;margin-right:0px;padding-bottom: 10px;}
	#comingSoon .comingsoon:nth-child(2n) {margin-left:28px;}
	#comingSoon .auteurs {height: 60px;}
}
/************************ NOUVEAU CHAPITRE ******************************/
#newChapitre {margin-left: 50px; margin-right:50px;}
#newChapitre h1 {margin: 35px 0;}
#newChapitre .titrec {
	background: #dcdcdc;
	color:#333;
	text-align:center;
	margin:0;
	padding:5px;
	font-family: 'myriad', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
#newChapitre .actions > p {
background: #ffc600;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 3px 0px #111;
}
#newChapitre .actions > p:hover {background:#000;color: #fff;}
#newChapitre .actions > p a{font-size:16px;font-family:'bang';}
#newChapitre .actions > p a:before{font-family:'FontAwesome';}
#newChapitre .actions {display:block;height:43px;}
@media (max-width:767px) {
#nchapitre #newChapitre {margin:0px;}
}
/*************************** FICHE AUTEUR ******************************/
.btn-gray {
background:#4e4e4e;
text-align:center;
padding: 5px 7px;
font-family: 'bang' !important;
font-size: 13px;
margin-bottom: 5px;
width: 150px;
}
.btn-gray:hover {
color: #fff;
}
.btn-gray:before {
font-family: FontAwesome;
}
.hideme {display: none;}
#fic_auteur {padding: 15px;}
@media (max-width: 767px) {
	.bibliblockchap {padding: 0px;}
	.biblilistchap {height: 175px; overflow-y:scroll;}
	#fic_auteur #desc_auteur {margin-left:0px;margin-right:0px;}
	#fic_auteur #desc_auteur img.img-responsive{width:80% !important;}
	#fic_auteur .widget-series_auteur {padding: 0px;}
	#fic_auteur .actions {text-align: center; padding:0px}
	#fic_auteur .btn-gray {display: inline-block;}
	#fic_auteur .btn-gray:nth-child(2) {margin-left:10px;}
	#fic_auteur #newserie_auteur {padding: 19px 5px;}
	#fic_auteur #newserie_auteur h3 {text-align: center; padding-right: 0px;}
	#fic_auteur #agendaCarousel .carousel-inner {height: 230px;}
	#fic_auteur h2 {padding-left:15px !important;}
	#fic_auteur #widget-reponse {padding-top: 0px;}
}

@media (max-width: 382px) {
	#fic_auteur .btn-gray:nth-child(2) {margin-left:0px;}
	#fic_auteur .actions {height: auto;}
}

@media (min-width: 768px) and (max-width:991px) {
	.biblilistchap {position: absolute; margin-top:170px;overflow-y:scroll;height:185px;}
	.bibliblockchap {padding: 0px;}
	.biblinbrchap {padding: 0px;}
	#fic_auteur #agendaCarousel .item > div span {width: 100%;}
	#fic_auteur #agendaCarousel .carousel-inner {height: 225px;}
	#fic_auteur  #widget-reponse .toscroll {height:260px;overflow-y:scroll;padding-right:10px;}
	#fic_auteur #newserie_auteur .divImageType {display: none;}
	#fic_auteur .widget-series_auteur {padding: 0px;}
	#fic_auteur .btn-gray {margin-left: -25px;display: block;}
	#fic_auteur h2 {padding-left:15px;}
	#fic_auteur #widget-reponse {padding-top: 0px;}
	#fic_auteur #newserie_auteur .actions {display:block;height:auto;}
	#fic_auteur #newserie_auteur {padding-bottom:0px;}
	
}
@media (min-width: 992px) {
	.biblilistchap {height: 210px;overflow-y:scroll;}
	#fic_auteur  #widget-reponse .toscroll {height:228px;overflow-y:scroll;padding-right:10px;}
	#fic_auteur h2 {padding-left:15px; text-align: left;}
	#fic_auteur #newserie_auteur {padding-bottom:0px;}
	#fic_auteur #widget-reponse {padding-top: 0px;}
	#fic_auteur #desc_auteur {margin-left:50px;margin-right:50px;}
	#fic_auteur .btn-gray {display: block;}
	#fic_auteur #newserie_auteur .actions {display:block;height:auto;padding: 0px;}
	#fic_auteur #newserie_auteur h2 {padding-left:48px !important;}
	
}
/******************************** PROFIL AUTEUR ***************************/
@media (max-width: 767px) {
	.onlineprofil {float: none !important; margin: 0px !important;}
	.onlineprofil .btn {display: block;}
	p.alias_auteur {font-family:cooper;font-size:30px; text-align:center;}
	#pro_auteur textarea#mot_auteur, #pro_auteur textarea#texte {height:85px;}
	#pro_auteur h3 {text-align: center;}
	#pro_auteur #galphotos  .col-md-3 {text-align: center;}
	#pro_auteur .qrep {margin-bottom: 0px;}
	#pro_auteur h3:nth-child(1) {margin-top: 0px;}
	#pro_auteur  #widget-reponse .toscroll {height:260px;overflow-y:scroll;padding-right:10px;}
	#pro_auteur .table-responsive{width:unset !important;}
	#pro_auteur  .repblock {height:370px;}
}
@media (min-width: 768px) and (max-width:991px) {
	p.alias_auteur {font-family:cooper;font-size:38px; text-align:left;}
	.onlineprofil {margin-top: -50px !important;}
	#pro_auteur textarea#texte {height:100px;}
	#pro_auteur  .repblock {height:385px;}
	#pro_auteur  #widget-reponse .toscroll {height:296px;overflow-y:scroll;padding-right:10px;}
	#pro_auteur #agendaCarousel .item > div span {width: 100%;}
	#pro_auteur #agendaCarousel .carousel-inner {height: 225px;}
	#pro_auteur h3 {text-align: center;}
}
@media (min-width: 992px) {
	p.alias_auteur {font-family:cooper;font-size:38px; text-align:center;}
	#pro_auteur .toscroll {height:280px;overflow-y:scroll;padding-right:10px;}
	#pro_auteur  .repblock {height:350px;}
	#pro_auteur h3 {text-align: center;}
	#pro_auteur .qrep {box-shadow: none;margin-bottom: 0px; }
	#pro_auteur #agendaCarousel .carousel-inner {height: 282px;}
	#pro_auteur #agendaCarousel .marker {margin: 110px 0px 55px !important;}
	#pro_auteur  #widget-reponse {padding-top: 0px;}
	#pro_auteur h3:nth-child(1) {margin-top: 0px;}
	.onlineprofil {margin-top: -45px !important;}
}
/******************************** BIBLIO AUTEUR *****************************/
#bib_auteur .blockelev{height:200px; overflow-y:scroll;}
#bib_auteur .blockserie {padding-right: 5px;}
@media (max-width:767px) {
#bib_auteur .blockelev{height:200px; overflow-y:scroll;}
#bib_auteur .blockelev .col-xs-7 {padding-left: 0px;}
#bib_auteur .blockelev .col-xs-2 {padding: 0px;}
#bib_auteur .blockelev{height:200px; overflow-y:scroll;}
}
@media (min-width: 768px) and (max-width:991px) {
#bib_auteur .blockelev{height:185px; overflow-y:scroll;margin-top: -200px;}
#bib_auteur .blockserie {padding-bottom: 5px;}
#bib_auteur .widget-sorties {padding-bottom: 20px;}
}
/******************************** FICHE SERIE *****************************/
#trailer_serie {padding:0px;}
#trailer_serie h4 {font-family:'Bang';font-size:28px;color:#3498f0;margin-top:0;padding:5px 0px;text-align:center;border-bottom:1px solid #ccc;}
#trailer_serie iframe {padding:0px 10px 5px 10px;height:220px;}
/******************************* CREER UN COMPTE **************************/
.img-grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
/******************************* CART **************************************/
.trashcart {color: #000;}
.trashcart:hover {color: #3498f0;}
/****************************** BIBLIO LECTEUR ****************************/
#biblioTabs {text-align: left;background: none; border: none;}
ul#ulBiblio {background:none;}
ul#ulBiblio li.ui-tabs-active.ui-state-active {background: #ffc600 !important;margin: 0;}
#biblioTabs #ulBiblio > li {
    float: right !important;
    border-radius: 0px;
    box-shadow: -2px -2px 1px #4b4b4b;
    margin-left: 10px;
}
#biblioTabs #ulBiblio >  li  > a{
border-radius: 0px;
border: none;
font-size: 20px;
font-family: myriad;
text-transform: uppercase;
}
#biblioTabs #ulBiblio >  li  > a:hover{
border-radius: 0px;
border: none;
background: #ffc600;
}
#biblioTabs .ui-widget-content {
background: #ffc600;
border-radius: 0px;
min-height: 1px;
margin-top:-1px;
min-height: 220px;
}
#biblioTabs.ui-corner-all, #biblioTabs.ui-corner-bottom, #biblioTabs.ui-corner-right, #biblioTabs.ui-corner-br {border-radius: 0px !important;}
#ulBiblio.ui-corner-all, #ulBiblio.ui-corner-bottom, #ulBiblio.ui-corner-right, #ulBiblio.ui-corner-br {border-radius: 0px !important;}
#biblioTabs #actioncol .fa:before {
margin-right: 10px;}
/*********************** REVENUS AUTEUR ******************************/
#rev_auteur .midtab {width:65%; margin: 0 auto;}
@media (max-width: 767px) {
#rev_auteur .midtab {width:100%; margin: 0 auto;}
#rev_auteur .tocenter {text-align: center;}
}
@media (min-width:768px) and (max-width:991px) {
#rev_auteur .midtab {width:100%; margin: 0 auto;}
#rev_auteur .tocenter {text-align: center;}
}
/*********************** MENTIONS LEGALES ****************************/
#mentions h1 {margin: 35px 0px;}
#mentions {padding: 0px 200px; text-align: justify;}
#mentions  p{font-family: Arial;}
#mentions  h2{font-size: 25px;color: #666;}
@media (max-width: 767px) {
#mentions {padding:0px 30px;}
}
@media (min-width:768px) and (max-width:991px) {
#mentions {padding:0px 50px;;}
}
/*********************** CGV ***************************************/
#cgv h1 {margin: 35px 0px;}
#cgv {padding: 0px 200px; text-align: justify;}
#cgv  p, #cgv li, #cgv td{font-family: Arial;}
#cgv  h2{font-size: 20px;color: #666;}
#cgv  h2:nth-child(1){margin-top:0px;}
#cgv ul {margin-left: 30px; margin-right: 30px;}
@media (max-width:991px) {
#cgv {padding: 0px 30px; text-align: justify;}
#cgv .sous_art {text-decoration: underline;}
}
/*********************** COOKIES ****************************/
#vieprivee h1 {margin: 35px 0px;}
#vieprivee {text-align: justify;}
#vieprivee  p{font-family: Arial;}
#vieprivee  h2{font-size: 25px;color: #666;}
#vieprivee  h2:nth-child(1) {margin-top:0px;}
#vieprivee td {padding: 5px;font-family: Arial;}

/*********************** MESSAGERIE AUTEUR ***************************/
.select-prereponse    {
border: 1px solid rgb(0, 0, 0);
padding: 3px 8px !important;
border-radius: 50%;
margin-right: 5px;
margin-left: 5px;
cursor: pointer;
}
.select-reponse    {
border: 1px solid rgb(0, 0, 0);
padding: 3px 8px !important;
border-radius: 50%;
margin-right: 5px;
margin-left: 5px;
cursor: pointer;
}
.reponseSelected {background:#333;color: #f7f7f7;}

@media (max-width: 767px) {
	.buttoncata .btn-select {min-width: 77px;}
	.messmail{min-height: auto;border:1px solid #666;}
	.messpre{height:55px;padding-top:10px;padding-left:5px;}
	.messauto{height:55px;padding-top:10px;padding-left:5px;}
}
@media (min-width: 768px) and (max-width:991px) {
	.messmail{min-height: auto;border:1px solid #666;}
	.messpre{height:40px;padding-top:10px;padding-left:5px;}
	.messauto{height:40px;padding-top:10px;padding-left:5px;}
}
@media (min-width: 992px) {
	.messmail{min-height: 642px;border:1px solid #666;}
	.messpre{height:40px;padding-top:10px;padding-left:5px;}
	.messauto{height:40px;padding-top:10px;padding-left:5px;}
}
/************************* QUI SOMMES NOUS ? ***********************/
.histopicto {width: 120px; margin: auto;}
/************************ PROFIL LECTEUR **************************/
#proflecteur h1 {margin:35px 0 !important;}
@media (max-width: 767px) {
	#proflecteur .onlineprofil {
	float: none !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	text-align: center !important;
	}
	#aviSelected .glyphicon-trash {margin-right:15px;margin-top: -30px;}
	.tagbutton {width: 100%;}
	#modalTag .tag {font-size: 14px;}
	#proflecteur .onlineprofil a{width: 91%}
}
@media (min-width:768px) and (max-width:991px) {
	#proflecteur h1 {margin:35px 0 60px 0 !important;}
	#aviSelected  {height: 460px !important;}
	#aviSelected .glyphicon-trash {margin-right:15px;margin-top: -30px;}
}
#proflecteur .starnote {margin-top: 5px;}
/**************************** MESSAGERIE LECTEUR ***************************/
#messagerie_lecteur h1 {margin: 35px 0;}
/***************************** BIBLIOTEHQUE LECTEUR ************************/
@media (max-width: 767px) {
	#biblio_lecteur h2 {position: relative !important;}
	#biblio_lecteur #ulBiblio li {margin-left:0px;}
	#biblio_lecteur #ulBiblio .ui-tabs-anchor {font-size: 14px; padding: 7px 10px;}
	#biblio_lecteur .item .col-md-6 {padding-right: 0px;}
	#biblio_lecteur .item .col-md-6 .col-md-4{padding-right: 0px;}
	#biblio_lecteur .item .col-md-6 .col-md-8 {text-align: center;}
	#biblio_lecteur .item #actioncol {padding-left:0px;}
	#biblio_lecteur .item #actioncol .play {width:18px !important;font-size: 20px; margin-top:-3px;}
	#biblio_lecteur .item #actioncol .play .fa-play-circle {margin-left:3px;}
	#biblio_lecteur .item #actioncol .play b {display: none;}
	#biblio_lecteur .item #actioncol .buy {width:18px !important;font-size: 20px; margin-top:-3px;}
	#biblio_lecteur .item #actioncol .buy b {display: none;}
	#biblio_lecteur .item #actioncol .col-md-12 {margin-bottom: 6px;}
}
@media (min-width:768px) and (max-width:991px) {
	#biblio_lecteur .item  .col-sm-7 .col-sm-5, #biblio_lecteur .item  .col-sm-7 .col-sm-7 {padding-right: 0px;}
	#biblio_lecteur .item #actioncol {padding-left:0px;}
	#biblio_lecteur .item #actioncol .play {width:18px !important;font-size: 20px; margin-top:-3px;}
	#biblio_lecteur .item #actioncol .play b {display: none;}
	#biblio_lecteur .item #actioncol .buy {width:18px !important;font-size: 20px; margin-top:-3px;}
	#biblio_lecteur .item #actioncol .buy b {display: none;}
	#biblio_lecteur .item #actioncol .col-md-12 {margin-bottom: 6px;padding: 0px;}
	#biblio_lecteur .item #actioncol .play .fa-play-circle {margin-left:3px;}
}
/********************************** FICHE LECTEUR ********************************/
#fichelec p.pseudo_lecteur{font-family:cooper;font-size:24px; text-align:left;}
#fichelec p.presentation_l {font-family: Arial;}
#fichelec .main {margin-left:100px;margin-right:100px;}
#fichelec .main h3 {padding-left:15px;}
@media (max-width: 767px) {
	#fichelec .main {margin-left:0px;margin-right:0px;}
	#fichelec .imgprof {
	text-align: center;
	}
	#fichelec .imgprof img {max-width:285px;}
	#fichelec p.pseudo_lecteur{text-align:center;}
	#fichelec .main h3 {padding-left:0px;}
	#fichelec .tag.tagged {font-size:18px;}
}
@media (min-width:768px) and (max-width:991px) {
	#fichelec .main {margin-left:0px;margin-right:0px;}
	#fichelec .main h3 {padding-left:0px;}
	#fichelec #biblio  .bmanga {padding-left:0px;}
	#fichelec #biblio  .bgraphic {padding-right:0px;}
	#fichelec .tag.tagged {font-size:18px;}
}
/********************************** RECHERCHER **********************************/
#tableCollection_filter input {color: gray;margin-left: 10px; padding: 5px;}
/*! jQuery UI - v1.11.4 - 2016-06-29
* http://jqueryui.com
* Includes: core.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=ffc600&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
	min-height: 315px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #f4f4f4;
	color: #333333;
	border-top-right-radius: 4px;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5c5c5;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #2b2b2b;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #cccccc;
	background: #f4f4f4 !important;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: 0px 0 0 0px;
	padding: 5px;
	background: #666666;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}


#divRecus .dataTables_paginate, #divEnvois .dataTables_paginate {
	text-align: center;
	background-color: lightgray;
}

.checkBot {
	display: none;
}

.no-sort .DataTables_sort_icon {
	display: none;
}

.dataTables_wrapper .top {
	margin-bottom: 8px;
}

.dataTable thead th {
	border-bottom: 0px !important;
	border-top: 1px solid #ddd !important;
	text-align: center;
}

.dataTable thead th div {
	align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

.dataTable tfoot th {
	border-top: 0px !important;
	text-align: center;
}

.dataTable select {
	width: 100%;
	text-align: center;
}

.dataTable option {
	text-align: left;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

input#cgv, input#retractation {
	transform: scale(1.4);
}

.modal-body {
	font-weight: normal;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	overflow: hidden;
}



.presentation{
	font-family: arial;
    text-align: justify;
    color: #595959;
    font-size: 14px;
}

#portemonnaie img {
	margin: 3px auto;
	width:25%;
}

.h3Credit {
    font-size: 26px;
    margin-top: 0;
    text-transform: uppercase;
    font-family: "myriad",Arial,Helvetica,sans-serif;
    text-align: center;
}

.h3Credit img {
    height: 28px;
    margin-right: 3px;
    margin-top: -2px;
}

.spanMonnaie {
	position: relative; top: 0px; left: 0px; height: 96px;width:96px ; display: block; line-height: 120px; vertical-align: middle; background-image: url('/images/walletB.png');
}

img.cadeau {
	margin: 0 auto;width: 30%;
}

.aCadeau {
	display: block;
    text-align: center;
    width: 100%;
}


.credits {
    color: #62727c;
    font-family: arial;
    padding: 10px 19px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

@media (max-width:501px) {
	img.cadeau {
		width: 50%;
	}
}

.canceled {
	text-decoration: line-through;
	text-decoration-color: red; 
}

.coquette {
	font-family: 'coquette', arial;
	color: #62727c;
}

h2.coquette {
	font-size: 23px;
}

a.coquette:hover {
	font-family: 'coquetteBold', arial;
}

#aCadeau > .coquette {
	color: rgb(98,​ 114,​ 124);
	font-weight: 20px;
}

.noUnderline:hover {
	text-decoration: none;
}

#homepageRss #script_rss img {
  width: 100%;
  margin: 5px;
}

#homepageRss .rss_news {
  font-size: 16px;
}

#homepageRss .rss_news h3, .rss_news h4, .rss_news h5 {
  text-align: center;
}

#homepageRss .rss_news h5 {
  font-family: arial;
  font-size: 12px;
}

#homepageRss .rss_news > div {
  content: " ";
  
  margin: 0;
  padding: 0;
  text-align: center;
  
}

#homepageRss .rss_news > div > img{
  padding: 5px;
}

#homepageRss .rss_news .description {
  display: block;
  font-family: arial;
  font-size: 0.7em;
  height: 218px;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  color: white;
}

#homepageRss .description > div > div {
	color: black;
	display: none;
}

#homepageRss .rss_news a {
  padding: 5px;
}

#homepageRss .more {
	background: #ffc600 none repeat scroll 0 0 !important;
	border: 2px black solid;
    display: block;
    font-size: 18px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
    color: black;
}

#homepageRss .more:hover {
  text-decoration: none;
}

#homepageRss iframe {
  width: 100%;
}

#homepageRss #frenchWarning {
  color:#4b4b4b; font-size:16px; margin-bottom:25px;text-transform: uppercase;
}

.fnac_button a {
	background-color: gold;
    border: 2px solid black;
    display: inline-block;
    font-weight: bold;
    padding: 2px;
    width: 100%;
    color: black;
}

.fnac_button a span, .vente_directe a span {
	display: inline-block;
	margin-top: 3px;
}

.fnac_button a img, .vente_directe a img {
	margin-top: -5px;
	margin-left: 5px;
}

.vente_directe a {
	display:inline-block;
	padding: 2px;
	font-weight:bold;
	width: 100%;
}

#styleSerie .title {
    margin-bottom: 0px;margin-top:20px;
}

#styleSerie .title a {
    color: gray;text-transform: uppercase; font-weight: bolder;
}

#styleSerie .lire {
    background-color: #ffc600 !important;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 3px 0 #111;
 }

#styleSerie .lire a {
    color:black !important;
 }

#styleSerie .divblockTag {
    padding-left: 5px;
}

#styleSerie .tag {
    font-size:15px;margin-left:0px;
 }

.buybutton-wrapper > div {
	float: right;
}

.buybutton:hover span {
    text-decoration: none !important;
}

.buybutton span {
 font-family: 'myriad' !important;
 color: inherit !important;
}

.buybutton[class*=" icon-"] span::before {
	font-family: 'Glyphicons Halflings' !important;
}