/*** Listing Page Evenement ***/

.path-evenements h1.page-header {
    display: none;
}

body.ins-tn ol.breadcrumb {
    height: 39px;
    padding-left: 0px;
    margin-bottom: 13px;
    background: none;
    font-size: 14px;
    font-family: "Roboto-Regular";
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
}

ol.breadcrumb > li:first-child a {
    color: #0289FE;
}

ol.breadcrumb > li a {
    color: #0C0C0C;
    text-decoration: none;
}

.path-evenements .views-element-container.form-group {
    /* margin-top: 96px;*/
    opacity: 1;
}

.path-evenements .views-element-container.form-group .view-content {
    border-bottom: 1px solid #CFD6DF;
}

.path-evenements .view-ev-nements .views-row {
    display: inline-grid;
    margin-left: 0px;
    margin-right: 44px;
    width: 247px !important;
    height: 450px;
    margin-bottom: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 10px #00000017;
    border: 1px solid #D9E0E7D4;
    opacity: 100%;
    vertical-align: top;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info {
    margin-left: 14px;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .image {
    width: 100%;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing img.img-responsive {
    width: 247px;
    height: 143px;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre {
    width: 224px;
    /* height: 44px; */
    margin-top: 19px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "Roboto-bold";
    text-align: left;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre a {
    color: #01315D !important;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre a:hover {
    color: #01315D !important;
    text-decoration: none;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info div.type {
    width: 174px;
    height: 33px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "Roboto-Regular";
    text-align: left;
    letter-spacing: 0;
    color: #0068AF;
    opacity: 1;
}
body.path-authentifpanel #block-connexionutilisateur ul li{
    display: none;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .resume {
    width: 217px;
    margin-bottom: 5px;
    font-size: 15px;
    font-family: "Roboto-Regular";
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
}

.path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .link {
    width: 174px;
    height: 35px;
    font-size: 16px;
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
}

.path-evenements .view-ev-nements nav.pager-nav.text-center {
    /*text-align: left;*/
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
}

.path-evenements .view-ev-nements nav.pager-nav {
    padding: 20px 45px;
}

.path-evenements .view-ev-nements nav.pager-nav.text-center li.pager__item a {
    /* width: 35px;
    height: 35px;
    border: 1px solid #0058A9;
    opacity: 1;
    margin-right: 25px; */

    width: 30px;
    height: 30px;
    border: none;
    margin: auto;
    opacity: 1;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    padding: 6px 12px;

}

.path-evenements .view-ev-nements nav.pager-nav.text-center a:active {
    background: #0058A9 0% 0% no-repeat padding-box;
}

.path-evenements .view-ev-nements .pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.path-evenements .view-ev-nements li.pager__item.pager__item--next a,
.path-evenements .view-ev-nements li.pager__item.pager__item--first a {
    padding: 6px 4px;
    /* display: none; */
}

.path-evenements .view-ev-nements .pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.path-evenements .view-ev-nements li.pager__item.pager__item--last a,
.path-evenements .view-ev-nements li.pager__item.pager__item--previous a {
    padding: 6px 6px;
    /* display: none; */
}

/** Filter **/

section#block-formulaireexposeev-nementspage-1-2 {

    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin-bottom: 25px;
    /*margin-top: 50px;*/
    margin-top: 30px;
    opacity: 1;
    border-bottom: 1px solid #D9E0E7;
}

section#block-formulaireexposeev-nementspage-2-2 {

    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin-bottom: 0px;
    margin-top: 50px;
    opacity: 1;
    border-bottom: 1px solid #D9E0E7;
}

.page-node-type-publication section#block-formulaireexposeev-nementspage-1-2 {
    border-bottom: 1px solid #CFD6DF;
}

.page-node-type-publication section#block-formulaireexposeev-nementspage-2-2 {
    margin-bottom: 30px;
}

section#block-formulaireexposeev-nementspage-1-2 h2,
section#block-formulaireexposeev-nementspage-2-2 h2 {
    font-size: 18px;
    font-family: "Roboto-Medium";
    width: 53px;
    height: 22px;
    line-height: 24px;
    margin-top: 7px;
    text-align: left;
    letter-spacing: 0.9px;
    color: #000000;
    opacity: 1;
}

.publication #block-formulaireexposeev-nementspage-2-2 {
    display: none;
}

form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix,
form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix {
    display: block;
    height: 60px;
}

body.ins-tn form#views-exposed-form-methodologies-page-1 .form--inline.form-inline.clearfix {
    display: block;
}

body.ins-tn .view-methodologies .views-field.views-field-body,
body.ins-tn .view-methodologies .views-field-field-resume-methode {
    font-family: "Roboto-regular";
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0 15px 0;
    text-align: left;
    letter-spacing: 0px;
    color: #323232;
    opacity: 1;
}

body.ins-tn form#views-exposed-form-methodologies-page-1 select#edit-field-theme-tid,
body.ins-tn form#views-exposed-form-ev-nements-page-1 .select-wrapper,
body.ins-tn form#views-exposed-form-ev-nements-page-2 .select-wrapper,
body.ins-tn form#views-exposed-form-methodologies-page-1 .select-wrapper {
    width: 245px;
    height: 34px;
    background: transparent;
    border: 1px solid #D9E0E7;
    border-radius: 3px;
    opacity: 1;
    line-height: 1.2;
    font-family: "Roboto-regular";
}

/* body.ins-tn form#views-exposed-form-methodologies-page-1 select#edit-field-theme-tid, */
body.ins-tn form#views-exposed-form-ev-nements-page-1 .selected .select-wrapper,
body.ins-tn form#views-exposed-form-ev-nements-page-2 .selected .select-wrapper,
body.ins-tn form#views-exposed-form-methodologies-page-1 .selected .select-wrapper {
    background: #F2F9FF;
    border: 1px #9ECDF8;
    border-radius: 3px;
    opacity: 1;
}
body.ins-tn form#views-exposed-form-methodologies-page-1 .selected .select-wrapper select{
    width: 100%;
}
form#views-exposed-form-ev-nements-page-1,
form#views-exposed-form-ev-nements-page-2 {
    width: 100%;
}

body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {
    /* width: 19%; */
    height: 35px;
    margin-bottom: 10px;
    /* margin-left: 2%; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9E0E7;
    border-radius: 3px;
    opacity: 1;
    float: none;
}

body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item .select-wrapper,
body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item .select-wrapper {
    width: 100%;
    height: 100%;
}

body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix select,
body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix select {
    width: 100% !important;
    height: 100%;
    font-size: 15px;
    font-family: "Roboto-Regular";
    text-align: left;
    background: none;
    border: none;
    line-height: 1.2;
}

body.ins-tn form#views-exposed-form-ev-nements-page-1 .form-item-field-themes-target-id .select-wrapper,
body.ins-tn form#views-exposed-form-ev-nements-page-2 .form-item-field-themes-target-id .select-wrapper,
body.ins-tn form#views-exposed-form-methodologies-page-1 .form-item-field-themes-target-id .select-wrapper {
    width: 100%;
    height: 100%;
}

form#views-exposed-form-ev-nements-page-1 .form-item-field-themes-target-id .shs-field-container,
form#views-exposed-form-ev-nements-page-2 .form-item-field-themes-target-id .shs-field-container {
    margin-bottom: 0px;
}

form#views-exposed-form-ev-nements-page-1 .form-item-field-themes-target-id .shs-container,
form#views-exposed-form-ev-nements-page-2 .form-item-field-themes-target-id .shs-container {
    height: 100%;
}

form#views-exposed-form-ev-nements-page-1 select#edit-field-themes-target-id-shs-0-0,
form#views-exposed-form-ev-nements-page-2 select#edit-field-theme-target-id-shs-0-0 {
    padding-left: 11px;
}

form#views-exposed-form-ev-nements-page-1 .shs-widget-container,
form#views-exposed-form-ev-nements-page-2 .shs-widget-container {
    display: inline-block;
    width: 100%;
}

/* ,
body.ins-tn form#views-exposed-form-methodologies-page-1 .form-select option[selected="selected"] */
body.ins-tn form#views-exposed-form-ev-nements-page-1 .form-select option[selected="selected"],
body.ins-tn form#views-exposed-form-ev-nements-page-2 .form-select option[selected="selected"] {
    background: #F2F9FF;
    border: 1px #9ECDF8;
    border-radius: 3px;
    opacity: 1;
}

body.ins-tn #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row .views-field.views-field-draggableviews {
    display: none;
}

body.ins-tn #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row .views-field.views-field-draggableviews {
    display: none;
}

form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions,
form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix div#edit-actions,
form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix div#edit-actions--2,
form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions--2 {
    float: right;
    margin-bottom: 10px;
}
form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions{
    position: relative;
    float: none;
    margin-bottom: 0;
}
form#views-exposed-form-methodologies-page-1 .form--inline.form-inline.clearfix div#edit-actions,
form#views-exposed-form-methodologies-page-1 .form--inline.form-inline.clearfix div#edit-actions--3 {
    display: flex;
    /*float: right;*/
}

body.ins-tn button#edit-submit-ev-nements,
body.ins-tn button#edit-submit-methodologies--2,
body.ins-tn button#edit-submit-methodologies {
    margin-left: 10px !important;
    margin-right: 13px;
    width: 35px;
    height: 35px;
    outline: none;
    opacity: 1;
    background-color: #FFFFFF;
}

body.ins-tn button#edit-submit-ev-nements:hover,
body.ins-tn button#edit-submit-methodologies--2:hover,
body.ins-tn button#edit-submit-methodologies:hover {
    background: #9DC600 0% 0% no-repeat padding-box;
}

button#edit-reset--3 ,
button#edit-reset--5 ,
button#edit-reset {
    height: 35px;
    width: 35px;
    background: transparent 0% 0% no-repeat padding-box;
    opacity: 1;
    border: 1px solid #A3B0B9;
    border-radius: 4px;
    float: right;
}

button#edit-reset--3 img,
button#edit-reset--5 img,
button#edit-reset img {
    margin-left: -4px;
    margin-right: auto;
}

button#edit-reset--3:focus ,
button#edit-reset--5:focus ,
button#edit-reset:focus {
    outline-color: transparent;
}

button#edit-reset--3 img:focus ,
button#edit-reset--5 img:focus ,
button#edit-reset img:focus {
    outline-color: transparent;
}

button#edit-submit-ev-nements i.fas.fa-check,
button#edit-submit-methodologies--2 i.fas.fa-check ,
button#edit-submit-methodologies i.fas.fa-check {
    color: #9DC600;
    opacity: 1;
    font-size: 15px !important;
    width: 35px;
    border: 1px solid #9DC600;
    border-color: #9DC600;
    border-radius: 4px;
    height: 35px;
    position: relative;
    top: -7px;
    left: -13px;
    padding: 8px;
}

button#edit-submit-ev-nements i.fas.fa-check:hover,
button#edit-submit-methodologies--2 i.fas.fa-check:hover,
button#edit-submit-methodologies i.fas.fa-check:hover {
    color: #ffffff;
    opacity: 1;
    font-size: 20px;
}

.path-evenements .views-view-grid.vertical.cols-3.clearfix .col-md-4 {
    padding-right: 0px;
    padding-left: 0px;
}

.region.region-sidebar-second {
    /*display: flex;
    flex-direction: row-reverse;*/
}

@media (min-width: 1200px) {
    .path-evenements .view-ev-nements .views-row:nth-child(4n) {
        margin-right: 0px !important;
    }

    body.ins-tn #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }
}

