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

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

a, a:hover, a:active{color: #96C700;}
a:hover, a:active{color: #666666}
input, select {font-size:10px;}


p{margin:5px;}


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

.input{overflow:hidden;margin:2px 0 2px 0;padding:0;display:inline-block;background:transparent url(img/inputBg.gif) left bottom repeat-x;width:100%;}
.input label, .input .label{display:inline-block; line-height: 18px;vertical-align: top;padding-left:2px; margin-right:2px; 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:#f8f8f8;border:1px solid #e2e3ea; border-top-color:#abadb3; color: black;padding-left:4px;}
.input .focus{background-color:#fff;}
.input .invalid{background-color: #fff9f4; border-color:#a60000; color:Red;}
.input .error{font-weight:normal;border:solid 1px #fc7d5a;color:#fc7d5a;background-color:#fbfce8;padding:5px;}



.title{color:#96C700;display: block;text-indent: 7px;line-height:16pt;font-size:14px;text-align:left;}
.message{color:#666666;text-indent: 3px;line-height:16pt;font-weight:bold;text-align:left;font-size:11px;}
.comment {font-variant:normal;font-size:9px;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;font-size:12px;color:Red; padding:5px;margin-bottom:5px; display:inline-block;}
.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;line-height:16px;}

.topLinks {background:transparent url(Img/links.gif) no-repeat left 3px; 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:9px;}
.commands input, .commands .button, .commands .smallButton, .commands .bigButton, .commands .biggerButton{border:0;height:26px;color:#fff;font-family:Arial; font-weight: normal;line-height: 10px;text-indent:5px;}
.commands input:hover, .commands .button:hover, .commands .smallButton:hover, .commands .bigButton:hover, .commands .biggerButton:hover{color:#ffff00;}
.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:#fafffa;}
.listItemOver {background:#e7f1ff;}

.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:#96C700;
	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: #fafffa;color:#000;border-color:#96C700;}
.PageNumbers .hover {background-color: #fafffa;}
.PageNumbers .empty {background-color:transparent;border:0;}

.collapsiblePanel {margin:7px 5px 7px 5px;padding:0;border: #999999 1px solid; }
.collapsiblePanel .header{ color:#96C700; background-color: #fafffa; 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:5px 0 5px 0; margin: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{}
#page_bottom_bg{}
#pg_content_top
{
	background: #fff url(img/Page_BG_top.gif) no-repeat center top;
	width:934px;
	padding-top:5px;
}
#pg_content_bottom{background: transparent url(img/Page_BG_btm.gif) no-repeat left bottom;}
#pg_content_footer{height: 0;}

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

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

#content
{
	background: #fff url(img/Content.gif) repeat-y;
	clear:both;
	text-align:left;
	padding:5px 12px 0 17px;
	min-height:600px;
	overflow:hidden;
}

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

#content #main
{
	width:695px;
	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;
	height: 43px;
	width:100%;
}


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

/********************************************************************/
/**************************Header************************************/
/********************************************************************/
#header #logo 
{
	width:180px;
	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
{
	background:transparent url(img/e_plus.gif) no-repeat left 7px;
	color: #fff;
	font-size:12px;
	text-decoration: none;
	padding:4px 0 0 10px;
	margin-right:10px;
	display:inline-block;
}
#toolbar #cmds ul li a:hover
{
	color:#ffff00;
	text-decoration:none;	
}
#toolbar #cmds ul li a.home {}
#toolbar #cmds ul li a.contact{}
#toolbar #cmds .search
{
	float:left;
	width:250px;
	height:22px;
	background: url(Img/search.gif) no-repeat;
	margin:0;
	padding:0 !Important;
	text-align:left;
}
#toolbar #cmds .search .text
{
	border:0;
	line-height:11pt;
	width:220px;
	margin:3px auto auto 3px;
	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:2px auto auto 5px;
}



#toolbar #progBar
{
	font-size:9px;
	font-weight:bold;
	color: #E6F2C2;
	background: url(Img/loading.gif) no-repeat 5px 50% ;
	text-indent:60px;
	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; font-weight:bold;margin-left:26px;line-height:22px;}

#content #menu .logged, #content #menu .logged .rc1, #content #menu .logged .rc2, #content #menu .logged .rc3 {background: transparent url(Img/cadreLogin.gif) no-repeat top left;}
#content #menu .logged .rc1{ background-position: 100% 0;}
#content #menu .logged .rc2{background-position: 0 100%;}
#content #menu .logged .rc3{background-position: 100% 100%;padding: 20px 20px 25px 20px;overflow: hidden;text-overflow: ellipsis;}
#content #menu .logged .title {color: #FF8A00; 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 .title {font-size:13px;color:#666666;}
#content #menu .infoVisit .text {color:#96C700;font-style:italic;}
#content #menu .infoVisit, #content #menu .infoVisit .rc1, #content #menu .infoVisit .rc2, #content #menu .infoVisit .rc3{background: transparent url(Img/cadreInfo.gif) no-repeat top left;}
#content #menu .infoVisit .rc1{ background-position: 100% 0;}
#content #menu .infoVisit .rc2{background-position: 0 100%;}
#content #menu .infoVisit .rc3{background-position: 100% 100%;padding: 20px;overflow: hidden;text-overflow: ellipsis;}

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

/********************************************************************/
/**************************Footer************************************/
/********************************************************************/
#footer a:hover, #footer a:active{ text-decoration:none;}

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

#footer .copyright
{
	font-size: 11px;
	font-family: Tahoma;
	font-weight:bold;
	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 .title
{
	margin: -5px -10px 0px -10px;
	_margin:0 auto;
}
.Vignette .links {padding:4px 5px 0 0;text-align:right;}


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



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

/* Default  & White*/
#form .Default, #form .Default .rc1, #form .Default .rc2, #form .Default .rc3,
#form .White, #form .White .rc1, #form .White .rc2, #form .White .rc3 {background: transparent url(Img/cadre.gif) no-repeat top left;}
#form .Default .rc1, #form .White .rc1{ background-position: 100% 0;}
#form .Default .rc2, #form .White .rc2{background-position: 0 100%;}
#form .Default .rc3, #form .White .rc3{background-position: 100% 100%;padding: 20px;overflow: hidden;text-overflow: ellipsis;}
#form .Default .title, #form .White .title{color: #96C700;}

/* Red */
#form .Red, #form .Red .rc1, #form .Red .rc2, #form .Red .rc3 {background: transparent url(Img/cadreRed.gif) no-repeat top left;}
#form .Red .rc1{ background-position: 100% 0;}
#form .Red .rc2{background-position: 0 100%;}
#form .Red .rc3{background-position: 100% 100%;padding:20px;overflow: hidden;text-overflow: ellipsis;}
#form .Red .title {color: #AB0000;}

/* Blue */
#form .Blue, #form .Blue .rc1, #form .Blue .rc2, #form .Blue .rc3 {background: transparent url(Img/cadreBlue.gif) no-repeat top left;}
#form .Blue .rc1{ background-position: 100% 0;}
#form .Blue .rc2{background-position: 0 100%;}
#form .Blue .rc3{background-position: 100% 100%;padding:20px;overflow: hidden;text-overflow: ellipsis;}
#form .Blue .title {color: #0099FF;}

/* Yellow */
#form .Yellow, #form .Yellow .rc1, #form .Yellow .rc2, #form .Yellow .rc3 {background: transparent url(Img/cadreYellow.gif) no-repeat top left;}
#form .Yellow .rc1{ background-position: 100% 0;}
#form .Yellow .rc2{background-position: 0 100%;}
#form .Yellow .rc3{background-position: 100% 100%;padding:20px;overflow: hidden;text-overflow: ellipsis;}
#form .Yellow .title {color: #fbdd13;}

/* Gray */
#form .Gray, #form .Gray .rc1, #form .Gray .rc2, #form .Gray .rc3 {background: transparent url(Img/cadreGray.gif) no-repeat top left;}
#form .Gray .rc1{ background-position: 100% 0;}
#form .Gray .rc2{background-position: 0 100%;}
#form .Gray .rc3{background-position: 100% 100%;padding:20px;overflow: hidden;text-overflow: ellipsis;}
#form .Gray .title {color: #666666;}

/* Calendar */
#form .Calendar, #form .Calendar .rc1, #form .Calendar .rc2, #form .Calendar .rc3 {background: transparent url(Img/cadreCal.gif) no-repeat top left;}
#form .Calendar .rc1{ background-position: 100% 0;}
#form .Calendar .rc2{background-position: 0 100%;}
#form .Calendar .rc3{background-position: 100% 100%;padding:20px 20px 30px 20px;overflow: hidden;text-overflow: ellipsis;}
#form .Calendar .title {color: #cc9900;}
#form .Calendar .bg{font-size:11px; border:1px solid #666666; 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:#666666; font-size:10px;}
#form .Calendar .day a {color:red; text-decoration:none;}
#form .Calendar .dayHeader {background-color:#cc9900; color:#fff; font-weight:normal; font-size:10px; border:0;}
#form .Calendar .monthHeader {background-color:transparent; color:#666666; font-size:11px; font-weight:bold;}
#form .Calendar .nextPrev a{font-size:11px;font-weight:normal; text-decoration:none;}
#form .Calendar .weekendDay {background-color:#f8f8f8;}
#form .Calendar .selectedDay {border:1px solid #cc9900;}
#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 #666666;padding-bottom:2px}

/* Sondage */
#form .Sondage, #form .Sondage .rc1, #form .Sondage .rc2, #form .Sondage .rc3 {background: transparent url(Img/cadrePol.gif) no-repeat top left;}
#form .Sondage .rc1{ background-position: 100% 0;}
#form .Sondage .rc2{background-position: 0 100%;}
#form .Sondage .rc3{background-position: 100% 100%;padding:20px 20px 25px 20px;overflow: hidden;text-overflow: ellipsis;}
#form .Sondage .title {color: #96C700;}
#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 -5px 0 -4px;overflow:auto;height:180px;}
#form .Sondage .result .listItem {padding:5px;}
#form .Sondage .result .listItemAlternate {padding:5px;}
#form .Sondage .commands input {background:transparent url(Img/btn.gif); width:90px; height:22px;line-height: 8px;text-indent:0px;}

/* Album */

#form .Album, #form .Album .rc1, #form .Album .rc2, #form .Album .rc3 {background: transparent url(Img/cadreInfo.gif) no-repeat top left;}
#form .Album .rc1{ background-position: 100% 0;}
#form .Album .rc2{background-position: 0 100%;}
#form .Album .rc3{background-position: 100% 100%;padding:25px 20px;overflow: hidden;text-overflow: ellipsis;}

/* forum */
#form .TopForum, #form .TopForum .rc1, #form .TopForum .rc2, #form .TopForum .rc3 {background: transparent url(Img/cadreInfo.gif) no-repeat top left;}
#form .TopForum .rc1{ background-position: 100% 0;}
#form .TopForum .rc2{background-position: 0 100%;}
#form .TopForum .rc3{background-position: 100% 100%;padding:20px 20px;overflow: hidden;text-overflow: ellipsis;}
#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;}


/* Trombinoscope */
#form .Trombi .title {font-size:13px;color:#666666;}
#form .Trombi, #form .Trombi .rc1, #form .Trombi .rc2, #form .Trombi .rc3 {background: transparent url(Img/cadreInfo.gif) no-repeat top left;}
#form .Trombi .rc1{ background-position: 100% 0;}
#form .Trombi .rc2{background-position: 0 100%;}
#form .Trombi .rc3{background-position: 100% 100%;padding:25px 20px;overflow: hidden;text-overflow: ellipsis;}

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


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

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

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

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

#form .module .commands{display:block;text-align:right;}

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:#fff;font-weight:bold;line-height: 20px;text-indent:5px;}
#form .module .forum table.post {width: 100%; border:solid 1px #abadb3; border-bottom:solid 2px #666666; margin-bottom:2px; }
#form .module .forum td.postHeader {color:#666666;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:#fafffa;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********************************/
/********************************************************************/