/************************e-Madariss style****************************/
/**********************By Mohammed EL KASMI**************************/
/********************Copyright Tetrasys 2001*************************/

/********************************************************************/
/****************************Global**********************************/
/********************************************************************/
body
{
	font: normal 11px SegoeUI, Tahoma, Arial, sans-serif;
	background-color: #fff;
	margin:0;
	padding:0;
	direction:ltr;	
}

a, a:hover, a:active{color: #4a8231;}
a:hover, a:active{text-decoration: none;border-bottom: 1px #4a8231 dotted;}
input, select {font-size:10px;}


p{margin:5px;}


.rtl {direction:rtl; text-align:right;}
.ltr {direction:ltr; text-align:left;}

.input{overflow:hidden;margin:0;padding:0;display:inline-block;border-bottom:1px dotted #f6f6f6;width:100%;}
.input label, .input .label{background-color:#fbfbfb; display:inline-block; font-size:11px; line-height: 18px;vertical-align: top; margin-right:2px;padding-left:5px; cursor:default;}
.input label {width:150px;}
.input_ltr label, .input_ltr .label {}
.input_rtl label, .input_rtl .label {margin-left:2px;padding-right:5px;margin-right:0px;padding-left:0px;}

.input .head{background-color:Transparent; width:auto; padding-right:10px;}
.input .text, .input .focus, .input .invalid{background:white;border:1px solid #e2e3ea; border-top-color:#abadb3; color: black;padding-left:4px;}
.input .focus{background-color:#f9fcf8;}
.input .invalid{background-color: #fff9f4; border-color:red; color:Red;}
.input .error{font-weight:normal;border:solid 1px #fc7d5a;color:#fc7d5a;background-color:#fbfce8;padding:5px;}



.title{color:#4a8231;border-bottom: 1px dotted #b4b4b4;display: block;text-indent: 7px;line-height:16pt;font-size:14px;font-weight:bold;text-align:left;}
.message{color:#950501;text-indent: 3px;line-height:16pt;font-weight:bold;text-align:left;font-size:11px;}
.comment {font-variant:normal;font-size:10px;color: #999999;text-indent:3px;text-align:left;}
.info {font-weight:normal;border:solid 1px #fc7d5a;color:#fc7d5a;background-color:#fbfce8;padding:5px;margin:5px; text-align:center}
.error {font-weight:bold; border:solid 1px #fc7d5a;color:#fc7d5a;background-color:#fbfce8;padding:5px;margin-bottom:5px;}
.separator {height:5px;background:transparent url(Img/dash.gif) repeat-x;display:block;}

.links {display:block;padding:10px 5px 10px 5px;}
.links a {border:none;text-decoration: none;color:#4a8231;line-height:16px;}
.links a:hover{text-decoration:underline;}

.topLinks {background:transparent url(Img/links.gif) no-repeat; padding:0 0 0 20px; height:25px;}
.commandLinks{text-align:right;margin-right:7px;}

.commands{padding:10px 5px 10px 5px;display:block;text-align:center;font-size:10px;}
.commands input, .commands .button, .commands .smallButton, .commands .bigButton, .commands .biggerButton{border:0;height:21px;color:#4a8231;font-weight: normal;line-height: 20px;text-indent:5px;}
.commands input, .commands .button{background:transparent url(Img/button.gif); width:100px;}
.commands .smallButton{background:transparent url(Img/sButton.gif); width:90px;}
.commands .bigButton{background:transparent url(Img/mButton.gif); width:150px;}
.commands .biggerButton{background:transparent url(Img/lButton.gif); width:200px;}

.listItem, .listItemAlternate, .listItemOver {display:block; background:#ffffff;padding-bottom:10px;overflow:hidden;}
.listItemAlternate {background:#f9fcf8;}
.listItemOver {background:#fffaf7;}

.PageNumbers {display:block; margin:10px auto 10px auto;padding:0;}
.PageNumbers .first,.PageNumbers .previous,.PageNumbers .next,.PageNumbers .last,.PageNumbers .item,.PageNumbers .selected,.PageNumbers .empty
{
	border: #999999 1px solid;
	background-color: #fff;
	color:#4a8231;
	height:18px;
	margin:0 5px 0 0;
	padding:0 9px 0 9px;
	line-height:14px;
	text-align:center;
	display:inline-block;
	text-decoration:none;
}
.PageNumbers .first {background:transparent url(Img/first.gif) no-repeat center center;}
.PageNumbers .previous {background:transparent url(Img/prev.gif) no-repeat center center;}
.PageNumbers .next {background:transparent url(Img/next.gif) no-repeat center center;}
.PageNumbers .last {background:transparent url(Img/last.gif) no-repeat center center;}
.PageNumbers .selected {background-color: #f9fcf8;color:#000;border-color:#4a8231;}
.PageNumbers .hover {background-color: #f9fcf8;}
.PageNumbers .empty {background-color:transparent;border:0;}

.collapsiblePanel {margin:7px 5px 7px 5px;padding:0 2px 0 2px;border: #999999 1px solid; }
.collapsiblePanel .header{ color:#4a8231; background-color: #f9fcf8; border-bottom:1px dotted #999999; font-weight:bold; cursor:pointer; vertical-align:middle;margin:0; padding:2px 0px 2px 0px;}
.collapsiblePanel .content{ height:0; background-color:White; overflow:hidden; padding:0; margin:2px 0 2px 0;}


.photo{float:left;display:inline;margin:5px;}
.photo, .photoC1, .photoC2, .photoC3{background: transparent url(Img/phsdw.gif) no-repeat top left;}
.photoC1 { background-position: 100% 0;}
.photoC2 {background-position: 0 100%;}
.photoC3 {background-position: 100% 100%;padding:5px 9px 6px 5px;overflow: hidden;text-overflow: ellipsis;}


/********************************************************************/
/**************************End Global********************************/
/********************************************************************/

/********************************************************************/
/**********************Disposition de la page************************/
/********************************************************************/
#page_top_bg{padding-top:5px;}
#page_bottom_bg{}
#pg_content_top
{
	background: #fff url(img/Page_BG_top.jpg) no-repeat center top;
	width:934px;
	padding-top:5px;
}
#pg_content_bottom{background: url(img/Page_BG_btm.jpg) no-repeat left bottom;}
#pg_content_footer{height: 0;}

#header
{	
	margin:0 5px 5px 5px;
	height: 120px;
	background-color:#fff;
	width:920px;
}

#toolbar
{
	background: transparent url("Img/toolbarBg.gif") repeat-x top left;	
	display:block;
	height:26px;
	padding:2px;
	margin:auto 1px auto 1px;
	
}

#content
{
	clear:both;
	text-align:left;
	padding:0 4px 0 4px;
	min-height:600px;
	border-left:1px solid #237738;
	border-right:1px solid #237738;
	overflow:hidden;
}

#content #menu
{
	float:left;
	padding:0;
	z-index: 71;
	width:200px;
}

#content #main
{
	width:717px;
	padding:2px 2px 0 2px;
	min-height:600px;
	float:right;
}

#form
{
}

#form #formOverlay 
{
     visibility: hidden;
     position:relative;
     background-color:White;
     opacity:0.01;
	 filter:alpha(opacity=1);
     z-index: 999;
     left:0;
     top:0;
     width:100%;
     height:100%;
}


#footer
{
	color: #4e6153;
	text-align: right;
	padding-top: 23px;
	height: 41px;
	margin:-4px 0 0 0;
	width:100%;
}


/********************************************************************/
/**********************End Disposition de la page********************/
/********************************************************************/

/********************************************************************/
/**************************Header************************************/
/********************************************************************/
#header #logo 
{
	width:100px;
	height:120px;
	float:left;
}

#header #banner
{
	width:720px;
	height:120px;
	float:right;
}
/********************************************************************/
/**************************End Header********************************/
/********************************************************************/

/********************************************************************/
/**************************ToolBar***********************************/
/********************************************************************/
#toolbar #cmds
{
	float:right;
	width:550px;
}

#toolbar #cmds ul 
{ 
	list-style: none; 
	margin:0;
}

#toolbar #cmds ul li
{
	float:left;
}
#toolbar #cmds ul li a
{
	color: #4e6153;
	text-decoration: none;
	padding:4px 0 0 20px;
	margin-right:10px;
	display:inline-block;
}
#toolbar #cmds ul li a:hover
{
	color:#237738;
	text-decoration:none;
	border-bottom: 1px #237738 dotted;
	
}
#toolbar #cmds ul li a.home
{
	background: url(Img/home.gif) no-repeat left 2px;
}
#toolbar #cmds ul li a.contact
{
	background: url(Img/contact.gif) no-repeat left 2px;
}
#toolbar #cmds .search
{
	float:left;
	width:250px;
	height:20px;
	background: url(Img/search.gif) no-repeat;
	margin:2px 0 0 0;
	padding:0 !Important;
	text-align:left;
}
#toolbar #cmds .search .text
{
	border:0;
	line-height:11pt;
	width:220px;
	text-indent:2px;
}
#toolbar #cmds .search .button
{
	border:0;
	width:16px;
	height:16px;
	background-color:Transparent;
	cursor:pointer;
}

#toolbar #cmds .langue
{
	float:left;	
    height:20px;
    margin-top:2px;
}



#toolbar #progBar
{
	font-size:9px;
	font-weight:bold;
	color: #ce3a3a;
	background: url(Img/loading.gif) no-repeat 5px 50% ;
	text-indent:30px;
	line-height:25px;
	float:left;
	visibility:hidden;
}

/********************************************************************/
/**************************End ToolBar*******************************/
/********************************************************************/


/********************************************************************/
/**************************Menu**************************************/
/********************************************************************/
#content #menu .anonymous {background:transparent url(Img/login.gif) no-repeat top left; height:24px;}
#content #menu .anonymous a, #content #menu .anonymous a:hover {text-decoration:none;font-size:13px;color:#999999; font-weight:bold;margin-left:26px;line-height:22px;border:0;}
#content #menu .anonymous a:hover {color:#e73d3c;}

#content #menu .logged .rc3{padding:1px;}
#content #menu .logged .title{background:transparent url(Img/headerLogin.gif) no-repeat;font-size:11px;line-height:18px;height:15px;border-bottom-style:solid;color:White;margin:2px 1px; text-align:center;}
#content #menu .logged ul {margin:0; padding:5px 0 0 5px; list-style-image:url(Img/e_info.gif);}
#content #menu .logged ul li{margin-left:10px;margin-bottom:5px;}
#content #menu .logged ul li .count{color:#999999; font-weight:bold; padding-left:5px;}
#content #menu .logged ul li a , #content #menu .logged ul li a:hover {text-decoration:none;}
#content #menu .logged .links a, #content #menu .logged .links a:hover {font-size:9px; font-weight:bold; text-decoration:none;}


#content #menu .infoVisit .rc3{padding:1px;}
#content #menu .infoVisit .title {background:transparent url(Img/headerInfo.gif) no-repeat;font-size:11px;line-height:18px;height:15px;border-bottom-style:solid;color:White;margin:2px 1px;}
#content #menu .infoVisit .text {color:#4a8231;font-style:italic;}

/********************************************************************/
/**************************End Menu**********************************/
/********************************************************************/

/********************************************************************/
/**************************Footer************************************/
/********************************************************************/
#footer a:hover, #footer a:active
{
	color: #4a8231;
	text-decoration: none;
	border-bottom: 1px #4a8231 dotted;
}

#footer #footerlogo
{
	float: right;
	display: inline;
	margin: -1px 0 0 15px;
}

#footer .copyright
{
	font-size: 11px;
	font-family: Tahoma;
	margin: 0 0 10px 0px;
	color: #999999;
	clear: both;
	padding-right: 17px;
}
/********************************************************************/
/**************************End Footer********************************/
/********************************************************************/


/********************************************************************/
/**************************Form**************************************/
/********************************************************************/

#form .homeRegion1
{
	display:block;
	float:left;
	width:65%;
}

#form .homeRegion2
{
	display:block;
	float:right;
	width:34%;
	margin-left:1%;
}
/********************************************************************/
/**************************End Form**********************************/
/********************************************************************/


/********************************************************************/
/**************************Vignette**********************************/
/********************************************************************/
.Vignette
{
	margin-bottom:10px;
}
.Vignette .title
{
	margin: -5px -10px 5px -10px;
	padding-bottom:5px;
}
.Vignette .links {padding:4px 5px 0 0;text-align:right;}

.Vignette,
.Vignette .rc1,
.Vignette .rc2,
.Vignette .rc3
{
	background: transparent url(Img/cadre.gif) no-repeat top left;
}

.Vignette .rc1{ background-position: 100% 0;}
.Vignette .rc2{background-position: 0 100%;}
.Vignette .rc3{background-position: 100% 100%;padding: 10px;overflow: hidden;text-overflow: ellipsis;}

/********************************************************************/
/**************************End Vignette******************************/
/********************************************************************/



/********************************************************************/
/**************************Type vignettes****************************/
/********************************************************************/
#form .Transparent,
#form .Transparent .rc1,
#form .Transparent .rc2,
#form .Transparent .rc3
{
	background:none;
	padding:0;
	margin:0;
}


#form div.Default {background-color:#fff;}
#form div.Transparent {background-color:transparent;}
#form div.White {background-color:#fff;}
#form div.Red {background-color:#fff6f4;}
#form div.Blue {background-color:#f4fbff;}
#form div.Yellow {background-color:#fffff4;}
#form div.Gray {background-color:#fafafa;}
#form div.Shortcut {background-color:#fff9f4;}
#form div.Calendar {background-color:#fffff4;}
#form div.Sondage {background-color:#f7fbf6;}
#form div.TopForum {background-color:#fff;}
#form div.Album {background-color:#fff;}
#form div.Forum {background-color:#fff;}
#form div.Trombi {background-color:#fff;}

#form .Default .title {color: #4a8231;}
#form .White .title {color: #4a8231;}
#form .Red .title {color: #850000;}
#form .Blue .title {color: #003e85;}
#form .Yellow .title {color: #8a7a1e;}
#form .Gray .title {color: #787878;}
#form .Shortcut .title {color: #c13905;}
#form .Calendar .title {color: #8a7a1e;}
#form .Sondage .title {color: #4a8231;}


#form .Calendar .bg{font-size:11px; border:1px solid #4a8231; border-left:0; border-right:0; }
#form .Calendar .todayDay {font-size:10px; font-weight:bold;}
#form .Calendar .otherMonthDay {color:#999999;}
#form .Calendar .day {width:14%;color:#000; font-size:10px;}
#form .Calendar .day a {color:red; text-decoration:none;}
#form .Calendar .dayHeader {background-color:#4a8231; color:White; font-weight:bold; font-size:10px; border:0;}
#form .Calendar .monthHeader {background-color:transparent; color:#4a8231; font-size:11px; font-weight:bold;}
#form .Calendar .nextPrev a{color:#9aba8b; font-size:11px;font-weight:normal; text-decoration:none;}
#form .Calendar .weekendDay {background-color:#f8f8f8;}
#form .Calendar .selectedDay {border:1px solid red;}
#form .Calendar .message {font-size:8px;line-height:12pt; text-indent:0px;}
#form .Calendar .listItem {background-color:Transparent;}
#form .Calendar .listItem, #form .Calendar .listItemAlternate {border-bottom:1px dotted #4a8231;padding-bottom:2px}



#form .Sondage .imgQuestion {display:inline-block;float:left;background:transparent url(Img/question.gif) no-repeat;width:34px; height:32px;}
#form .Sondage .imgResult {display:inline-block;float:left;background:transparent url(Img/result.gif) no-repeat;width:44px; height:32px;}
#form .Sondage .barre {height:15px;background:url(Img/barre_sdg.gif) repeat-x;}
#form .Sondage .result {margin:5px -9px 0 -8px;overflow:auto;height:180px;}
#form .Sondage .result .listItem {padding:5px;}
#form .Sondage .result .listItemAlternate {padding:5px;}

#form .TopForum {width:49%; margin-left:5px; float:left;}
#form .TopForum .logo {margin-right:5px;padding-left:50px; background:transparent url(img/forum.png) no-repeat left 50%;min-height:60px;}


/********************************************************************/
/**************************End Type vignettes************************/
/********************************************************************/


/********************************************************************/
/**************************Module************************************/
/********************************************************************/
#form div.module
{
	background-color:#fff;
}
#form .module
{
	background: url(Img/bgModule.gif) no-repeat;
	overflow:hidden;
	width: 717px;
	margin-bottom:10px;
	
}

#form .moduleBottom
{
	margin-right:-2px;
	background: url(Img/footerModule.gif) no-repeat left bottom;
	padding:10px;min-height:200px;
}

#form .module .title
{
	text-indent:12px;
	margin:-5px -10px 0 -10px;
	padding-bottom:5px;
	border-bottom:1px dotted #b4b4b4;
	width:auto;
}

#form .module .toolbar {margin:5px 5px 10px 5px; display:block; vertical-align:top;}

#form .module .commands{margin:0 -10px 0 -10px;display:block;text-align:right; border-top:1px dotted #b4b4b4;}

a.img {margin-left:5px; padding-left:18px; width:16px;height:16px; background-color:transparent;background-repeat:no-repeat;background-position:left center;}
a.back {background-image:url(Img/e_back.gif);}
a.back24 {background-image:url(Img/e_back24.gif);width:24px;height:24px;}
a.print {background-image:url(Img/e_print.gif);}
a.print24 {background-image:url(Img/e_print24.gif);width:24px;height:24px;}
a.makecopy24 {background-image:url(Img/e_mcopy24.gif);width:24px;height:24px;}
a.pub24 {background-image:url(Img/e_pub24.gif);width:24px;height:24px;}
a.edit {background-image:url(Img/e_edit.gif);}
a.delete {background-image:url(Img/e_delete.gif);}
a.update {background-image:url(Img/e_update.gif);}
a.cancel {background-image:url(Img/e_cancel.gif);}
a.insert {background-image:url(Img/e_insert.gif);}
a.refresh {background-image:url(Img/e_refresh.gif);}
a.pwd {background-image:url(Img/e_pwd.gif);}
a.login {background-image:url(Img/e_login.gif);}
a.activate {background-image:url(Img/e_activate.gif);}
a.deactivate {background-image:url(Img/e_desactivate.gif);}
a.doc {background-image:url(Img/e_doc.gif);}
a.comment {background-image:url(Img/e_comment.gif);}
a.info {background-image:url(Img/e_info.gif);}
a.reply {background-image:url(Img/e_reply.gif);}
a.forward {background-image:url(Img/e_forward.gif);}
a.plus  {background-image:url(Img/e_plus.gif);}
a.pdf   {background-image:url(Img/e_pdf.gif);}


a.prev {background:transparent url(Img/prev.gif) no-repeat center left;padding-left:15px}
a.next {background:transparent url(Img/next.gif) no-repeat center right;padding-left:0;padding-right:15px;}

span.img {display:inline-block; width:16px;height:20px;background-color:transparent;background-repeat:no-repeat;background-position:left center;}
span.forumModere {background-image:url(Img/e_modere.gif);}
span.forumControle {background-image:url(Img/e_controle.gif);}
span.close {background-image:url(Img/e_close.gif);}
span.ok {background-image:url(Img/e_ok.gif);}
span.mailRead {background-image:url(Img/e_mailRead.gif);}
span.mailNotRead {background-image:url(Img/e_mail.gif);}
span.mailAttach {background-image:url(Img/e_attach.gif);}



#form .module input[type=submit].go {width:16px;height:16px;border:0;background:transparent url(Img/e_go.gif) no-repeat center left;}

#form .module table tr {text-align:left;}

#form .module ul.list {list-style: none;margin:2px;}
#form .module ul.list li {display:inline;margin:auto -18px auto 5px;}

#form .module .forum input.cmdPost, #form .module .forum input.cmdReply {background:transparent url(Img/button.gif); width:100px;border:0;height:21px;color:#950501;font-weight:bold;line-height: 20px;text-indent:5px;}
#form .module .forum table.post {width: 100%; border:solid 1px #abadb3; border-bottom:solid 2px #950501; margin-bottom:2px; }
#form .module .forum td.postHeader {color:#950501;text-indent:3px; font-weight:bold; text-align:left; padding:5px;border-bottom: dotted 1px #b4b4b4}
#form .module .forum td.postInfo {width: 126px; text-align:center; vertical-align:top; font-size:10px;color: #999999; padding:5px; background-color:#f9fcf8;border-right: dotted 1px #b4b4b4;}
#form .module .forum td.postContent {vertical-align:top; padding:5px; }
#form .module .forum td.postFooter {vertical-align:middle; padding:5px;border-top: dotted 1px #b4b4b4; text-align:right;}




/********************************************************************/
/**************************End Module********************************/
/********************************************************************/