@media (min-width: 768px) {
    ol.breadcrumb {
        min-width: 399px;
        position: relative;
        top: 20px;
    }

    .page-node-type-actualites ol.breadcrumb {
        position: unset;
        min-width: 399px;
        margin-top: 37px;
    }

    .view-methodologies .card-body .views-field.views-field-nothing {
        margin-left: 18.5%;
    }

    body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {

        margin-left: 2%;
    }

    /*** traduction arabe ***/
    html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {
        margin-left: 0px;
        margin-right: 2%;
    }

    html[lang=ar] body.ins-tn .col-sm-12 {
        float: right;
    }

    .view-publication-satistiques.view-display-id-block_4 .views-field.views-field-field-image-nomenclature {
        float: left;
        margin-right: 40px;
    }

    .view-publication-satistiques.view-display-id-block_4 .views-field.views-field-nothing {
        margin-left: 18.5%;
    }
}

@media (max-width: 768px) and (min-width: 0px) {
    section#block-formulaireexposeev-nementspage-1-2,
    section#block-formulaireexposeev-nementspage-2-2,
    form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item .select-wrapper,
    form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix select,
    form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item,
    form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item .select-wrapper {
        width: 100%;
    }

    section#block-formulaireexposeev-nementspage-1-2,
    section#block-formulaireexposeev-nementspage-2-2 {
        height: auto;
        /* height: 270px;*/
        display: block;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        margin-top: 0px;
        opacity: 1;
    }

    form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {
        margin-left: 0px;
    }

    ol.breadcrumb {
        margin-top: 37px;
    }

    .path-evenements .views-element-container.form-group {
        text-align: center;
    }

    .path-evenements .view-ev-nements .views-row {
        margin-left: 15px;
        margin-right: 15px;
    }

    .path-evenements .view-ev-nements nav.pager-nav.text-center {
        text-align: center;
    }

    /* button#edit-submit-methodologies, */
    button#edit-submit-ev-nements {
        margin-right: 0px;
        float: right;
    }

    body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {

        margin-left: 0%;
    }

    body.ins-tn button#edit-submit-ev-nements,
    body.ins-tn button#edit-submit-methodologies {
        margin-right: 0;
    }

}

/*** End Listing Page Evenement ***/
/*** Details Page Evenements ***/

.page-node-type-actualites h1.page-header {
    max-width: 764px;
    /*height: 122px;*/
    text-align: left;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-family: "Roboto-bold";
    font-size: 36px;
    border-bottom: none;
}

.page-node-type-actualites .field.field--name-field-image-actualites {
    max-width: 727px;
    height: auto;
    margin-bottom: 27px;
    opacity: 1;
}

.page-node-type-actualites .field.field--name-field-image-actualites img.img-responsive {
    width: 100%;
    height: auto;
}

.page-node-type-actualites article .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    font-size: 16px;
    font-family: "Roboto-Regular";
    max-width: 730px;
    /* min-height: 484px;*/
    height: auto;
    margin-bottom: 28px;
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
}

.page-node-type-actualites div#views_slideshow_cycle_main_phototecs-block_1 {
    max-width: 760px;
    height: auto;
    opacity: 1;
    width: 100%;
    margin-bottom: 33px;
    position: relative;
}

.page-node-type-actualites div#views_slideshow_cycle_teaser_section_phototecs-block_1,
.page-node-type-actualites div#views_slideshow_cycle_div_phototecs-block_1_0 {
    width: 100%;
    height: auto;
}

.page-node-type-actualites .views-field.views-field-field-video iframe {
    width: 100%;
    height: 442px;
}

.page-node-type-actualites .views-slideshow-controls-bottom.clearfix {
    max-width: 775px;
    height: auto;
    opacity: 1;
    width: 100%;
    margin-bottom: 33px;
}

.page-node-type-actualites .views-slideshow-controls-bottom.clearfix .views_slideshow_pager_field_item {
    width: 175px;
    margin-bottom: 27px;
    display: inline-block;
    display: inline-table;
    /*margin-left: 5px;*/
    margin-right: 15px;
}

.page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-video,
.page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-image,
.page-node-type-actualites .views_slideshow_cycle_slide .views-field-field-video,
.page-node-type-actualites .views_slideshow_cycle_slide .views-field-field-image,
.page-node-type-actualites .views_slideshow_cycle_slide .views_slideshow_slide .views-row,
.page-node-type-actualites .views_slideshow_cycle_slide .views-row,
.page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-video .views-content-field-video,
.page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-image .views-content-field-image {
    width: 100%;
}

.page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-video img.img-responsive,
.page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-image img.img-responsive {
    width: 100%;
}

.page-node-type-actualites .views_sborder-rightlideshow_cycle_slide .views-field-field-video img.img-responsive,
.page-node-type-actualites .views_slideshow_cycle_slide .views-field-field-image img.img-responsive,
.page-node-type-actualites .views_slideshow_cycle_slide {
    width: auto;
    height: auto;
    margin: auto;
}

@media (max-width: 1200px) {
    .page-node-type-actualites .views-slideshow-controls-bottom.clearfix .views_slideshow_pager_field_item {
        margin-left: 15px;
        margin-right: 15px;
        width: 140px;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-row {
        width: 33%;
    }

}

@media (min-width: 992px) {
    .region.region-content ul.menu.menu--menu-methode.nav {
        display: none;
    }

    .path-methodes section#block-exposedformmethodologiespage-1 {
        /* width: 432px; */
        width: 100%;
    }

    body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {
        width: 19%;
    }

    body.path-methodes.ins-tn .views-row,
    body.path-nomenclatures.ins-tn .view-methodologies .card {
        width: 90%;
    }

    html[lang=ar] body.path-publication.ins-tn .view.view-publication .pub-listing .col-md-3,
    html[lang=ar] body.ins-tn #block-formulaireexposesolr-search-contentpage-1 {
        float: right;
    }

}

@media (max-width: 992px) and (min-width: 768px) {
    .page-node-type-actualites .views-slideshow-controls-bottom.clearfix .views_slideshow_pager_field_item {
        width: 145px;
    }

    .path-nomenclatures .region.region-sidebar-second {
        right: 63px;
    }

    form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {
        width: 38%;
    }

    section#block-views-block-ev-nements-block-1,
    section#block-views-block-publication-block-1,
    section#block-views-block-methodologies-block-1 {
        max-width: 100% !important;
    }

    body.ins-tn ol.breadcrumb {
        margin-bottom: 5px;
    }
}

@media (max-width: 768px) and (min-width: 576px) {
    .page-node-type-actualites .views-slideshow-controls-bottom.clearfix .views_slideshow_pager_field_item {
        /* width: 155px; */
        width: 43%;
    }

}

@media (max-width: 576px) and (min-width: 392px) {
    .page-node-type-actualites .views-slideshow-controls-bottom.clearfix .views_slideshow_pager_field_item {
        width: 45%;
        margin-right: 0px;
    }
}

@media (max-width: 392px) and (min-width: 0px) {
    .page-node-type-actualites .views-slideshow-controls-bottom.clearfix .views_slideshow_pager_field_item {
        /* margin-left: 0px;
        margin-right: 15px; */
        width: 100%;
    }
}

.page-node-type-publication section#block-views-block-publication-block-1 .form-group .file > span:last-child,
.page-node-type-publication section#block-views-block-ev-nements-block-1-2 .form-group .file > span:last-child {
    border-right: none;
    background: none;
    font-style: oblique;
    font-family: 'Roboto-Light';
    font-size: 12px;
}
/*** Bloc Documentation ***/

section#block-views-block-ev-nements-block-1,
section#block-views-block-publication-block-1,
section#block-views-block-methodologies-block-1 {
    max-width: 292px;
    height: 349px;
    /*height: auto;*/
    margin-top: 13px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 4px 6px #0000000D;*/
    border: 1px solid #D9E0E7;
    border-radius: 2px;
    opacity: 1;
    /*padding: 28px;*/
    margin-bottom: 30px;
}

section#block-views-block-ev-nements-block-1-2 {
    margin-bottom: 25px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 6px #0000000D;
    border: 1px solid #D9E0E7;
    border-radius: 2px;
    opacity: 1;
}

section#block-views-block-ev-nements-block-1 h2.block-title,
section#block-views-block-ev-nements-block-1-2 h2.block-title,
section#block-views-block-publication-block-1 h2.block-title,
section#block-views-block-methodologies-block-1 h2.block-title {
    /*width: 205px;*/
    height: 30px;
    font-family: "Roboto-bold";
    line-height: 0px;
    font-size: 15px;
    margin-top: 31px;
    margin-left: 25px;
    margin-right: 25px;
    text-align: left;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #01315da6;
    opacity: 1;
    border-bottom: 2px solid #01315d36;
}

/*section#block-views-block-ev-nements-block-1 .form-group,
section#block-views-block-ev-nements-block-1-2 .form-group,
section#block-views-block-publication-block-1 .form-group {
border-top: 4px solid #0058A9;
}*/

section#block-views-block-ev-nements-block-1 .form-group .file > span,
section#block-views-block-ev-nements-block-1-2 .form-group .file > span,
section#block-views-block-publication-block-1 .form-group .file > span,
section#block-views-block-methodologies-block-1 .form-group .file > span {
    border-bottom: none;
    border-top: none;
}

section#block-views-block-ev-nements-block-1 .form-group .file > span:first-child,
section#block-views-block-ev-nements-block-1-2 .form-group .file > span:first-child,
section#block-views-block-publication-block-1 .form-group .file > span:first-child,
section#block-views-block-methodologies-block-1 .form-group .file > span:first-child {
    border-left: none;
    padding: 0px;
    padding-right: 10px;
}

section#block-views-block-ev-nements-block-1 .form-group .file > span:last-child,
section#block-views-block-ev-nements-block-1-2 .form-group .file > span:last-child,
section#block-views-block-publication-block-1 .form-group .file > span:last-child,
section#block-views-block-methodologies-block-1 .form-group .file > span:last-child {
    border-right: none;
}

section#block-views-block-ev-nements-block-1 span.file-icon,
section#block-views-block-ev-nements-block-1-2 span.file-icon,
section#block-views-block-publication-block-1 span.file-icon,
section#block-views-block-methodologies-block-1 span.file-icon {
    width: 65px;
    /*height: 78px;*/
    height: auto;
    opacity: 1;
}

section#block-views-block-ev-nements-block-1 .form-group span.file-icon img,
section#block-views-block-ev-nements-block-1-2 .form-group span.file-icon img,
section#block-views-block-publication-block-1 .form-group span.file-icon img,
section#block-views-block-methodologies-block-1 .form-group span.file-icon img {
    margin-top: 15px;
}

section#block-views-block-ev-nements-block-1 .form-group span.file-icon,
section#block-views-block-ev-nements-block-1-2 .form-group span.file-icon,
section#block-views-block-publication-block-1 .form-group span.file-icon,
section#block-views-block-methodologies-block-1 .form-group span.file-icon {
    display: table-cell;
    font-size: 35px;
    padding: 0 0.5em;
    width: 23px;
    height: 35px;
    vertical-align: sub;
}

section#block-views-block-ev-nements-block-1 .form-group span.file-link,
section#block-views-block-publication-block-1 .form-group span.file-link,
section#block-views-block-methodologies-block-1 .form-group span.file-link {
    width: 206px;
    /*height: 78px;*/
    height: auto;
    font-family: "Roboto-Regular";
    font-size: 15px;
    display: contents;
    text-align: left;
    letter-spacing: 0;
    line-height: 18px;
    color: #4F4F4F;
    opacity: 1;
}

section#block-views-block-ev-nements-block-1 .form-group span.file-link a,
section#block-views-block-publication-block-1 .form-group span.file-link a,
section#block-views-block-methodologies-block-1 .form-group span.file-link a {
    vertical-align: super;
    font-family: 'Roboto-Light';
    color: #01315D;
    font-size: 14px;
    line-height: 14px;
}
body.path-node.genre-ins aside{
    padding: 0;
}
.views-field.views-field-field-telechargement-disponible .field-content,
.views-field.views-field-field-telechargement .field-content,
.views-field.views-field-field-telechargement .field-content,
section#block-views-block-methodologies-block-1 .field-content {
    /* overflow-y: auto; */
    max-height: 256px;
    padding: 0 28px;
}

