@font-face {
	font-family:"Bazinga";
	src:url('Bazinga-Regular.otf') format("opentype");
}
@font-face {
	font-family:"DroidSerif";
	src:url('DroidSerif.ttf');
}
@font-face {
	font-family:"JackInput";
	src:url('JackInput.ttf');
}
@font-face {
	font-family:"StringLiteral";
	src:url('ShineTypewriter.ttf');
}
:root {
	--readablecolor:rgba(255,255,255,0.6)
}
a:hover {
	color:#fd9b23;
}
body {
	background-image:url("./img/fond_mur.png");
	/* background:linear-gradient(135deg,rgba(221,238,248,1) 0%,rgba(160,297,227,1) 100%); */
	background-attachment:fixed;
}
header {
	margin-bottom:35px;
	margin-top:50px;
}
#logopragma {
	Float:left;
	display:block;
}

.menu a{
	color: rgba(73,51,29,200);
}
.textbreak h1 > a{
	color: #000000;
}


.link {
	opacity:.6;
	margin-left:5px;
}
.link:hover {
	opacity:1
}
.picturelightbox img {
	max-width:300px;
}
.tags span {
	border:1px solid #909;
	padding:5px;
	border-radius:10px;
	background-color:rgba(153,0,153,0.3);
}
.textwrap {
	Text-Indent:.5cm;
	margin-bottom:50px;
	min-height:200px
}
article {
	margin-top: 15px;
	margin-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url("./img/fond_paragraphe.png");
}
footer {
	
	border-image: url("./img/footer.png") 0 596 0 601 fill / 0px 596px 0px 601px;
	border-image-repeat: repeat;
	height: 228px;
	display:flex;
	width:100%;
	position:relative;
align-content: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
	font-size:.8em
}
footer a {
	color:#2B114B;
	
}
footer div {
	display:table-cell;
	margin-bottom:5px;
	text-transform:uppercase;
	font-weight:700;
	cursor:pointer;
	margin-right:10%;
	margin-left:10%
}
nav {
	margin-top:15px;
}
nav div:hover {
	
}
button {
	font-family:BebasNeue;
}
a {
	text-decoration:none;
}
.Header {
	width: 50%;
	margin:auto;	
}
.Header img{
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4); 
transform: rotate(-3deg);
}

.links{
	width: 50%;
	margin:auto;	
	margin-top : 3em;
}

.menu {
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	margin:auto;
	color:#000000;
}
.text {
	font-family:Impact;
}
.textbreak a{
	color: #A3ACC2;
}


.nolimit{
 max-height: none;
}
.liens {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.download {
	 background-image: url('./img/select_agrandir.png');
   height: 30px;
   width: 137px;
   float:right;
   cursor:pointer;
}
.download :hover{
	cursor:pointer;
	 background-image: url('./img/select_agrandir_hover.png');
}
.player {
	width:100%;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
}
iframe{
	border: 1px solid #675E51;
}
.hideplayer {
	height:0;
	display: none;
	overflow:hidden;
	-moz-animation:slide 1s ease 3.5s forwards;
	-webkit-animation:slide 1s ease 3.5s forwards;
	-o-animation:slide 1s ease 3.5s forwards;
	-ms-animation:slide 1s ease 3.5s forwards;
	animation:slide 1s ease 3.5s forwards;
}
.textbreak.reveal, .mobiletextbreak.reveal {
    -webkit-mask-image: none;
    width: 100%;
    word-break: break-word;
    display: block;
    max-height: none; 
    overflow: visible; 
 
}


#articles{
	
}

/*design mobile*/

