/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
    background-color: #e8e8e8;
    color: #726B5E;
    font-family: "Helvetica", Arial;
    font-size: 12px;
    padding: 20px;
}

.center{
    text-align: center !important;
}

ul{
    margin: 0;
    padding: 0;
}

ul li{
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

@font-face {
    font-family: 'sakkal_majallaregular';
    src: url('fonts/majalla-webfont.eot');
    src: url('fonts/majalla-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/majalla-webfont.woff2') format('woff2'),
         url('fonts/majalla-webfont.woff') format('woff'),
         url('fonts/majalla-webfont.ttf') format('truetype'),
         url('fonts/majalla-webfont.svg#sakkal_majallaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'traditional_arabicregular';
    src: url('fonts/trado-webfont.eot');
    src: url('fonts/trado-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trado-webfont.woff2') format('woff2'),
         url('fonts/trado-webfont.woff') format('woff'),
         url('fonts/trado-webfont.ttf') format('truetype'),
         url('fonts/trado-webfont.svg#traditional_arabicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'ArabicTypesetting';
  src: url('fonts/ArabicTypesetting.eot?#iefix') format('embedded-opentype'),  url('fonts/ArabicTypesetting.woff') format('woff'), url('fonts/ArabicTypesetting.ttf')  format('truetype'), url('fonts/ArabicTypesetting.svg#ArabicTypesetting') format('svg');
  font-weight: normal;
  font-style: normal;
}

.arabe{
    font-family: Traditional Arabic, 'ArabicTypesetting', 'traditional_arabicregular', 'sakkal_majallaregular',   Arial;
    direction:rtl;
}

.arabic{
    font-family: Traditional Arabic,  'ArabicTypesetting', 'traditional_arabicregular',  'sakkal_majallaregular', Arial;
}

.left{
    float: left;
}

.right{
    float: right;
}

.rtl{
    text-align: right;
}

/* HEADER */

header p{
    margin: 30px 0 20px 0;
}

header .logos{
    display: block;
    margin-top: 30px;
}

/* /HEADER */

/* CONTENT */

#content .selecteur{
    float: right;
}

#content .selecteur#temps li{
    text-align: center;
    padding: 10px 15px;
}

#content .selecteur#temps li b{
    display: block;
}

#content .selecteur#temps li span{
    float: none;
}

#content .selecteur li{
    float: left;
    padding: 10px 8px 10px 25px;
    background-color: #f1f1f1;
    cursor: pointer;
    opacity: 0.4;
}

#content .selecteur li.active{
    opacity: 1;
}

#content .selecteur li span{
    font-weight: bold;
    float: left;
    line-height: 16px;
}

#content .selecteur li span.arabe{
    font-size: 20px;
}

#content .selecteur li i{
    display: inline-block;
    width: 19px;
    height: 19px;
    float: left;
    margin: 0 0 0 6px;
}

.en_pict{
    background: url("../img/en_pict.png") no-repeat scroll 0 0 transparent;
}

.ar_pict{
    background: url("../img/ar_pict.png") no-repeat scroll 0 0 transparent;
}

.fr_pict{
    background: url("../img/fr_pict.png") no-repeat scroll 0 0 transparent;
}

.more_pict{
    background: url("../img/more_pict.png") no-repeat scroll 0 0 transparent;
}

.contenu{
    background-color: #f1f1f1;
    clear: both;
    padding: 30px 25px;
    display: none;
}

.contenu.active{
    display: block;
}

.rtl input[type=text]{
    text-align: right;
}    
    
#accueil input[type=text]{
    padding: 0 10px;
    line-height: 36px;
    height: 36px;
    font-size: 16px;
	/*
    margin-right: 17px;
    */
    border-radius: 5px;
    border: 0;
    box-shadow: 0 0 0.7px 0.3px #929292;
    width: 100%;
}

#accueil input[type=submit]{
    border: 0;
    padding: 0 23px;
    text-align: center;
    color: #726B5E;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    background-color: #FFF;
    box-shadow: 0 0 0.7px 0.3px #929292, inset 0.2px -3px 7px rgba(114, 107, 94, 0.23);
    width: 100%;
}