section#block-views-block-ev-nements-block-1 .view.view-ev-nements {
    overflow-y: auto;
}

.views-field.views-field-field-telechargement-disponible .file,
.views-field.views-field-field-telechargement .file,
.views-field.views-field-field-telechargement .file {
    display: inline-table;
    margin-top: 0px;
    border-block-end: 1px solid #D9E0E7;
}

.views-field.views-field-field-telechargement-disponible .file:last-child,
.views-field.views-field-field-telechargement .file:last-child {
    border-block-end: none;
}

section#block-views-block-ev-nements-block-1-2 .form-group span.file-link {
    width: 100%;
    height: 78px;
    font-family: "Roboto-Regular";
    font-size: 15px;
    text-align: left;
    letter-spacing: 0;
    line-height: 18px;
    color: #4F4F4F;
    opacity: 1;
}

section#block-views-block-ev-nements-block-1 .form-group span.file-size,
section#block-views-block-publication-block-1 .form-group span.file-size,
section#block-views-block-methodologies-block-1 .form-group span.file-size {
    display: block;
    padding-left: 0px;
    text-align: left;
    font-family: "Roboto-Regular";
    font-size: 15px;
    line-height: 18px;
    color: #4F4F4F;
    margin-bottom: 15px;
}

#acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
    margin: 21px 0px 0px 21px;
}

#acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
    margin: 21px 0px 0px 21px;
}

@media (min-width: 768px) {
    /* .page-node-type-actualites section#block-views-block-ev-nements-block-1-2 {
        display: none !important;
    } */
    .region.region-statistique {
        width: 75%;
    }
}

@media (max-width: 768px) and (min-width: 0px) {
    /* section#block-views-block-ev-nements-block-1, */
    section#block-views-block-publication-block-1 {
        display: none;
    }

    section#block-views-block-ev-nements-block-1 {
        max-width: 100%;
    }

    #block-autreseditions {
        max-width: 100% !important;
    }

    body.ins-tn ol.breadcrumb {
        margin-bottom: 5px;
    }

    /**  traduction arabe   **/
    html[lang=ar] body.ins-tn #header-top .menu--menu-header li.first a:before {
        right: -65px;
    }

    html[lang=ar] body.ins-tn #header-top .menu--menu-header li.last a:before {
        right: 107px;
    }

}

/*** End Details Page Evenements ***/
/*** Methodologies ***/
/*** Definitions et concepts page ***/

.path-definitions-methodologies h1.page-header {
    border-bottom: none;
    display: none;
}

.view-methodologies .view-filters.form-group {
    margin-bottom: 50px;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group .form-group a,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group .form-group a {
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    font-family: Roboto-Medium;
    letter-spacing: 0;
    color: #B8C2CB !important;
    /* color: #333333;*/
    opacity: 1;
    pointer-events: none;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group .form-group.active a,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group .form-group.active a {
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    font-family: Roboto-Medium;
    letter-spacing: 0;
    /*color: #B8C2CB;*/
    color: #333333 !important;
    opacity: 1;
    pointer-events: initial !important;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group .form-group.active a:hover,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group .form-group.active a:hover {
    cursor: pointer;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group a:focus,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group a:focus {
    background: #E3E8ED66 0% 0% no-repeat padding-box;
    border: 1px solid #E3E8ED;
    opacity: 1;
    text-decoration: none;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group .form-group a:hover,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group .form-group a:hover {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
    cursor: default;
}

.view-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group:hover,
.view-definitions-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group:hover {
    background: #0070D6 0% 0% no-repeat padding-box !important;
    border-color: #0070D6 !important;
    color: #000000 !important;
}

.view-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group a.bef-link-active:hover,
.view-definitions-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group a.bef-link-active:hover {
    color: #FFFFFF !important;
    background: transparent !important;
    border-color: transparent !important;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group a.bef-link-active,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group a.bef-link-active {
    color: #FFFFFF;
    opacity: 1;
}

.view-methodologies div#edit-field-glossaire-target-id .form-group.active,
.view-definitions-methodologies div#edit-field-glossaire-target-id .form-group.active {
    background: #ffffff !important;
}

.view-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group.active,
.view-definitions-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group.active {
    background: #0070D6 !important;
    border-color: #0070D6 !important;
}

.view-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group.active a,
.view-definitions-methodologies div#edit-field-glossaire-target-id .bef-link-active.form-group.active a {
    color: #ffffff !important;
}

.view-methodologies div#edit-field-glossaire-target-id .form-group,
.view-definitions-methodologies div#edit-field-glossaire-target-id .form-group {
    width: 30px;
    height: 32px;
    text-align: center;
    border: 1px solid #EFEFEF;
    background: #E3E8ED66;
}

.view-methodologies div#edit-field-glossaire-target-id .form-group:hover,
.view-definitions-methodologies div#edit-field-glossaire-target-id .form-group:hover {
    background-color: #E3E8ED66 !important;
    border-color: #EFEFEF !important;
}

.view-methodologies div#edit-field-glossaire-target-id .form-group:hover,
.view-definitions-methodologies div#edit-field-glossaire-target-id .form-group.active:hover {
    background-color: #E3E8ED !important;
    border-color: #E3E8ED !important;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group .bef-link-active.form-group:hover,
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group .bef-link-active.form-group:hover {
    background-color: transparent !important;
    margin-left: 0px;
}

.view-methodologies .views-field.views-field-title span.field-content,
.view-definitions-methodologies .views-field.views-field-title span.field-content {
    text-align: left;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-family: "Roboto-bold";
    font-size: 18px;
    line-height: 19px;
}

.view-methodologies .views-field.views-field-title,
.view-definitions-methodologies .views-field.views-field-title {

    margin-bottom: 20px;
}

.view-methodologies .views-field.views-field-field-resum-resultat .field-content,
.view-definitions-methodologies .views-field.views-field-field-resum-resultat .field-content {
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
    font-family: "Roboto-Regular";
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 9px;
}

.view-methodologies .views-field.views-field-view-node, .view-methodologies .views-field.views-field-nothing,
.view-definitions-methodologies .views-field.views-field-view-node, .view-definitions-methodologies .views-field.views-field-nothing {
    display: block;
    width: 174px;
    height: 35px;
    font-family: "Roboto-Regular";
    opacity: 1;
    margin-bottom: 19px;
}

.view-methodologies .views-field.views-field-view-node span.field-content a, .view-methodologies .views-field.views-field-nothing a,
.view-definitions-methodologies .views-field.views-field-view-node span.field-content a, .view-definitions-methodologies .views-field.views-field-nothing a {
    font-size: 16px;
    font-family: "Roboto-Regular";
    line-height: 19px;
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0;
    color: #01315D;
}

.view-methodologies a:hover {
    background-color: none;
    color: #0289FE;
    text-decoration: none;
}

body.ins-tn .view-ev-nements li.pager__item a:hover {
    background-color: #ffffff;
}

body.ins-tn .view-ev-nements .pagination > .active > a:hover {
    color: #ffffff;
    background-color: #337ab7;
}

body.ins-tn .view-ev-nements a:hover {
    /*  background-color: #f7f7f76b!important;*/
    color: #0289FE;
}

body.ins-tn .view-ev-nements .views-field.views-field-title span.field-content a:hover {
    text-decoration: none !important;
}

.view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-title .field-content a:hover,
.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-title .field-content a:hover{
    color: #0289FE;
    text-decoration: none;
}

.view-methodologies .views-row,
.path-nomenclatures .view-methodologies .card {
    border-block-end: 1px solid #CFD6DF;
    opacity: 1;
    margin-bottom: 19px;
}

body.ins-tn #block-views-block-methodologies-block-1 .views-row {
    width: 100%;
    border: 0;
    margin-bottom: 0;
}

.view-methodologies .views-row:last-child,
.path-nomenclatures .view-methodologies .card:last-child {
    border-block-end: none;
}

.path-methodes h1.page-header, .path-nomenclatures h1.page-header {
    border-bottom: none;
    display: none;
}

.path-nomenclatures .views-element-container.form-group {
    padding-top: 18px;
}

.path-methodes .views-row:first-child {
    padding-top: 25px;
    border-top: 1px solid #eeeeee;
}

body.page-node-type-methode.ins-tn #block-views-block-methodologies-block-1 .views-row .file {
    border-bottom: 1px solid #CFD6DF;

}

body.page-node-type-methode.ins-tn #block-views-block-methodologies-block-1 .views-row:last-child .file {
    border-bottom: 0;
    margin: 0;
}

.path-definitions-methodologies .views-row:last-child,
.path-nomenclatures .views-row,
.path-nomenclatures .view-methodologies .card:last-child {
    border-block-end: none;
    /* margin-bottom: 148px;*/
    color: #686868;
}

.view-methodologies a:hover {
    background-color: none;
    color: #0289FE;
    text-decoration: none;
}

body.ins-tn .view-methodologies li.pager__item a:hover {
    background-color: #ffffff;
}

body.ins-tn .view-methodologies .pagination > .active > a:hover {
    color: #ffffff;
    background-color: #337ab7;
}

/******* page methodes details ***/
/* body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    padding: 20px 0;
} */
body.page-node-type-methode h1.page-header {
    text-align: left;
    font-family: "Roboto-bold";
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0px;
    color: #01315D;
    opacity: 1;
    padding: 20px 0;
    border-bottom: none;
    margin: 0px;
}

body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h4 {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.5;
    font-family: "Roboto-light";
    font-size: 30px;
    line-height: 37px;
    margin-top: 0px;
    margin-bottom: 0px;
}

body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h5 {
    text-align: left;
    font-family: "Roboto-Regular";
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0px;
    color: #01315D;
    opacity: 1;
}

body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p {
    text-align: left;
    letter-spacing: 0px;
    color: #323232;
    opacity: 1;
    line-height: 30px;
    font-size: 16px;
    font-family: "Roboto-Regular";
}

body.page-node-type-methode .field.field--name-field-the-mes.field--type-entity-reference.field--label-above {
    text-align: left;
    font-family: "Roboto-bold";
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #01315D;
    opacity: 1;
    display: flex;
    padding: 25px 0 20px 0;
}

body.page-node-type-methode .field.field--name-field-the-mes.field--type-entity-reference.field--label-above .field--items {
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0px;
    color: #0058A9;
    opacity: 1;
    display: block;
}

body.page-node-type-methode .field.field--name-field-the-mes.field--type-entity-reference.field--label-above .field--items .field--item {
    padding: 0 8.5px;
    display: inline-block;
}

body.page-node-type-methode .field.field--name-field-the-mes.field--type-entity-reference.field--label-above .field--label {
    display: block;
    width: 18%;
}


/*** Filter Menu methodologie ****/

