.formulaire_spip  textarea.markItUpEditor,
.formulaire_spip li.editer_texte textarea {
	/*width: 96%;
	clear: both;*/
}

.markItUpHeader { text-align: left; } /* fix dir=ltr */


/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/


.markItUp .markItUpHeader a,
.markItUp .markItUpTabs a,
.markItUp .markItUpFooter a {
	color:#000;
	text-decoration:none;
}
.markItUp  {
	margin:5px 0 5px 0;
	clear:both;
    position: relative;
}
.markItUp .markItUpContainer  {
	margin:0; padding:0;
}
.markItUp .markItUpEditor {
	clear:both;
	display:block;
	overflow:auto;
	margin: 0;
}
#text_area { /* cas tres particulier champs texte de spip */
	height:300px;
}
.markItUp .markItUpPreviewFrame {}
.markItUp .markItUpFooter {
	margin:0; padding:0;
	width:100%;
}
.markItUp .markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/handle.png);
	cursor:ns-resize;
}

/***************************/
/* tabs */
.markItUp .markItUpTabs {
	font-size:12px;
	text-align:right;
	padding:1px 1px 0;
	margin-bottom: -2px;
	top: 6px;
	overflow:hidden;
    position: absolute;
	right: 30px;
	clear:right;
	z-index:5; /* Un rien plus que .markItUpPreview */
}
.markItUp .markItUpTabs a {
	display:block; 
	float:right; 
	border:1px solid #ccc; 
	border-bottom: 0;
	margin:0px 1px; 
	padding: 3px 4px 2px; 
	background:#EEE;
	border-radius: 5px 5px 0 0;
}
.markItUp .markItUpTabs a.on { background-color: #fff; border-bottom: 1px solid #fff; box-shadow: 1px 1px #eee inset; }
.markItUp .markItUpTabs a:hover {background-color:#fff;}

/***************************/
/* previsu */
.markItUp .markItUpPreview {
	clear:both;
	border:1px solid #ccc;
	background:#fff;
	overflow:auto;
	padding:1em;
	/* decaler de la hauteur de .markItUpTabs */
	position:relative;
	top:31px; 
}

/* correction des styles spip_formulaires appliques par defaut (grr) */
.markItUp .preview p {margin-bottom:1em;}
.markItUp .preview ul {margin-bottom:1em; margin-top:.5em;}
.markItUp .preview li {border:none; padding:1px;}
/* coloration code */
.markItUp .preview .cadre ol, 
.markItUp .preview .cadre ul {padding:.5em;}


/***************************************************************************************/
/* first row of buttons */
.markItUp .markItUpHeader {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #F5F5F5;
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
	background: -moz-linear-gradient(top, #F1F1F1, #DDD);
	border: 1px solid #ccc;
	border-color: #F1F1F1 #EEE #CCC;
	border-color: #ddd #ddd #ccc;
	border-radius: 6px 6px 0 0;
}
.markItUp .markItUpHeader:after {
    content: "\0020";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}
.lte7 .markItUp .markItUpHeader ul {height:29px;}
.markItUp .markItUpHeader ul {
	display: block;
	margin: 0 !important;
	padding: 0;

}
.markItUp .markItUpHeader ul li {
	list-style:none;
	float:left;
	position:relative;
	clear:none;
	border:0;
	margin:0;
	padding:0;
	overflow:visible;
}
.markItUp .markItUpHeader ul li:first-child { /* annuler un reglage des forms prive */
	padding-top:0; 
}

.markItUp .markItUpHeader ul .markItUpDropMenu {
	/*background:inherit url(img/menu.png) no-repeat 100% 80%;
	padding-right:10px;*/
	
}
.markItUp .markItUpHeader ul .markItUpDropMenu ul { border-left: 1px solid #CCC; }
.markItUp .markItUpHeader ul .markItUpDropMenu li {
	margin-right: 0;
	padding: 0 1px 1px 0;
	background-color: #CCC;
}
.markItUp .markItUpHeader ul ul a {
	background-color: #F1F1F1;
}
 
/* next rows of buttons */
.markItUp .markItUpHeader ul ul {
	display:none;
	position:absolute;
	top: 29px; left:-1px;	
	width:150px;
	z-index:3;
	padding-top:2px;
}
/* le padding rompt la continuite du hover sous IE7&8 */
.lte8 .markItUp .markItUpHeader ul ul {padding-top: 0;border-top:1px solid #ccc;}

.markItUp .markItUpHeader ul ul li {
	float:left;
}
.markItUp .markItUpHeader ul ul .markItUpDropMenu {
	background:#F5F5F5 url(img/submenu.png) no-repeat 50% 50%;
}
.markItUp .markItUpHeader ul .separateur {
	border-left: 1px solid #d2d2d2;
}
.markItUp .markItUpHeader ul ul .separateur {
	margin:0; border: 0;
}

.markItUp .markItUpHeader ul a {
	clear: none;
	display: block;
	margin: 0;
	padding: 7px 6px 6px;
}
.markItUp .markItUpHeader ul a:focus,
.markItUp .markItUpHeader ul a:active { -moz-transform: translateY(1px); outline: none !important; }
.markItUp .markItUpHeader ul a:hover { background-color: #fff; }
.markItUp .markItUpHeader ul a em {
	display:block;
	background-repeat:no-repeat;
	width:16px; height:16px;
	text-indent:-10000px;
}

/******************************************************************************/
/* Fullscreen */
.markItUp .markItUpContainer.fullscreen {
    position: fixed;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background: #DDD;
	  z-index:1002; /* par dessus le bandeau nav */
}
.markItUp .fullscreen .markItUpHeader{
    position: absolute;
    top:0;
    right: 50%;
    width: 50%;
    max-width: 40em;
    display: block !important;
}
.markItUp .fullscreen .markItUpEditor{
    position: absolute !important;
    top:0;
    right: 50%;
    width: 50%;
    max-width: 40em;
    height: 95% !important;
    margin-top: 30px;
    display: block !important;
}
.markItUp .fullscreen .markItUpPreview{
    position: absolute;
    top:0;
    left: 50%;
    width: 50%;
    max-width: 40em;
    height: 95% !important;
    margin-top: 30px;
    display: block !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.markItUp .fullscreen .markItUpTabs {
    position: absolute;
    left: 50%;
    width: 50%;
    max-width: 40em;
}
.markItUp .fullscreen .markItUpTabs .previsuVoir,
.markItUp .fullscreen .markItUpTabs .previsuEditer,
.markItUp .fullscreen .markItUpFooter {
    display: none;
}
.markItUp .markItUpTabs .fullscreen {
	text-indent: -1000em;
	text-align: left;
	background-image: url(img/arrow_out.png) !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	-moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
	width: 16px;
}
.markItUp .fullscreen .markItUpTabs .fullscreen {
	background-image: url(img/arrow_in.png) !important;
}

/* end */
