/**** genre ins ***/

body.genre-ins #menu {
    background: #9a0f68;
}

body.genre-ins #header-top {
    background: #01315D;
    padding: 0px;
    height: 40px;
    font-family: 'Roboto-Regular';
}
body.genre-ins .footer{
    padding-top: 40px;
}
body.genre-ins .panel{
    box-shadow: none;
}
#block-menugenre #superfish-menu-genre{
    display: flex;
    justify-content: space-between;
}
#block-menugenre #superfish-menu-genre li{
    width: 100%;
}
#block-menugenre ul#superfish-menu-genre li a{
    text-align: center;
}
/*body.genre-ins #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link{
    margin-bottom: 0px;
}*/

body.genre-ins #evenement {
    /*background: #2871b4;*/
    background: #9a0f68;
}

body.genre-ins .footer-bas {
    background: #01315D;
}

body.genre-ins .footer {
   /* background: #a1b0bd42;*/
    background: rgba(161, 176, 189, 0.4);
}
#block-logolunioneuropeenne .field--name-body p img,
#block-logomosawat .field--name-body p img{
    mix-blend-mode: darken;
}
/** Menu header **/
#header-top .menu--menu-header-genre li {
    display: inline-block;
}

#header-top .menu--menu-header-genre li a {
    color: #ffffff;
    text-transform: uppercase;
}

#header-top .menu--menu-header-genre li a:hover {
    background: transparent;
}

/*#header-top .menu--menu-header-genre li.last a:before {
    content: '|';
    color: #fff;
    position: absolute;
    left: -6px;
}

#header-top .menu--menu-header-genre li.first a:before {
    content: '\f05a';
    color: #fff;
    padding-left: 0px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -6px;
}
*/
/** footer genre*******/

body.genre-ins #block-lettredinformation h2.block-title{
    color: #3E4247;
}
h2#block-menufootergenre-menu{
    font-size: 15px;
    color: #3E4247;
    font-family: "Roboto-Bold";
    font-weight: 700;
    padding-left: 17px;
    text-transform: uppercase;
    line-height: 18px;
}
ul.menu--menu-footer-genre li a {
    font-size: 15px;
    color: #3E4247;
    font-family: "Roboto-Regular";
    font-weight: 400;
    width: fit-content;
}
ul.menu--menu-footer-genre li a:hover {
    background-color: transparent;
}
body.genre-ins #mc_embed_signup .mc-field-group input::placeholder{
    color: #3E4247;
}
body.genre-ins #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
    color: #5c534c !important;
}
body.genre-ins #mc_embed_signup .mc-field-group input{
     color: #5c534c;
}
body.genre-ins #block-menufooterbas,
body.genre-ins #block-socialmedialinks-2{
    border-top: 1px solid #0808084d;
}
body.genre-ins #block-socialmedialinks-2 span.fa.fa-facebook.fa-2x,
body.genre-ins #block-socialmedialinks-2 span.fa.fa-twitter.fa-2x,
body.genre-ins #block-socialmedialinks-2 span.fa.fa-rss.fa-2x{
        background-color: #143a8b;
}
body.genre-ins #block-socialmedialinks-2 span.fa.fa-facebook.fa-2x:before,
body.genre-ins #block-socialmedialinks-2 span.fa.fa-twitter.fa-2x:before,
body.genre-ins #block-socialmedialinks-2 span.fa.fa-rss.fa-2x:before{
        color: #ffffff;
}
body.path-frontpage.genre-ins .view-footer a{
    background: transparent;
}
body.genre-ins #mc-embedded-subscribe {
    background: transparent url(Forma2.png) 50% 50% no-repeat padding-box;
    opacity: 1;
    background-color: #04448C !important;
}
body.genre-ins #block-autreseditions{
    margin-bottom: 20px;
}
body.genre-ins #block-menufooterbasgenre ul.menu--menu-footer-bas-genre li a{
    color: #3E4247;
}
#block-menufooterbasgenre ul.menu--menu-footer-bas-genre {
    display: block;
}

#block-menufooterbasgenre ul.menu--menu-footer-bas-genre li {
    display: inline-block;
}

#block-menufooterbasgenre ul.menu--menu-footer-bas-genre li a {
    color: #ffffff;
    padding: 0 10px 0 0;
    border-right: 1px solid;
}

#block-menufooterbasgenre ul.menu--menu-footer-bas-genre li.last a {
    border-right: none;
}

#block-menufooterbasgenre {
    border-top: 1px solid #0808084d;
    padding-top: 20px;
    margin-top: 35px;
}

#block-menufooterbasgenre ul.menu--menu-footer-bas-genre li a:hover {
    background: transparent;
}
/** end footer genre**/
body.genre-ins .view-footer a {
    /*background: #45b821;*/
    color: #ffffff;
    font-family: "Roboto-Medium";
    font-weight: 900;
    text-align: center;
    background: #9dc600;
    border: 2px solid #9DC600;
    padding: 11px 19px;
    text-decoration: none;
    text-transform: uppercase;
}
body.genre-ins #block-views-block-evenements-block-3 .view-footer{
    margin: auto;
    text-align: center;
}
body.genre-ins #mc_embed_signup .mc-field-group input {
    background: #ffffff;
    border: 1px solid #ffffff;
    /*line-height: 22px;*/
}

body.genre-ins #mc-embedded-subscribe {
    background-color: #ffffff !important;
    /*border: 1px solid #f7f7f7;*/
}

body.genre-ins #evenement .cond .views-field-nothing .field-content li .type-event {
    background: #45b821;
}

body.path-frontpage #acces-rapide{
    margin-top: -3px;
    /*margin-right: -1px;*/
}
/**** Menu ***/

#block-menugenre ul li a {
    /* color: #ffffff; */
    /*text-align: left;*/
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    font-size: 14px;
    font-family: "Roboto-Medium";
    text-transform: uppercase;
}

#block-menugenre ul li {
    border-left: 1px solid #f7f7f747;
}

#block-menugenre ul li:last-child {
    border-right: 1px solid #f7f7f747;
}

#block-menugenre ul li:hover {
    background: #992166;
}

#block-menugenre ul li ul li:hover {
    background: #FFFFFF;
}

#block-menugenre ul li a:hover {
    text-decoration: none;
}

#block-menugenre ul li ul {
    background: #ffffff;
    display: inline-flex;
    margin-top: 16px;
    width: fit-content !important;
    margin-left: -62px;
}

#block-menugenre ul li ul:before {
    content: url(../../../sites/default/files/burple-triangle1.png);
    display: block;
    position: absolute;
    top: -12px;
    /* left: 29%; */
    left: 6.4VW;
    text-align: center;
}

#block-menugenre ul li ul li.sf-depth-2 {
    width: max-content !important;
}

#block-menugenre ul li ul li a {
    color: #002C55;
}

#block-menugenre ul li ul li a:hover {
    color: #337ab7;
}


/*** slider home page ***/

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title {
    position: absolute;
    top: 155px;
    color: #fff;
    left: 203px;
    font-size: 31px;
    width: 30%;
}

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node {
  /*  position: absolute;
    top: 355px;
    left: 203px;
    background: #9DC600;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;*/
}

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node .field-content a {
    color: rgb(103 9 69);
}

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node .field-content a:hover {
    text-decoration: none;
}

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {

  /*  position: absolute;
    top: 654px;
    z-index: 999;
    padding: 0 178px 0;*/
}

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom ul li {
    border-radius: 0;
    background: #AAA;
}

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom ul li.active {
    background: #ffffff;
}

#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-field-banniere .field-content img {
    width: 100%;
    height: 560px;
    object-fit: unset;
}
body.genre-ins #block-dropdownlanguage #bootstrap-panel .panel-body .dropdown-language-item ul.Language-link li:last-child,
body.genre-ins #block-dropdownlanguage #bootstrap-panel--2 .panel-body .dropdown-language-item ul.Language-link li:last-child{
	/* display: none; */
}

/*** end slider home page ***/


/*** block chiffre clé***/

#acces-rapide {
    /*background: transparent linear-gradient(0deg, #FEFEFE 0%, #F0F3F5 100%) 0% 0% no-repeat padding-box;*/
    border: 1px solid #5E646805;
    opacity: 1;
    background: #d9dfe538;
}
body.genre-ins #indicateur{
    padding-top: 30px;
}
#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content {
    display: block;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content {
    display: block;
}
#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
    /*display: inline-block;*/
    margin-right: 21px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0.7px 5px 18px #142E4514;
    opacity: 1;
    padding: 25px;
    height: 237px;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
    /*display: inline-block;*/
    margin-right: 21px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0.7px 5px 18px #142E4514;
    opacity: 1;
    padding: 25px;
    /*height: 237px;*/
    height: 330px;
}
#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row .views-field.views-field-draggableviews{
    display: none;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row .views-field.views-field-draggableviews{
    display: none;
}
#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row:hover {
    margin-top: -10px;
    /*cursor: pointer;*/
    transition-duration: 1s;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row:hover {
    margin-top: -10px;
    /*cursor: pointer;*/
    transition-duration: 1s;
}
#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row .views-field-field-chiffre-cle- .field-content {
    text-align: center;
    letter-spacing: 0;
    color: #399fe0;
    opacity: 1;
    font-size: 25px;
    font-family: "Roboto-Black";
    margin-top: 22px;
    margin-bottom: 16px;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row .views-field-field-valeur .field-content {
    text-align: center;
    letter-spacing: 0;
    color: #399fe0;
    opacity: 1;
    font-size: 25px;
    font-family: "Roboto-Black";
    margin-top: 22px;
    margin-bottom: 16px;
}

#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row .views-field-title .field-content {
    text-align: center;
    letter-spacing: 0;
    color: #399fe0;
    opacity: 1;
    font-size: 18px;
    font-family: "Roboto-Bold";
    text-transform: uppercase;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row .views-field-title .field-content {
    text-align: center;
    letter-spacing: 0;
    color: #399fe0;
    opacity: 1;
    font-size: 18px;
    font-family: "Roboto-Bold";
    text-transform: uppercase;
}
#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row .views-field-title {
    /*width: 99%;*/
    text-align: center;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row .views-field-title {
    /*width: 99%;*/
    text-align: center;
}
#acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row .views-field-field-icon .field-content img {
    float: none;
    margin: auto;
}
#acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row .views-field-field-icon-chiffre-cle .field-content img {
    float: none;
    margin: auto;
}