@media (max-width: 992px) and (min-width: 768px) {
    /* .view-methodologies .view-filters.form-group form#views-exposed-form-methodologies-page-3 div#edit-field-glossaire-target-id,
    .view-definitions-methodologies .view-filters.form-group form#views-exposed-form-definitions-methodologies-page-1 div#edit-field-glossaire-target-id {
        width: 420px;
    } */
    body.ins-tn .view-methodologies .card-body .views-field.views-field-nothing {
        padding-top: 10px;
        margin-left: 22% !important;
    }

    .path-nomenclatures .view-methodologies .views-field.views-field-body .field-content p {
        width: 562px;
    }

    .path-evenements .view-ev-nements .views-row {
        margin-left: 30px;
        margin-right: 30px;
    }

    .region.region-sidebar-second nav#block-menumethode {
        display: none;
    }

    ul.menu.menu--menu-methode.nav {
        margin-top: 10px;
    }

    .page-node-type-actualites .region.region-statistique {
        width: 100% !important;
    }

    body.ins-tn .page-node-type-actualites div#views_slideshow_cycle_teaser_section_phototecs-block_1,
    body.ins-tn .page-node-type-actualites div#views_slideshow_cycle_div_phototecs-block_1_0 {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    ul.menu.menu--menu-methode.nav {
        margin-top: 25px;
        width: 240px;
    }

    .path-nomenclatures ul.menu.menu--menu-methode.nav {
        margin-top: 9px !important;

    }

    .view-methodologies .views-row {
        width: 75%;
    }

    .path-methodes section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid label.control-label {
        margin-right: 65px;
    }

    .view-methodologies .views-field.views-field-field-image-nomenclature {
        float: left;
    }

    .view-methodologies .views-field.views-field-field-image-nomenclature {
        margin-right: 40px;
    }

    body.ins-tn .view-methodologies .card-body {
        height: auto;
    }

    /* .path-nomenclatures .view-methodologies .views-field.views-field-body .field-content p {
        height: 107px;
    } */
    .view-methodologies div#edit-field-glossaire-target-id .form-group,
    .view-definitions-methodologies div#edit-field-glossaire-target-id .form-group {
        margin-right: -4px;
    }

    /* .view-methodologies div#edit-field-glossaire-target-id,
     .view-definitions-methodologies div#edit-field-glossaire-target-id {
         width: 793px;
     }*/
}

body.ins-tn ul.menu.menu--menu-methode.nav {
    width: auto !important;
    position: relative;
    left: 0% !important;
    margin-top: 20px;
    margin-bottom: 20px;

}

/* bloc attachement */
.view-definitions-methodologies .attachment.attachment-before {
    display: none;
}

.view-definitions-methodologies div#edit-field-glossaire-target-id .form-group .inactive {
    background: #E3E8ED66;
    border: 1px solid #E3E8ED;
    opacity: 1;
}

.view-methodologies nav#block-menumethode {
    position: absolute;
}

.view-definitions-methodologies .view-filters.form-group {
    padding: 20px 0;
}

.view-definitions-methodologies div#edit-field-glossaire-target-id .form-group:first-child {
    display: none;
}

.view-methodologies div.form-select > .form-group:nth-child(1) {
    display: none;
}

ul.menu.menu--menu-methode.nav a:hover {
    background-color: #f7f7f76b !important;
    color: #0289FE !important;
}

ul.menu.menu--menu-methode.nav li {
    border-top: 1px solid #ECEFF3;
    border-block-end: 1px solid #ECEFF3;
}

ul.menu.menu--menu-methode.nav li.active.active-trail a:hover {
    background-color: transparent !important;
    color: #0058A9 !important;
}

ul.menu.menu--menu-methode.nav li.active.active-trail {
    background: #F5FAFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

ul.menu.menu--menu-methode.nav a.active-trail {
    text-align: left;
    font-size: 16px;
    line-height: 36px;
    font-family: Roboto-Medium;
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
}

ul.menu.menu--menu-methode.nav a {
    text-align: left;
    font-size: 16px;
    line-height: 36px;
    font-family: Roboto-Medium;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
}

/*** Pagination ***/

.view-methodologies nav.pager-nav.text-center {
    /* text-align: left; */
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
}

.view-methodologies nav.pager-nav {
    margin-bottom: 81px;
}

.view-methodologies nav.pager-nav.text-center li.pager__item a {
    width: 35px;
    height: 35px;
    border: 1px solid #0058A9;
    opacity: 1;
    margin-right: 25px;
}

.view-methodologies nav.pager-nav.text-center a:active {
    background: #0058A9 0% 0% no-repeat padding-box;
}

.view-methodologies .pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.view-methodologies li.pager__item.pager__item--next a,
.view-methodologies li.pager__item.pager__item--first a {
    padding: 6px 4px;
    /* display: none; */
}

.view-methodologies .pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.view-methodologies li.pager__item.pager__item--last a,
.view-methodologies li.pager__item.pager__item--previous a {
    padding: 6px 6px;
    /* display: none; */
}

.view-methodologies span.views-field.views-field-field-date-methode span.field-content {
    font-size: 14px;
    line-height: 17px;
    height: 16px;
    text-align: left;
    letter-spacing: 0;
    color: #686868;
    opacity: 1;
}

.view-methodologies span.views-field.views-field-field-the-mes span.field-content a {
    height: 16px;
    font-size: 14px;
    font-family: "Roboto-regular";
    line-height: 17px;
    text-align: left;
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
}

.view-methodologies .views-field.views-field-body {
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
}

/**** page enquéte ***/
body.path-node.page-node-type-enquetes .wraper .recommend li a:before {
    display: none;
}

/*****/
/*** Filter page methodes ***/

.path-methodes section#block-exposedformmethodologiespage-1 {
    padding: 20px 0;
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    opacity: 1;
}

.path-methodes section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid {
    display: block;
}

.path-methodes section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid label.control-label {
    font-family: "Roboto-Bold";
    font-weight: 500;
    width: 53px;
    height: 22px;
    text-align: left;
    letter-spacing: 0.9px;
    color: #000000;
    opacity: 1;
    font-size: 18px;
    line-height: 24px;
}


.path-methodes section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid .select-wrapper:after {
    color: #8CA2B6;
}

.view-methodologies .views-field.views-field-field-image-nomenclature {
    box-shadow: 0px 7px 10px #0000001a;
}

.path-nomenclatures .view-methodologies .views-field.views-field-body .field-content p {
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
    font-family: "Roboto-Regular";
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 9px;
}

.view-methodologies .card-body .views-field.views-field-nothing .field-content a {
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0;
    color: #0084DE;
    opacity: 1;
    font-family: "Roboto-Regular";
    font-size: 16px;
    line-height: 19px;
}

.view-methodologies .card-body .views-field.views-field-nothing .field-content a:hover {
    opacity: 60%;
}

/****  comuniqué listing ***/
body.ins-tn span.views-field.views-field-field-sous-title span.field-content::after,
body.ins-tn span.views-field.views-field-field-date-edition span.field-content::after {
    content: "|";
    color: #8c8c8c;
    font-size: 17px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}
body.genre-ins span.views-field.views-field-field-sous-title span.field-content::after,
body.genre-ins span.views-field.views-field-field-date-edition span.field-content::after {
    content: "|";
    color: #8c8c8c;
    font-size: 17px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}
/*** comunique detail */

.views-field.views-field-field-vignette .titre a {
    text-align: left;
    font-family: "Roboto-Regular";
    line-height: 19px;
    font-size: 16px;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}

/***** Comunique de presse details ****/

body.page-node-type-publication h1.page-header {
    border-bottom: none;
    margin-bottom: 0px;
    width: 90%;
}

body.path-node.page-node-type-publication.communiques-presse.has-glyphicons.ins-tn h1.page-header {
    padding: 14px 0 15px 0;
}

.view.view-publication .view-content {
    margin-bottom: 69px;

}
#block-views-block-publication-block-1 .view.view-publication .view-content{
    overflow-y: scroll;
}
.ins-tn form#mc-embedded-subscribe-form {
    overflow: hidden;
}

#evenement #block-views-block-evenements-block-1 .view-content .views-field-nothing .evenement, #evenement #block-views-block-evenements-block-2 .view-content .views-field-nothing .evenement {

    margin-left: 20px;
}

/**** statestique ***/
/*.export a#btnExporttoExcel i.fa.fa-download {*/
    /* width: 131px; */
   /* font-size: 25px;
    position: relative;
    top: 7px;
    margin: 0px 5px 0px 5px;
}*/

.export a.btnexport i.fa.fa-download {
    /* width: 131px; */
    font-size: 25px;
    position: relative;
    top: 7px;
    margin: 0px 5px 0px 5px;
    margin-left: 15px;
}
/* .stat #accordion .card .card-body .donnees .inner-table .table tbody tr th.indicateur-name {
width: 35%;
} */
.stat #accordion .card .card-body .donnees .inner-table .table tbody tr:nth-child(2n) {
    background-color: #96a0a93d;
}

.stat #accordion .card .card-body .donnees .inner-table .table tbody tr td {
    font-size: 14px;
    font-family: "Roboto-Regular";
    text-align: center;
    letter-spacing: 0px;
    color: #121212;
    opacity: 1;
}

.stat #accordion .card .card-body .donnees .inner-table .table thead tr th:nth-child(n+2) {
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 14px;

}

.stat #accordion .card .card-body .donnees .inner-table .table thead tr th:nth-child(n+2):first-letter {
    text-transform: uppercase;

}

.view-publication-satistiques.view-display-id-block_1 .views-row {
    float: left;
    border-bottom: 1px solid #CFD6DF;
    background: #ffffff;
    padding-bottom: 25px;
    padding-top: 25px;
}

#block-quicktabsstatistiquetabs #quicktabs-statistique_instance .quicktabs-tabs .wraper {
    margin-bottom: 20px;
}

.view-publication-satistiques.view-display-id-block_3 .views-row,
.view-publication-satistiques.view-display-id-block_2 .views-row,
.view-publication-satistiques.view-display-id-block_4 .card-group {
    padding-top: 25px;
    border-top: 1px solid #eeeeee;
}

.view-publication-satistiques.view-display-id-block_3 .views-field.views-field-title {
    margin-bottom: 20px;
}

.view-publication-satistiques.view-display-id-block_3 .views-field.views-field-title span.field-content {
    text-align: left;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-family: "Roboto-Bold";
    font-size: 18px;
    line-height: 19px;
}

.view-publication-satistiques.view-display-id-block_3 .views-field.views-field-title span.field-content a:hover {
    color: #0289FE;
}

.view-publication-satistiques.view-display-id-block_3 span.views-field.views-field-field-date-methode span.field-content {
    font-size: 14px;
    line-height: 17px;
    height: 16px;
    text-align: left;
    letter-spacing: 0;
    color: #686868;
    opacity: 1;
}

.view-publication-satistiques.view-display-id-block_3 .views-field-field-resume-methode {
    font-family: "Roboto-regular";
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0 15px 0;
    text-align: left;
    letter-spacing: 0px;
    color: #323232;
    opacity: 1;
}

.view-publication-satistiques.view-display-id-block_3 .views-field.views-field-view-node {
    display: block;
    width: 174px;
    height: 35px;
    opacity: 1;
    margin-bottom: 15px;
}

.view-publication-satistiques.view-display-id-block_3 .views-field.views-field-view-node span.field-content a {
    font-size: 16px;
    font-family: "Roboto-Regular";
    line-height: 19px;
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0;
    color: #01315D;
}

.view-publication-satistiques.view-display-id-block_2 .views-field.views-field-title span.field-content {
    text-align: left;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-family: "Roboto-bold";
    font-size: 18px;
    line-height: 19px;
}

.view-publication-satistiques.view-display-id-block_2 .views-field.views-field-title {
    margin-bottom: 20px;
}

.view-publication-satistiques.view-display-id-block_2 .views-field.views-field-body .field-content {
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
    font-family: "Roboto-Regular";
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 9px;
}

.view-publication-satistiques.view-display-id-block_4 .views-field.views-field-field-image-nomenclature {
    box-shadow: 0px 7px 10px #0000001a;
    margin-bottom: 30px;
}

.view-publication-satistiques.view-display-id-block_4 .views-field.views-field-title {
    margin-bottom: 20px;
}

.view-publication-satistiques.view-display-id-block_4 .views-field.views-field-title span.field-content {
    text-align: left;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-family: Roboto-Bold;
    font-size: 18px;
    line-height: 19px;
}

.view-publication-satistiques.view-display-id-block_4 .views-field.views-field-body {
    font-family: "Roboto-regular";
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0 15px 0;
    text-align: left;
    letter-spacing: 0px;
    color: #323232;
    opacity: 1;
}

.view-publication-satistiques.view-display-id-block_4 .views-field.views-field-body .field-content p {
    margin-bottom: 9px;
}

.view-publication-satistiques.view-display-id-block_4 .card-body .views-field.views-field-nothing {
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0;
    color: #0084DE;
    opacity: 1;
    font-family: "Roboto-Regular";
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 19px;
}

