@import "tiny_mce.css";

body {
margin:0;
background:#c2c0c4;
font-family:Arial;
font-size:12px;
line-height:22px;
color:#333333;
text-align:center;
}

#forward {
text-align:left;
padding:50px;
}

#forward div.field {
float:left;
overflow:auto;
clear:both;
width:90%;
padding:4px;
}

#forward label {
width:180px;
float:left;
}

#forward input {
float:left;
font-size:11px;
}

a { color:#9933cc; }
a:hover { text-decoration:none; }

#global {
text-align:center;
margin:auto;
width:1020px;
}

#site {
width:1020px;
background:url(../images/bg.gif) repeat-y left bottom;
margin:0;
float:left;
text-align:left;
padding:1px 20px 0 20px;
margin-top:10px;
}

#header {
float:left;
margin:0;
width:980px;
height:167px;
/*background:url(../images/header.jpg) no-repeat;*/
}

#footer {
width:1020px;
margin:0;
height:21px;
float:left;
}

#top_line {
width:950px;
height:29px; /*29 original */
background:#000000 url(../images/bg_ell.gif) repeat-x top;
border-bottom:solid 1px white;
border-top:solid 1px white;
float:left;
text-align:right;
color:#ffffff;
padding-right:30px;
font-size:11px;
padding-top:3px;
}

#top_line a { color:#ffffff; }

#bottom_line {
width:980px;
height:23px;
float:left;
background:#000000 url(../images/footer_bg.gif) repeat-x top;
color:white;
font-size:10px;
text-align:center;
padding-top:3px;
margin-top:1px;
}

#bottom_line a { color:white; text-decoration:underline; }
#bottom_line a.nodeco { color:white; text-decoration:none; }

#main_frame {
padding:0;
margin:0;
float:left;
width:980px;
background:#FFFFFF url(../images/bg_side.jpg) bottom left repeat-y;
}

#right_frame {
min-height:0px;
width:230px;
float:left;
padding:0;
margin:0;
background:white;
}

#left_frame {
padding:0;
margin:0;
min-height:150px;
width:750px;
float:left;
/*background:#070707 url(../images/bg_side.jpg) bottom left repeat-y;*/
}

#middle_frame {
margin:0;
min-height:300px;
width:510px;
float:left;
padding:10px 25px 25px 25px;
background:white;
overflow:hidden;
}

.back {
float:right;
font-size:11px;
}

#content {
	min-height:780px;
	height:auto !important;
	height:780px;
width:510px;
float: left;
}

#menu {
width:190px;
color:white;
float:left;
clear:none;
	min-height:780px;
	height:auto !important;
	height:780px;
	
/*background:#070707 url(../images/bg_side.jpg) bottom left repeat-y;*/
/*padding-top:25px;*/
}

.menu_item, .menu_item_nav {
float:left;
clear:both;
padding-left:26px;
width:163px;
/*height:23px;*/
margin-bottom:-1px;
padding-top:4px;
padding-bottom:5px;
cursor:pointer;
line-height:16px;
border-top:dotted 1px #767676;
border-bottom:dotted 1px #767676;
background: url(../images/bg_menu_item.gif) top left no-repeat;
}

.menu_item_nav, .menu_item:hover {
border-top:dotted 1px #767676;
border-bottom:dotted 1px black;
background:#9933cc url(../images/bg_menu_item.gif) top left no-repeat;;
color:white;
}

div.submenu {
float:left;
padding-top:5px;
padding-bottom:10px;
margin-left:10px;
color:white;
font-size:11px;
line-height:15px;

}

a.submenu_item , a.submenu_item_nav {
color:white;
text-decoration:none;
}

a.submenu_item:hover , a.submenu_item_nav {
text-decoration:underline;
}

#menutop_shadow {
height:25px;
background-image: url(../images/menu_top.jpg);
background-repeat:no-repeat;
}

h3 {
font-size:17px;
color:#9933cc;
}

h2 {
font-size:19px;
color:#9933cc;
}

h2, h3 {
font-family:"Myriad Pro", Arial;
padding:0;
margin:10px 0 25px 0;
font-weight:bold;
/*font-style:italic;*/
margin-top:15px;
margin-bottom:15px;
color:#4f0e90;
}

#content h2, h3 {
border-bottom:1px dotted #aa5ed0;
padding-bottom:5px;
}

hr {
margin-top:10px;
height:10px;
border:none;
border-top:dotted 1px #cccccc;
color:#ffffff;
width:100%;
display:block;
}

#breadcrumb {
color:#666666;
font-size:11px;
border-bottom:dotted 1px #cccccc;
padding-bottom:6px;
}

#breadcrumb a { text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }

.snippet_block, .snippet_block2  {
width:230px;
margin-bottom:20px;
min-height:50px;
overflow:hidden;
line-height:16px;
font-size:11px;
background:#e2e2e2;
}

.snippet_block h3 {
border:0;
}

.snippet_block2 {
color:black;
background-color:#dadada;
border: solid 1px #c9c9c9;
}

.snippet_block2 h3 {
margin-top:0px;
color:#4f0e91;
font-weight:bold;
border:0;
}

.snippet_header {
font-size:17px;
font-weight:bold;
color:#4f0e91;
padding:10px 0 0 15px;
height:25px;
border:solid 1px #c9c9c9;
background-color:#dadada;
}


.snippet_content {
padding:20px 15px;
border:solid 1px #c9c9c9;
border-top:0;
background-color:#dadada;
}

.calendrier_outer p {
text-align:right;
}

p {
padding:0;
margin:8px 0;
}

img { border:none; }



li.pdf, li.jpg, li.doc { 
/*list-style-image: url(http://www.e-connect.lu/cms_dir/images/pdf_small.gif);*/
list-style-type: none;
background-repeat: no-repeat;
background-position: left;
padding: 3px 0 3px 35px;
margin:2px 0;
}
li.pdf { background-image: url("../images/ico/pdf.gif"); }
li.jpg { background-image: url("../images/ico/jpg.gif"); }
li.doc { background-image: url("../images/ico/doc.gif"); }
li.xls { background-image: url("../images/ico/xls.gif"); }
li.gif { background-image: url("../images/ico/gif.gif"); }
li.zip { background-image: url("../images/ico/zip.gif"); }




#footer, #footer a, #footer a:visited, #footer a:link  {
padding:13px 0 28px 0;
margin:auto;
color:#000000;
text-decoration:none;
} 

/* --------------- */


/* error box */
#message_stack {
	position: relative;
	margin-top:20px;
	font-size:11px;
	padding-bottom:20px;
	border:dotted 1px #cccccc;
	padding:15px;
}
#message_stack:hover {
}

.message_stack_success {
	color:green;
}

.message_stack_warning, .message_stack_error {
	color:red;
}

.message_stack_title {
	font-weight:bold;
	color:black;
	font-size: 11px;
	margin:5px 0 5px 0;
}

.page_navigation {
text-align:center;
font-size:11px;
width:510px;
}

/* forms */


input[type=text], input[type=password], select, textarea {
padding:1px;
font-size:11px;
background:#FCFCFC;
border:solid 1px #cccccc;
font-family:Tahoma;
}

input[type=submit], input[type=button] {
border:solid 1px #b9b8b9;
margin:2px;
font-size:11px;
background:#335376 url(../images/bg_button.gif);
padding:1px 8px 3px 8px;
color:white;
font-family:Tahoma;
}

.blue, .yellow {
color:#9933cc;
}