/* @group Imports
============================================================ */


@import url(font_setup.css);
@import url(font_settings.css);


/* @end */


/**************************************************

General Screen Styles Airborn

Created by Apollo13 Team
http://www.apollo13.eu

**************************************************/

/* ------------------------------- 0.BODY SETTINGS --------------------------------*/
body {
    margin:0;
    padding:0;
    background:#e8e9eb url(../gfx/theme1/images/background-3.jpg) top no-repeat /*#767676 666666#b8b8b8 url(../gfx/theme1/images/pattern.gif) 2e2e2e  backgroundfull.png center*/;
    font-family: Calibri,Arial;
	font-size:16px;
	color:# 545454;
    text-align:left; }


/* ------------------------------- 1.LINKS, CLEAR AND PARAGRAPH --------------------------------*/
p { margin:0 0 24px 0; line-height:20px;  }/* line-height:17px;*/
/*.modif{ font-size:13px; line-height:20px; }*/
.clear { height:0px; clear:both; font-size:1px; }

a:link, a:visited { color:#2786c2; text-decoration:none; }  /*2786c2 5F8C59*/
a:hover { color:#313131; text-decoration:none; }

input, textarea { 
	font-family: Calibri, Arial; color:#707070; font-size:12px; height:14px;
	padding:5px 5px 5px 5px; background:#fff url(../gfx/theme1/buttons/input1.gif) left repeat-x; }


/* ------------------------------- 2.BODY MAIN STRUCTURE --------------------------------*/
#root { width:1200px; margin:1px auto 20px auto; background:#f6f6f6; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; } /**width:1080px**/

/* H1, H2, H3, H4 */
h1 { padding:0;	margin:0; text-align:left; font-size:34px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; }
h1.x { padding:0; margin:0; text-align:left; font-size:30px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; }/*moi*/
h2 { padding:0 0 0 1px;	margin:0; text-align: left;	font-size:17px;	font-weight:bold; color:#676767; letter-spacing:0; background:none; clear:both; }
h2.title{visibility:hidden;}
h3 { padding:0;	margin:0; text-align:left; font-weight:bold; color:#676767; letter-spacing:0; background:none; clear:both; }
h4 { padding:15px 0 0 1px; margin:0; text-align:left; font-size:16px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; }
h1 b, h2 b, h3 b, h4 b, h6 b { font-weight:bold; }
h5{ padding:0; margin:0; text-align:left; font-size:20px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; }/*moi*/
h6{ padding:0; margin:0; text-align:left; font-size:15px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; }/*moi*/
h7{ padding:0 25px 0 0; margin:0; text-align:left; font-size:15px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; }/*moi*/
h8{ padding:0 0 25px 0; margin:0; text-align:left; font-size:20px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; }/*moi*/
h9{ padding:25px 0 35px 0; margin:20px 0 20px 0; text-align:left; font-size:16px; font-weight:bold; color:#676767; letter-spacing:0; background:none;  }/*moi*/
h10{ padding:0; margin:0; text-align:left; font-size:18px; font-weight:bold; color:#4c4c4c; letter-spacing:0; background:none; clear:both; line-height:120% }/*moi*/
.hr_shadow {border: 0;height: 20px;width: 100%;background: url(../gfx/theme1/images/separator-shadow2.png) top center no-repeat;margin:0;}/*separator-shadow2.png*/
h11{ padding:25px; margin:25px;  font-size:28px; font-weight:bold; color:#4c4c4c; letter-spacing:2px; background:none;  line-height:150%;  }


/****** ajout par hamid*/
/* ---------------------------------------------------------------------- */
/* Infobox
/* ---------------------------------------------------------------------- */
.infobox {
	border-left: 4px solid;
}

.infobox-inner {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-left: none;
	padding: 15px 20px;
	margin-bottom: 20px;
}

.infobox h2 {
	margin-bottom: 5px;
}



.infobox div.with-button {
	display: inline;	
}

.infobox .button {
	float: right;
	margin: 0 0 0 20px;
}

.infobox .mobile-button {
	display: none;
}

.infobox p {
	margin-bottom: 0;
	margin-top: 20px;	
}

.infobox h2 + p,
.infobox p:first-child {
	margin: 0;
}

section
{
	margin-bottom: 40px;
}

#paragraph2 {
	font-size: 14px;
	text-align:justify;
	line-height: 150%;
	/*color: #000;*/
	margin-bottom:40px;
	
	
}

.paragraph2 {
	font-size: 14px;
	text-align:justify;
	line-height: 150%;
	margin-bottom:25px;
	/*color: #000;*/
	
	
	
}

#paragraph1 {
	font-size: 16px;
	text-align:none;
	line-height: 24px;
	/*color: #000;*/
	margin-bottom:40px;
	
	
}

.paragraph {
	font-size: 16px;
	text-align:none;
	line-height: 24px;
	margin-bottom:25px;
	/*color: #000;*/
	
	
	
}




#paragraph {   
	font-size: 16px;
	text-align:none;
	line-height: 24px;
	/*color: #000;*/
	margin-bottom:40px;
	
	
}

.paragraph1 {
	font-size: 16px;
	text-align:none;
	line-height: 24px;
	margin-bottom:25px;
	/*color: #000;*/
	
	
	
}



/******* fin ajout*******/


/* 960px Column */ 
.width960 { width:1200px; margin:auto; padding:0; clear:both; } /*width:1080px*/

#header { /*background:#232323 url(../gfx/theme1/images/bg4.jpg) top center repeat-x;*/background:transparent; margin:0; padding:0; }
#header .width960 { background:transparent; }/*background:none;*/

#logo_alg { width:960px; height:171px; padding:0 120px 0 120px; margin-bottom:20px}
#logo_alg a { width:960px; height:171px; display:block;	background:url(../gfx/theme1/New4.png) no-repeat;}/*logo-dz.jpg*/
#logo_alg span { display:none;}
#logo { width:275px; height:100px; padding:0 0 0 0;	float:left;}
#logo a { width:275px; height:100px; display:block;	background:url(../gfx/theme1/logo.png) no-repeat;}
#logo span { display:none; }

#searchBar { width:685px; height:35px;	float:left; }
#searchBar .BarPad { margin:5px 25px 0 0; }
#searchBar .BarPad input { width:180px;	float:right; padding:5px 5px 5px 5px; background:#2b2b2b url(../gfx/theme1/buttons/input.gif) left repeat-x; color:#999; }


#banner { padding:0 0 30px 0; background:#ebebeb url(../gfx/theme1/images/shadow0.png) bottom no-repeat; margin:0; height:300px; text-align:center;}
#banner1 { padding:0; background:#f6f6f6 url(../gfx/theme1/images/shadow0.png) bottom no-repeat; margin:0; height:355px;}
#banner2 { padding:0; background:#ECF0E9 url(../gfx/theme1/images/separator-shadow2.png) bottom no-repeat; margin:0 0 15px  0/*url(../gfx/theme1/images/shadow5.png) bottom no-repeat; margin:0*/; height:auto;}/*background:#f6f6f6* height:520px; fcfcfc  e6ebe0*/
#banner4 { padding:0; background:#ECF0E9 url(../gfx/theme1/images/separator-shadow2.png) bottom no-repeat; margin:0/*url(../gfx/theme1/images/shadow5.png) bottom no-repeat; margin:0*/; height:auto;}/*background:#f6f6f6* height:520px; fcfcfc  e6ebe0*/
#banner3 { padding:0; background:#fcfcfc url(../gfx/theme1/images/separator-shadow2.png) bottom no-repeat; margin:0/*url(../gfx/theme1/images/shadow5.png) bottom no-repeat; margin:0*/; height:auto;}/*background:#f6f6f6*/
#cu3er { width:960px; margin:auto; }


	
/* SIDEBAR rajout*/

#sidebar {
	background-image: url(../gfx/theme1/images/sidebar.png);
}

#sidebar #sidebar-top {
	background-image: url(../gfx/theme1/images/sidebar-top.png);
}

#sidebar #sidebar-bottom {
	background-image: url(../gfx/theme1/images/sidebar-bottom.png);
}

#sidebar ul {
	border-top: 1px solid #e3e3e3;
}

#sidebar li {
	border-bottom: 1px solid #e3e3e3;
}

