@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: GE SS Two Medium;
    src: url("../Fonts/GE_SS_Two_Medium_1.eot"); /* EOT file for IE */
}

@font-face {
    font-family: GE SS Two Medium;
    src: url("../Fonts/GE_SS_Two_Medium_1.ttf"); /* TTF file for CSS3 browsers */
}


@font-face {
    font-family: Droid Arabic Kufi !important;
    src: url("../Fonts/DroidKufi-Bold.ttf"); /* EOT file for IE */
}

@font-face {
    font-family: Droid Arabic Kufi !important;
    src: url("../Fonts/DroidKufi-Regular.ttf"); /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Droid Arabic Kufi !important;
    src: url("../Fonts/DroidKufi-Bold.eot"); /* EOT file for IE */
}

@font-face {
    font-family: Droid Arabic Kufi !important;
    src: url("../Fonts/DroidKufi-Regular.eot"); /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Droid Arabic Kufi !important;
    src: url("../Fonts/DroidKufi-Bold.ttf.woff"); /* EOT file for IE */
}

@font-face {
    font-family: Droid Arabic Kufi !important;
    src: url("../Fonts/DroidKufi-Regular.ttf.woff"); /* TTF file for CSS3 browsers */
}

#borderimg2 {
    border: 10px solid transparent;
    margin-top: -10px;
    margin-right: -10px;
    -webkit-border-image: url(../images/border.png) 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border.png) 30 stretch; /* Opera 11-12.1 */
    -moz-border-image: url(../images/border.png) 30 stretch;
    border-image: url(../images/border.png) 30 stretch;
}

body {
    background-image: url(../images/bg.jpg);
    direction: rtl;
    font-family: Droid Arabic Kufi;
    background-position: top;
    background-repeat: repeat-x;
    background-color: #f1f1f1;
    overflow-x: hidden;
}
.cssFieldtextarea{
 width:500px ;
 height:200px;
}
.bloc_actu {
    background-image: url("../images/bg_question4.jpg");
    float: right;
    padding: 0;
    width: 100%;
}

.content_actu {
    float: right;
    padding: 10px;
    text-align: right;
    width: 97%;
    background-color: #E7E7E7;
}

.title_actu {
    float: right;
    padding: 10px;
    text-align: right;
}

.bloc_title_actu {
    background-image: url("../images/bg_question2.jpg");
    float: right;
    text-align: right;
    width: 100%;
}

.date_actu {
    float: left;
    padding: 10px;
    text-align: left;
    /*width: 20%;*/
}

.blocheader {
    background-image: url(../images/bglangue.jpg);
    background-repeat: repeat-x;
    height: 33px;
    line-height: 33px;
}

.imgrond {
    border-radius: 50%;
}

.imgrond1 {
    border-radius: 9%;
}

.header {
    height: 33px;
    line-height: 33px;
    width: 998px;
    margin: 0 auto;
}

.traithoriz {
    display: none;
}

.bloclange {
    height: 33px;
    line-height: 33px;
    width: 200px;
    float: right;
}

.code2 {
    float: left;
}

.code1 {
    float: right;
}

.code {
    float: right;
}

.bloclange a {
    text-decoration: none;
    color: #050b3f;
}

.traitInterne {
    position: absolute;
    height: 10px;
    background-color: #937011;
    z-index: -999;
    top: 185px;
    width: 100%;
}

.bgcontenueInterne {
    background-image: url(../images/bgcontenue.jpg);
    background-repeat: repeat-x;
    position: absolute;
    z-index: -999;
    top: 180px;
    width: 100%;
    height: 232px;
}

.ardh {
    color: #FFF;
    font-size: 18px;
    margin-right: 60px;
    margin-top: 20px;
}

.ardhspan {
    color: #92b0d7;
    font-size: 10px;
    margin-right: 60px;
    font-weight: bold;
    margin-top: 0px;
}

.ardhspan1 {
    color: #466997;
    font-size: 10px;
    margin-right: 60px;
    font-weight: bold;
    margin-top: 0px;
}