/*** end block chiffre clé***/


/*
Block communiqués de presse
*/

#presse {
    padding: 60px 0;
    background: transparent linear-gradient(0deg, #F0F3F5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #5E646817;
    opacity: 1;
}

#presse #block-views-block-communiques-de-presse-block-3 h2.block-title {
    /*font-size: 30px;
    line-height: 36px;
    color: #2871b4;
    font-family: "Roboto-Medium";
    font-weight: 700;
    text-align: center;
    padding: 0px 0 48px 0;*/
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 36px;
    color: #01315d;
    font-family: "Roboto-Bold";
    font-weight: 700;
    text-align: center;
    padding-bottom: 40px;
    text-transform: uppercase;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .date {
    font-size: 14px;
    color: #686868;
    font-family: "Roboto-Medium";
    font-weight: 500;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .type {
    font-size: 14px;
    color: #0058a9;
    font-family: "Roboto-Medium";
    font-weight: 500;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .titre a {
    font-size: 18px;
    color: #000000;
    font-family: "Roboto-Medium";
    font-weight: 700;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .titre {
    margin: 13px 0;
    height: 56px;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .titre a:hover {
    text-decoration: none;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .body {
    font-size: 16px;
    line-height: 21px;
    color: #383838;
    font-family: "Roboto-Regular";
    font-weight: 400;
    margin-bottom: 22px;
    height: 200px;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .press {
    padding: 17px;
    background-color: #ffffff;
    margin-right: 10px;
}
#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .press .first{
	height: 45px;
}
#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-row {
    margin-bottom: 50px;
}



#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-row:hover {
    margin-top: -18px;
    /*cursor: pointer;*/
    transition-duration: 1s;
}

#block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-row:hover .views-field-nothing .titre a {
    color: #0058a9;
}

body.user-logged-in.ins-tn #block-myblock nav > .nav.nav-tabs .bbn{
    height: 70px;
}
/*
Block Evenement
*/

#evenement {
    background: #01315d;
    padding: 62px 0px 137px 0px;
}

#block-views-block-evenements-block-3 h2.block-title{
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    font-family: "Roboto-Bold";
    font-weight: 700;
    text-align: center;
    padding-bottom: 40px;
    text-transform: uppercase;
}
body.genre-ins #evenement #block-views-block-evenements-block-4 h2.block-title{
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    font-family: "Roboto-Bold";
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    text-transform: uppercase;
}

#block-views-block-evenements-block-3 .view-content .views-field-nothing .evenement,
#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement {
    margin-right: 20px;
    background: #ffffff;
}
#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement{
    margin-left: 20px;
}
body.genre-ins #evenement #block-views-block-evenements-block-4 .evenement-block-home-mobile .view-header .sous-titre {
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    font-size: 36px;
    font-family: 'Roboto-Light';
     margin-top: -33px;
    /*margin-bottom: 45px;*/
}
body.genre-ins #evenement #block-views-block-evenements-block-3 .evenement-block-home .view-header .sous-titre {
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    font-size: 36px;
    font-family: 'Roboto-Light';
     margin-top: -100px;
    margin-bottom: 55px;
}

#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .image img {
    width: 100%;
}
body.genre-ins #evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement{
    /*width: 50%;*/
}
#block-views-block-evenements-block-3 .view-content .views-field-nothing .evenement .evenement-info,
#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .evenement-info {
    padding: 10px 30px 30px 30px;
}

#block-views-block-evenements-block-3 .view-content .views-field-nothing .evenement .evenement-info .first {
    padding-bottom: 13px;
}

#block-views-block-evenements-block-3 .view-content .views-field-nothing .evenement .evenement-info .first .date {
    font-size: 12px;
    color: #686868;
    font-family: "Roboto";
    font-weight: 500;
}

#block-views-block-evenements-block-3 .view-content .views-field-nothing .evenement .evenement-info .first .type {
    font-size: 12px;
    color: #0058a9;
    font-family: "Roboto";
    font-weight: 500;
}

#block-views-block-evenements-block-3 .view-content .views-field-nothing .evenement .evenement-info .titre a {
    font-size: 20px;
    color: #000000;
    font-family: "Roboto";
    font-weight: 700;
}

#block-views-block-evenements-block-3 .view-content .views-field-nothing .evenement .evenement-info .titre a:hover {
    text-decoration: none;
}

#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .image .type-event- {
   /* position: absolute;
    bottom: 218px;*/
    background: #9DC600;
    right: 20px;
    padding: 10px;
    text-align: left;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    font-size: 18px;
    font-family: 'Roboto-Bold';
    bottom: 45px;
    right: 0;
    float: right;
    position: relative;
}
#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .evenement-info .date-even-{
    text-align: left;
    letter-spacing: 0;
    color: #0289FE;
    opacity: 1;
    font-size: 18px;
    font-family: 'Roboto-Regular';
    text-transform: uppercase;
}
#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .evenement-info .resum-event-{
    text-align: left;
    letter-spacing: 0;
    color: #3E4247;
    opacity: 1;
    font-size: 20px;
    font-family: 'Roboto-Regular';
    margin-top: 22px;
    margin-bottom: 22px;
}
#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .evenement-info .place-event-{
    text-align: left;
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
    font-size: 18px;
    font-family: 'Roboto-Regular';
}

/***** page communiquées de presse ***/

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-title .field-content a {
    text-align: left;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-field-theme .field-content .date {
    text-align: left;
    letter-spacing: 0;
    color: #686868;
    opacity: 1;
    font-size: 14px;
    font-family: 'Roboto-Regular';
}

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-field-theme .field-content .theme {
    text-align: left;
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
    font-size: 14px;
    font-family: 'Roboto-Regular';
}

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-field-resume-pub .field-content {
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
    font-size: 16px;
    font-family: 'Roboto-Regular';
}

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-view-node .field-content a {
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0;
    color: #01315D;
    opacity: 1;
    font-size: 16px;
    font-family: 'Roboto-Regular';
}

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-field-theme {
    margin-top: 13px;
    margin-bottom: 19px;
}

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-field-resume-pub {
    margin-bottom: 16px;
}

.view-ev-nements.view-display-id-page_4 .view-content .views-row {
    border-bottom: 1px solid #CFD6DF;
    margin-top: 14px;
}

/*.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-title {
    margin-top: 31px;
}*/

.view-ev-nements.view-display-id-page_4 .view-content .views-row .views-field-view-node {
    margin-bottom: 29px;
}

body.path-communique-de-presse- h1.page-header {
    display: none;
}

.view-ev-nements.view-display-id-page_2 .pager-nav .pager__item--next,
.view-ev-nements.view-display-id-page_2 .pager-nav .pager__item--last {
    /* display: none; */
}

body.path-communique-de-presse- .view-ev-nements nav.pager-nav.text-center {
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
}

/*body.path-communique-de-presse- .view-ev-nements.view-display-id-page_4 nav.pager-nav {
    margin-bottom: 183px;
}*/

body.path-communique-de-presse- .view-ev-nements.view-display-id-page_4 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;
}
body.path-communique-de-presse- .breadcrumb li.active{
    display: none;
}
body.path-communique-de-presse- .view-ev-nements.view-display-id-page_4 nav.pager-nav.text-center a:active {
    background: #0058A9 0% 0% no-repeat padding-box;
}

body.path-communique-de-presse- .view-ev-nements.view-display-id-page_4 .pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

body.path-communique-de-presse- .view-ev-nements.view-display-id-page_4 .pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


/****end page communiquées de presse ****/


/*** Listing Page Evenement ***/

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

body.page-node-type-publication.communiques-presse.genre-ins ol.breadcrumb li:nth-child(3),
body.path-publication-s ol.breadcrumb li:nth-child(2){
    display: none;
}
body.path-evenements-- ol.breadcrumb li.active{
    display: none;
}
body.genre-ins.page-node-type-methode .breadcrumb li:nth-child(3){
    display: none;
}
body.path-publication-s ol.breadcrumb{
    margin-bottom: 16px;
}
body.page-node-type-publication.communiques-presse.genre-ins .region-content{
    margin-top: 30px;
}
ol.breadcrumb {
    height: 39px;
    padding-left: 0px;
    margin-bottom: 0px;
    background: none;
    font-size: 14px;
    font-family: Roboto-Regular;
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
}

ol.breadcrumb>li:first-child a {
    color: #01315d;
}

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

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

.path-evenements-- .view-ev-nements .views-row {
    display: inline-grid;
    margin-left: 0px;
    margin-right: 44px;
    width: 247px!important;
    height: auto;
    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 .view-content{
    border-bottom: 1px solid #CFD6DF;
}
.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: auto;
    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: #2871b4;
}
.path-evenements-- .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre a:hover{
    text-decoration: none;
    color: #389cdf;
}
.path-evenements-- .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info div.type {
    width: 174px;
    height: auto;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Roboto-Regular;
    text-align: left;
    letter-spacing: 0;
    color: #389cdf;
    opacity: 1;
}

.path-evenements-- .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .resume {
    width: 217px;
    height: 65px;
    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 .views-row .views-field.views-field-nothing .evenement-info .link a{
   color: #2871b4;
}
.path-evenements-- .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .link a:hover{
   color: #2871b4;
}
.path-evenements-- .view-ev-nements nav.pager-nav.text-center {
    /*text-align: left;*/
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
}
 /* Scroll bar design */
 body.genre-ins section#block-views-block-ev-nements-block-1 ::-webkit-scrollbar,
 body.genre-ins section#block-views-block-publication-block-1 ::-webkit-scrollbar,
 body.genre-ins section#block-views-block-methodologies-block-1 ::-webkit-scrollbar{
    width: 5px!important;

  }

  /* Track */
  body.genre-ins section#block-views-block-ev-nements-block-1 ::-webkit-scrollbar-track,
  body.genre-ins section#block-views-block-publication-block-1 ::-webkit-scrollbar-track,
  body.genre-ins section#block-views-block-methodologies-block-1 ::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px white;
    border-radius: 10px;
  }

  /* Handle */
  body.genre-ins section#block-views-block-ev-nements-block-1 ::-webkit-scrollbar-thumb,
  body.genre-ins section#block-views-block-publication-block-1 ::-webkit-scrollbar-thumb,
  body.genre-ins section#block-views-block-methodologies-block-1 ::-webkit-scrollbar-thumb{
    background: #b7b3b3;
    border-radius: 10px;
  }

  /* Handle on hover */
  body.genre-ins section#block-views-block-ev-nements-block-1 ::-webkit-scrollbar-thumb:hover,
  body.genre-ins section#block-views-block-publication-block-1 ::-webkit-scrollbar-thumb:hover,
  body.genre-ins section#block-views-block-methodologies-block-1 ::-webkit-scrollbar-thumb:hover {
    background: #b7b3b3;
  }

