/* 
STYLES (classes!) pour le menu de tinyMCE 
L'idée c'est d'avoir que des classes que vous voulez utilisez dans le menu styles de l'interface tinyMCE
*/
.txt_bold { font-weight:bold; }
.txt_color_red { color:#FF3300; }
.txt_color_orange { color:#FF9900; }
.txt_color_grey { color:#999999; }

.txt_justify { text-align:justify; }
.txt_center { text-align:center; !important }

.img_align_left { float:left; margin:0px 10px 5px 0px; border:solid 1px #333; }
.img_align_right { float:right; margin:5px 0px 5px 10px; border:solid 1px #333; }
.liens_internes { color:#006699; text-decoration:none; font-weight:bolder; }
.li_style_fleches { list-style:circle; margin-left:30px; list-style-image: url(../img/layout/arrowMenu.gif); }

.img_galerie { margin:0px 5px 10px 5px;  }




/* 
PIQUE du fichier styles.css pour avoir à peu près le même affichage dans l'éditeur tinyMCES 
à changer si vous changez les styles de base 
*/


/* FORMATAGE GLOBAL */
*, html, body {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-sÃ©rif;
}


div#lightbox_img { 		padding:20px 60px 20px 60px;
						}

h1 {
	font-size:22px;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:20px;
	}
	
h2 {
	font-size:14px;
	color:#FFF;
	text-align:justify;
	padding-left:100px;
	padding-right:100px;
	padding-top:25px;
	font-weight: normal;
	letter-spacing:1px;
	}
	
h3 {
	font-size:14px;
	color:#FFFFFF;
	padding-left:480px;
	
	}
	
h4 {font-size:9px;
	color:#FFF;
	text-align:center;
	
	}
	
	
p {	font-size:14px;
	color:#FFFFFF;
	text-align:justify;
	margin-left:20px;
	margin-right:20px;}
	
.sm {
	margin-left: 15px;
	}
	
.sm li a:hover	{
			background-color:#b3a393;
			border-color: #696969 #DCDCDC #DCDCDC #696969;
}

hr { color:#ccc; background:#ccc; border:none; height:1px; }

ul, li {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
a { color:#999; text-decoration:none; }
a:hover {
	text-decoration:underline;
}
fieldset {
	padding:5px 20px 20px 20px;
	margin:0px;
}
label {
	width:150px;
	float:left;
	padding:3px;
}
input, select {
	margin:0px 10px 0px 0px;
	font-family:Verdana;
	padding:3px;
	font-size:11px;
	border:solid 1px #999;
}

/* ADMIN PANEL */

div#CMS_admin_panel {
	width:160px;
	border:solid 2px #a5a5a5;
	position:absolute;
	right:5px;
	top:5px; padding:10px;
	background:#C9C9C9;
}

div#CMS_admin_panel h1 {
	color:#D2B78E;
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
	padding-bottom:5px;
}

div#CMS_admin_panel p.CMS_admin_titre {
	margin-top:20px;
	color:#D2B78E;
	font-weight:bold;
}

div#CMS_admin_panel p {
	margin:0px;
	padding:0px;
}
div#CMS_admin_panel a {
line-height:22px;
}
.log_error {
	color:red;
	font-weight:bold;
}




/*********************************************/			


			
			/* STYLES tinyMCE que je recupère pour améliorer l'affichage UI */
table.mceEditor td { padding:10px 0px 5px 10px; }
a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img { margin:0px 2px 10px 2px !important; }
.mceSeparatorLine { margin:0px 2px 10px 2px !important;}
.mceSelectList { margin:5px 10px 10px 0px; }
