@charset "UTF-8";
/* CSS Document */

/* Base Format */

*, html, body {
	font-family:Verdana;
	font-size:11px;
	color:#333;
	margin:0;
}

h1 {
	color:#333;
	font-size:12px;
	padding:0;
	margin:0 20px 0px 0;
}

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

ul,li{margin:0;
	padding:0;
	list-style:none;
	}

a{color:#555;
	text-decoration:none;
	}
	
img{border:none;}

input, select {
	margin:10px 10px 10px 0;
	font-family:Verdana;
	padding:5px;
	font-size:11px;
	border:solid 1px #999;
}



/*************************Base****************************************/

#base{ width:850px;
	margin:50px auto 50px auto;
	background:#FFFFFF;
	padding:15px 30px 15px 30px;	   
}

#top{width:850px;
	margin:0 0 50px 0;
}

.green{color:#99cc33;}

/************************Lang****************************************/

#base #lang_menu ul li{ display: inline;
	text-transform:uppercase;
	padding:2px 0;
	margin-bottom:5px;
	background:#fff;
	color:#999;
}

#lang_menu a:hover{color:#bbb;
}

.active {color:#99cc33;}

/*************************Menu***************************************/
	
#menu{margin: 20px 0 0 0;
	 width:150px;
	 float:left;
	 text-align:right;
}

ul#nav{ margin:0 0 30px 0;
		border-top:solid 1px #999;
}

ul#nav a.level1:hover{ background:#bbb;
				color:#fff;
}

ul#nav li a.level1{display:block;
	text-transform:uppercase;
	padding:10px 5px 10px 0;
	background:#fff;
	border-bottom:solid 1px #999;
}

ul#nav li a.level2{display:block;
	background:#fff;
	padding:2px 5px 2px 0;		
}

ul#nav li a.level2:hover{ color:#bbb;		
}

ul#nav li a.level1.active{ color:#fff;
	background:#99cc33;
}

ul#nav li a.level2.active{
	color:#99cc33;
}

/*************************admin***************************************/

h2#admin{text-transform: uppercase;
	font-weight: bold;
	font-size:1em;
	margin:20px 0 5px 0;
	padding:5px 0;
	border-bottom:solid 1px #999;
}

ul#admin_menu li a{ display:block;
	padding:2px 0;
	margin-bottom:5px;
	background:#fff;
}

ul#admin_menu a:hover{ color:#bbb;
}

/* Fieldset */
.CMS_fieldset {
	margin:30px auto 30px auto; padding:15px; border:solid 1px #ccc; width:500px;
}
.CMS_legend {
	padding:0px 5px 0px 5px;
	font-weight:bold;
	color:#99cc33;
}



/* Zone EDIT MENUS */
a.CMS_nom_menu {
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 10px;
	border:solid 1px #999;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#555;
	background-color:#e5e5e5;
}
a.CMS_nom_menu:hover {
	text-decoration:none;
	background-color:#fff;
}
a.CMS_nom_sm {
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 40px;
	border:solid 1px #aaa;
	display:block;
	text-decoration:none;
	color:#333;
	background-color:#e5e5e5;
}
a.CMS_nom_sm:hover {
	text-decoration:none;
	background-color:#fff;
}

/* Editions Menus */
form.CMS_form_edit_menu, form.CMS_form_edit_sm {
	background-color:#fff;
	border:solid 1px #aaa;
	margin:0px;
	padding:3px 0px 3px 10px;
}
form.CMS_form_edit_menu {
	padding-left:27px;
}
form.CMS_form_edit_sm{
	padding-left:55px;
}
form.CMS_form_edit_menu .input_normal {
	font-weight:bold;
}

/* DIVs de séparation verticale */
div.CMSsep5 { height:5px; }
div.CMSsep10 { height:10px; }
div.CMSsep20 { height:20px; }
div.CMSsep30 { height:30px; }

/* INPUT / SELECT */
.input_small { width:20px; text-align:center; margin-right:20px; }
.input_normal { width:200px; }
.input_large { width:200px; }
.input_large { width:300px; }

.select_normal { width:200px; font-weight:bold; color:#555; }
.select_large { width:200px; }

.submit_normal { background-color:#f5f5f5; padding:1px 5px 2px 5px; }
.submit_large { background-color:#f5f5f5; width:100px; }




/* ADMIN PANEL */
div#CMS_admin_panel {
	width:200px;
	border:solid 1px #ccc;
	position:absolute;
	right:5px;
	top:5px; padding:10px;
	background:#fff;
}

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

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

div#CMS_admin_panel p {
	margin:0px;
	padding:5px;
}
div#CMS_admin_panel a {
line-height:20px;
}
.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; }


/*************************Content***********************************/

#content{width:600px;
	min-height:300px;
	float:right;
	line-height:1.6em;
	letter-spacing:0.1em;
	word-spacing:0.2em;
	line-height:1.6em;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:0 10px 20px 40px;
	margin: 20px 0 10px 20px;
	font-size: 1.1em;
	background:#fff url(../img/body/content_back.png) bottom no-repeat;
}


			
#content .pend {border-bottom:none;
	margin:5px 0 20px 0;
	padding:0 20px 0 0;
}		

#content p .pic{float:right;
	margin:0 10px 0px 10px;
}

#content p a:hover{color:#bbb;
	border:none;}

#content p a:active{color:#99cc33;}

#content .textR{
	float:left;
	padding-right:20px;
	font-size:0.8em;
	letter-spacing:0.05em;
	border-right: solid 1px #ccc;
	}
	
.imgdisp{margin:0 10px 10px 0;}

#contact{
	float:left;
	margin-left:30px;
	width:200px;
	font-size:0.8em;
	}
	
#contact_ok{float:left;
	margin-left:30px;
	width:350px;
	font-size:0.8em;
	}
	
.mb{margin-bottom:30px;
	margin-top:10px;
	}
	
/************************Pie page************************************/

div#pie{
	clear:both;
	position: inherit;
	padding-top:15px;
	text-align:right;
	}
	
/***********************mesagge control******************************/

#msg {display:none; position:absolute; z-index:200; background:url(../js/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#fff; border:1px solid #99cc33; border-left:none; padding:2px; min-width:150px; max-width:250px}