@media only screen and (max-width: 600px) {
	header img{
	
	max-width:200px; margin:auto;
}


    .Navigation {
        padding: 5px;
		
    }
.Navigation > div,
.Navigation ul,
.Navigation li {
    text-align: center;
}

.Navigation ul {

    list-style: none;
}
    .menu {
    }
	
	
	.menu-item {
    display: none;
    overflow: hidden;
    height: 0; /* On cache tout au départ */
    transition: all 0.3s ease; /* Transition fluide */
}

/* Lorsqu'on dévoile */
.menu-item.reveal {
    display: block;
    height: auto; /* Reviens à la hauteur normale */
    transition: all 0.3s ease; /* Slide fluide */
}
	
.menumobile{
	font-weight: bold;
}

.categorie ul{

}
.categorie li{
	text-align: left;
	list-style-type: none;
	font-size: 1.2em;
	list-style: none;

}

.categorie a{
	cursor: pointer;
}

	
   .tvborder {
	border: none;
}
.centertv{
	margin-top : 25px;
	min-height: 700px;
}
.toptvback{
	position: relative;
	top:0em;
}

.mobiletextbreak {
	width:100%;
	word-break:break-word;
	background-color:rgba(222,219,210,1);
	border: 1px solid rgba(133,122,101,1);
	-webkit-line-clamp:14;
	-moz-line-clamp:14;
	-ms-line-clamp:14;
	line-clamp:14;
	font-family:DroidSerif;
	transition:.5s ease;
	padding : 15px;
}

.fiche {
	background-clip:content-box;
	padding: 10px;
}
.fiche p {
	
	
}

.bottomtv{
	display: none;
}


.knivesout{
	display: none;
}


.wasabi{
	display: none;
}


.sybil{
	display: none;

}

.sybil:hover{
	display: none;
}

.bouteille{
	display: none;
}

.copyright{
	
	transform: rotate(-11deg);
	position: relative;
	bottom:6em;
	width: 186px;
	height: 88px;
	margin:auto;
	font-weight: bold;
	font-size: 1.11em;
	line-height: 1.3em;
	padding-top: 10px;
	padding-left: 15px;
background-image: url(./img/etiquette_carton.png);	
  background-repeat: no-repeat;
  background-size: 188px 86px;
}


footer {
	
	border:none;
	height: 228px;
	display:flex;
	width:100%;
	position:relative;
align-content: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
	font-size:.8em
}
}


/*design desktop*/

