/***** Style page Calendar table + responsive *******/
.path-calendar .page-header {
    display: none;
}

#calendar-table table {
    table-layout: fixed;
    width: 100%;
    *margin-left: -100px; /*ie7  */
}

#calendar-table tr.head td {
    background: #F1F2F5 !important;
}

#calendar-table tr.head td p {
    text-align: center;
    text-transform: capitalize;
}

#calendar-table tr th, #calendar-table tr td {
    border-left: 1px solid #E9EFF2;
}

#calendar-table tr:last-child th, #calendar-table tr td {
    border-bottom: 1px solid #E9EFF2;
}

#calendar-table tr.head th.head1 {
    background: #044A7A !important;
    color: white;
}

#calendar-table tr.head th.head2 {
    background: #39759E !important;
    color: white;
    height: 38px;
}

#calendar-table tr.head {
    font-weight: 600;
}

#calendar-table tr.theme {
    height: 60px;
    color: #0058A9;
    line-height: 35px;
}

#calendar-table tr.theme th {
    font-size: 16px;
}

#calendar-table tr.theme th p b {
    opacity: 1;
}

#calendar-table tr.theme th b {
    opacity: 0;
}

#calendar-table tr.head .head1 p {
    font-size: 15px;
    text-transform: uppercase
}

#calendar-table tr.node,
#calendar-table tr.node th {
    height: 67px;
    background: #e9eff263;
}

#calendar-table tr.theme .head2 {
    border-color: rgb(231, 241, 246);
    height: 60px;
}

#calendar-table tr.node .head2 {
    background: rgb(231, 241, 246);
}

#calendar-table tr.node .head2 p {
    padding: 15px;
}

#calendar-table tr.node a {
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    line-height: 35px;
}

#calendar-table td, th {
    vertical-align: top;
    width: 123px;

}

#calendar-table th {
    position: absolute;
    *position: relative; /*ie7*/

}

#calendar-table .head1 {
    left: 0;
    width: 300px;
}

#calendar-table .head2 {
    font-weight: 600;
    left: 0;
    width: 120px;
    margin-left: 300px;

}

#calendar-table {
    margin-bottom: 30px;
}

#calendar-table .outer {
    position: relative;
    width: 100%;
}

#calendar-table .inner {
    overflow-x: hidden;
    overflow-y: visible;
    /*width: 720px;*/
    width: auto;
    margin-left: 420px;
}

/*filter calendar*/
#calendar-top-filter {
    display: flex;
    margin-top: 30px;
}

#calendar-top-filter .filter-title {
    width: 160px;
}

.calendar-table-btn {
    width: 100%;
    height: 27px;
    margin-bottom: 20px;
}

.calendar-table-btn .scorll-btns {
    float: right;
}

.calendar-table-btn .scorll-btns button {
    background: none;
    border: 0;
    outline: 0;
}

#calendar-top-filter .filter-title p {
    padding: 18px 15px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-family: 'Roboto-Medium';
}

#cal-filter {
    padding: 8px 0 0 15px;
}

#cal-filter .btn {
    width: 245px;
    height: 44px;
    outline: 0;
    background: none;
    border: 1px solid #D9E0E7;
    box-shadow: none;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    border-radius: 0;
    text-align: left;
    padding-left: 15px;
    font-family: "Roboto-Regular";
}

#cal-filter .caret {
    float: right;
    margin: 6px 6px 0 0;
    color: #8CA2B6;
    width: 4%;
    border-top: 9px dashed;
}

#cal-filter .dropdown-menu {
    width: 245px;
    margin: 0px 0 0 15px;
    height: 256px;
    overflow-y: scroll;
    border: 0;
}

#cal-filter .dropdown-menu li {
    height: 32px
}

#cal-filter .dropdown-menu li:hover {
    background: #DDEDFB;
}

#cal-filter .dropdown-menu li a {
    font-size: 15px;
    line-height: 35px;
    color: #4F4F4F;
    font-family: "Roboto-Regular";
    padding-left: 15px;
}

/*calendar scroll filter */

#cal-filter .dropdown-menu::-webkit-scrollbar {
    width: 3px !important;
}

/* Track */
#cal-filter .dropdown-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

/* Handle */
#cal-filter .dropdown-menu::-webkit-scrollbar-thumb {
    background: #2086E3;
    border-radius: 10px;
}

/* Handle on hover */
#cal-filter .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #2086E3;
}

#calendar-table tr.node td p {
    text-align: center;
}

.calendar-table-btn .scorll-btns .fa {
    font-size: 20px;
}

/*Celendar responsive */

@media screen and (max-width: 375px) {
    #calendar-table tr.head td {
        height: 38px !important;
    }

    #calendar-table tr.head td p,
    #calendar-table tr.node td p {
        font-size: 11px !important;
        text-align: left !important;
    }

}


/*Calendar ar */
#calendar-top-filter .filter-title:lang(ar) {
    width: auto;
    margin-left: 40px;
}

#calendar-top-filter .filter-title p:lang(ar) {
    font-family: "Almarai-Bold";
}

#cal-filter .dropdown-menu li a:lang(ar) {
    font-family: "Almarai-Regular";
    float: right;
}

#cal-filter .btn:lang(ar) {
    text-align: right;
    font-family: "Almarai-Regular";
}

#cal-filter .caret:lang(ar) {
    float: left;
}

#calendar-table .inner:lang(ar) {
    margin-right: 420px;
    margin-left: 0;
}

#calendar-table .head1:lang(ar) {
    right: 0;
}

#calendar-table .head2:lang(ar) {
    right: 0;
    margin-right: 300px;
    margin-left: 0;
}

.calendar-table-btn .scorll-btns:lang(ar) {
    display: flex;
    float: left;
    flex-direction: row-reverse;
}

#calendar-table tr.head .head1 p:lang(ar),
#calendar-table tr.theme th p b:lang(ar),
#calendar-table tr.node a:lang(ar) {
    float: right;
    font-family: "Almarai-Bold";
}

#calendar-table tr.head td p:lang(ar),
#calendar-table tr.head .head2 p:lang(ar) {
    font-family: "Almarai-Bold";
    text-align: center;
}

#calendar-table tr.node td p:lang(ar) {
    font-family: "Almarai-Regular";
}