.view-publication-satistiques.view-display-id-block_4 .card-body .views-field.views-field-nothing .field-content a:hover {
    opacity: 60%;
}

div#filter-theme {
    margin-top: 14px;
    margin-bottom: 50%;
}

body.path-frontpage.ins-tn #acces-rapide {
    margin-top: -35px;
}

.stat #accordion .card .card-header .mb-0 a:before {
    content: "";
}
body.Chrome .stat #accordion .card .card-header .mb-0 a.btn.btn-link:before{
    padding: 7px;
    background-repeat: round;
    height: 4px;
}
body.Safari .stat #accordion .card .card-header .mb-0 a.btn.btn-link:before{
  /*  padding-bottom: 0;
    padding-top: 0;*/
    background-repeat: no-repeat;
    font-size: 20px;
    padding: 12px;
    background-position: center;
}
.stat #accordion .card .card-header .mb-0 a.btn.btn-link:before {
    background-image: url(../images/indicator-arrow.svg);
    margin-right: 5px;
    background-size: cover;
    opacity: 1;
}
body.Chrome .stat #accordion .card .card-header .mb-0 a.btn.btn-link.collapsed:before{
    padding: 7px;
    height: 4px;
    background-repeat: round;
    background-size: cover;
}
body.Safari .stat #accordion .card .card-header .mb-0 a.btn.btn-link.collapsed:before{
   /* padding-bottom: 0;
    padding-top: 0;*/
    background-position: center;
   /* padding: 12px;*/
    font-size: 20px;
    background-repeat: no-repeat;
    /*background-position: center;*/
    /*!* padding: 12px; *!*/
    /*font-size: 20px;*/
    /*background-repeat: no-repeat;*/
}
.stat #accordion .card .card-header .mb-0 a.btn.btn-link.collapsed:before {
    background-image: url(../images/ind-down.svg);
    margin-right: 5px;
    opacity: 1;
}

#filter-theme .accordion .accordion-tab .accordion-arrow {
    background-image: url(../images/down-arrow.svg);
    margin-right: 5px;
    background-repeat: round;
    background-size: cover;
    padding: 5px;
    /* height: 4px; */
    opacity: 1;
}

#filter-theme .accordion .accordion-tab.active .accordion-arrow {
    background-image: url(../images/up-arrow.svg);
    opacity: 1;
}

#block-quicktabsstatistiquetabs #quicktabs-statistique_instance .quicktabs-tabs {
    padding-left: 0;
    padding-right: 0;
}

.stat #accordion .card .card-body .commentaire {
    background: #ffffff;
    font-size: 16px;
    line-height: 10px;
    font-family: "Roboto-Regular";
    padding: 5px 0;
    color: #01315d;
    padding-bottom: 90px !important;
    text-align: left;
}

.stat #accordion .card .card-header .mb-0 a.btn.btn-link.collapsed {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family:'Roboto-Regular' ;
}

#block-quicktabsstatistiquetabs #quicktabs-statistique_instance ul.quicktabs-tabs li {
    display: inline-table;
}

#filter-theme .accordion .accordion-tab {
    /* width: 290px;
       height: 39px;*/
    width: 100%;
    height: auto;
    padding: 8px 0px 10px 0px;
}

#acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row .views-field-field-periode-de-reference .field-content,
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row .views-field-field-periode-de-reference .field-content {
    text-align: center;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-size: 15px;
    font-family: "Roboto-Black";
    margin-top: 10px;
    margin-bottom: 16px;
}

/* .export img {
    margin: 0 5px 0 0;
} */
.export span.xls {
    margin-right: -4px;
}

.export a:nth-child(2) span.word {
    margin-right: -4px;
}

#filter-theme .accordion.active .accordion-content a.stat-active {
    color: #0289FE;
    /*background: #EBF5FFA3;
    border: 1px solid #D9E0E7;
    border-left: 3px solid #0389FE;*/
    opacity: 1;
}

body.path-acces-information.genre-ins ol.breadcrumb > li:nth-child(3) {
    display: none;
}


/*** smart ***/

@media (max-width: 768px) {

    .view-methodologies .form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group,
    .view-definitions-methodologies .form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group {
        float: none;
    }

    .view-methodologies .view-filters.form-group form#views-exposed-form-methodologies-page-3 div#edit-field-glossaire-target-id,
    .view-definitions-methodologies .view-filters.form-group form#views-exposed-form-definitions-methodologies-page-1 div#edit-field-glossaire-target-id {
        display: flex;
    }

    .view-methodologies .views-field.views-field-field-image-nomenclature .field-content .img-responsive {
        height: auto;
        width: 100%;
        margin-bottom: 30px;
    }

    .path-nomenclatures .view-methodologies .views-field.views-field-body .field-content p {
        height: auto;
    }

    .view-methodologies .card-body {
        /* margin-bottom: 46px; */
    }

    /* button#edit-submit-methodologies, */
    button#edit-submit-ev-nements {
        margin-right: 0px;
        float: right;
    }

    ul.menu.menu--menu-methode.nav {
        margin-top: 10px;
    }

    #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-row {
        width: 50%;
        float: left;
    }

    .view-publication-satistiques.view-display-id-block_4 .views-field.views-field-field-image-nomenclature {
        width: 20%;
    }

    .view-publication-satistiques.view-display-id-block_4 .views-field.views-field-field-image-nomenclature .field-content .img-responsive {
        height: auto;
        width: 100%;
        margin-bottom: 0px;
    }
}

@media (min-width: 486px) {
    .page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-video img.img-responsive,
    .page-node-type-actualites .views_slideshow_pager_field_item .views-field-field-image img.img-responsive {

        height: 134px;
    }

}

@media (max-width: 486px) {
    .view-methodologies .view-filters.form-group form#views-exposed-form-methodologies-page-3 div#edit-field-glossaire-target-id,
    .view-definitions-methodologies .view-filters.form-group form#views-exposed-form-definitions-methodologies-page-1 div#edit-field-glossaire-target-id {
        display: block;
        column-count: 10;
    }

    .page-node-type-actualites .views-slideshow-controls-bottom.clearfix .views_slideshow_pager_field_item {
        margin-left: 10px;
        margin-right: 10px;
        width: 43%;
    }

    body.ins-tn form#views-exposed-form-methodologies-page-1 .select-wrapper {
        width: 100%;
    }

    body.ins-tn form#views-exposed-form-methodologies-page-1 select#edit-field-theme-tid {
        width: 100%;
    }

    body.ins-tn .path-methodes section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid {
        display: block;
    }

    body.ins-tn form#views-exposed-form-methodologies-page-1 .form--inline.form-inline.clearfix {
        display: block;
    }

    body.ins-tn form#views-exposed-form-methodologies-page-1 button#edit-reset--3,
    body.ins-tn form#views-exposed-form-methodologies-page-1 button#edit-reset,
    body.ins-tn form#views-exposed-form-methodologies-page-1 button#edit-submit-methodologies {
        margin-right: 0px;
        margin-left: 13px;
    }

    form#views-exposed-form-methodologies-page-1 .form--inline.form-inline.clearfix div#edit-actions {

        float: right;
    }

    .page-node-type-actualites h1.page-header,
    body.page-node-type-publication .page-header span,
    body.page-node-type-methode h1.page-header {
        font-size: 24px;
    }

    #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        margin: 21px 0px 0px 0px;
    }

    #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
        margin: 21px 0px 0px 0px;
    }

    #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-row {
        width: 100%;
        float: none;
    }

    .path-statistiques #block-quicktabsstatistiquetabs #quicktabs-statistique_instance .quicktabs-tabs .recommend li {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
}

/*** traduction arabe ****/
html[lang=ar] body.ins-tn .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info {
    margin-right: 14px;
}

html[lang=ar] body.ins-tn .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre,
html[lang=ar] body.ins-tn .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info div.type,
html[lang=ar] body.ins-tn .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .resume,
html[lang=ar] body.ins-tn .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .link,
html[lang=ar] body.ins-tn .page-node-type-actualites h1.page-header,
html[lang=ar] body.ins-tn .page-node-type-actualites article .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item,
html[lang=ar] body.ins-tn .view-methodologies .views-field.views-field-title span.field-content,
html[lang=ar] body.ins-tn .view-definitions-methodologies .views-field.views-field-title span.field-content,
html[lang=ar] body.ins-tn .view-methodologies .views-field.views-field-field-resum-resultat .field-content,
html[lang=ar] body.ins-tn .view-definitions-methodologies .views-field.views-field-field-resum-resultat .field-content,
html[lang=ar] body.ins-tn .view-methodologies .views-field.views-field-view-node span.field-content a,
html[lang=ar] body.ins-tn .view-methodologies .views-field.views-field-nothing a,
html[lang=ar] body.ins-tn .view-definitions-methodologies .views-field.views-field-view-node span.field-content a,
html[lang=ar] body.ins-tn .view-definitions-methodologies .views-field.views-field-nothing a,
html[lang=ar] body.ins-tn ul.menu.menu--menu-methode.nav a.active-trail,
html[lang=ar] body.ins-tn ul.menu.menu--menu-methode.nav a,
html[lang=ar] body.path-methodes.ins-tn section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid label.control-label,
html[lang=ar] body.ins-tn .view-methodologies .views-field.views-field-body,
html[lang=ar] body.ins-tn .view-methodologies .views-field-field-resume-methode,
html[lang=ar] body.path-nomenclatures.ins-tn .view-methodologies .views-field.views-field-body .field-content p,
html[lang=ar] section#block-views-block-ev-nements-block-1 h2.block-title,
html[lang=ar] body.ins-tn section#block-views-block-ev-nements-block-1-2 h2.block-title,
html[lang=ar] body.ins-tn section#block-views-block-publication-block-1 h2.block-title,
html[lang=ar] body.ins-tn section#block-views-block-methodologies-block-1 h2.block-title,
html[lang=ar] body.ins-tn section#block-views-block-ev-nements-block-1 .form-group span.file-link,
html[lang=ar] body.ins-tn section#block-views-block-publication-block-1 .form-group span.file-link,
html[lang=ar] body.ins-tn section#block-views-block-methodologies-block-1 .form-group span.file-link,
html[lang=ar] body.page-node-type-methode.ins-tn h1.page-header,
html[lang=ar] body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p,
html[lang=ar] .ins-tn form#mc-embedded-subscribe-form,
html[lang=ar] body.page-node-type-publication .field--item,
html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre,
html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info div.type,
html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .resume,
html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .link,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix select,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix select,
html[lang=ar] body.path-offre-d-emploi.ins-tn h1,
html[lang=ar] #block-autreseditions h2.block-title,
html[lang=ar] body.page-node-type-actualites.ins-tn h1.page-header,
html[lang=ar] body.page-node-type-actualites.ins-tn article .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item,
html[lang=ar] section#block-formulaireexposeev-nementspage-1-2 h2,
html[lang=ar] section#block-formulaireexposeev-nementspage-2-2 h2,
html[lang=ar] .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-field-resume-pub .field-content,
html[lang=ar] .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-view-node .field-content a,
html[lang=ar] body.page-node-type-publication .page-header span,
html[lang=ar] body.page-node-type-publication .field--item,
html[lang=ar] body.page-node-type-publication article.publication .content .field div.field--label,
html[lang=ar] #datatable .views-field-nothing .pub-listing .resume-publi,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-header,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-header,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-header p,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-header p,
html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table .thead-dark tr th,
html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table tbody tr th.indicateur-name {
    text-align: right;
}