.path-evenements-- .view-ev-nements nav.pager-nav.text-center li.pager__item a,
body.path-publication-s.genre-ins #datatable_paginate a,
.view-methodologies nav.pager-nav.text-center li.pager__item a {
    width: 30px;
    height: 30px;
    border: none;
    margin: auto;
    color: #01315D;
    opacity: 1;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    padding: 6px 12px;
}
body.path-publication-s.genre-ins #datatable_paginate a:hover {
    background-color: none;
    color: #0289FE!important;
}
.path-evenements-- .view-ev-nements nav.pager-nav.text-center li.pager__item.is-active a,
.path-evenements-- .view-ev-nements nav.pager-nav.text-center li.pager__item.is-active a:hover,
body.path-publication-s.genre-ins #datatable_paginate a.paginate_active:hover,
.view-methodologies nav.pager-nav.text-center li.pager__item.is-active a  {
    color: #fff!important;
    background: #0058A9 0% 0% no-repeat padding-box;
    cursor: pointer;
}

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

.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;

}

.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;

}


/** Filter **/

section#block-formulaireexposeev-nementspage-3,
section#block-formulaireexposeev-nementspage-4 {
    height: 60px;
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*margin-bottom: 50px;*/
    margin-top: 30px;
    opacity: 1;
    border-bottom: 1px solid #D9E0E7;
    margin-bottom: 24px;
}

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

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

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

form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix,
form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix,
form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix {
    display: flex;
}
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: flex;
}
 body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix #edit-actions--3,
 body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix #edit-actions--3{
        margin-left: 20px;
    }

form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item,
form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix .form-item,
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;
}

form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item .select-wrapper,
form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix .form-item .select-wrapper,
form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .form-item .select-wrapper {
    width: 100%;
    border: 1px solid #D9E0E7;
    height: 100%;
}
#block-formulaireexposeev-nementspage-3 form#views-exposed-form-ev-nements-page-3 .form-select option[selected="selected"]{
    background: #F2F9FF;
    border: 1px #9ECDF8;
    border-radius: 3px;
    opacity: 1;
}
form#views-exposed-form-ev-nements-page-4{
    width: 100%;
}
form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix #edit-actions{
    position: absolute;
}
form#views-exposed-form-ev-nements-page-3 .selected .select-wrapper,
form#views-exposed-form-ev-nements-page-4 .selected .select-wrapper {
    background: #F2F9FF;
    border: 1px solid #9ECDF8;
    border-radius: 3px;
    opacity: 1;
}
form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix select,
form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix select,
form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix select {
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-family: Roboto-Regular;
    /*text-align: left;*/
    background: none;
    border: none;
    padding: 6px 12px;
    line-height: 1.2;
}


form#views-exposed-form-ev-nements-page-3 .form-item-field-themes-target-id .select-wrapper,
form#views-exposed-form-ev-nements-page-4 .form-item-field-themes-target-id .select-wrapper,
form#views-exposed-form-ev-nements-page-2 .form-item-field-themes-target-id .select-wrapper {
    width: 100%;
    height: 100%;
}
body.genre-ins .selected select {
    height: 32px!important;
}

form#views-exposed-form-ev-nements-page-3 .form-item-field-themes-target-id .shs-field-container,
form#views-exposed-form-ev-nements-page-4 .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-3 .form-item-field-themes-target-id .shs-container,
form#views-exposed-form-ev-nements-page-4 .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-3 select#edit-field-themes-target-id-shs-0-0,
form#views-exposed-form-ev-nements-page-4 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;
}

.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:hover {
    color: #337ab7;
    background: #fff;
}
.path-evenements-- .view-ev-nements nav.pager-nav.text-center li.pager__item.is-active a:hover {
    background: #0058A9!important;
    color: #fff!important;
}
form#views-exposed-form-ev-nements-page-3 .form--inline #edit-actions{
    /*float: right;*/
    position: absolute;
}
form#views-exposed-form-ev-nements-page-3{
    width: 100%;
}
button#edit-submit-ev-nements {
    margin-left: 10px!important;
    margin-right: 13px;
    width: 35px;
    height: 35px;
    outline: none;
    opacity: 1;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

button#edit-submit-ev-nements:hover {
    background: #9DC600 0% 0% no-repeat padding-box;
}

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

button#edit-submit-ev-nements i.fas.fa-check:hover {
    color: #ffffff;
    opacity: 1;
    font-size: 20px;
}
/***/
button#edit-submit-ev-nements--2 ,
button#edit-submit-ev-nements--3 {
    margin-left: 10px!important;
    margin-right: 13px;
    width: 35px;
    height: 35px;
    outline: none;
    opacity: 1;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

button#edit-submit-ev-nements--3:hover ,
button#edit-submit-ev-nements--2:hover {
    background: #9DC600 0% 0% no-repeat padding-box;
}

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

button#edit-submit-ev-nements--3 i.fas.fa-check:hover ,
button#edit-submit-ev-nements--2 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: 768px) {
    ol.breadcrumb {
        min-width: 399px;
       /* position: relative;
        top: 37px;*/
    }
    .page-node-type-actualites ol.breadcrumb {
        position: unset;
        min-width: 399px;
        margin-top: 20px;
    }
    .view-methodologies .card-body .views-field.views-field-nothing {
        margin-left: 18.5%;
    }
}

@media (max-width: 768px) and (min-width: 0px) {
    section#block-formulaireexposeev-nementspage-3,
    section#block-formulaireexposeev-nementspage-4,
    section#block-formulaireexposeev-nementspage-2-2,
    form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item,
    form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix .form-item,
    form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item .select-wrapper,
    form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix .form-item .select-wrapper,
    form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix select,
    form#views-exposed-form-ev-nements-page-4 .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%;
    }
    form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix,
    form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix,
    form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix {
        display: block;
    }
    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;
    }
    body.ins-tn form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix #edit-actions--3,
    body.ins-tn form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix #edit-actions--3 {
        margin-left: 0px;
    }
    section#block-formulaireexposeev-nementspage-3,
    section#block-formulaireexposeev-nementspage-4,
    section#block-formulaireexposeev-nementspage-2-2 {
        height: auto;
        display: block;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        margin-top: 0px;
        opacity: 1;
    }
    form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item,
    form#views-exposed-form-ev-nements-page-4 .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: 18px;
    }
    .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;
    }
    body.genre-ins #evenement{
        padding: 30px 0px 71px 0px;
    }
    #block-menugenre ul li {
        border-left: none;
        padding: 0 !important;
    }
    #block-logo2,
    #block-logogenreins{
        width: 20%;
    }
    #block-ins-search{
        width: 60% ;
    }
    #block-menugenre ul li:last-child{
        border-right: none;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row{
        width: 45%;
        float: left;
        margin: 0px 33px 21px 0px;
    	/* width: 45%;
	    float: right;
	    margin: 0px 0px 21px 21px; */
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row{
        width: 45%;
        float: left;
        margin: 0px 33px 21px 0px;
    	/* width: 45%;
	    float: right;
	    margin: 0px 0px 21px 21px; */
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row:last-child{
    	 /* float: left;
	   margin: 0 12px 10px 48px; */
    }
    body.genre-ins #block-formulaireexposesolr-search-contentpage-1{
    	float: left;
    	padding-right: 0px;
    }
    #evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .image img {
    	width: 480px;
    	height: 480px;
	}
	#block-views-block-evenements-block-4 .evenement-block-home-mobile #views_slideshow_cycle_main_evenements_-block_4 #views_slideshow_cycle_teaser_section_evenements_-block_4 {
    	width: 480px !important;
	}
	body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph{
		text-align: center;
	    float: none!important;
	    margin: auto!important;
	    margin-bottom: 7px !important;
	}
	body.genre-ins #block-formulaireexposesolr-search-contentpage-1{
		width: 50%;
	}

}


/*** End Listing Page Evenement ***/

/********condition d'utilisation *********/
body.path-conditions-utilisatio-n.genre-ins h1.page-header,
body.path-conditions-utilisatio-n.genre-ins .breadcrumb li:nth-child(3) {
  display: none;
}

body.path-conditions-utilisatio-n.genre-ins  h1 {
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Medium";
        margin: 40px 0 20px 0;
}
body.path-conditions-utilisatio-n.genre-ins .view-conditions-d-utilisation p{
      font-size: 22px;
    line-height: 27px;
    color: #7B7B7B;
    font-family: "Roboto-light";

}
body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 h2 {
      font-size: 25px;
    line-height: 38px;
    color: #0058A9;
    font-family: "Roboto-Regular";
    margin-top: 20px;
}
body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 h2 a {
   text-decoration: none;
}
body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 p {
      font-size: 16px;
    line-height: 25px;
    color: #323232;
    font-family: "Roboto-Regular";

}
body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 li {
      font-size: 16px;
    line-height: 25px;
    color: #323232;
    font-family: "Roboto-Regular";

}
body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre{
    width: 20%;
    float: left;
}
body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1{
    width: 80%;
    float: right;
    margin-bottom: 30px;

}

body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre h2{
    font-size: 16px;
    line-height: 38px;
    color: #000000;
    font-family: "Roboto-Regular";
}
body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre ul li{
 background: none;
}
body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre ul li a{
     font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-family: "Roboto-light";
    padding: 5px;
}

body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre ul li:first-child a{
    color: #FFFFFF;
    background: #2F4D6A;
}

