/* Editeur de texte
--------------------------------------------------*/

textarea.texte-html {

}

.rich-editor {
    float : left;
    width : auto;
    height : auto;
}


.rich-editor iframe {
    float : left;
    clear : both;
    width : 99%;
    height : auto;
    border : 1px solid #D2D1D1;
    border-top : 1px solid #A9A8A8;
    padding : 0;
    cursor : text;
}


.toolbar {
    float : left;
    clear : both;
    width : 100%;
    padding : 0 0 5px 0;
}

.toolbar ul {
  float : left;
  clear : both;
  width : 99%;
  list-style-type : none;
  padding-left : 1px;
  padding-top : 1px;
}


.toolbar li {
    float : left;
    clear: none;
    width : auto;
    margin : 0 0 2px 0;
    /*height : 14px;*/
    background : center center no-repeat;
}

.toolbar li.espace {
    width : 10px;
    height : 14px;
    line-height : 1px;
    font-size : 1px;
    margin : 0;
    padding : 0;
}

.toolbar li.saut-ligne {
    display : block;
    float : none;
    width : 100%;
    clear : both;
    height : 4px;
    line-height : 1px;
    font-size : 1px;
    margin : 0;
    padding : 0;
}


.toolbar li.undo 				{ background-image : url(../../img/libs/annuler.gif); }
.toolbar li.redo 				{ background-image : url(../../img/libs/refaire.gif); }
.toolbar li.bold 				{ background-image : url(../../img/libs/gras.gif); }
.toolbar li.italic 				{ background-image : url(../../img/libs/italique.gif); }
.toolbar li.underline 			{ background-image : url(../../img/libs/souligne.gif); }
.toolbar li.justifyleft 		{ background-image : url(../../img/libs/aligne_gauche.gif); }
.toolbar li.justifycenter 		{ background-image : url(../../img/libs/aligne_centre.gif); }
.toolbar li.justifyfull 		{ background-image : url(../../img/libs/justifie.gif); }
.toolbar li.justifyright 		{ background-image : url(../../img/libs/aligne_droite.gif); }
.toolbar li.insertorderedlist 	{ background-image : url(../../img/libs/liste_numerote.gif); }
.toolbar li.insertunorderedlist { background-image : url(../../img/libs/liste_a_puce.gif); }
.toolbar li.outdent 			{ background-image : url(../../img/libs/outdent.gif); }
.toolbar li.indent 				{ background-image : url(../../img/libs/indent.gif); }
.toolbar li.copy 				{ background-image : url(../../img/libs/copie.gif); }
.toolbar li.paste 				{ background-image : url(../../img/libs/coller.gif); }
.toolbar li.createlink 			{ background-image : url(../../img/libs/creer_lien.gif); }
.toolbar li.createinternallink  { background-image : url(../../img/libs/creer_lien_interne.gif); }
.toolbar li.unlink 				{ background-image : url(../../img/libs/supprimer_lien.gif); }
.toolbar li.inserthorizontalrule { background-image : url(../../img/libs/barre_horizontale.gif); }
.toolbar li.removeformat 		{ background-image : url(../../img/libs/editor_noformat.gif); }
.toolbar li.forecolor 			{ background-image : url(../../img/libs/couleur_texte.gif); }
.toolbar li.backcolor 			{ background-image : url(../../img/libs/couleur_fond.gif); }
.toolbar li.table 				{ background-image : url(../../img/libs/tableau.gif); }
.toolbar li.insertimage 		{ background-image : url(../../img/libs/image.gif); }


.toolbar li select,
.toolbar li select:active,
.toolbar li select:focus,
.toolbar li select:hover {
    float : left;
    height : 13px;
    width : auto !important;
    font-size : .7em;
    line-height : 0.7em;
    margin : 0; /*1px 0 0 2px;*/
    padding : 0;
    /*background : #A09F9F;*/
    border : 1px solid #D2D1D1;
    border-top : 1px solid #A9A8A8;
    color : #000;
}

.toolbar li select:active {
    color : #000
}


.toolbar span,
.toolbar span:hover,
.toolbar span:active,
.toolbar a,
.toolbar a:hover,
.toolbar a:active {
    float : left;
    width : 15px;
    height : 14px;
    background : none;
    border : 1px solid #fff;
}

.toolbar a:hover,
.toolbar a:active {
    border : 1px solid #67C3EA;
}

.toolbar a:active {
}




/* Palette des couleurs
--------------------------------------------------*/

#color-picker {
  position : absolute;
  top : 100px;
  left : 100px;
  float : left;
  border : 1px solid #c5c5c5;
  display : none;
  padding : 2px 0px 1px 2px;
  background : #f2f2f2;
}

#color-picker div {
  border : 1px solid #e5e5e5;
}

#color-picker table {
  border-collapse : collapse;
  border : 1px solid #fff;
  margin : 0 0 0.5em 0;
}

#color-picker td {
  border : none;
  padding : 0;
  margin : 0;
}

#color-picker td a {
  float : left;
  border : none;
  width : 14px;
  height : 6px;
  padding : 1px;
  margin : 0;
}

#color-picker td a:hover {
  border : 1px solid #fff;
  padding : 0;
}

#color-preview {
  float : left;
  width : 64px;
  height : 30px;
  margin : 0;
  padding : 0;
  border : 1px solid #fff;
}

#color-picker .color-basic {
  float : left;
  width : 64px;
  margin : 0;
  padding : 0;
}

#color-picker .color-basic a {
  float : left;
  width : 8px;
  height : 13px;
  padding : 1px;
  margin : 0;
}

#color-picker .color-basic a:hover {
  border : 1px solid #fff;
  padding : 0;
}