/* Page Presentation INS */
body.path-presentation-ins.ins-tn h1.page-header {
    display: none;
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-1-ins-presentation {
    margin-top: 40px;
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-1-ins-presentation .views-field-title {
    text-align: center;
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-1-ins-presentation .views-field-title span,
body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa h2,
body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities h2,
body.path-presentation-ins.ins-tn #block-views-block-principal-activite-block-1 h2 {
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Regular";
    text-align: center;
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa h3 {
    font-size: 20px;
    line-height: 26px;
    color: #323232;
    font-family: "Roboto-bold";
    margin: 30px 0 20px 0;
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-1-ins-presentation .views-field-body {
    font-size: 16px;
    line-height: 30px;
    color: #323232;
    font-family: "Roboto-Regular";
    margin: 40px 0;
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa h2 {
    text-align: center;
    margin: 0 0 60px 0;
}

body.path-presentation-ins.ins-tn #block-views-block-principal-activite-block-1 h2 {
    text-align: center;
    margin: 0 0 60px 0;
}

body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities h2 {
    text-align: center;
    margin: 0 0 60px 0;
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa ul li {
    font-size: 16px;
    line-height: 34px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa p {
    font-size: 16px;
    line-height: 30px;
    color: #323232;
    font-family: "Roboto-Regular";
}


/**/
body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .pres-activities {
    padding: 0;
}

body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .views-field-field-page-paragraph .paragraph {
    box-shadow: 0px 2px 8px #D9E0E7D4;
    border: 1px solid #d9e0e7a8;
    width: 351px !important;
    height: 575px;
    margin-right: 29px;
    margin-bottom: 30px;
    float: left;
    padding: 15px;
}

body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .views-field-field-page-paragraph .paragraph:hover {
    margin-top: -10px;
    transition-timing-function: ease-in;
    transition-delay: 0.1s;
}

body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities img {
    display: block;
    margin: 0 auto;
    padding-top: 30px;
}

body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .field--name-field-subtitle {
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    font-family: "Roboto-Medium";
    margin: 35px 0 30px 0;
    text-align: center;
}

body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities ul li {
    font-size: 16px;
    line-height: 32px;
    color: #000000;
    font-family: "Roboto-Regular";
}


/* Textes juridiques */

body.path-textes-juridiques.ins-tn h1.page-header,
body.path-textes-juridiques.ins-tn .breadcrumb li:last-child {
    display: none;
}

body.path-textes-juridiques.ins-tn .view-textes-juridiques h2 {
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Regular";
    text-align: center;
    margin: 40px 0;
}

body.path-textes-juridiques.ins-tn .body {
    display: block;
    margin: 0 auto;
    font-size: 22px;
    line-height: 27px;
    color: #0058A9;
    font-family: "Roboto-light";
    text-align: center;
    max-width: 850px;
}


body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link {
    display: block;
    border-bottom: 1px solid #70707052;
    padding: 40px 60px;
}

body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link:last-child {
    border-bottom: 0;
}

body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link .description a:before {
    content: " ";
    background-image: url(../images/download-1.png);
    position: absolute;
    height: 47px;
    width: 47px;
    left: 0;
    margin-top: -5px;
}

body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link .description a:hover:before {
    content: " ";
    background-image: url(../images/download-2.png);
    position: absolute;
    height: 47px;
    width: 47px;
    left: 0;
    margin-top: -5px;
}

body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link .description a {
    font-size: 18px;
    line-height: 30px;
    color: #323232;
    font-family: "Roboto-Regular";
    text-decoration: none;
}

body.path-textes-juridiques.ins-tn #block-views-block-1-textes-juridiques-ins .file-link .description a:hover {
    color: #0058A9;
}


/* Services */

body.path-services.ins-tn h1.page-header,
body.path-services.ins-tn .breadcrumb li:nth-child(3) {
    display: none;
}

body.path-services.ins-tn .view-services h2
{
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Regular";
    text-align: center;
    margin: 40px 0;
}

body.path-services.ins-tn #block-views-block-1-services-catalogue-publications h2 {
    font-size: 20px;
    line-height: 24px;
    color: #7B7B7B;
}

body.path-services.ins-tn #block-views-block-2-serv-centre-doc h2 {
    font-size: 30px;
    line-height: 34px;
    margin: 40px 0 15px 0;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins h2 {
    font-size: 30px;
    line-height: 37px;
}

body.path-services.ins-tn .summary {
    display: block;
    margin: 0 auto;
    font-size: 22px;
    line-height: 27px;
    color: #0058A9;
    font-family: "Roboto-light";
    text-align: center;
    max-width: 850px;
    margin-bottom: 30px;
}

body.path-services.ins-tn .body p:first-child {
    font-size: 16px;
    line-height: 23px;
    color: #323232;
    font-family: "Roboto-Medium";
}

body.path-services.ins-tn .body p {
    font-family: "Roboto-Regular";
    line-height: 30px;
}

body.path-services.ins-tn .body ul li {
    font-size: 16px;
    line-height: 26px;
    color: #323232;
    font-family: "Roboto-Medium";
}

body.path-services.ins-tn #block-views-block-1-services-catalogue-publications {
    border-bottom: 1px solid #7b7b7b5c;
}

body.path-services.ins-tn #block-views-block-1-services-catalogue-publications .views-field-field-page-paragraph .paragraph {
    width: 28%;
    float: left;
    margin-right: 5%;
    padding: 15px;
}

body.path-services.ins-tn #block-views-block-1-services-catalogue-publications img {
    display: block;
    margin: 0 auto;
    padding-top: 30px;
}

body.path-services.ins-tn #block-views-block-1-services-catalogue-publications .field--name-field-subtitle {
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    font-family: "Roboto-Regular";
    padding: 35px 0 30px 0;
    text-align: center;
    max-width: 174px;
    display: block;
    margin: 0 auto;
}


body.path-services.ins-tn #block-views-block-2-serv-centre-doc .field-content p:nth-child(2) {
    display: block;
    margin: 0 auto;
    font-size: 18px;
    line-height: 27px;
    color: #7B7B7B;
    font-family: "Roboto-light";
    text-align: center;
    max-width: 850px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

body.path-services.ins-tn #block-views-block-2-serv-centre-doc .field-content p:nth-child(3) {
    font-size: 20px;
    line-height: 30px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.path-services.ins-tn #block-views-block-2-serv-centre-doc .field-content p {
    font-size: 16px;
    line-height: 30px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.path-services.ins-tn #block-views-block-2-serv-centre-doc .field-content h3 {
    font-size: 18px;
    line-height: 30px;
    color: #0058A9;
    font-family: "Roboto-bold";
    margin-top: 30px;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins {
    margin-bottom: 40px;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .field-content {
    display: inline-grid;
    width: 100%;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph {
    padding: 0;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(odd) {
    display: block;
    width: 100%;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(odd) .field--name-field-paragraph-page-image {
    width: fit-content;
    float: left;
    margin-right: 80px;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(odd) .field--name-field-subtitle {
    padding: 40px 0 12px 0;
}


body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(even) {
    display: block;
    width: 100%;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(even) .field--name-field-paragraph-page-image {
    width: fit-content;
    float: right;
    padding-top: 30px;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(even) .field--name-field-subtitle {
    padding: 40px 0 12px 0;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph .field--name-field-subtitle {
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    font-family: "Roboto-Medium";
    text-transform: uppercase;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph .field--name-field-body {
    font-size: 16px;
    line-height: 28px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(odd) .field--name-field-body {
    max-width: 80%;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph:nth-child(even) .field--name-field-body {
    max-width: 61%;
}

body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph p a {
    color: #0090FF;
}


/* Contact */

body.path-contact.ins-tn h1.page-header,
body.path-contact.ins-tn .breadcrumb li:nth-child(3) {
    display: none;
}

body.path-contact.ins-tn #block-views-contact-section-block-1 {
    margin: 0 0 40px 0;
}

body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row {
    display: block;
}

body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-title-1 {
    float: left;
    max-width: 305px;
    padding: 20px 0 0 0;
}

body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-field-google-maps {
    float: right;
    padding: 15px;
}


body.path-contact.ins-tn #block-views-contact-section-block-1 h2 {
    font-size: 46px;
    line-height: 52px;
    color: #01315D;
    font-family: "Roboto-Medium";
    margin-top: 0;
}

body.path-contact.ins-tn #block-views-contact-section-block-1 h3 {
    font-size: 24px;
    line-height: 45px;
    color: #01315D;
    font-family: "Roboto-light";
    margin-top: 15px;

}

body.path-contact.ins-tn #block-views-contact-section-block-1 p {
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    font-family: "Roboto-Regular";
}

body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-title-1 a {
    color: #0B61D2;
}

body.path-contact.ins-tn #block-views-directions-regionales-block-2 h2,
body.path-contact.ins-tn #block-webform h2 {
    font-size: 30px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Regular";
    text-align: center;
    margin: 40px 0;
}

body.path-contact.ins-tn hr {
    width: 30px;
    border-top: 1px solid #01315d;
    margin: 15px 0 0 0;
}

body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph {
    width: 353px;
    background: white;
    height: 210px;
    float: left;
    padding: 25px;
    margin: 0 40px 40px 0;
    box-shadow: 0px 2px 8px #D9E0E7D4;
    border: 1px solid #d9e0e7a8;
}

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

body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph .field--name-field-subtitle {
    font-size: 20px;
    line-height: 20px;
    color: #0058A9;
    font-family: "Roboto-Regular";
    margin-bottom: 10px;
}

body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph .field--name-field-body {
    font-size: 16px;
    line-height: 27px;
    color: #000000;
    font-family: "Roboto-Medium";
}


body.path-contact.ins-tn #block-webform {
    display: block;
    margin: 0 auto;
    max-width: 700px;
}

body.path-contact.ins-tn #block-webform p {
    display: block;
    margin: 0 auto;
    font-size: 21px;
    line-height: 30px;
    color: #464646;
    font-family: "Roboto-light";
    text-align: center;
    margin-bottom: 30px;
}

body.path-contact.ins-tn #block-webform label {
    display: none;
}

body.path-contact.ins-tn #block-webform input,
body.path-contact.ins-tn #block-webform textarea {
    border: 1px solid #C1C8CE;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    line-height: 18px;
    /*text-transform: capitalize;*/
    padding: 25px 0 25px 25px;
}

body.path-contact.ins-tn #block-webform textarea {
    min-height: 187px;
}

body.path-contact.ins-tn #block-webform button {
    background-color: #9DC600;
    border-color: #9DC600;
    display: block;
    margin: 0 auto;
    width: 115px;
    height: 46px;
    font-size: 16px;
    line-height: 18px;
    margin-top: 30px;
    outline: none;
}