body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre ul li a:active,
body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre ul li a:hover{
    color: #FFFFFF;
    background: #2F4D6A;
    text-decoration: none;
}

/********end condition d'utilisation *********/

/*** Methodologies ***/


/*** Definitions et concepts page ***/

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

body.genre-ins .view-methodologies .view-filters.form-group {
    margin-bottom: 25px;
}

.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 {
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    font-family: Roboto-Medium;
    letter-spacing: 0;
    /*color: #B8C2CB;*/
    color: #333333;
    opacity: 1;
}

.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 {
    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 {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}

.view-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 {
    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 {
    color: #FFFFFF;
    opacity: 1;
}

.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 {
    background: #0070D6 0% 0% no-repeat padding-box;
    border-color: #0070D6;
    opacity: 1;
}

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

.view-methodologies div#edit-field-glossaire-target-id .form-group: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 {
    background-color: transparent!important;
    margin-left: 0px;
}

.view-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;
}
body.path-methodes- .view-methodologies .views-field.views-field-title span.field-content a{
    color: #01315D;
}
body.path-methodes- .view-methodologies .views-field.views-field-title span.field-content a:hover{
    color: #01315D;
}
body.path-methodes- .view-methodologies .views-field.views-field-title span.field-content a:focus{
    text-decoration: none;
}
.view-methodologies .views-field.views-field-title {

    margin-bottom: 20px;
}

.view-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 {
    display: block;
    width: 174px;
    height: 35px;
    opacity: 1;
    margin-bottom: 15px;
}

.view-methodologies .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-methodologies a:hover {
    background-color:none;
    color: #0289FE;
    text-decoration: none;
}

.view-methodologies .views-field.views-field-title span.field-content a:hover {
    text-decoration: none;
}

.view-methodologies .views-row,
.path-nomenclatures- .view-methodologies .card {
    border-block-end: 1px solid #CFD6DF;
    opacity: 1;
    margin-bottom: 25px;
}
body.path-methodes-.genre-ins .breadcrumb{
    margin-bottom: 11px;
}
body.path-methodes-.genre-ins .breadcrumb li:nth-child(2){
    display: none;
}

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

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

.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;
}
body.page-node-type-methode.genre-ins #block-views-block-methodologies-block-1 .views-row .file{
    border-bottom: 1px solid #CFD6DF;
}
body.page-node-type-methode.genre-ins #block-views-block-methodologies-block-1 .views-row:last-child .file{
    border-bottom: none;
}
body.page-node-type-methode.genre-ins #block-views-block-methodologies-block-1 .views-row {
    border-bottom: none;
    margin-bottom: 0;
}
/*** Filter Menu methodologie ****/
 body.genre-ins #block-menugenre ul li {
        padding: 0 50px;
    }

body.genre-ins #menu .container{
        padding-right: 0px;
    }
/*** Animation page Events *****/
    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .animate-this{
        opacity: 0!important;
    }
    .path-evenements-- .view-ev-nements .views-row.show-this{
        -webkit-animation: fadeInUp 1s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadeInUp 1s; /* Firefox < 16 */
        -ms-animation: fadeInUp 1s; /* Internet Explorer */
        -o-animation: fadeInUp 1s; /* Opera < 12.1 */
        animation: fadeInUp 1s;
    }

@media  (min-width: 992px) and (max-width:1200px) {
     body.genre-ins #block-menugenre ul li {
        /* padding: 0 39px; */
        padding: 0 30px;
    }
    body.genre-ins #menu .container{
        padding-right: 0px;
    }
}
@media (min-width: 992px)  {
     .region.region-content ul.menu.menu--menu-methode.nav {
        display: none;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        margin-left: 15px;
        margin-right: 15px;

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

    }
}
@media (max-width: 991px) and (min-width:769px) {
    body.genre-ins #block-ins-search{
        width: 65%;
    }
     #block-menugenre ul li {
        border-left: none;
        padding: 0;
    }
    #block-menugenre ul li:last-child {
        border-right: none;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {

        width: 30%;
        margin-bottom: 20px;
        float: left;
    }    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {

        width: 30%;
        margin-bottom: 20px;
        float: left;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        margin-left:0!important;
        margin-right: 21px!important;
        width: 30%;
        margin-bottom: 20px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        margin-left:0!important;
        margin-right: 21px!important;
        width: 30%;
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) and (min-width:768px) {
    form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item {
        width: 38%;
        margin-right: 13px;
    }
    form#views-exposed-form-ev-nements-page-3 #edit-actions,
    form#views-exposed-form-ev-nements-page-3 #edit-actions--2{
         display: block;
        float: right;
        margin-bottom: 10px;
    }

    section#block-formulaireexposeev-nementspage-3{
        display: block;
        height: auto;
    }
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
    /*body.genre-ins .hi-slide .hi-prev {
        left: 44%;
        float: none;
        margin: auto;
        margin-top: 6px;
        top: 0px;
    }
    body.genre-ins .hi-slide .hi-next {
       right: 41%;
        float: none;
        margin: auto;
        margin-top: 6px;
        top: 0px;
    }
    body.genre-ins .hi-slide>ul {
        margin-top: 12px;
        margin-left: -63px;
    }*/
    body.genre-ins #evenement #block-views-block-evenements-block-3 .evenement-block-home .view-header .sous-titre{
      margin-bottom: 66px;
    }
}


@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 {
        width: 420px;
    }
    .view-methodologies .card-body .views-field.views-field-nothing {
        padding-top: 10px;
        margin-left: 30%!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;
    }
    ul.menu.menu--menu-methode.nav {
        width: auto!important;
        position: relative;
        left: 15%;
    }
}

@media (min-width: 768px) {
    ul.menu.menu--menu-methode.nav {
        margin-top: 30px;
        width: 240px;
    }
    .view-methodologies .views-row {
        width: 100%;
    }
    .path-methodes- section#block-exposedformmethodologiespage-1 {
        width: 432px;
    }
    .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;
    }
    .view-methodologies .card-body {
        height: 232px;
    }
    .path-nomenclatures- .view-methodologies .views-field.views-field-body .field-content p {
        height: 107px;
    }
    .view-methodologies div#edit-field-glossaire-target-id .form-group {
        margin-right: -4px;
    }
    .view-methodologies div#edit-field-glossaire-target-id {
        width: 793px;
    }

}

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

.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; */

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

.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;
}

.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;
}

.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;
    line-height: 17px;
    text-align: left;
    letter-spacing: 0;
    color: #0058A9;
    opacity: 1;
}

.view-methodologies .views-field.views-field-body,
.view-methodologies .views-field-field-resume-methode{
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    opacity: 1;
}
body.path-methodes-.genre-ins .view-methodologies .views-field.views-field-body,
body.path-methodes-.genre-ins .view-methodologies .views-field-field-resume-methode{
    margin-top: 10px;
}

/*** Filter page methodes ***/
.path-methodes- #block-formulaireexposemethodologiespage-4{
    padding: 20px 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 468px;
}
.path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid{
    display: inline-flex;
}
.path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid label.control-label{
width: 53px;
height: 22px;
text-align: left;
letter-spacing: 0.9px;
color: #000000;
opacity: 1;
font-size: 18px;
line-height: 24px;
font-weight: 500;
margin-top: 8px;
margin-right: 65px;
}
.path-methodes- #block-formulaireexposemethodologiespage-4 #edit-actions button{
    margin-left: 10px!important;
    /* margin-right: 13px; */
    margin-right: 0px;
    width: 35px;
    height: 35px;
    outline: none;
    opacity: 1;
     background-color: #FFFFFF;
}
.path-methodes- #block-formulaireexposemethodologiespage-4 #edit-actions button:hover{
        background: #9DC600 0% 0% no-repeat padding-box;
}
.path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid  .select-wrapper{
    width: 240px;
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9E0E7;
    border-radius: 4px;
    opacity: 1;
}
.path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid  .select-wrapper select#edit-field-theme-tid{
    width: 240px;
    height: 35px!important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9E0E7;
    border-radius: 4px;
    opacity: 1;
    line-height: 1.2;
}

/*******/


.path-methodes- section#block-exposedformmethodologiespage-1 {
    padding-top: 15px;
    margin-bottom: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

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

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

.path-methodes- section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid .select-wrapper,
.path-methodes- section#block-exposedformmethodologiespage-1 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid {
    width: 245px;
    height: 44px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9E0E7;
    border-radius: 3px;
    opacity: 1;
}

.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;
    margin-bottom: 30px;
}

.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%;
}


/*** smart ***/

@media (max-width: 768px) {
    .region.region-sidebar-second nav#block-menumethode {
        display: none;
    }
    .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 {
        float: none;
    }
    .view-methodologies .view-filters.form-group form#views-exposed-form-methodologies-page-3 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: 0px;
    }
    .path-nomenclatures- .view-methodologies .views-field.views-field-body .field-content p {
        height: auto;
    }
    .view-methodologies .card-body {
        /* margin-bottom: 46px; */
    }
    body.genre-ins #block-ins-search{
        /*width: 66%;*/
    }
     .path-methodes- #block-formulaireexposemethodologiespage-4{
        width: 100%;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid label.control-label{
        margin-right: 10px;
    }
    body.path-methodes-.genre-ins .breadcrumb {
        margin-bottom: 0;
    }
    body.path-frontpage #acces-rapide {
        /*margin-top: -37px;*/
        /*margin-right: -1px;*/
        /*margin-left: -1px;*/
    }
     form#views-exposed-form-ev-nements-page-3 #edit-actions,
    form#views-exposed-form-ev-nements-page-3 #edit-actions--2{
        margin-bottom: 13px;
        display: inline-block;
        float: right;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 #edit-submit-methodologies{
        margin-left: 0px !important;
    }
    #block-menuheadergenre{
        text-align: center;
    }
     /*contact tablette*/
    body.path-contac-t.genre-ins #acces-rapide {
    padding: 0;
    }
    body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph {
         margin: 0 7px 7px 0;
    }
    body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph:nth-child(3n+0) {
      margin: 0 7px 7px 0;
    }

    body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row .views-field-field-google-maps {
        float: left;
        padding: 0;
        width: 100%;
        margin-top: 15px;
    }
    body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row .views-field-field-google-maps iframe{
        width: 100%;
    }
    body.genre-ins #header-top{
        height: auto;
    }
    /* Accés à l'information tablette*/
      body.path-acces-informatio-n.genre-ins #block-webform-2 {
          width: 100% !important;
          float: left !important;
          padding: 0 10px 30px 10px !important;
      }

}


