@font-face {font-family: 'GE SS'; src: url('fonts/ge-ss-med.eot');}
@font-face {font-family: 'GE SS'; src: url(//:) format('no404'), url('fonts/ge-ss-med.ttf') format('truetype'); font-weight: normal; font-style: normal;}
/*****************************************************/
 @font-face {
  font-family: 'Kufi';
  font-style: 400;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}
@import url('https://fonts.googleapis.com/css?family=Lateef&subset=arabic');

/*********************************************************************/
* {
direction: rtl;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* this file was created by Farid Daghnouche tel: +213662062201;
/*body {
   font-family: 'GE SS' , Arial , Tahoma;
}*/
.clearfix {
    clear: both;
}
.headerBig {
    position:fixed;
    width: 100%;
        background: #0653a1;
    color: #00ccff;
    font-size: 25px;
    font-weight: bold;
    margin: auto;
    text-align: center;
    padding: 30px;
    font-family: 'GE SS' , Arial , Tahoma;
    font-weight: normal;
    z-index: 1;
   /* display: none*/
    

}

nav {
    position: fixed;
    width: 100%;
    top: 150px;
    background: #9bbad9;
    z-index: 1;
      margin-bottom: 20px;
    /*display: none*/
    
}
nav ul {
    
    list-style: none;
    margin: auto;
    padding: 15px;
    text-align: center;
    
}
nav ul li {
    
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    color: white;
        font-family: 'GE SS' , Arial , Tahoma;
    font-weight: normal;
   
}
          

nav ul li:after {
    content: " │";
    color: #e0eefb;
}

nav ul li:last-child:after {
    content: "";

}
nav ul li a:link {
    text-decoration: none;
    color: white;
    font-size: 25px;
}

nav ul li a:visited {
    text-decoration: none;
    color: black;
    font-size: 25px;
}
nav ul li a:hover {
    text-decoration: none;
    font-size: 25.4px;
    color: #fff;
}

/* div blue*/

.divBlue {
   position: relative;
   top:213px;
    /*z-index: 50;*/
    margin: auto;
     background: #00ccff;
    color: #000;
    width: 22%;
    padding: 10px;
    text-align: center;
  /*  margin-top: 10px;*/
    
    margin-bottom: 204px;
    font-size: 22px;
    font-weight: bold;
    font-family:  'Arial' , 'Tahoma';
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*-moz-border-bottom-left-radius: 50px;
    -moz-border-bottom-right-radius: 50px;*/
    border-bottom-right-radius: 5px;

}

.divBlue   .fda {
    font-size: 22px;
    color: #000;
    font-weight: bold;
}
    .divBlue  .fda a:link {
        text-decoration: none;
              color: white;
        font-weight: bold;
         }

  .divBlue  .fda a:visited {
        text-decoration: none;
        color: black;
      font-weight: bold;
      
    }
 .divBlue  .fda a:hover {
        text-decoration: none;
              color: black;/*#00f;*/
      font-size: 23px;
        font-weight: bold;
         }



.divBlue span {
    font-size: 16px;
}
    .divBlue span a:link {
        text-decoration: none;
              color: white;
        font-weight: normal;
    }
  .divBlue span a:visited {
        text-decoration: none;
        color: white;
        font-weight: normal;
    }



/* en div blue*/



.post {
    width: 70%;
    float: right;
    position: relative;
}
.post article header .spanART {
    font-size: 14px;
    color: #aaa;
    padding: 2px;
    font-weight: normal;
}
.post article {
     
    font-size: 30px;
        /*font-weight: bold;*/
    
}
.post article a:link {
         padding-right: 20px;
        text-decoration: none;
           /* font-weight: bold;    */
            color: #444;  
            font-family: 'Lateef';
            font-size: 30px;
}

.post article a:visited {
            color: #555; 
            font-size: 100%;
            font-weight:normal;
            font-size: 30px;
}
.post article a:hover {
            color: #aa0547;/* #60dbff; */
            font-size: 101%;
            font-weight: bold; 
}


.post article {
      background-color: #e7e7e7;
    border: 1px #ddd solid;
    margin: 15px
}

.post article header {
    background-color: #f2f9ff;
    padding: 10px;
    font-family: 'GE SS' , Arial , Tahoma;
    font-weight: normal;
    
}
.post article section {
    padding: 10px;
    
}

.post article .infoAuthor {
  color: #fff;
  font-weight: bold;

    border: 1px #0653a1 solid;
        background-color: #0653a1;
    font-family:  'Arial' , Tahoma;
}
.post article  .am1 {
    border: 1px #ffdb00 solid;
        background-color: #fbf9dd;
    font-family:  'Arial' , Tahoma;
}

.post article  .am2 {
     border: 1px #ade3be solid;
        background-color: #efffdb;
    font-family:  'Arial' , Tahoma;
}
.post article  .am3 {
     border: 1px #f4c6f0 solid;
        background-color: #ffeff2;
    font-family:  'Arial' , Tahoma;
}
.post article  .am4 {
     border: 1px #ccc solid;
        background-color: #eceaea;
    font-family:  'Arial' , Tahoma;
  
}
.post article  .am5 {
     border: 1px #ffb2dc solid;
        background-color: #fff4fa;
    font-family:  'Arial' , Tahoma;
  
}

.post article .am1 ul {
    list-style: none;
       
}
.post article .am1 ul li {
           display: inline-block;
            font-family:  'Arial' , Tahoma;
}

.post article .am2 ul {
    list-style: none;
    display: inline-block
}
.post article .am2 ul li {
        display: inline-block;
            font-family:  'Arial' , Tahoma;
}

.post article .am3 ul {
    list-style: none;
    display: inline-block
}
.post article .am3 ul li {
        display: inline-block;
            font-family:  'Arial' , Tahoma;
}

.post article .am4 ul {
    list-style: none;
    display: inline-block
}
.post article .am4 ul li {
        display: inline-block;
           font-family:  'Arial' , Tahoma;
        /*font-family: 'kufi'*/
}

.post article .am5 ul {
    list-style: none;
    display: inline-block
}
.post article .am5 ul li {
        display: inline-block;
           font-family:  'Arial' , Tahoma;
        /*font-family: 'kufi'*/
}


aside  {
    
    width: 30%;
    float: left;
    
    
}


article header h3 {
   
    font-size: 30px;
    font-weight: bold
}
aside  section {
    background: #00ccff;
    color: white;
    /*margin: 15px;*/
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-left: 15px;
    box-shadow: 7px 7px #ddd;
 }



aside  section header {
    background: #0653a1;
    color: #00ccff;
    font-size: 40px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    font-family: 'GE SS' , Arial , Tahoma;
    font-weight: normal;
}
aside  section ul {
    list-style: none;
    padding: 25px;
    padding-bottom: 10px;
    text-align: right;
    font-size: 25px;
    outline: 1px;
    font-family:  'Arial' , Tahoma;
    
}

aside  section ul li a:link {
  text-decoration: none;
      font-size: 25px;
    font-weight: bold;
    color: black;
    
}

aside  section ul li a:visited {
  text-decoration: none;
      font-size: 25px;
    color: black;
    
}
aside  section ul li a:hover {
  text-decoration: none;
      font-size: 26px;
    color: white;
    
}

.bahthGoogle header {
   background: #eee;
   color: #888;
}

input.gsc-input {
    border-color: #0967ba;
    color: #f00;
    font-size: 25px;
    height: 50px;
    font-weight: bold;
  }


footer {
    
    top: 200%;
    background-color: #000;
    color: #bbb;
    margin: auto;
    text-align: center;
    padding:20px;
    font-family: 'arial'
}



.imageBook {
    
    width: 30%;
    /*float: left;*/
   /* display: block;*/
    border: 1px #000 solid;
  /* margin: 20px;*/
    
}
/*** aside****/




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

footer {
    font-family: 'GE SS' , Arial , Tahoma;
    font-weight: normal;
    font-size: 17px;
}

 footer  a:link {
        text-decoration: none;
        color:#0f0;
    }
 footer   a:hover {
        color:#00ccff;
    }
 footer  a:visited {
        color:#0f0;
    }
/*************************************************************************************/
/* mobile ****************************************/
/*
@media screen and (max-width: 960px) {
aside {
float: inherit;
width: 100%;
    }
    .post {
        width: 100%;
        
    }
    
body .divBlue {
    background: #00ccff;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: auto;
    font-size: 15px;
    font-weight: bold;
}

  nav ul li {
    display: block;
}
    nav ul li:after {
    content: "";
       }
    */
 @media only screen and (max-width: 1024px) {
      aside {
float: bottom;
width: 100%;
    }
    .post {
        width: 100%;
        
    }
    
body .divBlue {
    background: #00ccff;
    position: relative;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: auto;
    top: 166px;
    margin-bottom: 169px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Arial' , Tahoma;
    
}

     nav ul {
         display: none;
     }
  nav ul li {
    display:none;
      font-size: 30px; /*35px;*/
      font-weight: bold;
    font-family:  'GE SS' , 'Tahoma';
}
    nav ul li:after {
    content: "";
       }
     .post article header .spanART {
    font-size: 12px;
    color: #bbb;
    padding: 2px;
    font-weight: normal;
}
     
.post article .am1 ul {
    list-style: none;
    padding: 20px;
     display: block
}
.post article .am1 ul li {
         display: block;
          font-family: 'Amiri', serif;
}

.post article .am2 ul {
    list-style: none;
    padding: 20px;
     display: block
}
.post article .am2 ul li {
         display: block;
          font-family: 'Amiri', serif;
}

.post article .am3 ul {
    list-style: none;
    padding: 20px;
     display: block
}
.post article .am3 ul li {
        display: block;
         font-family: 'Amiri', serif;
}

.post article .am4 ul {
    list-style: none;
    padding: 20px;
     display: block;
     font-family: 'Amiri', serif;
}

.post article .am4 ul li {
    display: block;
     font-family: 'Amiri', serif;
     }
.post article .am5 ul {
    list-style: none;
    padding: 20px;
     display: block;
     font-family: 'Amiri', serif;
}
.post article .am5 ul li {
    display: block;
     font-family: 'Amiri', serif;
     }
                                .post article {

                                    font-size: 45px;
                                    font-weight: bold;

                                }
     
                                .post article a:link {
                                                   color: #444; 
                                                    font-size: 100%;
                                                     font-family: 'Arial';
                                                     font-size: 51px;
                                 }

                                .post article a:visited {
                                            color: #555;
                                            font-size: 100%;
                                            font-weight:normal;
                                }
                                .post article a:hover {
                                            color: #60dbff; 
                                            font-size: 100%;
                                            font-weight: bold; 
                                }
   
     aside section ul li a:link {
                color: white;
              font-family: 'Amiri','Arial';
             font-size: 30px;
     }

     aside section ul li a:visited {
         color: black;
             font-family: 'Amiri','Arial';
             font-size: 30px;
     }
    aside section ul li a:hover {
         color: aqua;
             font-family: 'Amiri','Arial';
             font-size: 31px;
     }

                                        .DAG {
                        font-size: 16px;                  
                        color: #f00;
                          border: 1px #eee solid;
                              background-color: #7d2730;
                          font-family:  'Arial' , Tahoma;
                      }
                      .post article .infoAuthor {
                            font-size: 16px;
                            font-weight: bold;
                            color:#00ccff;
                            background-color: #000;
                            border: 1px #000 solid
                      }
                      .divBlue {
     background: #00ccff;
    color: #000;
    width: 22%;
    padding: 10px;
    text-align: center;
    margin: auto;
    font-size: 22px;
    font-weight: bold;
    font-family:  'Arial' , 'Tahoma';
    -webkit-border-bottom-left-radius: 5000px;
    -webkit-border-bottom-right-radius: 5000px;
    /*-moz-border-bottom-left-radius: 50px;
    -moz-border-bottom-right-radius: 50px;*/
    border-bottom-right-radius: 5000px;

}
     
     aside  section {
    background: #00ccff;
    color: white;
 margin: 20px 17px;
    box-shadow: 7px 7px #ddd;
 }
     
    aside section:first-child header {
    background: #0653a1;
    color: #00ccff;
    font-size: 40px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    font-family: 'GE SS' , Arial , Tahoma;
    font-weight: normal;
/*    margin-top: 5020px;*/
    }