@media only screen and (min-width: 992px){
	
header img{
max-width:600px; margin:auto;
}	
.tvborder {
	border-image: url(./img/fond_no_bouton.png) 115 95 57 89 fill / 115px 95px 57px 89px;
padding: 25px 95px 57px 89px;
}

.buttontv{
border-image: url(./img/fond_bottomtv.png) 17 95 57 89 fill / 17px 95px 57px 89px;
padding: 17px 95px 57px 89px;
overflow: auto
}

.buttontv img{
float: right;
cursor: pointer;
}

.centertv{
	margin-top : 25px;
	min-height: 700px;
}
.toptvback{
	position: relative;
	top:0em;
}

.menumobile{
	display: none;
}

.textbreakbio {
	width:100%;
	word-break:break-word;
	background-color:rgba(222,219,210,1);
	border: 1px solid rgba(133,122,101,1);
	-webkit-line-clamp:14;
	-moz-line-clamp:14;
	-ms-line-clamp:14;
	line-clamp:14;
	overflow:hidden;
	font-family:DroidSerif;
	transition:.5s ease;
	padding : 15px;
}
.tri{
Background-image:url("./img/etiquette_tri.png");	
height: 86px;
position: relative;
top: -1.3em;
left: 3em;
background-repeat: no-repeat;

}
.tri p{
	    padding: 5px 5px 0px 12px;
	margin-right: 10px;
	font-family:Bazinga !important;

}
.tri a{	font-size: 1.5em;
	   cursor: pointer;
text-decoration: none;
color: black;	
}
.tri a:hover{
	font-size: 1.6em;
	   cursor: pointer;
text-decoration: none;
color: black;	
}

.categorie{
	height: 170px;
	font-family:Bazinga;
	Background-image:url("./img/post_it.png");	
left: 10em;
position: relative;
bottom: -1.5em;
background-repeat: no-repeat;
}

.categorie ul{
	margin-left: -2.5em;
}
.categorie li{
	
	text-align: center;
	font-size: 1.2em;
	list-style: none;
}

.categorie li:hover{
	
	text-align: center;
	font-size: 1.5em;
	list-style: none;
}

.categorie a{
	cursor: pointer;
}

.categorie li:hover{
	cursor: pointer;
	color:#fd9b23;
}

.cast{
height: 125px;
width: 195px;
	Background-image:url("./img/carte_visite.png");	
	background-repeat: no-repeat;
	font-family: Cambria;
	margin-left: 19em;
}

.cast p{
	color:rgba(0,0,0,0.8);
	position: relative;
	top: 6px;
	font-size: 1.4em;
	font-style: italic;
	display: flex;
	align-items: center;
    justify-content: center;
}

.cast a{
	color: rgba(0,0,0,0.8);
}
.cast a:hover{
	font-size:1.1em;
}



.textbreak {
	width:100%;
	word-break:break-word;
	background-color:rgba(222,219,210,1);
	border: 1px solid rgba(133,122,101,1);
	-webkit-line-clamp:14;
	-moz-line-clamp:14;
	-ms-line-clamp:14;
	line-clamp:14;
	overflow:hidden;
	font-family:DroidSerif;
	transition:.5s ease;
	max-height:10lh;
	padding : 15px;
}
.textbreakbio {
	width:100%;
	word-break:break-word;
	background-color:rgba(222,219,210,1);
	border: 1px solid rgba(133,122,101,1);
	-webkit-line-clamp:14;
	-moz-line-clamp:14;
	-ms-line-clamp:14;
	line-clamp:14;
	overflow:hidden;
	font-family:DroidSerif;
	transition:.5s ease;
	padding : 15px;
}

.bottomtv{
position: relative;
top:-434px;
height:0px;
display: flex;
align-items: flex-end;
    justify-content: center;
}


.knivesout{
	position: absolute;
	transform: rotate(7deg);
	left: -7em;
	top: 5em;
	float: left;
		Background-image:url("./img/knives_out.png");
background-size: contain;		
	background-repeat: no-repeat;
	width: 700px;
	height: 700px;
	z-index: -3;
}


.wasabi{
			position: absolute;
	transform: rotate(-5deg);
	right: 2em;
	top: 15em;
		Background-image:url("./img/wasabi.png");
background-size: contain;		
	background-repeat: no-repeat;
	width: 400px;
	height: 700px;
	z-index: -3;
}

.fiche {
	background-clip:content-box;
	padding-right: 2em;
	
}
.fiche p {
	margin-top:30px;
	margin-left:20px;
	margin-bottom:30px;
	
}

.sybil{
	height: 347px;
	height: inherit;
	position: relative;
	left: -3em;
	margin-right: 50%;
	width:300px;
	transform: scaleY(1);
	transform-origin: bottom;
  transition-duration: 0.2s;
    will-change: transform;
overflow: hidden;
}

@-moz-document url-prefix() {
    .sybil:hover {
        transform: none !important; /* Désactive la transformation hover dans Firefox */
    }
}

.sybil:hover{
	transform-origin: bottom;
	transform: scaleY(0.9);
	will-change: transform;
	overflow: hidden
}

.bouteille{
	max-height: 434px;
	height: inherit;
	width:125px;
	position: relative;
    
	z-index:-1;
}

.copyright{
	
	transform: rotate(-11deg);
	position: relative;
	bottom:6em;
	width: 186px;
	height: 88px;
	margin:auto;
	font-weight: bold;
	font-size: 1.11em;
	line-height: 1.3em;
	padding-top: 10px;
	padding-left: 15px;
background-image: url(./img/etiquette_carton.png);	
  background-repeat: no-repeat;
  background-size: 188px 86px;
}


}
@-moz-keyframes slide /* Firefox */ {
	from {
	height:0;
}
to {
	height:300px;
}
}@-webkit-keyframes slide /* Safari and Chrome */ {
	from {
	height:0;
}
to {
	height:300px;
}
}@-o-keyframes slide /* Opera */ {
	from {
	background:red;
}
to {
	background:yellow;
}
}@-ms-keyframes slide /* IE10 */ {
	from {
	height:0;
}
to {
	height:300px;
}
}@keyframes slide {
	from {
	height:0;
}
to {
	height:300px;
}
}.textwrap a {
	color:#008040;
	font-weight:bold;
}
.vignette {
	max-width:300px;
		border: 1px solid rgba(52,35,29,1);
	/* border:3em solid var(--readablecolor);
	*/
object-fit:cover;
}