@media screen and (max-width: 425px) {
    #evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .image .type-event- {
        /*bottom: 246px !important;*/
    }
    form#views-exposed-form-ev-nements-page-3 .form--inline #edit-actions,
    form#views-exposed-form-ev-nements-page-1 .form--inline.form-inline.clearfix div#edit-actions{
        /*float: right;*/
        position: relative;
    }
    .path-methodes- form#views-exposed-form-methodologies-page-4 #edit-reset {
        margin-left: 17px !important;
        margin-right: 0px !important;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper{
        width: auto;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid{
        width: 100%;
        display: grid;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid label{
        padding-right: 5px;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid{
        width: 100%;
    }
      body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre #superfish-conditions-d-utilisation-ge{
    width: 100%;
    display: block!important;
  }
  body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 .form--inline.form-inline.clearfix {
    display: block;
    }


    body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre #superfish-conditions-d-utilisation-ge-toggle,
    body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre #superfish-conditions-d-utilisation-ge-accordion {
    display: none;
  }
  /*contact mobile */
  body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph {
      width: 100% !important;
      height: auto !important;
  }
}
@media (max-width: 1180px) and (min-width:1024px) {
  form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item{
    width: 170px;
  }
    form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item .select-wrapper{
    width: 170px;
  }
   form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .form-item .select-wrapper select{
    width: 170px;
  }

}
@media (max-width: 486px) {
    .view-methodologies .view-filters.form-group form#views-exposed-form-methodologies-page-3 div#edit-field-glossaire-target-id {
        display: block;
        column-count: 10;
    }
     body.genre-ins #block-ins-search{
        width: 100%;
        padding: 0px !important;
    }
    #block-logo2, #block-logogenreins {
        width: 50%;
        margin-right: 0px !important;
    }
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
        /*top: 620px !important;*/
    }
    .path-evenements-- .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre{
        height: auto!important;
    }



}

.path-publication-s h1.page-header,
.path-methodes- h1.page-header {
    display: none;
}

body.genre-ins #block-logogenreins {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0px;
}
body.genre-ins #block-logo2{
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 0px;
    margin-right: 20px;
    padding-left: 0;
}
body.genre-ins #block-ins-search{
    padding: 30px 0px 40px 40px;
    padding-bottom: 0;
    float: right;
}
.genre-ins #block-socialmedialinks .fa-facebook:before,
.genre-ins #block-socialmedialinks-2 .fa-facebook:before,
.genre-ins #block-socialmedialinks .fa-twitter:before,
.genre-ins #block-socialmedialinks-2 .fa-twitter:before,
.genre-ins #block-socialmedialinks .fa-rss:before,
.genre-ins #block-socialmedialinks-2 .fa-rss:before {
    font-size: 15px;
    color: #01315D;
}
body.genre-ins #header-top .menu--menu-header li a:hover{
    background: #01315D;
}

/**** responsive slider genre****/

@media screen and (max-width: 768px) {
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title {
        top: 54px;
        left: 66px;
        font-size: 16px;
        width: 60%;
    }
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node {
        top: 155px;
        left: 66px;
        font-size: 18px;
    }
   /* #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        top: 465px;
        padding: 0 40px 0;
    }*/
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
      /*  top: -90px;*/
        padding: 0 40px 0;
        float: left;
    }
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
       /* position: absolute;*/
    }
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-field-banniere .field-content img {
        height: 340px;
    }
    .paging_full_numbers {
        width: auto;
    }
    .view-methodologies div#edit-field-glossaire-target-id .form-group {
        display: inline-block;
        width: 49px;
    }
    form#views-exposed-form-methodologies-page-4 #edit-actions{
        margin-left: 7px;
        float: right;
    }
    #block-menugenre ul li a:focus {
        /*background: #b83d8b;*/
        background:transparent;
        outline: none;
    }
     body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 {
      width: 100%;
      margin-bottom: 30px;
  }
  body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre,
  body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre ul {
      width: 100%;
  }
  body.path-conditions-utilisatio-n.genre-ins h1{
    line-height: 35px;
  }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title {
        font-size: 21px;
    }
    #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node {
        top: 317px;
    }
}
@media screen and (min-width: 321px) and (max-width: 367px) {
 /*    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid{
        width: 170px;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper {
        width: 170px;
    }
     .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid{
        width: 170px !important;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper{
        width: 170px !important;
    } */

}
@media screen and (max-width: 320px) {
    #evenement #block-views-block-evenements-block-2 .view-content .views-field-nothing .evenement .image .type-event- {
        bottom: 302px;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid label.control-label{
        margin-right: 0px;
    }
    /* .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper{
        width: 170px;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid{
        width: 170px;
    } */
    .path-methodes- #block-formulaireexposemethodologiespage-4{
        width: 100%;
    }
    .path-methodes- form#views-exposed-form-methodologies-page-4 #edit-submit-methodologies{
        float: none;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 #edit-submit-methodologies{
        margin-left: 10px !important;
    }
    form#views-exposed-form-methodologies-page-4 #edit-actions {
             margin-left: 42px;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid {
         width: 100%;
    }

}

@media screen and (max-width: 480px) {
    #evenement #block-views-block-evenements-block-2 .view-content .views-field-nothing .evenement .image .type-event- {
        bottom: 218px;
    }
     .path-methodes- form#views-exposed-form-methodologies-page-4 #edit-reset{
        margin-left: 7px;
        margin-right: 0px;
    }
     #block-views-block-evenements-block-4 .evenement-block-home-mobile #views_slideshow_cycle_main_evenements_-block_4 #views_slideshow_cycle_teaser_section_evenements_-block_4{
    	width: 300px!important;
    }
    #evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .image img {
	    width: 480px;
	    height: 250px;
	}
	body.genre-ins #block-formulaireexposesolr-search-contentpage-1{
		width: 65%;
	}
}

@media screen and (max-width: 375px) {
    #evenement #block-views-block-evenements-block-2 .view-content .views-field-nothing .evenement .image .type-event- {
        bottom: 0;
    }
  /*  .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid{
         width: 200px;
    }
    .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper{
        width: 200px;
    } */
}
@media screen and (min-width: 1200px){
    .path-evenements-- .view-ev-nements .views-row:nth-child(4n) {
    margin-right: 0px!important;
}
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
	#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-field-banniere .field-content img {
	    width: 100%;
	    height: 360px;
	    object-fit: cover;
	}
	#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
		top: 80px;
	}
	#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node{
		top: 180px;
	}
	#slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
		/*top: 470px;*/
	}
}

@media screen and (max-width: 991px) {
     #block-menuheadergenre {
        margin-top: 5px;
    }
    #header-top .menu--menu-header-genre li.first a:before {
        left: -14px;
    }
    #header-top .menu--menu-header-genre li.last a:before {
        left: -4px;
    }
     #header-top .menu--menu-header-genre li a {
        padding: 10px 5px;
    }
}
/**** event mobile **/

#block-views-block-evenements-block-4 .evenement-block-home-mobile .view-header .sous-titre {
    margin-bottom: 13px;
}

#block-views-block-evenements-block-4 .evenement-block-home-mobile .views-slideshow-controls-top ul#widget_pager_top_evenements_-block_4 {
    text-align: center;
}

#block-views-block-evenements-block-4 .evenement-block-home-mobile .views-slideshow-controls-top ul#widget_pager_top_evenements_-block_4 li {
    width: 10px;
    height: 10px;
    overflow: hidden;
    display: inline-block;
    background: #e1e1e1;
    color: transparent;
    text-decoration: none;
    margin-right: 12px;
    opacity: 0.4;
}

#block-views-block-evenements-block-4 .evenement-block-home-mobile .views-slideshow-controls-top ul#widget_pager_top_evenements_-block_4 li.active {
    opacity: 1;
}

#block-views-block-evenements-block-4 .evenement-block-home-mobile #views_slideshow_cycle_main_evenements_-block_4 #views_slideshow_cycle_teaser_section_evenements_-block_4 {
    margin: auto;
    /*width: 480px !important;*/
}

#evenement #block-views-block-evenements-block-4 .view-content .views-field-nothing .evenement .image .type-event- {
    /*bottom: 190px;*/
}


/**** end event mobile **/

/****slider page detail event**/
#views_slideshow_controls_text_pause_phototecs-block_1{
    display: none;
}
#views_slideshow_controls_text_previous_phototecs-block_1{
    position: absolute;
    bottom: 50%;
    z-index: 999;
    left: 5%;

}

#views_slideshow_controls_text_next_phototecs-block_1{
    position: absolute;
    bottom: 50%;
    z-index: 999;
    right: 5%;
}

/****end slider page detail event**/
.genre-ins option.theme:first-child {
    font-weight: normal!important;
}
.genre-ins option.theme {
    font-weight: bold;

}
.genre-ins .form-item-field-themes-target-id option:not(.theme),
.genre-ins .form-item-field-theme-tid option:not(.theme) {
    font-size: 14px;
}

/*** block thèmes page deatil****/
#block-theme .themes{
	display: block;
}
#block-theme .themes .label-taxo{
    text-align: left;
    font-family: Roboto-bold;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #01315D;
    opacity: 1;
    display: inline-block;
    padding: 25px 10px 20px 0;
}
#block-theme .themes .item-taxo{
    font-family: Roboto-regular;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0px;
    color: #0058A9;
    opacity: 1;
    display: inline-block;
    padding-right: 20px;
}
/*** Contact *****/

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

body.path-contac-t.genre-ins #block-views-block-contact-block-1 {
      margin: 0 0 40px 0;
}

body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row{
display: block;
}
body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row .views-field-title-1{
float: left;
max-width: 305px;
padding: 20px 0 0 0;
}
body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row .views-field-field-google-maps{
float: right;
padding: 15px;
}


