/*

#############################################################
#                Bismi Allah Arrahmani Arrahime             #
#     Author    =   Djamel Eddine Grana                     #
#     Contact   =   DjamelOnline@gmail.com                  #
#     Website   =   Www.DzSmartClass.Com                    #
#         Don't Remove This Comments ( CopyRights )         #
#############################################################
*/

		body {

  background-color: #ffffff;

		direction : rtl;
               font-family: 'Droid Arabic Kufi', serif;
		color :#030752;
               font-weight: bold;
               direction: rtl;
               padding: 5px;
               text-align: justify;
		font-size : 15px;
		margin : 0;
		}


		#chechar_body {
		width : 958px;
		padding : 2px;
		position : relative;
		margin : 0 auto;
		}
        .sourareadindex {

        width: 100%;
        margin-right: auto;
        margin-left: auto;

        }
        .siteuses {
         text-align: right;
        }

        .top-rand{
         background: url(images/Untitled-1_01.png) no-repeat top center;
         height: 34px;
         width: 500px;
         margin: 0 auto;
        }
        .middle-rand{

         height: 133px;
         width: 500px;
         margin: 0 auto;
         font-size: 12px;
         font-weight: bold;
        }
        .inmiddle-rand{
          padding: 2px 15px 5px 5px;
          text-align: center;

        }
        .lec {

        }

        .bottom-rand{
         background: url(images/Untitled-1_03.png) no-repeat center;
         height: 33px;
         width: 500px;
         margin: 0 auto;
        }

		.advertlast {
		padding : 10px;
		color : #000000;
		text-align : center;
		}
        .showinfoforreader {
          padding: 10px;
         background: #F8F8F8;
         border: 1px dotted #D5D5D5;

          width: 100%;
        }

		.email {
		color : #222222;
		text-decoration : underline;
		font-weight : bold;
		text-align : center;
		padding : 10px;
		}
		.centerw3c {
		border: 2px solid #eeeeee;
		padding: 10px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 15px;
		}
		.centerw3c a{
		text-decoration: none;
		}
		.tdsouraname {
		width : 60%;
                height: 80px;
		}
		.tdsouralianddo {
		width : 20%;
		}
		.table03 {
		float : right;
		width : 250px;
		}
		.table05 {
		margin-right : auto;
		margin-left : auto;
		}
		.centerclass {
		text-align : center;
		}
		#sir a {
		color : #6666ff;
		font-weight : bold;
		text-decoration : none;
		}
		#sir a:hover {
		text-decoration : blink;
		}
		.readers {
		float : right;
		margin : 10px;
		width : 120px;
		background : #A4A4A4;
	  	padding : 5px;
		text-align : center;
		border : 1px dotted #919191;
		}
        .contentofrightindex {

		padding-right : 0px;
		width : 620px;
		margin-right : 0px;

		}
		.souraread {
		padding : 15px;
		background : #eeeeee;
		width : 500px;
		margin-right : -15px;
		margin-top : 25px;
		border : 1px dashed #cccccc;
		text-align : center;
		color : #000000;
		}
		.sendmailtofriend1 {
		background : #FBF9F6;
		border : 1px dashed #cccccc;
		text-align : center;
		font-size : 14px;
		font-weight : bold;
		color : #0033ff;
		width : 20%;
		}
		.sendmailtofriend2 {
		background : #FBF9F6;
		border : 1px dashed #cccccc;
		text-align : center;
		font-size : 14px;
		font-weight : bold;
		color : #0033ff;
		width : 60%;
		}
		.sendmailtofriend1 a {
		text-decoration : none;
		color : #3366cc;
		}
		.sendmailtofriend1 img {
		border : none;
		}
		.sendmailtofriend2 a {
		text-decoration : none;
		color : #3366cc;
		}
		.sendmailtofriend2 img {
		border : none;
		}
		.readers:hover {
		background : #efefef;
		color : #313131;
		border : 1px dotted #202020;
		}
		.leplusvist {
		font-size : 12px;
		color : #161602;
		margin-right : 7px;
		border-right : 2px solid;
		padding : 5px;
		background : #FFFFE9;
		float : left;
		}
		.readers img {

		}
		.readers a {
		color : #111111;
		text-decoration : none;
		}
		.chechar_header {
		background : url(images/Image.webp) no-repeat center;
		height : 330px;
        width : 0 auto;
        margin: 0 auto;
		}
		.chechar_bar {
		clear : both;
		height : 55px;
                margin: 0 auto;
                width: 0 auto;
                margin-left: auto;
                margin-right: auto;
                display: flex;
                justify-content: center;
		padding : 13px 32px;
		background : url(images/Green.jpg) no-repeat center;
		}
        .chechar_bar2 {
        margin: 0 auto;
		clear : both;
		padding: 8px;
		background : #222222;
        color:#FFFFFF;
        text-align: left;
		}
        .chechar_bar2 img{
        border: none;
		}
        .chechar_bar2 a {
		color:#FFFFFF;
        text-decoration: none;
        font-size: 14px;
        border-left: 3px solid #CCCCCC;
        padding-left: 5px;
		}
		.chechar_bar ul {
		list-style : none;
		padding : 0;
		margin : 0;
		}
		.chechar_bar ul li {
		padding : 10px;
		margin : 0;
		display : inline;

		}
		.clear4 {
		clear : both;
		}
        .reglebar {
          margin-right: 120px;
        }

		.chechar_bar ul li a {
		float : right;

		display : block;
		width : auto ;
		height : 20px;
		padding : 2px 5 5 5;
		margin : 0 5px 0 0;
		font-size : 20px;
		text-align : center;
		text-decoration : none;
		color : #FFFFFF;
		font-weight : bold;
		outline : none;
                text-transform: uppercase;
		}
		.chechar_bar ul li a:hover {

		}
		.chechar_bar li.active a {

		}
        .checharq {
          text-align: left;
        }

		.chechar_readers_detail {
		padding : 10px;
		margin : 5px 10px 5px 5px;
		background : #ffffff;
		border : 2px solid #999999;
		display : none;
		color : #000;
		font-weight : bold;
		font-size : 14px;
		position : absolute;
		z-index : 1000;
		}
		.checharQQ {
		padding : 10px;
		margin : 5px 10px 5px 5px;
		background : #ffffff;
		border : 1px dotted #000000;
		display : none;
		color : #3366ff;
		font-weight : bold;
		position : absolute;
		z-index : 1000;
		}
		.headermsg {
		padding : 10px;
		border : 1px dashed #000066;
		background : #EEE5C8;
		font-size : 14px;
		font-weight : bold;
		margin : 5px;
		}
        .closea {
          float: left;
          border: none;
        }

		.msgclose {
		width : 760px;
		direction : rtl;
		text-align : center;
		font-weight : bold;
		border : 2px solid #000000;
		padding : 90px;
		background : #3366cc;
		color : #ffffff;
		margin-top : 20px;
		font-size : 18px;
		margin-right : auto;
		margin-left : auto;
		}
		.right {
		float : right;
		width : 295px;
		padding : 10px;
		margin-left : 10px;
		}
		.contenu {
		margin-right : 315px;
		width : auto;
		padding : 10px;
		border : 1px solid #eeeeee;
		}
		.tete {
		position : relative;
		right : -27px;
		background : url(images/tete.png) no-repeat right;
		height : 59px;
		text-align : right;
		font-size : 18px;
		color : #ffffff;
		}
		.contentofright {
		width : 273px;
		}
		.tete2 {
		position : relative;
		right : -28px;
		background : url(images/vv.png) no-repeat right;
		height : 59px;
		text-align : center;
		font-size : 18px;
		color : #ffffff;
		width : 680px;
		}
		.nameoftete2 {
		padding : 18px;
		font-size : 16px;
		font-weight : bold;
		}

		.tete3 {
		position : relative;
		right : -32px;
		background : url(images/vv.png) no-repeat right;
		height : 59px;
		text-align : center;
		font-size : 18px;
		color : #ffffff;
		width : 680px;
		}
		.tete3 img{
		border:none;
		}
		.nameoftete3 {
		padding : 16px;
		font-size : 16px;
		font-weight : bold;
		}



		.nameoftete1 {
		padding : 18px;
		font-size : 16px;
		font-weight : bold;
		}
		.contentofright2 {
		width : 572px;
		padding : 15px 20px 15px 15px;
		font-size : 16px;
		}

		#infoxfreader {
		text-align : center;
		}
		.tableinforeader {
        margin-top: 5px;
		margin-bottom : 5px;
		margin-right : auto;
		margin-left : auto;
        width: 100%;
        text-align: center;

		}
		.table02 {
		float : right;
		width : 250px;
		}

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

        .pollquestionAndChoices {
        padding: 5px;
        background: #EEEEEE;
        width : 252px;
        text-align: right;
        font-size: 14px;
        font-weight: bold;
        }
        #HereForm {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .pollelement {
          padding: 5px;
        }
        .pollelement a {
          margin: 10px 128px 10px 0px;
          color:#000000;
          text-decoration: none;
          padding: 5px;
          background: #CCCCCC;
          border: 1px dotted #888888;
        }

        #Comming {
          display: none;
        }

        .bar {
            height: 10px;
            margin: 5px;
            background: #FFCC33;

        }

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


		.tdinforeader {
		padding : 8px;
		text-align : center;
        border: 1px solid #888888;
		width : 598px;
		margin-right : auto;
		margin-left : auto;
        padding: 10px;

		}
        .likes {
        width:100%;
        position: static;
        left: 0;
        padding: 10px;
        text-align: center;
        border: 1px solid #BBBBBB;
        }
		.likes img{
		border: none;
        }

        .countlike {
          color: #FFFF66;
        }
        .question {
          color:#FFFFFF;
        }

		.sourceinfo {
		text-align : left;
		color : #444444;
		}
		.tdinforeader1 {
		width : 110px;
		padding : 8px;
		background : #ffffff;
		text-align : center;
		border : 1px dotted #d4d4d4;
		}
		.tdinforeader1 img {
		border : 8px solid #ffffff;
		}
		.tdinforeader2 {
		width : 600px;
		padding : 10px;
        text-align: justify;
        background: #FAFAFA;
		border : 1px solid #d2d2d2;
		}
		.nameoreder {
		text-align : center;
		padding : 8px;
		border : 5px solid #bbbbbb;
		margin : 0 0 5px 0;
         background: url(images/4648.jpg) no-repeat top center;
		color : #ffffff;
               font-family: 'Droid Arabic Kufi', serif;
		font-size : 30px;
		font-weight : bold;
		}
		.infooreader {
		padding : 5px;
		}
		.td300 {
		display : block;
		width : 60%;
		padding : 8px;
		background : #eeeeee;
		text-align : justify;
		border : 1px dotted #d4d4d4;
		float : right;
		float : left;
		}
		.td200 {
		width : 20%;
		padding : 8px;
		background : #eeeeee;
		text-align : justify;
		border : 1px dotted #d4d4d4;
		}
		.inforeader {
		margin : 0;
		padding : 0;
		}
		.contentofrightsourapaly {
		margin : 0 auto;
		width : 100%;
		}
		.tablemarin {
		margin-right : 70px;
		}
		.bb1 {
		padding : 5px;
		background : #dddddd;
		}
		.bb2 {
		padding : 5px;
		background : #dddddd;
		}
		.bb3 {
		padding : 5px 10px 5px 10px;
		background : #0066ff;
		color : #ffffff;
		font-weight : bold;
		font-family : tahoma;
		}
		.countdown {
		margin-top : 20px;
		margin-right : 70px;
		}
		.sendurf {
		text-align : center;
		background : #eeeeee;
		border : 1px solid #bbbbbb;
		margin : 20px;
		}
		.contentofright ul {
		margin : 0;
		padding : 0;
		list-style : none;
		}
		.contentofright ul li a {
		background : url(images/list_quote.png) no-repeat right;
		width : 225px;
		display : block;
		padding : 7px 20px 7px 7px;
		margin-right : 7px;
		text-decoration : none;
		border-bottom : 1px solid #dddddd;
font-family: 'Droid Arabic Kufi', serif;
  font-size: 18px;

  direction: rtl;
  text-align: justify;
		color : #030752;
		font-weight : bold;
		}
		.listright ul {
		margin : 0;
		padding : 0;
		list-style : none;
		}
		.listright ul li a {
		background : url(images/57.gif) no-repeat right;
		width : 225px;
		display : block;
		padding : 7px 20px 7px 7px;
		margin-right : 7px;
		text-decoration : none;
		border-bottom : 1px solid #dddddd;
font-family: 'Droid Arabic Kufi', serif;
  font-size: 15px;
		color :#030752;
		font-weight : bold;
		}
		.listright ul li a:hover {
		border-bottom : 1px dashed #fefefe;
		background : #FFFDBD url(images/57.gif) no-repeat right;
		padding-right : 20px;
		color : #030752;
		}
		.contentofright ul li a:hover {
		border-bottom : 1px dashed #fefefe;
		background : #c4c4c4 url(images/list_quote.png) no-repeat right;
		padding-right : 20px;
		color : #070707;
		}
		.checharcontent {
		border-right : 1px solid #eeeeee;
		border-left : 1px solid #eeeeee;
		}
		.bb4 {
		padding : 5px;
		font-family : Tahoma;
		color : #666666;
		font-weight : bold;
		}


		.err {
		margin-right : auto;
		margin-left : auto;
		margin-bottom : 5px;
		margin-top : 5px;
		padding : 70px 20px 20px 20px;
		width : 400px;
		border : 2px solid #333333;
		background : url(images/bup.png) no-repeat top;
		color : #ff0000;
		font-size : 14px;
		font-weight : bold;
		text-align : center;
		}
        .LikeR1 {
        color:#339933;
        font-weight: bold;
        font-size: 13px;
        text-decoration: none;
        text-align: left;
        width: 50%;
        }
        .LikeR2 a {
        color:#FFFF66;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        width: 50%;




        }
		.errmail {
		margin-right : auto;
		margin-left : auto;
		margin-bottom : 5px;
		margin-top : 5px;
		padding : 70px 20px 20px 20px;
		width : 400px;
		border : 2px solid #333333;
		background : url(images/mail-minus.png) no-repeat top;
		color : #ff0000;
		font-size : 14px;
		font-weight : bold;
		text-align : center;
		}
		.errmail a {
		color : #000000;
		}
		.donemail {
		margin-right : auto;
		margin-left : auto;
		margin-bottom : 5px;
		margin-top : 5px;
		padding : 70px 20px 20px 20px;
		width : 400px;
		border : 2px solid #006600;
		background : url(images/mail-check.png) no-repeat top;
		color : #ff0000;
		font-size : 14px;
		font-weight : bold;
		text-align : center;
		}
		.souars {
		text-align : center;
		border : 2px solid #222222;
		padding : 5px;
		float : right;
		margin-right : 15px;
		margin-bottom : 8px;
                font-family: 'Droid Arabic Kufi', serif;
                direction: rtl;
               padding: 4px;
		font-size : 15px;
		color :#030752;
		font-weight : bold;
		background : #CCE1C3;
		}
		.souars img {
		border : none;
		}
		.clear {
		clear : both;
		}
		.footer {
		padding : 10px;
		color : #666666;
		border : 1px solid #cccccc;

		background : url(images/dd.png);
		margin-top : 20px;
		}
		.footer a {
		color : #222222;
		}
	}
.header img {
  float: right;
  width: 40px;
  height: 40px;
  padding-top: 0px;
 padding-right: 10px;
  background: #555;
}

.header h1 {
  position: relative;
  top: 18px;
  left: 10px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}