/*---------------------------
 * WYSIWYG & Editable Content Styles 
 *
 * Use class "editable" on all containers where content is wysiwyg editable,
 * or where the content is not editable but uses the same "copy" styles.
 *
 * Wysiwyg tags : H1, H2, H3, H4, P, TD, UL, LI, B, I, U, OL, HR, IMG, A, SPAN
 *---------------------------*/


/*---------------------------
 * WYSIWYG & Editable Content Styles 
 *
 * Use class "editable" on all containers where content is wysiwyg editable,
 * or where the content is not editable but uses the same "copy" styles.
 *
 * Wysiwyg tags : H1, H2, H3, H4, P, TD, UL, LI, B, I, U, OL, HR, IMG, A, SPAN
 *---------------------------*/


/* change the BODY element in admin */

body#wysiwygEditorBody, body.wysiwygBody
{
   /* remove the background pattern from main site */
	background:#fff;

   /* eMagic editor : padding, no borders */
    padding:5px 5px 0;
	border:none;
 	scrollbar-base-color:#eeeeee;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#808080;
	cursor:default;
}

/* les styles "editable" pour le wysiwyg */

#wysiwygEditorBody h1, .wysiwygBody h1 { font-size:35px; font-family:Arial; font-weight:normal; color:#2b006d; }
#wysiwygEditorBody h2, .wysiwygBody h2 { font-size:20px; color:#74ac01; font-weight:normal; margin:0 0 0.7em; }
#wysiwygEditorBody h3, .wysiwygBody h3 { font-size:14px; color:#2b006d; font-weight:normal; margin:0 0 0.8em; }
#wysiwygEditorBody h4, .wysiwygBody h4 { font-size:14px; color:#74ac01; font-weight:normal; margin:0 0 0.8em; }


#wysiwygEditorBody p,  .wysiwygBody p  { font-size:11px; line-height:17px; margin:0 0 1em; }
#wysiwygEditorBody ul, .wysiwygBody ul { margin:0 0 1.5em 2px; list-style:none; }
#wysiwygEditorBody li, .wysiwygBody li { background:url(../images/cassis/bullet-list-sticky.gif) no-repeat 0 0; margin:0 0 4px; line-height:1.2em; padding:4px 0 0px 24px; }


/* Colors esp. for titles on homepage to adapt based on photo background */
.TextBright, .TextBright h1, #wysiwygEditorBody .TextBright h1 { color:#ffffff; }
.TextDark, .TextDark h1,  #wysiwygEditorBody .TextDark h1 { color:#2b006d; }

/* Styles pour la pastille sur la homepage */

.HomePastilleBig,    #wysiwygEditorBody .HomePastilleBig { font-size:2.4em; line-height:1.1em; }
.HomePastilleMedium, #wysiwygEditorBody .HomePastilleMedium { font-size:2.0em; line-height:1.1em; }
.HomePastilleSmall,  #wysiwygEditorBody .HomePastilleSmall { font-size:1.5em; line-height:1.1em; }

/* Table coloris pour la page collection details */

.coloris table { margin:-2px 0 0 -4px; padding:0; border:0; border-collapse:separate; border-spacing:4px 4px; }
.coloris td    { border:1px solid #c8c8c8; width:10px; height:12px; padding:0; xborder-right:4px solid #fff; xborder-bottom:4px solid #fff; xbackground:url(../images/cassis/colori-box.gif) no-repeat 0 0; /*ie*/font-size:1px; line-height:1px; }
* html .coloris td { height:10px; }