body.path-contac-t.genre-ins #block-views-block-contact-block-1 h2 {
  font-size: 46px;
    line-height: 52px;
    color: #01315D;
    font-family: "Roboto-Medium";
        margin-top: 0;
}
body.path-contac-t.genre-ins #block-views-block-contact-block-1 h3 {
  font-size: 24px;
    line-height: 45px;
    color: #01315D;
    font-family: "Roboto-light";
    margin-top: 15px;

}
body.path-contac-t.genre-ins #block-views-block-contact-block-1 p {
  font-size: 16px;
    line-height: 30px;
    color: #000000;
    font-family: "Roboto-Regular";
}
body.path-contac-t.genre-ins #block-views-block-contact-block-1 .views-row .views-field-title-1 a{
color:#0B61D2;
}
body.path-contac-t.genre-ins #block-views-block-contact-block-2 h2,
body.path-contac-t.genre-ins #block-webform h2 {
  font-size: 30px;
    line-height: 24px;
    color: #01315D;
      font-family: "Roboto-Regular";
      text-align: center;
      margin:40px 0;
}
body.path-contac-t.genre-ins hr{
    width: 30px;
    border-top: 1px solid #01315d;
    margin: 15px 0 0 0;
}

body.path-contac-t.genre-ins #block-views-block-contact-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-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph:nth-child(3n+0) {
    margin: 0 0 40px 0;
}
body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph .field--name-field-subtitle {
      font-size: 20px;
    line-height: 20px;
    color: #0058A9;
      font-family: "Roboto-Regular";
          margin-bottom: 10px;
}
body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph .field--name-field-body {
      font-size: 16px;
    line-height: 27px;
    color: #000000;
      font-family: "Roboto-Medium";
}




body.path-contac-t.genre-ins #block-webform{
    display: block;
    margin: 0 auto;
    max-width: 700px;
}
body.path-contac-t.genre-ins #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-contac-t.genre-ins #block-webform label{
 display: none;
}
body.path-contac-t.genre-ins #block-webform input,
body.path-contac-t.genre-ins #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-contac-t.genre-ins #block-webform textarea{
min-height: 187px;
}

body.path-contac-t.genre-ins #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-contac-t.genre-ins .alert-success{
    color: #9DC600;
    background-color: #f0f8ff00;
    border-color: #f0f8ff00;
}

body.path-contac-t.genre-ins .alert-success p{
     text-align: center;
    color: #9DC600;
    font-size: 18px;
    line-height: 30px;
    font-family: "Roboto-Regular";
}
body.path-contac-t.genre-ins .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-contac-t.genre-ins .alert-success button{
    color: #9DC600;
}


/* Accés à l'information */

body.path-acces-informatio-n.genre-ins h1.page-header,
body.path-acces-informatio-n.genre-ins .breadcrumb li:nth-child(3){
  display: none;
}

body.path-acces-informatio-n.genre-ins .view-acces-a-l-information {
  margin: 40px 0 40px 0;
}
body.path-acces-informatio-n.genre-ins  .Language-link li .active-language{
 display: inline-block !important;
}
body.path-acces-informatio-n.genre-ins .views-element-container{
      max-width: 664px;
      float: left;
}

body.path-acces-informatio-n.genre-ins .view-acces-a-l-information h1 {
    font-size: 36px;
    line-height: 24px;
    color: #01315D;
    font-family: "Roboto-Medium";
    margin-bottom: 30px;
}
body.path-acces-informatio-n.genre-ins .view-acces-a-l-information h2 {
      font-size: 24px;
    line-height: 29px;
    color: #01315D;
    font-family: "Roboto-Regular";
      margin-top: 20px;
}
body.path-acces-informatio-n.genre-ins .view-acces-a-l-information h3 {
      font-size: 20px;
    line-height: 24px;
    color: #0058A9;
    font-family: "Roboto-Medium";
}
body.path-acces-informatio-n.genre-ins .view-acces-a-l-information p {
      font-size: 16px;
    line-height: 25px;
    color: #323232;
    font-family: "Roboto-Regular";
}
body.path-acces-informatio-n.genre-ins .view-acces-a-l-information li {
      font-size: 16px;
    line-height: 26px;
    color: #323232;
    font-family: "Roboto-Regular";
}
body.path-acces-informatio-n.genre-ins .view-acces-a-l-information a {
      font-size: 16px;
    line-height: 25px;
    color: #0289FE;
    font-family: "Roboto-bold";
}
body.path-acces-informatio-n.genre-ins .view-acces-a-l-information li a {
text-decoration: underline;
}

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

body.path-acces-informatio-n.genre-ins #block-webform-2{
     width: 33%;
    float: right;
    padding: 80px 15px 15px 15px;
}
body.path-acces-informatio-n.genre-ins #block-webform-2 form{
       box-shadow: 0px 4px 21px #5454541A;
}
body.path-acces-informatio-n.genre-ins #block-webform-2 .panal,
body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-default{
  border: 0;
      box-shadow: none;
      margin: 0;
}
body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-heading{
    border: 0;
    background: #fdfdfd00;
        padding: 15px;
}
body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-body{
    padding: 24px;
}
body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-body .form-group{
    margin-bottom: 20px;
}
body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-title{
      font-size: 18px;
    line-height: 22px;
    color: #0058A9;
    font-family: "Roboto-Medium";
}
body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-body label{
      font-size: 14px;
    line-height: 18px;
    color: #464646;
    font-family: "Roboto-Regular";
    font-weight: 100;
}


body.path-acces-informatio-n.genre-ins #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-informatio-n.genre-ins #block-webform-2 .panel-body .form-textarea
{
    font-size: 15px;
    line-height: 18px;
    color: #A5A5A5;
    border: 1px solid #D9E0E7;
}

body.path-acces-informatio-n.genre-ins #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-informatio-n.genre-ins #block-webform-2  #edit-files--description a{
 color: #A5A5A5;
}

 body.path-acces-informatio-n.genre-ins #block-webform-2  input,
 body.path-acces-informatio-n.genre-ins #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-informatio-n.genre-ins #block-webform-2  input#edit-upload-upload,
   body.path-acces-information.ins-tn #block-webform-2  input#edit-upload-upload{
    visibility: hidden;
    height: 0px;
  }
 body.path-acces-informatio-n.genre-ins #block-webform-2  select:after{
       color: #8CA2B6;
  }

   body.path-acces-informatio-n.genre-ins #block-webform-2  input:focus,
 body.path-acces-informatio-n.genre-ins #block-webform-2  select:focus{
    border: 1px solid #D9E0E7;
    box-shadow: none;
  }
 body.path-acces-informatio-n.genre-ins #block-webform-2 #edit-processed-text{
    margin: 0 15px 0 15px;
    padding: 15px 0;
    border-top: 1px solid #D9E0E7;
  }
   body.path-acces-informatio-n.genre-ins #block-webform-2 #edit-processed-text p{
      font-size: 16px;
    line-height: 25px;
    color: #464646;
  }
     body.path-acces-informatio-n.genre-ins #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-informatio-n.genre-ins .alert-success{
    color: #9DC600;
    background-color: #f0f8ff00;
    border-color: #f0f8ff00;
}

 body.path-acces-informatio-n.genre-ins .alert-success p{
     text-align: center;
    color: #9DC600;
    font-size: 18px;
    line-height: 30px;
    font-family: "Roboto-Regular";
}
 body.path-acces-informatio-n.genre-ins .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-informatio-n.genre-ins .alert-success button{
    color: #9DC600;
}
body.path-acces-informatio-n.genre-ins img#img-upload,
body.path-acces-information.ins-tn img#img-upload{
    height: 50px;
}


/*** version arabe *****/

html[lang=ar] body.genre-ins #block-logo2 {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}
html[lang=ar] body.genre-ins #block-logogenreins,
html[lang=ar] body.genre-ins .region.region-footer section#block-logolunioneuropeenne,
html[lang=ar] body.genre-ins .region.region-footer section#block-logomosawat,
html[lang=ar] body.genre-ins .region.region-footer nav#block-menufootergenre,
html[lang=ar] body.genre-ins #block-menufooterbasgenre,
html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row,
html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row,
html[lang=ar] body.genre-ins #block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-row,
html[lang=ar] body.genre-ins  #evenement .cond .views-field-nothing .field-content li .col-md-6,
html[lang=ar] body.genre-ins #evenement .cond .views-field-nothing .field-content li .col-md-6.last-block,
html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements nav.pager-nav.text-center li.pager__item a,
html[lang=ar] body.path-publication-s.genre-ins #datatable tr td.views-field-nothing .col-md-3,
html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid,
html[lang=ar] body.path-acces-informatio-n.genre-ins .views-element-container{
    float: right;
}
html[lang=ar] body.genre-ins section#block-socialmedialinks{
    padding-left: 0px;
}
html[lang=ar] body.genre-ins ul.menu.menu--menu-header-genre.nav{
    padding-right: 0;
    float: right;
}
html[lang=ar] body.genre-ins #datatable_filter input#keywords {
    text-align-last: right;
}
html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li.first a:before{
    left: 215px;
}
html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li.first {
    /*position: relative;
    right: 80%;*/
}
html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li {
    /*left: 25%;*/
}
html[lang=ar] body.genre-ins li.pager__item.pager__item--previous{
    display: inherit;
}
html[lang=ar] body.genre-ins #datatable_wrapper label input {
    padding-left: 0px;
    padding-right: 20px;
}
html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 {
    padding-left: 15px;
    padding-right: 0px;
}
html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form--inline {
    float: left;
    display: table;
}
html[lang=ar] body.genre-ins form#views-exposed-form-solr-search-content-page-1 label.control-label{
    display: none;
}
html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 #edit-actions button{
    margin-left: 0px;
    margin-right:5px;
}

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