.pucetitre {
    background-image: url(../images/pucetitre.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
    float: right;
    line-height: 50px;
    margin-left: 20px;
}

.home {
    text-decoration: none;
    color: #01063e;
    font-size: 18px;
}

.titreactif {
    text-decoration: none;
    color: #937011;
    font-size: 18px;
}

.bgcontenue {
    background-image: url(../images/bgcontenue.jpg);
    background-repeat: repeat-x;
    position: absolute;
    z-index: -999;
    top: 560px;
    width: 100%;
    height: 232px;
}

.english {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.bgla {
    height: 33px;
    line-height: 33px;
    width: 49%;
    background-image: url(../images/bgla.jpg);
    background-repeat: repeat-x;
    float: right;
    margin-left: 1%;
    text-align: center;
}

    .bgla:hover {
        height: 33px;
        line-height: 33px;
        width: 49%;
        background-image: url(../images/bgla_hover.jpg);
        background-repeat: repeat-x;
        text-align: center;
    }

.ban {
    width: 100%;
    height: 363px;
    background-image: url(../images/banner/banner-01-09-2015.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 5px solid #9e7609;
}

.blocNews {
    width: 731px;
    float: right;
}

.bgvideo {
    background-color: #000;
    border-radius: 10px;
    height: 210px;
}

.blocVideo {
    width: 219px;
    float: left;
}

.bgnews {
    width: 998px;
    margin: 0 auto;
}

.partner {
    width: 100%;
    height: 96px;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-image: url(../images/truc3.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px;
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
}

.BlocInterne {
    width: 731px;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
    min-height: 200px;
}


.BlocInterneNews {
    width: 731px;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: -5px;
}

.lienblocinterne {
    text-decoration: none;
    color: #01063e;
    font-weight: normal;
    font-size: 16px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

    .lienblocinterne:hover {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
        color: #9e7609;
    }





.BlocInterne h1 {
    color: #937011;
    font-size: 15px;
}

.bgNews2 {
    height: 216px;
    width: 731px;
    margin: 0 auto;
    background-image: url(../images/truc2.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #FFF;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
}

.bgslogon {
    height: 230px;
    width: 998px;
    margin: 0 auto;
    background-size: 131px;
    background-image: url(../images/truc1.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #FFF;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 5px #000000;
    -webkit-box-shadow: 1px 1px 5px #000000;
    box-shadow: 1px 1px 5px #000000;
    margin-top: 25px;
}

.bglien {
    height: 33px;
    line-height: 33px;
    width: 420px;
    text-align: center;
    float: left;
}

    .bglien ul {
        margin: 0px;
        padding: 0px;
    }

    .bglien li {
        list-style: none;
        float: right;
        padding: 0px 10px;
        line-height: 33px;
    }

        .bglien li a {
            text-decoration: none;
            color: #4f4f4f;
            font-size: 12px;
        }

            .bglien li a:hover {
                text-decoration: none;
                color: #fff;
            }


.bgrecherche {
    height: 30px;
    line-height: 30px;
    width: 350px;
    text-align: center;
    float: left;
}

    .bgrecherche a {
        line-height: 30px;
        padding: 0 24px;
        font-family: Droid Arabic Kufi;
        font-size: 13px;
        width: 80px;
        background-color: #4d4d4d;
        border: 0;
        color: #FFF;
        background-image: url(../images/search.png);
        background-position: center left;
        background-repeat: no-repeat;
        text-decoration: none;
        padding-top: 2px;
        padding-bottom: 4px;
    }

    .bgrecherche input[type=text] {
        border: 1px solid #cbcbcb;
        line-height: 29px;
        padding: 0 5px;
        font-family: Droid Arabic Kufi;
        font-size: 12px;
        background-color: #f3f3f3;
    }

    .bgrecherche input[type=submit] {
        line-height: 31px;
        padding: 0 5px;
        font-family: Droid Arabic Kufi;
        font-size: 12px;
        width: 80px;
        background-color: #4d4d4d;
        border: 0px;
        color: #FFF;
        background-image: url(../images/search.png);
        background-position: center left;
        background-repeat: no-repeat;
    }

.bgreseau {
    height: 95px;
    width: 998px;
    margin: 0 auto;
}


.bgmenu {
    height: 60px;
    width: 100%;
    background-image: url(../images/bgmenu.jpg);
    background-repeat: repeat-x;
}

.reseau {
    width: 206px;
    float: left;
    line-height: 100px;
}

.bgdate {
    width: 280px;
    float: left;
    line-height: 100px;
    font-size: 12px;
}

.date {
    font-size: 12px;
    color: #F00;
}

.logo {
    background-image: url(../images/logo1.png);
    background-repeat: no-repeat;
    height: 148px;
    width: 264px;
    float: right;
    position: absolute;
    z-index: 9999999999;
    margin-top: 8px;
}
/**********Slider Top************/
.da-slider {
    width: 100%;
    min-width: 320px;
    height: 220px;
    position: relative;
    margin: 0px auto;
    overflow: hidden;
    -webkit-transition: background-position 1.4s ease-in-out 1s;
    -moz-transition: background-position 1.4s ease-in-out 1s;
    -o-transition: background-position 1.4s ease-in-out 1s;
    -ms-transition: background-position 1.4s ease-in-out 1s;
    transition: background-position 1.4s ease-in-out 1s;
}

.da-slide {
    position: absolute;
    width: 87%;
    height: 100%;
    top: 0;
    right: 0;
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    text-align: left;
    overflow: hidden;
}

.da-slide-current {
    z-index: 1000;
}

.da-slider-fb .da-slide {
    left: 100%;
}

    .da-slider-fb .da-slide.da-slide-current {
        left: 0;
    }

.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img {
    position: absolute;
    opacity: 0;
    left: 110%;
}

.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
    left: 10%;
    opacity: 1;
}

.da-slider-fb .da-slide .da-img {
    left: 60%;
    opacity: 1;
}

.da-content {
    text-align: right;
    width: 500px;
}


.da-slide h2 {
    color: #000;
    font-size: 28px;
    white-space: nowrap;
    top: -20px;
    z-index: 10;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-family: Droid Arabic Kufi !important;
    text-align: right;
    right: 280px;
    font-weight: normal;
}

.da-slide p {
    color: #3d3d3d;
    font-size: 13px;
    line-height: 26px;
    overflow: hidden;
    font-family: Droid Arabic Kufi !important;
    right: 280px;
    text-align: right;
    top: 40px;
}

.da-slide .da-img {
    width: 205px;
    height: 100%;
    float: right;
    right: 50px;
    top: 0;
    display: flex;
    align-items: center;
}

.da-slide .da-link {
    top: 270px; /*depends on p height*/
    border-radius: 30px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 8px solid rgba(255,255,255,0.8);
    padding: 2px 20px 0px;
    font-size: 18px;
    line-height: 30px;
    width: 80px;
    text-align: center;
    background: rgba(255,255,255,0.2);
}

    .da-slide .da-link:hover {
        background: rgba(255,255,255,0.3);
    }

.da-dots {
    width: 100%;
    position: absolute;
    text-align: left;
    left: 120px;
    bottom: -10px;
    z-index: 2000;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-dots span {
        display: inline-block;
        position: relative;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #e4b42d;
        margin: 5px;
        cursor: pointer;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
    }

        .da-dots span.da-dots-current:after {
            content: '';
            width: 8px;
            height: 8px;
            position: absolute;
            top: 2px;
            left: 2px;
            border-radius: 50%;
            background: rgb(255,255,255);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
        }

.da-arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-arrows span {
        position: absolute;
        top: 50%;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: #e4b42d;
        cursor: pointer;
        z-index: 2000;
        opacity: 0;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
        -webkit-transition: opacity 0.4s ease-in-out 0.2s;
        -moz-transition: opacity 0.4s ease-in-out 0.2s;
        -o-transition: opacity 0.4s ease-in-out 0.2s;
        -ms-transition: opacity 0.4s ease-in-out 0.2s;
        transition: opacity 0.4s ease-in-out 0.2s;
    }

.da-slider:hover .da-arrows span {
    opacity: 1;
}

.da-arrows span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: transparent url(../images/arrows.png) no-repeat top left;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}

.da-arrows span.da-arrows-next:after {
    background-position: top right;
}

.da-arrows span.da-arrows-prev {
    left: 15px;
}

.da-arrows span.da-arrows-next {
    right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link {
    left: 10%;
    opacity: 1;
}

.da-slide-current .da-img {
    left: 60%;
    opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2 {
    -webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    -o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    animation: fromRightAnim1 0.6s ease-in 0.8s both;
}

.da-slide-fromright p {
    -webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    -moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    -o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    -ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    animation: fromRightAnim2 0.6s ease-in 0.8s both;
}

.da-slide-fromright .da-link {
    -webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    animation: fromRightAnim3 0.4s ease-in 1.2s both;
}

.da-slide-fromright .da-img {
    -webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    -moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    -o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    -ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    animation: fromRightAnim4 0.6s ease-in 0.8s both;
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}
/* Slide in from the left*/

.da-slide-fromleft h2 {
    -webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    -moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    -o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    -ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}

.da-slide-fromleft p {
    -webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    -moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    -o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    -ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}

.da-slide-fromleft .da-link {
    -webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    -moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    -o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    -ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}

.da-slide-fromleft .da-img {
    -webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}
/* Slide out to the right */
.da-slide-toright h2 {
    -webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
    -moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
    -o-animation: toRightAnim1 0.6s ease-in 0.6s both;
    -ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
    animation: toRightAnim1 0.6s ease-in 0.6s both;
}

.da-slide-toright p {
    -webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
    -moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
    -o-animation: toRightAnim2 0.6s ease-in 0.3s both;
    -ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
    animation: toRightAnim2 0.6s ease-in 0.3s both;
}

.da-slide-toright .da-link {
    -webkit-animation: toRightAnim3 0.4s ease-in both;
    -moz-animation: toRightAnim3 0.4s ease-in both;
    -o-animation: toRightAnim3 0.4s ease-in both;
    -ms-animation: toRightAnim3 0.4s ease-in both;
    animation: toRightAnim3 0.4s ease-in both;
}

.da-slide-toright .da-img {
    -webkit-animation: toRightAnim4 0.6s ease-in both;
    -moz-animation: toRightAnim4 0.6s ease-in both;
    -o-animation: toRightAnim4 0.6s ease-in both;
    -ms-animation: toRightAnim4 0.6s ease-in both;
    animation: toRightAnim4 0.6s ease-in both;
}

@-webkit-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}
/* Slide out to the left*/
.da-slide-toleft h2 {
    -webkit-animation: toLeftAnim1 1s ease-in both;
    -moz-animation: toLeftAnim1 1s ease-in both;
    -o-animation: toLeftAnim1 1s ease-in both;
    -ms-animation: toLeftAnim1 1s ease-in both;
    animation: toLeftAnim1 1s ease-in both;
}

.da-slide-toleft p {
    -webkit-animation: toLeftAnim2 1s ease-in-out;
    -moz-animation: toLeftAnim2 1s ease-in-out;
    -o-animation: toLeftAnim2 1s ease-in-out;
    -ms-animation: toLeftAnim2 1s ease-in-out;
    animation: toLeftAnim2 1s ease-in-out;
}

.da-slide-toleft .da-link {
    -webkit-animation: toLeftAnim3 1s ease-in both;
    -moz-animation: toLeftAnim3 1s ease-in both;
    -o-animation: toLeftAnim3 1s ease-in both;
    -ms-animation: toLeftAnim3 1s ease-in both;
    animation: toLeftAnim3 1s ease-in both;
}

.da-slide-toleft .da-img {
    -webkit-animation: toLeftAnim4 1s ease-in 0.6s both;
    -moz-animation: toLeftAnim4 1s ease-in 0.6s both;
    -o-animation: toLeftAnim4 1s ease-in 0.6s both;
    -ms-animation: toLeftAnim4 1s ease-in 0.6s both;
    animation: toLeftAnim4 1s ease-in 0.6s both;
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    40% {
        left: 70%;
        opacity: 1;
    }

    90% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    40% {
        left: 70%;
        opacity: 1;
    }

    90% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    40% {
        left: 70%;
        opacity: 1;
    }

    90% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    40% {
        left: 70%;
        opacity: 1;
    }

    90% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    40% {
        left: 70%;
        opacity: 1;
    }

    90% {
        left: 0%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@media screen and (max-width: 640px) {
    .googleMapCss {
        width: 500px;
        height: 380px;
    }

    .home {
        text-decoration: none;
        color: #01063e;
        font-size: 14px;
    }

    .titreactif {
        text-decoration: none;
        color: #937011;
        font-size: 14px;
    }


    .year {
        background-image: url(../images/an.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .year:hover {
            background-image: url(../images/anhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }


    .month {
        background-image: url(../images/moin.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .month:hover {
            background-image: url(../images/moinhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .week {
        background-image: url(../images/week.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .week:hover {
            background-image: url(../images/weekhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }



    .day {
        background-image: url(../images/day.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .day:hover {
            background-image: url(../images/dayhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .bgslogon {
        height: 174px;
        width: 98%;
        margin: 0 auto;
        /*background-image:url(../images/truc1.png);
	background-repeat:no-repeat;
	background-position:left;*/
        background-image: none !important;
        background-color: #FFF;
        border-radius: 10px;
        -moz-box-shadow: 1px 1px 5px #000000;
        -webkit-box-shadow: 1px 1px 5px #000000;
        box-shadow: 1px 1px 5px #000000;
        margin-top: -35px;
        /* border: 1px solid red;*/
    }
}

@media only screen and (max-width : 480px) {
    .googleMapCss {
        width: auto;
        height: 200px;
    }

    .bgslogon {
        min-height: 300px !important;
        width: 95%;
        margin: 0 auto;
        background-color: #FFF;
        background-image: none !important;
        border-radius: 10px;
        -moz-box-shadow: 1px 1px 5px #000000;
        -webkit-box-shadow: 1px 1px 5px #000000;
        box-shadow: 1px 1px 5px #000000;
    }

    .da-slide {
        position: absolute;
        width: 100%;
        height: 300px !important;
        top: 0px;
        left: 0px;
        font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
        text-align: left;
    }
}

.googleMapCss {
    width: 500px;
    height: 380px;
}

.content {
    width: 998px;
    margin: 0 auto;
    padding-top: 15px;
}

    .content h1 {
        font-size: 17px;
        font-family: Droid Arabic Kufi !important;
        color: #01063e;
        float: right;
    }

.calender {
    width: 250px;
    height: 380px;
    border-radius: 10px !important;
    background-color: White;
    text-align: center;
    padding: 10px 0 0 0;
}

.video {
    width: 219px;
    height: 214px;
    border-radius: 10px !important;
}

.year {
    background-image: url(../images/an.png);
    background-repeat: no-repeat;
    width: 189px;
    height: 81px;
    float: right;
    margin: 10px 0px 10px 50px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

    .year:hover {
        background-image: url(../images/anhover.png);
        background-repeat: no-repeat;
        width: 189px;
        height: 81px;
        float: right;
        margin: 10px 0px 10px 50px;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

.month {
    background-image: url(../images/moin.png);
    background-repeat: no-repeat;
    width: 189px;
    height: 81px;
    float: right;
    margin: 10px 10px 10px 10px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

    .month:hover {
        background-image: url(../images/moinhover.png);
        background-repeat: no-repeat;
        width: 189px;
        height: 81px;
        float: right;
        margin: 10px 10px 10px 10px;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

.month {
    background-image: url(../images/moin.png);
    background-repeat: no-repeat;
    width: 189px;
    height: 81px;
    float: right;
    margin: 10px 18px 10px 10px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

    .month:hover {
        background-image: url(../images/moinhover.png);
        background-repeat: no-repeat;
        width: 189px;
        height: 81px;
        float: right;
        margin: 10px 18px 10px 10px;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

.week {
    background-image: url(../images/week.png);
    background-repeat: no-repeat;
    width: 189px;
    height: 81px;
    float: right;
    margin: 10px 60px 10px 0px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

    .week:hover {
        background-image: url(../images/weekhover.png);
        background-repeat: no-repeat;
        width: 189px;
        height: 81px;
        float: right;
        margin: 10px 60px 10px 0px;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }



.day {
    background-image: url(../images/day.png);
    background-repeat: no-repeat;
    width: 189px;
    height: 81px;
    float: left;
    margin: 10px 20px 10px 20px;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

    .day:hover {
        background-image: url(../images/dayhover.png);
        background-repeat: no-repeat;
        width: 189px;
        height: 81px;
        float: left;
        margin: 10px 20px 10px 20px;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }


.trucV {
    background-image: url(../images/bgh1.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 70px;
    height: 16px;
    float: right;
    margin-top: 20px;
    margin-right: 15px;
}

.truc {
    background-image: url(../images/bgh1.png);
    background-repeat: no-repeat;
    width: 166px;
    height: 16px;
    float: right;
    margin-top: 20px;
    margin-right: 15px;
}

.box {
    width: 217px;
    height: 224px;
    float: right;
    margin-top: 20px;
    background-color: #dfdfdf;
    border-radius: 10px;
    border-bottom: 10px solid #9e7609;
    margin: 15px;
    position: relative;
}

    .box:hover {
        width: 217px;
        height: 224px;
        float: right;
        background-color: #fff;
    }

.lienbox {
    background-color: #9e7609;
    color: #fff;
    padding: 0px 5px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
}

.bglienbox {
    text-align: left;
    margin: -20px 0 0 10px;
}

.bglienboxTourath {
    background-color: white;
    border-radius: 5px;
    float: left;
    font-size: 11px;
    margin: 20px 0 0;
    text-align: center;
    width: 41px;
}
.titrebox {
    font-size: 14px;
    font-weight: bold;
    font-family: Droid Arabic Kufi !important;
    color: #01063e;
    text-align: center;
    padding: 0;
    margin-top: -10px;
}

.box p {
    font-size: 12px;
    padding: 0px 5px;
    color: #3d3d3d;
}

.bgfooter1 {
    background-color: #050b3f;
    height: 204px;
    width: 100%;
    padding-top: 20px;
}

.imgInterne {
    float: right;
    margin: 0 0 10px 10px;
}
/******News******/

.imgNews {
    float: right;
}

.trait {
    float: right;
    text-align: center;
    width: 50px;
}

.bloctxt {
    float: right;
    width: 315px;
    text-align: right;
    font-family: Droid Arabic Kufi !important;
    font-size: 12px;
}

    .bloctxt h1 {
        font-family: Droid Arabic Kufi !important;
        font-size: 18px;
        color: #0a1476;
    }

    .bloctxt span {
        font-family: Arial;
        font-size: 12px;
        text-align: right !important;
        color: #d7661a;
    }

    .bloctxt p {
        font-size: 12px;
    }



/*******Box footer*******/

.fbox1 {
    float: right;
    width: 238px;
    height: 151px;
}

    .fbox1 .carousel-inner {
        margin-top: 25px;
    }


.ftrait {
    float: right;
    margin: 10px 20px 0 20px;
}

.ftrait1 {
    float: right;
    margin: 10px 20px 0 20px;
}

.ftrait2 {
    float: right;
    margin: 10px 20px 0 20px;
}


.titrefooter {
    color: #FFF;
    font-size: 20px;
    font-family: Droid Arabic Kufi !important;
    text-align: center;
}

.footer {
    width: 998px;
    margin: 0 auto;
}

.imgfooter {
    text-align: center;
}

.fbox2 {
    float: right;
    width: 200px;
    height: 151px;
}

.fbox3 {
    float: right;
    width: 190px;
    height: 151px;
}

.txtfbox3 {
    color: #fff;
    font-size: 12px;
    padding-top: 15px;
    text-align: justify;
}

.bgfooter2 {
    height: 47px;
    width: 100%;
}

.footer2 {
    height: 40px;
    width: 998px;
    margin: 0 auto;
    padding-top: 10px;
}

.footer2res {
    width: 320px;
    float: left;
}

    .footer2res a > div {
        -webkit-filter: grayscale(.4);
        filter: grayscale(.4);
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .footer2res a:hover > div {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

.footer2txt {
    width: 220px;
    float: right;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

.facebook {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMDAiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHN0eWxlPSJkaXNwbGF5OmlubGluZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtODUyLjM2MjE4KSI+PHBhdGggZD0ibSAxMDAsMTAgYyAtNDkuNzA1NjI3LDAgLTkwLDQwLjI5NDM3MyAtOTAsOTAgMCw0OS43MDU2MyA0MC4yOTQzNzMsOTAgOTAsOTAgMS45NjU2OCwwIDMuODc4MTcsLTAuMTg4MzggNS44MTI1LC0wLjMxMjUgNi41Njc3NCwtMC40MjE0NSAxMi45MzEzMywtMS42MDgxMSAxOS4wMzEyNSwtMy4zNzUgNS42NzMwNywtMS42NDMyNSAxMS4xMTgzMywtMy43ODE5OCAxNi4yODEyNSwtNi40Mzc1IDI0Ljg2MTQ3LC0xMi43ODczNCA0Mi45MjE1NCwtMzYuNzY2OTcgNDcuNTkzNzUsLTY1LjMxMjUgQyAxODkuNDk1NDYsMTA5LjgxNzExIDE5MCwxMDQuOTY4ODYgMTkwLDEwMCBjIDAsLTMuNjUwMjE2IC0wLjI5NjM3LC03LjIxMzUyNCAtMC43MTg3NSwtMTAuNzUgLTAuMDg1NywtMC43MTc3NDkgLTAuMjQxMjcsLTEuNDEyNTI0IC0wLjM0Mzc1LC0yLjEyNSBDIDE4Mi42NjkzMiw0My41NDQ5MjggMTQ1LjMxNDU4LDEwIDEwMCwxMCB6IiBpZD0icGF0aDU3NDIiIHN0eWxlPSJmaWxsOiMzYjU5OTg7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsODUyLjM2MjE4KSIvPjwvZz48ZyBpZD0ibGF5ZXIzIiBzdHlsZT0iZGlzcGxheTppbmxpbmUiLz48ZyBpZD0ibGF5ZXI0IiBzdHlsZT0iZGlzcGxheTppbmxpbmUiPjxwYXRoIGQ9Im0gODguNTA4ODYsMTI3LjAyNjA0IDAsLTIyLjk3Mzk0IC03Ljc1NDQzLDAgLTcuNzU0NDMsMCAwLC04LjY4MDMzIDAsLTguNjgwMzMgNy43NDAzMiwwIDcuNzQwMzIsMCAwLjA2MjksLTcuODk5MSBjIDAuMDY2MywtOC4zMjA4NiAwLjEwMjkzLC04Ljk2NzcyIDAuNjY1OTIsLTExLjc0ODk1IDEuOTI2NzksLTkuNTE4NjggOC41NzU5MywtMTUuNTY0MTUgMTguNTQ2NzIsLTE2Ljg2MjkgMi43NDk0NiwtMC4zNTgxMyAxMS45NDk4OCwtMC4xNTU0NiAxNi40ODY2OSwwLjM2MzE5IGwgMC42MDc2MywwLjA2OTUgMCw3LjczMiAwLDcuNzMyMDEgLTYuMTYzMDQsMC4wNDA2IGMgLTUuOTc4NTksMC4wMzk0IC02LjE5MDI1LDAuMDQ4NCAtNy4wNzI2MSwwLjMwMDcyIC0yLjgxOTQ1LDAuODA2MjggLTQuMjQ1MzUsMi4zMjE0NiAtNC44MjQwNiw1LjEyNjExIC0wLjIwNjc4LDEuMDAyMTkgLTAuMjIzOTMsMS42MTk1MiAtMC4yMjUzMyw4LjExNTc3IGwgLTAuMDAyLDcuMDMxMDcgOC43MzgxOSwwIDguNzM4MiwwIC00LjdlLTQsMC4yNjA0MSBjIC00LjVlLTQsMC4yNjAwNSAtMi4wMTkzLDE2LjAxMTg1IC0yLjE0MzQ4LDE2LjcyNDEgbCAtMC4wNjU2LDAuMzc2MTUgLTcuNjMzNDUsMCAtNy42MzM0NCwwIDAsMjIuOTczOTQgMCwyMi45NzM5NCAtOS4wMjc1NCwwIC05LjAyNzU0LDAgMCwtMjIuOTczOTQgeiIgaWQ9InBhdGg1NDkwIiBzdHlsZT0iZmlsbDojZWNlY2VjO2ZpbGwtb3BhY2l0eToxO2Rpc3BsYXk6aW5saW5lIi8+PHBhdGggZD0iTSA5OC42ODc1IDEwLjA5Mzc1IEMgNTkuNDcxOTI2IDEwLjY3ODk1MyAyMy43Nzg2MzggMzcuMDUyNTg3IDEzLjEyNSA3Ni44MTI1IEMgMC4yNjAyMzk2NyAxMjQuODI0NDUgMjguNzY5MzIgMTc0LjE2NjY1IDc2Ljc4MTI1IDE4Ny4wMzEyNSBDIDc4LjY3OTk1IDE4Ny41NDAwNSA4MC41NjgyNSAxODcuODY5MyA4Mi40Njg3NSAxODguMjUgQyA4OC4zMzgwMzYgMTg5LjQyNTc2IDk0LjIwODU0IDE4OS45MTc4MiAxMDAgMTg5LjkwNjI1IEwgMTAwIDEwLjA5Mzc1IEMgOTkuNTYxNDUxIDEwLjA5MzgzOSA5OS4xMjUxOTcgMTAuMDg3MjE4IDk4LjY4NzUgMTAuMDkzNzUgeiAiIGlkPSJyZWN0Mjk4OSIgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtvcGFjaXR5OjAuMTUiLz48cmVjdCBoZWlnaHQ9IjEuMjk2MjAyNSIgaWQ9InJlY3QzNzU5IiBzdHlsZT0ib3BhY2l0eTowLjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiB3aWR0aD0iMS45NDQzMDM4IiB4PSItMTEzLjQxNzcyIiB5PSI2OC43NTk0OTEiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.twitter {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMDAiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHN0eWxlPSJkaXNwbGF5OmlubGluZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtODUyLjM2MjE4KSI+PHBhdGggZD0iTSAxMDAgMTAgQyA1MC4yOTQzNzMgMTAgMTAgNTAuMjk0MzczIDEwIDEwMCBDIDEwIDE0OS43MDU2MyA1MC4yOTQzNzMgMTkwIDEwMCAxOTAgQyAxMDEuOTY1NjggMTkwIDEwMy44NzgxNyAxODkuODExNjIgMTA1LjgxMjUgMTg5LjY4NzUgQyAxNTIuNzkxMTQgMTg2LjY3MjkzIDE5MCAxNDcuNzM5OTUgMTkwIDEwMCBDIDE5MCA5Ni4zNDk3ODQgMTg5LjcwMzYzIDkyLjc4NjQ3NiAxODkuMjgxMjUgODkuMjUgQyAxODMuOTUyMDEgNDQuNjI5NjYzIDE0Ni4wNTU0MSAxMCAxMDAgMTAgeiAiIGlkPSJwYXRoNDQwNCIgc3R5bGU9ImZpbGw6IzU1YWNlZTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCw4NTIuMzYyMTgpIi8+PC9nPjxnIGlkPSJsYXllcjMiLz48ZyBpZD0ibGF5ZXIyIiBzdHlsZT0iZGlzcGxheTppbmxpbmUiPjxwYXRoIGQ9Im0gODQuNjgzMTUsMTQ5Ljk3Mzc3IGMgLTcuODkxNDcsLTAuMjUxMTUgLTE1LjYyMjk5LC0yLjQ0NTY1IC0yMi44MzMxNywtNi40ODA4NSAtMC45NTU4OCwtMC41MzQ5NSAtMi45MjI0NSwtMS43NTEyIC0zLjg5MTgzLC0yLjQwNjkgLTAuODgyOTksLTAuNTk3MyAtMi41MzA2NiwtMS43ODYzNSAtMi44MTQzLC0yLjAzMDk1IEwgNTUsMTM4LjkzMDk3IGwgMC4yMTY1NSwwLjAyOCBjIDIuMDI2NjEsMC4yNjE1IDQuNjQ0OTcsMC4zMjg4IDYuNzM5NjMsMC4xNzMyNSA4LjI4MDExLC0wLjYxNSAxNi4wNDcyOCwtNC4xMDY5NSAyMi42NDA4MiwtMTAuMTc4ODUgMC44NDg4MywtMC43ODE2NSAwLjg1MjUzLC0wLjc2NTI1IC0wLjE4OTQsLTAuODM5NDUgLTIuODA5MSwtMC4yIC01LjM0MjUxLC0xLjAwNjMgLTcuODM0MTcsLTIuNDkzMzQgLTEuMDMxNjgsLTAuNjE1NyAtMS40OTk0NywtMC45NDMxIC0yLjQyMTExLC0xLjY5NDI1IC0zLjAwODY5LC0yLjQ1MjI1IC01LjQzMDksLTUuODAyMjUgLTcuMDM2NzMsLTkuNzMyMTUgLTAuMzkwMTQsLTAuOTU0NzUgLTEuMTYwODMsLTMuMjYzMSAtMS4xMDg0MywtMy4zMTk4IDAuMDA4LC0wLjAxIDAuMjAxOCwwLjAyMSAwLjQyOTE1LDAuMDY3OCAyLjY3NjQ1LDAuNTQ5NDUgNS42OTgwNSwwLjM4OTE1IDguNDA0OTUsLTAuNDQ1OSAwLjMyMTY1LC0wLjA5OTIgMC4zNTU0LC0wLjEyMDU1IDAuMzY1OTUsLTAuMjMxMSAwLjAxMSwtMC4xMTcxIDAsLTAuMTI1MTUgLTAuMzU0MzUsLTAuMjExNSAtMC44NDMxOCwtMC4yMDY3NSAtMi4yMDUwNiwtMC43MTcyNSAtMy4xNTUxOSwtMS4xODI2IC0yLjc0NDIxLC0xLjM0NDIgLTUuMDQ4MDcsLTMuMjMzMjUgLTcuMTUxMDMsLTUuODYzNjEgLTMuMjA2NSwtNC4wMTA3MDMgLTUuMTk3MjYsLTkuMTI3MzAyIC01LjcyNTIxLC0xNC43MTQ5MDIgLTAuMDYyNCwtMC42NjA1IC0wLjE2Njk0LC0yLjg3ODY1IC0wLjEzNzE5LC0yLjkxMTkgMC4wMDksLTAuMDEgMC4zNTI4OSwwLjE4NDc1IDAuNzY0MjgsMC40MzI5IDIuNTMzNDEsMS41MjggNS41MDkxNiwyLjQ2NDQgOC4yMDgxNiwyLjU4MjkgMC4zMzE4NSwwLjAxNDUgMC4zMzQ3LDAuMDEzNSAwLjM0MzcsLTAuMTA1OCAwLjAwOCwtMC4xMDM2IC0wLjA1MjksLTAuMTcyNCAtMC40MzMwNCwtMC40OTExNSAtMC45Mzk3OSwtMC43ODc5NSAtMS44MzYzNywtMS43MjgzIC0yLjgyMzg2LC0yLjk2MTYgLTEuNjMwNDIsLTIuMDM2MzQgLTIuNzk4NzUsLTQuMDY2NDkzIC0zLjgyMTYzLC02LjY0MDg5MyAtMS4wMzMwMywtMi41OTk4MDEgLTEuNjU1NzcsLTUuMjQ0NjUyIC0xLjk1MjM3LC04LjI5MTgwMiAtMC4xMDA5NSwtMS4wMzczIC0wLjEwMiwtNC4yNTA0IDAsLTUuMzE3NDAxIDAuMjk1NiwtMy4xNDU1NSAwLjk2NTk5LC01LjkxODQ1IDIuMDkzMzIsLTguNjU4NDAxIDAuMjE4MDksLTAuNTMwMTUgMC40MjQxNCwtMS4wMTIxIDAuNDU3ODksLTEuMDcxIDAuMDYwMywtMC4xMDUzNSAwLjA3MTUsLTAuMDkyNSAwLjY1MTc5LDAuNzQ2OTUgMS4wNDUxMywxLjUxMTg1IDIuMDQ5MzYsMi44NDI1NTEgMy4zMTk2NCw0LjM5ODgwMSAxLjY5NDgyLDIuMDc2NCAzLjA0NiwzLjU2NTcgNC44MDM5Miw1LjI5NDkwMSA5LjA1NTMsOC45MDc0MDEgMTkuOTg5MjU4LDE0LjMwMTk1MiAzMS41NTMxMiwxNS41Njc2MDIgMS40Mzk0MiwwLjE1NzU1IDIuMzM5NjYsMC4yMTc3IDIuMzg3MTUsMC4xNTk1NSAwLjAzLC0wLjAzNjUgMCwtMC4zMDIxNSAtMC4wOTg4LC0wLjkxMTUgLTAuMjczNzQsLTEuNjcxNiAtMC4zNzkwOSwtMy4wNDkyIC0wLjM3ODc5LC00Ljk1NDEwMSA0ZS00LC0xLjM2NjY1IDAuMDU4NywtMi40MzI3MDEgMC4xOTc5NSwtMy42MDkyMDEgMC41NTI0NCwtNC42NjY1IDIuMjEwNTYsLTkuMTIzMDUxIDQuNzQ1NTcsLTEyLjc1NDU1MSAwLjQ5Njg0LC0wLjcxMTc1MSAxLjYzOTc3LC0yLjExMDk1MSAyLjIyMTIxLC0yLjcxOTE1MSA2LjA1MjksLTYuMzMxOTUxIDE0LjQ2MTExLC03Ljg0OTk1MSAyMS43MzA4OCwtMy45MjMyIDIuMjM5OTcsMS4yMDk5IDQuMjc1MTMsMi45MDgxNSA2LjEyMzA1LDUuMTA5NSAwLjM0MTA5LDAuNDA2MjUgMC42MzA4MSwwLjcxMzQ1IDAuNjcyODMsMC43MTMzIDAuMTA1NDQsLTQuNWUtNCAxLjc0Njk3LC0wLjQ1MjUgMi4zNzY3OSwtMC42NTQ3IDMuNTgxNjQsLTEuMTQ5ODUgNy4wNTcwMSwtMi44NzMxNSAxMC4wNzE2OCwtNC45OTQxNSAwLjIyMzgsLTAuMTU3NDUgMC40MTUwNiwtMC4yNzYzNSAwLjQyNTAxLC0wLjI2NDE1IDAuMDIzMywwLjAyODUgLTAuMzE2NzMsMS4xNTU3NSAtMC41NTUzNywxLjg0MSAtMC4yOTEwNCwwLjgzNTc1IC0wLjg0OSwyLjE2ODk1IC0xLjI0NDMyLDIuOTczMyAtMC45NDQ1OSwxLjkyMTg1MSAtMS44MTczMywzLjI4NDYwMSAtMy4xNDM5OSw0LjkwOTE1MSAtMS4xMzEyMSwxLjM4NTI1IC0yLjIyNTgsMi40NzQ2NSAtMy4zOTgwNywzLjM4MTk1MSAtMC41NzgxOSwwLjQ0NzU1IC0wLjU4MDIzLDAuNDQ5NTUgLTAuNTgwMjMsMC41Njg3NSAwLDAuMTI2MyAwLjA0NzgsMC4xMjM5NSAxLjA0MzI0LC0wLjA1MTY1IDMuNDI5NzUsLTAuNjA1MTUgNi41NDgzOSwtMS42MzgzMDEgOS43OTg2NSwtMy4yNDYyNTEgMC40MDkyNiwtMC4yMDI0NSAwLjc0OTU0LC0wLjM2MTQ1IDAuNzU2MTcsLTAuMzUzMzUgMC4wMjAyLDAuMDI1IC0xLjAyNzQzLDEuNzk1ODUgLTEuNTE0OCwyLjU2MDkgLTIuMjUzMDYsMy41MzY5MDEgLTQuOTEyMzcsNi43NTEwMDEgLTcuNzg1MTcsOS40MDkzMDIgLTAuNDE2NTQsMC4zODU0IC0wLjc2Mzg5LDAuNzI1NzUgLTAuNzcxODksMC43NTYyIC0wLjAwOCwwLjAzMDUgLTAuMDAyLDAuNDc4MzUgMC4wMTMzLDAuOTk1MiAwLjI4OTAyLDkuNzUzMTQ0IC0xLjMwMDE4LDIwLjI0OTQ0NCAtNC41MTI5NywyOS44MDcxMDYgLTEuMDY3MTYsMy4xNzQ2NSAtMi40NDMyLDYuNTgwNDUgLTMuODQzNTcsOS41MTMyIC0xLjc0NDcyLDMuNjUzODUgLTMuODE3MzQsNy4yMzg0NSAtNi4wMzU1NSwxMC40Mzg1IC0xLjY4NDIyLDIuNDI5NzQgLTMuOTE1NjgsNS4yMDg1OSAtNS44ODY4LDcuMzMwODkgLTYuNTc5MDQsNy4wODM2IC0xNC40NDgsMTIuMTQ2NjUgLTIzLjAxNDU2LDE0LjgwNzkgLTUuMzc4NzEzLDEuNjcwOTUgLTExLjIxMDUxLDIuNDUwNSAtMTYuOTYyODE4LDIuMjY3NCB6IiBpZD0icGF0aDMwNDAiIHN0eWxlPSJmaWxsOiNlY2VjZWM7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7ZGlzcGxheTppbmxpbmUiLz48cGF0aCBkPSJNIDk5LDkuOTk5OTk5IEMgNDkuMjk0MzcxLDkuOTk5OTk5IDkuMDAwMDAyLDUwLjI5NDM2OCA5LjAwMDAwMiw5OS45OTk5OTcgOS4wMDAwMDIsMTQ5LjcwNTY2IDQ5LjI5NDM3MiwxOTAgOTksMTkwIEwgOTksOS45OTk5OTkgeiIgaWQ9InJlY3QyOTk1IiBzdHlsZT0ib3BhY2l0eTowLjE1O2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtkaXNwbGF5OmlubGluZSIvPjwvZz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.you {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMDAiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCI+PGNsaXBQYXRoIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iY2xpcFBhdGgxOCI+PHBhdGggZD0ibSAwLDU1MS45ODYgNTMwLjk3MywwIEwgNTMwLjk3MywwIDAsMCAwLDU1MS45ODYgeiIgaWQ9InBhdGgyMCIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iY2xpcFBhdGgxOC03Ij48cGF0aCBkPSJtIDAsNTUxLjk4NiA1MzAuOTczLDAgTCA1MzAuOTczLDAgMCwwIDAsNTUxLjk4NiB6IiBpZD0icGF0aDIwLTQiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0ibGF5ZXIxIiBzdHlsZT0iZGlzcGxheTppbmxpbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTg1Mi4zNjIxOCkiPjxwYXRoIGQ9Ik0gMTAwIDEwIEMgNTAuMjk0MzcgMTAgMTAgNTAuMjk0MzcgMTAgMTAwIEMgMTAgMTQxLjE0MDA2IDM3LjY0NzUxOSAxNzUuNzY0NjcgNzUuMzQzNzUgMTg2LjUgQyA4My4xOTIzODMgMTg4LjczNTE3IDkxLjQzNDM1MyAxOTAgMTAwIDE5MCBDIDEwMC43NTA0NCAxOTAgMTAxLjQ3OTY0IDE4OS45MTYgMTAyLjIxODc1IDE4OS44NzUgQyAxMDIuNDc4NzggMTg5Ljg2MSAxMDIuNzM5NjggMTg5Ljg1Njc1IDEwMyAxODkuODQzNzUgQyAxMDMuOTM3OTIgMTg5Ljc5Nzc1IDEwNC44NzY0NSAxODkuNzQ3NzUgMTA1LjgxMjUgMTg5LjY4NzUgQyAxMDYuNzc2MjggMTg5LjYyNTUgMTA3LjcwMzI2IDE4OS40NDIwNSAxMDguNjU2MjUgMTg5LjM0Mzc1IEMgMTEwLjcxOTU1IDE4OS4xMzA5NSAxMTIuNzkwMTcgMTg4Ljk0MDg1IDExNC44MTI1IDE4OC41OTM3NSBDIDExNS41OTg3NCAxODguNDU4ODIgMTE2LjM0NDg2IDE4OC4yMTUzNyAxMTcuMTI1IDE4OC4wNjI1IEMgMTE5LjcyNzI3IDE4Ny41NTI1OSAxMjIuMzMwNDQgMTg3LjA0MDQ2IDEyNC44NDM3NSAxODYuMzEyNSBDIDEzMC41MTY4MiAxODQuNjY5MiAxMzUuOTYyMDggMTgyLjUzMDUgMTQxLjEyNSAxNzkuODc1IEMgMTU5LjIxNDI1IDE3MC41NzA5IDE3My41NjcyMSAxNTUuMjY0NTIgMTgxLjkwNjI1IDEzNi42NTYyNSBDIDE4MS45NjkzNSAxMzYuNTE1MzkgMTgyLjA2MjU3IDEzNi4zOTEyNCAxODIuMTI1IDEzNi4yNSBDIDE4My44MjYzOSAxMzIuNDAwODkgMTg1LjM0MjggMTI4LjQ1NDc4IDE4Ni41IDEyNC4zNDM3NSBDIDE4Ni42MDk1NSAxMjMuOTU0NTcgMTg2LjY4NTQ4IDEyMy41NTA2MiAxODYuNzgxMjUgMTIzLjE1NjI1IEMgMTg3LjA4NzcgMTIxLjg5NDMgMTg3LjM2MDkzIDEyMC42MjE5IDE4Ny42MjUgMTE5LjM0Mzc1IEMgMTg3Ljc4NzUyIDExOC41NTcxIDE4Ny45OTk4NSAxMTcuNzg5MTYgMTg4LjE1NjI1IDExNyBDIDE4OC4zMTkwNSAxMTYuMTc4NTUgMTg4LjU4MjY1IDExNS4zOTQgMTg4LjcxODc1IDExNC41NjI1IEMgMTg5LjAzMDAxIDExMi42NjA4NCAxODkuMTI0MzEgMTEwLjY5MDI2IDE4OS4zMTI1IDEwOC43NSBDIDE4OS40ODY0NyAxMDYuOTU2MzggMTg5Ljc2MjcyIDEwNS4xOTU2MyAxODkuODQzNzUgMTAzLjM3NSBDIDE4OS44OTM3NSAxMDIuMjUwNDkgMTkwIDEwMS4xMzY5MyAxOTAgMTAwIEMgMTkwIDk2LjM0OTc4IDE4OS43MDM2MyA5Mi43ODY0OCAxODkuMjgxMjUgODkuMjUgQyAxODkuMTk1NTUgODguNTMyMjUgMTg5LjAzOTk4IDg3LjgzNzQ4IDE4OC45Mzc1IDg3LjEyNSBDIDE4Mi42NjkzMiA0My41NDQ4MyAxNDUuMzE0NTggMTAgMTAwIDEwIHogIiBpZD0icGF0aDcyMTAiIHN0eWxlPSJmaWxsOiNkMTIxMjE7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsODUyLjM2MjE4KSIvPjxwYXRoIGQ9IiIgaWQ9InBhdGg2MDEzIiBzdHlsZT0iZmlsbDojMDAwMDAwIi8+PHBhdGggZD0iIiBpZD0icGF0aDYwMTEiIHN0eWxlPSJmaWxsOiMwMDAwMDAiLz48cGF0aCBkPSIiIGlkPSJwYXRoNjAwOSIgc3R5bGU9ImZpbGw6IzAwMDAwMCIvPjxnIGlkPSJnMzc4MyIgc3R5bGU9ImZpbGw6I2VjZWNlYyIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NjY2NjY2NiwwLDAsMC42NjY2NjY2Niw2NC44NzQyNjIsMzUzLjMxNTY3KSI+PHBhdGggZD0ibSA0MC4zNTQ2NDEsOTQ4LjA4Mzc0IGMgLTI0Ljc5MjE2MywtMC40NDUyMyAtMzQuODU0OTU4LC0wLjgzODM4IC00MS4wMDgyNzIzOCwtMS42MDIxNSAtNC41MTI1MTAxMiwtMC41NjAxNSAtNi43Mjg1NDQxMiwtMS4xMDYyMSAtOS4yMjc5MTU4MiwtMi4yNzM4NyAtNC4xMjczNjM4LC0xLjkyODIyIC02LjcxNjI5MjgsLTQuNjM5MDkgLTguNTUxMTkxOCwtOC45NTM5MyAtMS42ODc1MzMsLTMuOTY4MzEgLTIuMzY4MzcxLC03LjA2ODQxIC0zLjAwOTM4MSwtMTMuNzAyODUgLTAuNzExMjA5LC03LjM2MDk2IC0wLjc4MDY3NCwtOS4wNTI0OCAtMC44NTEyNTgsLTIwLjcyODkyIC0wLjA4MjgzLC0xMy43MDI4NyAwLjA5NDUsLTE4LjIzNDcgMS4wNjk5MDcsLTI3LjM0MjMzIDAuNTEzMTExLC00Ljc5MTA0IDEuMjYxMDAzLC03Ljk3NTE0IDIuNjY2MzIsLTExLjM1MTYyIDEuMjc5Nzg1LC0zLjA3NDkgMi40NDgyNDYsLTQuNzcxOTQgNC41NzMyMDksLTYuNjQyMDIgMi42NzA2ODgsLTIuMzUwMzMgNS42MDM3OTgzLC0zLjc3OTEgOS4zMDY1MzA5LC00LjUzMzM2IDUuNTI2Nzk5NTIsLTEuMTI1ODEgMzAuNTA3MDcxMSwtMS45OTM4NiA1Ny4zNzg2MjUxLC0xLjk5Mzg2IDI2Ljg3MTU2MSwwIDUxLjg1MTgyNiwwLjg2ODA1IDU3LjM3ODYyNiwxLjk5Mzg2IDMuOTk2OTcsMC44MTQyIDYuOTMwNDMsMi4zMTgwNCA5Ljc5MjY0LDUuMDIwMjMgMi4yNDAxMywyLjExNDkgMy4zOTM4Nyw0LjAzNjY1IDQuNzY2OTEsNy45NDAwOSAxLjQxNDg4LDQuMDIyMzEgMS45NTg2Niw3LjU5MDEgMi43NjA5NywxOC4xMTQ3OSAwLjM4NDgsNS4wNDc3IDAuMzg0MTksMjcuODcwMTUgLTkuOWUtNCwzMy4wMjgwOCAtMC42OTg3OCw5LjM2MDYyIC0xLjIwNjg2LDEzLjA0OTU0IC0yLjI5MzQ4LDE2LjY1MjIyIC0xLjQxNzk1LDQuNzAxMjMgLTMuMDY4OTYsNy41NjYyOSAtNS42ODIzOSw5Ljg2MTAzIC0yLjY0NDksMi4zMjIzMiAtNS44NjM3MiwzLjg3MDM5IC05LjUxOTE1LDQuNTc4MTggLTYuNjU0MjEsMS4yODg1MyAtNDUuNDYxOTc0LDIuMzY5MDcgLTY5LjU0OTIzLDEuOTM2NDMgeiBtIDE0LjY3MzMwNCwtMzkuOTQzMjkgYyAyMi43MDc2ODEsLTExLjA3MjM2IDIyLjIxOTQzOSwtMTAuODI5NTIgMjIuMjE5NDM5LC0xMS4wNTE4MSAwLC0wLjIwODA2IC0zOS43NDY2NTYsLTE5Ljc4MjgyIC0zOS45NDA0NTksLTE5LjY3MDIgLTAuMTMwOTk1LDAuMDc2MSAtMC4xNTU0MzMsMzkuMDcxMDcgLTAuMDI0NTIsMzkuMTk0MTEgMC4wNDgzNCwwLjA0NTYgMC4xODU4OSwwLjA0NzMgMC4zMDU3MDksMC4wMDUgMC4xMTk4MDUsLTAuMDQzMiA3Ljk2Nzc0OSwtMy44NTc0OSAxNy40Mzk4NjYsLTguNDc2MTEgeiIgaWQ9InBhdGgzNzg1IiBzdHlsZT0iZmlsbDojZWNlY2VjIi8+PC9nPjxwYXRoIGQ9Im0gOTcuNjY4OTIsODYyLjQ1NzE0IGMgLTM5LjIxNTU3LDAuNTg1MjEgLTc0LjkwODg2MywyNi45NTg4NCAtODUuNTYyNTAxLDY2LjcxODc1IC0xMi44NjQ3NjEsNDguMDExOTUgMTUuNjQ0MzIsOTcuMzU0MjEgNjMuNjU2MjUxLDExMC4yMTg4MSAxLjg5ODcsMC41MDg4IDMuNzg3LDAuODM4IDUuNjg3NSwxLjIxODcgNS44NjkyOSwxLjE3NTggMTEuNzM5NzksMS42Njc4IDE3LjUzMTI1LDEuNjU2MyBsIDAsLTE3OS44MTI1NiBjIC0wLjQzODU1LDllLTUgLTAuODc0OCwtMC4wMDYgLTEuMzEyNSwwIHoiIGlkPSJyZWN0Mjk4OSIgc3R5bGU9Im9wYWNpdHk6MC4xNTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7ZGlzcGxheTppbmxpbmUiLz48L2c+PGcgaWQ9ImxheWVyMTciLz48ZyBpZD0ibGF5ZXIxNSIgc3R5bGU9ImRpc3BsYXk6aW5saW5lIi8+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.wat {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI2MHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MCA2MCIgd2lkdGg9IjYwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZWZzLz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJmbGF0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgaWQ9IndoYXRzYXBwIj48cGF0aCBkPSJNMzAsNjAgQzQ2LjU2ODU0MzMsNjAgNjAsNDYuNTY4NTQzMyA2MCwzMCBDNjAsMTMuNDMxNDU2NyA0Ni41Njg1NDMzLDAgMzAsMCBDMTMuNDMxNDU2NywwIDAsMTMuNDMxNDU2NyAwLDMwIEMwLDQ2LjU2ODU0MzMgMTMuNDMxNDU2Nyw2MCAzMCw2MCBaIiBmaWxsPSIjNTdCQjYzIi8+PHBhdGggZD0iTTMwLjA3MTI2MTUsNDYuMjIxMDQ2MiBDMjcuMjEwODMwOCw0Ni4yMjEwNDYyIDI0LjUyMzU2OTIsNDUuNDg5OTY5MiAyMi4xODU2LDQ0LjIwNjg5MjMgTDEzLjE1Mzg0NjIsNDcuMDc2OTIzMSBMMTYuMDk4MDkyMywzOC4zOTE4NzY5IEMxNC42MTMwNDYyLDM1Ljk1MjM2OTIgMTMuNzU3NTM4NSwzMy4wOTE1NjkyIDEzLjc1NzUzODUsMzAuMDMzNiBDMTMuNzU3NTM4NSwyMS4wOTM0MTU0IDIxLjA2MTI5MjMsMTMuODQ2MTUzOCAzMC4wNzE2MzA4LDEzLjg0NjE1MzggQzM5LjA4MDg2MTUsMTMuODQ2MTUzOCA0Ni4zODQ2MTU0LDIxLjA5MzQxNTQgNDYuMzg0NjE1NCwzMC4wMzM2IEM0Ni4zODQ2MTU0LDM4Ljk3Mzc4NDYgMzkuMDgxMjMwOCw0Ni4yMjEwNDYyIDMwLjA3MTI2MTUsNDYuMjIxMDQ2MiBaIE0zMC4wNzEyNjE1LDE2LjQyNDEyMzEgQzIyLjUwNzkzODUsMTYuNDI0MTIzMSAxNi4zNTU4MTU0LDIyLjUyOTM1MzggMTYuMzU1ODE1NCwzMC4wMzM2IEMxNi4zNTU4MTU0LDMzLjAxMTQ0NjIgMTcuMzI2NTIzMSwzNS43NjkyMzA4IDE4Ljk2ODEyMzEsMzguMDEzMDQ2MiBMMTcuMjU0ODkyMyw0My4wNjcwNzY5IEwyMi41MjUyOTIzLDQxLjM5MTg3NjkgQzI0LjY5MTIsNDIuODEzNzg0NiAyNy4yODU0MTU0LDQzLjY0MzA3NjkgMzAuMDcxMjYxNSw0My42NDMwNzY5IEMzNy42MzM0NzY5LDQzLjY0MzA3NjkgNDMuNzg2NzA3NywzNy41MzgyMTU0IDQzLjc4NjcwNzcsMzAuMDMzOTY5MiBDNDMuNzg2NzA3NywyMi41Mjk3MjMxIDM3LjYzMzQ3NjksMTYuNDI0MTIzMSAzMC4wNzEyNjE1LDE2LjQyNDEyMzEgTDMwLjA3MTI2MTUsMTYuNDI0MTIzMSBaIE0zOC4zMDg4LDMzLjc2MTcyMzEgQzM4LjIwODM2OTIsMzMuNTk2Njc2OSAzNy45NDE3ODQ2LDMzLjQ5Njk4NDYgMzcuNTQyNjQ2MiwzMy4yOTg3MDc3IEMzNy4xNDI0LDMzLjEwMDQzMDggMzUuMTc1ODc2OSwzMi4xNDAwNjE1IDM0LjgwOTk2OTIsMzIuMDA4MjQ2MiBDMzQuNDQyOTUzOCwzMS44NzYwNjE1IDM0LjE3NiwzMS44MDkyMzA4IDMzLjkwOTc4NDYsMzIuMjA2NTIzMSBDMzMuNjQzNTY5MiwzMi42MDM4MTU0IDMyLjg3NzA0NjIsMzMuNDk2OTg0NiAzMi42NDMzMjMxLDMzLjc2MTcyMzEgQzMyLjQwOTk2OTIsMzQuMDI2ODMwOCAzMi4xNzY5ODQ2LDM0LjA2MDA2MTUgMzEuNzc3MTA3NywzMy44NjE0MTU0IEMzMS4zNzc2LDMzLjY2MzEzODUgMzAuMDg4OTg0NiwzMy4yNDQwNjE1IDI4LjU2MTEwNzcsMzEuODkyMzA3NyBDMjcuMzcyNTUzOCwzMC44NDA3Mzg1IDI2LjU2OTg0NjIsMjkuNTQyNTIzMSAyNi4zMzY4NjE1LDI5LjE0NDg2MTUgQzI2LjEwMzUwNzcsMjguNzQ3OTM4NSAyNi4zMTIxMjMxLDI4LjUzMzQxNTQgMjYuNTEyMjQ2MiwyOC4zMzU4NzY5IEMyNi42OTIwNjE1LDI4LjE1NzkwNzcgMjYuOTEyMTIzMSwyNy44NzI0OTIzIDI3LjExMjI0NjIsMjcuNjQwOTg0NiBDMjcuMzEyMzY5MiwyNy40MDkxMDc3IDI3LjM3ODgzMDgsMjcuMjQ0MDYxNSAyNy41MTE3NTM4LDI2Ljk3ODk1MzggQzI3LjY0NTQxNTQsMjYuNzE0MjE1NCAyNy41Nzg1ODQ2LDI2LjQ4MjcwNzcgMjcuNDc4NTIzMSwyNi4yODM2OTIzIEMyNy4zNzg0NjE1LDI2LjA4NTQxNTQgMjYuNTc4MzM4NSwyNC4xMzI5MjMxIDI2LjI0NTI5MjMsMjMuMzM4MzM4NSBDMjUuOTEyMjQ2MiwyMi41NDQ0OTIzIDI1LjU3OTU2OTIsMjIuNjc2Njc2OSAyNS4zNDU4NDYyLDIyLjY3NjY3NjkgQzI1LjExMjQ5MjMsMjIuNjc2Njc2OSAyNC44NDU5MDc3LDIyLjY0MzQ0NjIgMjQuNTc5MzIzMSwyMi42NDM0NDYyIEMyNC4zMTI3Mzg1LDIyLjY0MzQ0NjIgMjMuODc5MjYxNSwyMi43NDI3NjkyIDIzLjUxMjYxNTQsMjMuMTM5NjkyMyBDMjMuMTQ2MzM4NSwyMy41MzY5ODQ2IDIyLjExMzYsMjQuNDk2OTg0NiAyMi4xMTM2LDI2LjQ0OTEwNzcgQzIyLjExMzYsMjguNDAxNiAyMy41NDU4NDYyLDMwLjI4OCAyMy43NDYzMzg1LDMwLjU1MjM2OTIgQzIzLjk0NjA5MjMsMzAuODE2NzM4NSAyNi41MTE4NzY5LDM0Ljk1MzYgMzAuNTc2NzM4NSwzNi41NDI0IEMzNC42NDMwNzY5LDM4LjEzMDgzMDggMzQuNjQzMDc2OSwzNy42MDA5ODQ2IDM1LjM3NjM2OTIsMzcuNTM0ODkyMyBDMzYuMTA4NTUzOCwzNy40Njg4IDM3Ljc0MTI5MjMsMzYuNTc1MjYxNSAzOC4wNzU0NDYyLDM1LjY0ODg2MTUgQzM4LjQwODEyMzEsMzQuNzIxNzIzMSAzOC40MDgxMjMxLDMzLjkyNzEzODUgMzguMzA4OCwzMy43NjE3MjMxIEwzOC4zMDg4LDMzLjc2MTcyMzEgWiIgZmlsbD0iI0ZGRkZGRiIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.inis {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMDAiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHN0eWxlPSJkaXNwbGF5OmlubGluZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtODUyLjM2MjE4KSI+PHBhdGggZD0iTSAxMDAgMTAgQyA1MC4yOTQzNzMgMTAgMTAgNTAuMjk0MzcgMTAgMTAwIEMgMTAgMTQ5LjcwNTYyIDUwLjI5NDM3MyAxOTAgMTAwIDE5MCBDIDEwMC43NTA0NCAxOTAgMTAxLjQ3OTY0IDE4OS45MTYgMTAyLjIxODc1IDE4OS44NzUgQyAxMDIuNDc4NzggMTg5Ljg2MSAxMDIuNzM5NjggMTg5Ljg1Njc1IDEwMyAxODkuODQzNzUgQyAxMDMuOTM3OTIgMTg5Ljc5NzMgMTA0Ljg3NjQ1IDE4OS43NDc1NiAxMDUuODEyNSAxODkuNjg3NSBDIDExMi4zODAyNCAxODkuMjY2MDUgMTE4Ljc0MzgzIDE4OC4wNzkzOSAxMjQuODQzNzUgMTg2LjMxMjUgQyAxMzAuNTE2ODIgMTg0LjY2OTI1IDEzNS45NjIwOCAxODIuNTMwNTIgMTQxLjEyNSAxNzkuODc1IEMgMTU5LjIxNDI1IDE3MC41NzA5MSAxNzMuNTY3MjEgMTU1LjI2NDUzIDE4MS45MDYyNSAxMzYuNjU2MjUgQyAxODEuOTY5MzUgMTM2LjUxNTM5IDE4Mi4wNjI1NyAxMzYuMzkxMjQgMTgyLjEyNSAxMzYuMjUgQyAxODMuODI2MzkgMTMyLjQwMDg5IDE4NS4zNDI4IDEyOC40NTQ3OCAxODYuNSAxMjQuMzQzNzUgQyAxODcuNDAwNCAxMjEuMTQ1MDIgMTg4LjE3MzA4IDExNy44OTYzNCAxODguNzE4NzUgMTE0LjU2MjUgQyAxODkuMzE3NzQgMTEwLjkwMjkgMTg5LjY3NTA3IDEwNy4xNjUwOSAxODkuODQzNzUgMTAzLjM3NSBDIDE4OS44OTM3NSAxMDIuMjUwNDkgMTkwIDEwMS4xMzY5MyAxOTAgMTAwIEMgMTkwIDk2LjM0OTc4IDE4OS43MDM2MyA5Mi43ODY0OCAxODkuMjgxMjUgODkuMjUgQyAxODkuMTk1NTUgODguNTMyMjUgMTg5LjAzOTk4IDg3LjgzNzQ4IDE4OC45Mzc1IDg3LjEyNSBDIDE4Mi42NjkzMiA0My41NDQ5MyAxNDUuMzE0NTggMTAgMTAwIDEwIHogIiBpZD0icGF0aDU5NTUiIHN0eWxlPSJmaWxsOiMyNjRlODA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsODUyLjM2MjE4KSIvPjxwYXRoIGQ9Ik0gMTMwLjY3NDEyLDkwMi4zNjIxOCBIIDY5LjMyNTg4IEMgNTguNjY5NTIsOTAyLjM2MjE4IDUwLDkxMS4wMjk4NSA1MCw5MjEuNjg2NDIgdiAyMC40MTM1OSA0MC45Mzc5NyBjIDAsMTAuNjU2NSA4LjY2OTUyLDE5LjMyNDIyIDE5LjMyNTg4LDE5LjMyNDIyIGggNjEuMzUwMjUgQyAxNDEuMzMyNSwxMDAyLjM2MjIgMTUwLDk5My42OTQ0OCAxNTAsOTgzLjAzNzk4IFYgOTQyLjA5Nzk5IDkyMS42ODQ0IGMgLTAuMDAyLC0xMC42NTY1NyAtOC42Njk1MiwtMTkuMzIyMjIgLTE5LjMyNTg4LC0xOS4zMjIyMiB6IG0gNS41NDMsMTEuNTIzOTQgMi4yMTA3NSwtMC4wMDggdiAyLjIwMDcxIDE0Ljc0OTQ1IGwgLTE2Ljg5MzI2LDAuMDU0NSAtMC4wNTg1LC0xNi45NDgxNSAxNC43NDEsLTAuMDQ4NCB6IG0gLTUwLjQ5MDE2LDI4LjIxMTg3IGMgMy4yMDMxNywtNC40MzE2NiA4LjM5OTIzLC03LjMzODM2IDE0LjI3MzA0LC03LjMzODM2IDUuODczODEsMCAxMS4wNjk4NywyLjkwNjcgMTQuMjY5LDcuMzM4MzYgMi4wODM2NywyLjg5MjU5IDMuMzMyMjYsNi40MzA2NiAzLjMzMjI2LDEwLjI2MzIzIDAsOS43MDQ0OCAtNy45MDMwMiwxNy41OTk1NiAtMTcuNjAzMjgsMTcuNTk5NTYgLTkuNzA2MzEsMCAtMTcuNjAxMjYsLTcuODk1MDggLTE3LjYwMTI2LC0xNy41OTk1NiAwLjAwMiwtMy44MzI1NyAxLjI0NjU4LC03LjM3MDY0IDMuMzMwMjQsLTEwLjI2MzIzIHogbSA1NC41Mjg0MSw0MC45Mzc4OSBjIDAsNS4yODcgLTQuMjk4NDYsOS41ODE1IC05LjU4MTI1LDkuNTgxNSBIIDY5LjMyNTg4IGMgLTUuMjg0ODEsMCAtOS41ODMyNiwtNC4yOTQ1IC05LjU4MzI2LC05LjU4MTUgdiAtNDAuOTM3ODkgaCAxNC45MjY1NyBjIC0xLjI4ODkzLDMuMTcwOTUgLTIuMDEzMDcsNi42MzQzOSAtMi4wMTMwNywxMC4yNjMyMyAwLDE1LjA3NDE2IDEyLjI2NCwyNy4zNDY0NiAyNy4zNDM4OCwyNy4zNDY0NiAxNS4wNzc4NiwwIDI3LjM0MTg2LC0xMi4yNzIzIDI3LjM0MTg2LC0yNy4zNDY0NiAwLC0zLjYyODg0IC0wLjcyODE4LC03LjA5MjI4IC0yLjAxNzExLC0xMC4yNjMyMyBoIDE0LjkzMDYyIHYgNDAuOTM3ODkgeiIgaWQ9InBhdGgzIiBzdHlsZT0iZmlsbDojZWNlY2VjIi8+PC9nPjxnIGlkPSJsYXllcjkiLz48ZyBpZD0ibGF5ZXI4IiBzdHlsZT0iZGlzcGxheTppbmxpbmUiPjxwYXRoIGQ9Ik0gOTksOS45OTk5OTk1IEMgNDkuMjk0MzcsOS45OTk5OTk1IDkuMDAwMDAxLDUwLjI5NDM2OSA5LjAwMDAwMSw5OS45OTk5OTggOS4wMDAwMDEsMTQ5LjcwNTY2IDQ5LjI5NDM3MSwxOTAgOTksMTkwIEwgOTksOS45OTk5OTk1IHoiIGlkPSJyZWN0Mjk5NSIgc3R5bGU9Im9wYWNpdHk6MC4xNTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7ZGlzcGxheTppbmxpbmUiLz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.iphone {
    background-image: url('../ATA/images/social_apple.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
      width: 24px;
    height: 24px;
    float: left;
    margin: 2px 5px;
}


.tt {
    background-image: url(../images/bgt.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.tt1 {
    background-image: url(../images/bgt.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 26px;
    height: 26px;
    margin: 0 5px;
}

.ww {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMDAiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHN0eWxlPSJkaXNwbGF5OmlubGluZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtODUyLjM2MjE4KSI+PHBhdGggZD0ibSAxMDAsMTAgYyAtNDkuNzA1NjI3LDAgLTkwLDQwLjI5NDM3MyAtOTAsOTAgMCw0OS43MDU2MyA0MC4yOTQzNzMsOTAgOTAsOTAgMS45NjU2OCwwIDMuODc4MTcsLTAuMTg4MzggNS44MTI1LC0wLjMxMjUgNi41Njc3NCwtMC40MjE0NSAxMi45MzEzMywtMS42MDgxMSAxOS4wMzEyNSwtMy4zNzUgNS42NzMwNywtMS42NDMyNSAxMS4xMTgzMywtMy43ODE5OCAxNi4yODEyNSwtNi40Mzc1IDI0Ljg2MTQ3LC0xMi43ODczNCA0Mi45MjE1NCwtMzYuNzY2OTcgNDcuNTkzNzUsLTY1LjMxMjUgQyAxODkuNDk1NDYsMTA5LjgxNzExIDE5MCwxMDQuOTY4ODYgMTkwLDEwMCBjIDAsLTMuNjUwMjE2IC0wLjI5NjM3LC03LjIxMzUyNCAtMC43MTg3NSwtMTAuNzUgLTAuMDg1NywtMC43MTc3NDkgLTAuMjQxMjcsLTEuNDEyNTI0IC0wLjM0Mzc1LC0yLjEyNSBDIDE4Mi42NjkzMiw0My41NDQ5MjggMTQ1LjMxNDU4LDEwIDEwMCwxMCB6IiBpZD0icGF0aDU3NDIiIHN0eWxlPSJmaWxsOiM1NTdiODk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsODUyLjM2MjE4KSIvPjwvZz48ZyBpZD0ibGF5ZXIzIiBzdHlsZT0iZGlzcGxheTppbmxpbmUiLz48ZyBpZD0ibGF5ZXI0IiBzdHlsZT0iZGlzcGxheTppbmxpbmUiPjxwYXRoIGQ9Ik0gOTguNjg3NSAxMC4wOTM3NSBDIDU5LjQ3MTkyNiAxMC42Nzg5NTMgMjMuNzc4NjM4IDM3LjA1MjU4NyAxMy4xMjUgNzYuODEyNSBDIDAuMjYwMjM5NjcgMTI0LjgyNDQ1IDI4Ljc2OTMyIDE3NC4xNjY2NSA3Ni43ODEyNSAxODcuMDMxMjUgQyA3OC42Nzk5NSAxODcuNTQwMDUgODAuNTY4MjUgMTg3Ljg2OTMgODIuNDY4NzUgMTg4LjI1IEMgODguMzM4MDM2IDE4OS40MjU3NiA5NC4yMDg1NCAxODkuOTE3ODIgMTAwIDE4OS45MDYyNSBMIDEwMCAxMC4wOTM3NSBDIDk5LjU2MTQ1MSAxMC4wOTM4MzkgOTkuMTI1MTk3IDEwLjA4NzIxOCA5OC42ODc1IDEwLjA5Mzc1IHogIiBpZD0icmVjdDI5ODkiIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7b3BhY2l0eTowLjE1Ii8+PHJlY3QgaGVpZ2h0PSIxLjI5NjIwMjUiIGlkPSJyZWN0Mzc1OSIgc3R5bGU9Im9wYWNpdHk6MC4xO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgd2lkdGg9IjEuOTQ0MzAzOCIgeD0iLTExMy40MTc3MiIgeT0iNjguNzU5NDkxIi8+PGcgaWQ9ImczIiBzdHlsZT0iZmlsbDojZWNlY2VjIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzMzMxODUsMCwwLDEuMzMzMzE4NSwzMy4zMzM0MDgsMzIuOTIwNzc4KSI+PGRlZnMgaWQ9ImRlZnM1Ij48cmVjdCBoZWlnaHQ9IjEwMCIgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMTAwIiB4PSIwIiB5PSIwIi8+PC9kZWZzPjxwYXRoIGQ9Ik0gOTQuOTM4LDE5IEggNzYuMzMxIGwgLTEuMzMyLDAuMjI5IHYgMS43ODggYyAwLDAuMjEgMC42MzYsMC4zODYgMC44MTIsMC41MTcgMC4xNjgsMC4xNDIgMC42MjMsMC4yMTkgMC44MTEsMC4yMTkgbCAxLjY4NiwwLjA4NCBjIDEuOTEyLDAuMDkgMi40OTQsMC41MDUgMy4yMzksMS4yMDUgMC43MzEsMC43MjUgMC44NTEsMS45NTUgMC4yODEsMy42ODQgTCA2NS4zODMsNjkuNjU0IDY0Ljc1NSw2OS40NjcgNTQuMzA5LDQ1Ljk3IGMgMC4xNTEsLTAuMzUzIDAuMjQyLC0wLjU1MSAwLjI0MiwtMC41NTEgbCA4LjU1MywtMTcuNTc4IGMgMC45OTQsLTEuODU0IDEuOTU3LC0zLjUxMSAyLjQ0NiwtNC4yODMgMC44OTQsLTEuNDA4IDEuMzI4LC0xLjY3NCAzLjc2MywtMS43OTcgMC40OTgsMCAwLjY4OCwtMC4yNDQgMC42ODgsLTAuNzM4IHYgLTEuNzc4IGwgLTAuMTI1LC0wLjE5MSBjIDAsMCAtMTAuMjI0LC0wLjAzNSAtMTQuODc5LDAgbCAwLjAwMiwwLjE4MyB2IDEuNzc5IGMgMCwwLjIxNyAtMC4xMTksMC4zOSAwLjA0NiwwLjUyMSAwLjE3NiwwLjE0MiAwLjI1LDAuMjE1IDAuNDM5LDAuMjE1IGwgMC42OTcsMC4wODkgYyAxLjkwMiwwLjA5IDIuNzU0LDAuNjM2IDMuMDEyLDAuOTc5IDAuNDU1LDAuNjE1IDAuNjY4LDEuMjcxIC0wLjQzNCwzLjkxMSBsIC02LjU4NSwxNC40MiAtNS45NSwtMTMuMzc2IGMgLTEuOTUyLC00LjI3NCAtMi40MzQsLTUuNTk3IDAuNTA3LC01Ljg0NCBsIDAuNzksLTAuMTgzIGMgMC41NjYsMCAwLjQ3OCwtMC4yMjQgMC40NzgsLTAuNjQ5IHYgLTEuODcgTCA0Ny45NCwxOS4wNzYgYyAwLDAgLTEwLjg5OSwwIC0xNS44NzMsMC4wMDMgTCAzMiwxOS4yNjIgdiAxLjg3NSBjIDAsMC40MjEgMC40MTYsMC41MjkgMS4xODYsMC42NDUgMi43NTQsMC4zOTYgMi43MDcsMC43MTMgNS40MjgsNi42NDYgMC40MDcsMC44ODkgMS42MSwzLjU3IDEuNjEsMy41NyBsIDYuMjAzLDEzLjM5MSBjIDAsMCAwLjcwNCwxLjcyIDEuODA1LDQuMzkgbCAtOS4wMTYsMTkuNzYzIC0wLjUxNCwtMC4xNDYgYyAwLDAgLTEzLjk5MiwtMzIuNDE4IC0xOC4wMzcsLTQzLjI2NiAtMC40MjcsLTEuMTE3IC0wLjYxMSwtMS45NTMgLTAuNjExLC0yLjQ2OCAwLC0xLjEwMiAwLjkwNCwtMS42OTkgMi43MTIsLTEuNzc5IGwgMi43NTEsLTAuMDk5IEMgMjYuMDgsMjEuNzg0IDI3LDIxLjU0OCAyNywyMS4wNTcgdiAtMS43NzkgbCAtMC44MjksLTAuMTg0IGMgMCwwIC0xNy4xMzksLTAuMDIxIC0yMC42MDIsMCBMIDUsMTkuMjc5IHYgMS44NzIgYyAwLDAuMzM2IDAuNDQ5LDAuNTQ1IDEuMjI4LDAuNjM0IDIuMTI4LDAuMTI5IDMuNTU5LDAuNDk5IDQuMjI5LDEuMTIzIDAuNjY4LDAuNjI4IDEuMzkzLDIuMjE1IDIuMzMzLDQuNjg4IDUuMDg2LDEzLjQyNCAxNS45MDEsMzcuMzggMjEuMTY2LDUxLjAyNiAxLjUxMiwzLjcyNCAzLjQyMyw0LjMwMyA1LjczMiwtMC4xMTcgMi4zNzksLTQuODQ4IDcuMTc5LC0xNS42MDggMTAuNjgsLTIzLjU1MiAzLjI3NSw3LjkyNCA3LjczNCwxOC42NDUgOS44ODUsMjMuNTAxIDEuNzEyLDMuODg3IDMuNjY0LDQuMjcxIDUuNjQ2LDAuMTE2IDUuMTgzLC0xMi42NTQgMjAuMzE5LC01MC43MzYgMjAuMzE5LC01MC43MzYgMC42NTQsLTEuODY5IDEuNTY4LC0zLjMwOSAyLjc0NiwtNC4zNTUgMS4xNjksLTEuMDMzIDIuOTA5LC0xLjYxNyA1LjM0OSwtMS43MzEgMC40OTQsMCAwLjY4OCwtMC4yNDkgMC42ODgsLTAuNzMxIFYgMTkuMjI5IEwgOTQuOTM4LDE5IHoiIGlkPSJwYXRoOCIgc3R5bGU9ImZpbGw6I2VjZWNlYyIvPjwvZz48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.qq {
    background-image: url(../images/bgq.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}

.and {
    background-image: url(../images/bgand.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px;
}


.liencalender {
    width: 998px;
}



/*News Block*/

#carousel-news-4 .bglienbox {
    left: 0;
    top: 150px;
   /* position: relative*/
}

#carousel-news-4 .item {
    min-height: 190px;
}

    #carousel-news-4 .item .imgNews {
        float: right;
        height: 100%;
        min-height: 190px;
        width: 170px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
     #carousel-news-4 .item .imgNews img {
            border-radius: 10px;
            max-width: 100%;
            max-height: 100%;
            width: auto;
            margin-top: -70px;
        }

/*مشاريع وفعاليات*/

#carousel-news-2 > .left {
    left: -20px;
}

#carousel-news-2 .bglienbox {
    bottom: 10px;
    left: 0;
    position: absolute
}

@media screen and (max-width:800px) {
   .cssFieldtextarea{
       width:100% ;
      height:200px;
     }
    .googleMapCss {
        width: auto;
        height: 200px;
    }

    .ftrait2 {
        display: none;
    }

    .traithoriz {
        display: none;
    }

    .fbox3 {
        display: none;
    }



    .footer {
        width: 100%;
        margin: 0 auto;
    }

    .footer2 {
        height: 40px;
        width: 100%;
        margin: 0 auto;
        padding-top: 10px;
    }

    .bglienbox {
        text-align: left;
        margin: 0px 0px 0px 20px;
    }



    .year {
        background-image: url(../images/an.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 0px 10px 0px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .year:hover {
            background-image: url(../images/anhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 0px 10px 0px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }


    .month {
        background-image: url(../images/moin.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 0px 10px 0px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .month:hover {
            background-image: url(../images/moinhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 0px 10px 0px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .week {
        background-image: url(../images/week.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 0px 10px 0px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .week:hover {
            background-image: url(../images/weekhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 0px 10px 0px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }



    .day {
        background-image: url(../images/day.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 0px 10px 0px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .day:hover {
            background-image: url(../images/dayhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 0px 10px 0px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }



    .liencalender {
        width: 767px;
        margin: 0 auto;
    }



    .logo {
        background-image: url(../images/logo800.png);
        background-repeat: no-repeat;
        height: 148px;
        width: 196px;
        float: right;
        position: absolute;
        z-index: 9999999999;
        margin-top: 8px;
    }

    .bgslogon {
        height: 230px;
        width: 98%;
        margin: 0 auto;
        background-image: url(../images/truc1.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #FFF;
        border-radius: 10px;
        background-size: 131px;
        -moz-box-shadow: 1px 1px 5px #000000;
        -webkit-box-shadow: 1px 1px 5px #000000;
        box-shadow: 1px 1px 5px #000000;
        margin-top: -35px;
    }

    .bgnews {
        width: 100%;
        margin-right: 15px;
    }

    .box {
        width: 43%;
        height: 224px;
        float: right;
        margin-top: 20px;
        background-color: #dfdfdf;
        border-radius: 10px;
        border-bottom: 10px solid #9e7609;
        margin: 15px;
    }

        .box:hover {
            width: 43%;
            height: 224px;
            float: right;
            background-color: #fff;
        }

    .blocNews {
        width: 100%;
        float: none !important;
    }

    .content {
        width: 100%;
        margin: 0 auto;
        padding-top: 15px;
    }

    .blocVideo {
        display: none;
    }

    .header {
        height: 33px;
        line-height: 33px;
        width: 100%;
        margin: 0 auto;
    }

    .bgreseau {
        width: 100% !important;
    }

    .liencalender a {
        text-decoration: none !important;
    }
}

@media screen and (max-width: 768px) {
        .cssFieldtextarea{
       width:100% ;
      height:200px;
     }

    .bgcontenueInterne {
        background-image: url(../images/bgcontenue.jpg);
        background-repeat: repeat-x;
        position: absolute;
        z-index: -999;
        top: 220px;
        width: 100%;
        height: 232px;
    }

    .liencalender {
        width: 629px;
        margin: 0 auto;
    }

    .footer {
        width: 100%;
    }

    .traithoriz {
        display: none;
    }

    .ftrait2 {
        display: none;
    }

    .fbox3 {
        display: none;
    }

    .ftrait1 {
        display: none;
    }

    .fbox2 {
        display: none;
    }


    .content h1 {
        font-size: 18px;
        font-family: Droid Arabic Kufi !important;
        color: #01063e;
        float: right;
        margin-right: 10px;
    }

    .bgNews2 {
        height: 216px;
        width: 98%;
        margin: 0 auto;
        background-image: url(../images/truc2.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #FFF;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 10px;
    }

    .BlocInterneNews {
        width: 98%;
        margin: 0 auto;
        background-color: #FFF;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 10px;
        font-size: 13px;
        line-height: 25px;
        text-align: justify;
        margin-bottom: -5px;
    }

    .BlocInterne {
        width: 98%;
        margin: 0 auto;
        background-color: #FFF;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 10px;
        font-size: 12px;
    }

    .year {
        background-image: url(../images/an.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 100px 10px 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .year:hover {
            background-image: url(../images/anhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 100px 10px 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            -ms-transform: scale(1.15);
            transform: scale(1.15);
        }


    .month {
        background-image: url(../images/moin.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 100px 10px 10px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .month:hover {
            background-image: url(../images/moinhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 100px 10px 10px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .week {
        background-image: url(../images/week.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 100px 10px 10px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .week:hover {
            background-image: url(../images/weekhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 100px 10px 10px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }



    .day {
        background-image: url(../images/day.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: right;
        margin: 10px 110px 10px 10px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .day:hover {
            background-image: url(../images/dayhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: right;
            margin: 10px 100px 10px 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }





    .bgcontenue {
        display: none;
    }

    .bgnews {
        width: 95%;
        margin: 0 auto;
    }

    .logo {
        background-image: url(../images/logo1.png);
        background-repeat: no-repeat;
        height: 148px;
        width: 264px;
        float: none !important;
        margin: 20px auto !important;
        position: relative !important;
        margin-top: 8px;
    }

    .reseau {
        display: none;
    }

    .bgdate {
        display: none;
    }

    .bgreseau {
        height: 170px;
        width: 100% !important;
    }



    .header {
        height: 33px;
        line-height: 33px;
        width: 100%;
        margin: 0 auto;
    }


    .open {
        color: #e2a400;
        position: absolute;
        margin-right: 130px;
        margin-top: 15px;
    }

    .bloclange {
        height: 33px;
        line-height: 33px;
        width: 150px;
        float: right;
    }

    .bglien {
        height: 33px;
        line-height: 33px;
        width: 420px;
        text-align: center;
        float: left;
    }

        .bglien li {
            list-style: none;
            float: right;
            padding: 0px 3px;
            line-height: 33px;
        }

            .bglien li a {
                text-decoration: none;
                color: #4f4f4f;
                font-size: 11px;
            }

    .bgrecherche {
        height: 30px;
        line-height: 30px;
        width: 200px;
        text-align: center;
        float: left;
    }

        .bgrecherche input[type=text] {
            border: 1px solid #cbcbcb;
            line-height: 29px;
            padding: 0 5px;
            font-family: Droid Arabic Kufi;
            font-size: 12px;
            background-color: #f3f3f3;
            width: 100px;
        }

    .bgslogon {
        height: 230px;
        width: 98%;
        margin: 0 auto;
        background-image: url(../images/truc1.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #FFF;
        background-size: 131px;
        border-radius: 10px;
        -moz-box-shadow: 1px 1px 5px #000000;
        -webkit-box-shadow: 1px 1px 5px #000000;
        box-shadow: 1px 1px 5px #000000;
        margin-top: 25px;
    }

    .blocNews {
        width: 100%;
        float: none !important;
    }
}

@media screen and (max-width: 640px) {
     .cssFieldtextarea{
       width:100% ;
      height:200px;
     }

    .year {
        display: none;
    }

    .googleMapCss {
        width: 500px;
        height: 380px;
    }

    .home {
        text-decoration: none;
        color: #01063e;
        font-size: 14px;
    }

    .titreactif {
        text-decoration: none;
        color: #937011;
        font-size: 14px;
    }


    .year {
        background-image: url(../images/an.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        padding-top: 1px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .year:hover {
            background-image: url(../images/anhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }


    .month {
        background-image: url(../images/moin.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        padding-top: 1px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        text-decoration: none !important;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }


        .month:hover {
            background-image: url(../images/moinhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .week {
        background-image: url(../images/week.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        padding-top: 1px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .week:hover {
            background-image: url(../images/weekhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }



    .day {
        background-image: url(../images/day.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        padding-top: 1px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .day:hover {
            background-image: url(../images/dayhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .liencalender {
        width: 480px;
        margin: 0 auto;
    }


    .bgfooter1 {
        background-color: #050b3f;
        height: 400px;
        width: 100%;
        padding-top: 20px;
    }

    .traithoriz {
        display: block;
        width: 160px;
        margin: 0 auto;
    }

    .ftrait2 {
        display: none;
    }

    .fbox3 {
        display: none;
    }

    .ftrait1 {
        display: none;
    }

    .ftrait {
        display: none;
    }

    .fbox2 {
        display: none;
    }

    .fbox1 {
        float: none;
        width: 238px;
        height: 151px;
        margin: 0 auto;
    }


    .BlocInterne {
        width: 98%;
        margin: 0 auto;
        background-color: #FFF;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 10px;
        font-size: 12px;
    }

    .BlocInterne img {
        max-width: 100%;
        height: auto !important;
    }


    .bgNews2 {
        height: 270px;
        width: 98%;
        margin: 0 auto;
        background-image: url(../images/truc2.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #FFF;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 10px;
    }

    .imgNews {
        float: none;
        text-align: center;
        width: 100%;
    }

        .imgNews img {
            float: none;
        }

    .trait {
        display: none;
    }

    .bloctxt {
        float: right;
        width: 98%;
        text-align: right;
        font-family: Droid Arabic Kufi !important;
        font-size: 12px;
    }

        .bloctxt h1 {
            font-family: Droid Arabic Kufi !important;
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #0a1476;
        }

        .bloctxt span {
            font-family: Arial;
            float: none;
            margin-right: 40%;
            font-size: 12px;
            text-align: center !important;
            color: #d7661a;
        }

        .bloctxt p {
            font-size: 12px;
        }

    .blocNews {
        width: 100%;
        float: none !important;
    }

    .bgnews {
        width: 95%;
        margin: 0 auto;
    }

    .da-slide .da-img {
        display: none;
    }

    .da-slide h2 {
        color: #000;
        font-size: 28px;
        white-space: nowrap;
        top: -20px;
        z-index: 10;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
        font-family: Droid Arabic Kufi !important;
        text-align: right;
        right: 55px;
        font-weight: normal;
    }

    .da-slider {
        height: 290px !important;
    }

    .da-slide p {
        color: #3d3d3d;
        font-size: 12px;
        overflow: hidden;
        font-family: Droid Arabic Kufi !important;
        right: 55px;
        text-align: right;
        top: 23px;
    }

    .bgslogon {
        width: 98%;
        height: 290px !important;
        margin: 0 auto;
        background-image: url(../images/truc1.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #FFF;
        border-radius: 10px;
        background-size: 131px;
        -moz-box-shadow: 1px 1px 5px #000000;
        -webkit-box-shadow: 1px 1px 5px #000000;
        box-shadow: 1px 1px 5px #000000;
        margin-top: -35px;
    }

    .da-dots {
        width: 100%;
        position: absolute;
        left: 45%;
        bottom: -10px;
        z-index: 2000;
        -moz-user-select: none;
        -webkit-user-select: none;
    }


    .logo {
        background-image: url(../images/logo800.png);
        background-repeat: no-repeat;
        height: 148px;
        width: 264px;
        float: none !important;
        margin: 20px auto !important;
        position: relative !important;
        margin-top: 8px;
        background-position: center;
    }

    .blocheader {
        background-image: url(../images/bglanguemobile.jpg);
        background-repeat: repeat-x;
        height: 66px;
    }

    .header {
        height: 33px;
        line-height: 33px;
        width: 100%;
        margin: 0 auto;
    }

    .bloclange {
        height: 33px;
        line-height: 33px;
        width: 200px;
        float: none;
        margin: 0 auto;
    }

    .bglien {
        height: 33px;
        line-height: 33px;
        width: 50%;
        text-align: center;
        float: right;
    }

        .bglien li {
            list-style: none;
            float: right;
            padding: 0px 5px;
            line-height: 33px;
        }
}

@media only screen and (max-width : 480px) {
     .cssFieldtextarea{
       width:100% ;
      height:200px;
     }
    .year {
        display: none;
    }

    .googleMapCss {
        width: auto;
        height: 200px;
    }

    .bgcontenueInterne {
        display: none;
    }

    .bgfooter1 {
        background-color: #050b3f;
        height: 400px;
        width: 100%;
        padding-top: 20px;
    }

    .traithoriz {
        display: block;
        width: 160px;
        margin: 0 auto;
    }


    .box {
        width: 98%;
        height: 224px;
        float: right;
        margin-top: 20px;
        background-color: #dfdfdf;
        border-radius: 10px;
        border-bottom: 10px solid #9e7609;
        margin: 20px 2px;
    }

        .box:hover {
            width: 98%;
            height: 224px;
            float: right;
            background-color: #fff;
        }


    .ban {
        display: none;
    }

    .BlocInterne {
        width: 98%;
        margin: 0 auto;
        background-color: #FFF;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 10px;
        font-size: 12px;
    }

    .bgNews2 {
        height: 300px;
        width: 98%;
        margin: 0 auto;
        background-image: url(../images/truc2.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #FFF;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 10px;
    }

    .imgNews {
        float: none;
        text-align: center;
        width: 100%;
    }

        .imgNews img {
            float: none;
        }

    .trait {
        display: none;
    }

    .bloctxt {
        float: right;
        width: 98%;
        text-align: right;
        font-family: Droid Arabic Kufi !important;
        font-size: 12px;
        margin-top: -95px;
    }

        .bloctxt h1 {
            font-family: Droid Arabic Kufi !important;
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #0a1476;
        }

        .bloctxt span {
            font-family: Arial;
            float: none;
            margin-right: 40%;
            font-size: 12px;
            text-align: center !important;
            color: #d7661a;
        }

        .bloctxt p {
            font-size: 12px;
        }






    .bgnews {
        width: 95%;
        margin: 0 auto;
    }


    .ban {
        display: none;
    }


    .bgslogon {
        height: 230px;
        width: 95%;
        margin: 0 auto;
        background-size: 131px;
        background-color: #FFF;
        background-image: none !important;
        border-radius: 10px;
        -moz-box-shadow: 1px 1px 5px #000000;
        -webkit-box-shadow: 1px 1px 5px #000000;
        box-shadow: 1px 1px 5px #000000;
        margin-top: 15px;
    }

    .code {
        margin-left: 292px;
    }

    .logo {
        background-image: url(../images/logo800.png);
        background-repeat: no-repeat;
        height: 148px;
        width: 264px;
        float: none !important;
        margin: 20px auto !important;
        position: relative !important;
        margin-top: 8px;
        background-position: center;
    }

    .blocheader {
        background-image: url(../images/bglanguemobile.jpg);
        background-repeat: repeat-x;
        height: 66px;
    }

    .bglien {
        height: 33px;
        line-height: 33px;
        width: 420px;
        margin: 0 auto;
        text-align: center;
        float: none !important;
        margin-top: 5px;
    }

    .bgrecherche {
        height: 30px;
        line-height: 30px;
        width: 100%;
        margin: 0 auto;
        float: none !important;
    }

        .bgrecherche input[type=text] {
            border: 1px solid #cbcbcb;
            line-height: 29px;
            padding: 0 5px;
            font-family: Droid Arabic Kufi;
            font-size: 12px;
            background-color: #f3f3f3;
            width: 50%;
        }
}

@media only screen and (max-width : 360px) {
     .cssFieldtextarea{
       width:100% ;
      height:200px;
     }
    .year {
        display: none;
    }

    .googleMapCss {
        width: auto;
        height: 200px;
    }

    .year {
        background-image: url(../images/an.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .year:hover {
            background-image: url(../images/anhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }


    .month {
        background-image: url(../images/moin.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .month:hover {
            background-image: url(../images/moinhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .week {
        background-image: url(../images/week.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .week:hover {
            background-image: url(../images/weekhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }



    .day {
        background-image: url(../images/day.png);
        background-repeat: no-repeat;
        width: 185px;
        height: 81px;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

        .day:hover {
            background-image: url(../images/dayhover.png);
            background-repeat: no-repeat;
            width: 185px;
            height: 81px;
            float: none;
            margin: 0 auto;
            margin-top: 20px;
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15);
        }

    .liencalender {
        width: 98%;
        margin: 0 auto;
    }

    .footer2res {
        width: 320px;
        float: none;
        margin: 0 auto;
    }

    .footer2txt {
        width: 220px;
        float: none;
        margin: 0 auto;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
    }

    .traithoriz {
        display: block;
        width: 160px;
        margin: 0 auto;
    }

    .bgnews {
        display: none;
    }

    .dis {
        display: none;
    }

    .da-slide .da-img {
        display: none;
    }



    .ban {
        display: none;
    }

    .logo {
        background-image: url(../images/logo800.png);
        background-repeat: no-repeat;
        height: 148px;
        width: 264px;
        float: none !important;
        margin: 20px auto !important;
        position: relative !important;
        margin-top: 8px;
        background-position: center;
    }
}

@media only screen and (max-width : 320px) {
     .cssFieldtextarea{
       width:100% ;
      height:200px;
     }
    .googleMapCss {
        width: auto;
        height: 200px;
    }

    .footer2res {
        width: 320px;
        float: none;
        margin: 0 auto;
    }

    .footer2txt {
        width: 220px;
        float: none;
        margin: 0 auto;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
    }

    .bgnews {
        display: none;
    }

    .dis {
        display: none;
    }

    .traithoriz {
        display: block;
        width: 160px;
        margin: 0 auto;
    }

    .da-slide .da-img {
        display: none;
    }

    .da-slide h2 {
        color: #000;
        font-size: 28px;
        white-space: nowrap;
        top: -20px;
        z-index: 10;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
        font-family: Droid Arabic Kufi !important;
        text-align: right;
        right: 55px;
        font-weight: normal;
    }

    .da-slide p {
        color: #3d3d3d;
        font-size: 11px;
        line-height: 26px;
        overflow: hidden;
        font-family: Droid Arabic Kufi !important;
        right: 55px;
        text-align: right;
        top: 40px;
    }

    .bgslogon {
        height: 230px;
        width: 98%;
        margin: 0 auto;
        background-size: 131px;
        background-image: url(../images/truc1.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #FFF;
        border-radius: 10px;
        -moz-box-shadow: 1px 1px 5px #000000;
        -webkit-box-shadow: 1px 1px 5px #000000;
        box-shadow: 1px 1px 5px #000000;
        margin-top: 20px;
    }



    .ban {
        display: none;
    }


    .logo {
        background-image: url(../images/logo800.png);
        background-repeat: no-repeat;
        height: 148px;
        width: 264px;
        float: none !important;
        margin: 20px auto !important;
        position: relative !important;
        margin-top: 8px;
        background-position: center;
    }
}


.fright {
    float: right;
}

.left1 {
    color: #0066CC;
    float: right;
    font-size: 24px;
    height: 100px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}

.left2 {
    padding-top: 20px;
    text-align: left;
}

.brown {
    color: #630;
    font-size: 24px;
    text-decoration: none;
}

/*Comments Block*/

.comments-block input {
    font-family: 'Droid Arabic Kufi';

}

.comments-block td {
    width: 100px;
}