/*
* Surchargez ce fichier dans votre thème pour personnaliser le module
* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
*/

.bbcode {
	position: relative;
	display: table;
	margin: 0.309em auto -0.309em auto;
	width: 99%;
}

.bbcode-containers {
	display: table-cell;
	font-size: 0;
}

.bbcode-container {
	display: inline-block;
	margin: 0;
	padding: 0.1618em;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.bbcode-container:after {
	position: absolute;
	top: 0;
	right: -2px;
	height: 100%;
	width: 1px;
	content: "";
}

@media (min-width: 769px) {
	.bbcode-container { position: relative; }
}

.bbcode-elements {
	display: inline-block;
	font-size: 1.456rem;
}

@media (min-width: 769px) {
	.bbcode-elements {
		position: relative;
	}
}

/* Icones de la barre BBCode */

/* On ne touche pas d'ici : start
----------------*/
	.bbcode-elements {
		display: inline-block;
		height: 24px;
		margin-right: 4px;
		position: relative;
		width: 27px;
	}
	
	.bbcode-elements > a , 
	.bbcode-block-container {
		display: inline-block;
		height: 22px;
		border: 1px solid transparent;	
		font-size: 1.3rem;
		padding: 0.309em;
		text-align: center;
		vertical-align: 0;
		
	}
	
	.bbcode .bbcode-elements > a {
		margin: 1px 1px;
		padding: 2px 2px 0 2px;
	}

	.bbcode-elements-more {
		display: table-cell;
		margin: auto;
		width: 20px;
		vertical-align: middle;
		font-size: 1rem;
		text-align: center;
	}	
		.bbcode .bbcode-elements-more a {
			padding: 0;
			width: 20px;
		}

		.bbcode-elements-more a {
			margin: 3px 0;
			padding: 0;
			width: 18px;
			height: 18px;
		}
/* On ne touche pas d'ici : END
----------------*/

.bbcode-backspace {display: none;}

@media (min-width: 769px) {
	.bbcode-backspace {
		display: block;
	}
}

.bbcode-block-container {
	position: absolute;
	top: 120%;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	z-index: 20;
	text-align: center;
}

.bbcode-block {
	margin: 0;
}

.bbcode-block .form-element{
	width: 100%;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
}

.bbcode-block a {
	text-decoration: none;
}

@media (max-width: 768px) {
	.bbcode-block-container {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}

@media (min-width: 769px) {
	.bbcode-block-container:after {
		position: absolute;
		content: " ";
		border-style: solid;
	}

	.bbcode-block-container:after {
		left: 5px;
		top: -7px;
		border-width: 0 8px 8px 8px;
	}
}

.bbcode-block-smileys,
.bbcode-block-fa {
	max-height: 230px;
	padding: 0.228em;
	overflow-y: auto;
	text-align: center;
}

.bbcode-block-smileys li,
.bbcode-block-fa li {
	display: inline-block;
}

.bbcode-block-fa li {
	padding: 0.1618em;
	width: 1.309em;
}

.bbcode-block-smileys li a,
.bbcode-block-fa li a {
	display: block;
}

@media (max-width: 768px) {
	.bbcode-block-smileys li a {
		padding: 0.309em 0.618em;
	}

	.bbcode-block-smileys {
		max-height: 300px;
	}

	.bbcode-block-fa li {
		padding: 0.456em;
		width: 29px;
	}

	.bbcode-block-fa {
		max-height: 400px;
	}
}

.bbcode-block-container.color-picker table {
	width: auto;
}

.bbcode-block-container.color-picker td a {
	height: 32px;
	width: 32px;
}

.bbcode-block-list li {
	display: block;
}

.bbcode-block-list li a {
	display: block;
	padding: 0.228em;
	text-align: center;
}

.bbcode-block-code {
	height: 300px;
	overflow-y: scroll;
}

.bbcode-block-code > ul {
	margin-left: 0;
}

.bbcode-block-code li {
	padding: 0.228em;
}

.bbcode-block-list li.bbcode-code-title {
	padding: 0.309em 0 0;
	font-weight: bold;
}

#bbcode-expanded .form-element {
	margin: 0 !important;
	padding: 0.309em 0;
}

.bbcode-block .form-element label.smaller {
	font-size: 0.809em;
	width: 70%;
	padding: 0;
}

.bbcode-block .form-element .form-field {
	width: 23%;
}

.bbcode-block .form-element input {
	padding: 0 0.309em;
}

.bbcode-form-element-text {
	padding: 0.309em;
	text-align: center;
 }

.bbcode-block-fonts {
	height: 300px;
	overflow-y: scroll;
}

@media (min-width: 769px){
	.bbcode-block-fonts 	{ width: 120px; }
	.bbcode-block-title 	{ width: 70px;  }
	.bbcode-block-ul 		{ width: 150px; }
	.bbcode-block-block 	{ width: 100px; }
	.bbcode-block-message 	{ width: 110px; }
	.bbcode-block-size 		{ width: 40px;  }
	.bbcode-block-hide 		{ width: 90px;  }
	.bbcode-block-table 	{ width: 160px; }
	.bbcode-block-code 		{ width: 130px; }
	.bbcode-block-smileys   { width: 270px; }
	.bbcode-block-fa        { width: 272px; }
	.bbcode-block-aligns    { width: 120px; }
	.bbcode-block-positions { width: 120px; }
}


.bbcode-forbidden,
.bbcode-forbidden i {
	opacity: 0.3 !important;
	cursor: not-allowed !important;
}

.bbcode-icon-anchor:before    { content: url('images/anchor.png'); }
.bbcode-icon-bold:before        { content: url('images/bold.png'); }
.bbcode-icon-italic:before    { content: url('images/italic.png'); }
.bbcode-icon-underline:before  { content: url('images/underline.png'); }
.bbcode-icon-strike:before     { content: url('images/strike.png'); }
.bbcode-icon-smileys:before    { content: url('images/smileys.png'); }
.bbcode-icon-title:before       { content: url('images/title.png'); }
/* MODE EDN Debut*/
.bbcode-icon-title1:before       { content: url('images/tit1.png'); }
.bbcode-icon-title2:before       { content: url('images/tit2.png'); }
/* MODE EDN Fin*/
.bbcode-icon-subtitle:before   { content: url('images/subtitle.png'); }
.bbcode-icon-style:before     { content: url('images/style.png'); }
.bbcode-icon-url:before         { content: url('images/url.png'); }
.bbcode-icon-image:before      { content: url('images/image.png'); }
.bbcode-icon-lightbox:before  { content: url('images/lightbox.png'); }
.bbcode-icon-upload:before   { content: url('images/upload.png'); }
.bbcode-icon-quote:before  { content: url('images/quote.png'); }
.bbcode-icon-hide:before    { content: url('images/hide.png'); }
.bbcode-icon-list:before     { content: url('images/list.png'); }
.bbcode-icon-color:before   { content: url('images/color.png'); }
.bbcode-icon-size:before     { content: url('images/size.png'); }
.bbcode-icon-font:before    { content: url('images/font.png'); }
.bbcode-icon-minus:before   { content: url('images/minus.png'); }
.bbcode-icon-plus:before     { content: url('images/plus.png'); }
.bbcode-icon-more:before     { content: url('images/more.png'); }
.bbcode-icon-left:before     { content: url('images/left.png'); }
.bbcode-icon-center:before{ content: url('images/center.png'); }
.bbcode-icon-right:before   { content: url('images/right.png'); }
.bbcode-icon-justify:before     { content: url('images/justify.png'); }
.bbcode-icon-float-left:before  { content: url('images/float_left.png'); }
.bbcode-icon-float-right:before{ content: url('images/float_right.png'); }
.bbcode-icon-sup:before          { content: url('images/sup.png'); }
.bbcode-icon-sub:before          { content: url('images/sub.png'); }
.bbcode-icon-indent:before   { content: url('images/indent.png'); }
.bbcode-icon-table:before     { content: url('images/table.png'); }
.bbcode-icon-flash:before     { content: url('images/flash.png'); }
.bbcode-icon-movie:before     { content: url('images/movie.png'); }
.bbcode-icon-youtube:before { content: url('images/youtube.png'); }
.bbcode-icon-sound:before      { content: url('images/sound.png'); }
.bbcode-icon-code:before        { content: url('images/code.png'); }
.bbcode-icon-math:before        { content: url('images/math.png'); }
.bbcode-icon-html:before        { content: url('images/html.png'); }
.bbcode-icon-mail:before        { content: url('images/mail.png'); }
.bbcode-icon-feed:before        { content: url('images/rss.png'); }
.bbcode-icon-help:before        { content: url('images/help.png'); }
.bbcode-icon-fa:before        { content: url('images/flag.png'); }
.bbcode-icon-bgcolor:before        { content: url('images/color1.png'); }

.bbcode-icon-zupimages:before   { content: url('images/zupimages.png'); }
.bbcode-icon-casimages:before   { content: url('images/casimages.png'); }
.bbcode-icon-noelshack:before   { content: url('images/noelshack.png'); }

.bbcode-icon-flash,
.bbcode-icon-image,
.bbcode-icon-title,
.bbcode-icon-smileys,
.bbcode-icon-subtitle {
	font-weight: 400;
}

/* Icones modifications size or color */
.bbcode-icon-math:before {
	font-size: 0.8em;
}

.bbcode-icon-plus:before,
.bbcode-icon-minus:before  {
	font-size: 0.7em;
}

.bbcode-icon-more:before {
	font-size: 0.8em;
}