html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table thead tr th:nth-child(n+2){
    text-align: right;
}
html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table tbody tr td,
html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table tbody tr th{
    text-align: right;
    font-family: "Almarai-Regular";
    direction: ltr;
}
html[lang=ar] body.path-definitions-methodologies.ins-tn .view.view-definitions-methodologies .form-item-field-glossaire-target-id,
html[lang=ar] body.path-methodes.ins-tn .form-item-field-theme-tid,
html[lang=ar] body.page-node-type-publication.ins-tn .main-container section,
html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph,
html[lang=ar] body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-title-1,
html[lang=ar] body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems,
html[lang=ar] ul.sf-menu.sf-style-default,
html[lang=ar] body.path-services.ins-tn #block-views-block-1-services-catalogue-publications .views-field-field-page-paragraph .paragraph,
html[lang=ar] body.path-acces-information .views-element-container,
html[lang=ar] #statistique #block-publicationconnexe .pubconexe .row .pub-cnx,
html[lang=ar] #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-row,
html[lang=ar] body.ins-tn #block-mainnavigation ul li a,
html[lang=ar] #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row,
html[lang=ar] #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row,
html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom,
html[lang=ar] .stat #accordion .card .card-body .source-date .source,
html[lang=ar] body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row .views-field-title-1 {
    float: right;
}

html[lang=ar] body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row .views-field-field-google-maps {
    float: left;
}

html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1
 {
    float: left !important;
}
html[lang=ar] #accordion .card .card-body .source-date .miseajour{
    text-align: left;
}
#accordion .card .card-body .source-date .miseajour{
    text-align: right;
}
html[lang=ar] body.ins-tn #block-formulaireexposesolr-search-contentpage-1 {
    float: left !important;
    margin-left: 0;
}

html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form--inline {
    float: left;
    display: flex;
}

html[lang=ar] body.ins-tn ol.breadcrumb {
    text-align: right;
    padding-right: 0px;
}

html[lang=ar] body.path-methodes.ins-tn section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid label.control-label,
html[lang=ar] body.ins-tn form#views-exposed-form-methodologies-page-1 .select-wrapper {
    margin-left: 15px;
    margin-right: 0px;
}

html[lang=ar] body.ins-tn .btn.icon-before .glyphicon, .btn .glyphicon.icon-before {
    margin-left: 0;
    margin-right: 0px;
}

html[lang=ar] body.ins-tn #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 #edit-actions button {
    margin-left: 0;
    margin-right: 5px;
}

html[lang=ar] button#edit-submit-ev-nements i.fas.fa-check, button#edit-submit-methodologies i.fas.fa-check {
    right: -13px;
}

html[lang=ar] body.ins-tn ul.menu.menu--menu-methode.nav {
    left: 0% !important;
    padding: 0px;
}

html[lang=ar] body.ins-tn section#block-views-block-ev-nements-block-1 .form-group .file > span:first-child,
html[lang=ar] body.ins-tn section#block-views-block-ev-nements-block-1-2 .form-group .file > span:first-child,
html[lang=ar] body.ins-tn section#block-views-block-publication-block-1 .form-group .file > span:first-child,
html[lang=ar] body.ins-tn section#block-views-block-methodologies-block-1 .form-group .file > span:first-child {
    padding-right: 0px;
    padding-left: 10px;
}

html[lang=ar] body.ins-tn section#block-views-block-ev-nements-block-1 .form-group span.file-size,
html[lang=ar] body.ins-tn section#block-views-block-publication-block-1 .form-group span.file-size,
html[lang=ar] body.ins-tn section#block-views-block-methodologies-block-1 .form-group span.file-size {
    padding-right: 0px;
    text-align: right;
}

html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info {
    margin-left: 0;
    margin-right: 14px;
}

html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row {
    margin-left: 44px;
    margin-right: 0;
}

html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix select,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix select,
html[lang=ar] body.ins-tn form#views-exposed-form-methodologies-page-1 select#edit-field-theme-tid {
    padding-right: 0.5em;
}

html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .select-wrapper:after,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .select-wrapper:after,
html[lang=ar] body.path-methodes.ins-tn section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid .select-wrapper:after {
    direction: ltr;
    left: 0;
    padding-right: 0;
    padding-left: 0.5em;
}

html[lang=ar] body.ins-tn a.logo.navbar-btn.pull-left {
    float: right !important;
}

html[lang=ar] body.ins-tn #block-formulaireexposesolr-search-contentpage-1 label.control-label {
    display: none;
}

html[lang=ar] body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-field-google-maps,
html[lang=ar] body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(even) .field--name-field-paragraph-page-image,
html[lang=ar] body.path-acces-information #block-webform-2,
html[lang=ar] form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions,
html[lang=ar] form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix div#edit-actions,
html[lang=ar] form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix div#edit-actions--2,
html[lang=ar] form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions--2,
#acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row,
#acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row,
html[lang=ar] form#views-exposed-form-methodologies-page-1 .form--inline.form-inline.clearfix div#edit-actions {
    float: left;
}

html[lang=ar] body.ins-tn #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form-item input,
html[lang=ar] body.ins-tn #block-formulaireexposesolr-search-contentpage-1 .form--inline.form-inline.clearfix {
    direction: rtl;
}

html[lang=ar] body.ins-tn button#edit-reset img {
    margin-right: -4px;
    margin-left: auto;
}

html[lang=ar] #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    width: max-content;
}

html[lang=ar] body.ins-tn section#block-views-block-ev-nements-block-1 .form-group span.file-link a,
html[lang=ar] body.ins-tn section#block-views-block-publication-block-1 .form-group span.file-link a,
html[lang=ar] body.ins-tn section#block-views-block-methodologies-block-1 .form-group span.file-link a {
    overflow-wrap: anywhere;
}

body.path-node.page-node-type-publication.communiques-presse.ins-tn section#block-formulaireexposeev-nementspage-2-2,
html[lang=ar] body.path-node.page-node-type-publication.communiques-presse.ins-tn .field.field--name-field-periodicite.field--type-entity-reference.field--label-inline {
    display: none;
}

html[lang=ar] body.ins-tn #datatable_filter input#keywords {
    text-align-last: right;
}

html[lang=ar] body.ins-tn #datatable_wrapper label input {
    padding-left: 0;
    padding-right: 20px;
}

html[lang=ar] body.page-node-type-actualites.ins-tn .views_sborder-rightlideshow_cycle_slide .views-field-field-video img.img-responsive,
html[lang=ar] body.page-node-type-actualites.ins-tn .views_slideshow_cycle_slide .views-field-field-image img.img-responsive,
html[lang=ar] body.page-node-type-actualites.ins-tn .views_slideshow_cycle_slide,
html[lang=ar] body.ins-tn #block-menufooterbas {
    direction: ltr;
}

html[lang=ar] form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions,
html[lang=ar] form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix div#edit-actions,
html[lang=ar] form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix div#edit-actions--2,
html[lang=ar] form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions--2 {
    display: inline-flex;
    flex-flow: row-reverse;
}

html[lang=ar] body.path-contact.ins-tn #block-webform input,
html[lang=ar] body.path-contact.ins-tn #block-webform textarea {
    padding: 25px 25px 25px 0;
}

html[lang=ar] body.ins-tn ul.menu.menu--menu-header.nav {
    direction: ltr;
}

html[lang=ar] body.ins-tn #header-top .menu--menu-header li a {
    margin-left: 0px;
}

html[lang=ar] body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link .description a:before {
    right: 0;
    float: left;
}

html[lang=ar] body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link {
    padding: 40px 60px;
}

html[lang=ar] body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(odd) .field--name-field-paragraph-page-image {
    float: right;
    margin-right: 0;
    margin-left: 80px;
}

html[lang=ar] body.ins-tn nav#block-menumethode {
    position: relative !important;
}

html[lang=ar] .page-node-type-publication section#block-views-block-publication-block-1,
html[lang=ar] #block-autreseditions {
    width: 100%;
    max-width: 100%;
}

html[lang=ar] #block-autreseditions .autre-edition .dropdown a.first-link-edition:after {
    right: 0;
    text-align: left;
    left: 12px;
}

html[lang=ar] #block-autreseditions .autre-edition .dropdown a.first-link-edition {
    padding: 0px 6px 0 0px;
}

html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {
    left: 73%;
    right: 203px;
}

html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-title {
    left: 0;
    right: 203px;
}

html[lang=ar] #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
    margin: 21px 0px 0px 21px;
}

html[lang=ar] #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
    margin: 21px 0px 0px 21px;
}

#acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
    margin-top: 21px;
}

#acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
    margin-top: 21px;
    /*height: 380px;*/
    height: 260px;
}

html[lang=ar] #block-dropdownlanguage #bootstrap-panel .panel-body,
html[lang=ar] #block-dropdownlanguage #bootstrap-panel--2 .panel-body {
    padding: 12px 0px 0px 0px;
}

html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix select,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix select,
html[lang=ar] body.ins-tn form#views-exposed-form-methodologies-page-1 select#edit-field-theme-tid {
    padding: 2px 12px;
    line-height: 21px;
}

html[lang=ar] #block-dropdownlanguage,
html[lang=ar] ul.Language-link {
    padding: 0;
}

html[lang=ar] body.path-acces-information #block-webform-2 button.btn-primary {
    margin: 0px 15px 0 0;
}

html[lang=ar] body.path-acces-information #block-webform-2 form .select-wrapper:after {
    right: 90%;
}

html[lang=ar] body.path-acces-information #block-webform-2 input,
html[lang=ar] body.path-acces-information #block-webform-2 select {
    padding-right: 1em;
    padding-left: 2em;
}

html[lang=ar] #block-autreseditions .autre-edition .dropdown .dropdown-menu {
    left: auto;
    right: 0;
    max-width: 325px;
    overflow-x: auto;
}

html[lang=ar] ul.menu.menu--menu-footer-.nav {
    padding-right: 0px;
}

html[lang=ar] #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-field-nothing .press {

    margin-left: 10px;
}

html[lang=ar] button#edit-submit-ev-nements, html[lang=ar] button#edit-submit-methodologies {
    margin-right: 10px;
    margin-left: 0 !important;
}

html[lang=ar] #statistique #block-publicationconnexe .pubconexe .row .pub-cnx .image {
    margin-left: 10px;
}

html[lang=ar] #statistique #block-publicationconnexe .pubconexe .row .pub-cnx .desc {
    margin-right: 10px;
}

html[lang=ar] body.ins-tn #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link li {
    display: inline-flex;
}

html[lang=ar] body.page-node-type-actualites.ins-tn div#views_slideshow_cycle_teaser_section_phototecs-block_1,
.page-node-type-actualites div#views_slideshow_cycle_div_phototecs-block_1_0 {
    width: 100% !important;
}

html[lang=ar] body.ins-tn .tab button.tablinks,
html[lang=ar] body.ins-tn .tab button.tablinks.active {
    width: auto;
}

html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {
    text-align: center;
    width: 10%;
}

html[lang=ar] .views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    padding-right: 15px;
}

html[lang=ar] .page-node-type-actualites article .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    line-height: 30px;
}

html[lang=ar] body.path-communique-de-presse .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-field-type-publication .field-content .informations {
    display: flex;
    display: inline-flex;
}

html[lang=ar] #block-quicktabsstatistiquetabs #quicktabs-statistique_instance .quicktabs-tabs .wraper li.newtab,
html[lang=ar] #block-quicktabsstatistiquetabs #quicktabs-statistique_instance .quicktabs-tabs .recommend li,
html[lang=ar] .recommend li:nth-child(1) a:before,
html[lang=ar] .recommend li:nth-child(2) a:before,
html[lang=ar] .recommend li:nth-child(3) a:before {
    margin-right: 0;
    margin-left: 10px;
}

html[lang=ar] .stat #accordion .card .card-header .mb-0 a.btn.btn-link:before {
    margin-left: 5px;
    margin-right: 0;
}
body.Chrome .stat #accordion .card .card-header .mb-0 a.btn.btn-link:before{
    padding: 7px;
}
body.Safari .stat #accordion .card .card-header .mb-0 a.btn.btn-link:before{
    padding-bottom: 0;
    padding-top: 0;
}
.stat #accordion .card .card-header .mb-0 a.btn.btn-link:before {
    background-image: url(../images/indicator-arrow.svg);
    margin-right: 5px;
    background-repeat: round;
    background-size: cover;
    height: 4px;
    opacity: 1;
}