#accueil h1{
    margin: 0;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
}

#accueil h2{
    margin: 0;
    font-size: 26px;
    float: right;
    font-weight: 400;
}

#accueil form{
    margin: 200px auto;
    width: 65%;
}

#accueil p.arabic{
    font-size: 20px;
}

#accueil p{
    margin-bottom: 0;
    font-size: 16px;
}

#accueil p.arabe{
    font-size: 21px;
}

.autocomplete{
    background-color: white;
    display: none;
    left: 15px;
    position: absolute;
    right: 17px;
    top: 39px;
    padding: 10px 20px;
    box-shadow: 0 0 0.7px 0.3px #929292;
    border-radius: 5px;
}

.autocomplete span{
    display: inline-block;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}

.autocomplete span:hover{
    opacity: 0.8;
}


/* /CONTENT */

/* FOOTER */

footer{
    margin-top: 30px;
    text-align: center;
}

.more_pict{
    display: inline-block;
    float: left;
    width: 19px;
    height: 19px;
}

#footer_accueil p{
    display: inline-block;
}

#footer_accueil a{
    font-weight: bold;
    display: inline-block;
    color: #726B5E;
    margin-right: 6px;
    float: left;
}

#footer_accueil a span{
    float: left;
    margin-right: 6px;
}

#footer_accueil .arabe{
    font-size: 16px;
    float: left;
}

#footer_about_us a{
    font-weight: bold;
    font-size: 18px;
    color: #726B5E;
    line-height: 18px;
}

#footer_about_us a:not(.arabe){
    padding-left: 25px;
    background: url("../img/btn_suivant.png") no-repeat scroll 0 center transparent;
}

#footer_about_us a.arabe{
    padding-right: 25px;
    background: url("../img/btn_precedent.png") no-repeat scroll right center transparent;
    font-size: 24px;
}

/* /FOOTER */

/* ABOUT US */

#aboutus p{
    margin-bottom: 20px;
    font-size: 12px;
}

#aboutus p b{
    display: block;
}

#aboutus h1{
    margin: 0 0 15px 0;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
}

#aboutus p.arabe{
    font-size: 18px;
}

#aboutus h1.arabe{
    font-size: 30px;
}

/* /ABOUT US */

/* TABLE */

#table{
    text-align: center;
}

#table h1{
    text-align: center;
    margin: 0;
}

#table.fullarabe{
    font-family: 'sakkal_majallaregular', 'ArabicTypesetting', 'traditional_arabicregular', Arial;
}

#table h2{
    text-align: center;
    margin: 0 0 5px 0;
    color: #726B5E;
    font-size: 21px;
    font-weight: 400;
}

#table .border{
    text-align: center;
    border: 1px solid #dcdbd9;
    font-size: 15px;
}

.bg_color_white{
    background-color: white;
}

.bg_color_beige{
    background-color: #d8d6d4;
}

#table table th{
    text-align: center;/* Style for " " */
    color: #726B5E;
    font-size: 21px;
    font-weight: 400;
}

#table > table > tbody > tr > td{
    border: 1px solid #dcdbd9;
}

#table td{
    font-size: 21px;
}

.th_20{
    width: 20%;
}

/* /TABLE */

@media (min-width:768px){
    body{
        padding: 40px;
    }
    
    /* CONTENT */
    
    #accueil form{
        margin: 100px auto;
        width: 85%;
    }
    
    /* CONTENT */
}

@media (max-width:767px){

    /* HEADER */

    #header{
        text-align: center;
        margin-bottom: 20px;
    }
    
    header .logos{
        margin: 30px auto 0;
    }

    /* /HEADER */
    
}

@media (min-width:992px){

    /* CONTENT */
    
    #accueil form{
        margin: 100px auto;
        width: 65%;
    }
    
    /* CONTENT */
    
}

#rtl-support .tt-dropdown-menu {
  text-align: right;
}