#sidebar li a:hover {
	background-color: #fafafa;
}





/*
=======================================================================
	Banner Rules
=======================================================================
*/
#bannerxx1 {
	height:320px;
	padding-top:0px;
	padding-bottom:10px;
	position:relative;
	width:602px; /*width:482px*/
}
#bannerxx1 .contentdiv {
	visibility: hidden; /*leave as is*/
	position: relative; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 602px; /*width:482px  width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height:320px;
}
.banner_desxx1 {
	width:602px; /*width:482px*/
	height:120px;
	padding-right:50px;
	color:#fff;
	padding-left:20px;
	padding-top:12px;
	position:absolute;
	bottom:1px;
	left:1px;
	background-image:url(../../images/bannerdesc.png);
}
.banner_desxx1 h4 {
	font-weight:bold;
	padding-bottom:2px;
	color:#fff!important;
}
.banner_desxx1 p {
	padding-right:80px;
}
#slider2xx1 {
	width:602px; /*width:482px*/
	position:relative;
	padding-top:0px;
	margin:auto;
	height:320px;
	overflow:hidden;
}
.paginationxx1 {
	width:auto; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	float:right;
	right:15px;
	bottom:27px;
	z-index:9999;
	position:absolute;
}
.paginationxx1 a {
	background:#08387f;
	width:23px;
	line-height:23px;
	text-align:center;
	line-height:23px;
	color:#fff;
	display:inline-block;
	margin-right:1px;
	font-weight:bold;
}
.paginationxx1 a:hover, .paginationxx1 a.selected {
	background-color:#000;
}
.paginationxx1 a:hover, .paginationxx1 a.selected {
	background-color:#000;
}
.paginationxx1 a.prev {
	font-size:0px;
	display:none;
}
.paginationxx1 a.next {
	font-size:0px;
	display:none;
}
#banner1xx1 {
	width:602px; /*width:482px*/
	height:210px;
	padding-bottom:10px;
	position:relative;
}
#banner1xx1 .heading {
	position:absolute;
	background-image:url(../../images/bannerdesc.png);
	left:1px;
	bottom:11px;
	width:602px; /*width:482px*/
	height:37px;
	padding-left:22px;
	padding-top:14px;
}
#banner1xx1 .heading h1 {
	font-weight:bold;
	font-size:22px;
	color:#fff!important;
}

/****************/