/*confirmation message contact*/
body.path-contact.ins-tn .alert-success {
    color: #9DC600;
    background-color: #f0f8ff00;
    border-color: #f0f8ff00;
}

body.path-contact.ins-tn .alert-success p {
    text-align: center;
    color: #9DC600;
    font-size: 18px;
    line-height: 30px;
    font-family: "Roboto-Regular";
}

body.path-contact.ins-tn .alert-success p:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    font-size: 23px;
    padding-right: 10px;
    vertical-align: middle;
    font-weight: 900;
}

body.path-contact.ins-tn .alert-success button {
    color: #9DC600;
}

/* Accés à l'information */

body.path-acces-information.ins-tn h1.page-header,
body.path-acces-information.ins-tn .breadcrumb li:last-child,
body.path-acces-information.ins-tn .breadcrumb li:nth-child(2) {
    display: none;
}

body.path-acces-information.ins-tn .view-acces-a-l-information {
    margin: 40px 0 40px 0;
}

body.path-acces-information.ins-tn .Language-link li .active-language {
    display: inline-block !important;
}

body.path-acces-information.ins-tn .views-element-container {
    max-width: 664px;
    float: left;
}

body.path-acces-information.ins-tn .view-acces-a-l-information h1 {
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Medium";
    margin-bottom: 30px;
}

body.path-acces-information.ins-tn .view-acces-a-l-information h2 {
    font-size: 24px;
    line-height: 29px;
    color: #01315D;
    font-family: "Roboto-Regular";
    margin-top: 20px;
}

body.path-acces-information.ins-tn .view-acces-a-l-information h3 {
    font-size: 20px;
    line-height: 24px;
    color: #0058A9;
    font-family: "Roboto-Medium";
}

body.path-acces-information.ins-tn .view-acces-a-l-information p {
    font-size: 16px;
    line-height: 25px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.path-acces-information.ins-tn .view-acces-a-l-information li {
    font-size: 16px;
    line-height: 26px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.path-acces-information.ins-tn .view-acces-a-l-information a {
    font-size: 16px;
    line-height: 25px;
    color: #0289FE;
    font-family: "Roboto-bold";
}

body.path-acces-information.ins-tn .view-acces-a-l-information li a {
    text-decoration: underline;
}

/* Accés à l'information  webform*/

body.path-acces-information.ins-tn #block-webform-2 {
    width: 33%;
    float: right;
    padding: 80px 15px 15px 15px;
}

body.path-acces-information.ins-tn #block-webform-2 form {
    box-shadow: 0px 4px 21px #5454541A;
}

body.path-acces-information.ins-tn #block-webform-2 .panal,
body.path-acces-information.ins-tn #block-webform-2 .panel-default {
    border: 0;
    box-shadow: none;
    margin: 0;
}

body.path-acces-information.ins-tn #block-webform-2 .panel-heading {
    border: 0;
    background: #fdfdfd00;
    padding: 15px;
}

body.path-acces-information.ins-tn #block-webform-2 .panel-body {
    padding: 24px;
}

body.path-acces-information.ins-tn #block-webform-2 .panel-body .form-group {
    margin-bottom: 20px;
}

body.path-acces-information.ins-tn #block-webform-2 .panel-title {
    font-size: 18px;
    line-height: 22px;
    color: #0058A9;
    font-family: "Roboto-Medium";
}

body.path-acces-information.ins-tn #block-webform-2 .panel-body label,
body.path-acces-information.ins-tn #block-webform-2 .panel-body .panel-title {
    font-size: 14px;
    line-height: 18px;
    color: #464646;
    font-family: "Roboto-Regular";
    font-weight: 100;
}


body.path-acces-information.ins-tn #block-webform-2 .panel-body #edit-files label {
    font-size: 15px;
    line-height: 18px;
    color: #A5A5A5;
    cursor: pointer;
    border: 1px solid #D9E0E7;
    padding: 10px 0 0 15px;
    height: 40px;
    width: 100%;
}

body.path-acces-information.ins-tn #block-webform-2 .panel-body .form-textarea {
    font-size: 15px;
    line-height: 18px;
    color: #A5A5A5;
    border: 1px solid #D9E0E7;
}

body.path-acces-information.ins-tn #block-webform-2 button.btn-primary {
    background-color: #9DC600;
    border-color: #9DC600;
    width: 115px;
    height: 46px;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 0 15px;
    outline: none;
}

body.path-acces-information.ins-tn #block-webform-2 #edit-files--description a {
    color: #A5A5A5;
}

body.path-acces-information.ins-tn #block-webform-2 input,
body.path-acces-information.ins-tn #block-webform-2 select {
    height: 40px;
    border-radius: 0;
    border: 1px solid #D9E0E7;
    box-shadow: none;
    font-size: 15px;
    line-height: 18px;
    color: #A5A5A5;
}

body.path-acces-information.ins-tn #block-webform-2 select:after {
    color: #8CA2B6;
}

body.path-acces-information.ins-tn #block-webform-2 input:focus,
body.path-acces-information.ins-tn #block-webform-2 select:focus {
    border: 1px solid #D9E0E7;
    box-shadow: none;
}

body.path-acces-information.ins-tn #block-webform-2 #edit-processed-text {
    margin: 0 15px 0 15px;
    padding: 15px 0;
    border-top: 1px solid #D9E0E7;
}

body.path-acces-information.ins-tn #block-webform-2 #edit-processed-text p {
    font-size: 16px;
    line-height: 25px;
    color: #464646;
}

body.path-acces-information.ins-tn #block-webform-2 #edit-processed-text p em {
    color: #F23B3B;
    font-size: 18px;
    line-height: 18px;
    font-family: "Roboto-Italic";
}

/*confirmation message Accés à l'information */
body.path-acces-information.ins-tn .alert-success {
    color: #9DC600;
    background-color: #f0f8ff00;
    border-color: #f0f8ff00;
}

body.path-acces-information.ins-tn .alert-success p {
    text-align: center;
    color: #9DC600;
    font-size: 18px;
    line-height: 30px;
    font-family: "Roboto-Regular";
}

body.path-acces-information.ins-tn .alert-success p:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    font-size: 23px;
    padding-right: 10px;
    vertical-align: middle;
    font-weight: 900;
}

body.path-acces-information.ins-tn .alert-success button {
    color: #9DC600;
}


/* Conditions d'utilisation Page */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 26px;
}

