/********************************************************************
	Auteur : Philippe Brouckaert
	Site de l'auteur : www.i-services.com
	E-mail de l'auteur : contact@i-services.net

	Framework
*********************************************************************/

div.is-color-swatch {
	position: relative;
}

@media (min-width: 768px) {
	#is-color-picker {
		bottom: -30px; left: 150px; width: 210px; position: absolute; z-index: 400;
	}
}

@media (max-width: 767px) {
	#is-color-picker {
		bottom: -30px; left: 0; width: 210px; position: absolute; z-index: 400;
	}
}

#is-color-picker dl {
	border: 1px solid #d4d7dc; z-index: 500; width: 100%; background: #fff;
}

#is-color-picker dt {
	height: 2em; background: #f0f2f5; color: #333; font-size: 10pt; font-weight: bold; line-height: 1.6em; padding-left: .5em; border: 2px solid #fff;
}

#is-color-picker dt img.is-close {
	position: absolute; top: 8px; right: 6px; cursor: pointer;
}

#is-color-picker dd {
	background: #fff; padding: 0 2px; line-height: 0;
}

#is-color-picker dd select {
	width: 98% !important; margin: 3px 0 5px 3px; float: none;
}

#is-color-picker dd img {
	width: 16px; height: 16px; background: #fff; border: 1px solid #e2e4e7; margin: 2px;
}

#is-color-picker dd a.is-color-picker:hover img {
	border: 1px solid #000;
}

#is-text-color-swatch {
	display: none; padding-bottom: 2px !important;
}

#is-text-color-swatch img {
	background: #fff; width: 30px !important; height: 30px !important; cursor: pointer;
}

#is-text-color-swatch a {
	color: #000;
}
/********************************************************************
	Auteur : Philippe Brouckaert
	Site de l'auteur : www.i-services.com
	E-mail de l'auteur : contact@i-services.net

	Framework
*********************************************************************/

.is-url-insert {
	position: relative;
}

#is-url-insert {
	bottom: -30px; left: 0; position: absolute; z-index: 400; width: 350px;
}

@media (min-width: 768px) {
	#is-url-insert {
		left: 150px; width: 450px;
	}

	#is-url-insert dd.is-url-field input {
		width: 50%;
	}
}

#is-url-insert .is-url-field {
	margin-bottom: 0;
}

#is-url-insert .is-url-field * {
	color: #000 !important;
}

#is-url-insert dl {
	border: 1px solid #d4d7dc; z-index: 500; width: 100%;
}

#is-url-insert dt {
	height: 2em; background: #f0f2f5; color: #333; font-size: 10pt; font-weight: bold; line-height: 1.6em; padding-left: .5em; border: 2px solid #fff;
}

#is-url-insert dt img.is-close {
	position: absolute; top: 8px; right: 6px; cursor: pointer;
}

#is-url-insert dd {
	background: #fff; font-size: 9.5pt; padding: 5px 6px;
}

#is-url-insert dd label {
	display: inline-block; width: 45%; white-space: nowrap;
}
/********************************************************************
	Auteur : Philippe Brouckaert
	Site de l'auteur : www.i-services.com
	E-mail de l'auteur : contact@i-services.net

	Framework
	Version : 1.0
*********************************************************************/

.is-image-insert {
	position: relative;
}

#is-image-insert {
	bottom: -30px; left: 0; position: absolute; z-index: 400; width: 350px;
}

@media (min-width: 768px) {
	#is-image-insert {
		left: 150px; width: 450px;
	}

	#is-image-insert dd.is-img-field input {
		width: 60%;
	}
}

#is-image-insert .is-img-field {
	margin-bottom: 0;
}

#is-image-insert .is-img-field * {
	color: #000 !important;
}

#is-image-insert dl {
	border: 1px solid #d4d7dc; z-index: 500; width: 100%;
}

#is-image-insert dt {
	height: 2em; background: #f0f2f5; color: #333; font-size: 10pt; font-weight: bold; line-height: 1.6em; padding-left: .5em; border: 2px solid #fff;
}

#is-image-insert dt img.is-close {
	position: absolute; top: 8px; right: 6px; cursor: pointer;
}

#is-image-insert dd {
	background: #fff; font-size: 9.5pt; padding: 5px 6px;
}

#is-image-insert dd label {
	display: inline-block; width: 35%; white-space: nowrap;
}
/********************************************************************
	Auteur : Philippe Brouckaert
	Site de l'auteur : www.i-services.com
	E-mail de l'auteur : contact@i-services.net

	Framework
*********************************************************************/

.is-video-insert {
	position: relative;
}

@media (min-width: 768px) {
	#is-video-insert {
		bottom: -30px; left: 150px; width: 350px; position: absolute; z-index: 400;
	}

	#is-video-insert dd.is-video-field input {
		width: 50%;
	}
}

@media (max-width: 767px) {
	#is-video-insert {
		bottom: -30px; left: 0; width: 240px; position: absolute; z-index: 400;
	}
}

#is-video-insert .is-video-field {
	margin-bottom: 0;
}

#is-video-insert .is-video-field * {
	color: #000 !important;
}

#is-video-insert dl {
	border: 1px solid #d4d7dc; z-index: 500; width: 100%;
}

#is-video-insert dt {
	height: 2em; background: #f0f2f5; color: #333; font-size: 10pt; font-weight: bold; line-height: 1.6em; padding-left: .5em; border: 2px solid #fff;
}

#is-video-insert dt img.is-close {
	position: absolute; top: 8px; right: 6px; cursor: pointer;
}

#is-video-insert dd {
	background: #fff; font-size: 9.5pt; padding: 5px 6px;
}

#is-video-insert dd label {
	display: inline-block; width: 40%; white-space: nowrap;
}