html[lang=ar] #filter-theme .accordion .accordion-tab .accordion-arrow {
    margin-right: 0;
    margin-left: 5px;
    right: 87%;
}

html[lang=ar] .export img {
    margin: 0 0 0 10px;
}

html[lang=ar] #filter-theme .accordion.active .accordion-content a.stat-active {
    border-right: 3px solid #0389FE;
    border-left: none;
}

html[lang=ar] .alert.alert-warning.alert-dismissible {
    text-align: right;
}

/*** Font ***/

html[lang=ar] body.path-conditions-utilisation.ins-tn h1,
html[lang=ar] body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems h2,
html[lang=ar] body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 h2,
html[lang=ar] body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 p,
html[lang=ar] body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 li,
html[lang=ar] body.ins-tn #header-top,
html[lang=ar] ul.menu--menu-footer- li a,
html[lang=ar] body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-1-ins-presentation .views-field-title span,
html[lang=ar] body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa h2,
html[lang=ar] body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities h2,
html[lang=ar] body.path-presentation-ins.ins-tn #block-views-block-principal-activite-block-1 h2,
html[lang=ar] body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-1-ins-presentation .views-field-body,
html[lang=ar] body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa p,
html[lang=ar] body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa ul li,
html[lang=ar] body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities ul li,
html[lang=ar] body.path-services.ins-tn h2,
html[lang=ar] body.path-services.ins-tn .body p,
html[lang=ar] body.path-services.ins-tn #block-views-block-1-services-catalogue-publications .field--name-field-subtitle,
html[lang=ar] body.path-services.ins-tn #block-views-block-2-serv-centre-doc .field-content p,
html[lang=ar] body.path-services.ins-tn #block-views-block-2-serv-centre-doc .field-content p:nth-child(3),
html[lang=ar] body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph .field--name-field-body,
html[lang=ar] body.path-textes-juridiques.ins-tn h2,
html[lang=ar] body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link .description a,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix select,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix select,
html[lang=ar] body.path-communique-de-presse .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-field-type-publication .field-content .informations .views-field-field-date-edition .field-content,
html[lang=ar] body.path-communique-de-presse .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-field-type-publication .field-content .informations .views-field-field-sous-title .field-content,
html[lang=ar] body.path-communique-de-presse .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-field-type-publication .field-content .informations .views-field-field-type-publication .field-content,
html[lang=ar] .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-field-resume-pub .field-content,
html[lang=ar] .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-view-node .field-content a,
html[lang=ar] body.page-node-type-publication article.publication .content .field--name-field-sous-title,
html[lang=ar] body.page-node-type-publication .main-container article.publication .content .field--name-body,
html[lang=ar] #block-views-block-publication-block-2 .form-group .views-field-field-theme .field-content ul li,
html[lang=ar] #block-views-block-publication-block-2 .form-group .views-field-nothing .field-content .theme ul li,
html[lang=ar] .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info div.type,
html[lang=ar] .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .resume,
html[lang=ar] .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .link,
html[lang=ar] .page-node-type-actualites article .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item,
html[lang=ar] #datatable_wrapper label input,
html[lang=ar] #datatable .views-field-nothing .pub-listing .sous-title .date,
html[lang=ar] #datatable .views-field-nothing .pub-listing .date-edition .date,
html[lang=ar] #datatable .views-field-nothing .pub-listing .resume-publi,
html[lang=ar] #datatable .views-field-nothing .pub-listing .link-publi a,
html[lang=ar] #datatable .views-field-nothing .pub-listing .date-edition .type-pub,
html[lang=ar] #datatable .views-field-nothing .pub-listing .sous-title .type-pub,
html[lang=ar] body.page-node-type-publication article.publication .content .field div.field--label,
html[lang=ar] #statistique #block-publicationconnexe .pubconexe .row .pub-cnx .desc .titre a,
html[lang=ar] #statistique #block-publicationconnexe .pubconexe .row .pub-cnx .desc .link a,
html[lang=ar] .view-methodologies .views-field.views-field-field-resum-resultat .field-content,
html[lang=ar] .view-definitions-methodologies .views-field.views-field-field-resum-resultat .field-content,
html[lang=ar] .view-methodologies .views-field.views-field-view-node, .view-methodologies .views-field.views-field-nothing,
html[lang=ar] .view-definitions-methodologies .views-field.views-field-view-node,
html[lang=ar] .view-definitions-methodologies .views-field.views-field-nothing,
html[lang=ar] body.ins-tn form#views-exposed-form-methodologies-page-1 select#edit-field-theme-tid,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .select-wrapper,
html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .select-wrapper,
html[lang=ar] body.ins-tn form#views-exposed-form-methodologies-page-1 .select-wrapper,
html[lang=ar] .view-methodologies span.views-field.views-field-field-the-mes span.field-content a,
html[lang=ar] .view-methodologies .views-field.views-field-body,
html[lang=ar] .view-methodologies .views-field-field-resume-methode,
html[lang=ar] .view-methodologies .views-field.views-field-view-node span.field-content a,
html[lang=ar] .view-methodologies .views-field.views-field-nothing a,
html[lang=ar] .view-definitions-methodologies .views-field.views-field-view-node span.field-content a,
html[lang=ar] .view-definitions-methodologies .views-field.views-field-nothing a,
html[lang=ar] section#block-views-block-ev-nements-block-1 .form-group span.file-size,
html[lang=ar] section#block-views-block-publication-block-1 .form-group span.file-size,
html[lang=ar] section#block-views-block-methodologies-block-1 .form-group span.file-size,
html[lang=ar] section#block-views-block-ev-nements-block-1 .form-group span.file-link,
html[lang=ar] section#block-views-block-publication-block-1 .form-group span.file-link,
html[lang=ar] section#block-views-block-methodologies-block-1 .form-group span.file-link,
html[lang=ar] body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p,
html[lang=ar] #block-theme .themes .item-taxo,
html[lang=ar] .path-nomenclatures .view-methodologies .views-field.views-field-body .field-content p,
html[lang=ar] .view-methodologies .card-body .views-field.views-field-nothing .field-content a,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-content .views-row .summary,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-content .views-row .desc-offre,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-content .views-row .link,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-content .views-row .link-offre,
html[lang=ar] body.page-node-type-appel-d-offre.ins-tn .field--name-field-publie-le,
html[lang=ar] body.page-node-type-offre-d-emploi.ins-tn .field--name-field-publie-le-app-offre,
html[lang=ar] body.page-node-type-appel-d-offre.ins-tn .field--name-field-date-limite,
html[lang=ar] body.page-node-type-appel-d-offre.ins-tn .field--name-field-date-limites,
html[lang=ar] body.page-node-type-offre-d-emploi.ins-tn .field--name-field-date-limite-app-offre,
html[lang=ar] body.page-node-type-appel-d-offre.ins-tn .field--name-body p,
html[lang=ar] body.page-node-type-offre-d-emploi.ins-tn .field--name-body p,
html[lang=ar] body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .file-link,
html[lang=ar] body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .file-link,
html[lang=ar] #block-copyrightfooter .field--name-body p,
html[lang=ar] #block-menufooterbas ul.menu--menu-footer-bas li a,
html[lang=ar] #block-mainnavigation ul li a,
html[lang=ar] body.ins-tn #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form-item input,
html[lang=ar] #block-autreseditions .autre-edition .dropdown a,
html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node .field-content a,
html[lang=ar] #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-field-nothing .body,
html[lang=ar] #evenement .cond .views-field-nothing .field-content li .resum-event,
html[lang=ar] #evenement .cond .views-field-nothing .field-content li .place-event,
html[lang=ar] #evenement .cond .views-field-nothing .field-content li .date-even,
html[lang=ar] body.path-acces-information .view-acces-a-l-information p,
html[lang=ar] body.path-acces-information #block-webform-2 .panel-body label,
html[lang=ar] body.path-acces-information #block-webform-2 input,
html[lang=ar] body.path-acces-information #block-webform-2 select,
html[lang=ar] body.path-acces-information #block-webform-2 button.btn-primary,
html[lang=ar] body.path-acces-information #block-webform-2 #edit-processed-text p,
html[lang=ar] body.path-contact.ins-tn #block-views-contact-section-block-1 p,
html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 h2,
html[lang=ar] body.path-contact.ins-tn #block-webform h2,
html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph .field--name-field-subtitle,
html[lang=ar] body.path-contact.ins-tn #block-webform button,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-title .field-content a,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-field-resume-pub .field-content,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-field-resume .field-content,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-field-resume-methode .field-content,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-field-resum-resultat .field-content,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-field-resume-recherche .field-content,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-nothing .field-content .link-serach a,
html[lang=ar] #block-type .facets-widget-dropdown select,
html[lang=ar] .view-empty,
html[lang=ar] .view-empty p,
html[lang=ar] .empty-donnees,
html[lang=ar] #block-quicktabsstatistiquetabs #quicktabs-statistique_instance .quicktabs-tabs .wraper li.newtab a,
html[lang=ar] .stat #accordion .card .card-body .commentaire,
html[lang=ar] #filter-theme .accordion.active .accordion-content a {
    font-family: "Almarai-regular";
}

html[lang=ar] body.path-conditions-utilisation.ins-tn .view-conditions-d-utilisation p,
html[lang=ar] body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems ul li a,
html[lang=ar] body.path-services.ins-tn .summary,
html[lang=ar] body.path-services.ins-tn #block-views-block-2-serv-centre-doc .field-content p:nth-child(2),
html[lang=ar] body.path-textes-juridiques.ins-tn .body,
html[lang=ar] #mc_embed_signup .mc-field-group input,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-id-appel_d_offre .view-header,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-id-offre_d_emploi .view-header,
html[lang=ar] #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
html[lang=ar] body.ins-tn #evenement .evenement-block-home .view-header .sous-titre,
html[lang=ar] #mc_embed_signup .mc-field-group input::placeholder,
html[lang=ar] body.path-contact.ins-tn #block-views-contact-section-block-1 h3,
html[lang=ar] body.path-contact.ins-tn #block-webform p,
html[lang=ar] body.path-contact.ins-tn #block-webform input::placeholder,
html[lang=ar] body.path-contact.ins-tn #block-webform textarea::placeholder,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-header,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-header,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-header p,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-header p,
html[lang=ar] .view-solr-search-content .view-content .views-row .views-field-type .field-content,
html[lang=ar] body.ins-tn #datatable_wrapper label input::placeholder,
html[lang=ar] .alert.alert-warning.alert-dismissible {
    font-family: "Almarai-light";
}