.image {
	display:flex;
	justify-content:center;
}
a:visited:hover {
	color:#fd9b23
}
.podcast a:visited {
	text-decoration:none;
	border:none;
}
.link-spanner {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}
.logospotify {
	transition:opacity .75s ease-in-out;
	-moz-transition:opacity .75s ease-in-out;
	-webkit-transition:opacity .75s ease-in-out;
	-o-transition:opacity .75s ease-in-out
}
.logospotify:hover+span {
	opacity:1
}
.logorss {
	transition:opacity .75s ease-in-out;
	-moz-transition:opacity .75s ease-in-out;
	-webkit-transition:opacity .75s ease-in-out;
	-o-transition:opacity .75s ease-in-out
}
.logorss:hover+span {
	opacity:1
}
.logotwitter {
	transition:opacity .75s ease-in-out;
	-moz-transition:opacity .75s ease-in-out;
	-webkit-transition:opacity .75s ease-in-out;
	-o-transition:opacity .75s ease-in-out
}
.logotwitter:hover+span {
	opacity:1
}
.logopodcloud {
	transition:opacity .75s ease-in-out;
	-moz-transition:opacity .75s ease-in-out;
	-webkit-transition:opacity .75s ease-in-out;
	-o-transition:opacity .75s ease-in-out
}
.logopodcloud:hover+span {
	opacity:1
}
.logodiscord {
	transition:opacity .75s ease-in-out;
	-moz-transition:opacity .75s ease-in-out;
	-webkit-transition:opacity .75s ease-in-out;
	-o-transition:opacity .75s ease-in-out
}
.logodiscord:hover+span {
	opacity:1
}
.soustitrerezo {
	position:absolute;
	margin:auto;
	width:40%;
	text-align:center;
	top:20px;
	right:30%;
	color:#00b6f1;
	text-align:center;
	font-weight:700;
	font-size:2em;
	opacity:0;
	cursor:context-menu;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition:opacity .75s ease-in-out
}
.logoinstagram {
	transition:opacity .75s ease-in-out;
	-moz-transition:opacity .75s ease-in-out;
	-webkit-transition:opacity .75s ease-in-out;
	-o-transition:opacity .75s ease-in-out
}
.logoinstagram:hover+span {
	opacity:1
}
div[class*=conteneur] {
	position:relative;
	width:100%;
	overflow:hidden;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
}
.menu:hover {
}
.episode {
	float:right;
	cursor:context-menu;
	text-align:left;
	margin-left:15px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.middle {
	transition:.5s ease;
	opacity:1;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	margin:auto;
}
fieldset {
	margin:auto;
	width:90%;
	text-align:left
}
#cacher {
	cursor:auto
}
#cacher p {
	margin-top:-10px;
	padding-bottom:10px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px
}
#cacher img {
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px
}
.rezo {
	display:table-cell;
	backface-visibility:hidden;
	position:fixed;
	width:150px;
	bottom:10px;
	right:0;
	float:right;
	opacity:0;
	transition:.5s ease;
	margin:auto;
	text-align:center;
	pointer-events:none
}
.showrezo p:hover {
	cursor:context-menu
}
.showrezo {
	position:fixed;
	display:table-cell;
	width:150px;
	bottom:10px;
	right:20px;
	float:right;
	opacity:1;
	height:auto;
	transition:.5s ease;
	margin:auto;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.hidden {
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
	opacity:0.1;
	transition-duration:.5s;
	pointer-events:none;
}
.shown {
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
	opacity:1;
	transition-duration:.5s;
}
.dropbtn {
	}.dropdown {
	position:relative;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display:none;
	position:absolute;
	background-color:#e8e8e8;
	min-width:98%;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:1;
	margin:0;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	flex-wrap:wrap;
	justify-content:center;
}
/* Links inside the dropdown */
.dropdown-content a img {
	color:black;
	text-decoration:none;
	display:flex;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color:#e8e8e8;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display:flex;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	}
	
	
	.episode {
	margin-bottom:40px;
	font-size:.5em
}
select {
	width:175px
}
option {
	text-align:center
}
td {
	text-align:center
}
.noparty {
	display:none;
}
@keyframes blinkingText {
	0% {
	color:orange;
}
49% {
	color:transparent;
}
50% {
	color:orange;
}
99% {
	color:transparent;
}
100% {
	color:orange;
}
}#image-upload-wrapper {
	width:300px;
	height:300px;
}
.image-preview {
	max-width:300px;
	max-height:300px;
	width:300px;
	height:300px;
	background:url(https://studiocartonc.fr/administration/css/uploadimage.png) no-repeat scroll 0 0;
}
input {
	background-color:rgba(0,0,0,0.1);
	border:20px;
}
::-webkit-placeholder {
	/* WebKit,Blink,Edge */
    color:#909;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
   color:#909;
	opacity:1;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
   color:#909;
	opacity:1;
}
:-ms-placeholder {
	/* Internet Explorer 10-11 */
   color:#909;
}
::-ms-placeholder {
	/* Microsoft Edge */
   color:#909;
}
::placeholder {
	/* Most modern browsers support this now. */
   color:#909;
}