/******
	CSS pour le rendu des textes créés depuis Froala
	
	! Ne pas oublier d'encadrer le rendu par une DIV.froalaRendu
	! Ne pas oublier d'intégrer le script suivant, pour la mise en forme des liens (youtube, maps, ...)
		<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
	
******/

/* Permet de garder le padding du rendu */
.froalaRendu :first-child {
	margin-top: 0px;
}
.froalaRendu :last-child {
	margin-bottom: 0px;
}

/* Images */
img.fr-dib {
	margin: 5px auto;
	display: block;
	float: none;
	vertical-align: top;
}
img.fr-dib.fr-fil {
	margin-left: 0;
	text-align: left;
}
img.fr-dib.fr-fir {
	margin-right: 0;
	text-align: right;
}
img.fr-dii {
	display: inline-block;
	float: none;
	vertical-align: bottom;
	margin-left: 5px;
	margin-right: 5px;
	max-width: calc(100% - (2 * 5px));
}
img.fr-dii.fr-fil {
	float: left;
	margin: 5px 5px 5px 0;
	max-width: calc(100% - 5px);
}
img.fr-dii.fr-fir {
	float: right;
	margin: 5px 0 5px 5px;
	max-width: calc(100% - 5px);
}
span.fr-img-caption {
	position: relative;
	max-width: 100%;
}
span.fr-img-caption.fr-dib {
	margin: 5px auto;
	display: block;
	float: none;
	vertical-align: top;
}
span.fr-img-caption.fr-dib.fr-fil {
	margin-left: 0;
	text-align: left;
}
span.fr-img-caption.fr-dib.fr-fir {
	margin-right: 0;
	text-align: right;
}
span.fr-img-caption.fr-dii {
	display: inline-block;
	float: none;
	vertical-align: bottom;
	margin-left: 5px;
	margin-right: 5px;
	max-width: calc(100% - (2 * 5px));
}
span.fr-img-caption.fr-dii.fr-fil {
	float: left;
	margin: 5px 5px 5px 0;
	max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-dii.fr-fir {
	float: right;
	margin: 5px 0 5px 5px;
	max-width: calc(100% - 5px);
}
img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
	-webkit-box-shadow: 10px 10px 5px 0px #cccccc;
	-moz-box-shadow: 10px 10px 5px 0px #cccccc;
	box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
	border: solid 5px #CCC;
}
img.fr-bordered {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.fr-img-caption.fr-bordered img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fr-img-caption .fr-img-wrap > span {
	margin: auto;
	display: block;
	padding: 5px 5px 10px;
	font-size: 14px;
	font-weight: initial;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 100%;
	text-align: center;
}


/* Tableaux */
.froalaRendu table {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	max-width: 100%;
}
.froalaRendu table td {
	min-width: 5px;
}
.froalaRendu table.fr-dashed-borders td, .froalaRendu table.fr-dashed-borders th {
	border-style: dashed;
}
.froalaRendu table.fr-alternate-rows tbody tr:nth-child(2n) {
	background: whitesmoke;
}
.froalaRendu table td, .froalaRendu table th {
	border: 1px solid #DDD;
}
.froalaRendu table td:empty, .froalaRendu table th:empty {
	height: 20px;
}
.froalaRendu table td.fr-highlighted, .froalaRendu table th.fr-highlighted {
	border: 1px double red;
}
.froalaRendu table td.fr-thick,  .froalaRendu table th.fr-thick {
	border-width: 2px;
}
.froalaRendu table th {
	background: #ececec;
}

/* Emoticones */
span.fr-emoticon {
	font-weight: normal;
	font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
	display: inline;
	line-height: 0;
}
span.fr-emoticon.fr-emoticon-img {
	background-repeat: no-repeat !important;
	font-size: inherit;
	height: 1em;
	width: 1em;
	min-height: 20px;
	min-width: 20px;
	display: inline-block;
	margin: -.1em .1em .1em;
	line-height: 1;
	vertical-align: middle;
}

a.frLinkClassic:link {
	color: #0000EE;
}
a.frLinkClassic:visited {
	color: #551A8B;
}