.CJEditeur
{
	font-family: arial;
	font-size: 13px;
	
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	padding: 2px;
	text-align: center;
}
.CJEditeur *
{
	outline: none;
}
.CJEditeur iframe,
.CJEditeur textarea/*1.5.1*/
{
	background-color: #FFFFFF;
	border: 1px solid #CCC;/*1.5.1*/
	width: 100%!important;/*1.5.1*/
	margin: 0;/*1.5.1*/
}
.CJEditeur textarea/*1.5.1*/
{
	padding: 5px;/*1.5.1*/
}
.CJEditeur .outils > ul
{
	display: inline-block;
	list-style: none;
	margin: 0 2px;
	-webkit-padding-start: 0;
	padding: 1px 0 1px 0;
}
.CJEditeur .outils > ul.disabled/*1.5.1*/
{
	pointer-events: none;
	opacity: 0.2;
    filter: grayscale(1);
}
.CJEditeur .outils > ul > li
{
	display: inline-block;
	float: left !important;
	position: relative;
}

.CJEditeur .outils > ul > li > button, 
.CJEditeur .outils div.popup button,
.CJEditeur .CJUploader button
{
	outline: none;
	/*background: url(../../img/CJEditeur/fond_bouton.jpg);*/
	background-color: #E3E3E3;
	border-right: none;
	border-left: 1px solid #E3E3E3;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	border-radius: 0;
	border-radius: 0;
	font-size: 13px;
	color: #000000;
	text-shadow: none;
	min-width: 0;
	
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
	cursor: pointer;
	
	height: 28px;
}

.CJEditeur .outils > ul > li > button > img, 
.CJEditeur .outils div.popup button img
{
	display: inline;
	vertical-align: text-top;
}
.CJEditeur .outils > ul > li:first-child > button
{
	border-radius: 4px 0 0 4px;
	border-right: none;
}
.CJEditeur .outils > ul > li:last-child > button
{
	border-radius: 0 4px 4px 0;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
}
.CJEditeur .outils > ul > li.solo > button, 
.CJEditeur .outils > ul > li.menu > button,
.CJEditeur .outils > ul > li.pop > button,
.CJEditeur .outils div.popup button,
.CJEditeur .CJUploader button
{
	border-radius: 4px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
}

/*Etats*/
.CJEditeur .outils > ul > li > button:hover, 
.CJEditeur .outils div.popup button:hover,
.CJEditeur .CJUploader button:hover
{
	background: #EEE;
}
.CJEditeur .outils > ul > li > button.select, 
.CJEditeur .outils > ul > li > button:active, 
.CJEditeur .outils div.popup button:active,
.CJEditeur .CJUploader button:active
{
	background-color: #EEE;
	box-shadow: inset 0 3px 5px #CCCCCC;
}

.CJEditeur .outils > ul > li > button, 
.CJEditeur .outils div.popup button
{
	vertical-align: bottom;
	min-width: auto;
}


/*Sous menu*/
.CJEditeur .outils > ul > li > ul
{
	z-index: 2;
	list-style: none;
	display: none;
	position: absolute;
	right: 0;
	top: 26px;
	*background-color: #F3F3F3;
	background-color: #F3F3F3\9;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 2px 5px #CCCCCC;
	-webkit-padding-start: 0;
	border-radius: 3px;
}
.CJEditeur .outils > ul > li > ul > li
{
	width: 100px;
	margin: 0;
	padding: 0;
}
.CJEditeur .outils > ul > li > ul > li > button
{
	width: 100px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 5px;
	margin: 0;
	float: left;
	color: #000000;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	min-width: 0;
}
/*Taille*/
.CJEditeur .outils > ul > li.tailles > ul
{
	margin: 0;
	padding: 3px;
}
.CJEditeur .outils > ul > li.tailles > ul > li
{
	width: 140px;
}
.CJEditeur .outils > ul > li.tailles > ul > li > button
{
	width: 140px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 5px;
	margin: 0;
}
.CJEditeur .outils > ul > li.tailles > ul > li > button:hover
{
	background-color: #EEE;
}
/*Font*/
.CJEditeur .outils > ul > li.fonts > ul
{
	margin: 0;
	padding: 3px;
}
.CJEditeur .outils > ul > li.fonts > ul > li
{
	width: 140px;
}
.CJEditeur .outils > ul > li.fonts > ul > li > button
{
	width: 140px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 5px;
	margin: 0;
}
.CJEditeur .outils > ul > li.fonts > ul > li > button:hover
{
	background-color: #EEE;
}