body.path-conditions-utilisation.ins-tn h1.page-header,
body.path-conditions-utilisation.ins-tn .breadcrumb li:nth-child(3) {
    display: none;
}

body.path-conditions-utilisation.ins-tn h1 {
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Medium";
    margin: 40px 0 20px 0;
}

body.path-conditions-utilisation.ins-tn .view-conditions-d-utilisation p {
    font-size: 22px;
    line-height: 27px;
    color: #7B7B7B;
    font-family: "Roboto-light";

}

body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 h2 {
    font-size: 25px;
    line-height: 38px;
    color: #0058A9;
    font-family: "Roboto-Regular";
    margin-top: 20px;
}

body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 h2 a {
    text-decoration: none;
}

body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 p {
    font-size: 16px;
    line-height: 25px;
    color: #323232;
    font-family: "Roboto-Regular";

}

body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 li {
    font-size: 16px;
    line-height: 25px;
    color: #323232;
    font-family: "Roboto-Regular";

}

body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems {
    width: 20%;
    float: left;
}

body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 {
    width: 80%;
    float: right;
    margin-bottom: 30px;


}

@media screen and (min-width: 768px) {
    body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 {
        height: 500px;
        overflow-y: scroll;


    }

    body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1::-webkit-scrollbar {
        display: none;
    }

    body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
}

body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems h2 {
    font-size: 16px;
    line-height: 38px;
    color: #000000;
    font-family: "Roboto-Regular";
}

body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems ul li {
    background: none;
}

body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems ul li a {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-family: "Roboto-light";
    padding: 5px;
}

.activeLink {
    color: #FFFFFF !important;
    background: #2F4D6A;
}

body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems ul li a:active,
body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems ul li a:hover {
    color: #FFFFFF;
    background: #2F4D6A;
    text-decoration: none;
}


/* Appel d’offre + Offres d'empoi */

body.path-appel-d-offre.ins-tn .region-content,
body.page-node-type-appel-d-offre.ins-tn .region-content,
body.path-offre-d-emploi.ins-tn .region-content,
body.page-node-type-offre-d-emploi.ins-tn .region-content {
    margin: 30px 0;
}

body.path-appel-d-offre.ins-tn .breadcrumb li:nth-child(3) {

}

body.path-offre-d-emploi.ins-tn .breadcrumb li:last-child {
    display: none;
}

body.path-appel-d-offre.ins-tn .breadcrumb li:nth-child(2),
body.path-offre-d-emploi.ins-tn .breadcrumb li:nth-child(2) {
    text-transform: capitalize;
}

body.path-appel-d-offre.ins-tn h1.page-header,
body.path-offre-d-emploi.ins-tn h1.page-header {
    font-size: 20px;
    line-height: 36px;
    color: #01315D;
    font-family: "Roboto-bold";
    text-transform: uppercase;
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
    padding-top: 0 !important;
}

body.path-appel-d-offre.ins-tn .view-header,
body.path-offre-d-emploi.ins-tn .view-header,
body.path-appel-d-offre.ins-tn .view-header p,
body.path-offre-d-emploi.ins-tn .view-header p {
    text-align: left;
    letter-spacing: 0px;
    color: #005DB3;
    opacity: 1;
    font-size: 36px;
    font-family: "Roboto-light";
    line-height: 36px;
    margin-bottom: 20px;
}

body.path-appel-d-offre.ins-tn .view-id-appel_d_offre .view-header,
body.path-offre-d-emploi.ins-tn .view-id-offre_d_emploi .view-header {
    font-size: 36px;
    line-height: 24px;
    color: #005DB3;
    font-family: "Roboto-light";
    padding-bottom: 15px;
    margin: 15px 0;
    padding-top: 0;
    text-align: left;
    letter-spacing: 0px;
    color: #005DB3;
    opacity: 1;
    font-size: 36px;
    font-family: "Roboto-light";
    line-height: 24px;
    margin-bottom: 20px;
}

body.path-appel-d-offre.ins-tn .view-content .views-row,
body.path-offre-d-emploi.ins-tn .view-content .views-row {
    padding: 30px 0 30px 0;
    border-top: 1px solid #CFD6DF;

}

body.path-appel-d-offre.ins-tn .view-content .views-row .publie,
body.path-offre-d-emploi.ins-tn .view-content .views-row .date-offre {
    font-size: 18px;
    line-height: 17px;
    color: #686868;
    font-family: "Roboto-light";
    padding: 5px 0;
}

body.path-appel-d-offre.ins-tn .view-content .views-row .appel-offre:lang(ar),
body.path-offre-d-emploi.ins-tn .view-content .views-row .offre:lang(ar) {
    display: flex;

}

body.path-appel-d-offre.ins-tn .view-content .views-row .titre a,
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,
body.path-offre-d-emploi.ins-tn .view-content .views-row .titre-offre a:hover {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    font-family: "Roboto-Medium";
    text-decoration: none;
}

body.path-appel-d-offre.ins-tn .view-content .views-row .summary,
body.path-offre-d-emploi.ins-tn .view-content .views-row .desc-offre {
    font-size: 16px;
    line-height: 20px;
    color: #323232;
    font-family: "Roboto-Regular";
    padding-top: 10px;

}

body.path-appel-d-offre.ins-tn .view-content .views-row .link,
body.path-offre-d-emploi.ins-tn .view-content .views-row .link-offre {
    font-size: 16px;
    line-height: 20px;
    color: #0058A9;
    font-family: "Roboto-Regular";
    padding-top: 10px;
}

body.path-appel-d-offre.ins-tn .view-content .views-row .link a,
body.path-offre-d-emploi.ins-tn .view-content .views-row .link-offre a {
    text-decoration: underline;
}

body.path-appel-d-offre.ins-tn .pager-nav ul li a,
body.path-offre-d-emploi.ins-tn .pager-nav ul li a {
    background-color: white;
    border-color: #0058a900;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #337ab7;
    font-family: "Roboto-bold";
}

body.path-appel-d-offre.ins-tn .pager-nav ul li.is-active a,
body.path-offre-d-emploi.ins-tn .pager-nav ul li.is-active a {
    background-color: #337ab7;
    border-color: #0058A9;
    color: white;
}

/* Appel d’offre page Details + offre d'emploi */
body.page-node-type-appel-d-offre.ins-tn .breadcrumb li:nth-last-child(-n+2),
body.page-node-type-offre-d-emploi.ins-tn .breadcrumb li:nth-last-child(-n+2) {
    display: none;
}

body.page-node-type-appel-d-offre.ins-tn .breadcrumb li:nth-child(2),
body.page-node-type-offre-d-emploi.ins-tn .breadcrumb li:nth-child(2) {
    text-transform: capitalize;
}

body.page-node-type-appel-d-offre.ins-tn h1.page-header,
body.page-node-type-offre-d-emploi.ins-tn h1.page-header {
    font-size: 36px;
    line-height: 43px;
    color: #01315D;
    font-family: "Roboto-bold";
    padding-bottom: 5px;
    margin: 0;
    border-bottom: none;
}