/* .LOGIN PANEL */
.LoginPanel { display:none; background:#f2f2f2; } 
.LoginPanel h1 { letter-spacing:-2px; font-size:36px; }
#LoginContent { width:220px; padding:17px 50px 17px 250px; background:#f2f2f2 url(../gfx/theme1/images/lock.jpg) 0px 10px no-repeat; } 
#LoginContent .blogLeaveComment { padding:0; }
#LoginContent .blogLeaveComment ul li { padding:15px 0 0 0;  }
#LoginContent .blogLeaveComment ul li #LostPass { display:block; float:right; padding:5px 0 0 0; }

#ForgotContent { width:310px; padding:17px 30px 10px 30px; background:none; } 
#ForgotContent .blogLeaveComment { padding:0; }
#ForgotContent .blogLeaveComment ul li { padding:15px 0 0 0; }
#ForgotContent .blogLeaveComment ul li input { float:left; }

.Buffer { height:33px; }

#top-link	{ display:none; position:fixed; right:5px; bottom:5px; width:91px; height:25px; color:#FFF; font-weight:bold; text-decoration:none; border:none; background:url(../gfx/theme1/images/top.png) no-repeat; padding:0; }
#top-link span { display:none; }

/* Menu */
#menu { padding:0 0 0 0; clear:both; background: url(../gfx/theme1/menu/bgmenu.png) top left repeat-x; font-size:16px; font-weight: normal;/*font-weight: bold;  padding:0 25px 0 0;*/}
#menu .on { color:#4d4d4d; }
#menuTab {width:80%;	float:left; margin: 0 auto 0 auto; /*width:850px;	float:left; margin: 0 175px 0 175px;*/  }/*1040 80 80*/

#menu .ddsmoothmenu ul li a{ }
#menu .ddsmoothmenu ul li a:hover{ background:url(../gfx/theme1/menu/bgmenu3.png) bottom repeat-x; }
#menu .ddsmoothmenu ul li a.selected{ background:url(../gfx/theme1/menu/bgmenu3.png) bottom repeat-x; }

/* Menu Favs icons */
#favTab { padding:0 0 0 0; font-size:12px; }
#favTab a span { display:none }
#favTab a { width:16px;	height:16px; display:block;	margin:11px 0 0 10px; background:url(../gfx/theme1/menu/favs.gif) no-repeat; }
#favTab p { float:right; margin:0; padding:10px 0 0 0; }	
	
#favTab .face { float:right; } 
#favTab .face:hover { background-position:-16px 0; }
#favTab .twit { float:right; background-position:0 -16px; } 
#favTab .twit:hover { background-position:-16px -16px; }
#favTab .rss { float:right; background-position:0 -32px; } 
#favTab .rss:hover { background-position:-16px -32px; }


#favTab1 { padding:0 0 0 0; font-size:12px; }
#favTab1 a span { display:none }
#favTab1 a { width:43px;	height:44px; display:block;	margin:0px 10px 0 10px; background:url(../gfx/theme1/menu/favs1.png) no-repeat; }
/*#favTab1 p { float:right; margin:0; padding:10px 0 0 0; }	*/
	
#favTab1 .faceb { float:right; } 
#favTab1 .faceb:hover { background-position:-42px 0; }
/*#favTab .twit { float:right; background-position:0 -16px; } 
#favTab .twit:hover { background-position:-16px -16px; }
#favTab .rss { float:right; background-position:0 -32px; } 
#favTab .rss:hover { background-position:-16px -32px; }*/
/* Buttons */
.buttons { width:76px; height:24px; display:block; margin:0; padding:0;	background:url(../gfx/theme1/buttons/buttons.gif) no-repeat;  }
.buttons span, .blogReadmore span { display:none; }



#search { float:right; width:60px; } 
#search:hover { background-position:-60px 0; }
#login { background-position:0 -24px; float:right; margin-left:8px; width:60px; } 
#login:hover { background-position:-60px -24px; }
#login2 { background-position:0 -48px; float:left; } 
#login2:hover { background-position:-76px -48px; }
#submit { background-position:0 -72px; } 
#submit:hover { background-position:-76px -72px; }
#submit2 { background-position:0 -72px; float:right; } 
#submit2:hover { background-position:-76px -72px; }
#search2, #search3 { background-position:0 -96px; float:left;  } 
#search2:hover, #search3:hover { background-position:-76px -96px; }

.blogReadmore { width:60px;	height:24px; display:block;	margin:0; padding:0; background:url(../gfx/theme1/buttons/buttons.gif) no-repeat; background-position:0 -120px; width:94px; } 
.blogReadmore:hover { background-position:-94px -120px; }

#submitc { background-position:0 -144px; width:120px; } 
#submitc:hover { background-position:-120px -144px; }

#signin { background-position:0 -168px; width:76px; float:left; } 
#signin:hover { background-position:-76px -168px; }

#cform { width:280px; height:53px; margin:25px 0 0 0; background-position:0 -192px; } 
#cform:hover { background-position:-280px -192px; }

/* A LA UNE*/
#container01 { width:1200px; margin:0 auto 35px auto; }/* width:1080px*/
#cPad01 { padding:0 25px 0 25px; }
#content01 { padding:20px 0 0 0; }

/* content 3 colonnes*/
#container02 { width:1200px; background:#f6f6f6; margin:0 auto 0 auto; }/*background ebebeb; width:1080px*/
#cPad02 { padding:0 25px 0 24px; }
#content02 { padding:0 0 0 0; } /*20px*/

/* Container */
#container { width:1200px; margin:0 auto 35px auto; } /*width:1080px*/
#cPad { padding:0 25px 0 25px; }

/* Content */
#content { padding:35px 0 0 0; }
.headTabCol { padding:0 0 15px 0; margin:0 0 15px 0;  /*border-bottom:1px solid #dddddd;*/ border-bottom: 1px solid #EFF2F6;
  box-shadow: inset 0 -1px 0 0 #afbcc6; }
.headTabColX { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #dddddd; }
.headTabCol2 { padding:0 0 15px 0; margin:0 0 15px 0; border-bottom: 1px solid #EFF2F6;
  box-shadow: inset 0 -1px 0 0 #afbcc6; }
.headTabCol h1, .headTabCol2 h1 { font-size:18px; font-weight:normal; letter-spacing:-0.5px; }
.headTabCol h2, .headTabCol2 h2 { font-size:14px; margin:0 0 0 0; }
.headTabCo3 { padding:0 0 15px 0; margin:0 0 15px 0;  /*border-bottom:1px solid #dddddd;*/ border-bottom: none;  }

.searchBar2 {  }
.searchBar2 .BarPad { margin:0; }
.searchBar2 #BarPadFull { padding:15px 0 25px 0; }
.searchBar2 .BarPad input { width:145px; padding:5px 5px 5px 24px; background:#fff url(../gfx/theme1/buttons/inputMail.gif) left repeat-x; color:#707070; float:left;	 }/*MOI width:175PX*/
.searchBar2 .BarPad #inputSearch, .searchBar2 .BarPad #inputSearch2 { background:#fff url(../gfx/theme1/buttons/inputSearch.gif) left repeat-x; }

/* Content blocks */
.left50{ width:437px; float:left; margin:0 36px 0 0; padding:0; }
.right50 { width:437px; float:left; margin:0; padding:0;  }

.left33 { width:280px; float:left; margin:0; padding:0; }
.left333 { width:250px; float:left; margin:0; padding:0; }/*moi*/
.right333 { width:250px; float: right; margin:0; padding:0; }/*moi*/
.center33 { width:280px; float:left; margin:0 35px 0 35px; padding:0; }
.right33 { width:280px; float:left; margin:0; padding:0; }
.right334 { width:280px; float:right; margin:0 0 35px 0; padding:0; }
.right44 { width:225px; float:right; margin:0;  padding:0; }
.center66 { width:610px; float:left; margin:0 20px 50px 20px; padding:0; }/*moi width:490px*/
.center66x { width:760px; float:right; margin:0 0 0 20px; padding:0; }/*moi*/
.center66xx { width:860px; float:left; margin:0 20px 0 20px; padding:0; }/*moi*/
.right66 { width:595px; float:left; margin:0 0 0 35px; padding:0; }
.left66 { width:595px; float:left; margin:0 35px 0 0; padding:0; }
.left66x { width:1150px; float:left; margin:0 0 20px 0; padding:0; }
.left66xx { width:835px; float:left;margin:0 35px 0 0; padding:0; }
.left44 { width:635px; float:left; margin:0 20px 0 0; padding:0; }

.colRight { margin:0; }/*3)25px*/
.colRight p { padding:0; margin:0; }
.colCenter { padding:15px; margin:0; 
             background: #FFF;
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             border-radius: 4px;
             border: 1px solid #CCC; 	}

#content table { padding:0; margin:0; }
#content table th { padding:8px 8px 8px 8px; margin:0; border:1px solid #b3b3b3; background:#e6e6e6; font-weight:bold; text-align:center;  }
#content table td { padding:4px 8px 4px 8px; margin:0; border:1px solid #c8c8c8; background:#fbfbfb; text-align:center;  }

/****hamid****/

#tableau { padding:0; margin:0; }
#tableau table { padding:0; margin:0; }
#tableau table th { padding:8px 8px 8px 8px; margin:0; border:1px solid #b3b3b3; background:#e6e6e6; font-weight:bold; text-align:center;  }
#tableau table td { padding:4px 8px 4px 8px; margin:0; border:1px solid #c8c8c8; background:#fbfbfb; text-align:center;  }

/******************ribbon banner******/

.bubble {
	clear: both;
	margin: 10px auto 20px auto;
	width: 590px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.rectangle {
	background: #7f9db9;
	height: 35px;
	width: 620px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 18px;
	color: #fff;
	padding-top: 6px;
	padding-left: 10px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: left;
}

.triangle-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -31px;
	top: 50px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 590px;
	top: 20px;
	z-index: -1; /* displayed under bubble */
}

.info {
	padding: 25px 25px 35px 25px;
}

.info h2 {
	font-size: 20px;
}

.info p {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}

.info p a {
	color: #c4591e;
	text-decoration: none;
}

.info p a:hover {
	text-decoration: underline;
}

/*fin ribbon banner*/



/*****fin hamid****/

.highlight1 { background:#FF0; padding:2px 5px 2px 5px; color:#545454; }
.highlight2 { background:#999; color:#fff; padding:2px 5px 2px 5px; }
.highlight3 { background:#000; color:#fff; padding:2px 5px 2px 5px; }
.highlight4 { background:#fff; color:#545454; padding:2px 5px 2px 5px; }

.list1 li { margin:0 0 0 20px; padding:3px 0 3px 0; list-style:circle; }
.list2 li { margin:0 0 0 20px; padding:3px 0 3px 0; list-style:disc; }
.list3 li { margin:0 0 0 20px; padding:3px 0 3px 0; list-style:square; }


ol.list4 li{ margin:0 0 0 20px; padding:3px 0 3px 0; list-style:decimal; }
ol.list7 li{ margin:0 0 0 20px; padding:3px 0 3px 0; list-style: upper-alpha; }
ol.list8 li { margin:0 0 0 20px; padding:3px 0 3px 0; list-style: lower-alpha; }
ul.list5 li { margin:0 0 0 20px; padding:3px 0 3px 0; list-style:square; }
ul.list6 li { margin:0 0 0 20px; padding:3px 0 3px 0; background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat; font-weight:bold; list-style:none; }
/*ul.list6 li { padding:0 0 0 10px;  margin:0 0 5px 0; background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat; font-weight:bold; }*/

/* ---------------------------------------------------------------------- */
/* Lists
/* ---------------------------------------------------------------------- */
ul.arrow,
ul.circle,
ul.square,
ul.check,
ol.decimal,
ol.upper-roman, 
ol.lower-alpha, 
ol.upper-alpha {
	margin-bottom: 20px;
}

ul.arrow ul, 
ul.circle ul,
ul.square ul,
ul.check ul,
ol.decimal ul,
ol.upper-roman ul,
ol.lower-alpha ul,
ol.upper-alpha ul {
	margin-left: 14px;	
}

ul.arrow ol, 
ul.circle ol,
ul.square ol,
ul.check ol,
ol.decimal, ol.decimal ol,
ol.upper-roman, ol.upper-roman ol,
ol.lower-alpha, ol.lower-alpha ol,
ol.upper-alpha, ol.upper-alpha ol {
	margin-left: 18px; 	
}

ul.arrow li,
ul.circle li,
ul.square li,
ul.check li,
ol.decimal li,
ol.upper-roman li, 
ol.lower-alpha li, 
ol.upper-alpha li {
	margin-bottom: 5px;
}

ul.arrow ul li:first-child, ul.arrow ol li:first-child,
ul.circle ul li:first-child, ul.circle ol li:first-child,
ul.square ul li:first-child, ul.square ol li:first-child, 
ul.check ul li:first-child, ul.check ol li:first-child,
ol.decimal ol li:first-child, ol.decimal ul li:first-child,
ol.upper-roman ol li:first-child, ol.upper-roman ul li:first-child, 
ol.lower-alpha ol li:first-child, ol.lower-alpha ul li:first-child, 
ol.upper-alpha ol li:first-child, ol.upper-alpha ul li:first-child {
	margin-top: 5px;
}

/* Unordered Lists */

ul.arrow li {
	background: url(../images/bullets-and-arrows/arrow-right.png) no-repeat left 0.416em; /* 5px */
	padding-left: 11px;	
}

ul.circle li {
	background: url(../images/bullets-and-arrows/circle.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;	
}

ul.square li {
	background: url(../images/bullets-and-arrows/square.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;	
}

ul.check li {
	background: url(../images/bullets-and-arrows/check.png) no-repeat left 0.333em; /* 4px */
	padding-left: 17px;	
}

/* Ordered Lists */

ol.decimal {
	list-style: decimal;	
}

ol.upper-roman {
	list-style: upper-roman;	
}

ol.lower-alpha {
	list-style: lower-alpha;	
}

ol.upper-alpha {
	list-style: upper-alpha;	
}



/* ------------------------------- 3.HOME PAGE --------------------------------*/
/* Content news blocks */
#boxHello { background:#f4f4f2; text-align:center; }/*ebebeb*/
#hello { width:910px; margin:auto; padding:15px 25px 35px 25px; }
#hello p { margin:0; padding:0;	color:#616161; font-size:18px; letter-spacing:-1px;}
#hello p b { font-weight:bold; }

/* Content news blocks */
.news-ham { margin:0; padding:0; }
.news { margin:0; padding:3px 0 7px 0; }
.news .newsH h1 { font-size:17px; padding:0 0 0 0; letter-spacing:-0.5px;  }
.news .newsH h6 { font-size:15px; padding:0 0 0 0; letter-spacing:0px;  }/*letter-spacing:-0.5px;*/
.news .newsH h1x { font-size:17px; padding:0 0 0 0; letter-spacing:-0.5px;  }
.news .newsI { padding:0 20px 0 0; float:left; }
.news .newsI img { margin:0; padding:0 0 8px 0; background:url(../gfx/theme1/images/shadow4.png) bottom no-repeat; font-size:1px; line-height:0; }/*padding 10px*/

.news .newsM { width:393px;	float:left; }
.news .newsM1 { width:440px;	float:left; }/*moi width:320px*/
.news .newsD { padding:2px 0 0 0; }
.news .newsD a { padding:0 5px 0 0; }  
.news .newsD a:hover {  }
.news .newsT { padding:10px 0 15px 0; line-height:16px; }

/* Content Slider */
/* Main Container */
.main_view { float: left; position: relative; margin:0 0 0 0; }
/* Window/Masking Styles */
.window { border:1px solid #dddddd;	height:270px; width: 278px; overflow: hidden; position: relative; }
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img {float: left;}

/* Paging Styles */
.paging { position: absolute; bottom: 1px; right:0;
	width: 228px; height:60px; z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;	line-height: 77px;
	padding:0 0 0 50px;	margin:0 1px 0 1px;
	background: url(../gfx/theme1/images/pagin.png) right top no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/ }
.paging a span {display:none;}
.paging a { height:22px; width:22px; display:block;	float:left; 
	margin:21px 0 0 10px; padding:0;
	background:url(../gfx/theme1/images/bullets.png) 0 -22px no-repeat; }
.paging a.active { background:url(../gfx/theme1/images/bullets.png) 0 0px no-repeat; }
.paging a:hover { background:url(../gfx/theme1/images/bullets.png) 0 0px no-repeat; }

#bannerHorizontal { float:none; width:960px; margin:auto; }
#bannerHorizontal .window { width:960px; height:260px; margin:auto; overflow:hidden; border:none; }
#bannerHorizontal .paging { background:none;  margin:auto; padding:0 25px 0 0 ; text-align:right; width:auto; }

/* Content BoxGrid */
#boxgridG { width:910px; margin:auto; padding:20px 25px 0 25px; }
.boxgrid{ width: 280px; height: 120px; 
	margin:0; float:left; 
	padding:0 0 20px 0; background:url(../gfx/theme1/images/shadow2.png) bottom no-repeat;
	border:none; 
	overflow: hidden; position: relative; }
#boxgrid_center { margin:0 35px 0 35px; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ padding: 0 10px 0 10px; margin:0; font-size:12px; font-weight:normal; text-align:center; }
.boxgrid p a:hover { color:#000; }
.boxgrid .boxH { padding:28px 10px 5px 10px; font-size:20px; letter-spacing:-0.5px; text-align:center; font-weight:bold;}
.boxcaption{ float: left; position: absolute; 
	background: #000; height: 100px; width: 100%; }
.captionfull .boxcaption { top: 260px; left: 0; }
.caption .boxcaption { top: 220px; left: 0; }


/* ------------------------------- 4.BLOG MAIN --------------------------------*/
.headTab { padding:0 0 15px 0; border-bottom:1px solid #dddddd; }
.headTab2 h1 { letter-spacing:-1px; color:#364E37; }/*2786c2*/
.headTab2 h2 { color:#4c4c4c; font-weight:normal; font-size:17px; }
.headTab2 b {  }
	
#breadcrumb { padding:10px 0 0 0; color:#bfbfbf; }
#breadcrumb a { color:#bfbfbf; }
#breadcrumb a:hover { color:#282828; }
#breadcrumb span { padding:0 3px 0 5px; color:#dfdfdf; }
#breadcrumb .breadLast { color:#7b7b7b; }
#breadcrumb .breadcrumbRight { float:right; }
#breadcrumb .breadcrumbRight a { color:#7b7b7b; }
#breadcrumb .breadcrumbRight a:hover { color:#282828; }

.blog { padding:3px 0 20px 0; margin:0 0 0 0; border-bottom:1px solid #dddddd; }
.blog .blogHead h2 { font-size:20px; padding:0; margin:0; font-weight:bold; }
.blog .blogHead h3 { font-size:16px; padding:0; margin:0; font-weight:bold; }
.blog .blogImg { padding:20px 0 0 0; }
.blog .blogText { padding:20px 0 0 0; }
.blog .blogText p { padding:0; margin:0; font-size:13px; line-height:20px; }
.blog .blogText ul li { margin:0 0 0 20px; font-size:13px; list-style-type:decimal; line-height:20px;}
.blog .blogText ul li ul li { list-style-type:square;}
.blog .blogText span { font-size:16px; padding:0; margin:0; font-weight:bold;}

.blog .blogMore { padding:20px 0 0 0; }
.blog .blogMore ul li { float:left; } 
.blog .blogMore ul li p { margin:0; padding:3px 0 0 10px; }
.blog .blogMore ul .blogDate { width:435px; }
.blog .blogMore ul .blogShare { float:right; }
.blog .blogMore ul .blogShare a { color:#fd3f14; } .blog .blogMore ul .blogShare a:hover { color:#282828; }
.blog .blogMore ul .blogShare img { padding:0 0 0 3px; }
.blogRightM .share { color:#fd3f14; }

.blogPages { padding:15px 0 0 0; color:#dddddd; }
.blogPages a { padding:0 0 0 0; }
.blogPages .bOff { color:#545454; }
.blogPages .blogLeft { float:left; width:110px; }
.blogPages .blogCenter { float:left; width:375px; text-align:center; }
.blogPages .blogCenter a { padding:0 5px 0 5px; }
.blogPages .blogRight { float:left; width:110px; text-align:right;}
	
.blogRight .headTab { padding:35px 0 15px 0; }
.blogRight .blogRightM { padding:15px 0 0 0; } /*1) 15px*/
.blogRight .blogRightM p { padding:0; margin:0; }
.blogRight .blogRightM ul li { clear:both; padding:0 0 5px 0px; margin:0 0 5px 0; border-bottom:1px solid #eaeaea; /*background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat;*/ }
.blogRight .blogRightM ul li a { float:left; width:215px; padding:0 ; text-align: center; }/*WIDTH 215PX text-align:justify;*/
.blogRight .blogRightM ul li span { width:35px; float:left; text-align:right; padding:0 0 0 5px; color:#818181;  }/*WIDTH 35PX*/

.blogRight .blogRightM ul li ul { margin:0; padding:0; }
.blogRight .blogRightM ul li ul li { 
	clear:both; 
	padding:5px 0 0 10px; margin:5px 0 0 10px; 
	border-top:1px solid #eaeaea; border-bottom:none; 
	background:url(../gfx/theme1/buttons/li.gif) 3px 8px no-repeat; }



/********rajout hamid************/	

.imagedropshadow { padding: 10px; border: solid 1px #E0E0E0; background:#FFF; } 
a:hover img.imagedropshadow { border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

.polaroid {
  position: relative;
  width: 220px;
}
 
.polaroid img {
  border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;
}
 
.polaroid p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 10px;
  font: 400 18px/1 'Kaushan Script', cursive;
  color: #888;
}

/********rajout hamid************/
.blogRight .blogRightMb { padding:0; } /*1) 15px*/
.blogRight .blogRightMb p { padding:0; margin:0; }
.blogRight .blogRightMb ul li { clear:both; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #eaeaea; /*background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat;*/ }
.blogRight .blogRightMb ul li a { float:left; width:190px; padding:0 0 0 10px; }/*WIDTH 215PX*/
.blogRight .blogRightMb ul li span { width:50px; float:left; text-align:right; padding:0 0 0 5px; color:#818181; }/*WIDTH 35PX*/

.blogRight .blogRightMb ul li ul { margin:0; padding:0; }
.blogRight .blogRightMb ul li ul li { 
	clear:both; 
	padding:5px 0 0 10px; margin:5px 0 0 10px; 
	border-top:1px solid #eaeaea; border-bottom:none; 
	background:url(../gfx/theme1/buttons/li.gif) 3px 8px no-repeat; }
/********************/
/********rajout hamid************/
.blogRight .blogRightMc { padding:0; margin:0 0 25px 0 } /*1) 15pxpadding*/
.blogRight .blogRightMc p { padding:0; margin:0; }
.blogRight .blogRightMc ul  { border-top:4px solid #28639E; border-bottom:1px solid #28639E; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; padding:0 0 10px 0;  }/*background:#F5F5F5  64A6D7   5F8C59*/
.blogRight .blogRightMc ul li { clear:both; padding:10px 0 5px 0; margin:0 0 5px 0;  /*background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat;*/ }
.blogRight .blogRightMc ul li a { float: left; width:100px; padding:0 0 0 10px; font-size:16px; }/*WIDTH 215PX*/
.blogRight .blogRightMc ul li span { width:120px; float:left; text-align:left; padding:0 0 0 5px; color:#818181; font-size:16px; font-weight:bold; }/*WIDTH 35PX*/

.blogRight .blogRightMc ul li ul { margin:0; padding:0; }
.blogRight .blogRightMc ul li ul li { 
	clear:both; 
	padding:5px 0 0 10px; margin:5px 0 0 10px; 
	border-top:1px solid #eaeaea; border-bottom:none; 
	background:url(../gfx/theme1/buttons/li.gif) 3px 8px no-repeat; }
/********************/

/********rajout hamid************/
.blogRight .blogRightMd { padding:0; margin:0; } /*1) 15pxpadding*/
.blogRight .blogRightMd p { padding:5px; margin:0; }
.blogRight .blogRightMd img { padding:0px; margin:0 75px 0 75px;  }
.blogRight .blogRightMd ul  {  border-top:4px solid #28639E; border-bottom:1px solid #28639E; border-left:1px solid #ccc; border-right:1px solid #ccc;  background:#fff;  padding:10px 0 10px 0; margin:0 0 25px 0; }/*background:#EDF0F2    #64A6D7   #5F8C59*/
.blogRight .blogRightMd ul li { clear:both; padding:5px 0 5px 0; margin:0 5px 0 0;  background:url(../gfx/theme1/buttons/li2.gif) 5px 13px no-repeat; }
/*.blogRight .blogRightMd ul li a { float: left; width:100px; padding:0 0 0 10px; font-size:16px; }WIDTH 215PX*/
.blogRight .blogRightMd ul li span {  float:left; text-align:left; padding:0 0 0 10px; margin:0 0 0 10px; color:#818181; font-size:16px; font-weight: 500; cursor: pointer;  }/*WIDTH 35PX*/

.blogRight .blogRightMd ul li ul { margin:0; padding:0; }
.blogRight .blogRightMd ul li ul li { 
	clear:both; 
	padding:5px 0 0 10px; margin:5px 0 0 10px; 
	border-top:1px solid #eaeaea; border-bottom:none; 
	background:url(../gfx/theme1/buttons/li.gif) 3px 8px no-repeat; }
/********************/


.blogRight .blogRightMtweet { padding:15px 0 0 0; }
.blogRight .blogRightMtweet p { padding:0; margin:0; }
.blogRight .blogRightMtweet ul li { clear:both; padding:0 0 5px 10px; margin:0 0 5px 0; border-bottom:1px solid #eaeaea; background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat; }
.blogRight .blogRightMtweet ul li a { float:left; width:200px; padding:0 0 0 10px; }
.blogRight .blogRightMtweet ul li span { width:50px; float:left; text-align:right; padding:0 0 0 5px; color:#818181; }

.blogRightM2 { padding:15px 0 0 0; }
.blogRightM2 p { padding:0; margin:0; }
.blogRightM2 ul li { padding:0 0 5px 10px; margin:0 0 5px 0; border-bottom:1px solid #eaeaea; background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat; }
.blogRightM2 ul li a { padding:0 0 0 10px; display:block; }
.blogRightM2 ul li span { padding:0 0 0 10px; }
.blogRightM2 ul li span i { color:#999; font-style:normal; }
.blogRightM2 ul li ul { margin:0; padding:0; }
.blogRightM2 ul li ul li { 
	padding:5px 0 0 10px; margin:5px 0 0 6px; 
	border-top:1px solid #eaeaea; border-bottom:none; 
	background:url(../gfx/theme1/buttons/li.gif) 3px 8px no-repeat; }
	
.blogRightM2 img { padding:0px 9px 9px 9px; margin:0 0  0;  }
#smallAdds img { padding:0px 5px 6px 6px; margin:0;  }

#flickr { text-align:center; }
#flickr img { margin:4px; }


/* ------------------------------- 5.BLOG DETAIL --------------------------------*/
.blog2 { padding:0 0 0 0; margin:0 0 20px 0; }
.blog2 .blogHead h2 { font-size:28px; font-weight:bold; }
.blog2 .blogImg { padding:20px 0 30px 0; background:url(../gfx/theme1/images/shadow.png) bottom no-repeat; } 
.blog2 .blogText { padding:20px 0 0 0; }
.blog2 .blogText p { padding:0 0 20px 0; margin:0; }
.blog2 .blogText blockquote p { padding:0 35px 20px 0;  background: url(../gfx/theme1/images/quoteright.png) bottom right no-repeat; }
.blog2 .blogMore { padding:20px 0 20px 0; border-bottom:1px solid #e9e9e9; }
.blog2 .blogMore ul li { float:left; } 
.blog2 .blogMore ul li p { margin:0; padding:0 0 0 0; }
.blog2 .blogMore ul .blogDate { width:550px; }
.blog2 .blogMore ul .blogDate p { margin:0; padding:0; }
.blog2 .blogMore ul .blogShare { float:right; }
.blog2 .blogMore ul .blogShare a { color:#fd3f14; } .blog .blogMore ul .blogShare a:hover { color:#282828; }
.blog2 .blogMore ul .blogShare img { padding:0 0 0 3px; }

.blogAbout { margin:20px 0 0 0; padding:15px 15px 15px 15px; background:#eeeeee; border:1px solid #cecece; }
.blogAbout .blogAboutLeft { float:left; width:80px; border:1px solid #d6d6d6;}
.blogAbout .blogAboutRight { float:left; width:451px; padding:0 15px 0 15px;}
.blogAbout .blogAboutRight h2 { padding:1px 0 10px 0; }
.blogAbout .blogAboutRight p { margin:0; padding:0; }

.blogAboutx { margin:20px 0 20px 0; padding:15px 15px 15px 15px; background:#eeeeee; border:1px solid #cecece; }
.blogAboutx1 { margin:20px 0 20px 0; padding:15px 15px 15px 15px; background:#ffffff; border:1px solid #cecece; }
.blogAboutx .blogAboutLeftx { float:left; width:150px; border:1px solid #d6d6d6;}
.blogAboutx1 .blogAboutLeftx { float:left; width:150px; border:1px solid #d6d6d6;}
.blogAboutx .blogAboutRightx { float:left; width:381px; padding:0 15px 0 15px;}
.blogAboutx1 .blogAboutRightx { float:left; width:381px; padding:0 15px 0 15px;}
.blogAboutx .blogAboutRightx h6 { padding:1px 0 10px 0; } /*h2*/
.blogAboutx1 .blogAboutRightx h6 { padding:1px 0 10px 0; } /*h2*/
.blogAboutx .blogAboutRightx p { margin:0; padding:0; }
.blogAboutx1 .blogAboutRightx p { margin:0; padding:0; }

.blogComments { margin:50px 0 0 0; }
.blogComments h2 { padding:0 0 0 0; margin:0; font-size:17px; font-weight:normal; }
.blogComments .blogAbout .blogAboutLeft { width:60px; }
.blogComments .blogAbout .blogAboutRight { width:471px; }
.blogComments .blogAbout { background:url(../gfx/theme1/images/comment.png) top left no-repeat; border:none; }
.blogComments .blogAbout .blogAboutRightH { font-size:13px; padding:0 0 9px 0 }
.blogComments .blogAbout .blogAboutRightH span { float:right; color:#7c7c7c;} .blogComments .blogAbout .blogAboutRightH span a { font-weight:normal; color:#7c7c7c;}

.blogReply { padding:8px 0 0 0; }
.blogReply img { padding:0 4px 0 0; }

.blogLevel2 .blogAbout { margin:10px 0 0 40px; }
.blogLevel2 .blogAbout .blogAboutRight { width:431px; }
.blogLevel3 .blogAbout { margin:10px 0 0 70px; }
.blogLevel3 .blogAbout .blogAboutRight { width:401px; }
.blogLevel4 .blogAbout { margin:10px 0 0 100px; }
.blogLevel4 .blogAbout .blogAboutRight { width:371px; }
.blogLevel5 .blogAbout { margin:10px 0 0 140px; }
.blogLevel5 .blogAbout .blogAboutRight { width:331px; }
.blogLevel6 .blogAbout { margin:10px 0 0 170px; }
.blogLevel6 .blogAbout .blogAboutRight { width:301px; }

.blogLeaveComment { padding:50px 0 0 0; }
.blogLeaveComment h2 { border-bottom:1px solid #dddddd; margin:0 0 15px 0; padding:0 0 10px 0; font-weight:normal; }
.blogLeaveComment ul li { padding:0 0 10px 0; color:#979797; }
.blogLeaveComment input { width:190px; padding:5px 5px 5px 25px; margin:0 8px 0 0; color:#707070; }
.blogLeaveComment #inputNews { background:#fff url(../gfx/theme1/buttons/inputPerson.gif) left repeat-x; }
.blogLeaveComment #inputPerson { background:#fff url(../gfx/theme1/buttons/inputPerson.gif) left repeat-x; }
.blogLeaveComment #inputPerson2 { background:#fff url(../gfx/theme1/buttons/inputPerson.gif) left repeat-x; }
.blogLeaveComment #inputPass { background:#fff url(../gfx/theme1/buttons/inputPass.gif) left repeat-x; }
.blogLeaveComment #inputPhone { background:#fff url(../gfx/theme1/buttons/inputPhone.gif) left repeat-x; }
.blogLeaveComment #inputWeb { background:#fff url(../gfx/theme1/buttons/inputWeb.gif) left repeat-x; }
.blogLeaveComment #inputMail { background:#fff url(../gfx/theme1/buttons/inputMail.gif) left repeat-x; }
.blogLeaveComment #inputMail2 { background:#fff url(../gfx/theme1/buttons/inputMail.gif) left repeat-x; }
.blogLeaveComment textarea { width:565px; height:96px; padding:5px 5px 5px 25px; color:#707070; background:#fff url(../gfx/theme1/buttons/textarea.gif) top left repeat-x;  }


/* ------------------------------- 6.PORTFOLIO --------------------------------*/
#portfolio { padding:15px 0 0 0; }
#portfolio .blogCenter { float:left; width:690px; text-align:center; }
#portfolio .blogCenter a:hover { background:url(../gfx/theme1/images/bullet2.png) 5px 3px no-repeat; }

#portfolio #BlogList a { height:8px; width:8px; font-family:tahoma; font-size:7px; padding:0 4px 0 4px; margin:0 4px 0 4px; background:url(../gfx/theme1/images/bullet2.png); }
#portfolio #BlogList a:hover { background:url(../gfx/theme1/images/bullet.png); }
#portfolio #BlogList .bOff { background:url(../gfx/theme1/images/bullet.png); }
#portfolio #BlogList a span { display:none; }

#portfolioList { padding:20px 0 35px 0; font-size:13px; text-transform:uppercase; color:#CCC; }
#portfolioList span { padding:0 5px 0 8px; }
#portfolioList a { font-weight:bold; }
#portfolioList .pOff { color:#545454; }

#projectsAll { }
.project { float: left; margin:10px 0 20px 0; overflow: hidden; position: relative; } .blogImg .project { margin:0 0 20px 0; } .newsI .project { margin:0; padding:0; }
.blog .project { float: left; margin:0 0 0 0; padding:0 0 30px 0; overflow: hidden; position: relative; background:url(../gfx/theme1/images/shadow.png) bottom no-repeat; }
.project a { display: block; position: relative; }
.project a img { left:0; position: relative; top:0; }
.project a span { display: none; height: 100%; padding: 0; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index: 100; }
.project a span { }
.project a span em { display: block; }
.dark-background {	color: #fff; }
.dark-background img { background: transparent; }
.dark-background em { color: #ccc; }

.projectLink { padding:15px 0 0 0; height:42px; font-size:16px; font-weight:bold; border-bottom:1px solid #e9e9e9; text-align:center; }
.projectLink span { display:block; font-weight:normal; font-size:12px; color:#999; }
.center { margin:10px 35px 0 35px; }

#portfolioBG { margin:0 0 0 0; padding:20px 0 0 0; }
#portfolioBG .project { padding:0; margin:0px 0 20px 0; }

#portfolioDetailHead h1 { color:#2786c2; }
#portfolioDetail { padding:0 0 20px 0; margin:0; }
#portfolioDetail .blogCenter { float:left; text-align:center; }
#portfolioDetail .blogCenter a { padding:0 3px 0 0; }
#portfolioDetail .blogCenter a:hover { background:url(../gfx/theme1/images/bullet2.png) 0px 3px no-repeat; }


/* ------------------------------- 7.FULL PAGE --------------------------------*/
.fullContent { padding:15px 0 0 0; }
.fullContent h1, .blog2 .blogText h1, .blog .blogText h1, .blogAbout h1, .blogComments h1, .blogLeaveComment h1 { font-size:19px; padding:0 0 15px 0; color:#4c4c4c;  }
.fullContent h2, .blog2 .blogText h2, .blog .blogText h2, .blogAbout h2, .blogComments h2, .blogLeaveComment h2 { font-size:17px; padding:0 0 15px 0; color:#4c4c4c;  }
.fullContent h3, .blog2 .blogText h3, .blog .blogText h3, .blogAbout h3, .blogComments h3, .blogLeaveComment h3 { font-size:14px; padding:0 0 15px 0; color:#4c4c4c;  }
.fullContent h4, .blog2 .blogText h4, .blog .blogText h4, .blogAbout h4, .blogComments h4, .blogLeaveComment h4 { font-size:12px; padding:0 0 15px 0; color:#4c4c4c;  }

.imgLeft { float:left; margin:5px 20px 20px 0; }
.imgRight { float:right; margin:5px 0 20px 20px; }

blockquote { padding:2px 35px 0 35px; margin:10px 0 10px 10px; width:50%; line-height:13px;  float:left; background: url(../gfx/theme1/images/quoteleft.png) top left no-repeat; font-style:italic; color:#848484; }
.qouteright { float:right; }
blockquote p { padding:0 35px 5px 0; background: url(../gfx/theme1/images/quoteright.png) bottom right no-repeat; }


/* ------------------------------- 8.ERROR + SITEMAP --------------------------------*/
.siteMap { padding:0 0 15px 15px; }
.siteMap p { padding:0; margin:0; }
.siteMap ul li { padding:0 0 0 10px;  margin:0 0 5px 0; background:url(../gfx/theme1/buttons/li2.gif) 3px 3px no-repeat; font-weight:bold; }
.siteMap ul li a { padding:0 0 0 10px;}
.siteMap ul li span { padding:0 0 0 10px; }
.siteMap ul li span i { color:#999; font-style:normal; }
.siteMap ul li ul { margin:0; padding:0; }
.siteMap ul li ul li {  font-weight:normal; padding:0 0 0 10px; margin:5px 0 0 6px;  border-bottom:none; background:url(../gfx/theme1/buttons/li.gif) 3px 3px no-repeat; }


/* ------------------------------- 9.CONTACT --------------------------------*/
#contactPhones1 span, #contactPhones2 span, #contactPhones3 span { float:right; color:#545454; }
#contactPhones1, #contactPhones2, #contactPhones3 { color:#979797; }
.infoline { color:#2786c2; font-size:33px; font-weight:bold; letter-spacing:-1px; }

.contactColumn { float:left; width:185px;  }
.contactColumn img { padding:0 0 20px 0; }
#columnCenter { margin:0 10px 10px 10px; }
#columnRight { margin:0 0 10px 10px; float:right; }
#columnCenter1 { margin:0 291px 10px 291px !important ;  } 
#columnRight1 { float:right;   }
#blogLeaveCommentContact { padding:10px 0 0 0; margin-bottom: 20px;   }

/***hamid****/
.contactColumnx { float:left; width:295px; margin:0 0 20px 0; }/*width:235px*/
.contactColumnx img { padding:0px 0 20px 0; } /*15px 0 20px 0*/
#columnCenterx { margin:0 20px 20px 0; } /*margin:0 20px 0 0;*/
/***************************/
#boxz {
  width:547px;
  /*height:380px;*/
  padding: 10px;
  background: #FBFDFC;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  /*font-size: 100%;*/
  line-height: 1.4em;
  float: left;
  margin:0 291px 10px 291px !important ;
}

#boxz p {font-size:14px; margin: 0; padding: 12px 0; }
#boxz span { color:#C90; text-shadow:#666; }

#boxz h2 {
  font-size: 16px;
  font-weight: 200;
}

#boxz h4  {
  margin-bottom: 0; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 10px; text-align:center; background:#E1E8E2;
}

#boxz img,
#tumblelog img {
  display: block;
  width: 100%;
}


.box1 {
  width:547px;
  /*height:380px;*/
  padding: 10px;
  background: #FBFDFC;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  /*font-size: 100%;*/
  line-height: 1.4em;
  float: left;
  margin-bottom:10px;
}

.box1 p {font-size:16px; margin: 0; padding: 12px 0; line-height:150% }
.box1 span { color:#C90; text-shadow:#666; }

.box1 h2 {
  font-size: 16px;
  font-weight: 200;
}

.box1 h4  {
  margin-bottom: 0; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 10px; text-align:center; background:#E1E8E2;
}

.box1 img,
#tumblelog img {
  display: block;
  width: 100%;
}


.box {
  margin: 5px;
  padding: 10px;
  background: #FBFDFC;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}





.box p {font-size: 12px; margin: 0; padding: 12px 0}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box h4 {
  margin-bottom: 0; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 0px;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.col2 {width: 217px}
/******************************/
.btn {
    display: inline-block;
    background-color: #fdc903;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 26px 8px 25px;
}

.btn:hover {
    background-color: #585757;
}

/* ------------------------------- 10.FOOTER --------------------------------*/
#footer { font-size:12px; margin:0;	background:#232323;	color:#5c5c5c; text-transform:uppercase; }
#footer a { color:#878787; }
#footer a:hover { color:#fff; }
#footer h2 { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #2e2e2e; font-size:13px; font-weight:bold; color:#e3e3e3; }
#footerPad { width:1150px; margin:auto; padding:20px 25px 20px 25px; }
.footerBlock { width:162px;	float:left;	margin:0 25px 0 0; }
.footerBlock1 { width:190px;	float:left;	margin:0 25px 0 0; }
.footerBlock2 { width:162px; float:left; margin:0;}
.footerBlock2 p { margin:0 0 10px 0; padding:0; }
.footerBlock ul li, .footerBlock2 ul li, .footerBlock1 ul li { margin:0 0 5px 15px; list-style:disc; }
.footerBlock .footerBul { width:81px; float:left; }

#footer .footerBlockConnect { width:610px;	float:none;	margin:0;}
.footerBlockConnect h2 { border:none; }
.footerBlockConnect ul li { margin:0 0 5px 0; }
.footerBlockConnect .footerBul { width:81px; float:left; }

#footerCopy { margin:25px 0 0 0; padding:0;	border-top:1px solid #2e2e2e; }
#footerLeft { width:575px; float:left; margin:15px 0 0 0; }
#footerRight { width:500px;	float:right ; margin:15px 0 0 0; text-align:right; }

/* Footer Favs icons */
#favTab2 { margin:0; padding:0 0 0 0;}
#favTab2 a span { display:none }
#favTab2 a { width:32px; height:32px; display:block; margin:0 11px 11px 0; background:url(../gfx/theme1/foot/favs2.png) no-repeat; }	
	
#favTab2 .face { float:left; } 
#favTab2 .face:hover { background-position:-32px 0; }

#favTab2 .twit { float:left; background-position:0 -32px; } 
#favTab2 .twit:hover { background-position:-32px -32px; }

#favTab2 .rss { float:left; background-position:0 -64px; } 
#favTab2 .rss:hover { background-position:-32px -64px; }

#favTab2 .flickr { float:left; background-position:0 -96px; margin:0 0 11px 0; } 
#favTab2 .flickr:hover { background-position:-32px -96px; }

#favTab2 .linkedin { float:left; background-position:0 -128px; } 
#favTab2 .linkedin:hover { background-position:-32px -128px; }

#favTab2 .myspace { float:left; background-position:0 -160px; } 
#favTab2 .myspace:hover { background-position:-32px -160px; }

#favTab2 .behance { float:left; background-position:0 -192px; } 
#favTab2 .behance:hover { background-position:-32px -192px; }

#favTab2 .blogger { float:left; background-position:0 -224px; margin:0 0 11px 0; } 
#favTab2 .blogger:hover { background-position:-32px -224px; }

/* SIDEBAR AND WIDGETS rajout hamid
------------------------------------------------------------- */

div.content div.sidebar {
	width: 225px;
	float: right;
	padding: 0 0 0 25px;
	background: #fFF url(../img/bg-sidebar.png) 0 0 repeat-y;
}

.sidebar .widget {
	margin: 0 0 30px 0;
}

.sidebar .widget h4 {
	color: #525a64;
	font-weight: normal;
	font-size: 18px;
	padding: 0 0 25px 0;
	margin: 0 0 10px 0;
	background: url(../img/bg-col-h4.png) 0% 100% no-repeat;
}

.sidebar div.widget ul {
	margin: 0 0 0 10px;
}

.sidebar div.widget ul li {
	line-height: 28px;
	background: url(../img/bg-dots.png) 0 100% repeat-x;
}

.sidebar div.widget ul li a {
	display: block;
	color: #797979;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows.png) 0 0 no-repeat;
}

.sidebar div.widget ul li a:hover {
	color: #9bb9d5;
	background-position: 0 -28px;
	text-decoration: none;
}

.sidebar div.twitter ul li {
	line-height: 18px;
	padding: 15px 0 15px 0;
}

.sidebar div.twitter ul li a {
	background: none;
	padding: 0;
	color: #9bb9d5;
	font-style: italic;
}

/* Popular posts */

.sidebar .popular ul li {
	overflow: hidden;
	padding: 15px 0 10px 0;
	line-height: 18px !important;
}

.sidebar .popular ul li h5 a {
	color: #434343;
	font-size: 12px;
	
}

.sidebar .popular ul li a {
	padding: 0 !important;
	background: none !important;
}

.sidebar .popular ul li img {
	float: left;
	margin: 0 9px 15px 1px;
}

.sidebar .popular ul li em {
	font-size: 10px;
	color: #797979;
}

.sidebar .popular ul li small a {
	color: #797979;
}

/* Content */

div.content {
	background: #fff url(../img/bg-content.png) repeat-y;
	padding: 0 0 35px 0;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

div.content-full {
	background: #fff;
	padding: 25px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

div.content pre {
	display: block;
	margin-bottom: 15px;
	background: url(../img/bg-code.png) 100% 100% repeat-x;
}

div.content code {
	display: block;
	padding: 15px 5px;
	background: url(../img/bg-code.png) 0 0 repeat-x;
	letter-spacing: -1px;
}

div.content h3 {
	font-size: 18px;
	font-weight: normal;
	color: #5d626a;
	margin: 0 0 20px 2px;
}

div.content-full .column {
	float: left;
}

div.content-full .one_third {
	width: 265px;
	margin: 0 55px 25px 0;
}

div.content-full .two_third {
	width: 585px;
	margin: 0 55px 25px 0;
}

div.content-full .one_half {
	width: 435px;
	margin: 0 40px 25px 0;
}

div.content-full .one_fourth {
	width: 201px;
	margin: 0 35px 25px 0;
}

div.content-full .three_fourth {
	width: 673px;
	margin: 0 35px 25px 0;
}

div.content-full div.final {
	margin-right: 0 !important;
}

div.content .one_third {
	width: 265px;
	margin: 0 55px 25px 0;
}

div.content .two_third {
	width: 585px;
	margin: 0 55px 25px 0;
}

div.content .one_half {
	width: 435px;
	margin: 0 40px 25px 0;
}

div.content .one_fourth {
	width: 201px;
	margin: 0 35px 25px 0;
}

div.content .three_fourth {
	width: 673px;
	margin: 0 35px 25px 0;
}

div.content div.final {
	margin-right: 0 !important;
}

div.content ul.good {
	margin: 20px 10px;
}

div.content ul.good li {
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows-colored.png) 0 4px no-repeat;
}

div.content ul.bad {
	margin: 20px 10px;
}

div.content ul.bad li {
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows-colored.png) 0px -20px no-repeat;
}

div.content a.btn_link {
	display: inline-block;
	margin: 0 0 15px 0;
	background: url(../img/btn-grey.png) 0 0 no-repeat;
}

div.content a.btn_link span {
	display: block;
	height: 32px;
	line-height: 30px;
	padding: 0 17px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	background: url(../img/btn-grey.png) 100% 100% no-repeat;
}

div.content a.btn_link:hover {
	text-decoration: none;
}