/*Couleur*/
.CJEditeur .outils > ul > li.couleurs > ul
{
	margin: 0;
	padding: 3px;
}
.CJEditeur .outils > ul > li.couleurs > ul > li
{
	width: 270px;
	
}
.CJEditeur .outils > ul > li.couleurs > ul > li > button
{
	width: 15px;
	height: 15px;
	background: none;
	border: 0;
	cursor: crosshair;
	padding: 1px;
	margin: 0;
	float: left;
}
.CJEditeur .outils > ul > li.couleurs > ul > li > button:hover
{
	border: 1px dashed #FFFFFF;
}
/*popup*/
.CJEditeur div.popup
{
	z-index: 3;
	display: none;
	position: absolute!important;
	left: 50%;
	top: 50px;
	margin-left: -150px;
	padding-bottom: 10px;
	width: 300px;
	
	background-color: #FFFFFF;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.50);
	border: 1px solid #868686;
	border-radius: 3px;
}
.CJEditeur div.popup.tableau
{
	margin-left: -275px;
	width: 550px;
}
.CJEditeur div.popup.video,
.CJEditeur div.popup.lien
{
	margin-left: -250px;
	width: 500px;
}
.CJEditeur div.popup table
{
	margin: auto;
	width: 100%;
	border-spacing: inherit;
}
.CJEditeur div.popup table th
{
	font-size: 16px;
	background-color: #2e3540;
	color: #DEDEDE;
	height: 25px;
	font-weight: normal;
}
.CJEditeur div.popup table td
{
	padding: 5px 0;
}
.CJEditeur div.popup table tr:first-child + tr > td
{
	padding-top: 15px;
}
.CJEditeur div.popup table select
{
	height: 30px;/*1.5.1*/
	padding: 0 5px;/*1.5.1*/
	margin-left: 5px;
	max-width: 70px;
}
.CJEditeur div.popup table input[type='text']
{
	padding: 5px;
	margin-left: 5px;
    height: 30px;
}
.CJEditeur div.popup button
{
	margin: 0 5px;
	width: 100px;
}
.CJEditeur div.popup input[type='text']/*1.5.1*/
{
	max-width: initial!important;
}
/*1.5.1*/
.CJEditeur div.popup input[type='text'],
.CJEditeur div.popup select
{
	vertical-align: middle;
}

/*slide*/
.CJEditeur div.slide
{
	display: none;
	/*width: 100% !important;*/
	
	position: absolute;
	bottom: 2px;
	left: 2px;
	right: 2px;
}
.CJEditeur .slide
{
	background-color: rgba(233,233,233,0.9);
	text-align: left !important;
}
.CJEditeur .CJUploader .drop-zone
{
	position: absolute;
	top: 33px;
	right: 0;
	left: 0;
	bottom: 0;
	height: auto!important;
	
	background-color: rgba(243,243,243,0.6);
}

.CJEditeur .info
{
	position: relative;
	
	border: 1px solid #FC3;
	border-radius: 3px;
	background-color: rgba(255,237,174,0.9);
	color: #000000;
	margin-top: 2px;
}

.CJEditeur .ico, .CJEditeur_body .ico
{
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
}
.CJEditeur .ico.text_align_left
{
	background: url(../../img/CJEditeur/text_align_left.png);
}
.CJEditeur .ico.text_align_center
{
	background: url(../../img/CJEditeur/text_align_center.png);
}
.CJEditeur .ico.text_align_right
{
	background: url(../../img/CJEditeur/text_align_right.png);
}
.CJEditeur .ico.text_align_justify
{
	background: url(../../img/CJEditeur/text_align_justify.png);
}
.CJEditeur .ico.text_list_bullets
{
	background: url(../../img/CJEditeur/text_list_bullets.png);
}
.CJEditeur .ico.text_list_numbers
{
	background: url(../../img/CJEditeur/text_list_numbers.png);
}
.CJEditeur .ico.remove_format
{
	background: url(../../img/CJEditeur/remove_format.png);
}
.CJEditeur .ico.pdf
{
	background: url(../../img/CJEditeur/pdf.png);
}
.CJEditeur .ico.video
{
	background: url(../../img/CJEditeur/video.png);
}
.CJEditeur .ico.image
{
	background: url(../../img/CJEditeur/image.png);
}
.CJEditeur .ico.tableau
{
	background: url(../../img/CJEditeur/table.png);
}
/*1.5.1*/
.CJEditeur .ico.html
{
	background: url(../../img/CJEditeur/html.png);
}
.CJEditeur .ico.delete, .CJEditeur_body .ico.delete
{
	background: url(../../img/CJEditeur/delete.png);
}
.CJEditeur .ico.edit, .CJEditeur_body .ico.edit
{
	background: url(../../img/CJEditeur/edit.png);
}
.CJEditeur .ico.plus, .CJEditeur_body .ico.plus
{
	background: url(../../img/CJEditeur/plus.png);
}

.CJEditeur .flb
{
	display: inline-block;
	background: url(../../img/CJEditeur/flb.gif);
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
}


/*1.5.1*/
.CJEditeur_body img
{
	cursor: pointer;
}