html[lang=ar] body.genre-ins ul.menu.menu--menu-footer-genre.nav {
    padding-right: 0;
}
html[lang=ar] body.genre-ins #mc_embed_signup form,
html[lang=ar] body.genre-ins #evenement .cond .views-field-nothing .field-content li .resum-event,
html[lang=ar] section#block-formulaireexposeev-nementspage-3 h2,
html[lang=ar] section#block-formulaireexposeev-nementspage-4 h2,
html[lang=ar] section#block-formulaireexposeev-nementspage-2-2 h2,
html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre,
html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info div.type,
html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .resume,
html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .link,
html[lang=ar] body.genre-ins section#block-views-block-ev-nements-block-1 .form-group span.file-link,
html[lang=ar] body.genre-ins section#block-views-block-publication-block-1 .form-group span.file-link,
html[lang=ar] body.genre-ins section#block-views-block-methodologies-block-1 .form-group span.file-link,
html[lang=ar] body.page-node-type-actualites.genre-ins article .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item,
html[lang=ar] body.page-node-type-publication.genre-ins section#block-views-block-publication-block-1 h2.block-title,
html[lang=ar] .page-node-type-publication section#block-views-block-publication-block-1 h2.block-title,
html[lang=ar] body.genre-ins .view-methodologies .views-field.views-field-body,
html[lang=ar] body.genre-ins .view-methodologies .views-field-field-resume-methode,
html[lang=ar] body.genre-ins section#block-views-block-methodologies-block-1 h2.block-title,
html[lang=ar] body.page-node-type-methode.genre-ins h1.page-header,
html[lang=ar] #block-autreseditions .autre-edition .dropdown a{
    text-align: right;
}
html[lang=ar] body.page-node-type-actualites.genre-ins h1.page-header,
html[lang=ar] body.genre-ins ol.breadcrumb {
    text-align: right!important;
}
html[lang=ar] body.genre-ins section#block-views-block-ev-nements-block-1 .form-group span.file-size,
html[lang=ar] body.genre-ins section#block-views-block-publication-block-1 .form-group span.file-size,
html[lang=ar] body.genre-ins section#block-views-block-methodologies-block-1 .form-group span.file-size {
    padding-right: 0;
    text-align: right;
}
html[lang=ar] body.genre-ins #mc_embed_signup form {
    overflow: hidden;
}
html[lang=ar] body.genre-ins .pagination{
    padding-right: 0;
    display: inline-flex;
}
html[lang=ar] body.path-publication-s.genre-ins #datatable_paginate span{
    display: inline-flex;
}
html[lang=ar] body.path-contac-t.genre-ins #block-webform input,
html[lang=ar] body.path-contac-t.genre-ins #block-webform textarea{
    padding-right: 25px;
}
html[lang=ar] body.page-node-type-publication.genre-ins article.publication .content .field--name-field-vignette{
    right: 75%;
}
html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info{
    margin-left: 0px;
    margin-right: 14px;
}
html[lang=ar] body.genre-ins ol.breadcrumb{
padding-right: 0;

}
html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid label.control-label{
    text-align: right;
    margin-left: 15px;
    margin-right: 0;
}

html[lang=ar] body.genre-ins form#views-exposed-form-ev-nements-page-3 .form--inline #edit-actions,
html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 div#edit-actions,
html[lang=ar] body.path-acces-informatio-n.genre-ins #block-webform-2 {
    float: left;
}
html[lang=ar] body.genre-ins .social-media-links--platforms {
    padding-right: 0;
}
html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
  /*  margin-left: 21px;
    margin-right: 0px;
     margin-left: 15px;
    margin-right: 15px;
     */
}
html[lang=ar] body.genre-ins #evenement .cond .views-field-nothing .field-content li .col-md-6{
    padding-left: 15px;
}
html[lang=ar] body.genre-ins #evenement .cond .views-field-nothing .field-content li .type-event{
    right: 14px;
}

html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid{
    padding-right: 12px;
}

html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4{
    width: 100%;
}
html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 #edit-actions button{
    margin-left: 0!important;
    margin-right: 13px;
    float: left;
}
html[lang=ar] body.genre-ins button#edit-reset img {
    margin-left: auto;
    margin-right: -4px;
}
html[lang=ar] body.genre-ins section#block-views-block-ev-nements-block-1 .form-group .file>span:first-child,
html[lang=ar] body.genre-ins section#block-views-block-ev-nements-block-1-2 .form-group .file>span:first-child,
html[lang=ar] body.genre-ins section#block-views-block-publication-block-1 .form-group .file>span:first-child,
html[lang=ar] body.genre-ins section#block-views-block-methodologies-block-1 .form-group .file>span:first-child{
    padding-left: 10px;
    padding-right: 0;
}
html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
    left: 0;
    /* right: 203px;  */
    right: 15%;
}
html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node{
    left: 78%;
    position: absolute;
}
html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
    padding: 0 182px 0;
}
html[lang=ar] body.page-node-type-actualites.genre-ins .views_slideshow_cycle_slide .views-field-field-image{
    direction: ltr;
}
html[lang=ar] section#block-formulaireexposeev-nementspage-3 h2{
    margin-left: 25px;
}
html[lang=ar] form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix select{
    line-height: 25px;
    padding: 2px 31px 2px 6px;
}
html[lang=ar] body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item ul li{
    line-height: 30px;
}
html[lang=ar] .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid{
    line-height: 21px;
}
html[lang=ar] body.path-acces-informatio-n a.icon-before .glyphicon, a .glyphicon.icon-before,
html[lang=ar] body.path-acces-information a.icon-before .glyphicon, a .glyphicon.icon-before {
    margin-right: 0;
    margin-left: 0.25em;
}
html[lang=ar] body.path-acces-informatio-n.genre-ins #block-webform-2 button.btn-primary {
    margin: 0 15px 0 0px;
}
html[lang=ar] body.path-acces-informatio-n.genre-ins .select-wrapper:after {
    padding-right: 0;
    padding-left: 0.5em;
    right: 90%;
}
html[lang=ar] body.path-acces-informatio-n #block-webform-2 input, html[lang=ar] body.path-acces-informatio-n #block-webform-2 select {
    padding-right: 1em;
    padding-left: 2em;
}
html[lang=ar] body.genre-ins #header-top,
html[lang=ar] ol.breadcrumb,
html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper select#edit-field-theme-tid,
html[lang=ar] ul.menu--menu-footer-genre li a,
html[lang=ar] #block-menufooterbasgenre ul.menu--menu-footer-bas-genre li,
html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form-item input,
html[lang=ar] #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node .field-content a,
html[lang=ar] #block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .body,
html[lang=ar] form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix select,
html[lang=ar] form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix select,
html[lang=ar] form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix select,
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] body.path-contac-t.genre-ins #block-views-block-contact-block-1 p,
html[lang=ar] body.path-contac-t.genre-ins #block-views-block-contact-block-2 h2,
html[lang=ar] body.path-contac-t.genre-ins #block-webform h2,
html[lang=ar] body.path-contac-t.genre-ins #block-webform button,
html[lang=ar] body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 h2,
html[lang=ar] body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 p,
html[lang=ar] body.path-conditions-utilisatio-n.genre-ins #block-views-block-conditions-d-utilisation-block-1 li,
html[lang=ar] body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre h2,
html[lang=ar] body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph .field--name-field-subtitle,
html[lang=ar] body.page-node-type-methode .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item  ul li,
html[lang=ar] body.genre-ins span.views-field.views-field-field-the-mes span.field-content,
html[lang=ar] body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-body label,
html[lang=ar] body.path-acces-informatio-n #block-webform-2 button.btn-primary,
html[lang=ar] body.path-acces-informatio-n #block-webform-2 #edit-processed-text p,
html[lang=ar] body.path-acces-informatio-n #block-webform-2 select,
html[lang=ar] body.path-acces-informatio-n.genre-ins .view-acces-a-l-information p,
html[lang=ar] body.path-acces-informatio-n.genre-ins .view-acces-a-l-information h2,
html[lang=ar] body.path-acces-informatio-n.genre-ins .view-acces-a-l-information li{
    font-family: "Almarai-regular";
}
html[lang=ar] #block-menugenre ul li a,
html[lang=ar] .path-methodes- #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid label.control-label,
html[lang=ar] section#block-formulaireexposeev-nementspage-3 h2,
html[lang=ar] section#block-formulaireexposeev-nementspage-4 h2,
html[lang=ar]  section#block-formulaireexposeev-nementspage-2-2 h2,
html[lang=ar] .view-empty,
html[lang=ar] h2#block-menufootergenre-menu,
html[lang=ar] #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title,
html[lang=ar] #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row .views-field-title .field-content,
html[lang=ar] #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row .views-field-title .field-content,
html[lang=ar] #presse #block-views-block-communiques-de-presse-block-3 h2.block-title,
html[lang=ar] #block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .type,
html[lang=ar] #block-views-block-communiques-de-presse-block-3 .view-communiques-de-presse .view-content .views-field-nothing .titre a,
html[lang=ar] #block-views-block-evenements-block-3 h2.block-title,
html[lang=ar] .path-evenements-- .view-ev-nements .views-row .views-field.views-field-nothing .evenement-info .titre,
html[lang=ar] body.path-contac-t.genre-ins #block-views-block-contact-block-1 h2,
html[lang=ar] body.path-conditions-utilisatio-n.genre-ins h1,
html[lang=ar] body.path-contac-t.genre-ins #block-views-block-contact-block-2 .paragraph .field--name-field-body,
html[lang=ar] body.path-solr-search.genre-ins .region-content h1.page-header,
html[lang=ar] body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-title,
html[lang=ar] body.path-acces-informatio-n.genre-ins .view-acces-a-l-information h1,
html[lang=ar] body.path-acces-informatio-n.genre-ins .view-acces-a-l-information a,
html[lang=ar] body.path-acces-informatio-n.genre-ins .view-acces-a-l-information h3{
    font-family: "Almarai-Bold";
}
html[lang=ar] body.genre-ins #evenement #block-views-block-evenements-block-3 .evenement-block-home .view-header .sous-titre,
html[lang=ar] body.path-contac-t.genre-ins #block-views-block-contact-block-1 h3,
html[lang=ar] body.path-contac-t.genre-ins #block-webform p,
html[lang=ar] body.path-contac-t.genre-ins #block-webform input,
html[lang=ar] body.path-contac-t.genre-ins #block-webform textarea,
html[lang=ar] body.path-conditions-utilisatio-n.genre-ins .view-conditions-d-utilisation p,
html[lang=ar] body.path-conditions-utilisatio-n.genre-ins #block-conditionsdutilisationgenre ul li a,
html[lang=ar] body.path-solr-search.genre-ins .view-header .total,
html[lang=ar] body.genre-ins #datatable_wrapper label input::placeholder,
html[lang=ar] body.path-acces-informatio-n.genre-ins #block-webform-2 .panel-body .form-group div#edit-upload--description,
html[lang=ar] body.path-acces-information #block-webform-2 .panel-body .form-group div#edit-upload--description {
    font-family: "Almarai-light";
}