body.page-node-type-appel-d-offre.ins-tn article,
body.page-node-type-offre-d-emploi.ins-tn article {
    width: 95%;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-field-publie-le,
body.page-node-type-offre-d-emploi.ins-tn .field--name-field-publie-le-app-offre {
    font-size: 16px;
    line-height: 45px;
    color: #a7a7a7;
    font-family: "Roboto-Regular";
    padding-bottom: 10px;
    border-bottom: 1px solid #CFD6DF;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-field-date-limite,
body.page-node-type-appel-d-offre.ins-tn .field--name-field-date-limites,
body.page-node-type-offre-d-emploi.ins-tn .field--name-field-date-limite-app-offre {
    font-size: 16px;
    line-height: 45px;
    color: #9C0044;
    font-family: "Roboto-Regular";
    padding-top: 5px;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-field-publie-le .field--label,
body.page-node-type-offre-d-emploi.ins-tn .field--name-field-publie-le-app-offre .field--label,
body.page-node-type-offre-d-emploi.ins-tn .field--name-field-offre-date .field--label,
body.page-node-type-offre-d-emploi.ins-tn .field--name-field-date-limite-app-offre .field--label {
    font-weight: 100;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-body p,
body.page-node-type-offre-d-emploi.ins-tn .field--name-body p {
    font-size: 16px;
    line-height: 28px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.page-node-type-appel-d-offre.ins-tn .field--name-body table {
    caption-side: bottom;
    border-top: 1px solid #cccccc87;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: 20px 0;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-body table caption {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    font-family: "Roboto-Medium";
    padding: 15px;
    border-bottom: 1px solid #CFD6DF;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-body table thead tr th,
body.page-node-type-appel-d-offre.ins-tn .field--name-body table tbody tr td {
    padding: 15px;
    font-size: 15px;
    line-height: 18px;
    font-family: "Roboto-Medium";
    border: none !important;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-body table thead tr th {
    color: #01315D;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-body table tbody tr td {
    color: #000000;
}

body.page-node-type-appel-d-offre.ins-tn .field--name-body table tbody tr:nth-child(odd) {
    background: #F3F6F8;
}


/* files*/

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 {
    /* max-width: 292px; */
    max-width: 100%;
    width: 100%;
    min-height: 379px;
    margin-top: 20px;
    padding: 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 6px #0000000D;
    border: 1px solid #D9E0E7;
    border-radius: 2px;
    margin-bottom: 30px;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 h2.block-title,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 h2.block-title {
    font-size: 15px;
    line-height: 22px;
    color: #01315D;
    font-family: "Roboto-bold";
    text-transform: uppercase;
    padding: 0 0 15px 0;
    margin-top: 10px;
    border-bottom: 4px solid #0058A9;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row {
    margin-top: 20px;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .field-content,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .field-content {
    height: 250px;
    overflow: overlay;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .file,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .file {
    border-bottom: 1px solid #CFD6DF;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .file:last-child,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .file:last-child {
    border-bottom: 0;
    margin: 0;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .file-link,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .file-link {
    font-size: 15px;
    line-height: 18px;
    color: #4F4F4F;
    font-family: Roboto-Regular;
    text-decoration: none;
    border-bottom: 0;
    border-top: 0;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .file-link a,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .file-link a {
    text-decoration: none;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .file-size,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .file-size {
    display: none;
}

body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .file-icon,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .file-icon {
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
}

/*Appels d'offres scroll  */


body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .field-content::-webkit-scrollbar,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .field-content::-webkit-scrollbar {
    width: 3px !important;
}

/* Track */
body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .field-content::-webkit-scrollbar-track,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .field-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
}

/* Handle */
body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .field-content::-webkit-scrollbar-thumb,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 .views-row .field-content::-webkit-scrollbar-thumb {
    background: #2086E3;
    border-radius: 10px;
}

/* Handle on hover */
body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1 .views-row .field-content::-webkit-scrollbar-thumb:hover,
body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1.views-row .field-content::-webkit-scrollbar-thumb:hover {
    background: #2086E3;
}


/* Enquetes */


body.path-enquetes.ins-tn .region-content {
    margin: 30px 0;
}

body.path-enquetes.ins-tn .breadcrumb li:last-child {
    display: none;
}

body.path-enquetes.ins-tn .breadcrumb li:nth-child(2) {
    text-transform: capitalize;
}

body.path-enquetes.ins-tn h1.page-header {
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Medium";
    padding-bottom: 30px;
    margin: 0;
    padding-top: 0 !important;
    margin-top: 35px;
    border-bottom: 1px solid #eeeeee;
}

body.path-enquetes.ins-tn h1.page-header:lang(ar) {
    font-family: 'Almarai-Bold';
}

body.path-enquetes.ins-tn #edit-archivees label {
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
}

body.path-enquetes.ins-tn #edit-archivees label input {
    margin: 4px 18px;
    width: 24px;
    height: 21px;
}

body.path-enquetes.ins-tn fieldset legend {
    border-bottom: 0;
}

body.path-enquetes.ins-tn #edit-submit-enquete {
    display: none;
}

body.path-enquetes.ins-tn .view-id-enquete label {
    font-size: 18px;
    line-height: 28px;
    color: #656565;
    font-family: "Roboto-Regular";
    padding-bottom: 15px;
    margin: 15px 0;
    padding-top: 0;

}

body.path-enquetes.ins-tn .view-id-enquete label:lang(ar) {
    font-family: "Almarai-Regular";
}


body.path-enquetes.ins-tn #edit-archivees--wrapper:lang(ar) {
    float: right;
}

body.path-enquetes.ins-tn .view-content .views-row {
    padding: 30px 0 30px 0;
    border-top: 1px solid #CFD6DF;

}

body.path-enquetes.ins-tn .view-content .views-row .delai,
body.path-enquetes.ins-tn .view-content .views-row .date {
    font-size: 14px;
    line-height: 16px;
    font-family: "Roboto-Regular";

}

body.path-enquetes.ins-tn .view-content .views-row .delai:lang(ar),
body.path-enquetes.ins-tn .view-content .views-row .date:lang(ar) {
    font-family: "Almarai-Regular";

}

body.path-enquetes.ins-tn .view-content .views-row .delai {
    margin: 10px 0 0 0;
    color: #45627C;
}

body.path-enquetes.ins-tn .view-content .views-row .date {
    color: #73767A;
    padding: 10px 0 0 0;
    float: right;
}

body.path-enquetes.ins-tn .view-content .views-row .titre a,
body.path-enquetes.ins-tn .view-content .views-row .titre a:hover {
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    font-family: "Roboto-Medium";
    text-decoration: none;
}

body.path-enquetes.ins-tn .view-content .views-row .titre a:lang(ar),
body.path-enquetes.ins-tn .view-empty p:lang(ar) {
    font-family: "Almarai-Bold";
}

body.path-enquetes.ins-tn .view-content .views-row .summary {
    font-size: 16px;
    line-height: 20px;
    color: #323232;
    font-family: "Roboto-Regular";
    padding-top: 10px;

}

body.path-enquetes.ins-tn .view-content .views-row .summary:lang(ar),
body.path-enquetes.ins-tn .view-content .views-row .link:lang(ar) {
    font-family: "Almarai-Regular";
}

body.path-enquetes.ins-tn .view-content .views-row .link {
    font-size: 16px;
    line-height: 20px;
    color: #0058A9;
    font-family: "Roboto-Regular";
    padding-top: 10px;
}

body.path-enquetes.ins-tn .view-content .views-row .link a {
    text-decoration: underline;
}

body.path-enquetes.ins-tn .pager-nav ul li a {
    background-color: white;
    border-color: #0058a900;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #337ab7;
    font-family: "Roboto-bold";
}

body.path-enquetes.ins-tn .pager-nav ul li.is-active a {
    background-color: #337ab7;
    border-color: #0058A9;
    color: white;
}

body.path-enquetes.ins-tn .view-content .views-row .row:lang(ar) {
    display: flex;
}

body.path-enquetes.ins-tn .view-content .views-row .date:lang(ar) {
    float: left;
}

/* Enquete Details */

body.page-node-type-enquetes.ins-tn .field--name-field-menu-order {
    display: none;
}

body.page-node-type-enquetes.ins-tn .breadcrumb li:nth-child(3),
body.page-node-type-enquetes.ins-tn .breadcrumb li:nth-child(4) {
    display: none;
}

body.page-node-type-enquetes.ins-tn #acces-rapide {
    /*margin-top: 3%;*/
    margin-top: 1%;
}

body.page-node-type-enquetes.ins-tn h1.page-header {
    font-size: 36px;
    line-height: 41px;
    color: #000000;
    font-family: "Roboto-Medium";
    padding-bottom: 20px;
    margin: 30px 0 25px 0;
    border-bottom: 1px solid #b3b9c03d;
}

body.page-node-type-enquetes.ins-tn h1.page-header:lang(ar) {
    font-family: "Almarai-Bold";
}

/***** li in content region *****/

body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs {

}

body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li {
    padding-right: 8%;
}

body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li:lang(ar) {
    padding-left: 8%;
    padding-right: 0;
    display: inline-flex;
}

body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li a {
    font-size: 18px;
    line-height: 24px;
    color: #84919C;
    font-family: "Roboto-bold";

}

body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li a:lang(ar) {
    font-family: "Almarai-Bold";
}

body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li.active a {
    color: #FFFFFF;
    background: #007CEF;
    padding: 10px 20px;
    border-radius: 40px;
    text-decoration: none;
}

body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li a:hover {
    text-decoration: none;
}

/* Enquete chiffres clés*/
body.page-node-type-enquetes.ins-tn .enquete-row-chiffres {
    margin-top: 20px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph {
    width: 260px;
    background: white;
    height: 190px;
    float: left;
    padding: 40px;
    margin: 0 17px 17px 0;
    box-shadow: 0px 2px 15px #0000000A;
    border-bottom: 3px solid #0289fe;
    border-radius: 10px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph:nth-child(3n+0) {
    /*margin: 0 0 40px 0;*/
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph .field--name-field-chiffre {
    font-size: 30px;
    line-height: 20px;
    color: #0289FE;
    font-family: "Roboto-Medium";
    margin-bottom: 30px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph .field--name-field-chiffre:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph .field--name-field-text:lang(ar) {
    font-family: "Almarai-Bold";
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph .field--name-field-text {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    font-family: "Roboto-Medium";
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph .field--name-field-description {
    font-size: 16px;
    line-height: 27px;
    color: #909090;
    font-family: "Roboto-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph .field--name-field-description:lang(ar) {
    font-family: "Almarai-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph .field--name-field-color {
    display: none;
}

body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph:lang(ar) {
    float: right;
}

/* Enquetes Publications + Methodes*/

body.page-node-type-enquetes.ins-tn .enquete-row-publications.views-row,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes.views-row {
    padding: 30px 0 30px 0;
    border-top: 1px solid #CFD6DF;

}

body.page-node-type-enquetes.ins-tn .enquete-row-publications.views-row:first-child,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes.views-row:first-child {
    border-top: 0;
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .column {
    width: auto;

}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .vignette img {
    width: 117px;
    height: 159px;
    box-shadow: 0px 2px 15px #0000000A;
}


body.page-node-type-enquetes.ins-tn .enquete-row-publications .titre a,
body.page-node-type-enquetes.ins-tn .enquete-row-publications .titre a:hover,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .titre a,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .titre a:hover {
    font-size: 18px;
    line-height: 20px;
    color: #01315D;
    font-family: "Roboto-bold";
    text-decoration: none;
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .titre a:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .titre a:lang(ar) {
    font-family: "Almarai-Bold";
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .sous-title,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .sous-title {
    padding-top: 5px;

}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .date-1,
body.page-node-type-enquetes.ins-tn .enquete-row-publications .date-2,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .date-2 {
    font-size: 14px;
    line-height: 16px;
    color: #686868;
    font-family: "Roboto-Regular";
    border-right: 1px solid #CFD6DF;
    padding: 0 5px 0 0;
}


body.page-node-type-enquetes.ins-tn .enquete-row-publications .type-pub,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .themes {
    font-size: 14px;
    line-height: 16px;
    color: #0068AF;
    font-family: "Roboto-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .type-pub a,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .themes a {
    text-decoration: none;
    padding: 0 5px 0 0px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .summary,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .summary {
    font-size: 16px;
    line-height: 20px;
    color: #323232;
    font-family: "Roboto-Regular";
    padding-top: 15px;

}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .summary:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .summary:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-publications .link:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .link:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-publications .type-pub:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .themes:lang(ar) {
    font-family: "Almarai-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .link,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .link {
    font-size: 16px;
    line-height: 20px;
    color: #01315D;
    font-family: "Roboto-Regular";
    padding-top: 10px;
}


body.page-node-type-enquetes.ins-tn .enquete-row-publications .link a,
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .link a {
    text-decoration: underline;
}

body.page-node-type-enquetes.ins-tn .pager-nav ul li a,
body.page-node-type-enquetes.ins-tn .pager-nav ul li a {
    background-color: white;
    border-color: #0058a900;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #337ab7;
    font-family: "Roboto-bold";
}

body.page-node-type-enquetes.ins-tn .pager-nav ul li.is-active a,
body.page-node-type-enquetes.ins-tn .pager-nav ul li.is-active a {
    background-color: #337ab7;
    border-color: #0058A9;
    color: white;
}


body.page-node-type-enquetes.ins-tn .enquete-row-publications .enquetes-pub-listing:lang(ar) {
    display: flex;
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .date-1:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-publications .date-2:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-methodes .date-2:lang(ar) {
    border-left: 1px solid #CFD6DF;
    border-right: 0;
    padding: 0 5px 0 5px;
    font-family: "Almarai-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-publications .sous-title:lang(ar) {
    display: flex;
    padding: 7px 5px 0 5px;
}


/* Enquetes Custom Tab */

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab .views-field-field-new-tab-titre .field-content {
    display: none;
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h1,
body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h2 {
    font-size: 24px;
    line-height: 45px;
    color: #01315D;

}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h1 {
    font-family: "Roboto-bold";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h1:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h3:lang(ar) {
    font-family: "Almarai-Bold";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h2 {
    font-family: "Roboto-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h2:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab p:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab ul li:lang(ar) {
    font-family: "Almarai-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab h3 {
    font-size: 20px;
    line-height: 24px;
    color: #0058A9;
    font-family: "Roboto-Medium";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab p {
    font-size: 16px;
    line-height: 26px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab ul li {
    font-size: 16px;
    line-height: 31px;
    color: #323232;
    font-family: "Roboto-Regular";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab img {
    width: 100%;
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab blockquote {
    background: #d9e0e76b;
    border-left: 3px solid #0058A9;
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab blockquote:lang(ar) {
    border-left: 0;
    border-right: 3px solid #0058A9;
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab blockquote p {
    font-size: 20px;
    line-height: 30px;
    color: #0058A9;
    font-family: "Roboto-light";
}

body.page-node-type-enquetes.ins-tn .enquete-row-custom-tab blockquote p:lang(ar) {
    font-family: "Almarai-Light";
}


/************** Enquetes Données *************/
body.page-node-type-enquetes.ins-tn .enquete-row-donnees {
    padding: 0;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .paragraph.paragraph--type--donnees {
    display: block;
    margin-bottom: 40px;

}

/* Rubrique header */
body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-rubrique-header {
    min-height: 50px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .paragraph--type--enquetes-donnees-header {
    display: block;
    margin-bottom: 10px;
    padding-right: 20px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquetes-titre-rubrique {
    float: left;
    font-size: 20px;
    padding: 10px 0;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Medium";
    margin-bottom: 15px;

}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquetes-titre-rubrique:lang(ar) {
    font-family: "Almarai-Bold";
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-documents-rubrique,
body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-liens-rubrique {
    width: min-content;
    float: right;
}

/*Donnees ar*/
body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquetes-titre-rubrique:lang(ar) {
    float: right;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-documents-rubrique:lang(ar),
body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-liens-rubrique:lang(ar) {
    float: left;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-titre:lang(ar) {
    float: right;
    font-family: "Almarai-Regular"
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-links:lang(ar) {
    float: left;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-files:lang(ar) {
    float: left;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-files .field--item:lang(ar) {
    padding-left: 0;
    padding-right: 5px;
}


/* Rubrique body */

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-body {
    background: white;
    box-shadow: 0px 2px 15px #00000038;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-body > .field--item {
    padding: 20px;
    border-bottom: 1px solid #D9E0E7;
    background: #f3f6f7;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-body > .field--item.active {
    background: white;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre {
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    font-family: "Roboto-Medium";
    padding-left: 40px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre:lang(ar) {
    font-family: "Almarai-Bold";
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre.isOpen {
    padding-bottom: 15px;
    border-bottom: 1px solid #D9E0E7;
    margin-bottom: 15px;
    color: #0058A9;

}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre:hover {
    cursor: pointer;
}


body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre:before {
    font-family: FontAwesome;
    display: inline-block;
    content: '\f078';
    color: #b3b1b1;
    padding: 0 15px;
    font-size: 20px;
    left: 13px;
    position: absolute;

}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre.isOpen:before {
    color: #0058A9;
    font-family: FontAwesome;
    font-size: 20px;
    display: inline-block;
    content: '\f077';
    left: 13px;
    position: absolute;

}


body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-docs {
    padding: 0 0 0 40px;
    display: grid;
    margin-bottom: 10px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-docs.no-title {
    display: grid;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs {
    display: block;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-titre {
    font-size: 16px;
    line-height: 45px;
    color: #2D2D2D;
    font-family: "Roboto-Regular";
    float: left;
    width: 90%;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-files {
    width: min-content;
    display: flex;
    float: right;
    padding-top: 5px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-files .field--item {
    height: 35px;
    padding-left: 5px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-links {
    width: min-content;
    display: flex;
    float: right;
    padding-top: 5px;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-docs-links .field--item {
    padding: 5px 0;
    margin: 0 5px 0 0;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-liens-rubrique .field--item {
    padding: 5px;
}


body.page-node-type-enquetes.ins-tn .enquete-row-donnees .file .file-size,
body.page-node-type-enquetes.ins-tn .enquete-row-donnees .file .file-link {
    display: none;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .file .file-icon {
    border: 0;
    padding: 0;
}

body.page-node-type-enquetes.ins-tn .enquete-row-donnees .file .file-icon img {
    width: 25px;
}


/* Sitemap */
body.path-sitemap.ins-tn .breadcrumb li:last-child,
body.path-sitemap.ins-tn .sitemap h2 {
    display: none;
}

body.path-sitemap.ins-tn .sitemap {
    margin-bottom: 30px;
}

body.path-sitemap.ins-tn h1.page-header {
    font-size: 20px;
    line-height: 36px;
    color: #01315D;
    font-family: "Roboto-bold";
    text-transform: uppercase;
    padding-bottom: 0;
    margin: 15px 0;
    border-bottom: none;
    padding-top: 0 !important;
}

body.path-sitemap.ins-tn h1.page-header:lang(ar) {
    font-family: "Almarai-Bold";
}

body.path-sitemap.ins-tn .sitemap-menu li:lang(ar) {
    font-family: "Almarai-Regular";
}

body.path-sitemap.ins-tn .sitemap-menu li {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #202020;
    margin-bottom: 6px;
    list-style-type: square;
}

body.path-sitemap.ins-tn .sitemap-menu li a {
    text-decoration: underline;

}

body.path-sitemap.ins-tn .sitemap-menu li:hover,
body.path-sitemap.ins-tn .sitemap-menu li:visited {
    color: #01315D;
}


/******************************************** Responsive ********************************************/

@media screen and (max-width: 375px) {
    #calendar-table .inner {
        margin-left: 0 !important;
    }

    #calendar-table .inner:lang(fr),
    #calendar-table .inner:lang(en) {
        margin-right: 0 !important;
        margin-left: 185px !important;
    }

    #calendar-table .head1:lang(fr),
    #calendar-table .head1:lang(en) {
        width: 100px !important;
    }

    #calendar-table .head1:lang(ar) {
        width: 110px;
    }

    #calendar-table .head2 {
        width: 85px !important;
        margin-left: 110px !important;
    }

    #calendar-table tr.head th.head1 p {
        font-size: 12px !important;
        height: 21px;
    }

    #calendar-table tr.head th.head1 p:lang(fr),
    #calendar-table tr.head th.head1 p:lang(en) {
        font-size: 12px !important;
        height: 30px;
    }

    #calendar-table tr.head th.head2 p {
        font-size: 12px !important;
        height: 21px;
    }

    #calendar-table tr.head th.head2:lang(fr),
    #calendar-table tr.head th.head2:lang(en) {
        height: 47px;
    }

    #calendar-table tr.node a {
        line-height: 15px;
        font-size: 13px;
    }

    #calendar-table tr.theme,
    #calendar-table tr.theme .head2 {
        height: 70px !important;
    }

    #calendar-table tr.node .head2 p {
        padding: 0 !important;
        font-size: 13px;
    }

    #calendar-table tr.theme p {
        font-size: 14px !important;
    }

    /*mobile presentation ins */
    body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities ul li {
        font-size: 14px !important;
    }

    /* Enquete Details 320 px */
    body.page-node-type-enquetes.ins-tn #quicktabs-enquete_tabs ul.quicktabs-tabs {
        margin-top: -90% !important;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph:lang(ar) {
        margin: 15px 0;
    }

    #calendar-table .head2:lang(fr),
    #calendar-table .head2:lang(en) {
        margin-right: 0px !important;
        margin-left: 100px !important;
    }

    #calendar-table .head2:lang(ar) {
        margin-right: 110px !important;
        margin-left: 0px !important;
    }

    #calendar-table .inner:lang(ar) {
        margin-right: 195px !important;
    }

    #calendar-table .head2 {
        margin-right: 110px !important;
        margin-left: 0px !important;
    }

    #calendar-table .inner {
        margin-right: 213px !important;
    }

    #calendar-table td, th {
        width: 115px;
    }

    #calendar-table table {
        table-layout: auto;
    }

}

@media screen and (max-width: 425px) {

    #calendar-table .head1:lang(fr),
    #calendar-table .head1:lang(en) {
        width: 150px;
        font-size: 14px;
    }

    #calendar-table .head2:lang(ar) {
        margin-right: 150px;
        margin-left: 0px;
    }

    #calendar-table .inner:lang(ar) {
        margin-right: 254px;
        /* margin-right: 195px; */
        margin-left: 0;
    }

    #calendar-table .head1 {
        width: 150px;
    }

    #calendar-table .head2 {
        width: 104px;
        margin-left: 180px;
    }

    #calendar-table tr.head th.head1 p {
        font-size: 15px;
    }

    #calendar-table tr.head th.head2 p {
        font-size: 13px;
    }

    #calendar-table tr.node a {
        line-height: 20px;
    }

    #calendar-table tr.node .head2 p {
        padding: 5px;
    }

    .calendar-table-btn {
        margin-bottom: 15px;
        margin-top: 15px;
    }


    #calendar-top-filter {
        display: block;
        margin-top: 0;
    }

    #cal-filter {
        padding: 8px 0 0 0;
    }

    #cal-filter .dropdown-menu {
        margin: 0;
    }

    #calendar-top-filter .filter-title {
        width: auto;
    }

    body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .views-field-field-page-paragraph .paragraph {
        width: 100% !important;
    }

    body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .field--name-field-subtitle {
        margin: 20px 0 20px 0;
    }

    body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-1-ins-presentation .views-field-title span,
    body.path-presentation-ins.ins-tn #block-views-block-presentation-de-l-ins-block-2-ins-missions-principa h2,
    body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities h2 {
        line-height: 35px;
    }

    /*mobile services page */
    body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph .field--name-field-paragraph-page-image {
        width: auto;
        float: left !important;
        margin-right: 0 !important;
    }

    body.path-services.ins-tn #block-views-block-3-serv-publications-ins .paragraph .field--name-field-body {
        max-width: 100% !important;

    }

    /*contact mobile */
    body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph {
        width: 100%;
        height: auto;
    }

    /*H1 Acces Information*/
    body.path-acces-information.ins-tn .view-acces-a-l-information h1 {
        line-height: 35px;
    }

    body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems #superfish-conditions-d-utilisation-it {
        width: 100%;
        display: block !important;
    }

    body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems #superfish-conditions-d-utilisation-it-toggle,
    body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems #superfish-conditions-d-utilisation-it-accordion {
        display: none;
    }

    /* Appel d'offre */
    body.path-appel-d-offre.ins-tn .view-id-appel_d_offre .view-header,
    body.path-offre-d-emploi.ins-tn .view-id-appel_d_offre .view-header {
        line-height: 33px;
    }

    body.page-node-type-appel-d-offre.ins-tn .field--name-body .inner-table {
        overflow-x: scroll;
    }

    /* Enquete Details 425 px */
    body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li {
        padding-right: 0% !important;
        display: block !important;
        margin: 7px 0 !important;
        padding: 5px 0px !important;
    }

    body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li.active a {
        padding: 5px 12px !important;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-publications .titre {
        margin-top: 15px;
    }

    body.path-enquetes.ins-tn #edit-archivees label input {
        margin: 4px 40px;
        position: relative;
    }

    /* Enquete Données 425 px */
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-titre,
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-links,
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-documents-rubrique,
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-liens-rubrique,
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-documents-rubrique,
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-liens-rubrique {
        float: none;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--item .paragraph--type--donnees-docs .field--name-field-donnees-docs-files {
        float: left;
        margin-right: 5px;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .paragraph--type--enquetes-donnees-header,
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-enquete-rubrique-header {
        min-height: 50px;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre {
        padding-left: 15px;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-docs {
        padding: 0 0 0 15px;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre:before,
    body.page-node-type-enquetes.ins-tn .enquete-row-donnees .field--name-field-donnees-details-titre.isOpen:before {
        left: -8px;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-publications .enquetes-pub-listing:lang(ar) {
        display: block;
    }

    body.path-appel-d-offre.ins-tn .view-content .views-row .appel-offre:lang(ar),
    body.path-offre-d-emploi.ins-tn .view-content .views-row .offre:lang(ar) {
        display: block;
    }

    #cal-filter .btn {
        width: 100%;
    }

    #cal-filter .caret:lang(ar) {
        margin: 6px 0px 6px 10px !important;
    }

    #cal-filter .dropdown-menu {
        width: 100%;
    }
}


@media screen and (max-width: 768px) {
    /*presentation ins tablette*/
    body.path-presentation-ins.ins-tn #block-block-page-3-presentation-ins-activities .views-field-field-page-paragraph .paragraph {
        margin-right: 9px;
    }

    /*contact tablette*/
    body.path-contact.ins-tn #acces-rapide {
        padding: 0;
    }

    body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph {
        margin: 0 7px 7px 0;
    }

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

    body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-field-google-maps {
        float: left;
        padding: 0;
        width: 100%;
        margin-top: 15px;
    }

    body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-field-google-maps iframe {
        width: 100%;
    }


    /* Accés à l'information tablette*/
    body.path-acces-information.ins-tn #block-webform-2 {
        width: 100%;
        float: left;
        padding: 0 10px 30px 10px;
    }

    /* Conditions d'utilisation tablette*/
    body.path-conditions-utilisation.ins-tn #block-views-cond-utili-content-block-1 {
        width: 100%;
        margin-bottom: 30px;
    }

    body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems,
    body.path-conditions-utilisation.ins-tn #block-conditionsdutilisationitems ul {
        width: 100%;
    }

    body.path-conditions-utilisation.ins-tn h1 {
        line-height: 35px;
    }

    /*Appel d'offre + offres d'emploi */
    body.page-node-type-appel-d-offre.ins-tn #block-views-appel-offre-docs-block-1,
    body.page-node-type-offre-d-emploi.ins-tn #block-views-offre-emploi-docs-block-1 {
        margin-top: 0;
    }

    body.page-node-type-appel-d-offre.ins-tn article,
    body.page-node-type-offre-d-emploi.ins-tn article {
        width: 100%;
    }


    /* Enquete Details */
    body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li {
        padding-right: 6%;
    }

    body.page-node-type-enquetes.ins-tn ul.quicktabs-tabs li:lang(ar) {
        padding-left: 6%;
    }

    body.page-node-type-enquetes.ins-tn #acces-rapide,
    body.page-node-type-enquetes.ins-tn #acces-rapide:lang(ar) {
        padding: 40px 0 !important;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-publications .titre {
        margin-top: 20px;
    }

    body.path-enquetes.ins-tn .view-content .views-row .row:lang(ar) {
        display: block;
    }

    body.path-enquetes.ins-tn .view-content .views-row .date:lang(ar) {
        float: right;
    }

    #cal-filter .btn .caret {
        left: 92%;
    }

    #cal-filter .caret:lang(ar) {
        margin: 6px 0px 6px 24px;

        width: 0;
        left: 0;
    }


}


@media screen and (min-width: 1024px) and (max-width: 1024px) {
    /*contact laptop*/
    body.path-contact.ins-tn #block-views-directions-regionales-block-2 .paragraph:nth-child(3n+0) {
        margin: 0 40px 40px 0;
    }

    body.path-contact.ins-tn #block-views-contact-section-block-1 .views-row .views-field-field-google-maps {
        float: left;
        padding: 15px 0 0 0;
    }

    /* Accés à l'information 1024*/
    body.path-acces-information.ins-tn #block-webform-2 {
        width: 100%;
        float: left;
        padding: 0 10px 30px 10px;
    }


}


@media screen and (min-width: 1360px) and (max-width: 1440px) {
    /* Enquete Details */


}


/*** acces rapide*/
body.path-presentation-ins.ins-tn #acces-rapide {
    padding-left: 0;
    padding-right: 0;
}

/*@media screen and (max-width: 576px) {}   ok mriglin
@media screen and (max-width: 480px) {}
@media screen and (max-width: 375px) {}

@media screen and (max-width: 991px) {}
@media screen and (min-width: 991px) and (max-width: 1024px) {}
@media screen and (min-width: 769px) and (max-width: 991px) {}
 */


@media (max-width: 480px) {
    body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .paragraph:lang(ar) {
        margin: 0 0 17px 0;
        text-align: center;
    }

    body.page-node-type-enquetes.ins-tn .enquete-row-chiffres .views-field.views-field-field-chiffres-cles .field-content:lang(ar) {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 19em;
    }

    body.page-node-type-appel-d-offre.ins-tn h1.page-header,
    body.page-node-type-offre-d-emploi.ins-tn h1.page-header {
        font-size: 24px;
    }
}


@media screen and (max-width: 575px) and  (min-width: 375px) {

    #calendar-table .head2:lang(ar) {
        margin-right: 150px;
        margin-left: 0px;
    }

    #calendar-table .inner:lang(ar) {
        margin-right: 254px;
        /* margin-right: 195px; */
        margin-left: 0;
    }

    #calendar-table .inner:lang(fr),
    #calendar-table .inner:lang(en) {
        margin-right: 0;
        margin-left: 284px;
    }

    #calendar-table .head1:lang(ar) {
        width: 150px;
    }

    #calendar-table .head1:lang(fr) {
        width: 180px;
    }

    #calendar-table .head1:lang(en) {
        width: 170px;
    }

    #calendar-table .head2 {
        width: 104px;
        margin-left: 180px;
    }

    #calendar-table .head2:lang(en) {
        width: 114px;
        margin-left: 170px;
    }
}