html[lang=ar] h2#block-menufooter-menu,
html[lang=ar] h2#block-menufooter-2-menu,
html[lang=ar] h2#block-menufooter-3-menu,
html[lang=ar] #block-lettredinformation h2.block-title,
html[lang=ar] body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .field--name-field-subtitle,
html[lang=ar] body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph .field--name-field-subtitle,
html[lang=ar] section#block-formulaireexposeev-nementspage-1-2 h2,
html[lang=ar] section#block-formulaireexposeev-nementspage-2-2 h2,
html[lang=ar] .view-ev-nements.view-display-id-page_2 .view-content .views-row .views-field-title .field-content a,
html[lang=ar] body.page-node-type-publication .page-header span,
html[lang=ar] #block-views-block-publication-block-2 h2.block-title,
html[lang=ar] #block-views-block-publication-block-2 .form-group .views-field-nothing .field-content .theme span.titr,
html[lang=ar] section#block-views-block-ev-nements-block-1 h2.block-title,
html[lang=ar] section#block-views-block-ev-nements-block-1-2 h2.block-title,
html[lang=ar] section#block-views-block-publication-block-1 h2.block-title,
html[lang=ar] section#block-views-block-methodologies-block-1 h2.block-title,
html[lang=ar] .path-evenements .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre,
html[lang=ar] .page-node-type-actualites h1.page-header,
html[lang=ar] #datatable .views-field-nothing .pub-listing .titre a,
html[lang=ar] body.page-node-type-publication .field--item,
html[lang=ar] #statistique #block-publicationconnexe h2.block-title,
html[lang=ar] .view-methodologies .views-field.views-field-title span.field-content,
html[lang=ar] .view-definitions-methodologies .views-field.views-field-title span.field-content,
html[lang=ar] .form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group .form-group a,
html[lang=ar] .form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group .form-group a,
html[lang=ar] .form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-no-label.form-group .form-group.active a,
html[lang=ar] .form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-glossaire-target-id.js-form-item-field-glossaire-target-id.form-group .form-group.active a,
html[lang=ar] ul.menu.menu--menu-methode.nav a,
html[lang=ar] .path-methodes section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid label.control-label,
html[lang=ar] body.page-node-type-methode h1.page-header,
html[lang=ar] #block-theme .themes .label-taxo,
html[lang=ar] body.path-appel-d-offre.ins-tn h1.page-header,
html[lang=ar] body.path-offre-d-emploi.ins-tn h1.page-header,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-content .views-row .titre a,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-content .views-row .titre a:hover, body.path-offre-d-emploi.ins-tn .view-content .views-row .titre-offre a,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-content .views-row .titre-offre a:hover,
html[lang=ar] body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 h2.block-title,
html[lang=ar] body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 h2.block-title,
html[lang=ar] body.page-node-type-appel-d-offre.ins-tn h1.page-header,
html[lang=ar] body.page-node-type-offre-d-emploi.ins-tn h1.page-header,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-content .views-row .titre a,
html[lang=ar] body.path-appel-d-offre.ins-tn .view-content .views-row .titre a:hover,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-content .views-row .titre-offre a,
html[lang=ar] body.path-offre-d-emploi.ins-tn .view-content .views-row .titre-offre a:hover,
html[lang=ar] #block-autreseditions h2.block-title,
html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-title,
html[lang=ar] #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row .views-field-title .field-content,
html[lang=ar] #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row .views-field-title .field-content,
html[lang=ar] body.ins-tn div#indicateur .container .titre-block-ins-ind-cl,
html[lang=ar] body.ins-tn #presse #block-views-block-communiques-de-presse-block-1 h2.block-title,
html[lang=ar] body.ins-tn #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-field-nothing .type,
html[lang=ar] #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-field-nothing .titre a,
html[lang=ar] body.ins-tn #presse .view-footer a,
html[lang=ar] #evenement #block-views-block-evenements-block-1 h2.block-title,
html[lang=ar] #evenement .view-footer a,
html[lang=ar] #evenement .cond .views-field-nothing .field-content li .type-event,
html[lang=ar] body.path-acces-information .view-acces-a-l-information h1,
html[lang=ar] body.path-acces-information #block-webform-2 .panel-title,
html[lang=ar] body.path-contact.ins-tn #block-views-contact-section-block-1 h2,
html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph .field--name-field-body,
html[lang=ar] body.ins-tn ol.breadcrumb,
html[lang=ar] body.path-solr-search.ins-tn .region-content h1.page-header,
html[lang=ar] #block-type h2.block-title,
html[lang=ar] #block-quicktabsstatistiquetabs #quicktabs-statistique_instance .quicktabs-tabs .recommend li a,
html[lang=ar] #filter-theme .accordion .accordion-tab.active a,
html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table .thead-dark tr th,
html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table tbody tr th.indicateur-name,
html[lang=ar] .stat #accordion .card .card-body .donnees .inner-table .table tbody tr td,
html[lang=ar] #filter-theme .accordion .accordion-tab a,
html[lang=ar] .stat #accordion .card .card-header .mb-0 a,
html[lang=ar] .stat #accordion .card .card-body .source-date .source,
html[lang=ar] .stat #accordion .card .card-body .source-date .miseajour,
html[lang=ar] body.path-acces-information h1.page-header {
    font-family: "Almarai-Bold";
}

/**** Mobile *****/

@media (min-width: 1200px) {
    #block-socialmedialinks ul {
        float: right;
        display: flex;
    }

    html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row:nth-child(4n) {
        margin-left: 0px !important;
    }

    body.ins-tn #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }

    body.ins-tn #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }

    html[lang=ar] body.ins-tn #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }

    html[lang=ar] body.ins-tn #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }
}

@media (min-width: 992px) {

    html[lang=ar] .ins-tn .region.region-footer nav#block-menufooter,
    html[lang=ar] .ins-tn .region.region-footer nav#block-menufooter-2,
    html[lang=ar] .ins-tn .region.region-footer nav#block-menufooter-3,
    html[lang=ar] .ins-tn .region.region-footer section#block-lettredinformation,
    html[lang=ar] body.ins-tn #block-menufooterbas,
    html[lang=ar] body.ins-tn #block-menufooterbas ul.menu--menu-footer-bas,
    html[lang=ar] body.ins-tn section#block-socialmedialinks-2,
    html[lang=ar] body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .views-field-field-page-paragraph .paragraph {
        float: right;
    }

    html[lang=ar] body.ins-tn #block-socialmedialinks-2 ul {
        float: left;
    }


    html[lang=ar] h2#block-menufooter-menu, html[lang=ar] h2#block-menufooter-2-menu, html[lang=ar] h2#block-menufooter-3-menu {

        padding-right: 17px;
    }

    html[lang=ar] body.page-node-type-publication.ins-tn article.publication .content .field--name-field-vignette {
        right: 75%;
    }

    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {

        width: 10%;
    }
}

@media (min-width: 768px) and (max-width: 992px ) {
    #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        width: 30%;
    }

    #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
        width: 30%;
    }

    .hi-slide .hi-prev,
    .hi-slide .hi-next {
        left: -123px;
        display: none;
    }

    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        top: 9.5% !important;
    }

    html[lang=ar] body.ins-tn #header-top .menu--menu-header li.last a:before {
        left: -3px;
        right: 6px;
    }

    html[lang=ar] #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-row {
        width: 50%;
        float: right;
    }
}

@media (min-width: 768px) {
    html[lang=ar] body.ins-tn nav#block-menuheader,
    html[lang=ar] body.ins-tn #block-dropdownlanguage,
    html[lang=ar] body.ins-tn ul.menu.menu--menu-header.nav,
    html[lang=ar] body.ins-tn section#block-socialmedialinks,
    html[lang=ar] body.ins-tn #block-menufooterbas ul.menu--menu-footer-bas li,
    html[lang=ar] body.ins-tn #block-menufooterbas ul.menu--menu-footer-bas li a {
        float: right;
    }

    html[lang=ar] body.ins-tn #header-top .menu--menu-header li.first a:before {
        left: 200px;
    }

    html[lang=ar] body.ins-tn #header-top .menu--menu-header li.last a:before {

        left: -5px;
        right: 108px;
    }

    html[lang=ar] body.ins-tn #block-mainnavigation ul li {
        border-left: 1px solid #f7f7f747;
    }

    html[lang=ar] body.page-node-type-actualites.ins-tn section#block-views-block-phototecs-block-1 div#views_slideshow_cycle_teaser_section_phototecs-block_1 {
        width: 100%;
    }

    html[lang=ar] .view-footer {
        margin-right: 26px;
    }

    html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph {
        margin: 0px 0px 40px 40px;
    }

    html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph:nth-child(3n+0) {
        margin: 0 0 40px 0;
    }
}

@media (min-width: 577px) {

    html[lang=ar] body.page-node-type-publication.ins-tn article.publication .content .field--name-field-vignette {
        right: 60%;
    }
}

@media (min-width: 480px) and (max-width: 1024px ) {
    body.page-node-type-publication.ins-tn .view-footer {
        display: flex;
    }
}

@media (min-width: 577px) and (max-width: 768px ) {
    #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        width: 45%;
    }

    #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
        width: 45%;
    }

}

@media (max-width: 992px) {
    html[lang=ar] body.ins-tn #header-top .menu--menu-header li.first a:before {
        left: 170px;
    }

    html[lang=ar] body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 {
        min-width: 100%;
    }

    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {

        width: 20%;
    }

    #block-views-block-communiques-de-presse-block-1 .view-communiques-de-presse .view-content .views-field-nothing .press {
        margin-right: 0px;
    }
}

@media (max-width: 768px) {
    html[lang=ar] body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .views-field-field-page-paragraph .paragraph {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    html[lang=ar] #block-mainnavigation ul li a {
        text-align: center;
    }

    body.ins-tn #header-top .menu--menu-header li.last a:before {
        left: -7px;
        right: 108px;
    }

    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        /* top: 536px; */
        left: 45%;
        right: 0;
        padding: 0 15px;
    }

    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node,
    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-title {
        right: 30px;
    }

    html[lang=ar] .views-slideshow-controls-bottom .views-slideshow-pager-bullets {
        text-align: right;
        padding: 0;
    }

    html[lang=ar] #block-mainnavigation ul li.sf-depth-1.menuparent {
        text-align: right;
        font-family: "Almarai-regular";
        padding: 14px 0px 14px 21px;
    }

    html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix .form-item,
    html[lang=ar] body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item {
        margin-right: 0 !important;
    }

    html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph {
        margin: 0 7px 7px 0;
    }

    html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph:nth-child(3n+0) {
        margin: 0 7px 7px 0;
    }

    html[lang=ar] body.path-evenements.ins-tn .view-ev-nements .views-row {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/*html[lang=ar] ul.menu.menu--main.nav.navbar-nav li a span.caret {*/
/*    display: none;*/
/*}*/

@media (max-width: 577px) {

    html[lang=ar] #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        width: 100%;
    }

    html[lang=ar] #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
        width: 100%;
    }

    #acces-rapide #block-views-block-chiffre-cle-block-1 .view-content .views-row {
        width: 100%;
    }


    #acces-rapide,  html[lang="ar"] #acces-rapide {
        padding: 40px 0;
    }
    body.genre-ins #acces-rapide {
        padding-bottom: 20px!important;
    }
    html[lang=ar] #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row {
        margin: 21px 0px 0px 0;
    }
    #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row,
    html[lang="ar"]  #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row{
        width: 49%;
        height: 295px;
    }

    #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row:nth-child(2n+1) {
        margin-right: 1%;
    }



    html[lang="ar"] #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row:nth-child(2n+1) {
        margin-left: 1%;
    }

    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {

        width: 30%;
    }

    html[lang=ar] body.page-node-type-publication.genre-ins article.publication .content .field--name-field-vignette {
        right: 0 !important;
    }
}

@media (max-width: 480px) {
    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        top: 16% !important;
        left: 16%;
    }

    html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph {
        margin: 0 0 7px 0;
    }

    html[lang=ar] body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph:nth-child(3n+0) {
        margin: 0 0px 7px 0;
    }
}

@media (max-width: 375px) {
    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {
        width: 40%;
    }
    html[lang="ar"] #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row:nth-child(2n+1) {
        margin-left: 1%!important;
    }
}

@media (max-width: 320px) {
    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_1 #views_slideshow_cycle_teaser_section_slider_home_page-block_1 .views_slideshow_cycle_slide .views-field-view-node {
        width: 35%;
    }

    html[lang=ar] #slider #block-views-block-slider-home-page-block-1 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        top: 14% !important;
    }

    body.ins-tn div#indicateur .container .tabcontent iframe.chartjs-hidden-iframe canvas#myChart {
        width: 100%;

    }
    #acces-rapide #block-views-block-chiffre-de-test-block-1 .view-content .views-row,
    html[lang="ar"] #block-views-block-chiffre-de-test-block-1 .view-content .views-row{
        width: 100%!important;
        height: 230px!important;
    }
}