/**** responsive ****/

@media screen and (max-width: 1366px) and (min-width: 1024px){
    #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        height: 255px;
    }
    #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        /*height: 297px;*/
        height: 330px;
    }

}
@media screen and (min-width: 1200px){
    html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row:nth-child(4n) {
        margin-left: 0px!important;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        margin-left: 19px;
        margin-right: 19px;
    }

}
@media screen and (max-width: 1200px){
    html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li {
        /*left: 5%;*/
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
        left: 0;
        right: 12%;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
        padding: 0 110px 0;
    }
}
@media (max-width: 1024px) and (min-width:  992px) {
    html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row {
        margin-left: 30px;
        margin-right: 30px;
    }
    html[lang=ar] body.genre-ins nav#block-menuheadergenre{
        padding-right: 0;
        float: right;
    }
    html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li {
        left: 50px;
    }
    html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li.first {
        right: 165px;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
        right: 12%;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        margin-left: 13px;
        margin-right: 15px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        margin-left: 13px;
        margin-right: 15px;
    }
}
@media (max-width: 992px){
    body.genre-ins #menu .container {
        padding-right: 15px;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    html[lang=ar] body.genre-ins .region.region-footer{
    display: grid;
    }

    html[lang=ar] body.genre-ins #mc_embed_signup_scroll{
        float: right;
    }
    html[lang=ar] body.genre-ins #block-menufooterbasgenre ul.menu--menu-footer-bas-genre {
            padding-inline-start: 0;
        }
    html[lang=ar] body.genre-ins section#block-socialmedialinks-2 {
            padding-right: 15px;
        }
        html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li.first a:before {
            left: 180px;
        }
        html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li.first {
            /*right: 85%!important;*/
        }
        html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li {
            left: 21%!important;
        }
    html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row {
        margin-right: 60px;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
        right: 10%;
    }
}
@media screen and (max-width: 768px){
    html[lang=ar] body.genre-ins ul.menu.menu--menu-header-genre.nav{
        float: none;
    }
    html[lang=ar] body.genre-ins .region.region-footer,
    html[lang=ar] body.genre-ins #header-top,
    html[lang=ar] body.genre-ins #datatable tr td.views-field-nothing .pub-listing{
        display: grid;
    }
    html[lang=ar] body.genre-ins #block-menufooterbasgenre ul.menu--menu-footer-bas-genre li a,
    html[lang=ar] body.genre-ins #block-menufooterbasgenre ul.menu--menu-footer-bas-genre {
        padding: 0;
    }
    html[lang=ar] .view-footer {
        margin-right: 0!important;
    }
    html[lang=ar] body.genre-ins #header-top {
        width: 100%;
    }
    html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1{
        margin-left: 0px;
        margin-right: 0;
    }
    html[lang=ar] body.genre-ins #block-logo2 {
        margin-left: 0;
    }
    html[lang=ar] body.genre-ins #block-logo2 .field--name-body.field--label-hidden{
        float: left;
    }
    html[lang=ar] body.page-node-type-publication .main-container article.publication .content .field--name-body,
    html[lang=ar] #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
        float: right;
    }
    html[lang=ar] #block-autreseditions .autre-edition .dropdown .dropdown-menu{
        max-width: 100%;
    }
    html[lang=ar] body.genre-ins #block-logogenreins{
        padding-right: 0;
    }
    html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1 #views-exposed-form-solr-search-content-page-1 .form--inline {
        float: none;
        width: 100%;
    }

    html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li.first a:before {
        left: 175px;
    }
    html[lang=ar] body.genre-ins form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .select-wrapper:after{
    padding-right: 0;
    padding-left: 0;
    right: 96%;
    }
    /* html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row:nth-child(2n) {
        margin-left: 44px;
    } */
    html[lang=ar] #statistique #block-publicationconnexe .pubconexe .row .pub-cnx {
      display: inline-flex;
    }
    html[lang=ar] body.genre-ins section#block-views-block-methodologies-block-1 {
        max-width: 100%;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row:nth-child(2n) {
       margin: 0px 17px 21px 0px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row:nth-child(2n) {
        margin: 0px 17px 21px 0px;
     }
    body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
    }
    html[lang=ar] body.genre-ins #mc_embed_signup_scroll,
    html[lang=ar] body.genre-ins #block-socialmedialinks-2 ul {
        float: none!important;
    }

    html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper:after {
        right: 90%;
    }
    html[lang=ar] body.genre-ins #header-top .menu--menu-header-genre li {
        /*left: 25%;*/
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
        right: 20%;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom{
        padding: 0 40px 0;
        float: left;
        left: 69%;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node{
        left: 66%;
    }
    .view-methodologies .views-field.views-field-field-image-nomenclature{
        width: 20%;

    }
    html[lang=ar] body.genre-ins .view-slider-home-page .skin-default,
    html[lang=ar] body.genre-ins .view-slider-home-page .views-row{
        position: relative;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        margin: 0px 15px 21px 0px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        margin: 0px 15px 21px 0px;
    }
}
@media  (max-width: 458px) and (min-width: 425px){
 body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
       padding: 15px;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        padding: 15px;
     }
    html[lang=ar] body.genre-ins #header .region-header{
        left: 0;
        text-align: center;
    }
    html[lang=ar] body.genre-ins #block-formulaireexposesolr-search-contentpage-1{
        margin-left: 30px;
    }
}


@media screen and (max-width: 425px){
    html[lang=ar] body.genre-ins form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .select-wrapper:after {
        right: 92%;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        width: 49%;
        margin: 0px 0px 18px 5px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        width: 49%;
        margin: 0px 0px 18px 5px;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row {
        width: 100%;
    }
    body.genre-ins #acces-rapide{
        margin-top: 0;
    }
    body.genre-ins #acces-rapide {
        padding-bottom: 20px!important;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        width: 49%;
        margin: 0px 5px 21px 0px;
    }
    form#views-exposed-form-methodologies-page-4 #edit-actions{
        margin-left: 0;
    }
    .view-methodologies .views-field.views-field-field-image-nomenclature{
        width: 50%;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node{
        left: 63%;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
        right: 12%!important;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-cle-block-2 .view-content .views-row:nth-child(2n) {
        margin: 0px 0px 21px 0px;
    }
    html[lang=ar] body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row:nth-child(2n) {
        margin: 0px 0px 21px 0px;
    }
}
@media screen and (max-width: 375px){

    html[lang=ar] body.page-node-type-actualites.genre-ins div#views_slideshow_cycle_teaser_section_phototecs-block_1{
        width: 100%;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default .views-slideshow-controls-bottom {
        padding: 0!important;
        right: 0!important;
        float: right!important;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-title{
        padding: 5px;
        right: 0!important;
    }
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node{
        left: 69%;
    }
    /*body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        width: 100%;
        margin: 0px 5px 21px 0px;
    }*/

    body.genre-ins #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre {
        display: grid;
    }
    body.genre-ins #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-feminin {
        margin-left: 0!important;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        height: 410px;
    }

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

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

    }
}
@media screen and (max-width: 320px){
    html[lang=ar] body.genre-ins #slider #block-views-block-slider-home-page-block-2 .view-slider-home-page .view-content .skin-default #views_slideshow_cycle_main_slider_home_page-block_2 #views_slideshow_cycle_teaser_section_slider_home_page-block_2 .views_slideshow_cycle_slide .views-field-view-node{
        left: 64.5%;
    }
    body.genre-ins #acces-rapide #block-views-block-chiffre-de-test-block-2 .view-content .views-row {
        width: 100%;
        margin: 0px 5px 21px 0px;
    }
    body.genre-ins #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre {
        display: grid;
    }
    body.genre-ins #block-views-block-chiffre-de-test-block-2 .view-chiffre-de-test.view-display-id-block_2 .views-row .views-field-nothing .valeur-chiffre .valeur-feminin {
        margin-left: 0!important;
    }
}
@media screen and (min-width: 768px){
    html[lang=ar] body.genre-ins #block-socialmedialinks-2 ul,
    html[lang=ar] body.genre-ins #block-socialmedialinks ul{
        float: left;
    }

    html[lang=ar] body.genre-ins aside.col-md-3,
    html[lang=ar] body.genre-ins nav#block-menuheadergenre,
    html[lang=ar] body.genre-ins #block-dropdownlanguage,
    html[lang=ar] body.genre-ins section#block-socialmedialinks,
    html[lang=ar] body.genre-ins .col-sm-12{
        float: right;
    }

    body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 div#edit-actions{
        display: flex;
        float:right;
    }
    html[lang=ar] body.genre-ins form#views-exposed-form-ev-nements-page-3 .form--inline.form-inline.clearfix .select-wrapper:after,
    html[lang=ar] body.genre-ins form#views-exposed-form-ev-nements-page-4 .form--inline.form-inline.clearfix .select-wrapper:after,
    html[lang=ar] body.genre-ins form#views-exposed-form-ev-nements-page-2 .form--inline.form-inline.clearfix .select-wrapper:after,
    html[lang=ar] body.path-methodes-.genre-ins #block-formulaireexposemethodologiespage-4 .form-item-field-theme-tid .select-wrapper:after {
        padding-right: 0;
        padding-left: 0.5em;
        right: 90%!important;
    }
    html[lang=ar] body.genre-ins nav#block-menuheadergenre{
        padding-right: 0;
    }
    html[lang=ar] body.path-evenements--.genre-ins .view-ev-nements .views-row {
        margin-left: 44px;
        margin-right: 0px;
    }

    html[lang=ar] .view-methodologies .views-field.views-field-field-image-nomenclature {
        float: right;
        margin-left: 40px;
        margin-right: 0;
    }
    html[lang=ar] .view-methodologies .card-body .views-field.views-field-nothing {
        margin-left: 0;
        margin-right: 18.5%;
    }

}