html {
	background-color: rgb(255, 255, 255);
}
body {
	margin: 0px auto; padding: 0% 1%; width: 980px; color: rgb(69, 69, 69); line-height: 1; font-family: Arial, sans-serif; font-size: 10px; background-color: rgb(240, 240, 240);
}
.container {
	margin: auto;
}
#latest_works {
	margin: auto;
}
#bottom_content {
	margin: auto;
}
#download {
	margin: auto;
}
.align-text {
	text-align: right;
}
#login {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px 0px 10px; width: 28%; height: 230px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: right; position: relative; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#slide {
	margin: 0px; padding: 0px; width: 70.8%; height: 240px; float: left; position: relative;
}
#colr {
	width: 42%; height: auto; float: right; position: relative;
}
#colm {
	width: 42%; height: auto; float: right; position: relative;
}
#colm {
	background: rgb(255, 255, 255); margin: 10px 0px 0px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: left; min-height: 800px; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#colh {
	background: rgb(255, 255, 255); width: 100%; height: 575px; font-size: 12px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: right; position: relative; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#colh h3 {
	margin-left: -4px !important;
}
#colh h3 a {
	background: url("../images/readmore-bg-l.png") no-repeat left bottom, url("../images/readmore-bg.png") no-repeat right bottom; padding: 0px 1.5em 0px 1em; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px; margin-top: 10px; float: left; display: block;
}
.clear {
	clear: both;
}
br.clear {
	clear: both; margin-top: -15px;
}
.bold_text {
	font-weight: bold;
}
.blue_text {
	color: rgb(42, 172, 200); font-size: 15px;
}
#colb {
	background: rgb(255, 255, 255); width: 100%; height: 330px; margin-top: 10px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: right; position: relative; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#coll {
	width: 56.8%; height: auto; float: left; position: relative;
}
#coll input {
	width: 90%;
}
span.actif {
	color: rgb(0, 255, 0); line-height: 30px; font-size: 50px;
}
span.inactif {
	color: rgb(240, 0, 0); line-height: 30px; font-size: 50px;
}
#col1 {
	background: rgb(255, 255, 255); padding: 10px; width: 45%; height: 205px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: left; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#col1 h3 a {
	background: rgb(94, 184, 15); padding: 0px 1.5em 0px 1em; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px; float: left; display: block; border-top-left-radius: 4px; border-top-right-radius: 4px;
}
#col2 {
	background: rgb(255, 255, 255); padding: 10px; width: 45%; height: 205px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: right; position: relative; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#col2 h3 a {
	background: rgb(246, 171, 0); padding: 0px 1.5em 0px 1em; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px; float: left; display: block; border-top-left-radius: 4px; border-top-right-radius: 4px;
}
#col3 {
	background: rgb(255, 255, 255); width: 100%; margin-top: 10px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: left; position: relative; min-height: 680px; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#col3 h3 {
	margin-left: -4px !important;
}
#col3 h3 a {
	background: url("../images/readmore-bg-l.png") no-repeat left top, url("../images/readmore-bg.png") no-repeat right top; padding: 0px 1.5em 0px 1em; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px; margin-top: 18px; float: left; display: block;
}
.fixed-size-square {
	background: 0px 0px rgb(232, 102, 34); margin: 10px 5px; width: 1em; height: 1em; display: table;
}
.align-justify {
	text-align: justify;
}
#colli {
	background: rgb(255, 255, 255); margin: 10px 0px 0px; padding: 5px; width: 71%; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: left; position: relative; min-height: 800px; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#colls {
	background: rgb(255, 255, 255); margin: 10px 0px 0px; padding: 5px; width: 71%; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; float: left; position: relative; min-height: 800px; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#colls {
	float: right;
}
#colli h2 {
	color: rgb(0, 140, 196); font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
}
#colls h2 {
	color: rgb(0, 140, 196); font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
}
#colli .news-single-rightbox {
	color: rgb(0, 140, 196); font-family: Arial, sans-serif; font-size: 12px;
}
#colls .news-single-rightbox {
	color: rgb(0, 140, 196); font-family: Arial, sans-serif; font-size: 12px;
}
#colli h3 {
	padding: 2px; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; background-color: rgb(61, 161, 212);
}
#colls h3 {
	padding: 2px; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold; background-color: rgb(61, 161, 212);
}
#imgpays {
	padding-top: 25px;
}
.clear {
	clear: both;
}
br.clear {
	clear: both; margin-top: -15px;
}
.bold_text {
	font-weight: bold;
}
.blue_text {
	color: rgb(42, 172, 200); font-size: 15px;
}
#header {
	height: 67px; background-color: rgb(255, 255, 255);
}
a {
	color: rgb(0, 140, 196);
}
#datatables_wrapper a:link {
	color: blue;
}
#datatables_wrapper a:visited {
	color: blue;
}
#datatables_wrapper a:hover {
	color: rgb(98, 189, 25); text-decoration: none;
}
a:hover {
	color: rgb(98, 189, 25); text-decoration: none;
}
a span:hover {
	color: rgb(98, 189, 25); text-decoration: none;
}
h1 {
	margin-top: 10px; float: left;
}
h1 a {
	background: url("../images/logo.png") no-repeat; width: 206px; height: 57px; text-indent: -9999px; display: block;
}
#main_menu {
	margin-top: 30px; margin-right: 5px; float: left;
}
#main_content {
	height: auto;
}
#logo {
	margin-top: 20px; margin-right: 30px; float: right; position: relative;
}
#logo a {
	text-decoration: underline;
}
.cell_citoyen {
	padding: 6px 5px 6px 10px; border-bottom-color: rgb(213, 219, 229); border-bottom-width: 1px; border-bottom-style: dotted;
}
.cell_icone {
	background: url("../images/sep_pi1.gif") no-repeat right; padding: 6px 5px; width: 1px; text-align: center; vertical-align: middle; border-bottom-color: rgb(213, 219, 229); border-bottom-width: 1px; border-bottom-style: dotted;
}
.first_list {
	margin: 0px 8px; float: left;
}
.last {
	width: 60px; float: right;
}
.main_menu_first {
	padding: 8px 18px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 115%; font-family: arial,sans-serif; font-size: 10pt;
}
.main_menu_first:hover {
	border-top-color: rgb(42, 172, 200); border-top-width: 5px; border-top-style: solid;
}
.with_dropdown {
	position: relative;
}
.with_dropdown li a {
	display: block;
}
.with_dropdown ul {
	background: rgb(255, 255, 255); padding: 12px 0px; top: 24px; width: 197px; border-bottom-color: rgb(42, 172, 200); border-bottom-width: 5px; border-bottom-style: solid; visibility: hidden; position: absolute;
}
.first_list.first_list:hover ul {
	visibility: visible;
}
.with_dropdown .main_menu_first {
	background: url("../images/arrow_down.png") no-repeat 92%; padding-right: 23px;
}
.with_dropdown:hover .main_menu_first {
	background: url("../images/arrow_down.png") no-repeat 92% rgb(255, 255, 255); color: rgb(42, 172, 200); border-top-color: rgb(42, 172, 200); border-top-width: 5px; border-top-style: solid;
}
.second_list {
	margin: 0px 5px; padding: 10px;
}
.second_list_border {
	border-bottom-color: rgb(231, 231, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
.main_menu_second {
	color: rgb(0, 0, 0); text-transform: capitalize; font-size: 13px;
}
.main_menu_second:hover {
	color: rgb(42, 172, 200);
}
.main_current {
	border-top-color: rgb(42, 172, 200); border-top-width: 5px; border-top-style: solid;
}
#slideshow_area {
	margin: 14px 0px; padding: 0px;
}
#mid_content {
	height: auto;
}
#latest_works {
	background: rgb(255, 255, 255); height: 300px; color: rgb(255, 255, 255); margin-top: 10px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#jfmulticontent_c4 {
	padding: 0px; border: 0px currentColor; border-image: none;
}
#jfmulticontent_c4 #jfmulticontent_c4-1 {
	height: 156px; background-color: rgb(240, 240, 240);
}
#jfmulticontent_c4-2 {
	height: 156px; background-color: rgb(240, 240, 240);
}
#jfmulticontent_c4 ul {
	background: rgb(255, 255, 255); border: 0px currentColor; border-image: none;
}
#jfmulticontent_c4 ul li {
	background: rgb(255, 255, 255); border: 0px currentColor; border-image: none;
}
#jfmulticontent_c4 ul li a {
	background: rgb(213, 144, 7); border: 0px currentColor; border-image: none; width: 65px; color: rgb(255, 255, 255); font-size: 12px; margin-top: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px;
}
#jfmulticontent_c4 table a {
	
}
#jfmulticontent_c4 .ui-tabs {
	margin: 0px; padding: 0px;
}
#jfmulticontent_c4 .ui-tabs-nav {
	margin: 0px; padding: 0px;
}
#jfmulticontent_c4 ul li.ui-tabs-active a {
	background: rgb(246, 171, 0); color: rgb(255, 255, 255);
}
.skin-slidedeck {
	padding: 0px; border: 2px solid rgb(255, 255, 255); border-image: none;
}
#footer {
	margin: 0px; padding: 2px; height: auto; clear: both; background-color: rgb(255, 255, 255);
}
#footer p {
	margin: 0px 0px 10px;
}
.eco {
	text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; margin-top: 30px; background-color: rgb(240, 240, 240);
}
.eco li {
	margin: 15px 10px; line-height: 1.42em; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid;
}
.eco li strong {
	padding-bottom: 1px; font-size: 0.85em; display: block;
}
.eco li a {
	text-decoration: none;
}
#footer .content_footer {
	padding: 0px 40px;
}
.dotted_footer {
	background: url("http://www.eduserv.tn/fileadmin/templates/images/dotted_footer.gif") repeat-y right top; width: 170px; float: left;
}
.dotted_footer_in {
	background: url("http://www.eduserv.tn/fileadmin/templates/images/bg_dotted_footer.gif") no-repeat right top; padding: 10px 18px 8px 5px; text-align: right; margin-right: 1px;
}
.div_menu_footer {
	background: url("http://www.eduserv.tn/fileadmin/templates/images/bg_d_out.gif") no-repeat right top rgb(242, 242, 245); width: 806px; height: auto !important; text-align: right; overflow: hidden; float: left; min-height: 34px;
}
.padd_menu_footer {
	padding: 10px 25px 0px;
}
.left_section_footer {
	width: 25.5%; float: right;
}
.ul_menu_footer li span {
	
}
.sep_menu_sec {
	background: url("http://www.eduserv.tn/fileadmin/templates/images/sep_menu_sec.gif") no-repeat center; padding: 5px 0px 3px; width: 19px; text-align: center; display: inline-block;
}
.ul_menu_footer li a:hover {
	text-decoration: underline;
}
.ul_menu_footer li {
	color: rgb(35, 66, 113); font-size: 0.91em; display: inline;
}
.ul_menu_footer li a {
	color: rgb(35, 66, 113); font-size: 1em; text-decoration: none;
}
#colli .tx-powermail-pi1 {
	width: 100%;
}
#colli fieldset.tx-powermail-pi1_fieldset {
	background: rgb(255, 255, 255); padding: 10px; border-radius: 0px; border: 0px currentColor; border-image: none; margin-bottom: 20px; box-shadow: 0px 0px 0px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 0px 0px;
}
#colli div.error {
	padding-top: 0px;
}